/*** Font-family: Open Sans ***/
@font-face { font-family: 'OpenSans-Light';    src: url('/fonts/OpenSans-Light.ttf')     format('truetype'); }
@font-face { font-family: 'OpenSans';          src: url('/fonts/OpenSans-Regular.ttf')   format('truetype'); }
@font-face { font-family: 'OpenSans-SemiBold'; src: url('/fonts/OpenSans-SemiBold.ttf')  format('truetype'); }
@font-face { font-family: 'OpenSans-Bold';     src: url('/fonts/OpenSans-Bold.ttf')      format('truetype'); }
@font-face { font-family: 'OpenSans-ExtraBold';src: url('/fonts/OpenSans-ExtraBold.ttf') format('truetype'); }

/*** Font-family: Franklin Gothic Demi ***/
@font-face { font-family: 'FranklinGothicDemi';src: url('/fonts/fradm.ttf') format('truetype'); }

/*** Font-family: Inria-Sans ***/
@font-face { font-family: 'InriaSans';src: url('/fonts/InriaSans-Regular.ttf') format('truetype'); }

@keyframes scroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(calc(-21.16vh * 6)); }
}
@keyframes fadeIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
.fade-in { animation: fadeIn 1s ease-in-out; }

/*** Root Color Variables ***/
:root {
    --main-color-1: #2C4B94;
    --main-color-2: #FDEC00;
    --main-color-3: #FFFFFF;
    --font-color-1: #042267;
    --font-color-2: #171733;
    --font-color-3: #1C1C86;
}

/*** Scrollbar ***/
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#05172A;}
::-webkit-scrollbar { width: 8px; background-color: transparent; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9ddefd; }

*,
*::after,
*::before{margin: 0;padding: 0;box-sizing: border-box;font-family: 'OpenSans'; }

body { height: 100%; }

h1, h2, h3 { margin: 0;font-family: 'OpenSans-Bold'; }
h4, h5, h6 { margin: 0;font-family: 'OpenSans-SemiBold'; }
p, a, span, font { margin: 0;font-family: 'FranklinGothicDemi';color: var(--font-color-2); }

.page_container { margin-top: 16.4dvh; }
@media screen and (max-width: 767px) {
    .page_container { margin-top: 17.71dvw; }
}

/*** Hero Banner ***/
.hero_banner { position: relative;display: flex;flex-direction: column;align-items: start;justify-content: center;padding: 0 5%;width: 100%;height: 23.44dvw;background-size: cover;background-repeat: no-repeat;overflow: hidden; }
.hero_banner::before { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(123, 85, 85, 0.5); }
.hero_banner .hero_banner_title_wrap { position: absolute;top: 0;left:0;display: flex;flex-direction: column;align-items: start;justify-content: center;width: 100%;height: 100%;padding: 5%; }
.hero_banner .hero_banner_title_wrap .hero_banner_title { position: relative;font-family: 'FranklinGothicDemi';font-size: 6.77dvh;color: var(--main-color-3);z-index: 1; }
.hero_banner .hero_banner_title_wrap .hero_banner_breadcrumb { position: relative;font-family: 'FranklinGothicDemi';font-size: 3.39dvh;color: var(--main-color-3);z-index: 1; }
.hero_banner .hero_banner_title_wrap .hero_banner_breadcrumb a { font-family: 'FranklinGothicDemi';font-size: 3.39dvh;color: var(--main-color-3);text-decoration: none; }
.hero_banner .hero_banner_title_wrap .hero_banner_breadcrumb .breadcrumb_arrow { font-family: 'FranklinGothicDemi';font-size: 3.39dvh;color: var(--main-color-3);opacity: 50%; }
@media screen and (max-width: 767px) {
    .hero_banner { height: 56.25dvw; }
    .hero_banner .hero_banner_title_wrap .hero_banner_title { font-size: 6.67dvw; }
    .hero_banner .hero_banner_title_wrap .hero_banner_breadcrumb,
    .hero_banner .hero_banner_title_wrap .hero_banner_breadcrumb a { font-size: 3.33dvw; }
    .hero_banner .hero_banner_title_wrap .hero_banner_breadcrumb .breadcrumb_arrow { font-size: 3.33dvw; }
}

/*** Button ***/
.seesb_btn { padding: 0.78dvw 2.6dvw;font-family: 'OpenSans-Bold';font-size: 1.04dvw;color: var(--main-color-3);background-color: var(--main-color-1);border: none;border-radius: 0.52dvw;transition: all 0.5s ease-in-out; }
.seesb_btn:hover { background-color: var(--font-color-1); }
.seesb_btn2 { padding: 0.78dvw 2.6dvw;font-family: 'OpenSans-Bold';font-size: 1.04dvw;color: var(--main-color-1);background-color: var(--main-color-3);border: none;border-radius: 0.52dvw;transition: all 0.5s ease-in-out; }
.seesb_btn2:hover { color: var(--main-color-3);background-color: var(--font-color-1); }
@media screen and (max-width: 767px) {
    .seesb_btn,
    .seesb_btn2 { padding: 2.08dvw 7.81dvw;font-size: 3.33dvw;border-radius: 2.08dvw; }
}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}