/* @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Teko:wght@300..700&display=swap'); */

@font-face {
  font-family: 'palatinoroman';
  src:url('../fonts/palatino/palatino.woff2') format('woff2'),
      url('../fonts/futura/palatino.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/source-sans-pro/SourceSansPro-Light.eot');
  src: url('../fonts/source-sans-pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/source-sans-pro/SourceSansPro-Light.woff2') format('woff2'),
      url('../fonts/source-sans-pro/SourceSansPro-Light.woff') format('woff'),
      url('../fonts/source-sans-pro/SourceSansPro-Light.ttf') format('truetype'),
      url('../fonts/source-sans-pro/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/source-sans-pro/SourceSansPro-Regular.eot');
  src: url('../fonts/source-sans-pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/source-sans-pro/SourceSansPro-Regular.woff2') format('woff2'),
      url('../fonts/source-sans-pro/SourceSansPro-Regular.woff') format('woff'),
      url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf') format('truetype'),
      url('../fonts/source-sans-pro/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/source-sans-pro/SourceSansPro-Bold.eot');
  src: url('../fonts/source-sans-pro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/source-sans-pro/SourceSansPro-Bold.woff2') format('woff2'),
      url('../fonts/source-sans-pro/SourceSansPro-Bold.woff') format('woff'),
      url('../fonts/source-sans-pro/SourceSansPro-Bold.ttf') format('truetype'),
      url('../fonts/source-sans-pro/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;600;700&display=swap');
* , ul {padding: 0;margin: 0;}
html{scroll-behavior: smooth;}
body{  font-family: 'Source Sans Pro';overflow-x: hidden;}
a{text-decoration: none;transition: all 0.3s ease;}
a:hover{transition: all 0.3s ease;color: #C7B073;}
li{list-style: none;}
p:last-child{margin-bottom: 0;}
p{font-size: 20px;font-weight: 400;color: #385D8D;line-height: 180%;letter-spacing: 0.4px;margin-bottom: 0;}
.common-btn {position: relative; font-size: 22px;font-weight:600;padding: 18px 36px;letter-spacing:normal; background-color: transparent;color: #C6B074;border: 2px solid #C6B074; display: inline-block;transition: all 0.5s linear;overflow: hidden;z-index: 1;font-family: 'Source Sans Pro';letter-spacing: 1px;text-transform: uppercase;}
.common-btn::before {content: '';position: absolute;z-index: -1;top: 0;left: 0;bottom: 0;width: 0;-webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.common-btn:hover {color: #fff;}
.common-btn:hover::before {width: 100%;background-color:#C6B074 ; -webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
/* .common-btn:hover::before {width: 100%;background-image: linear-gradient(-45deg, #47B8FA 0%, #24315D 130%);-webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} */
/* .common-btn:hover {color: #FFF;background-image: linear-gradient(-45deg, #47B8FA 0%, #24315D 130%);transition: all 3s linear;} */
.common-section {padding: 120px 0;}
.outline-btn {background: transparent;border: 1px solid #fff;padding: 20px 40px;}
.outline-btn:hover {background-color: #fff;color: #48BCFF; background-image: none;}
.common-top-padding{padding-top: 120px;}
.common-bottom-padding{padding-bottom: 120px;}
.custom-container {width: 80%;margin: 0 auto;max-width: 80%}
.br-20{border-radius: 20px;}
.title h2{font-size: 56px;font-weight: 500; color: #24315D;margin-bottom: 0;font-family: 'palatinoroman';letter-spacing: 1px;}
h3{font-size: 39px;font-weight: 400;line-height: 140%;letter-spacing: 0.78px;color: #24315D;margin-bottom:50px;font-family: 'palatinoroman';}
.title {margin-bottom: 40px;}
.title.bottom-dash {padding-bottom: 40px;border-bottom: 2px solid #D3D9E0;position: relative;background-color: #fff;}
.title .dashed-title {font-size: 28px;font-weight: 600; color: #385D8D;letter-spacing: 0.62px;margin-bottom: 40px;text-transform: uppercase;}
.title .dashed-title.white {color: #fff;}
.title .dashed-title.white span{background-color: #fff;}
.title .dashed-title span{display: inline-block;vertical-align: middle;width: 130px;height: 3px;background: #385D8D;margin-right: 30px;margin-top: -9px;}
.img-box.img-shadow {position: relative;z-index: 1;}
.img-box.img-shadow:before{content: ''; position:absolute;display: block;width: 110%;height: 100%;background-color:#F7F3EA;border-radius: 20px;top: 50px;left:0;z-index: -1;}
.mb-50 {margin-bottom: 50px;}
.img-box {position: relative;}
.img-box .pp-icon {position: absolute;left: -32px;bottom: -32px;}
header.shrink {padding: 20px 0;position: fixed;left: 0;right: 0;top: 0;z-index: 9;box-shadow: 0 3px 5px rgba(35, 38, 43, 0.34);background-color: #0D1A3E;}
header.shrink .logo img {width: 80%;}
@keyframes slideDown {
    from {
      transform: translateY(-50%);
    }
    to {
      transform: translateY(0);
    }
}
header {padding: 45px 0;position: fixed;top: 0;left: 0;right: 0;z-index: 9;}
header a{color: #fff;font-size: 20px;line-height: 120%;letter-spacing: 1.8px; text-transform: uppercase;display: inline-block;font-weight: 600;}
header .right-box ul.nav-bar {gap:93px;}
header .right-box ul.nav-bar li {position: relative;}
header .right-box ul.nav-bar li.active::before{width: 100%;transition: all 0.3s linear}
header .right-box ul.nav-bar li::before{content: '';position: absolute;width:0;height:3px;background-image: linear-gradient(132deg, #C6B074 0%, #EBE3D9 100%);bottom:-4px;transition: all 0.3s linear}
header .right-box ul.nav-bar li:hover::before {width: 100%;transition: all 0.3s linear}
.home-banner {background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/banner-img.png');background-size: cover;background-position: bottom;height: 100vh;position: relative;background-attachment:fixed }
.home-banner .banner-content{position: absolute;bottom: 250px;left:0;width:100%;}
.home-banner .banner-content h1{font-family: 'palatinoroman';font-size: 74px;color: #fff;font-weight: 800;line-height: 150%; /* 91.5px */letter-spacing:1.05px;position: relative;z-index: 1;display: inline-block;margin-bottom: 0;}
.home-banner .banner-content h1::before{content: '';display: block;position: absolute;width:100%;height: 30px;background-color: #C6B074;bottom: 10px;left: 8px;z-index: -1;}
.home-banner .banner-content p{font-size: 28px;color: #fff;font-weight: 300;}
.home-banner .banner-content .outline-btn {margin-top: 50px;}
.home-banner .banner-content span {display: block;font-size: 31px;font-weight: 400;margin-bottom:25px;color: #fff;letter-spacing: 3.1px;font-family: 'palatinoroman';}
.home-banner .banner-content .con-box {width: 70%;}
.home-banner.inner-banner .banner-content .con-box {width: 80%;}
.home-banner::before {content: '';display: block;height: 100%;width: 100%;background: #0D1A3E;opacity: 0.5}
header li a:hover {color: #fff;}

.what-we-do .inner-box , .who-we-are .inner-box{gap: 124px;}
.what-we-do .common-btn , .who-we-are .common-btn{margin-top: 40px;}
.what-we-do p:not(:last-child) , .who-we-are p:not(:last-child) {margin-bottom: 20px;}
strong {font-weight: 600;}
.who-we-are {margin-bottom: 50px;}
.who-we-are .img-box .pp-icon , .get-in-touch .img-box .pp-icon{right: 10px;left: auto;}
.who-we-are .content-box {position: relative;}
.who-we-are .zig-zag{right: auto;left: -30px;}
.who-we-are .cross{right: auto;left:-12%;}
.who-we-are .circle {position: absolute; right:30%;bottom:20%;}

.objectives-section{background-image:url('https://d24jm343jvu1tn.cloudfront.net/images/objectives-bg.png');background-position: bottom;background-size: cover;background-attachment:fixed };
.objectives-section h3{width: 80%;margin: 0 auto;margin-bottom:40px;}
.objectives-section .object-container {flex-wrap: wrap;gap:60px;}
.objectives-section .content-box {width: 47%;}
.objectives-section .content-box p{color: #234164;width: 85%;margin: 0 auto;}
.objectives-section .content-box .img-box {height: 200px;width: 200px;margin: 0 auto;}
.objectives-section .content-box .img-box img {width: 70%;}

.our-mission {background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/mission-bg.png');background-size: cover;background-position: center;background-attachment: fixed;overflow: hidden;position: relative;z-index: 1;}
.our-mission h3{color: #fff;}
.our-mission::before , .quote::before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  z-index: -1;
}

.what-sets-apart .icon {height: 100px;width: 100px;box-shadow:  0px 0px 7px 0px rgba(35, 65, 100, 0.15) inset;border-radius: 50%;background-color: #0D1A3E;}
.what-sets-apart .common-box , .our-services .common-box{padding: 30px;background:url('https://d24jm343jvu1tn.cloudfront.net/images/arrow-bg.png'), #385D8D;background-position:right;background-repeat: no-repeat;background-size: contain;transition: all 0.5s ease;}
.what-sets-apart .common-box h3{font-size: 31px;color: #fff;margin-bottom: 20px;}
.what-sets-apart .common-box p{color: #fff;font-size: 16px;}
.what-sets-apart .common-box:not(:last-child){margin-bottom:20px;}
.what-sets-apart .inner-box{gap:80px}
.what-sets-apart .title{width: 70%;}
.what-sets-apart .con-box {width: 83%;}
.what-sets-apart .common-box:hover , .our-services .common-box:hover{background-position: 140%;transition: all 0.5s ease;
    box-shadow: -1px -1px 36px -15px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px -1px 36px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -1px 36px -15px rgba(0,0,0,0.75);}

footer .logo-box {width: 22%;}
footer .logo-box img {width: 100%;}
footer .links-box{width: 70%;}
footer ul h4{margin-bottom: 40px;color: #fff;font-size: 20px;font-weight:700;text-transform: uppercase;}
footer ul li:not(:last-child){margin-bottom: 20px;}
footer .main-footer .custom-container {gap: 100px;}
footer .main-footer {background: url('https://d24jm343jvu1tn.cloudfront.net/images/footer-pattern.png'), #0D1A3E;background-size: cover;background-position:right;padding-bottom: 50px;}
footer .bottom-footer{background-color: #112146;padding: 20px 0;}
footer .bottom-footer p , footer a{font-size: 18px;color: #fff;font-weight: 300;}
footer a , footer li{color: #fff;font-weight: 300;display:block;letter-spacing: 0.4px;}
footer .bottom-footer a {display: inline-block;}
footer .data-info {width: 95%;margin: 0 auto;margin-top: 30px;}
footer .data-info p {color: #fff;font-size: 14px;opacity: 0.5;margin-bottom: 15px;font-weight: 300;}

/* Inner banners */
.home-banner.inner-banner.about{background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/about-bg.png')}
.home-banner.inner-banner.services{background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/services-bg.png')}
.home-banner.inner-banner.process{background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/process-bg.png')}
.home-banner.inner-banner.contact{background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/contact-bg.png')}

/* Services page */
.services-objectives {background-color: #24315D;}
.services-objectives p , .services-objectives h3{color: #fff;}
.services-objectives h3 {margin-bottom: 40px;}
.services-objectives .con-box {background-color:#424662;padding: 30px;width: 48%;border: 1px solid #424C7A;}
.services-objectives .object-container {flex-wrap: wrap;gap: 30px;}

.our-services .outer-container {flex-wrap: wrap;gap:40px}
.our-services .common-box{width: 40%;padding: 40px 30px;}
.our-services .common-box.ml-100{margin-left: 100px;}
.our-services .common-box.ml-240{margin-left: 240px;}
.our-services .common-box p{color: #fff;position: relative;padding-left:50px;font-size: 25px;}
.our-services .common-box p:before , .our-services .common-box p:after {content: '';display: inline-block;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);}
.our-services .common-box p:before{height: 35px;width: 35px;background:linear-gradient(132deg, #0D1A3E 0%, #345E92 100%);left: 0;}
.our-services .common-box p:after{height: 20px;width: 20px;background: linear-gradient(132deg, #345E92 0%, #0D1A3E 100%);left: 8px;}

/* About Page CSS */
.our-team .upper-row{gap:30px}
.our-team .team-member {height: 100%;padding:58px 50px;background: #F7F3EA;margin-bottom: 40px;gap: 50px;}
.our-team .team-member .name{font-size: 31px; color: #24315D;font-weight: 700;line-height: normal;letter-spacing: 0.62px;margin-bottom: 30px;font-family: 'palatinoroman'}
.our-team .team-member .designation {font-size: 25px; font-weight: 400;color: #24315D;}
.our-team .team-member:nth-last-child(){margin-bottom: 0;}
.our-team .lower-row{margin-top: 65px;}
.core-values  {background:url('https://d24jm343jvu1tn.cloudfront.net/images/core-values-bg.png');background-size: cover;background-position: bottom;background-attachment:fixed;}
.core-values .inner-content{flex-wrap: wrap;gap:55px}
.core-values .inner-content .common-box{width: 25%;}
.core-values .inner-content .common-box p{font-size: 16px;}
.core-values .inner-content .common-box h4 {font-size: 31px;font-weight: 400; margin: 15px 0;font-family: 'palatinoroman'}
.carrier-selection img {width: auto !important;margin: 0 auto;}
.carrier-selection .dashed-title {margin-bottom: 100px;}
.quote {background-image: url('https://d24jm343jvu1tn.cloudfront.net/images/hexagon-pattern-bg.png');background-size: cover;background-attachment:fixed;overflow: hidden;position: relative;z-index: 1;}

  
/* Contact Page */
.get-in-touch .inner-container{gap: 150px;}
.get-in-touch .contact-address a , .get-in-touch .contact-address p{display: block; font-size: 25px; font-weight: 500; line-height: 40px; text-decoration: underline;letter-spacing: 0.5px;color: #BA945E;}
.get-in-touch .contact-address ul{width: 80%;}
.get-in-touch h4{font-size: 25px;font-weight: 500;line-height: 40px; /* 160% */letter-spacing: 0.5px;}
.get-in-touch .form-control {background: #F7F3EA;border: none;border-radius: 6px;padding: 20px 20px;font-size: 25px;color: #24315d;}
.form-control:focus {box-shadow: none;}
.get-in-touch .form-group {margin-bottom: 50px;}
.get-in-touch .form-group label{font-size: 25px;font-weight: 500;color: #234164;margin-bottom: 10px;}
.get-in-touch .form-group label span{color: #FF715F;}
.get-in-touch button {width: auto;}
.get-in-touch .img-box.img-shadow::before {width: 107%;}

/* Process Page CSS */
.process-title h3{font-size: 49px;font-weight: 600}
p.subtitle{font-size: 25px;line-height: 40px;}
.process-section .title {margin-bottom: 100px;}
#legacy-literature {background-color: #F7F3EA;margin-bottom: 0}

.process-section svg{width: 60%;height: auto;}

.our-approach-section {background-color:#F7F3EA;}
.our-approach-section .steps-container{margin: 0 40px;}
.our-approach-section .steps-container .common-box {padding: 60px 50px;width: 20%;position: relative;transition: all 0.3s linear}
.our-approach-section .steps-container .common-box:hover {background: #385D8D;transition: all 0.3s linear}
.our-approach-section .steps-container .common-box:hover span{border-color: #0D1A3E;background: #0D1A3E;transition: all 0.3s linear}
.our-approach-section .steps-container .common-box:hover span , .our-approach-section .steps-container .common-box:hover h4 , .our-approach-section .steps-container .common-box:hover p{color: #fff;transition: all 0.3s linear}
.our-approach-section .steps-container .common-box span {font-size: 49px;font-weight: 500;margin-bottom: 40px; display: block;color: #385D8D;width: 100px;height: 100px;border: 6px solid #385D8D;background-color: #F7F3EA;border-radius: 50%;position: relative;transition: all 0.3s linear}
.our-approach-section .steps-container .common-box::before{content: '';display: block;height: 6px;width:100%;background-color: #385D8D;position: absolute;top:110px;right: -56px;}
.our-approach-section .steps-container .common-box:last-child::before{display: none;}
.our-approach-section .steps-container .common-box h4{font-size: 31px;font-weight: 400;margin-bottom: 30px; color: #234164;font-family: 'palatinoroman'}

.third-party-experts .inner-content .common-box {width: 30%;}
.third-party-experts .inner-content .common-box h4{width: 70%;}
.third-party-experts .inner-content .common-box p{width: 85%;}
.third-party-experts .press-inquiry{margin-top: 75px;}
.third-party-experts .press-inquiry .process-title h3{margin-bottom: 0;}
.book-recommendations .inner-box {gap: 50px;}
.book-recommendations .inner-box img {margin-left: -14px;}
.book-recommendations .inner-box h4, .book-recommendations .inner-box p ,.our-approach-section p ,.our-approach-section .steps-container .common-box p {color: #234164;}
.our-approach-section .steps-container .common-box p {font-family: 'palatinoroman';}
.book-recommendations .inner-box h4 {font-size: 20px; font-weight: 700;}
.book-recommendations .inner-box p {font-size: 16px; font-weight: 400;}
.book-recommendations .inner-box .common-box {width: 100%;}
#legacy-literature .img-box.img-shadow::before {background-color: #E5D9B4;}

/* Responsive Menu bar CSS */
.menu-box{display: none;}
[type="checkbox"]:checked, [type="checkbox"]:not(:checked){position: absolute;left: -9999px;}
.menu-icon:checked + label, .menu-icon:not(:checked) + label{
  position: fixed;top: 38px;right: 53px;display: block;width: 30px;height: 30px;padding: 0;margin: 0;cursor: pointer;z-index: 10;}
.menu-icon:checked + label:before, .menu-icon:not(:checked) + label:before{
  position: absolute;content: '';display: block;width: 30px;height: 20px;z-index: 20;top: 0;left: 0;border-top: 2px solid #ececee;border-bottom: 2px solid #ececee;
  transition: border-width 100ms 1500ms ease, 
              top 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1),
              height 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1), 
              background-color 200ms ease,
              transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:after, .menu-icon:not(:checked) + label:after{
  position: absolute;content: '';display: block;width: 22px;height: 2px;z-index: 20;top: 10px;right: 4px;background-color: #ececee;margin-top: -1px;
  transition: width 100ms 1750ms ease, 
              right 100ms 1750ms ease,
              margin-top 100ms ease, 
              transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:before{top: 10px;transform: rotate(45deg);height: 2px;background-color: #ececee;border-width: 0;
  transition: border-width 100ms 340ms ease, 
              top 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
              height 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1), 
              background-color 200ms 500ms ease,
              transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:after{width: 30px;margin-top: 0;right: 0;transform: rotate(-45deg);
  transition: width 100ms ease,
              right 100ms ease,  
              margin-top 100ms 500ms ease, 
              transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.nav{position: fixed;top: 21px;right: 38px;display: block;width: 60px;height: 55px;padding: 0;margin: 0;z-index: 9;overflow: hidden;
  /* box-shadow: 0 8px 30px 0 rgba(0,0,0,0.3); */
  background-color: #C6B074;
  /* animation: border-transform 7s linear infinite; */
  transition: top 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),  
              right 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),
              transform 250ms 1100ms ease,
              width 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1),
              height 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked ~ .nav {animation-play-state: paused;top: 50%;right: 50%;transform: translate(50%, -50%);width: 200%;height: 200%;background-color: #0D1A3E;
  transition: top 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),  
              right 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),
              transform 250ms 700ms ease,
              width 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1),
              height 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.nav ul{position: absolute;top: 50%;left: 0;display: block;width: 100%;padding: 0;margin: 0;z-index: 6;text-align: center;transform: translateY(-50%);list-style: none;}
.nav ul li{position: relative;display: block;width: 100%;padding: 0;margin: 10px 0;text-align: center;list-style: none;pointer-events: none;opacity: 0;visibility: hidden;transform: translateY(30px);transition: all 250ms linear;}
.nav ul li:nth-child(1){transition-delay: 200ms;}
.nav ul li:nth-child(2){transition-delay: 150ms;}
.nav ul li:nth-child(3){transition-delay: 100ms;}
.nav ul li:nth-child(4){transition-delay: 50ms;}
.nav ul li a{font-size: 9vh;text-transform: uppercase;line-height: 1.2;font-weight: 800;display: inline-block;position: relative;color: #ececee;transition: all 250ms linear;}
.nav ul li a:hover {text-decoration: none;color: transparent;background-image: linear-gradient(136deg, #C6B074 0%, #F7F3EA 100%);background-clip: text;-webkit-background-clip: text;transition: all 250ms linear;}
.menu-icon:checked ~ .nav ul li.active a {color: transparent;background-image: linear-gradient(136deg, #C6B074 0%, #F7F3EA 100%);background-clip: text;-webkit-background-clip: text;}
.menu-icon:checked ~ .nav  ul li {pointer-events: auto;visibility: visible;opacity: 1;transform: translateY(0);transition: opacity 350ms ease, transform 250ms ease;}
.menu-icon:checked ~ .nav ul li:nth-child(1){transition-delay: 1400ms;}
.menu-icon:checked ~ .nav ul li:nth-child(2){transition-delay: 1480ms;}
.menu-icon:checked ~ .nav ul li:nth-child(3){transition-delay: 1560ms;}
.menu-icon:checked ~ .nav ul li:nth-child(4){transition-delay: 1640ms;}
.menu-icon:checked ~ .nav ul li:nth-child(5){transition-delay: 1720ms;}

#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;animation:fadeIn 3.9s linear;}
#preloader .loader {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);overflow: hidden;animation: moveLogo 2s forwards;}
#preloader .loader .icon , #preloader .loader .gen , #preloader .loader .three {display: inline-block;transition: all 0.5s linear-in;position: relative;animation-iteration-count: 1;}
#preloader .loader .icon {height:80px;margin-right: 5px;z-index: 1;}
#preloader .loader .gen , #preloader .loader .three {height: 30px;z-index: -1;}
#preloader .loader .gen {animation:gen 0.5s linear;}
#preloader .loader .three {animation: three 1s linear;}
#preloader .loader .partners {height: 11px;position: absolute;bottom:0;right: 53px;animation: partners 1.5s linear ;opacity: 1;}
@keyframes gen {
  0%{transform: translateY(-60px);}
  100%{transform: translateX(0);}
}
@keyframes three {
  0%{transform: translateY(55px);}
  100%{transform: translateX(0);}
}
@keyframes partners {
  0%{transform: translateX(-169%);}
  100%{transform: translateY(0);}
}

@keyframes fadeIn {
  0%{opacity: 1;background-color: #24315D}
  50%{opacity:0.8;}
  100%{opacity: 0;background-color: transparent}
}


@keyframes moveLogo {
  0% {top: 50%;left: 50%;transform: translate(-50%, -50%);}
  100% {top: 45px;left: 12.3%;transform: translate(0);opacity: 0.8;}
}

.first {
	/* will-change: transform;
	transform-style: preserve-3d; */
	position: absolute;
	z-index: -1;
	display: block;
	/* transform-origin: center; */
	width: 100px;
	/* max-width: none; */
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	opacity: 1;
  animation: scale 2s;
  top: 50%;
  left: 50%;
  transform:scale(0) translate(-50%, -50%);
  opacity: 0;
}

@keyframes scale {
  0% {transform: scale(0);opacity: 1;}
  100% {transform: scale(22);opacity: 1;}
}

.scroll-down {position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);animation: upDown .9s linear infinite;transition: 1s;display: inline-block;}
.scroll-down img {width: 60px;}

@keyframes upDown {
  0% {transform:translate(-50% , 0);opacity: 0;}
  50% {opacity: 1;}
  100% {transform:translate(-50% , 20px);opacity: 0;}
}

/* Hexagon Loader */

figure {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  margin: -60px -50px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 600;
  -moz-perspective: 600;
  perspective: 600;
}
figure span {
  display: block;
  position: absolute;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
figure span:after {
  display: block;
  content: "";
  border-style: solid;
  border-color: transparent;
  border-width: 100px 58px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure span:nth-child(1) {
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  -moz-transform: rotate3d(0, 0, 1, 90deg);
  -ms-transform: rotate3d(0, 0, 1, 90deg);
  -o-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
}
figure span:nth-child(1):after {
  border-top-color:#C6B074;
  -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  -ms-transform: rotate3d(0.5, 1, 0, 180deg);
  -o-transform: rotate3d(0.5, 1, 0, 180deg);
  transform: rotate3d(0.5, 1, 0, 180deg);
  -webkit-animation: split 2s 0.1111111111s ease infinite;
  -moz-animation: split 2s 0.1111111111s ease infinite;
  animation: split 2s 0.1111111111s ease infinite;
}
figure span:nth-child(2) {
  -webkit-transform: rotate3d(0, 0, 1, 150deg);
  -moz-transform: rotate3d(0, 0, 1, 150deg);
  -ms-transform: rotate3d(0, 0, 1, 150deg);
  -o-transform: rotate3d(0, 0, 1, 150deg);
  transform: rotate3d(0, 0, 1, 150deg);
}
figure span:nth-child(2):after {
  border-top-color:#C6B074;
  -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  -ms-transform: rotate3d(0.5, 1, 0, 180deg);
  -o-transform: rotate3d(0.5, 1, 0, 180deg);
  transform: rotate3d(0.5, 1, 0, 180deg);
  -webkit-animation: split 2s 0.2222222222s ease infinite;
  -moz-animation: split 2s 0.2222222222s ease infinite;
  animation: split 2s 0.2222222222s ease infinite;
}
figure span:nth-child(3) {
  -webkit-transform: rotate3d(0, 0, 1, 210deg);
  -moz-transform: rotate3d(0, 0, 1, 210deg);
  -ms-transform: rotate3d(0, 0, 1, 210deg);
  -o-transform: rotate3d(0, 0, 1, 210deg);
  transform: rotate3d(0, 0, 1, 210deg);
}
figure span:nth-child(3):after {
  border-top-color:#C6B074;
  -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  -ms-transform: rotate3d(0.5, 1, 0, 180deg);
  -o-transform: rotate3d(0.5, 1, 0, 180deg);
  transform: rotate3d(0.5, 1, 0, 180deg);
  -webkit-animation: split 2s 0.3333333333s ease infinite;
  -moz-animation: split 2s 0.3333333333s ease infinite;
  animation: split 2s 0.3333333333s ease infinite;
}
figure span:nth-child(4) {
  -webkit-transform: rotate3d(0, 0, 1, 270deg);
  -moz-transform: rotate3d(0, 0, 1, 270deg);
  -ms-transform: rotate3d(0, 0, 1, 270deg);
  -o-transform: rotate3d(0, 0, 1, 270deg);
  transform: rotate3d(0, 0, 1, 270deg);
}
figure span:nth-child(4):after {
  border-top-color:#C6B074;
  -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  -ms-transform: rotate3d(0.5, 1, 0, 180deg);
  -o-transform: rotate3d(0.5, 1, 0, 180deg);
  transform: rotate3d(0.5, 1, 0, 180deg);
  -webkit-animation: split 2s 0.4444444444s ease infinite;
  -moz-animation: split 2s 0.4444444444s ease infinite;
  animation: split 2s 0.4444444444s ease infinite;
}
figure span:nth-child(5) {
  -webkit-transform: rotate3d(0, 0, 1, 330deg);
  -moz-transform: rotate3d(0, 0, 1, 330deg);
  -ms-transform: rotate3d(0, 0, 1, 330deg);
  -o-transform: rotate3d(0, 0, 1, 330deg);
  transform: rotate3d(0, 0, 1, 330deg);
}
figure span:nth-child(5):after {
  border-top-color:#C6B074;
  -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  -ms-transform: rotate3d(0.5, 1, 0, 180deg);
  -o-transform: rotate3d(0.5, 1, 0, 180deg);
  transform: rotate3d(0.5, 1, 0, 180deg);
  -webkit-animation: split 2s 0.5555555556s ease infinite;
  -moz-animation: split 2s 0.5555555556s ease infinite;
  animation: split 2s 0.5555555556s ease infinite;
}
figure span:nth-child(6) {
  -webkit-transform: rotate3d(0, 0, 1, 390deg);
  -moz-transform: rotate3d(0, 0, 1, 390deg);
  -ms-transform: rotate3d(0, 0, 1, 390deg);
  -o-transform: rotate3d(0, 0, 1, 390deg);
  transform: rotate3d(0, 0, 1, 390deg);
}
figure span:nth-child(6):after {
  border-top-color:#C6B074;
  -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  -ms-transform: rotate3d(0.5, 1, 0, 180deg);
  -o-transform: rotate3d(0.5, 1, 0, 180deg);
  transform: rotate3d(0.5, 1, 0, 180deg);
  -webkit-animation: split 2s 0.6666666667s ease infinite;
  -moz-animation: split 2s 0.6666666667s ease infinite;
  animation: split 2s 0.6666666667s ease infinite;
}

@-webkit-keyframes split {
  0% {
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  }
  25% {
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
  }
  75% {
    opacity: 0;
    -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
  }
}
@-moz-keyframes split {
  0% {
    -moz-transform-origin: 50% 100%;
    -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  }
  25% {
    -moz-transform-origin: 50% 100%;
    -moz-transform: rotate3d(0, 1, 0, 360deg);
  }
  50% {
    opacity: 1;
    -moz-transform-origin: 100% 0%;
    -moz-transform: rotate3d(0, 1, 0, 360deg);
  }
  75% {
    opacity: 0;
    -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate3d(0.5, 1, 0, 180deg);
  }
}
@keyframes split {
  0% {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
    -moz-transform: rotate3d(0.5, 1, 0, 180deg);
    -ms-transform: rotate3d(0.5, 1, 0, 180deg);
    -o-transform: rotate3d(0.5, 1, 0, 180deg);
    transform: rotate3d(0.5, 1, 0, 180deg);
  }
  25% {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
    -moz-transform: rotate3d(0, 1, 0, 360deg);
    -ms-transform: rotate3d(0, 1, 0, 360deg);
    -o-transform: rotate3d(0, 1, 0, 360deg);
    transform: rotate3d(0, 1, 0, 360deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
    -moz-transform: rotate3d(0, 1, 0, 360deg);
    -ms-transform: rotate3d(0, 1, 0, 360deg);
    -o-transform: rotate3d(0, 1, 0, 360deg);
    transform: rotate3d(0, 1, 0, 360deg);
  }
  75% {
    opacity: 0;
    -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
    -moz-transform: rotate3d(0.5, 1, 0, 180deg);
    -ms-transform: rotate3d(0.5, 1, 0, 180deg);
    -o-transform: rotate3d(0.5, 1, 0, 180deg);
    transform: rotate3d(0.5, 1, 0, 180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate3d(0.5, 1, 0, 180deg);
    -moz-transform: rotate3d(0.5, 1, 0, 180deg);
    -ms-transform: rotate3d(0.5, 1, 0, 180deg);
    -o-transform: rotate3d(0.5, 1, 0, 180deg);
    transform: rotate3d(0.5, 1, 0, 180deg);
  }
}

.invalid-input {display: none; width: 100%; margin-top: 0.25rem; font-size: 25px; color: #dc3545; }
.modal.show .modal-dialog {height: 100vh;}
.modal-content {border-radius: 10px;top: 50%;transform: translateY(-50%);}
.modal-body {display: flex; justify-content: center; align-items: center;text-align: center; color: #fff; font-size: 20px;flex-direction: column; gap: 20px; background-color: #234164;border-radius: inherit;padding: 30px 15px;}
.modal-body img {width: 210px;}