* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: inherit;
   box-sizing: inherit
}

html {
   overflow: auto !important
}

body {
   font-family: "Hanken Grotesk", sans-serif !important;
   padding: 0 !important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   overflow-x: hidden;

}

h1 {
   margin: 0;
   font-size: 2em;
}

p {
   margin: 5px 0;
}

.logo-style {
   width: 100%;
   max-width: 351px;
   position: relative;
}

.nav-link {
   color: #121B2C;
   font-weight: 400;
   font-size: 17px;
   line-height: 20.57px;
}

.login-button {
   background-color: #52A546;
   color: #fff !important;
   border: none;
   border-radius: 100px;
   cursor: pointer;
   width: 117px;
   bottom: 2px;
   transition: opacity 0.2s ease-out, background 0.2s ease-out;
   box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .1) !important;
}

.login-button:hover {
   background-color: #00afd8;
}

.mt-3 {
   margin-top: 1rem;
}

.navbar-nav-custom {
   gap: 30px;
}

#navbarSupportedContent {
   position: relative;
   /* top: 5px; */
}

.section-one {
   display: flex;
   flex-direction: row;
}

.first-img {
   width: 664px;
   height: 661px;
   position: relative;
   top: 110px;
   z-index: 111111111111;
}

.info {
   position: relative;
   margin-top: 89px;
   margin-left: 136px;
}

.thumbnail-two {
   margin-top: 300px;
}

.intro {
   font-weight: 400;
   font-size: 3.8rem;
   line-height: 60px;
}

.heading-section {
   width: 50%;
}

@media (max-width: 992px) {
   .intro {
      font-size: 46px;
   }

   .heading-section {
      width: 75%;
   }
}

@media (max-width: 767px) {
   .intro {
      font-size: 36px;
   }
}

@media (max-width: 768px) {

   .logo-style {
      max-width: 220px;
   }
}

@media (max-width: 575px) {
   .heading-section {
      width: 100%;
   }
}

.Introducing {
   color: #000000;
}

.ClearingGateway {
   color: #72BF44;
}


.title {
   color: #121B2C;
   font-weight: 400;
   font-size: 32px;
   line-height: 36.31px;
}

.description {
   font-size: 1.18rem;
   font-weight: 400;
   line-height: 28px;
   color: #8A9AB5;
   position: relative;
   top: 6px;
}

.hero-section .firstImage-custom img {
   max-width: 100%;
   height: auto;
   display: block;
   padding-top: 5%;
   margin: 0 auto;
}

.firstImage-custom {
   z-index: 1;
   position: relative;
}

.background-img {
   background-blend-mode: multiply;
   background-image: url('assets/images/VectorOnee.png');
   position: relative;
   /* bottom: 243px; */
   width: 100%;
}

.why-choose {
   color: #121B2C;
   font-size: 40px;
   /* margin-top: 310px; */
   text-align: center;
}

.section-heading {
   display: flex;
   justify-content: center;
}

/* .information-block {
   margin-top: 100px;
} */

.section-two {
   display: flex;
   flex-direction: row;
}

.thumbnails img {
   max-width: 460px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
}

.thumbnails1 {
   margin-top: 100px;
}

.thumbnail-img {
   z-index: 1111111111111;
   position: relative;
}

.title-text h2 {
   color: #00afd8;
   font-weight: 400;
   font-size: 1.93rem;
   line-height: 34px;
   transition: opacity 0.2s ease-out, background 0.2s ease-out;
}

.desc-text {
   color: #8A9AB5;
   font-size: 1.18rem;
   font-weight: 400;
   line-height: 28px;
   position: relative;
   margin-top: 14px;
}

.custom-head-style {
   color: #506690 !important;
   font-weight: 600 !important;
}

.custom-head-style:hover {
   color: #00afd8 !important;
}

.background-img-two {
   background-image: url(assets/images/Vectortwo.png);
   position: relative;
   /* bottom: 125px; */
   background-blend-mode: multiply;
   /* margin-top: -180px; */
}

/* .information-block-sevenn {
   margin-top: 140px;
} */

.thumbnail-img-two {
   margin-top: 84px;
}

/* .information-block-two {
   margin-top: 150px;
} */

.thumbnail-img-three {
   width: 563px;
   height: 369px;
   z-index: 1111111111111;
   position: relative;

}

.background-img-three {
   background-blend-mode: soft-light;
   /* background-image: url('assets/Rectangle\ 124.png'); */
   background-color: #F5FBF3;
   position: relative;
   /* bottom: 330px; */
}

/* .thumbnail-img-four {
   width: 100%;
   z-index: 1111111111111;
   position: relative;
} */

/* .information-block-four {
   margin-top: 300px;
}

.information-block-five {
   margin-top: 140px;
} */

.thumbnail-img-five {
   width: 594px;
   height: 411px;
   z-index: 1111111111111;
   position: relative;
   bottom: 300px;
}

.thumbnail-img-six {
   width: 585px;
   height: 370px;
   z-index: 1111111111111;
   position: relative;
   bottom: 180px;
}

.information-block-six {
   position: relative;
   /* margin-top: 140px; */
}

.img-overay-first {
   position: relative;
   z-index: 111111111111111111;
   margin-top: 66px;
}

/* .thumbnails-last{
    margin-top: -100px;
    margin-bottom: 190px;
} */
.thumbnail-img-six {
   width: 566px;
   height: 360px;
   z-index: 1111111111111;
   position: relative;
   bottom: 200px;
}

/* .information-block-seven {
   margin-top: 140px;
} */

.section-three {
   justify-content: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   /* top: 200px; */
   position: relative;
}

.title-text-seven {
   color: #121B2C;
   font-weight: 400;
   font-size: 30px;
   line-height: 36.31px;
   width: max-content;
}

.custom-img {
   margin-top: 140px;
}

.thumbnail-img-eight {
   width: 100%;
   z-index: 1111111111111;
   position: relative;
   bottom: 10px;
}

.title-text-eight {
   color: #121B2C;
   font-weight: 400;
   font-size: 1.93rem;
   line-height: 36px;
   text-align: center;
   margin-top: 10px;
}

/* 
.background-img-four {
   background-blend-mode: soft-light;
   background-image: url('assets/VectorFour.png');
   position: relative;
   height: 30% 
 margin-top: -600px;
background-repeat: no-repeat;
}
*/
.custom-styles {
   padding: 50px 60px 10px 30px;
}

/* 
.custom-info {
   display: flex;
   align-items: center;
   position: relative;
   z-index: 111111;
   padding-top: 50px;
} */

/* .information-block-one {
   margin-top: 66px;
} */

.dflex-center {
   display: flex;
   align-items: center;
}

.thumbnail-two-top {
   margin-top: 150px;
}

.footer-background {
   background-blend-mode: soft-light;
   background-image: url('assets/images/footerVector.png');
   position: relative;
   margin-top: -24px;
   background-repeat: no-repeat;
   background-size: cover;
}

.footer-logo {
   width: 36%;
   position: relative;
   margin-top: 100px;
   margin-bottom: 80px;
}

.menu-section {
   position: relative;
}

.disclaimer {
   position: relative;
   /* top: 140px; */
   color: #5D6065;
   font-weight: 400;
   font-size: 13px;
   line-height: 15.73px;
}

.dis-text {
   text-align: center;
   font-size: 14px;
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   margin-bottom: 9px
}

.wrapper-One-F {
   display: flex;
}

.title-footer {
   font-size: 14px;
   line-height: 16.94px;
   font-weight: 400;
   color: #72BF44;
   text-transform: capitalize;
}

.footer-ul {
   list-style: none;
   padding-left: 0px;
}

.footer-ul a {
   color: #6E92B5;
   list-style: none;
   text-decoration: none;
   padding-left: 0px;
   font-size: 17px;
   font-weight: 400;
   line-height: 20.57px;
}

.footer-ul a:hover {
   color: #a5b2bf;
}

.pl-50 {
   padding-left: 50px;
}

.logo-footer-top {
   display: flex;
   justify-content: center;
   text-align: center;
}

.footer-spacing-bottom {
   margin-bottom: 70px;
}

@media (max-width: 1024px) {
   .intro {
      font-size: 3rem;
   }
}
@media (max-width: 768px) {
   
   .intro {
      font-size: 2.5rem;
   }
   .footer-logo {
      width: 36%;
      position: relative;
      margin-top: 36px;
      padding-top: 2px;
   }
}

@media (max-width: 767px) {
   .footer-spacing-bottom {
      margin-top: -44px;
      margin-bottom: 0px;
   }
}

@media (max-width: 576px) {
   .intro {
      text-align: center;
      line-height: 38px;
      padding-top: 40px;
   }

   .title {
      text-align: center;
   }

   .description {
      text-align: center;
   }

   .title-text {
      text-align: center;
   }

   .desc-text {
      text-align: center;
          font-size: 1rem;
   }

   /* .information-block-five {
      margin-top: 80px;
   } */

   .custom-img {
      margin-top: 56px;
   }

   .information-block-six {
      position: relative;
      /* margin-top: 80px; */
   }

   .information-block-seven {
      /* margin-top: 80px; */
   }

   .thumbnail-two {
      margin-top: 56px;
   }

   .img-overay-first {
      position: relative;
      z-index: 111111111111111111;
      margin-top: 56px;
      background: #F4FBFE;
   }

   .thumbnail-two-top {
      margin-top: 56px;
   }

   .thumbnails1 {
      margin-top: 56px;
   }

   .pl-50 {
      /* padding-left: 10px; */
   }

   .wrapper-One-F {
      margin-top: 14px;
   }

   .dis-text {
      font-size: 10px;
   }

   .footer-ul a {
      font-size: 12px;
   }

   .title-footer {
      font-size: 12px;
   }

   .thumbnails img {
      max-width: 280px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
   }

   .why-choose {
      font-size: 24px;
   }

   .title-text h2 {
      font-size: 1.15rem;
      line-height: 28px;
   }
}

@media (max-width: 475px) {}

.sticky {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
   box-shadow: 0 0 20px 0 rgba(21, 47, 95, .2);
}


p.title {
   overflow: hidden;
}

p.title span.typed-text {
   color: #00afd8;
}

p.title span.cursor {
   display: inline-block;
   background-color: #ccc;
   margin-left: 0.1rem;
   width: 3px;
   animation: blink 1s infinite;
}

p.title span.cursor.typing {
   animation: none;
}

@keyframes blink {
   0% {
      background-color: #ccc;
   }

   49% {
      background-color: #ccc;
   }

   50% {
      background-color: transparent;
   }

   99% {
      background-color: transparent;
   }

   100% {
      background-color: #ccc;
   }
}