/*------------------- Global CSS -------------------*/

   @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

   * {
       padding: 0;
       margin: 0;
   }

   body {
       font-family: "Poppins", sans-serif !important;
       background: #FFF !important;
   }

   p,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       margin-bottom: 0px;
   }

   a {
       text-decoration: none;
   }

   .container {
       width: 100%;
       max-width: 100%;
       padding-left: 70px;
       padding-right: 70px;
   }

   .light-yellow {
       color: #ECF06F !important;
   }

   .dark-yellow {
       color: #A7A71E;
   }

   .fs-24 {
       font-size: 24px !important;
   }

   .border-top {
       border-top: 2px solid #E4E4E4;
   }

   .border-bottom {
       border-bottom: 2px solid #E4E4E4;
   }

   /*------------------- Home Page Styling -------------------*/
   .top-header {
       display: flex;
       align-items: center;
       height: 45px;
       background: #EEE;
   }

   .top-right {
       display: flex;
       align-items: center;
       column-gap: 30px;
       justify-content: end;
   }

   .top-location,
   .mobile-no,
   .top-mail {
       display: inline-flex;
       align-items: baseline;
       column-gap: 10px;
   }

   .top-location .content,
   .mobile-no .content,
   .top-mail .content {
       color: #9A9A9A;
       font-size: 14px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
   }

   .navigation-bar {
       background: #FFF;
       box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
   }

   .navigation-bar .navbar {
       padding: 9px 0px;
   }

   .navigation-bar .nav-link {
       color: #000;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   .navigation-bar .nav-item {
       margin-right: 20px;
   }

   .navigation-bar .navbar-nav .nav-link.active {
       color: #A7A71E;
       font-weight: 600;
   }

   .nav-btn {
       display: inline-flex;
       padding: 10px 20px;
       justify-content: center;
       align-items: center;
       gap: 10px;
       border-radius: 5px;
       width: 100%;
       max-width: 226px;
       color: #fff;
       font-size: 15px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
       letter-spacing: -0.25px;
       background-size: 40rem 40rem !important;
       animation: linear-reverse 3s ease-out infinite;
       background: repeating-linear-gradient(135deg, #136B8B, #136B8B 23%, #136B8Bdd 23%, #136B8Bdd 27%, #136B8B 27%, #136B8B 28%, #136B8Bdd 28%, #136B8Bdd 30%);
   }

   @keyframes linear-reverse {
       0% {
           background-position: 100% 0
       }

       100% {
           background-position: 0 0
       }
   }


   .dropdown-toggle::after {
       border: 0px;
       height: 7px;
       width: 13px;
       vertical-align: middle;
       background: url(../img/down-icon.webp);
       background-repeat: no-repeat;
   }

   .home-banner {
       background-image: url("../img/home-banner.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       height: 620px;
       padding: 100px 0px;
       position: relative;
   }

   .banner-caption .top-content {
       display: inline-block;
       color: #ECF06F;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       text-transform: uppercase;
   }

   .banner-caption h1 {
       color: #FFF;
       font-size: 48px;
       font-style: normal;
       font-weight: 700;
       line-height: 58px;
       margin-bottom: 8px;
   }

   .banner-caption p {
       color: #FFF;
       font-size: 18px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       margin-bottom: 18px;
   }

   .banner-rating {
       margin-bottom: 42px;
   }

   .main-content {
       position: relative;
       background-color: #fff;
       z-index: 1;
   }

   header {
       position: sticky;
       top: -45px;
       z-index: 1024;
   }

   .top-header.nav-down {
       top: -100px;
       /* Adjust this value based on your header's height */
       transition: top 0.3s ease-in-out;
       position: relative;
   }

   .top-header.nav-up {
       top: 0;
       transition: top 0.3s ease-in-out;
       position: relative;
   }


   .navigation-bar .dropdown-menu {
       border: 0;
       box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
   }

   .navigation-bar .dropdown-item {
       padding: 13px 20px;
       color: #000;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   .navigation-bar .dropdown-item:hover {
       background-color: #fff;
       color: #136B8B;
   }


   .nav-btn {
       position: relative;
   }

   .nav-btn::after {
       background-color: #136B8B;
       content: '';
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
       border-radius: 3px;
       animation-name: blink;
       animation-duration: 1.3s;
       animation-iteration-count: infinite;
       animation-direction: alternate-reverse;
       animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
       z-index: -1;
   }

   @keyframes blink {
       0% {
           transform: scale3d(1, 1, 1);
           opacity: 0.8;
       }

       100% {
           transform: scale3d(1.1, 1.3, 1.1);
           opacity: 0;
       }
   }

   /*------------------- Button Styling -------------------*/

   .custom-btn {
       position: relative;
       display: inline-block;
       padding: 11px 20px;
       border-radius: 5px;
       background: #136B8B;
       color: #FFF;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .text-blue {
       color: #136B8B !important;
   }


   /*------------------- Section Content Style  -------------------*/

   .sub-title {
       color: #136B8B;
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       text-transform: uppercase;
       margin-bottom: 20px;
       display: inline-block;
   }

   .title {
       color: #3C4D6B;
       font-size: 38px;
       font-style: normal;
       font-weight: 700;
       line-height: 48px;
   }

   .sub-desciption {
       color: #778191;
       font-size: 16px;
       font-style: italic;
       font-weight: 500;
       line-height: normal;
   }

   .description {
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   section {
       padding: 80px 0px;
   }

   /*------------------- Banner Right Social Icon  -------------------*/

   .banner-right-icon {
       position: absolute;
       right: 0;
       top: -16%;
       z-index: 99;
   }

   .ul-right {
       height: 48px;
       background-color: #fff;
       box-shadow: 0 0 10px 0 #a9a9a9;
       overflow: hidden;
       float: left;
       position: absolute;
       top: 23rem;
       right: 0px;
       z-index: 15;
       margin: 0;
       margin-top: 0px;
       padding: 0;
       list-style: none;
       width: 50px !important;
       border-radius: 20px 0 0 20px;
       transition: all 0.8s;
   }

   .ul-right:hover {
       width: 145px !important;
   }

   .ul-right li {
       width: auto;
       padding: 10px 6px;
       display: flex;
       position: relative;
       height: 48px;
       background-color: #fff;
       box-shadow: 0 0 10px 0 #a9a9a9;
   }

   .ul-right li:hover {
       color: #136B8B;
   }

   .ul-right li:hover a {
       color: #136B8B;
   }

   a .ul-right li {
       color: #136B8B;
       font-size: 15px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
       letter-spacing: -0.25px;
   }

   a .ul-right li .img-i {
       margin-left: 8px;
       width: 24px;
       height: 24px;
   }

   .over-text {
       margin-left: 45px;
       position: absolute;
       top: 11px;
   }

   /*------------------- Home About Section -------------------*/

   .home-about {
       background-image: url("../img/about-bg.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       padding: 140px 0px;
   }

   .about-img img {
       border-radius: 18px;
   }

   .about-experience {
       width: 206px;
       height: 206px;
       background-color: #fff;
       filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
       position: absolute;
       top: -40px;
       left: -35px;
   }

   .about-experience h2 {
       color: #3C4D6B;
       font-size: 76px;
       font-style: normal;
       font-weight: 700;
       line-height: 82px;
   }

   .about-experience p {
       color: #3C4D6B;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .about-caption .title {
       margin-bottom: 27px;
   }

   .about-caption .sub-desciption {
       margin-bottom: 23px;
       border-left: 4px solid #136B8B;
       padding-left: 21px;
   }

   .about-caption {

       margin-bottom: 34px;
   }

   .about-info {
       margin-right: 6.5rem;
   }

   .about-rating .content {
       color: #3C4D6B;
       font-size: 49px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
   }

   .about-rating {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       position: relative;
   }

   .about-rating::after {
       content: "";
       position: absolute;
       width: 2px;
       height: 46px;
       background: #E4E4E4;
       right: -25px;
       top: 20%;
   }

   .about-rating p {
       color: #3C4D6B;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }




   .about-info .custom-btn {
       margin-top: 32px;
   }

   /*------------------- Home Service Section -------------------*/

   .home-service,
   .about-service,
   .nfty-sec {
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       background-color: #EEF1F2;
       position: relative;
       z-index: 1;
   }

   .home-service::after,
   .about-service::after,
   .nfty-sec::after {
       content: "";
       position: absolute;
       background-image: url("../img/image-1.webp");
       width: 353px;
       height: 349px;
       top: 0px;
       right: 0;
   }

   .home-service::before,
   .about-service::before,
   .nfty-sec::before {
       content: "";
       position: absolute;
       background-image: url("../img/image-2.webp");
       width: 353px;
       height: 349px;
       bottom: -10px;
       left: 0px;
   }

   .service-card {
       border-radius: 20px;
       background: #FFF;
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       padding: 30px 25px;
       position: relative;
       z-index: 9;
       margin-bottom: 20px;
       transition: all 0.5s ease-in-out 0s;
       -webkit-transition: all 0.5s ease-in-out 0s;
   }

   .service-card::before {
       border-radius: 20px;
       background: linear-gradient(180deg, #136B8B 41.38%, #000 170.88%);
       transform: scale(0);
       content: "";
       display: block;
       height: 100%;
       left: 0;
       position: absolute;
       bottom: 0;
       width: 100%;
       z-index: -1;
       transition: all 0.5s ease-in-out 0s;
   }

   .service-card .card-icon {
       margin-bottom: 16px;
   }

   .service-card .card-title h2 {
       color: #3C4D6B;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       margin-bottom: 8px;
   }

   .service-card .card-desc p {
       color: #778191;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
       margin-bottom: 20px;
   }

   .service-card .card-btn a {
       border-radius: 5px;
       background: #136B8B;
       display: inline-flex;
       padding: 8px 19px;
       align-items: center;
       color: #FFF;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .service-card.active::before {
       transform: scale(1);
   }

   .service-card:hover::before {
       transform: scale(1);
   }

   .service-card:hover .card-icon svg path {
       fill: #ECF06F;
       transition: all 0.5s ease-in-out 0s;
   }

   .service-card:hover .card-title h2 {
       color: #fff;
       transition: all 0.5s ease-in-out 0s;
   }

   .service-card:hover .card-desc p {
       color: #fff;
       transition: all 0.5s ease-in-out 0s;
   }

   .service-card.active .card-title h2 {
       color: #fff;
   }

   .service-card.active .card-desc p {
       color: #fff;
   }

   .service-card.active .card-icon svg path {
       fill: #ECF06F;
   }

   /*------------------- Home CTA Section -------------------*/

   .cta-sec {
       background-image: url("../img/cta-image.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       padding: 115px 0px;
       position: relative;
       z-index: 1;
   }

   .cta-inner {
       border-radius: 20px;
       background: rgba(0, 0, 0, 0.30);
       backdrop-filter: blur(3px);
   }

   /*------------------- Home Why Chosse Section -------------------*/

   .why-choose {
       background-image: url("../img/why-chosse.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       position: relative;
       z-index: 1;
   }

   .why-chosse-card {
       border-radius: 20px;
       background: #FFF;
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       padding: 30px 25px;
       position: relative;
       z-index: 9;
       margin-bottom: 20px;
       transition: all 0.5s ease-in-out 0s;
       -webkit-transition: all 0.5s ease-in-out 0s;
   }

   .why-chosse-card .card-icon {
       border-radius: 10px;
       background: #136B8B;
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       width: 60px;
       height: 60px;
       display: inline-flex;
       justify-content: center;
       align-items: center;
       margin-bottom: 16px;
   }

   .why-chosse-card .why-chosse-card:hover .card-icon {
       background: #fff;
   }

   .why-chosse-card .card-title h2 {
       color: #3C4D6B;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       margin-bottom: 10px;
   }

   .why-chosse-card .card-desc p {
       color: #778191;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
   }

   .why-chosse-card:hover .card-icon {
       background: #fff;
   }

   .why-chosse-card:hover .card-icon svg path {
       fill: #136B8B;
   }

   .why-chosse-card:hover {
       border-radius: 20px;
       background: #136B8B;
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       transform: scale(1.05);
       z-index: 9;
       transition: all 0.5s ease-in-out 0s;
   }

   .why-chosse-card {
       padding: 22px 25px;
   }

   .why-chosse-card:hover .card-title h2 {
       transition: all 0.5s ease-in-out 0s;
       color: #FFF;
   }

   .why-chosse-card:hover .card-desc p {
       color: #FFF;
       transition: all 0.5s ease-in-out 0s;
   }

   .why-chosse-card.active {
       border-radius: 20px;
       background: #136B8B;
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       transform: scale(1.05);
   }

   .why-chosse-card.active .card-title h2 {
       transition: all 0.5s ease-in-out 0s;
       color: #FFF;
   }

   .why-chosse-card.active .card-desc p {
       color: #FFF;
       transition: all 0.5s ease-in-out 0s;
   }


   .why-chosse-card.active .card-icon {
       background: #fff;
   }

   .why-chosse-card.active .card-icon svg path {
       fill: #136B8B;
   }

   /*------------------- Home Counter Section -------------------*/

   .counter {
       background-image: url("../img/conuter.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       background-attachment: fixed;
       height: 216px;
       position: relative;
       z-index: 1;
   }

   .counter-item {
       position: relative;
   }

   .counter-item::after {
       content: "";
       position: absolute;
       width: 1px;
       height: 123px;
       background: #FFF;
       top: -38px;
       right: -106px;
   }

   .counter-item.last-item::after {
       display: none;
   }

   .counter-item h2 {
       color: #ECF06F;
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 24px;
       margin-bottom: 12px;
   }

   .counter-item p {
       color: #FFF;
       font-size: 18px;
       font-style: normal;
       font-weight: 500;
       line-height: 24px;
   }

   /*------------------- Home Our Product Section -------------------*/
   .our-product {
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       background-color: #EEF1F2;
       position: relative;
       padding: 80px 0px;
       z-index: 1;
   }

   .our-product::before {
       content: "";
       position: absolute;
       background-image: url("../img/image-2.webp");
       width: 353px;
       height: 349px;
       bottom: -10px;
       left: 0px;
   }

   .our-product::after {
       content: "";
       position: absolute;
       background-image: url("../img/image-1.webp");
       width: 353px;
       height: 349px;
       top: 95px;
       right: 0;
   }


   @-webkit-keyframes backInUp {
       0% {
           -webkit-transform: translateY(1200px) scale(.7);
           transform: translateY(1200px) scale(.7);
           opacity: .7;
       }

       80% {
           -webkit-transform: translateY(0) scale(.7);
           transform: translateY(0) scale(.7);
           opacity: .7;
       }

       100% {
           -webkit-transform: scale(1);
           transform: scale(1);
           opacity: 1;
       }
   }

   @keyframes backInUp {
       0% {
           -webkit-transform: translateY(1200px) scale(.7);
           transform: translateY(1200px) scale(.7);
           opacity: .7;
       }

       80% {
           -webkit-transform: translateY(0) scale(.7);
           transform: translateY(0) scale(.7);
           opacity: .7;
       }

       100% {
           -webkit-transform: scale(1);
           transform: scale(1);
           opacity: 1;
       }
   }

   .backInUp {
       -webkit-animation-name: backInUp;
       animation-name: backInUp;
       -webkit-animation-duration: 1.5s;
       animation-duration: 1.5s;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both;
   }

   @-webkit-keyframes backOutUp {
       0% {
           -webkit-transform: scale(1);
           transform: scale(1);
           opacity: 1;
       }

       20% {
           -webkit-transform: translateY(0) scale(.7);
           transform: translateY(0) scale(.7);
           opacity: .7;
       }

       100% {
           -webkit-transform: translateY(-700px) scale(.7);
           transform: translateY(-700px) scale(.7);
           opacity: 0;
           /* Ensures it's completely invisible */
       }
   }

   @keyframes backOutUp {
       0% {
           -webkit-transform: scale(1);
           transform: scale(1);
           opacity: 1;
       }

       20% {
           -webkit-transform: translateY(0) scale(.7);
           transform: translateY(0) scale(.7);
           opacity: .7;
       }

       100% {
           -webkit-transform: translateY(-700px) scale(.7);
           transform: translateY(-700px) scale(.7);
           opacity: 0;
           /* Ensures it's completely invisible */
       }
   }

   .backOutUp {
       -webkit-animation-name: backOutUp;
       animation-name: backOutUp;
       -webkit-animation-duration: 1.5s;
       animation-duration: 1.5s;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both;
   }

   .slider-img {
       width: 440px;
       height: 478px;
       right: -12.5rem;
       position: relative;
       bottom: 0rem;
   }

   .mobile-base {
       position: absolute;
       bottom: 0rem;
       top: auto;
       right: 14rem;
   }

   .title-wapper h3 {
       color: #3C4D6B;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
   }

   .slider-content p {
       color: #778191;
       font-size: 14px;
       font-style: normal;
       font-weight: 500;
       line-height: 20px;
   }

   .title-wapper {
       margin-bottom: 10px;
   }

   .product-slider {
       position: relative;
   }

   .content-wapper {
       position: absolute;
       content: "";
       width: 247px;
       height: 154px;
       border-radius: 20px;
       background: #FFF;
       box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
       right: 35.7rem;
       bottom: 6.6rem;
       padding: 18px;
       z-index: 9;
   }

   .owl-theme .owl-nav {
       position: relative;
       bottom: 1rem;
       left: 5rem;
       z-index: 9;
   }

   .owl-theme .owl-nav [class*=owl-]:hover {
       background: transparent !important;
   }

   /*------------------- Home Our Product Slider Section -------------------*/

   .company-stock {
       background: #136B8B;
       position: relative;
       z-index: 1;
   }

   .stock-item {
       border-radius: 20px;
       background: #FFF;
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       padding: 10px 17px 28px 17px;
   }

   .stock-content {
       display: flex;
       align-items: center;
       justify-content: space-between;
       border-top: 1px solid #E4E4E4;
       padding-top: 10px;
   }

   .stock-icon {
       padding-bottom: 18px;
   }

   .stock-content h2 {
       color: #136B8B;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
       margin-bottom: 13px;
   }

   .stock-content p {
       color: #778191;
       font-size: 12px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
       margin-bottom: 4px;
   }

   .text-green {
       color: #008839;
   }

   .gain-info {
       color: #008839 !important;
       position: relative;
   }

   .gain-info::before {
       background-image: url("../img/gain-icon.webp");
       content: "";
       position: absolute;
       top: 6.8px;
       left: 14px;
       width: 12px;
       height: 6px;
   }

   .slider-rightToleft {
       margin-top: 50px;
       margin-bottom: 25px;
   }

   .slider-leftToright {
       margin-bottom: 44px;
   }

   .slider-leftToright .stock-content {
       flex-direction: row-reverse;
   }

   .slider-leftToright .left-content {
       text-align: end;
   }

   @keyframes scroll {
       0% {
           transform: translateX(0);
       }

       100% {
           transform: translateX(-100%);
       }
   }

   @keyframes scroll-two {
       0% {
           transform: translateX(-100%);
       }

       100% {
           transform: translateX(0);
       }
   }

   /*------------------- Home Tetimolial Section -------------------*/

   .testimonial {
       background: #FFFDFC;
       position: relative;
       z-index: 1;
   }

   .testimonial-img img {
       border-radius: 20px;
   }

   .testimonial .review-box-inner {
       display: inline-block;
       width: 227px;
       height: 244px;
       border-radius: 10px;
       background: #FFF;
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
       text-align: center;
   }

   .testimonial .review-box-inner h2 {
       color: #136B8B;
       font-size: 49px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
       margin-bottom: 12px;
   }

   .testimonial .review-box-inner p {
       color: #3C4D6B;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       margin-bottom: 12px;
   }

   .testimonial .review-box-inner span {
       display: inline-block;
       border-radius: 5px;
       background: #D0E1E8;
       padding: 4px 10px;
   }

   .testimonial .review-box-inner::after {
       content: "";
       position: absolute;
       border-radius: 0px 0px 10px 10px;
       background: #136B8B;
       width: 227px;
       height: 40px;
       bottom: 0px;
       left: 0;
   }

   .testimonial .review-box {
       position: absolute;
       top: 28%;
       right: 30px;
   }

   .testimonial .slider-inner p {
       color: #778191;
       font-size: 20px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   .testimonial .slider-inner {
       margin-right: 7rem;
   }

   .testimonial .slider-user .content h3 {
       color: #136B8B;
       font-size: 20px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .slider-user .content p {
       color: #778191;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .slider-user {
       display: flex;
       align-items: center;
       column-gap: 15px;
       margin-top: 32px;
   }

   .testimonial .owl-theme .owl-dots .owl-dot.active span,
   .testimonial .owl-theme .owl-dots .owl-dot:hover span {
       background: #136B8B !important;
   }

   .testimonial-inner {
       margin-top: 40px;
   }

   .testimonial .owl-theme .owl-nav.disabled+.owl-dots {
       margin-top: 36px;
   }

   /*------------------- Home FAQ Section -------------------*/
   .home-faq {
       background: #FFFDFC;
       position: relative;
       z-index: 1;
   }

   .home-faq .accordion-item {
       margin-bottom: 14px;
       border: 0;
   }

   .home-faq .accordion-button {
       border-radius: 10px !important;
       background: #F5F7F8 !important;
       border: 0;
       color: #778191 !important;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;
       line-height: 22px;
   }

   .home-faq .accordion-body {
       background: #F5F7F8 !important;
       border-radius: 0px 0px 10px 10px !important;
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
       padding: 23px 33px 19px 24px;
   }

   .home-faq .accordion-item:first-of-type>.accordion-header .accordion-button {
       border-radius: 10px 10px 0px 0px !important;

   }

   .home-faq .accordion-button:not(.collapsed) {
       box-shadow: none;
       background: #136B8B !important;
       border-radius: 10px 10px 0px 0px !important;
       color: #fff !important;
   }

   .home-faq .accordion-button:not(.collapsed)::after {
       background-image: url("../img/minus.webp");
       width: 24px;
       height: 5px;
   }

   .home-faq .accordion-button::after {
       background-image: url("../img/pluse.webp");
   }

   .home-faq .accordion-button:focus {
       box-shadow: unset;
   }

   .faq-wapper {
       margin-top: 52px;
   }

   /*------------------- Home CTA Section -------------------*/

   .home-secCta {
       background: #FFFDFC;
       position: relative;
       z-index: 1;
   }

   .secCta-bg {
       background-image: url("../img/secound-ctabg.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       min-height: 501px;
       height: 100%;
       border-radius: 20px;
       display: flex;
       align-items: center;
   }

   .secCta-inner {
       text-align: center;
       padding: 0px 15px;
   }

   /*------------------- Home Footer Section -------------------*/

   .footer-bg {
       background: #09475E;
       position: sticky;
       bottom: 0;
       top: 0;
       z-index: 0;

   }

   .footer-top {
       padding-top: 55px;
       padding-bottom: 90px;
   }

   .social-link {
       width: 34px;
       height: 34px;
       background-color: #ECF06F;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       border-radius: 7px;
       transition: all 0.5s ease-in-out 0s;
   }

   .social-link i {
       color: #09475E;
       font-weight: 700;
   }

   .social-link:hover {
       background-color: #fff;
   }

   .social-link svg {
       width: 16px;
       height: 32px;
   }

   .footer-bg p {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
       position: relative;
   }

   .newsleatter h2 {
       color: #ECF06F;
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
       margin-bottom: 12px;
   }

   .newsleatter p {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
       margin-bottom: 20px;
   }

   .footer-nav .nav-title {
       color: #ECF06F;
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
       margin-bottom: 8px;
   }

   .footer-nav .nav-link {
       color: #FFF;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 34px;
       letter-spacing: 0.2px;
   }

   .newsleatter-form .form-control {
       height: 39px;
       border-radius: 5px;
       background: #FFF;
   }

   .newsleatter {
       width: 100%;
       max-width: 275px;
   }

   .newsleatter-form button {
       border-radius: 5px;
       background: #ECF06F;
       color: #09475E;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
       width: 100%;
       border: none;
   }

   .newsleatter-form button:hover {
       background: #ECF06F;
       color: #09475E !important;
   }

   .newsleatter-form .form-control:focus {
       box-shadow: none;
   }

   .footer-copyRight {
       border-top: 1px solid #ECF06F;
       padding: 24px 0px;
   }

   .footer-copyRight .footer-btmRight {
       display: flex;
       align-items: center;
       gap: 30px;
       justify-content: end;
   }

   .footer-copyRight .footer-btmRight p::after {
       position: absolute;
       content: "";
       width: 1px;
       height: 12px;
       top: 7px;
       right: -16px;
       background: rgba(255, 255, 255, 0.50);
   }

   .footer-copyRight .footer-btmRight p:last-child::after {
       display: none;
   }

   .newsleatter-form .btn:first-child:active,
   :not(.btn-check)+.btn:active {
       background: #ECF06F;
       color: #09475E;
       border: none !important;
   }

   #tab-view {
       display: none !important;
   }

   /*------------------- Home Page Banner Section -------------------*/
   .page-banner {
       height: 440px;
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
       display: flex;
       align-items: center;
   }

   /*------------------- About page About us section -------------------*/

   .about-list li {
       position: relative;
       margin-left: 32px;
       margin-bottom: 15px;
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   .about-list li::after {
       content: "";
       position: absolute;
       background-image: url("../img//check-circle.webp");
       height: 18px;
       width: 18px;
       top: 3.5px;
       background-repeat: no-repeat;
       left: -32px;
   }


   .nav-pills .nav-link {
       position: relative;
       padding: 12px 50px;
       color: #fff;
       font-size: 18px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;

   }

   .nav-pills .nav-link::after {
       position: absolute;
       content: "";
       background-image: url("../img/mission-icon.webp");
       background-repeat: no-repeat;
       width: 19px;
       height: 19px;
       left: 24px;
       top: 14px;
   }

   .mission-wapper {
       border-radius: 10px;
       background: #1A4862;
       padding: 12px 33px 32px 33px;
   }

   .mission-wapper .nav-pills .nav-link.active {
       background: transparent;
       border-bottom: 2px solid #ECF06F;
       border-radius: 0;
   }

   .nav-pills {
       justify-content: space-between;
   }

   .tab-content {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }

   .about-tag {
       width: 275px;
       height: 80px;
       border-radius: 10px;
       background: #E1E9ED;
       display: flex;
       align-items: center;
       column-gap: 13px;
       padding: 33px 17px;
       position: absolute;
       bottom: 96px;
       right: 19px;
   }

   .about-tag h3 {
       color: #1A4862;
       font-size: 26px;
       font-style: normal;
       font-weight: 500;
       line-height: 24px;
   }

   .btm-img {
       position: absolute;
       bottom: 11px;
       left: -46px;

   }

   .about-us .about-caption .title {
       margin-bottom: 16px;
       margin-right: 4rem;
   }

   .about-us .about-caption {
       margin-bottom: 22px;
   }

   .about-us .sub-title {
       margin-bottom: 8px;
   }

   .about-us .about-list {
       margin-bottom: 25px;
   }

   .tab-pane {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }

   /*------------------- About page sevice section -------------------*/

   .about-service .card-desc p {
       color: #3C4D6B;
       text-align: center;
       font-size: 18px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
   }

   .about-service .service-card {
       padding: 30px 30px;
   }

   .about-service .card-title h2 {
       color: #3C4D6B;
       text-align: center;
       font-size: 28px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
   }


   .about-service .card-icon {
       text-align: center;
       height: 70px;
   }


   .about-service .service-card:hover .card-icon img {
       filter: brightness(0) invert(1);
   }

   .about-service .service-card.active .card-icon img {
       filter: brightness(0) invert(1);
   }

   /*------------------- About page nfty section -------------------*/

   .nfty-content {
       text-align: center;
       position: relative;
       z-index: 9;
   }

   .nfty-info h5 {
       color: #3C4D6B;
       text-align: center;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;
       line-height: 48px;
       letter-spacing: 0.36px;
   }


   .nfty-info p {
       color: #3C4D6B;
       text-align: center;
       font-size: 38px;
       font-style: normal;
       font-weight: 500;
       line-height: 48px;
       letter-spacing: 0.57px;
       margin-bottom: 28px;
   }

   .nfty-info span {
       color: #A7A71E;
       font-size: 24px;
       font-style: normal;
       font-weight: 500;
       line-height: 48px;
       letter-spacing: 0.36px;
   }

   .nfty-info .nfty-icon {
       margin-bottom: 21px;
   }

   .custom-btn {
       text-align: center;
   }

   .nfty-sec {
       padding-top: 40px;
   }

   /*------------------- Sevice page Banner section -------------------*/

   .service-banner {
       background-image: url("../img/service-banner.webp");
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;

   }

   .service-banner .banner-caption h1 {
       color: #3C4D6B;
       font-size: 48px;
       font-style: normal;
       font-weight: 700;
       line-height: 58px;
   }

   .service-banner .banner-caption p {
       color: #778191;
       font-size: 18px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
   }

   .banner-item .icon {
       display: flex;
       width: 48px;
       height: 48px;
       padding: 8px;
       justify-content: center;
       align-items: center;
       border-radius: 5px;
       background: #136B8B;
   }

   .banner-item .icon img {
       min-width: 32px;
       min-height: 32px;
   }

   .banner-item {
       display: inline-flex;
       column-gap: 14px;
       position: relative;
   }

   .banner-item::before {
       position: absolute;
       content: "";
       width: 0.8px;
       height: 42px;
       border-radius: 2px;
       background: #136B8B;
       /* background: #fff; */
       top: 3px;
       right: -39px;
   }

   .banner-item .content h2 {
       color: #136B8B;
       font-size: 22px;
       font-style: normal;
       font-weight: 700;
       line-height: 28px;
   }

   .banner-item .content p {
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
       margin-bottom: 28px;
   }

   .banner-info {
       display: flex;
       align-items: center;
       gap: 65px;
       margin-bottom: 45px;
   }

   .banner-item:last-child:before {
       display: none;
   }

   .banner-form {
       border-radius: 10px;
       background: #FFF;
       box-shadow: 0px 0px 16px 0px rgba(148, 148, 148, 0.25);
       height: 407px;
       padding: 36px 20px;
   }

   .banner-form .form-title h2 {
       color: #231F20;
       font-size: 22px;
       font-style: normal;
       font-weight: 700;
       line-height: 33px;
       margin-bottom: 16px;
   }

   .service-banner .form-control {
       height: 50px;
       border-radius: 4px;
       border: 1px solid #CACED1;
       background: #FFF;
       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
       margin-bottom: 16px;
   }

   .service-banner .form-control {
       color: #606162;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }


   .whatsapp-content p {
       color: #606162;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
       padding: 16px 0px;
       display: inline-flex;
       align-items: center;
       gap: 5px;
   }

   .country-code {
       display: flex;
       align-items: center;
       column-gap: 11px;
       border-right: 2px solid #D9D9D9;
       padding-right: 11px;
   }

   .country-code p {
       color: #606162;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }

   .checkbox-wrapper {
       display: flex;
   }

   .input-group .form-control {
       border-left: none !important;
   }

   .service-content .input-group-text {
       background-color: #fff;
   }

   .service-banner .input-group-text {
       background-color: #fff;
       border: 1px solid #CACED1;
   }

   .form-control:focus {
       box-shadow: unset;
       border-color: #CACED1;
   }

   .checkbox-wrapper input[type=checkbox] {
       height: 0;
       width: 0;
       visibility: hidden;
   }

   .checkbox-wrapper label {
       cursor: pointer;
       width: 32px;
       height: 16px;
       background: grey;
       display: block;
       border-radius: 100px;
       position: relative;
   }

   .checkbox-wrapper label:after {
       content: '';
       position: absolute;
       top: 6%;
       left: 2.5%;
       width: calc(50% - 5%);
       height: calc(100% - 11%);
       background: #fff;
       border-radius: 90px;
       transition: 0.3s;
   }

   .checkbox-wrapper input:checked+label {
       background: #00C853;
   }

   .checkbox-wrapper input:checked+label:after {
       left: calc(100% - 2.5%);
       transform: translateX(-100%);
   }

   .checkbox-wrapper label:active:after {
       width: 55%;
   }

   /*------------------- Sevice page process section -------------------*/

   .content h3 {
       color: #3C4D6B;
       text-align: center;
       font-size: 20px;
       font-style: normal;
       font-weight: 700;
       line-height: 28px;
       margin: 16px 0px 8px 0px;
   }

   .content p {
       color: #565872;
       text-align: center;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
       letter-spacing: 0.24px;
   }


   .our-process .icon {
       display: inline-flex;
       width: 60px;
       height: 60px;
       padding: 12px;
       justify-content: center;
       align-items: center;
       border-radius: 12px;
       border: 1px solid #136B8B;
       background: #F9FAFF;
   }

   /*------------------- Sevice page Signup Form with screen slider section -------------------*/


   .screen-inner-slider {
       border-radius: 20px;
       background: #EEF1F2;
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
       padding: 0px 80px;
   }

   .signup-form {
       background-color: #FFF;
       filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
       padding: 65px 60px 40px 60px;
       border-radius: 10px;
       transform: rotate(2.393deg);
       width: 97%;
       height: 96%;
       margin-left: -8px;
   }

   .form-title h2 {
       color: #3C4D6B;
       font-size: 28px;
       font-style: normal;
       font-weight: 700;
       line-height: 38px;
       margin-bottom: 18px;
   }

   .signup-form .form-control {
       border: none;
       height: 54px;
       border-radius: 27px;
   }

   .signup-form .input-group {
       border-radius: 27px;
       border: 1px solid #000;
       background: #FFF;
   }

   .signup-form .input-group-text {
       border-radius: 27px;
       background: #F9F9F9;
       padding: 8px;
       width: 50px;
       height: 34px;
       margin: 10px;
       color: #136B8B;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
       border: none;
       justify-content: center;
   }


   .signup-form .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
       border-top-right-radius: 27px;
       border-bottom-right-radius: 27px;
   }

   .signup-form button {
       border-radius: 27px;
       background: #136B8B;
       color: #FFF;
       font-family: Poppins;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
       height: 54px;
       padding: 0px 22px;
   }

   .signup-form hr {
       border-width: 2px;
       opacity: 1;
   }


   .reviewsec-item h2 {
       color: #136B8B;
       font-size: 18px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
   }

   .reviewsec-item p {
       color: #3C4D6B;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   .reviewsec-item {
       display: inline-block;
   }

   .signup-reviewsec {
       display: flex;
       column-gap: 38px;
       margin-top: 38px;
   }

   .signup-reviewsec .vr {
       display: inline-block;
       align-self: center;
       width: 2px;
       height: 37px;
       background-color: #E4E4E4;
       opacity: 1;
   }

   .signup-outer {
       border-radius: 20px;
       background: #136B8B;
       transform: rotate(-2.393deg);
       width: 100%;
       height: 429px;
       margin: 45px 0px 0px 0px;
   }

   .carousel-img img {
       width: auto !important;
   }

   .carousel-img {
       display: flex;
       justify-content: center;
       margin-top: 35px;
   }


   .screen-slider-wapper .owl-theme .owl-nav.disabled+.owl-dots {
       position: absolute;
       right: 0;
       bottom: 10px;
   }

   .screen-slider-wapper .owl-theme .owl-dots .owl-dot.active span,
   .screen-slider-wapper .owl-theme .owl-dots .owl-dot:hover span {
       background: #136B8B;
   }

   .inner-content .title {
       position: relative;
       margin-bottom: 32px;
   }

   .inner-content .title::after {
       position: absolute;
       content: "";
       width: 108px;
       height: 4px;
       background-color: #A7A71E;
       left: 0;
       bottom: -10px;
   }

   .inner-content {
       border-radius: 20px;
       background: #FFF;
       box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
       padding: 26px 36px 26px 24px;

   }

   /*------------------- Sevice page content  section -------------------*/

   .service-content .form-control {
       color: #606162;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }

   .service-content .form-control {
       height: 50px;
       border-radius: 4px;
       border: 1px solid #CACED1;
       background: #FFF;
       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
       margin-bottom: 16px;
   }

   .feature-sec .sub-title {
       color: #3C4D6B;
       font-size: 23px;
       font-style: normal;
       font-weight: 700;
       line-height: 46px;
       text-transform: capitalize;
   }

   .content-list li {
       color: #303030;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
       position: relative;
       padding-bottom: 13px;
       padding-top: 8px;
       border-bottom: 1px dashed rgba(48, 48, 48, 0.50);
       margin-left: 32px;
   }

   .content-list li::before {
       position: absolute;
       content: "";
       background-image: url("../img/trick.webp");
       top: 10px;
       left: -32px;
       width: 20px;
       height: 20px;
   }

   .service-content .banner-form {
       width: 85%;
       position: sticky;
       top: 90px;
   }

   .feature-sec {
       border-bottom: 1px solid rgba(48, 48, 48, 0.30);
       padding-bottom: 24px;
   }

   .tools-list h3 {
       color: #3C4D6B;
       font-size: 20px;
       font-style: normal;
       font-weight: 700;
       line-height: 32px;
       position: relative;
   }

   .tools-list h3::before {
       position: absolute;
       content: "";
       background-image: url("../img/trick.webp");
       top: 5px;
       left: -32px;
       width: 20px;
       height: 20px;
   }

   .list-item {
       margin-left: 32px;
       margin-bottom: 22px;
   }

   .service-cta {
       background-image: url("../img/cta-bg.webp");
       background-position: center;
       background-size: cover;
       border-radius: 8px;
       position: relative;
   }

   .cta-img img {
       margin-top: -21px;
       min-width: 311px;
       z-index: 99;
       position: relative;
       margin-left: 17px;
   }

   .service-cta::before {
       content: "";
       position: absolute;
       background-image: url(../img/cta-1.webp);
       width: 204px;
       height: 148px;
       bottom: 0px;
       left: 0px;
       z-index: 9;
   }

   .service-cta::after {
       content: "";
       position: absolute;
       background-image: url(../img/cta-2.webp);
       width: 204px;
       height: 148px;
       top: 0px;
       right: 0;
       z-index: 9;
   }

   .cta-content h2 {
       color: #FFF;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;
       line-height: 32px;
       margin-bottom: 8px;
   }

   .cta-content .custom-btn {
       color: #136B8B;
       margin-top: 26px;
   }

   .cta-content {
       margin-left: 30px;
       padding: 30px 0px;
       z-index: 99;
       position: relative;
   }

   .divider {
       color: rgba(48, 48, 48, 0.30);
       margin: 50px 0px;
   }

   .service-benifit {
       counter-reset: section;
   }

   .service-benifit .tools-list h3::before {
       position: absolute;
       content: counter(section);
       counter-increment: section;
       background-image: url(../img/circle.webp);
       top: 5px;
       left: -32px;
       width: 20px;
       height: 20px;
       color: #A7A71E;
       text-align: center;
       font-size: 9px;
       font-style: normal;
       font-weight: 600;
       line-height: 22px;
   }

   .service-document ul {
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 32px;
       margin-top: 17px;
   }

   .service-process img {
       margin-top: 42px;
   }

   .timeline-step {
       counter-reset: section;
   }

   .timeline-step .tools-list h3::before {
       position: absolute;
       content: counter(section);
       counter-increment: section;
       background-image: url(../img/circle.webp);
       top: 5px;
       left: -32px;
       width: 20px;
       height: 20px;
       color: #A7A71E;
       text-align: center;
       font-size: 9px;
       font-style: normal;
       font-weight: 600;
       line-height: 22px;
   }

   .timeline-step .list-item {
       position: relative;
   }

   .timeline-step .list-item::before {
       content: "";
       position: absolute;
       border-color: #D1D5DB;
       border-width: 1px;
       height: 50px;
       border-style: dashed;
       top: 29px;
       left: -23px;
   }

   .timeline-step .list-item:last-child:before {
       display: none;
   }

   .whyChoose-list {
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 32px;
   }

   .search-input {
       position: relative;
   }

   .search-input button {
       border: 0;
       position: absolute;
       top: 0%;
       right: 0px;
       padding: 20px;
       border-radius: 5px;
       background: #136B8B;
   }


   .search-input .form-control {
       border-radius: 5px;
       border: 1px solid #136B8B;
       background: #FFF;
       box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
       height: 64px;
   }

   /*------------------- Blog page Header section -------------------*/

   .blog-title h3 {
       color: #3C4D6B;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;
       line-height: 46px;
       position: relative;
   }

   .blog-title h3::before {
       position: absolute;
       content: "";
       width: 108px;
       height: 4px;
       background-color: #A7A71E;
       left: 0;
       bottom: -23px;
   }

   .blog-inner {
       margin-top: 60px;
   }

   .blog-fitter {
       display: inline-flex;
       padding: 10px 20px;
       align-items: center;
       gap: 15px;
       border-radius: 23px;
       border: 1px solid #136B8B;
       background: #FFF;
   }

   .blog-fitter p {
       color: #136B8B;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .blog-inner {
       padding-bottom: 21px;
       border-bottom: 1px solid #DFDFC1;
   }

   .blog-info span {
       color: rgba(48, 48, 48, 0.70);
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
       letter-spacing: 0.21px;
   }

   .blog-caption h2 {
       color: #3C4D6B;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       margin-top: 19px;
       margin-bottom: 14px;
   }

   .grid-card {
       display: flex;
       align-items: center;
       column-gap: 12px;
       margin-bottom: 22px;
   }

   .blog-card .blog-img {
       width: 95%;
   }

   .card-inner {
       margin-right: 54px;
       margin-left: 14px;
   }


   .blog-content h2 {
       margin-top: 8px;
   }

   .grid-card .grid-img {
       border-radius: 20px;
   }

   .prev-btn,
   .next-btn {
       display: flex;
       width: 143px;
       height: 44px;
       padding: 10px 20px;
       align-items: center;
       gap: 10px;
       border-radius: 22px;
       border: 1px solid #0060B4;
       background: #FFF;
       cursor: pointer;
   }

   .prev-btn span {
       color: #0060B4;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .prev-btn i {
       color: #0060B4;
       font-weight: 600;
   }

   .next-btn {
       background: #0060B4;
       color: #fff;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: normal;
   }

   .next-btn i {
       color: #fff;
       font-weight: 600;
   }

   .blog-cta .blog-cta-content h3 {
       color: #FFF;
       font-size: 24px;
       font-style: normal;
       font-weight: 500;
       line-height: 32px;
       margin-bottom: 8px;
   }

   .blog-cta {
       background-image: url("../img/blog-cta-banner.webp");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       height: 231px;
       border-radius: 10px;
   }

   .blog-cta-content {
       padding: 30px 33px;
   }

   .blog-cta-content .custom-btn {
       margin-top: 30px;
   }

   .blog-cta {
       margin-top: 65px;
   }

   .page-prev,
   .page-next {
       border-radius: 5px;
       border: 1px solid #0060B4;
       background: #FFF;
       padding: 8px 18px;
       height: 40px;
       margin: 0px 20px;
       cursor: pointer;
   }

   .page-prev span,
   .page-next span {
       color: rgba(0, 96, 180, 0.50);
       font-size: 17px;
       font-style: normal;
       font-weight: 600;
       line-height: 20px;
   }

   .page-prev i {
       color: rgba(0, 96, 180, 0.50);
   }

   .page-next i {
       color: #0060B4;
   }

   .page-next span {
       color: #0060B4;
   }

   .page-no {
       width: 40px;
       height: 40px;
       border-radius: 5px;
       border: 1px solid #0060B4;
       background: #FFF;
       display: flex;
       align-items: center;
       justify-content: center;

   }

   .page-no span {
       color: rgba(0, 96, 180, 0.50);
       font-size: 17px;
       font-style: normal;
       font-weight: 700;
       line-height: 20px;
   }

   .pagination {
       justify-content: center;
       margin-top: 24px;
   }

   .page-no.active {
       border-radius: 5px;
       border: 1px solid #0060B4;
       background: #0060B4;
   }

   .page-no.active span {
       color: #fff;
   }

   .blog-detail .banner-caption p {
       color: #FFF;
       font-size: 14px;
       font-style: normal;
       font-weight: 500;
       line-height: 24px;
       letter-spacing: 0.21px;
       display: flex;
       gap: 16px;
       margin-bottom: 22px;
   }

   .blog-detail .vr {
       width: 1px;
       height: 10px;
       align-self: center;
   }

   .blog-author .content h4 {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;
       line-height: 24px;
       letter-spacing: 0.24px;
   }

   .blog-author .content p {
       color: #FFF;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
       letter-spacing: 0.21px;
   }

   .blog-author {
       display: flex;
       align-items: center;
       gap: 18px;
   }

   .table-title h3 {
       color: #3C4D6B;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
       letter-spacing: 0.36px;
   }

   .table-index {
       position: relative;
       margin-top: 35px;
   }

   .table-index::after {
       position: absolute;
       border-width: 1px;
       border-style: solid;
       border-color: #DFDFC1;
       content: "";
       top: -9px;
       height: 104%;
       left: 2px;
   }

   .table-index li a {
       color: rgba(48, 48, 48, 0.70);
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
       line-height: 30px;
       letter-spacing: 0.24px;
   }

   .table-index li {
       margin-bottom: 19px;
       margin-left: 20px;
   }

   .table-index li a.active {
       color: #303030;
       position: relative;
   }

   .table-index li a.active::after {
       content: " ";
       position: absolute;
       top: 0;
       background: #A7A71E;
       width: 3px;
       height: 23px;
       left: -19px;
       z-index: 99;
   }

   .table-content-detail {
       border-radius: 10px;
       background: #FFF;
       box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
       /* height: 800px; */
       padding: 50px 55px;
   }

   .table-content-detail .title {
       position: relative;
   }

   .table-content-detail .title::after {
       position: absolute;
       content: "";
       width: 108px;
       height: 4px;
       background-color: #A7A71E;
       bottom: -12px;
       left: 0;
   }

   .blog-detail-cta {
       border-radius: 0px 10px 10px 0px;
       background: #EFFBFF;
       display: flex;
       align-items: center;
       gap: 22px;
       padding: 16px 30px 23px 22px;
       position: relative;
       margin-top: 30px;
   }

   .blog-detail-cta .content p {
       color: #778191;
       font-size: 16px;
       font-style: italic;
       font-weight: 600;
       line-height: 24px;
       text-align: start;
   }

   .blog-detail-cta::before {
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       border-radius: 10px 0px 0px 10px;
       background: #136B8B;
       box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
       width: 8px;
       height: 111px;
   }

   .blog-social-info {
       display: inline-flex;
       gap: 15px;
       padding: 16px 39px 16px 16px;
       border-radius: 5px;
       background: #136B8B;
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
       width: 180px;
       margin-right: 12px;

   }

   .blog-social {
       margin-top: 32px;
   }

   .blog-social-info .content p {
       font-weight: 600;
       color: #fff;
   }

   .blog-social-info .icon i {
       font-size: 21px;
       color: #fff;
   }

   .blog-detail-seccta {
       border-radius: 10px;
       background: #136B8B;
       display: flex;
       align-items: center;
       gap: 22px;
       padding: 16px 30px 23px 22px;
       margin-top: 30px;
   }

   .blog-detail-seccta p {
       color: #FFF;
       font-size: 20px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
       text-align: start;
   }

   .blog-detail-seccta .custom-btn {
       color: #136B8B;
   }

   .table-title .arrow {
       cursor: pointer;
   }

   .rotated {
       transform: rotate(180deg);
       transition: transform 0.5s ease;
   }

   .table-content {
       position: sticky;
       top: 95px;
   }

   .investment {
       border-radius: 10px;
       background: #EFF9FF;
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
       width: 100%;
       position: relative;
       padding: 30px 23px;
       text-align: center;
       margin-top: 32px;
   }

   .investment::after {
       position: absolute;
       content: "";
       background-image: url("../img/investment-bg.webp");
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       opacity: 0.6;
       top: 22px;
       width: 280px;
       height: 77px;
       left: 11px;
   }

   .investment h2 {
       color: #3C4D6B;
       font-size: 32px;
       font-style: normal;
       font-weight: 800;
       line-height: normal;
       letter-spacing: 0.48px;
   }

   .investment p {
       color: #778191;
       text-align: center;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
       margin-top: 10px;
       margin-bottom: 22px;
   }

   .form-caption {
       border-bottom: 2px solid #E4E4E4;
       padding-bottom: 40px;
   }

   .contactForm {
       margin-top: 26px;
   }

   .contactForm label {
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;
       line-height: 24px;
       margin-top: 16px;
   }

   .contactForm .form-label {
       margin-bottom: 0;
   }

   .contactForm .form-control {
       border-radius: 5px;
       background: #F2F2F2;
       height: 46px;
   }

   .contactForm .form-select {
       border-radius: 5px;
       background-color: #F2F2F2;
       height: 46px;
       color: #778191;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }

   .contactForm .form-control#message {
       height: 86px;
   }

   .contactForm input,
   .contactForm textarea {
       color: rgba(119, 129, 145, 0.50);
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
   }

   .contactForm .form-select:focus {
       box-shadow: none;
       border-color: transparent;
   }

   .contactForm .custom-btn {
       border: none;
       padding: 10px 20px;
   }

   .getIn-caption {
       padding-bottom: 31px;
       border-bottom: 1px solid rgba(255, 255, 255, 0.50);
   }

   .getIn-caption span {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
       line-height: 24px;
       text-transform: capitalize;
       margin-bottom: 8px;
       display: block;
   }

   .getIn-caption h2 {
       color: #FFF;
       font-size: 28px;
       font-style: normal;
       font-weight: 700;
       line-height: 38px;
       letter-spacing: 0.42px;
   }

   .getIn-info {
       margin: 32px 0px;
   }

   .getIn-touch {
       height: 658px;
       width: 519px;
       border-radius: 20px;
       background: linear-gradient(142deg, #136B8B 23.6%, #000 159.6%);
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
       padding: 46px 44px;
   }

   .getIn-item {
       display: inline-flex;
       align-items: flex-start;
       column-gap: 19px;
       margin-bottom: 24px;
   }

   .getIn-item .text h3 {
       color: #ECF06F;
       font-size: 20px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
   }

   .getIn-item .text p {
       color: #FFF;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
   }

   .contact-social .social-icon {
       display: flex;
       align-items: center;
       gap: 10px;
   }

   .contact-social .text {
       color: #FFF;
       font-size: 24px;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
       letter-spacing: 0.12px;
   }

   .contact-social {
       display: flex;
       align-items: center;
       gap: 14px;
       border-top: 1px solid rgba(255, 255, 255, 0.50);
       padding-top: 26px;
   }


   .privacy-policy .tools-list p {
       position: relative;
   }

   .privacy-policy .tools-list p::before {
       position: absolute;
       content: "";
       background-image: url(../img/check-circle-2.webp);
       top: 2px;
       left: -32px;
       width: 20px;
       height: 20px;
   }

   .privacy-policy .list-item {
       margin-left: 32px;
       margin-bottom: 30px;
   }

   .privacy-policy-item h2 {
       color: #3C4D6B;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;
       line-height: 28px;
       letter-spacing: 0.36px;
       margin-bottom: 25px;
       margin-top: 30px;
   }

   .privacy-policy-content {
       border-radius: 20px;
       background: #FFF;
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
       padding: 32px 34px;
   }

   .privacy-policy h3 {
       color: #303030;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: 24px;
       letter-spacing: 0.21px;
       margin-left: 30px;
       margin-bottom: 20px;
       display: block;
   }

   .privacy-policy-item {
       border-bottom: 1px solid rgba(48, 48, 48, 0.50);
   }

   .not-found {
       padding: 65px 0px;
   }

   .not-found h1 {
       color: #136B8B;
       text-align: center;
       font-size: 256px;
       font-style: normal;
       font-weight: 500;
       letter-spacing: 2px;
   }

   .not-found h2 {
       color: #3C4D6B;
       text-align: center;
       font-size: 35px;
       font-style: normal;
       font-weight: 700;
       line-height: 70px;
       letter-spacing: 0.54px;
   }

   .not-found .custom-btn {
       margin-top: 40px;
       margin-bottom: 40px;
   }

   .opps-sec h1 {
       font-size: 176px;
       margin-bottom: 30px;
   }

   .thank-you h1 {
       font-size: 100px;
   }

   .opps-sec {
       padding: 97px 0px;
   }

   .thank-you {
       padding: 112px 0px;
   }

   .pricing {
       background: #f7f7f7;
   }

   .switcher {
       display: inline-flex;
       align-items: center;
       margin-bottom: 35px;
   }

   .switcher p {
       color: #011E41;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
       line-height: 23px;
       letter-spacing: 0.21px;
   }

   .switcher h3 {
       color: #4510DC;
       font-size: 14px;
       font-style: normal;
       font-weight: 700;
       line-height: 23px;
       letter-spacing: 0.21px;
   }

   .switcher span {
       color: #011E41;
       font-size: 12px;
       font-style: normal;
       font-weight: 500;
       line-height: 23px;
       letter-spacing: 0.18px;
   }

   .checkbox-wrapper-2 {
       margin: 0px 12px;
   }


   .checkbox-wrapper-2 .ikxBAC {
       appearance: none;
       background-color: #c9cbcd;
       border-radius: 72px;
       border-style: none;
       flex-shrink: 0;
       height: 18px;
       margin: 0;
       position: relative;
       width: 35px;
       top: 4px;
   }

   .checkbox-wrapper-2 .ikxBAC::before {
       bottom: -6px;
       content: "";
       left: -6px;
       position: absolute;
       right: -6px;
       top: -6px;
   }

   .checkbox-wrapper-2 .ikxBAC,
   .checkbox-wrapper-2 .ikxBAC::after {
       transition: all 100ms ease-out;
   }

   .checkbox-wrapper-2 .ikxBAC::after {
       background-color: #fff;
       border-radius: 50%;
       content: "";
       height: 12px;
       left: 3px;
       position: absolute;
       top: 3px;
       width: 12px;
   }

   .checkbox-wrapper-2 input[type=checkbox] {
       cursor: pointer;
   }

   .checkbox-wrapper-2 .ikxBAC:hover {
       background-color: #c9cbcd;
       transition-duration: 0s;
   }

   .checkbox-wrapper-2 .ikxBAC:checked {
       background-color: #6e79d6;
   }

   .checkbox-wrapper-2 .ikxBAC:checked::after {
       background-color: #fff;
       left: 20px;
   }

   .checkbox-wrapper-2 :focus:not(.focus-visible) {
       outline: 0;
   }

   .checkbox-wrapper-2 .ikxBAC:checked:hover {
       background-color: #25CC88;
   }

   .pricing-title {
       margin-bottom: 11.5rem;
   }

   .pricing-title h2 {
       color: #011E41;
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 48px;
       letter-spacing: 0.69px;
   }

   .price-header {
       margin-bottom: 40px;
   }

   .price-header h3 {
       color: #011E41;
       text-align: center;
       font-size: 33px;
       font-style: normal;
       font-weight: 700;
       line-height: 48px;
       letter-spacing: 0.495px;
   }

   .price-header p {
       color: #011E41;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 23px;
       letter-spacing: 0.24px;
   }

   .price-info {
       border-radius: 20px;
       background: #FFF;
       box-shadow: -4px 0px 10px 0px rgba(0, 0, 0, 0.15);
       padding: 60px 32px 1px 32px;
       width: 240px;
   }

   .price-info h3 {
       color: #011E41;
       text-align: center;
       font-size: 46px;
       font-style: normal;
       font-weight: 700;
       line-height: 48px;
       letter-spacing: 0.69px;
       margin-bottom: 15px;
   }

   .price-info p {
       color: #011E41;
       text-align: center;
       font-size: 16px;
       font-style: normal;
       font-weight: 300;
       line-height: 23px;
       letter-spacing: 0.24px;
       margin-bottom: 10px;
   }

   .price-info a {
       color: #4510DC;
       text-align: center;
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
       line-height: 23px;
       letter-spacing: 0.24px;
       text-decoration-line: underline;
   }

   .price-content h4 {
       color: #011E41;
       font-size: 22px;
       font-style: normal;
       font-weight: 600;
       line-height: 30px;
       letter-spacing: 0.33px;
       margin-bottom: 40px;
   }

   .price-content .price-item {
       color: #011E41;
       font-size: 16px;
       font-style: normal;
       font-weight: 300;
       line-height: 23px;
       letter-spacing: 0.24px;
       margin-bottom: 32px;
   }

   /* .price-content h4 {
       color: #011E41;
       font-size: 22px;
       font-style: normal;
       font-weight: 600;
       line-height: 30px;
       letter-spacing: 0.33px;
       margin-bottom: 40px;
   } */

   .price-info a {
       margin-bottom: 46px;
       display: block;
   }

   .correct-icon {
       margin-bottom: 32px;
   }

   .bg-blue {
       background: #136B8B !important;
   }

   .bg-yellow {
       background: #FFEEC3 !important;
   }

   .silver,
   .gold,
   .diamond {
       position: relative;
   }

   .silver::after {
       position: absolute;
       background-image: url("../img/half-circle.webp");
       content: "";
       top: 98px;
       left: 0;
       width: 58px;
       height: 58px;
       background-repeat: no-repeat;
   }


   .gold::after {
       position: absolute;
       background-image: url("../img/trangle.webp");
       content: "";
       top: 100px;
       right: 0;
       width: 37px;
       height: 51px;
       background-repeat: no-repeat;
   }

   .gold::before {
       position: absolute;
       background-image: url(../img/crown.webp);
       content: "";
       top: 23px;
       right: 12px;
       width: 48px;
       height: 51px;
       background-repeat: no-repeat;
   }


   .diamond::before {
       position: absolute;
       background-image: url(../img/squre.webp);
       content: "";
       top: 0px;
       left: 50px;
       width: 70px;
       height: 47px;
       background-repeat: no-repeat;
   }

   /* Customizing the navbar-toggler button */
   .navbar-toggler {
       border: none;
       /* Remove the border */
   }


   .navbar-toggler.collapsed .navbar-toggler-icon::before {
       content: "\f550";
       font-family: "Font Awesome 6 Free";
       font-weight: 900;
       font-size: 24px;
       color: #000;
       display: inline-block;
       width: 24px;
       height: 24px;
       line-height: 24px;
       text-align: center;
   }

   .navbar-toggler.collapsed .navbar-toggler-icon {
       background-image: none;
   }

   .navbar-toggler .navbar-toggler-icon {
       background-image: url('../img/close.webp');
       background-size: contain;
       background-repeat: no-repeat;
       width: 20px;
       height: 20px;
       transition: 0.5s;
   }

   .navbar-toggler .navbar-toggler-icon::before {
       display: none;
   }

   .navbar-toggler:focus {
       text-decoration: none;
       outline: 0;
       box-shadow: none !important;
   }




   .banner-btn svg path:first-child,
   .custom-btn svg path:first-child {
       animation: scrollanim 2s ease-in-out infinite;
       animation-delay: 0.8s;
   }

   .banner-btn svg path:last-child,
   .custom-btn svg path:last-child {
       animation: scrollanim2 2s ease-in-out infinite;
   }





   @keyframes scrollanim {
       0% {
           -webkit-transform: translate(-40px, 0);
           -moz-transform: translate(-40px, 0);
           -ms-transform: translate(-40px, 0);
           -o-transform: translate(-40px, 0);
           transform: translate(-40px, 0);
           opacity: 0;
       }

       60% {
           -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
           -ms-transform: translate(0, 0);
           -o-transform: translate(0, 0);
           transform: translate(0, 0);
           opacity: 0.8;
       }
   }

   @keyframes scrollanim2 {
       0% {
           -webkit-transform: translate(-40px, 0);
           -moz-transform: translate(-40px, 0);
           -ms-transform: translate(-40px, 0);
           -o-transform: translate(-40px, 0);
           transform: translate(-40px, 0);
           opacity: 0;
       }

       60% {
           -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
           -ms-transform: translate(0, 0);
           -o-transform: translate(0, 0);
           transform: translate(0, 0);
           opacity: 0.6;
       }
   }