/* Fonts  */
@font-face {
    font-family: "Bodoni Std Bold";
    font-style: normal;
    font-display: swap;
    /* src: url(../fonts/BodoniFLF-Bold.ttf) format("truetype"); */
    src: url(../fonts/BodoniStd-Poster.otf) format("truetype");
    
}
@font-face {
    font-family: "Bodoni Std";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/BodoniStd-PosterItalic.otf) format("opentype");
}
@font-face {
    font-family: "ITCFranklinGothicStdDemiCd";
    font-style: normal;
    font-display: swap;
    /* src: url(../fonts/ITCFranklinGothicStd-Demi.otf) format("opentype"); */
    src: url(../fonts/ITCFranklinGothicStd-DmCd.otf) format("opentype");
}
@font-face {
    font-family: "ITCFranklinGothicStdMed";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/ITCFranklinGothicStd-Med.otf) format("opentype");
}
@font-face {
    font-family: "ITCFranklinGothicStdBook";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/ITCFranklinGothicStd-Book.otf) format("opentype");
}
:root {
    --navy-blue: #203468;
    --sky-blue: #9bc9ff;
    --white: #ffffff;
    --black: #000000;
    --orange: #e57200;
    --grey: #f7f7f7;
}
body {
    font-family: "ITCFranklinGothicStdMed";
    font-size: 16px;
    line-height: 20px;
    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);
}
.h1 {
    font-family: "Bodoni Std";
    font-style: normal;
}
/* Fonts  */
.font-Bodoni-Std-bold {
    font-family: "Bodoni Std bold";
}
.font-Bodoni-Std {
    font-family: "Bodoni Std";
}
.font-franklin-demi , .footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a , .copyright-text {
    font-family: "ITCFranklinGothicStdDemiCd";
}
.font-franklin-med {
    font-family: "ITCFranklinGothicStdMed";
}
.font-franklin-book{
    font-family: "ITCFranklinGothicStdBook";
}
h1,
.font-xl {
    font-size: 30px;
    line-height: 35px;
}
h2,
.font-sm-xl {
    font-size: 25px;
    line-height: 30px;
}
h3,
.font-lg {
    font-size: 25px;
    line-height: 25px;
}
h4,
.font-sm-lg {
    font-size: 22px;
    line-height: 26px;
}
.font-md {
    font-size: 18px;
    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:before,
.hero-section:after,
.hero-section .left-img-col .image-wrapper:after {
    content: "";
    position: absolute;
}
.hero-section:before {
    background: url("../images/top-left.png") no-repeat;
    width: 175px;
    height: 202px;
    top: 0;
    left: 0;
    background-size: contain;
    z-index: 1;
}
.hero-section:after {
    background: url(../images/top-right.png) no-repeat;
    width: 440px;
    height: 760px;
    top: 0;
    right: 0;
    background-size: cover;
    z-index: 0;
}
.hero-section {
    /* background: linear-gradient(176deg, rgba(32, 52, 104, 1) 72.5%, rgba(255, 255, 255, 1) 73%); */
 background: linear-gradient(173deg, rgba(32, 52, 104, 1) 67.5%, rgba(255, 255, 255, 1) 68%);
    /* clip-path: polygon(0 0, 100% 0, 100% 62%, 0% 100%); */
    padding-top: 130px;
}
.hero-section .left-img-col img {
    margin-top: -10px;
}
.hero-section .wysiwyg-content p {
    font-size: 18px;
    line-height: 22px;
}


.form-col {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 2px solid var(--orange);
    padding-top: 30px;
    padding-bottom: 50px;
}
.form-col .form-heading {
    font-size: 20px;
    line-height: 25px;
}
.quiz-form .step {
    order: 1;
}
.quiz-form .step p {
    font-size: 15px;
}
.quiz-form {
    display: flex;
    flex-direction: column;
}
.quiz-form input {
    font-family: "ITCFranklinGothicStdDemiCd";
    color: #000;
    font-weight: 500;
}

.form_question_21e010d4-2e27-4f99-9fde-31d65da7c735{
    display: none;
}

.quiz-form .form_question_c0c5e481-dbfd-45b7-b87f-24b527056a8a,
.quiz-form .form_question_65ef0e83-e141-434a-a79c-ef9292346a0d,
.quiz-form .form_question_efe058fe-2d13-4513-a61c-6da5629081a2,
.quiz-form .form_question_21e010d4-2e27-4f99-9fde-31d65da7c735, 
.quiz-form .form_question_43e084d3-7481-4275-8e71-5bbd40f53fd2,

.quiz-form .form_question_dffccef5-6243-44eb-b779-b41f6a2cbeaa,
.quiz-form .form_question_847f95ea-3180-4c38-a65f-e481c7a75e72,
.quiz-form .form_question_74954c01-b228-47ed-bdb2-6baa919ad21a
{
    display: none!important;
}



.form_label p{
    font-size: 12px;
}

.form_label a {
     color: var(--orange);
}



.quiz-form .form-btn {
    order: 2;
    width: max-content;
    margin: 70px auto 15px;
    cursor: pointer;
}
.quiz-form .back-btn {
    order: 3;
    color: #000;
    font-weight: 500;
    font-size: 16px;
}
.quiz-form .field-container {
    grid-template-columns: repeat(2, 1fr);
}
.quiz-form .form-check-label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 10px;
  text-align: left;
  color: #000;
}
.quiz-form .form-check-input[type=checkbox], .quiz-form .form-check-input[type=radio]  {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: -7px;
  left: 10px;
}
.quiz-form .form-check-label::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #d9d9d9;
  transition: all 0.2s ease;
}
.quiz-form .form-check-label input[type="checkbox"]:checked + .radio-label::after, .quiz-form .form-check-label input[type="radio"]:checked + .radio-label::after {
  content: "";
  position: absolute;
  left: -18px;
  top: 11.5px;
  width: 10px;
  height: 10px;
  background-color: #b0b0b0;
  border-radius: 50%;
  transform: translateY(-50%);
}
.quiz-form .form-check-label:hover::before {
  border-color: #084298;
}
.quiz-form .form-check-label input[type="checkbox"]:focus + .radio-label::before, .quiz-form .form-check-label input[type="radio"]:focus + .radio-label::before {
  outline: 2px solid #084298;
}
.quiz-form .form-check {
    /* flex-basis: 100%;
    flex: 1; */
}
.quiz-form .form-select {
    outline: unset;
    border: 2px solid #E57200;
    background: #D9D9D9;
    border-radius: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'><path d='M7.25258 9.85C6.82919 10.5833 5.77071 10.5833 5.34732 9.85L1.0605 2.425C0.637108 1.69167 1.16634 0.775001 2.01313 0.775001L10.5868 0.775C11.4336 0.775 11.9628 1.69167 11.5394 2.425L7.25258 9.85Z' fill='black'/></svg>");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
}
.quiz-form .form-select:focus {
    outline: none;
    border-color: #E57200;
    box-shadow: none;
}


.bordered-col {
    border: 2px solid var(--orange);
}
.bordered-col i {
    font-size: 45px;
    color: var(--orange);
}
.inner-col:not(.bordered-col) img {
    width: 60px;
    height: 60px;
}
.hero-section .right-text-col img {
    width: 50px;
}
.hero-section .left-img-col .image-wrapper:after {
    background: url(../images/burst.png) no-repeat;
    background-size: contain;
    background-position: bottom left;
    width: 390px;
    height: 380px;
    top: -30px;
    left: -30px;
}
.layer-img,
.two-col-content .image-content-col img {
    width: 40px;
}
.orange-heading strong {
    color: var(--orange);
    font-family: "ITCFranklinGothicStdDemiCd";
    font-size: 18px;
    line-height: 22px;
}
.two-col-content .wysiwyg-content p {
    margin-bottom: 0;
}
.two-col-content .left-content-col {
    padding-left: 70px;
}
.two-col-content .left-content-col::before {
    content: "";
    position: absolute;
    background: url("../images/quote.png") no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
}
.bordered-section .container {
    border-top: 2px solid var(--grey);
}
.bordered-section:before {
    content: "";
    position: absolute;
    background: url("../images/lattices.png") no-repeat;
    background-size: contain;
    background-position: top left;
    width: 195px;
    height: 886px;
    left: 0px;
    top: 0;
    z-index: 1;
}
.form-check-label {
    font-size: 23px;
    line-height: 28px;
    font-family: "ITCFranklinGothicStdMed";
    color: var(--navy-blue);
}
.form-check-input:checked {
    background-color: var(--grey) !important;
    border-color: var(--grey) !important;
}
.form-btn {
    color: var(--white);
    background-color: var(--navy-blue);
    font-family: "ITCFranklinGothicStdDemiCd";
    font-size: 22px;
    padding: 13px 50px;
    text-decoration: none;
    margin-top: 10px;
    border: 0;
    line-height: 22px;
}

.person-photo {
    max-width: 150px;
}

.video-image {
    padding-bottom: 56%;
    height: 0;
    background-repeat: no-repeat;
    background-color: rgb(0 0 0 / 15%);
    background-blend-mode: overlay;
    background-size: cover;
    position: relative;
}
.play-icon {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    cursor: pointer;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.play-icon img {
    width: 100px;
}

.form-code-content .form_container {
    text-align: left;
}
.form-code-content .form_container .form_action_submit {
    text-align: center;
} 
.form-code-content .form_container input:not(input[type="radio"], input[type="checkbox"], input[type="file"]), .form-code-content .form_container select {
    height: 40px !important;
    border-radius: 0 !important;
    outline: unset !important;
    border: 2px solid #E57200 !important;
    background: #D9D9D9 !important;
    color: #212529 !important;
    padding: 0 10px !important;
}
.form-code-content .form_container input:not(input[type="radio"], input[type="checkbox"], input[type="file"]), .form-code-content .form_container select {
    width: 100%;
}
.form-code-content .form_container select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'><path d='M7.25258 9.85C6.82919 10.5833 5.77071 10.5833 5.34732 9.85L1.0605 2.425C0.637108 1.69167 1.16634 0.775001 2.01313 0.775001L10.5868 0.775C11.4336 0.775 11.9628 1.69167 11.5394 2.425L7.25258 9.85Z' fill='black'/></svg>") !important;
    background-size: 10px !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
    appearance: none;
}
.form-code-content .form_container .form_responses select[aria-label="Month"], .form-code-content .form_container .form_responses select[aria-label="Day"], .form-code-content .form_container .form_responses select[aria-label="Year"] {
    width: 32%;
}

.form_header{
    display: none;
}
.form_button_submit, .blue-button {
    color: var(--white);
    background-color: var(--navy-blue);
    font-family: "ITCFranklinGothicStdDemiCd";
    font-size: 22px;
    padding: 17px 50px 13px;
    text-decoration: none;
    margin-top: 10px;
    border: 0;
    line-height: 22px;
}
.form-col .form-btn:hover , .blue-button:hover{
 background-color: var(--orange);
}

  .video-image {
    padding-bottom: 56%;
    height: 0;
    background-repeat: no-repeat;
    background-color: rgb(0 0 0 / 15%);
    background-blend-mode: overlay;
    background-size: cover;
    position: relative;
}
.play-icon {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    cursor: pointer;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.play-icon img {
width: 70px;

}
  .copyright-text{
        font-size:25px;
        line-height: 30px;;
    }

     .footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a{

        font-size:26px;
        line-height: 30px;;
    }
.footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a{
color:var(--white) !important;
font-weight:600;
margin-bottom:0;

 }
  .footer-section .wysiwyg-content a{
    text-decoration: none;
  }
.copyright-text a{
    color:var(--white);
}


/* Media Queries */
@media only screen and (max-width: 575px) {
    .hero-section .left-img-col .image-wrapper:after {
        width: 180px;
        height: 190px;
        top: -30px;
        left: -15px;
    }
    .inner-right-images-col .right-img {
        padding-left: .5rem !important;
    }
}
@media only screen and (min-width:576px) and (max-width: 768px) {
    .hero-section .left-img-col .image-wrapper:after {
        width: 350px;
        height: 370px;
        top: -60px;
        left: -80px;
    }
}
@media only screen and (max-width: 991px) {
    header,
    section,
    footer {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .site-header .main-logo-col img {
        width: 300px;
    }
    .hero-section:after {
        height: 900px;
        width: 440px;
    }
    .hero-section {
        background: linear-gradient(174deg, rgba(32, 52, 104, 1) 88.5% 88.5%, rgba(255, 255, 255, 1) 89%);
        padding-top: 160px;
    }
    .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 (min-width: 992px) {
    h1,
    .font-xl {
        font-size: 34px;
        line-height: 40px;
    }
    h2,
    .font-sm-xl {
        font-size: 30px;
        line-height: 35px;
    }
    h3,
    .font-lg {
        font-size: 30px;
        line-height: 35px;
    }
    h4,
    .font-sm-lg,
    .orange-heading strong {
        font-size: 20px;
        line-height: 25px;
    }
    .font-md {
        font-size: 20px;
        line-height: 25px;
    }
    .form-col .form-heading {
        font-size: 25px;
        line-height: 30px;
    }
    .hero-section .left-img-col .image-wrapper:after {
        width: 440px;
        height: 350px;
        top: -40px;
        left: -36px;
    }
    .lower-row .inner-col {
        padding-left: 50px;
        padding-right: 50px;
    }
    .form-col {
        margin-bottom: -20px;
    }
    .bordered-section:before {
        width: 240px;
        height: 580px;
        left: 0;
        top: -70px;
    }
    .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:992px) and (max-width:1199px){
   .hero-section .wysiwyg-content{
    padding-left: 0px !important;
   }
}
@media only screen and (min-width: 1200px) {
    .lower-row {
        padding: 0 190px;
    }
      .copyright-text{
        font-size:30px;
        line-height: 35px;
    }
     .hero-section  .right-text-col .main-heading{
    margin-right: -60px;
 }

   .footer-section .wysiwyg-content p , .footer-section .wysiwyg-content a{

        font-size:35px;
        line-height: 40px;;
    }
}
@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;
}
.hero-section .wysiwyg-content{
    padding-left: 8px !important;
}
}

@media only screen and (min-width: 1440px) {
    .lower-row {
        padding: 0px 200px;
    }
    .hero-section .left-img-col .image-wrapper:after {
        width: 500px;
        height: 400px;
        top: -26px;
        left: -56px;
    }
}
@media only screen and (min-width: 1620px) {
    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: 45px;
    }
    h4,
    .font-sm-lg,
    .orange-heading strong {
        font-size: 25px;
        line-height: 30px;
    }
    .form-col .form-heading {
        font-size: 35px;
        line-height: 40px;
    }
    .hero-section .left-img-col .image-wrapper img {
        margin-left: -50px;
    }
    .hero-section .left-img-col .image-wrapper:after {
        width: 580px;
        height: 470px;
        top: -30px;
        left: -140px;
    }
    .two-col-content .form-col:before {
        width: 130px;
        height: 3px;
        left: -150px;
        top: 130px;
    }
    .bordered-section:before {
        width: 390px;
        height: 990px;
        left: 0px;
        top: -255px;
        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; */
    }
    .hero-section .right-text-col .main-heading {
        margin-right: -172px;
    }
    .hero-section .wysiwyg-content{
        padding-right: 16px !important;
        padding-left: 25px !important;
    }
    .hero-section {
        background: linear-gradient(173deg, rgba(32, 52, 104, 1) 69.5%, rgba(255, 255, 255, 1) 71%);
    }
}
@media screen and (min-width:1920px) {
    .hero-section .left-img-col .image-wrapper:after {
        width: 650px;
        height: 530px;
        top: -66px;
        left: -180px;
    }
    .hero-section .right-text-col .main-heading{
        padding:0px !important;
    }
    .hero-section {
        background: linear-gradient(173deg, rgba(32, 52, 104, 1) 68.5%, rgba(255, 255, 255, 1) 70%);
    }
}