/*
font-family: "DM Sans", sans-serif;
font-family: "Playfair Display", serif;
*/
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: "DM Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #4E535D; padding: 0; margin: 0; text-size-adjust: none; -webkit-text-size-adjust: none; display: flex; flex-direction: column; min-height: 100vh; padding-top: 80px; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
button { color: #fff; text-decoration:none; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
button:focus { outline: none; }
a { color: #D4AF5C; text-decoration:none; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover, a:focus { color: #000; outline: none; text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", serif; font-weight: 700; color: #0B1D3A; margin-top: 0; margin-bottom:20px;line-height: 1.2; }
p { margin-top: 0; margin-bottom:25px; }
p:last-child { margin-bottom:0px; }
img { max-width: 100%; height: auto; vertical-align: middle; }
.theme-btn { font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 700; color: #0B1D3A; background-color: #C6993E; border-radius: 8px; padding: 7px 25px; position: relative; text-align: center; width: auto; min-height: 45px; text-transform: uppercase; line-height: 1.42857143; display: inline-flex; align-items: center; justify-content: center; z-index: 1; white-space: nowrap;letter-spacing: 0;transition: all 0.3s ease-in-out; }
.theme-btn:hover, .theme-btn:focus { color: #fff; background-color: #0B1D3A; }
.brd-btn {border: 1px solid rgba(255,255,255,0.3); background:transparent; color:#fff;}
.brd-btn:hover, .brd-btn:focus { color: #fff; background-color: #0B1D3A;border-color: #0B1D3A; }
.green-btn {background:#16A34A; color:#fff;}
.green-btn:hover, .green-btn:focus { color: #fff; background-color: #0B1D3A; }

.white-btn {background:#fff; color:#7F1D1D;}
.white-btn:hover, .white-btn:focus { color: #fff; background-color: #7F1D1D; }

.hover-white:hover,
.hover-white:focus {background: #fff;color: #0B1D3A;}
.capitalize {text-transform: capitalize;}
strong { font-weight: 700; }
.mainhead {font-size: 42px; color:#fff; }
.heading { font-size: 32px; }
.light-color { color:#6B7280;}
/*** 

====================================================================
  popup css
====================================================================

***/

.popUpBtn { background: transparent; border: none; padding: 0; cursor: pointer; }
.modal-open { overflow: hidden; padding-right: 17px; }
.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(23, 23, 23, 0.85); display: none; z-index: 999; }
.modal-content { position: absolute; top: 50%; left: 50%; padding: 1rem 1rem; width: 720px; background-color: transparent; transform: translate(-50%, -50%) scale(0.5); }
.close { position: absolute; right: -15px; top: -15px; cursor: pointer; font-size: 36px; color: #fff; transition: all ease 0.5s; }
.close:hover { color: #C19058; transform: rotate(180deg); }
.modal .btn-box { padding: 30px 0 0; display: flex; justify-content: center; }
.transform-in, .transform-out { display: block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.transform-in { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.transform-out { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); }
/* 667 */
@media only screen and (max-width: 735px) {
.modal-content {width: 100%;}
.close {right: 15px;}
}
/*** 

====================================================================
  bootstrap css start here 
====================================================================

***/

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.d-block { display: block !important; }
.text-center { text-align: center !important; }
.text-white { color: #fff !important; }
.mb-0 { margin-bottom: 0 !important; }
dl, ol, ul { margin-top:0; margin-bottom:1rem }
ol ol, ol ul, ul ol, ul ul { margin-bottom:0 }
h1 { font-size:42px }
h2 { font-size:32px }
h3 { font-size:22px }
h4 { font-size:20px }
h5 { font-size:18px }
h6 { font-size:16px }
h1 em, 
h2 em, 
h3 em, 
h4 em, 
h5 em, 
h6 em {color: #C6993E; font-style: normal;}
.container { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
@media (min-width:576px) {
.container {max-width:540px}
}
@media (min-width:768px) {
.container {max-width:720px}
}
@media (min-width:992px) {
.container {max-width:960px}
}
@media (min-width:1200px) {
.container {max-width:1280px}
}
.container-fluid { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
.row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { width:100%; min-height:1px; padding-right:15px; padding-left:15px }
@media (min-width:768px) {
.col-md-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-md-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-md-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-md-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-md-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-md-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-md-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-md-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-md-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-md-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-md-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-md-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}
@media (min-width:1199px) {
.d-lg-none { display: none !important;}
}
@media (min-width:992px) {
.col-lg-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-lg-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-lg-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-lg-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-lg-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-lg-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-lg-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-lg-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-lg-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-lg-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-lg-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-lg-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
.offset-lg-1 { margin-left:8.333333% }
.offset-lg-2 { margin-left:16.666667% }
.offset-lg-3 { margin-left:25% }
}
@media (min-width:1200px) {
.col-xl-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-xl-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-xl-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-xl-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-xl-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-xl-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-xl-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-xl-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-xl-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-xl-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-xl-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-xl-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
.offset-xl-1 { margin-left:8.333333% }
.offset-xl-2 { margin-left:16.666667% }
.offset-xl-3 { margin-left:25% }
.offset-xl-4 { margin-left:33.333333% }
.offset-xl-5 { margin-left:41.666667% }
.offset-xl-6 { margin-left:50% }
}

/*** 
====================================================================
  Header start 
====================================================================
***/
body.admin-bar header.cms-header { top: 46px }
@media only screen and (min-width: 784px) {
body.admin-bar header.cms-header {top:32px}
}
header.cms-header { position: fixed; left: 0; top: 0; width: 100%; z-index: 5; transition: all 0.3s ease-in; padding: 10px 0; background-color: #0B1D3A; height: 80px;display: flex;align-items: center; }
header.cms-header.sticky-on {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
@media (min-width:1199px) {
.navbar-expand-lg {flex-flow:row nowrap;}
.off-canvas-inner-content {height: 100%;display: flex;margin: 0 auto;}
}
header.cms-header .navbar { padding: 0; display: flex; align-items: center; height: 100%; }
header.cms-header .navbar-brand { position: relative; display: flex;align-items: center;gap: 11px;flex-shrink: 0; }
.nav-logo-badge {width: 40px;height: 40px;background: #C6993E;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-family: "Playfair Display", serif;font-size: 18px;color: #0B1D3A;}
.nav-logo-text {line-height: 1.2;}
.nav-logo-name {font-size: 14px;font-weight: 600;color: #fff;letter-spacing: 0.5px;}
.nav-logo-sub {display: block;font-size: 9px;color: #C5C9D0;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;}

.off-canvas-wrapper { position: relative; display: flex; align-items: center; justify-content: end; width: 100%; height: 100%; }
.mobile-navigation { height: 100%; }
.mobile-menu { list-style: none; margin: 0; padding: 0; display: flex; height: 100%;gap: 30px; }
.mobile-menu li { position: relative; margin: 0; }
.mobile-menu li a { position: relative; font-size: 16px; font-weight: 400; color: #C5C9D0; line-height: 1; padding: 10px 0; white-space: nowrap; display: flex; align-items: center; justify-content: center; height: 100%; }
.mobile-menu li a:hover, .mobile-menu li.current_page_item > a, .mobile-menu li a:focus, .mobile-menu li:hover > a { color: #D4AF5C; }
.off-canvas-wrapper .off-canvas-inner { display: flex; align-items: center;justify-content: end; }
header.cms-header .header-right { display: flex; align-items: center; height: 100%; }
.header-btn {padding: 8px 18px;letter-spacing: 0.5px;font-size: 13px;border-radius: 6px;min-height: 30px;}
.header-btn:hover, .header-btn:focus { background:#fff;color: #0B1D3A;}
.mobile-menu-button { display:none; }
/* ================================= submenu style ===================================*/

@media(min-width:1199px) {
header.cms-header .mobile-menu ul.sub-menu { opacity: 0; visibility: hidden; position:absolute; left: 0; top: 150%; background: #C6993E; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1); border-radius: 0; padding: 0; min-width: 250px; z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.5s ease-in-out; display: block !important;border-radius: 10px; overflow:hidden; }
header.cms-header .mobile-menu li.menu-item-has-children:hover > ul.sub-menu { top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; }
 header.cms-header ul:not(.sub-menu) > li.menu-item-has-children > ul.sub-menu > li ul { top: 0; left: 240px;}
header.cms-header .mobile-menu li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu { left: 100%; top: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item { display: block; border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0; margin: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item:last-child { border-bottom: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item a { display: block; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; padding:10px 15px; margin: 0; text-transform: capitalize; border: 0; white-space: normal; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item a:hover { background-color: #E9C070; color: #fff; border: 0; }
header.cms-header .mobile-menu .menu-expand { position: absolute; right: -12px; top: 17px; width: 9px; height: 7px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1875 1.125L5.5 5.8125L0.8125 1.125' stroke='%23C5C9D0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat;background-size: 100%; display: inline-flex; }
}
 
/*** 

====================================================================
  mobile menu css
====================================================================

***/


/* 768 */
@media only screen and (max-width: 1199px) {
.mobile-navigation { overflow: hidden; max-height: calc(100vh - 50px); height: 100%; width: 100%; }
.off-canvas-wrapper { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; z-index: 9999999; display: block; }
.mobile-navigation nav { height: 100%; }
.off-canvas-wrapper.open { opacity: 1; visibility: visible; z-index: 9999999; display: block; }
.off-canvas-wrapper.open .off-canvas-inner-content { -webkit-transform: none; transform: none; }
.off-canvas-wrapper .off-canvas-overlay { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.off-canvas-wrapper .off-canvas-inner-content { background-color: #C6993E; width: 300px; padding: 20px; height: 100%; position: relative; -webkit-transform: translateX(calc(-100% - 50px)); transform: translateX(calc(-100% - 50px)); -webkit-transition: 0.4s; transition: 0.4s; }
.off-canvas-wrapper .btn-close-off-canvas { top: 0; left: 100%; width: 40px; height: 40px; font-size: 20px; background-color: #8B6D30; color: #fff; line-height: 40px; text-align: center; cursor: pointer; position: absolute; -webkit-transition: 0.4s; transition: 0.4s; }
.off-canvas-wrapper .btn-close-off-canvas .close-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(1) { width: 20px; height: 2px; background-color: #fff; transform: rotate(-45deg); display: block; position: relative; left: 10px;}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(2) { width: 20px; height: 2px; background-color: #fff; transform: rotate(45deg); display: block; position: relative; right: 10px;}
.off-canvas-wrapper .off-canvas-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; height: calc(100% - 80px); }
.offcanvas-curreny-lang-support { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; }
.offcanvas-curreny-lang-support.header-top-settings ul li { color: #333; font-size: 14px; }
.offcanvas-account-container li { display: inline-block; margin-left: 10px; padding-left: 10px; margin-bottom: 2px; }
.offcanvas-account-container li::before { content: "•"; color: #777; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}
/*---------------------------
    - Mobile Menu Css
-----------------------------*/
.mobile-menu-btn .off-canvas-btn { font-size: 17px; cursor: pointer; padding: 10px 10px; line-height: 1; border: 2px solid #C6993E; margin-left: 10px; display: flex; flex-direction: column; row-gap: 5px; }
.mobile-menu-btn .off-canvas-btn span:nth-child(1) { width: 27px; height: 2px; background-color: #C6993E;}
.mobile-menu-btn .off-canvas-btn span:nth-child(2) { width: 17px; height: 2px; background-color: #C6993E;}
.mobile-menu-btn .off-canvas-btn span:nth-child(3) { width: 22px; height: 2px; background-color: #C6993E;}
.mobile-menu { height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 10px; margin-right: -10px; display: block; }
.mobile-menu li > a { font-size: 16px; color: #fff; text-transform: capitalize; line-height: 18px; position: relative; display: inline-block; padding: 15px 0; }
.mobile-menu li a:hover, .mobile-menu li.current_page_item > a, .mobile-menu li a:focus, .mobile-menu li:hover > a { color: #0B1D3A; border: 0; }
.mobile-menu li ul li { border: none; }
.mobile-menu li ul li a { font-size: 14px; text-transform: capitalize; padding: 10px 15px 8px; }
.mobile-menu .menu-item-has-children { position: relative; }
.mobile-menu .menu-item-has-children .menu-expand { line-height: 50; top: -2px; left: 95%; width: 30px; position: absolute; height: 50px; text-align: center; cursor: pointer; }
.mobile-menu .menu-item-has-children .menu-expand i { display: block; position: relative; width: 10px; margin-top: 25px; border-bottom: 1px solid #fff; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.mobile-menu .menu-item-has-children .menu-expand i:before { top: 0; width: 100%; content: ""; display: block; position: absolute; -webkit-transform: rotate(90deg); transform: rotate(90deg); border-bottom: 1px solid #fff; -webkit-transition: 0.4s; transition: 0.4s; }
.mobile-menu .menu-item-has-children.active > .menu-expand i:before { -webkit-transform: rotate(0); transform: rotate(0); }
.mobile-menu ul.sub-menu { list-style: none; padding: 0; }
}

/*** 
====================================================================
  banner css
====================================================================
***/
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.section-space {padding: 80px 0;}
.hero {position: relative;text-align: center;color: #fff; min-height:500px;display: flex;
 align-items: center;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center top;}
.hero:before { position:absolute; left:0; top:0; width:100%; height:100%; content:"";background: linear-gradient(135deg, #0B1D3A 0%, #1A3A6B 100%);opacity: 0.95; }
.hero .container { position:relative; z-index:1; }
.hero-box { max-width:600px; width:100%; margin:0 auto; }
.tagline {font-size: 14px;text-transform: uppercase;letter-spacing: 2px;color: #C6993E;margin-bottom: 16px; font-weight: 600;}
.hero-content { color:#C5C9D0; margin-bottom:24px; }
.hero-actions {display: flex;gap: 12px;justify-content: center;}
.hero .tagline, .about-banner .tagline, .banner-img, .default-banner .tagline, .banner-icon{animation: fadeUp 0.55s ease 0.1s forwards;opacity: 0;}
.hero .mainhead, .about-banner .mainhead, .default-banner .mainhead, .emergency-banner .mainhead{animation: fadeUp 0.55s ease 0.25s forwards;opacity: 0;}
.hero-content, .banner-content{animation: fadeUp 0.55s ease 0.4s forwards;opacity: 0;}
.hero-actions{animation: fadeUp 0.55s ease 0.55s forwards;opacity: 0;}
/*** 
====================================================================
  How Can We Help css
====================================================================
***/
.tracks { display: grid; grid-template-columns: 1fr 1fr; gap: 20px;margin-top: 40px; }
.track-card { border-radius: 10px; padding: 30px; display: flex; flex-direction: column; align-items: center; text-align: center;gap: 15px; }
.track-card--gc { background: #0B1D3A; border: 2px solid #0B1D3A; }
.track-card--bm { background: #fff; border: 2px solid #16A34A; }
.track-icon-wrap { font-size: 32px; }
.track-title { color:#D4AF5C; margin-bottom: 0; font-weight:600;font-family: "DM Sans", sans-serif;font-size: 20px; }
.track-card--bm .track-title { color: #16A34A; }
.track-desc { font-size: 16px;margin-bottom: 5px; }
.track-card--gc .track-desc { color:#C5C9D0; }
.track-card--bm .track-desc { color: #6B7280; }
.track-tags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;margin-bottom: 5px; }
.tag { font-size: 13px; font-weight: 600; padding: 3px 13px; border-radius: 20px; }
.track-card--gc .tag { background: rgba(198,153,62,0.12); color: #C6993E; }
.track-card--bm .tag { background: rgba(22,163,74,0.08); color: #16A34A; }
.track-number {color: #C6993E;font-weight: 600;font-size: 18px;}
.track-number a {color: #C6993E;}
.track-number a:hover,
.track-number a:focus {color: #000;}
.track-email {color: #6B7280;font-size: 13px;margin-top: -15px;}
.track-email a {color: #6B7280;}
.track-email a:hover,
.track-email a:focus {color: #C6993E;}
.track-card--gc .track-number a:hover,
.track-card--gc .track-number a:focus { color:#fff; }
.track-card--gc .track-email,
.track-card--gc .track-email a { color:#C5C9D0;}
.track-card--gc .track-email a:hover,
.track-card--gc .track-email a:focus { color:#C6993E;}
.track-card--bm .track-number,
.track-card--bm .track-number a { color:#16A34A;}
.track-card--bm .track-number a:hover,
.track-card--bm .track-number a:focus { color:#000;}

/*** 
====================================================================
  Trust Bar css
====================================================================
***/
.trust-bar { padding:60px 0; background:#F8F9FA;}
.stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;text-align: center;}
.stat-number {font-family: 'Playfair Display', Georgia, serif;font-size: 42px;font-weight: 700;color: #0B1D3A;margin-bottom: 5px;}
.stat-label {font-size: 14px;letter-spacing: 1px;text-transform: uppercase;color: #6B7280;}

/*** 
====================================================================
  Logo bar css
====================================================================
***/
.logo-bar .small-heading {color: #6B7280;font-size: 18px; text-transform:uppercase;font-family: "DM Sans", sans-serif; font-weight:400;margin-bottom: 50px;}
.logo-slider .swiper-slide { text-align:center; }
.logo-slider .logo-item { display:inline-block; }
.logo-slider .logo-item img { width:auto; max-height:40px; }
.swiper-pagination {display: flex;align-items: center;justify-content: center; margin-top:40px; position:static;}
.swiper-pagination-bullet { background:#C6993E;width: 10px;height: 10px;border-radius: 50%;opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:0.5;}
.mb-40 { margin-bottom:40px; }
/*** 
====================================================================
  Footer css
====================================================================
***/
.cms-footer {background:#0B1D3A;padding: 60px 0;color: #C5C9D0; font-size:14px; margin-top:auto;}
.footer-row {display: flex;justify-content: space-between;align-items: flex-start; gap:15px;}
.footer-heading {color: #D4AF5C;font-family: "DM Sans", sans-serif;font-size: 16px;margin-bottom: 10px;  text-transform: uppercase;letter-spacing: 1px;font-weight: 700;}
.footer-nav { margin:0; padding:0; list-style:none; }
.footer-nav li,
.footer-nav li a {color: #C5C9D0; font-size:14px;}
.footer-nav li:not(:last-child) { margin-bottom:2px; }
.footer-nav li a:hover, .cms-footer a:hover {color: #D4AF5C;}
.cms-footer a{color: #C5C9D0;}
.copyright-row { margin-top:40px; padding-top:40px; border-top:1px solid rgba(255, 255, 255, 0.1); text-align:center; }

/*** 
====================================================================
  About us banner css
====================================================================
***/
.about-banner, .default-banner {background: #0B1D3A;}
.banner-row{display: flex;flex-wrap: wrap;align-items: center;}
.banner-row .banner-col { width:50%; }
.banner-row .content-col { padding-right:50px; }
.banner-content {color: #C5C9D0;margin-bottom: 24px;}
.banner-img { border-radius:15px; overflow:hidden; }

/*** 
====================================================================
  Why us css
====================================================================
***/
.section-header { margin-bottom:30px; }
.section-header .heading { margin-bottom:10px; }
.feature-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.feature-card{background:#fff;border:1px solid #E2E4E8;border-radius:10px;padding:24px;position:relative;overflow:hidden;border-top-width:3px;}
.feature-card:nth-child(1) { border-top-color: #C6993E;}
.feature-card:nth-child(2) { border-top-color: #0B1D3A;}
.feature-card:nth-child(3) { border-top-color: #16A34A;}
.feature-card h3{font-size: 20px;font-weight: 600;margin-bottom: 15px;color: #0B1D3A;font-family: "DM Sans", sans-serif;}
.feature-card p{margin:0;color: #6B7280;line-height: 1.5;}
.feature-card .feature-card__text{margin:0;color: #6B7280;line-height: 1.5;}
.feature-card .feature-card__text p{margin:0;}

/*** 
====================================================================
  Contact Us css
====================================================================
***/
.office-location {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-top: 40px;}
.mt-0 { margin-top:0; }
.location-map iframe { width:100%; height:360px;border-radius: 10px;border: 2px solid #dce3ed !important; }
.contact-content, .office-hours, .service-call { font-size:17px; }
.contact-content a {color: #4E535D;}
.contact-content a:hover {color: #D4AF5C;}
.office-hours, .service-call { margin-top:15px; }
.service-call-number { font-size:30px; font-weight:700; }

/*** 
====================================================================
  Projects css
====================================================================
***/
.projects-filter {background: #0B1D3A;padding-bottom: 50px;}
.mt--70 { margin-top:-70px; }
.projects-tabs {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap;}
.projects-tabs li { margin: 0; padding: 0; }
.projects-tabs .tab-text,
.projects-tabs .projects-filter-btn {font-size: 15px;padding: 4px 20px;border-radius: 20px;font-weight: 600;background: rgba(255,255,255,0.08);color: #C5C9D0; cursor:pointer;transition: all 0.3s ease-in-out;border: 0;font-family: inherit;line-height: 1.4;}
.projects-tabs .tab-text:hover,
.projects-tabs .tab-text.active,
.projects-tabs .projects-filter-btn:hover,
.projects-tabs .projects-filter-btn.active {background: rgba(198,153,62,0.12);color: #C6993E;}
.projects-ajax-wrap.is-loading { opacity: 0.55; pointer-events: none; }
.projects-empty { text-align: center; color: #6B7280; padding: 40px 0; }
.project-value-range { font-size: 14px; color: #0B1D3A; font-weight: 600; margin-bottom: 10px; }
.projects-pagination { margin-top: 40px; text-align: center; }
.projects-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.projects-pagination .page-numbers li { margin: 0; }
.projects-pagination a,
.projects-pagination span { display: inline-block; min-width: 36px; padding: 6px 12px; border-radius: 6px; font-size: 14px; font-weight: 600; color: #0B1D3A; text-decoration: none; border: 1px solid #E2E4E8; }
.projects-pagination a:hover { border-color: #C6993E; color: #C6993E; }
.projects-pagination .current { background: #C6993E; border-color: #C6993E; color: #fff; }
.projects-wrap { background:#fff; }
.project-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;} 
.project-item {background: #fff;border: 1px solid #E2E4E8;border-radius: 10px; overflow:hidden;transition: all 0.3s ease-in-out;} 
.project-item:hover { box-shadow:0 0 30px rgba(0, 0, 0, 0.1); }    
.project-img { height:300px; overflow:hidden; }
.project-img img { width:100%; height:100%; object-fit: cover;object-position: center center;transition: all 0.3s ease-in-out;}
.project-item:hover .project-img img { transform: scale(1.1); }
.project-body {padding: 20px;}
.project-title {font-size: 20px;font-weight: 600;margin-bottom: 6px;color: #0B1D3A;}
.project-title a {color: #0B1D3A;}
.project-title a:hover {color: #C6993E;}
.project-category{font-size: 14px;color: #6B7280;line-height: 1.5; margin-bottom:12px;}
.project-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.project-tag { font-size: 13px; font-weight: 600; padding: 3px 13px; border-radius: 20px; background:#F0F1F3; color:#6B7280; }
.project-discription { color:#6B7280;}

/*** 
====================================================================
  Prequalification css
====================================================================
***/
.profile-table { margin:30px 0; padding:0; border:0; }
.profile-table tr:not(:last-child) td { border-bottom:1px solid #E2E4E8; }
.profile-table tr td { padding:13px 0; color:#6B7280; }
.profile-table tr td:first-child { width:200px; }
.profile-table tr td:last-child {font-weight: 600;color: #0B1D3A;}
.work-feature-grid {display: flex;flex-direction: column;gap: 20px;margin-top: 24px;}
.work-feature-grid .feature-card {border-top-color: #E2E4E8;border-left-color: #C6993E;border-top-width: 1px;border-left-width: 3px;}
.arrow-list { margin:0; padding:0; list-style:none; }
.arrow-list li {color: #6B7280; position:relative;padding-left: 22px;}
.arrow-list li:not(:last-child) { margin-bottom:2px; }
.arrow-list li:before { content:"→"; position:absolute; left:0; top:0; width:20px; height:10px; }
.work-feature-grid .feature-card h3 { margin-bottom:8px; }

/*** 
====================================================================
  Discipline css
====================================================================
***/
.discipline-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px; margin-top:40px;}
.discipline-box {background: #fff;border: 1px solid #E2E4E8;border-radius: 10px;padding: 24px;}
.discipline-icon { width:60px; height:60px;border-radius: 8px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;background: #F5F9FF; padding:15px;font-size: 28px;} 
.discipline-icon img { width:100%; height:100%; }   
.discipline-title {font-size: 20px;font-weight: 600;margin-bottom: 10px;color: #0B1D3A;font-family: "DM Sans", sans-serif;}
.discipline-content { margin: 0; color: #6B7280; line-height: 1.5;}
.project-type-banner__back { margin-bottom: 12px; }
.project-type-banner__back a { color: #C6993E; font-size: 14px; font-weight: 600; text-decoration: none; }
.project-type-banner__back a:hover { text-decoration: underline; }
.projects-archive--term .projects-wrap { padding-top: 0; }
.project-types {background: #F8F9FA;}
.project-type-list {display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;margin-top: 40px;}
.project-type-link {font-size: 16px;padding: 9px 20px;border-radius: 20px;font-weight: 500;background: rgba(37,99,235,0.08);color: #2563EB;display: inline-flex;}
.project-type-link:hover {color: #fff;background-color: #0B1D3A;}
.cta-action {display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;}
.thermal-cta.with-bg { background-position: center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; position:relative; }
.thermal-cta.with-bg:before { position:absolute; left:0; top:0; width:100%; height:100%; content:"";background-color: #0B1D3A; opacity:0.85; }
.thermal-cta.with-bg .container { position:relative; z-index:1; }
.thermal-cta.with-bg h2,
.thermal-cta.with-bg .heading,
.thermal-cta.with-bg p { color:#fff; }

/*** 
====================================================================
  Protect Your Investment css
====================================================================
***/
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.plan-radio{display:none;}
.plan-card{background:#fff;border:2px solid #E2E4E8;border-radius:10px;padding:24px;cursor:pointer;transition:.3s ease;position:relative;display:block;text-align:center;height: 100%;}
.plan-radio:checked + .plan-card{border-color:#C6993E;box-shadow:0 0 0 3px rgba(198,153,62,0.15);}
.plan-label{font-size: 14px;text-transform: uppercase;letter-spacing: 1px;color: #8B919D;font-weight: 600;}
.plan-radio:checked + .plan-card .plan-label{color:#c89b2c;}
.plan-subtitle{font-size: 16px;color: #0B1D3A;margin-bottom: 4px;font-weight: 600;}
.plan-name{font-family: 'Playfair Display',serif;font-size: 28px;font-weight: 700;color: #0B1D3A;margin: 12px 0 4px;}
.plan-price{font-size: 16px;color: #8B919D;}
.feature-list{list-style:none; margin:0; padding:0; list-style:none;margin-top: 16px; text-align:left;}
.feature-list li{font-size: 16px;color: #6B7280;padding: 6px 0;border-bottom: 1px solid #F0F1F3; position:relative; padding-left:20px;}
.feature-list li::before{content: "✓ ";color: #16A34A;font-weight: 700; position:absolute; left:0; top:6px;}
.price-cta {margin-top: 32px;}
.price-cta p { margin-top:10px; }
.price-cta p a {color: #4E535D;}
.price-cta p a:hover {color: #D4AF5C;}

/*** 
====================================================================
  Emergency Service css
====================================================================
***/
.emergency-page header.cms-header {background: #7F1D1D;}
.emergency-page .header-btn { background:#fff;color: #7F1D1D;}
.emergency-page .header-btn:hover { background:#0B1D3A;color: #fff;}
.emergency-banner {position: relative;text-align: center;color: #fff;min-height: 500px;display: flex;align-items: center;background: linear-gradient(135deg,#7F1D1D 0%,#991B1B 50%,#0B1D3A 100%);}
.banner-icon {font-size: 48px;margin-bottom: 16px;line-height: 1;}
.banner-box {max-width: 600px;width: 100%;margin: 0 auto;}
.emergency-banner .banner-content { margin-bottom:24px;color: rgba(255,255,255,0.8); }
.emergency .feature-card:nth-child(1) {border-top-color: #DC2626;}
.emergency .feature-card:nth-child(2) {border-top-color: #C6993E;}
.emergency .feature-card:nth-child(3) {border-top-color: #16A34A;}
.emergency .feature-card { text-align:center; }
.emergency .feature-card:nth-child(1) h3 {color: #DC2626;}
.emergency .feature-card:nth-child(2) h3 {color: #C6993E;}
.emergency .feature-card:nth-child(3) h3 {color: #16A34A;}
.emergency-page .cms-footer {background: #7F1D1D;}
.emergency-page .footer-heading { color:#fff; }

/*** 
====================================================================
  Services Overview css
====================================================================
***/
.service-banner {background: linear-gradient(135deg,#0B3D2A 0%,#0B1D3A 100%);}
.service-banner .tagline,
.service-banner .mainhead strong { color:#16A34A;}
.service-banner .theme-btn:hover {color: #0B1D3A;background-color: #C6993E;}

.service-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px; margin-top:40px;}
.service-box {background: #fff;border: 1px solid #E2E4E8;border-radius: 10px;padding: 24px; text-align:center;transition: all 0.4s ease-in-out;}
.service-icon { width:60px; height:60px;border-radius: 8px; margin:0 auto; margin-bottom: 20px;display: flex;align-items: center;justify-content: center;background: #F5F9FF;padding: 15px;font-size: 28px;transition: all 0.4s ease-in-out;} 
.service-icon img { width:100%; height:100%;transition: all 0.4s ease-in-out; }   
.service-title {font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #0B1D3A;font-family: "DM Sans", sans-serif;}
a.service-box:hover {background: #D4AF5C; border-color: #D4AF5C;}
a.service-box:hover .service-icon { background:#fff;transform: scale(0.9); }
.has-background {background: #F8F9FA;}