*{
   box-sizing: border-box;
   margin: 0%;
   padding: 0%;
}

:root {
   --primary-color: #1a5776;
   --dark-primary-bg:#001827;
   --dark-primary-color: #001827;
   --light-primary-color: #cedfe7;
   --secondary-color:#01D4FF;
   --yellow-color:#FFBB40;
   --yellow-bg:#FFBB40;
   --white-color: #fff;
   --black-color: #000;
   --brown-color:#414141;
   --dark-blue-color:#0c78bb;
   --max-w: 1280px;
   --letter-spacing: 0.28px;
   --main-heading: 64px;
   --sub-heading1: 48px;
   --sub-heading2: 32px;
   --sub-heading3: 28px;
   --fs-24: 24px;
   --fs-22: 22px;
   --fs-20: 20px;
   --fs-18: 18px;
   --fs-17: 17px;
   --fs-16: 16px;
   --rounded-border1: 70px;
   --rounded-border2: 50px;
   --fw-bold-600:600;
   --word-spacing-6:2px;
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
  --new-dark: #2f3f71;
   --fs-50:50px;

}

*{
   box-sizing: border-box;
}
*,
html {
   scroll-behavior: smooth;
  
}

.dark-primary-color {
   color: var(--dark-primary-color);
}

body {
   min-height: 100vh;
   font-size: 14px;
   font-family:Verdana, Geneva, Tahoma, sans-serif;
   font-family: 'Poppins', sans-serif;
   color: var(--dark-primary-color);
   letter-spacing: var(--letter-spacing);
   overflow-x: hidden;
} 

/* Geist Family */
/* 
@font-face {
    font-family: geist500;
    src: url(../Fonts/Geist-Medium.ttf); */
    @font-face {
    font-family: 'Poppins';
    src: url(../Fonts/Poppins-Medium.ttf) format('truetype');
    font-weight: 500;
}


/* navbar */
header .navbar-nav .nav-link {
   color: var(--dark-primary-color);
   font-size: var(--fs-17);
}

header .navbar-nav .nav-link:hover {
   color: var(--primary-color);
}
.dark-bar header .navbar-nav .nav-link {
   color: var(--white-color);
}
.dark-bar header .navbar-nav .nav-link:hover {
   color: var(--secondary-color);
}

/* Common CSS */
.max-w {
   max-width: var(--max-w);
   margin-inline: auto;
}

.main-heading {
   font-size: var(--main-heading);
       font-weight: 600 !important;
}

.sub-heading1 {
   font-size: var(--sub-heading1);
       font-weight: 600 !important;
}

.sub-heading2 {
   font-size: var(--sub-heading2);
}
.sub-heading2 {
   color: var(--new-dark);
}
.brown-color{
    color:var(--brown-color);
}
.dark-blue-color{
   color: var(--dark-blue-color);
}
.dark-primary-bg {
   background: var(--dark-primary-bg);
}

.primary-text {
   color: var(--primary-color);
}
.yellow-bg{
    background-color: #FFBB40;
}
.word-sp{
   word-spacing: var(--word-spacing-6);
}

.yellow-text{
    color: var(--yellow-color)
}

.rounded-tl50 {
   border-top-left-radius: var(--rounded-border2);
}

.rounded-tr50 {
   border-top-right-radius: var(--rounded-border2);
}

header .navbar-nav .nav-link {
   color: var(--dark-primary-color);
}

header .navbar-nav .nav-link:hover {
   color: var(--primary-color);
}
.dark-bar header .navbar-nav .nav-link {
   color: var(--white-color);
}
.dark-bar header .navbar-nav .nav-link:hover {
   color: var(--secondary-color);
}

.dark-primary-text{
   color: var(--dark-primary-color);
}
.p-70{
    padding: 70px 0px;
}
.secondary-btn {
    background: var(--new-dark) !important;
    border-radius: 50px !important;
    padding: 10px 20px;
    font-size: 17px;
    color: white;
}
.secondary-back{
   background: var(--secondary-color);
}
.secondary-color{
   color: #01D4FF;
}
.yellow-btn {
    background: var(--yellow-bg) !important;
    border-radius: 50px !important;
    padding: 10px 20px;
    font-size: 17px;
}
.fw-semibold{
    font-weight:var(--fw-bold-600) ;
}

.blue-gradiant{
   background: linear-gradient(180deg, #0D74B8 0%, #01D4FF 100%);
    background: linear-gradient(270deg, #D8F0FF 0%, rgba(255, 255, 255, 0) 100%);


}









/* footer-start */


footer.footer-bg {
   /* background: url(../img/footer-bg.png); */
   background: url(../img/Footer_img_bg.png);
   background-repeat: no-repeat;
   background-position: top;
   background-size: cover;
}

footer .max-w-lg {
   max-width: 992px;
   margin-inline: auto;
}
.mg-89{
    margin-top: 89px;
}

.mb-145{
    margin-bottom: 145px;
}
.hero-img {
    /* background: url(../img/hero-bgImg.png); */
   background: url(../img/home-bg-banner.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 850px;
}
.People-Home{
   /* background: url(../img/bg-3.png); */
   background: url(../img/about-page-pic.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 25px;
}
.fifth-we{
   background: url(../img/we-care.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 670px;
}
.person-abs{
    position: absolute;
    bottom: -95px;
}

.fs-24 {
      font-size: var(--fs-24);
   }

   .wid-35{
    width: 35px;
   }
  .wid-90 {
       width: 82px;
  }

.home-demo .item {
  background-color: #daf1ff75;
 border-radius: 20px;
 min-height: 345px !important;
 position: relative;
 border: 2px solid transparent;
}

.home-demo h2 {
    color: var(--dark-primary-color);
    margin: 0;
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
}

.home-demo .item h5{
 color: #2f3f71;
;
}
.quotes-img{
   background: #2f3f71;
   padding: 15px 27px 25px 15px;
    border-bottom-right-radius: 100%;
}
.owl-theme .owl-dots{
    display: none !important;
}

/* sec-slider */
.Media .item { 
 /* background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/portrate.png); */
   background: linear-gradient(360deg, #0c78bb 25%, rgb(255 255 255) 100%);
 padding: 25px;
 border-radius: 20px;
 position: relative;
    background-repeat: no-repeat;
     background-size: cover;
}
.Media .item-2 {
 /* background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/news.png);  */
  background: linear-gradient(360deg, #0c78bb 25%, rgb(255 255 255) 100%);
 background-repeat: no-repeat;
 padding: 25px;
 border-radius: 20px;
 position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.Media .item-3 {
 /* background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/market.png); */
 background-color: #f5f5f5;
  background-repeat: no-repeat;
 padding: 25px;
 border-radius: 20px;
 position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid transparent;
}
.Media h2 {
    color: var(--dark-primary-color);
    margin: 0;
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
}
.media-min-h
{
    min-height: 290px !important;
}
.fs-24 {
      font-size: var(--fs-24);
   }
    .fs-22 {
      font-size: var(--fs-22);
   }

.fs-18 {
      font-size: var(--fs-18);
   }

   .fs-17 {
      font-size: var(--fs-17);
   }
    .fs-16 {
      font-size: var(--fs-16);
   }




/* About-us-start */
.About-banner{
 background: linear-gradient(360deg,rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%) , url(../img/about-bg.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 460px;
}



.about-section{
  background-image: linear-gradient(#D8F0FF, rgba(255, 255, 255, 0));
 padding: 25px;
 border-radius: 20px;
 position: relative;
 min-height: 350px !important;
}

.animate__animated.animate__bounce {
  --animate-duration: .5s;
}

.Leader .item {
    background: #ff3f4d;
}
.Leader h2 {
    color: #FFF;
    text-align: center;
    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}

.img-box{
   padding: 0px 20px;
}
.img-box img{
   width: 12% !important;
   object-fit: contain;
}
.patren-img{
   width: 40%;
}
.partner-text{
   width: 60%;
}

.dots{
   position: absolute;
   bottom: -60px;
   left: 60px;
   z-index: -99;
}
.dark-blue{
   /* background-color: #0d74b8; */
   background-color: #2f3f71; 
}
.we-care{
   background: url(../img/hexagon-background-grey.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
.p-100{
   padding: 71px;
}

.animate__heartBeat{
  display: inline-block;
  margin: 0 0.5rem;
  animation: heartBeat infinite; 
  animation-duration: 1s; 
  width: 25px !important;
}
.animate__zoomIn{
   display: inline-block;
  animation: zoomIn ;
  animation-duration: 1s; }
  .Review .item{
   /* padding: 20px; */
  }
  /* review */

  .Review-banner{
 background: linear-gradient(360deg,rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%) , url(../img/review-5207277_1280.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 460px;
}

   .review-bg .row-cols-lg-3>* {
        flex: 0 0 auto;
            margin-right: 12px !important;
        width: calc(33% - 10px) !important;
    } 
.review-bg{
   background-image: url(..//img/team-bg.png);
   background-attachment: fixed;
   background-size: cover;
   background-position:bottom;
}

/*gov loan-page */
.side-gradiant{
    background: linear-gradient(270deg, #D8F0FF 0%, rgba(255, 255, 255, 0) 100%);
}
.Gov-banner{
    background: linear-gradient(360deg,rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%) , url(../img/gov-loan.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 460px;
}

.starter{
   /* background: linear-gradient(360deg, #0D74B8 0%, #01D4FF 100%); */
   background: linear-gradient(180deg, #0c78bb 0%, #0c78bb8f 100%);
}
.starter h3{
   margin-bottom: 20px;
}


/*14-18-2025*/

.inner-pages-benner-sec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}
.contact-banner-sec {
         background: linear-gradient(360deg, rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%), url(../img/contact-bg\ \(2\).jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 460px;
    background-position:bottom;
}
/* .nation-form-wrapper {
    background-image: url(../img/team-bg.png);
    background-attachment: fixed;
} */

.contact-banner-sec .content {
    padding: 200px 0;
}
.nation-form-wrapper form label {
    color: #001827;
    font-size: 16px;
}
section.help-section {
   /* background: linear-gradient(180deg, #0c78bb 0%, #0c78bb97 100%); */
       background: linear-gradient(180deg, #2f3f71 0%, #0b74ac 100%) !important;
    padding: 60px 0;
    text-align: center;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}

.conatct-info-wrapper .section-divider {
    border: 1px solid #001827;
    margin: 20px 0;
    width: 80%;
}
.heading-banner-section {
   background-image: url(../img/bg-shade.png);
   background-repeat: no-repeat;
   background-position: top;
   background-size: cover;
}
.inner-pages-benner-sec form .form-control, .inner-pages-benner-sec form .form-select {
    border: 1px solid #001827;
    padding: 12px 12px;
    border-radius: 6px;
    font-size: 16px;
    background-color: #fff;
    color: #001827;
}
.inner-pages-benner-sec form .form-control::placeholder {
    font-size: 16px ;
    color: #001827;
}
.inner-pages-benner-sec form .form-control:focus, .inner-pages-benner-sec form .form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: 0 0 8px rgba(35, 31, 32, 0.3);
}
.nation-form-wrapper .submit-btn input {
    border: unset;
    font-size: 18px;
    border-radius: 5px;
    letter-spacing: 0.5px;
}
/*Contact Page css End*/
.location-banner {
    background: linear-gradient(360deg, rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%), url('..//img/location.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position:center;
    height: 460px;
}
.partner-banner{
    background: linear-gradient(360deg, rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%), url('..//img/we-care.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position:center;
   height: 460px;
}
.contact-wrapper {
    background-color: #59b7f5;
    padding: 100px 0;
    background: linear-gradient(180deg, #0D74B8 0%, #01D4FF 100%);
    padding: 60px 0;
    text-align: center;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}

.location-banner .content {
    padding: 200px 0;
}
.location-list .box i {
    font-size: 24px;
}
.location-list-wrapper .location-map {
    border: 3px solid #001827;
}
.contact-wrapper .ct-btn a {
    padding: 10px 30px;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #fff;
    font-size: 18px;
    letter-spacing: 1px;
    color: #001827;
}
.contact-wrapper .ct-btn a.apply-btn {
    background: transparent;
    border: 2px solid #001827;
}
footer {
    margin-top: 47px;
}
/* .OPRATION-CSS */
.opration-banner{
    background: linear-gradient(360deg, rgb(13 116 184 / 59%), rgb(1 213 255 / 38%) 100%), url(../img/opration.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 460px;
}
.officer-bg{
    background: linear-gradient(360deg,rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%) , url(../img/group-people-working-out-business-plan-office.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 460px;
}
.side-dark-gradiant {
    background: linear-gradient(270deg, #0c78bb 0%, rgba(255, 255, 255, 0) 100%);
    
   }

/* blog-page-css */
.blog {
  background: white;
  border: 2px solid #0c78bb;
  box-shadow: 4px 4px #0c78bb;
  border-radius: 5px;
  padding: 20px;
  gap: 10px;
  position: relative;
}

.blog:last-child {
  justify-content: flex-end;
}

.blog-img {
    /* clear and add new css */
  transition: all 0.5s;

}

.blog-img .img {
  transform: scale(1);
  position: relative;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  border-top-left-radius: 80px 50px;
  border-top-right-radius: 80px 50px;
  border: 2px solid black;
  background-color: #228b22;
  background-image: linear-gradient(to top,transparent 10px,rgba(0,0,0,0.3) 10px,rgba(0,0,0,0.3) 13px,transparent 13px);
}



.blog-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #0c78bb;
  padding: 10px 0px
}

.blog-subtitle {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}



.blog-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 10px;
    gap: 5px;
    border-top: 1px solid;
    padding-top: 15px;
    width: 96%;
}

.blog-price {
  font-size: 14px;
  font-weight: 500;
}
.blog-price a {
   text-decoration: none;
}


.blog-btn {
  height: 35px;
  background: var(--bg-color);
  border: 2px solid var(--main-color);
  border-radius: 5px;
  padding: 0 15px;
  transition: all 0.3s;
}

.blog-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--main-color);
  transition: all 0.3s;
}

.blog-img:hover {
  transform: translateY(-3px);
}

.blog-btn:hover {
  border: 2px solid var(--main-focus);
}

.blog-btn:hover svg {
  fill: var(--main-focus);
}

.blog-btn:active {
  transform: translateY(3px);
}


/* From Uiverse.io by dovatgabriel */ 
.card svg {
  height: 25px;
}
/* social */
.social-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7e7e7;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
  height: 50px;
  width: 200px;
}

.social-button::before, .social-button::after {
  position: absolute;
  display: flex;
  align-items: center;
  width: 50%;
  height: 100%;
  transition: 0.25s linear;
  z-index: 1;
}

.social-button::before {
  content: "";
  left: 0;
  justify-content: flex-end;
  background-color: #4d60b6;
}

.social-button::after {
  content: "";
  right: 0;
  justify-content: flex-start;
  background-color: #4453a6;
}

.social-button:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.social-button:hover span {
  opacity: 0;
  z-index: -3;
}

.social-button:hover::before {
  opacity: 0.5;
  transform: translateY(-100%);
}

.social-button:hover::after {
  opacity: 0.5;
  transform: translateY(100%);
}

.social-button.card span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: whitesmoke;
  font-family: 'Fira Mono', monospace;
  font-size: 24px;
  font-weight: 700;
  opacity: 1;
  transition: opacity 0.25s;
  z-index: 2;
}

.social-button .social-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  height: 100%;
  color: whitesmoke;
  font-size: 24px;
  text-decoration: none;
  transition: 0.25s;
}

.social-button .social-link svg {
  text-shadow: 1px 1px rgba(31, 74, 121, 0.7);
  transform: scale(1);
}

.social-button .social-link:hover {
  background-color: rgba(249, 244, 255, 0.774);
  animation: bounce_613 0.4s linear;
}

@keyframes bounce_613 {
  40% {
    transform: scale(1.4);
  }

  60% {
    transform: scale(0.8);
  }

  80% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/* blog-closed */
/* blog-inner start*/
.ex-blog { 
 
 padding: 25px;
 border-radius: 20px;
 min-height: 369px !important;
 position: relative;
    background-repeat: no-repeat;
     background-size: cover;
}
.med-1{
   background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/portrate.png);
   background-repeat: no-repeat;
  background-size: cover;
}
.med-2{
   background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/portrate.png);
    background-repeat: no-repeat;
  background-size: cover;
}
.med-3{
   background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/portrate.png);
    background-repeat: no-repeat;
  background-size: cover;
}
.med-4{
   background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/portrate.png);
    background-repeat: no-repeat;
  background-size: cover;
}



.media-item {
  position: relative;
  min-height: 400px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  color: white;
}
.media-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5); /* dark overlay for readability */
  z-index: 0;
}
.media-item > * {
  position: relative;
  z-index: 1;
}


/* hover-text */
.hide{
   height: 0px;
   display: none;
}
.ex-blog:hover .hide {
  height: 100%;
  display: block;
}
.new-color{
   color: var(--new-dark);
}
.new-dark{
   background-color: var(--new-dark);
}
.fifty{
  background: linear-gradient(to right,  #0c78bb 50%, #0c78bb 50%);
}

  .wavy-liens{
   background: url(../img/bg-liens.png);
  }
  .over-layyyy{
   background-color: transparent;
    background-image: radial-gradient(at bottom center, #ffffffcc 0%, #ffffff 65%);
    opacity: 4;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
    inset: 0;
    position: absolute;
  }
  .blog-sub .item-3 {
 /* background: linear-gradient(360deg, #001827 0%, rgba(255, 255, 255, 0) 100%) , url(../img/market.png); */
 background-color: #f5f5f5;
  background-repeat: no-repeat;
 padding: 25px;
 border-radius: 20px;
 position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
/*22-08-2025*/
.location-list-wrapper .location-box {
    border: 1px solid #e5e7eb;
    padding: 15px;
    border-radius: 10px;
    background: #f5f3f3;
    height: 100%;
}
.location-list-wrapper .location-box i {
    font-size: 36px;
}
.contact-map-wrapper .map-wrapper {
    height: 401px;
}
section.contact-form-wrapper {
    position: relative; /* important for overlay positioning */
    background-image: url('http://stage.cuselleration.com/n1/wp-content/uploads/2025/08/contact-bg.jpg');
    padding: 70px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.contact-form-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00182796;
    z-index: -1;
}
.contact-form-wrapper form label {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.contact-form-wrapper form .form-control {
    padding: 12px 12px;
    background-color: #fff;
    border: 1px solid #001827;
    color: #001827;
}
.contact-form-wrapper form .form-control::placeholder {
    color: #001827;
}
.contact-form-wrapper .submit-btn input {
    font-size: 18px;
    background: #0c78bb;
    color: #fff;
    padding: 12px 25px;
}
.location-list-wrapper .soon-text {
    text-align: center;
    margin-top: 40px !important;
    background: #0c78bb;
    padding: 10px;
    color: #fff;
}

    .new-dark-bg{
      background-color: var(--new-dark);
    }
    .center-pic{
      width: 190px;
    height: 130px;
}
 .fs-50 {
      font-size: var(--fs-50);
   }


.review-wrapper .review-page-text {
  max-height: 123px;
  overflow: hidden;
}
 
.review-wrapper .review-page-text.expanded {
  max-height: 1000px;
}
   

.review-text {
    max-height: 130px;
    overflow: hidden;
}
 
.review-text.expanded {
  max-height: 1000px;
}

.review-about-text {
    max-height: 130px;
    overflow: hidden;
}
 
.review-about-text.expanded {
  max-height: 1000px;
}

.conatct-info-wrapper .icon-box i {
    background: #001827;
    padding: 10px;
    border-radius: 5px;
    font-size: 28px;
    color: #fff;
}
.social-icons-wrapper .social-icons i {
    background: #ffff;
    padding: 10px;
    border-radius: 5px;
    font-size: 28px;
    color: #2f3f71;
}
   .social-icons-wrapper .social-icons i:hover, .conatct-info-wrapper .icon-box i:hover {
    background: #ffbb40;
    color: #fff;
}
.cta-wrapper {
    position: relative;
    padding: 40px 0;
    z-index: 1;
}

.cta-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0c78bb47;
    z-index: -1;
}
.cta-wrapper .review-icon i {
    color: #001827;
    font-size: 50px;
    margin-bottom: 25px;
}
.trusted-partner-sec .image-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.trusted-partner-sec .chat-image-wrapper {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    width: 100%;
    flex-grow: 1;
    margin-top: 1rem;
    transition: transform 0.3s ease;
}
.trusted-partner-sec .chat-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    pointer-events: none;
}
.trusted-partner-sec .partner-badge {
    position: absolute;
    bottom: 30px;
    left: 195px;
    background: #ffffffcc;
    padding: 0.5rem 1.5rem;
    border-radius: 28px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #0c78bb;
    box-shadow: 0 7px 18px rgba(39, 175, 213, 0.45);
    letter-spacing: 1px;
    user-select: none;
}
.trusted-partner-sec .secondary-image-wrapper {
    width: 250px;
    /* height: 130px; */
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
    overflow: hidden;
    flex-shrink: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 110px;
    left: -60px;
}
.trusted-partner-sec .secondary-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}
.trusted-partner-sec .chat-image-wrapper:hover {
    transform: scale(1.05);
}
.partnering-benefits .lead-text {
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto 40px auto;
    line-height: 1.5;
    /* color: #fff; */
}
.partnering-benefits .benefit-points {
    background-color: #2F3F71;
    padding: 35px;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.15);
}
.partnering-benefits .benefit-points ul.info-list {
    text-align: left;
    padding-left: 80px;
}
.partnering-benefits .benefit-points ul.info-list li {
    font-size: 18px;
    color: #fff;
    list-style: none;
    padding-bottom: 10px;
}
.partnering-benefits .benefit-points ul.info-list li i {
    padding-right: 15px;
}
.partnering-benefits .benefit-points h4 {
   line-height: 1.4;
   margin-bottom: 20px;
}
footer .social-icons-wrapper {
    margin-left: 30px;
}
/* hover-btn */
/* Base Button */
.secondary-btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease-in-out, border 0.3s ease-in-out;
}

/* Animated Background */
.secondary-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ffbb40;
  z-index: -1;
  transition: width 0.4s ease-in-out;
}

.secondary-btn:hover {
  color: #fff !important;
}

.secondary-btn:hover::before {
  width: 100%;
}

/* Image inside button */
.secondary-btn img {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Swap image on hover */
.secondary-btn:hover img {
  content: url("http://stage.cuselleration.com/n1/wp-content/uploads/2025/09/dark-blue-arrow.png");
  transform: translateX(6px);
  opacity: 1;
}


/* yelo-hower */
.yellow-btn {
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  transition: color 0.3s ease-in-out, border 0.3s ease-in-out;
}

/* Animated Background */
.yellow-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #2f3f71;
  z-index: -1;
  transition: width 0.4s ease-in-out;
}

.yellow-btn:hover {
  color: #ffffff !important;
}

.yellow-btn:hover::before {
  width: 100%;
}

/* Image inside button */
.yellow-btn img {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Swap image on hover */
.yellow-btn:hover img {
  content: url("https://stage.cuselleration.com/n1/wp-content/themes/nation-one/assets/img/icons/r-arrow.png");
  transform: translateX(6px);
  opacity: 1;
}

.home-demo .item:hover{
   border: 2px solid var(--new-dark);
   border-radius: 0px !important;
}
.Media .item-3:hover{
   border: 2px solid var(--new-dark);
   border-radius: 20px !important;
}
.privacy-banner {
    background: linear-gradient(360deg, rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%), url('http://stage.cuselleration.com/n1/wp-content/uploads/2025/08/Privacy-scaled.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 460px;
}
.terms-banner {
    background: linear-gradient(360deg, rgba(13, 116, 184, 0.346), rgba(1, 213, 255, 0.254) 100%), url('http://stage.cuselleration.com/n1/wp-content/uploads/2025/08/pexels-mikhail-nilov-8730374-scaled.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 460px;
}
footer .discription-info p a {
    color: #fff;
}

.secondary-btn {
    padding: 10px 12px !important;
}
.yellow-btn {
    padding: 10px 12px !important;
}

.call-text{
    width: 345px;
}
.owl-nav button {
    background: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 100px !important;
    font-size: 36px !important;
    color: #2f3f71 !important;
    line-height: 30px !important;
    border: 2px solid #2f3f71 !important;
}
.owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}
.owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
}

.owl-stage {
  display: flex !important;
}

.owl-item {
  display: flex !important;
  height: auto !important; /* Let it stretch */
}

.owl-item > .item-3 {
  flex: 1; /* Make all cards fill equal height */
}


























/* Media Queries */
@media only screen and (max-width: 1200px) {
   .logo {
      height: 50px;
   }

    .trusted-partner-sec .image-content {
    position: relative;
    display: block;
   }
   
   .img-center{
      justify-content: center;
   }
   .trusted-partner-sec .image-conten{
      display: block;
   }

   .trusted-partner-sec .secondary-image-wrapper {
    top: -22px !important;
    left: 23px !important;
   }

   .trusted-partner-sec .partner-badge {
    position: absolute;
    bottom: 190px !important;
    left: 0px !important;
   }

}

@media only screen and (max-width: 1023px) {
  .hero-img {
    background: url(../img/mobile-banner1.png) !important;
   background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 850px !important;
}
 .hero-abs{
       position: relative !important;
    background: white;
    padding: 20px;
    display: block;
    border-radius: 25px;
   }
}



@media only screen and (max-width: 992px) {

    

   .about-trust .People-Home {
    margin-top: 70px !important;
}

   #menu-main-header-menu li a{
      font-size: 14px !important;
   }

   .main-heading {
      font-size: var(--sub-heading1);
   }

   .sub-heading1 {
      font-size: var(--sub-heading2);
   }

   .sub-heading2 {
      font-size: var(--sub-heading3);
   }

   .fs-24 {
      font-size: var(--fs-22);
   }

   .fs-20 {
      font-size: var(--fs-18);
   }

   .fs-18 {
      font-size: var(--fs-16);
   }

   .hero-img {
      height: 650px;
   }

}


@media only screen and (max-width: 991px) {
  .mg-89 {
    margin-top: -10px;
  }
  .person-abs{
   display: none !important;
  }
}

@media only screen and (max-width: 768px) {
 

  
.partnering-benefits .benefit-points ul.info-list {
    text-align: left;
    padding-left: 0px !important;
}
.partnering-benefits .benefit-points {
    padding: 16px !important;
   }

   .About-banner{
   height: 210px !important;
}
.product-banner{
  height: 210px !important;
}
.opration-banner{
   height: 210px !important;
}
.Gov-banner{
    height: 210px !important;
}
.officer-bg{
    height: 210px !important;
}
.location-banner{
   height: 210px  !important;
}
 .partner-banner{
   height: 210px  !important;
 }
 .privacy-banner {
    height: 210px  !important;
 }

 .Review-banner{
    height: 210px  !important;
 }
.terms-banner{
   height: 210px  !important;
}

.center-pic {
    width: 176px;
    height: 90px;}


   .call-text{
    width: 100%;
    text-align: center;
}
   .call-pic img{
   display: none !important;
}
  

   .main-heading {
      font-size: var(--sub-heading2);
   }

   .sub-heading1 {
      font-size: var(--sub-heading3);
   }

   .we-perfect-sec img {
      height: 48px;
   }

   .sec-py {
      padding-block: 40px;
   }

   .our-team-bg {
      padding-block: 60px;
   }

   .footer-logo {
      height: 70px;
   }

   .hero-img {
      background-size: auto;
      text-align: center;
       
   }
   .t-center{
      text-align: center;
   }

.owl-nav button.owl-next {
    position: relative;
    transform: translateY(0%);

}

.owl-nav button.owl-prev {
    position: relative;
    transform: translateY(0%);

}
}

@media only screen and (max-width: 576px) {
   .fs-24 {
      font-size: var(--fs-20);
   }

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

   .hero-img {
      height: 750px;
          
   }

}