/* DETAILS
==================================================
	Theme Name: BowBridge
==================================================
*/

@charset "utf-8";


@import url("https://use.typekit.net/hpd4epz.css");


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');


@font-face {
    font-family: 'Century Gothic';
    src: url('../webfonts/CenturyGothic.eot');
    src: url('../webfonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/CenturyGothic.woff2') format('woff2'),
        url('../webfonts/CenturyGothic.woff') format('woff'),
        url('../webfonts/CenturyGothic.ttf') format('truetype'),
        url('../webfonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../webfonts/EuclidCircularA-Light.eot');
    src: url('../webfonts/EuclidCircularA-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/EuclidCircularA-Light.woff2') format('woff2'),
        url('../webfonts/EuclidCircularA-Light.woff') format('woff'),
        url('../webfonts/EuclidCircularA-Light.ttf') format('truetype'),
        url('../webfonts/EuclidCircularA-Light.svg#EuclidCircularA-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../webfonts/EuclidCircularA-Regular.eot');
    src: url('../webfonts/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/EuclidCircularA-Regular.woff2') format('woff2'),
        url('../webfonts/EuclidCircularA-Regular.woff') format('woff'),
        url('../webfonts/EuclidCircularA-Regular.ttf') format('truetype'),
        url('../webfonts/EuclidCircularA-Regular.svg#EuclidCircularA-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('../webfonts/EuclidCircularA-Medium.eot');
    src: url('../webfonts/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/EuclidCircularA-Medium.woff2') format('woff2'),
        url('../webfonts/EuclidCircularA-Medium.woff') format('woff'),
        url('../webfonts/EuclidCircularA-Medium.ttf') format('truetype'),
        url('../webfonts/EuclidCircularA-Medium.svg#EuclidCircularA-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branch';
    src: url('../webfonts/Branch-Regular.eot');
    src: url('../webfonts/Branch-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Branch-Regular.woff2') format('woff2'),
        url('../webfonts/Branch-Regular.woff') format('woff'),
        url('../webfonts/Branch-Regular.ttf') format('truetype'),
        url('../webfonts/Branch-Regular.svg#Branch-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.5s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-primary: #16385B;       
    --color-secondary: #05192D;   
    --color-white: #fff;
    --color-black: #000;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Euclid Circular A", sans-serif;
    --ff-heading: "Branch", sans-serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 80px; 
    --f-size-XXL: 70px;  
    --f-size-XL: 30px;
    --f-size-L: 24px;  
    --f-size-M: 18px;   
    --f-size-S: 16px; 
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 9.76563vw, 80px);
    --gap-30:30px;
    --gap-40:40px;
    --gap-50:50px;
    --gap-60:60px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 60px;
    --form-font-color: #fff;
    --form-placeholder-color: #A1A1A1;
    --form-border-radious: 0;
    --form-holder-bg: #FFFFFF0F;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}
@media only screen and (max-width: 1599px) { 
    :root{
        --f-size-XXXL: 60px;    
        --f-size-XXL: 44px; 
   }
}
@media only screen and (max-width: 1399px) { 
    :root{
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --f-size-XXXL: 52px;    
        --f-size-XXL: 36px;      
        --f-size-XL: 22px;       
        --f-size-L: 18px;     
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --gap-40:30px;
        --gap-50:40px;
   }
}
@media only screen and (max-width: 1199px) { 
    :root{
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 46px;    
    --f-size-XXL: 32px;      
    --f-size-XL: 20px;       
    --f-size-L: 16px;
    --f-size-M: 16px;      
    --f-size-S: 15px;    
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --gap-40:25px;
    --gap-50:30px;
   }
}

@media only screen and (max-width: 767px){
    :root{
        --f-size-XXXL: 38px;    
        --f-size-XXL: 28px; 
        --f-size-XL: 18px;

        --form-height: 50px;
   }
}
/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */
body{ font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-M); color: var(--color-primary); overflow-x: hidden;}
body,p{ margin: 0;}
p{ font-family: var(--ff-base);}
p:not(:last-child){ margin: var(--margin-paragraph);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-heading); font-weight: var(--fw-regular); color: var(--color-primary); line-height: 1.25; margin: var(--margin-title);}
/* h1,.h1{ font-size: var(--f-size-XXXL);} */
h1,.h1{ font-size: var(--f-size-XXL);}
h2,.h2{ font-size: var(--f-size-XXL);}
h3,.h3{ font-size: var(--f-size-XL);}
h4,.h4{ font-size: var(--f-size-L);}
h5,.h5{ font-size: var(--f-size-M);}
h6,.h6{ font-size: var(--f-size-S);}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
img{ max-width: 100%;}
a, img{ border: none; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}
ul{ list-style: none; margin: 0; padding: 0;}

.padding-common{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);}
.padding-top-common{ padding-top: var(--padding-height);}
.padding-bottom-common{ padding-bottom: var(--padding-height);}

/* ==##==##== utility classes ==##==##== */

.decorated-title{ display: inline-flex; font-family: var(--ff-accent-regular); font-weight: var(--fw-semi-bold); font-size: var(--f-size-M); color: var(--color-accent); text-transform: uppercase; letter-spacing: 0.15rem; position: relative; padding-bottom: 3px; isolation: isolate; margin-bottom: 15px;}
.decorated-title::before{ content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 95%; background: rgb(237,28,36); background: linear-gradient(0deg, rgba(237,28,36,0.12) 0%, rgba(237,28,36,0) 100%);}
.overlay-content{ position: relative; z-index: 3;}
.arrow{ display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; background: var(--color-accent); transition: var(--transition-common);}
.arrow::before{ content: ""; background: url(../images/right-arrow.svg) top left no-repeat; background-size: 100%; width: 20px; height: 20px;}
.fade-bg{ background: var(--color-quaternary);}
.background-cover { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.responsive-image-wrapper { position: relative; overflow: hidden; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

.mb-30{ margin-bottom: var(--gap-30);}
.mb-40{ margin-bottom: var(--gap-40);}
.mb-50{ margin-bottom: var(--gap-50);}
.mb-60{ margin-bottom: var(--gap-60);}

/* ==##==##== utility classes ==##==##== */

/* ==##==##== container adjustments ==##==##== */
@media only screen and (min-width: 1700px){
    .container{ max-width: 1624px;}
}
/* ==##==##== container adjustments ==##==##== */

/* ==##==##== content width adjustments ==##==##== */
.margin-lr-auto{ margin-left: auto; margin-right: auto;}
.max-width__1250{ max-width: 1250px;}
.max-width__1200{ max-width: 1200px;}
.max-width__1100{ max-width: 1100px;}
/* ==##==##== content width adjustments ==##==##== */

/* ==##==##== loop space adjustments ==##==##== */
.row-gap_24 .item{ margin-bottom: 24px;}
/* ==##==##== loop space adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */

.button__primary{ display: inline-flex; font-family: var(--ff-accent); font-weight: var(--fw-semi-bold); line-height: 1; font-size: var(--f-size-M); color: var(--color-primary); padding: 25px 35px; background: var(--color-secondary); border-radius: 20px;}
.button__primary:hover{ background: var(--color-accent); color: var(--color-secondary);}

.button__secondary, .header-button a{ display: inline-flex; font-family: var(--ff-accent); font-weight: var(--fw-semi-bold); line-height: 1; font-size: var(--f-size-M); color: var(--color-secondary); padding: 25px 35px; background: var(--color-primary); border-radius: 20px;}
.button__secondary:hover{ background: var(--color-accent); color: var(--color-secondary);}
.header-button a:hover{ background: var(--color-accent); color: var(--color-secondary) !important;}

@media only screen and (max-width: 767px){
    .button__primary, .header-button a{ padding: 11px 25px;}
    .mb-5{ margin-bottom: 25px !important;}
}

/* ==##==##== button settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
.form-control{ background-color: var(--form-holder-bg) !important; height: var(--form-height); border: 1px solid #FFFFFF1A; border-radius: var(--form-border-radious); box-shadow: none !important; color: var(--form-font-color) !important; font-size: var(--f-size-S); font-weight: 400 !important; padding-right: 20px; padding-left: 20px;}
select.form-control { background: url(../images/select-arrow.svg); background-position: right 10px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 22px 2px 15px; height: var(--form-height); color: var(--color-white); cursor: pointer;}
select.form-control  option {color: var(--color-primary); }
textarea.form-control{ height: 140px; padding-top: 15px; border-radius: 0; resize: none;}

.form-group { margin: 0 0 20px; }

.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}


.form-row{ margin-bottom: 30px;}

@media only screen and (max-width: 991px){
    .form-row{ margin-bottom: 25px;}
}
/* ==##==##== form control settings ==##==##== */

/* ==##==##== color settings ==##==##== */
.bg-color-beige{ background: var(--color-primary);}
.bg-color-sandstone{ background: var(--color-accent);}
.bg-color-coffee{ background: var(--color-secondary);}
.bg-color-ivory{ background: var(--color-quaternary);}

.color-light{ color: var(--color-primary);}
.color-light h1, .color-light h2, .color-light h3, .color-light h4, .color-light h5, .color-light h6, .color-light p{ color: var(--color-primary);}
.color-dark h1, .color-dark h2, .color-dark h3, .color-dark h4, .color-dark h5, .color-dark h6, .color-dark p{ color: var(--color-secondary);}
/* ==##==##== color settings ==##==##== */

/* ~-~-~-~-~-~-~-~-~-~ header adjustments start ~-~-~-~-~-~-~-~-~-~ */

/* ~~hamburger menu start~~ */
.hamburger-nav { display: none; vertical-align: top; width: 28px; height: 26px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px;}
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
/* ~~hamburger menu end~~ */


.main-header{ position: fixed; top: 0; right: 0; left: 0; z-index: 999; background: none;}
.header-logo a{ display: block; height: 94px;}
.header-logo a img{ display: block; width: auto; height: 100%;}

.desktop-menu ul{ display: flex; align-items: center; justify-content: center;}
.desktop-menu ul li{ margin: 0 15px;}
.desktop-menu ul li:not(.header-button) a{ display: block; font-family: var(--ff-accent); font-size: var(--f-size-M); color: var(--color-white); padding: 22px 0; position: relative;}
.desktop-menu ul li a:hover{ color: var(--color-white);}

/* sub-menu start */
.main-header .menu-item-has-children { position: relative; }
.main-header .menu-item-has-children .sub-menu { background: var(--color-accent); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; border-radius: var(--border-radius-image); position: absolute; top: 80%; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common);}
.main-header .menu-item-has-children .sub-menu li{ margin: 0;}
.main-header .menu-item-has-children .sub-menu li a{ display: block; margin: 0; padding: 10px 20px; color: var(--color-secondary) !important;}
.main-header .menu-item-has-children .sub-menu a:hover { background: rgba(246, 234, 212,0.35);}
.main-header .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible; }
.main-header .menu-item-has-children>a { padding-right: 20px !important; }
.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--color-white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); right: 5px; top: 49%; transition: var(--transition-common); }
.desktop-menu ul li a:hover::before{ border-color: var(--color-accent);}
/* sub-menu end */

/* Mobile Menu */
.mobile-menu { display: none; background: var(--color-secondary); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 20px; }
.mobile-menubar { height: calc(100vh - 120px); padding: 20px 0; overflow: auto; }
.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 20px; font-size: 22px;}
.mobile-menu .mobile-menubar li a{ color: var(--color-white);}
.mobile-menu .mobile-menubar li:not(.header-button) a{ display: inline-block; padding: 10px 0;}
.mobile-menu .mobile-menubar li .sub-arrow { display: flex; align-items: center; justify-content: end; width: 33px; height: 33px; position: absolute; z-index: 1; top: 10px; right: 20px; color: #fff; }

.mobile-menu .mobile-menubar li li{ padding: 0;}

.menu-open .mobile-menu { right: 0; }
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); position: relative;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.57s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(8) { transition-delay: 0.58s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(9) { transition-delay: 0.59s; }

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.header-sticky .main-header {animation: slide-down 0.5s; background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); }
.header-sticky .header-logo a{ height: 80px;}
.header-sticky .desktop-menu ul li:not(.header-button) a{ padding: 22px 0;}
.header-sticky .header-button a{ padding: 20px 25px;}
/* ~~ header sticky end ~~ */
@media only screen and (max-width: 1599px){
    .main-header .container-fluid{ padding:0 20px;}
    .header-logo a{ height: 55px;}
    .desktop-menu ul li:not(.header-button) a{ margin: 0 5px;}
    .main-header .header-button { margin-left: 10px; }
}
@media only screen and (max-width: 1399px) {
    .main-header .header-inner-wrap{ padding: 15px 0;}
    /*.desktop-menu { display: none; }*/
    .hamburger-nav { display: block; }
    .mobile-menu { display: block; }
    .mobile-menu .logo-wrap a{ display: inline-block; height: 55px;}
    .mobile-menu .logo-wrap a img { display: block; width: auto; height: 100%; }
    .mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }
    .mobile-menu .sub-menu li{ padding: 0;}
    .mobile-menu .header-button{ margin-top: 15px;}
}
@media only screen and (max-width: 991px){
    .main-header .container-fluid { padding: 0 15px; }
    .mobile-menu .top-row { padding: 20px 15px; }
    .mobile-menu .mobile-menubar li{ font-size: 18px; padding: 0 15px;}
    .mobile-menu .mobile-menubar li .sub-arrow{ right: 15px;}
}
@media only screen and (max-width: 575px){
    .main-header .header-inner-wrap{ padding: 10px 0;}
    .header-logo a, .mobile-menu .logo-wrap a { height: 40px; }

    .desktop-menu ul li {margin: 0 5px; }
    .desktop-menu ul li:not(.header-button) a, .header-sticky .desktop-menu ul li:not(.header-button) a { padding: 16px 0; font-size: 13px; margin: 0 2px; }
    
}

/* ~~ header sticky end ~~ */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~ */



/* HOME PAGE START HERE ********************/
/* HOME PAGE START HERE ********************/
.hero-section, .inner-hero-section{ position: relative;}
.hero-section .hero-bg{ position: relative; z-index: 1; height: 100vh; isolation: isolate;}
.hero-section .hero-bg::before{ content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, #010810 0%, #071421 100%); opacity: 0.57;}
.hero-section .hero-bg img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.hero-section .info-container, .inner-hero-section .info-container{ position: absolute; z-index: 2; right: 0; top: 50%; left: 0; transform: translateY(-50%); }
.hero-section .info-container .inner-container, .inner-hero-section .info-container .inner-container{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; gap: 35px 0; text-align: center; }
.hero-section h1, .hero-section p, .inner-hero-section h1, .inner-hero-section p{ color: var(--color-white); margin: 0;}
.hero-section h1 { font-family: "Century Gothic", serif;}
.banner-logo img {max-height: 350px; }

 .about-block .image-holder {text-align: right; }


/*Contact Block*/
.contact-block { position:relative; }
.contact-block:after { content: ""; position: absolute; z-index: 1; inset: 0; background: #0B1B2C; opacity: 0.65; }
.contact-block .container { position:relative; z-index: 2; }

.contact-lt-info h2, .contact-lt-info p { color: var(--color-white); }
.contact-lt-info a { text-decoration: underline; color: var(--color-white); }
.contact-lt-info a img { margin-left: 4px; }
.contact-lt-info svg {font-size: 30px;}

.contact-lt-info p a {display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }

.form-holder { background: #16385B; border: 1px solid #FFFFFF1A; padding: 50px; }
.form-holder label {  color: var(--color-white); margin: 0 0 15px; text-transform: capitalize; }
.form-holder input[type=submit] { border:0; background: url(../images/link-arrow.svg) no-repeat right center; text-decoration: underline; color: var(--color-white); padding-right: 20px  }

.contact-disclaimer { padding-top: 65px; }
.contact-disclaimer p { color: var(--color-white); font-size: 8px; }

.wpcf7-not-valid-tip {font-size: 12px; }
.wpcf7 form .wpcf7-response-output { color: #fff; text-align: center; }


/*Contact Block*/


/* HOME PAGE END HERE ********************/
/* HOME PAGE END HERE ********************/


/* FOOTER START HERE ********************/
/* FOOTER START HERE ********************/


.footer-inner{ background: var(--color-secondary);}

.footer-logo { margin: 0 auto; max-width: 600px; text-align:center; }
.footer-logo img{ width: auto; height: 109px;}
.footer-logo h4 { color: var(--color-white); padding-top: 40px; }

.footer-top{ padding-top: 70px; padding-bottom: 70px}


.footer-info-box { max-width: 850px; margin: 0 auto;}
.footer-info-box ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 70px; }
.footer-info-box ul li { padding-left: 45px; position: relative; color: var(--color-white);}
.footer-info-box ul li span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.footer-info-box ul li a { color: var(--color-white); }


.footer-bottom{ padding: 35px 0; position: relative;}
.footer-bottom::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg,rgba(246, 234, 212, 0) 0%, rgba(246, 234, 212, 1) 50%, rgba(246, 234, 212, 0) 100%);}
.footer-bottom p{ color: var(--color-white);}
.footer-bottom a:hover{ color: var(--color-accent);}
/* FOOTER END HERE ********************/
/* FOOTER END HERE ********************/


@media only screen and (max-width: 1599px){
    body {font-size: var(--f-size-S); } 

    .banner-logo img {max-height: 200px; }

    .form-holder { padding: 30px; }

}


@media only screen and (max-width: 991px){
    .about-info {text-align: center; margin: 0 0 30px; }
    .contact-lt-info {margin: 0 0 30px; text-align: center; } 
    .footer-info-box ul { gap: 40px; }
}

@media only screen and (max-width: 767px){
    .banner-logo img {max-height: 150px; }

    .form-holder {padding: 20px; }
    .footer-info-box ul {  flex-direction:column;  gap: 30px;}
    .footer-info-box ul li {padding-left: 0; padding-top: 40px; text-align: center; } 
    .footer-info-box ul li span { right: 0; top: 0; transform: none; text-align: center; }


}