@import url(bootstrap.min.css);
@import url(bootstrap-icons.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* 
    font-family: "Roboto Condensed", sans-serif; 
    font-family: "Inter", sans-serif;
*/


:root{
    --body-font: "Roboto Condensed", sans-serif;
    --secondary-font:"Inter", sans-serif;
	--dark-blue-bg: #07294D;
    --default-font-color: #16163f;
    --white-bg: #ffffff;
    --font-hover-red: #dc2a1c;
    --yellow-bg: #FDCD1F;
}

body{ 
 font-family: var(--body-font);
 font-weight: 400;
 color: var(--default-font-color);
 font-size: 16px;
 }

.btn-primary{ background-color: var(--yellow-bg); font-size: 16px; font-weight: 500; font-family: var(--body-font); color: var(--default-font-color); border-radius: 0; border: 0; padding: 0.8rem 1.8rem;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{ color: var(--yellow-bg) !important; background-color: var(--dark-blue-bg) !important; box-shadow: none !important;}


.header_top_bar{ background-color: var(--dark-blue-bg); margin: 0px; padding: 12px 0px;}
.header_top_bar .topbar_contact{ width: 100%;  display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.header_top_bar .topbar_contact li{ width: auto; display: flex; flex-wrap: wrap; font-family: var(--body-font); font-size: 14px; color: var(--white-bg); list-style: none; font-weight: 300; margin: 0px 1.4rem 0px 0px; padding: 0px;}
.header_top_bar .topbar_contact li:last-child{ margin: 0;}
.header_top_bar .topbar_contact li a{ font-family: var(--body-font); font-size: 14px; color: var(--white-bg); text-decoration: none; margin: 0px; padding: 0px;}
.header_top_bar .topbar_contact li a:hover{ color: var(--yellow-bg);}
.header_top_bar .topbar_contact li .bi{ padding-right: 8px;}

.header_top_bar .top_social_icon{ display: flex; justify-content: end; margin: 0px; padding: 0px;}
.header_top_bar .top_social_icon li{ width: auto; list-style: none; margin: 0px 0px 0px 20px; padding: 0px;}
.header_top_bar .top_social_icon li a{ font-size: 20px; color: var(--white-bg);}
.header_top_bar .top_social_icon li a:hover{ color: var(--yellow-bg);}

header .navbar{ --bs-navbar-padding-y:1.8rem;}
header .navbar-brand img{ max-width: 150px;}
header .nav-link{ font-size: 16px; color: var(--default-font-color); font-family:var(--body-font); font-weight: 400; padding: 0.8rem 1.4rem !important;}
header .nav-link:focus, header .nav-link:hover {color: var(--font-hover-red);}
header .navbar-nav .nav-link.active, header .navbar-nav .show > .nav-link {color: var(--font-hover-red);}
header .navbar .enquire_now{ margin-left: 1.4rem;}


section{ position: relative; margin: 0; padding: 0px;}

.hero_banner{ position: relative; margin: 0px; padding: 0px;}
.hero_banner::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 0;}
.hero_banner img{ width: 100%; display: block;}
.hero_banner .caption {width: 100%; position: absolute; top: auto; bottom: 150px; left: 0px; text-align: center; z-index: 2; margin: 0px; padding: 0px; z-index: 2;}
.hero_banner .caption h1{ font-size: 64px; color: var(--white-bg); font-weight: 700; letter-spacing: 1px; margin: 0px; padding: 0px;}


/* Mandatory Disclosure Page Class */
.breadcrumb_main {background: url(../img/pattern_bg.webp) repeat left top; padding: 2rem 0; border-bottom: 2px solid var(--yellow-bg);}
.breadcrumb_main h2{ font-family: var(--body-font); color: var(--default-font-color); font-size: 30px; font-weight: 600; margin: 0px; padding: 0px;}
.breadcrumb_main .breadcrumb{margin: 0; justify-content: end}
.breadcrumb_main .breadcrumb li{font-size: 1rem; color: var(--dark-blue-bg); font-weight: 500;}
.breadcrumb_main .breadcrumb li a{color: var(--dark-blue-bg); text-decoration: none; font-weight: 400;} 
.breadcrumb_main .breadcrumb li a:hover{color: var(--font-hover-red);}

.mandatory_box{ position: relative; margin: 0px; padding: 60px 0px 0px 0px;}
.mandatory_box h2{ font-family: var(--body-font); color: var(--default-font-color); font-size: 28px; font-weight: 600; position: relative; margin: 0px 0px 2rem 0px; padding: 0px;}
.mandatory_box h2 span{ background-color: var(--white-bg); position: relative; z-index: 1; padding: 0px 14px 0px 0px;}
.mandatory_box h2::after{ content: ''; width: 100%; height: 1px; background-color: var(--default-font-color); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 0; margin: 0px; padding: 0px;}

.mandatory_box h3{ font-family: var(--body-font); color: var(--default-font-color); font-size: 20px; font-weight: 700; position: relative; margin: 0px 0px 1.2rem 0px; padding: 0px;}
.mandatory_box .disclosure_information{ margin: 1rem 0px 2.6rem 0px;}
.mandatory_box .disclosure_information .table{border-color:#4472c4}
.mandatory_box .disclosure_information table .table-blue{ background-color: #4472c4;}
.mandatory_box .disclosure_information table thead tr th{ text-transform: uppercase; color: var(--white-bg); font-family: var(--secondary-font); font-size: 15px; font-weight: 700; padding: .7rem .5rem;}
.mandatory_box .disclosure_information table tbody tr td{ padding: 14px 10px; font-family: var(--secondary-font); font-size: 15px; color: #212529;}
.mandatory_box .disclosure_information table tbody tr td p{ margin: 0;}
.mandatory_box .disclosure_information table tbody tr td a{font-family: var(--secondary-font); font-size: 15px; color: #21759b; text-decoration: none;}
.mandatory_box .disclosure_information table tbody tr td a:hover{ text-decoration: underline; color: #0f3647;}


@media (max-width:1400px) {
    header .nav-link{ padding: 0.8rem 0.8rem !important;}
}