/* Fonts  */

@font-face{
    font-family:'Cambon Thin';
    font-style:normal;
    font-weight:100;
    src: url(fonts/Cambon-Thin.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Cambon Light';
    font-style:normal;
    font-weight:200;
    src: url(fonts/Cambon-Light.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Cambon';
    font-style:normal;
    font-weight:400;
    src: url(fonts/Cambon-Regular.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Cambon Medium';
    font-style:normal;
    font-weight:500;
    src: url(fonts/Cambon-Medium.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Cambon Demi';
    font-style:normal;
    font-weight:600;
    src: url(fonts/Cambon-Demi.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Cambon Bold';
    font-style:normal;
    font-weight:700;
    src: url(fonts/Cambon-Bold.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Cambon ExtraBold';
    font-style:normal;
    font-weight:800;
    src: url(fonts/Cambon-ExtraBold.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Post Grotesk Thin';
    font-style:normal;
    font-weight:100;
    src: url(fonts/PostGrotesk-Thin.woff) 
    format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Post Grotesk Light';
    font-style:normal;
    font-weight:200;
    src: url(fonts/PostGrotesk-Light.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Post Grotesk';
    font-style:normal;
    font-weight:400;
    src: url(fonts/PostGrotesk-Book.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Post Grotesk Medium';
    font-style:normal;
    font-weight:500;
    src: url(fonts/PostGrotesk-Medium.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Post Grotesk Semibold';
    font-style:normal;
    font-weight:600;
    src:url(fonts/PostGrotesk-Medium.woff) format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Post Grotesk Bold';
    font-style:normal;
    font-weight:900;
    src: url(fonts/PostGrotesk-Bold.woff) format('woff');
    font-display:swap;
}

:root {
    --navy-blue: #203468;
    --sky-blue: #54B3E8;
    --white: #ffffff;
    --black: #000000;
    --orange: #e57200;
    --grey: #f7f7f7;
    --yellow: #FFB621;
}
body {
    font-family:'Post Grotesk';
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--black);
}
.text-navy-blue {
    color: var(--navy-blue);
}
.text-sky-blue {
    color: var(--sky-blue);
}
.text-orange {
    color: var(--orange);
}
.bg-sky-blue {
    background-color: var(--sky-blue);
}
.bg-navy-blue {
    background-color: var(--navy-blue);
}
.bg-grey {
    background-color: var(--grey);
}
.bg-orange {
    background-color: var(--orange);
}

/* Fonts  */
.h1, h1, h2, h3, h4, h5, h6 {
    font-family:'Cambon';
    font-weight: 500;
    font-style: normal;
}
.font-cambon {
    font-family:'Cambon';
}
.font-cambon-medium {
    font-family:'Cambon Medium';
}
.font-cambon-semibold {
    font-family:'Cambon Demi';
}
.font-cambon-bold {
    font-family:'Cambon Bold';
}
.font-cambon-extrabold {
    font-family:'Cambon ExtraBold';
}

.font-post-grotesk {
    font-family:'Post Grotesk';
}
.font-post-grotesk-medium {
    font-family:'Post Grotesk Medium';
}
.font-post-grotesk-semibold {
    font-family:'Post Grotesk Semibold';
}
.font-post-grotesk-bold {
    font-family:'Post Grotesk Bold';
}

.font-xxl {
    font-size: 39px;
    line-height: 40px;
}
.font-xl-lg {
    font-size: 28px;
    line-height: 30px;
}

h1,
.font-xl {
    font-size: 30px;
    line-height: 35px;
}
h2,
.font-sm-xl {
    font-size: 25px;
    line-height: 30px;
}
h3,
.font-lg {
    font-size: 30px;
    line-height: 30px;
}
h4,
.font-sm-lg {
    font-size: 22px;
    line-height: 26px;
}
.font-md {
    font-size: 18px;
    line-height: 20px;
}

.font-md-c {
    font-size: 20px;
    line-height: 22px;
}


h6,
.font-xmd {
    font-size: 16px;
    line-height: 20px;
}
/* Fonts end  */
header .main-logo-col {
    z-index: 1;
}
.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.hero-section .row,
.two-col-content .container {
    z-index: 99;
}
.hero-section {
    padding-top: 60px;
}

.hero-section .main-heading {
    color: #0132A1;
}
.hero-section .subheading {
    color: #378DDD;
}

.form-col {
    border: 3px solid var(--yellow);
    background: #FFF;
    box-shadow: 0 4px 50px 20px rgba(0, 0, 0, 0.10);
    padding: 30px 20px;
}
.form-col .wFormContainer input[type="text"], 
.form-col .wFormContainer input[type="email"], 
.form-col .wFormContainer input[type="tel"], 
.form-col .wFormContainer input[type="number"], 
.form-col .wFormContainer input[type="password"], 
.form-col .wFormContainer input[type="url"], 
.form-col .wFormContainer textarea, 
.form-col .wFormContainer select {
    background-color: #D9D9D9 !important;
    height: 45px;
    border-radius: 0;
    border: 0;
    outline: 0;
}

.form-col .wFormContainer div.actions::after{
      font-family:'Post Grotesk'!important;
      font-size: 12px;
      padding-top:20px;
}
.form-col .wFormContainer .label {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    color: var(--black) !important;
    font-family: "Post Grotesk Medium" !important;
}
.form-col .wFormContainer div.oneField {
    padding-bottom: 8px !important;
    border: 0 !important;
}
.form-col .htmlSection, .form-col .htmlSection * {
    font-family: "Post Grotesk" !important;
}
.form-col .wFormContainer div.actions input[type="submit"].primaryAction {
    background-color: var(--navy-blue) !important;
    color: var(--white) !important;
    font-size: 22px;
    line-height: 30px !important;
    border: 0;
    box-shadow: none;
    outline: 0;
    padding: 5px 30px 8px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    font-family: 'Cambon Bold' !important;
    margin:0 auto;
}
.form-col .wFormContainer div.actions input[type="submit"].primaryAction:hover {
    background-color: var(--orange) !important;
}
.form-col .wForm .actions {
    text-align: center !important;
}
.form-col .form-heading {
    font-size: 20px;
    line-height: 25px;
}
.form-col .wFormContainer div.oneField .label.preField.reqMark:after, .form-col .wForm .reqMark:after {
    color: #D50C0C !important;
}
.form-col .wForm {
    padding: 0 !important;
}
.three-col-content.bordered-section .inner-col img { 
    height: 58px;
}
.inner-col:not(.bordered-col) img {
    width: 70%;
    height: 34px;
} 
.hero-section .right-text-col img {
    width: 50px;
}
.two-col-content .image-content-col img {
    width: 87px;
    margin-top: -58px;
}
.orange-heading strong {
    color: var(--orange);
    font-family: "Cambon ExtraBold";
    font-size: 18px;
    line-height: 22px;
}
.two-col-content .wysiwyg-content p {
    margin-bottom: 0;
}
.two-col-content .left-content-col {
    padding-left: 50px;
}
.two-col-content .left-content-col::before {
    content: "";
    position: absolute;
    background: url("images/quote.svg") no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
}
.dotted-border {
    opacity: 1;
    width: 90%;
    border-top: 1px dotted #cfcfcf;
}
.bordered-section:before {
    content: "";
    position: absolute;
    background: url("images/Indicia.png") no-repeat;
    background-size: contain;
    background-position: top left;
    width: 195px;
    height: 886px;
    left: 0px;
    top: -65%;
    z-index: 1;
    display: none;
}
.blue-button {
    color: var(--white);
    background-color: var(--navy-blue);
    font-family: "Cambon Bold";
    font-size: 22px;
    padding: 17px 50px 13px;
    text-decoration: none;
    margin-top: 10px;
    border: 0;
    line-height: 22px;
}
.blue-button:hover{
    background-color: var(--orange);
}
.footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a {
    font-size:22px;
    line-height: 24px;
    color:var(--white) !important;
    margin-bottom:0;
    font-family:'Post Grotesk Semibold';
 }
.footer-section .wysiwyg-content a{
    text-decoration: none;
}
.copyright-text{
    font-size: 20px;
    line-height: 24px;
     font-family:'Post Grotesk Semibold';
}
.copyright-text a {
    color:var(--white);
}


/* Media Queries */
@media only screen and (max-width: 575px) {
    .inner-right-images-col .right-img {
        padding-left: .5rem !important;
    }
}

@media only screen and (max-width: 991px) {
    header,
    section,
    footer {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .right-images-col img {
        width: 100%;
    }
    .small-image-col img {
        width: 46%;
    }
    .two-col-content .form-col:before {
        content: "";
        position: absolute;
        background: url(images/Line.png) no-repeat;
        background-size: contain;
        width: 130px;
        height: 3px;
        left: -150px;
        top: 130px;
    }
}
@media only screen and (max-width: 767px) {
    .main-logo-col img {
        max-width: 370px;
        width: 100%;
    }
    .hero-section {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 100px;
    }
    .two-col-content .inner-col .font-md {
        font-size: 28px;
        line-height: 31px;
    }
    .two-col-content .left-content-col .quote-content {
        font-size: 22px;
        line-height: 26px;
    }
    .inner-col {
        max-width: 305px;
        height: 305px !important;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .three-col-content.bordered-section .inner-col {
        height: 246px !important;
        width: 246px;
    }
}
@media only screen and (min-width: 425px) {
    .person-photo {
        max-width: 150px;
    }
}
@media only screen and (min-width: 768px) {
    .main-logo-col img {
        max-width: 300px;
    }
    .font-xxl {
        font-size: 45px;
        line-height: 45px;
    }
    .font-xl-lg {
        font-size: 25px;
        line-height: 28px;
    }
    h3,
    .font-lg {
        font-size: 22px;
        line-height: 25px;
    }
    .font-md {
        font-size: 16px;
        line-height: 18px;
    } 
    .inner-col:not(.bordered-col) img {
        width: 70%;
        height: 25px;
    }
    .bordered-section:before {
        width: 200px;
        top: -40%;
        display: block;
    }
    .hero-section .image-wrapper {
        margin-top: -80px;
        z-index: -1;
    }
    .dotted-border {
        width: 70%;
    }
}
@media only screen and (min-width: 992px) {
    .form-col{
        max-width: 470px;
    }
    .lower-row .inner-col {
        padding-left: 50px;
        padding-right: 50px;
    }
    .form-col {
        margin-bottom: -20px;
        margin-top: -450px;
    }
    .lower-row {
        padding: 0 100px;
    }
    .header-photo, .gallery-top-img, .gallery-middle-left-img, .gallery-middle-center-img, .gallery-middle-right-img, .gallery-bottom-left-img, .gallery-bottom-right-img, .quote-photo, .person-photo {
        object-fit: cover;
    }

    .gallery-bottom-left-img{
        margin-top:1.2rem!important;
    }
    .header-photo {
        width: 676px;
        height: 451px;
    }
    .gallery-top-img {
        width: 478px;
        height: 160px;
    }
    .gallery-middle-left-img {
        width: 225px;
        height: 160px;
    }
    .gallery-middle-center-img {
        width: 87px;
        height: 112px;
    }
    .gallery-middle-right-img {
        width: 118px;
        height: 112px;
    }
    .gallery-bottom-left-img {
        width: 225px;
        height: 124px;
    }
    .gallery-bottom-right-img {
        width: 225px;
        height: 175px;
    }
    .quote-photo {
        width: 485px;
        height: 320px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-logo-col img {
        max-width: 530px;
    }
    .font-xxl {
        font-size: 70px;
        line-height: 72px;
    }
    .font-xl-lg {
        font-size: 52px;
        line-height: 60px;
    }
    h1,
    .font-xl {
        font-size: 34px;
        line-height: 40px;
    }
    h2,
    .font-sm-xl {
        font-size: 30px;
        line-height: 40px;
    }
    h3,
    .font-lg {
        font-size: 30px;
        line-height: 40px;
    }
    h4,
    .font-sm-lg,
    .orange-heading strong {
        font-size: 20px;
        line-height: 25px;
    }
    .font-md {
        font-size: 18px;
        line-height: 22px;
    }
     .font-md-c {
        font-size: 20px;
        line-height: 22px;
    }
    .inner-col:not(.bordered-col) img {
        width: 70%;
        height: 34px;
    } 
    .form-col .form-heading {
        font-size: 25px;
        line-height: 30px;
    }
    .form-col {
        padding: 60px 50px 10px 35px;
    }
    .lower-row {
        padding: 0 190px;
    }
      .copyright-text{
        font-size:20px;
        line-height: 35px;
    }
    .two-col-content .left-content-col::before {
        left: -10px;
    }
    .two-col-content .left-content-col .quote-content {
        padding-left: 0;
    }
   .footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a{

        font-size:35px;
        line-height: 40px;;
    }
    .dotted-border {
        width: 90%;
    }
}
@media only screen and (min-width: 1366px) {
    header .container,
    footer .container,
    section .container {
        max-width: 1170px;
    }
    h1,
    .font-xl {
        font-size: 44px;
        line-height: 48px;
    }
    .hero-section .main-heading {
        padding: 0px 0px !important;
   }

.hero-section .right-text-col{
  padding: 0px 41px !important;
}
}

@media only screen and (min-width: 1440px) {
    .lower-row {
        padding: 0px 182px;
    }
}
@media only screen and (min-width: 1620px) {
    header .container-fluid, .hero-section > .container-fluid, .two-col-content .container-fluid {
        max-width: 1610px;
    }
    h6, .font-xmd {
        font-size: 18px;
        line-height: 22px;
    }
    h1,
    .font-xl {
        font-size: 54px;
        line-height: 54px;
    }
    h2,
    .font-sm-xl {
        font-size: 40px;
        line-height: 40px;
    }
    h4,
    .font-sm-lg {
        font-size: 25px;
        line-height: 30px;
    }
    .form-col .form-heading {
        font-size: 35px;
        line-height: 30px;
        padding: 0 30px;
    }
    .form-col .wFormContainer input[type="text"], 
    .form-col .wFormContainer input[type="email"], 
    .form-col .wFormContainer input[type="tel"], 
    .form-col .wFormContainer input[type="number"], 
    .form-col .wFormContainer input[type="password"], 
    .form-col .wFormContainer input[type="url"], 
    .form-col .wFormContainer textarea, 
    .form-col .wFormContainer select {
        height: 60px;
    }
    .form-col .wFormContainer .label {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    .two-col-content .form-col:before {
        width: 130px;
        height: 3px;
        left: -150px;
        top: 130px;
    }
    .bordered-section:before {
        width: 250px;
        height: 660px;
        z-index: 1;
    }

    .copyright-text{
        font-size:32px;
        line-height: 36px;;
    }

    .footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a{
     font-size:40px;
        line-height: 45px;;
    }
    .two-column-right-col{
        /* margin-right:60px; */
    }
}
@media screen and (min-width:1920px) {
    .hero-section .right-text-col .main-heading{
        padding:0px !important;
    }
}


@media screen and (min-width:992px){
.form-col {
        margin-top: -300px;
        margin-bottom:-20px;
    }
}

@media screen and (min-width:1100px){
.form-col {
        margin-top: -350px;
    }
}

@media screen and (min-width:1200px){
.form-col {
        margin-top: -400px;
    }
}

@media screen and (min-width:1400px){
.form-col {
        margin-top: -450px;
    }
}

@media screen and (min-width:1500px){
.form-col {
        margin-top: -500px;
    }
}


@media screen and (min-width:1600px){
.form-col {
        margin-top: -550px;
    }
}


@media screen and (min-width:1600px){
.form-col {
        margin-top: -550px;
    }
}

@media screen and (min-width:1800px){
.form-col {
        margin-top: -600px;
    }
}

@media screen and (min-width:1900px){
.form-col {
        margin-top: -650px;
    }
}

@media screen and (min-width:2100px){
.form-col {
        margin-top: -700px;
    }
}

@media screen and (min-width:2200px){
.form-col {
        margin-top: -750px;
    }
}

@media screen and (min-width:2300px){
.form-col {
        margin-top: -800px;
    }
}

@media screen and (min-width:2400px){
.form-col {
        margin-top: -850px;
    }
}


@media screen and (min-width:2500px){
.form-col {
        margin-top: -900px;
    }
}

@media screen and (min-width:2600px){
.form-col {
        margin-top: -950px;
    }
}