.body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  /* overflow: hidden; */
  overflow-y: scroll;
  z-index: 12345678;
}

.section-2{
  background:#f9f9fc !important;
}
.service-top{
  padding:100px 0px;
}


/* header section  */
 
 
    header {
      /* overflow: visible; */
    }
 
    #navbar-sticky {
      position: sticky;
      top: 0;
      z-index: 1030;
      background-color: white;
    }
 
    .navbar-nav {
      gap: 25px;
    }
 
    .navbar-expand-lg .navbar-collapse {
      justify-content: space-between;
    }
 
    .navbar-toggler {
      border: none;
    }
 
    .mega-menu-custom {
  width: 65%;
  background: white;
  border: 1px solid #ddd;
  display: none;
  position: absolute;
  top: 100%;
  left: 18%;
  z-index: 1000;
    max-height: 400px; 
  /* overflow-x: hidden; */

}
 


 
    .services-dropdown:hover .mega-menu-custom,
    .services-dropdown.active .mega-menu-custom {
      display: block;
    }
 
 
.dropdown-menu[data-bs-popper]
{
    top: 100%;
    left: 18%;
    margin-top: var(--bs-dropdown-spacer);
}
 
 
  .menu-tabs {
      background: #f8f9fa;
      border-right: 1px solid #ddd;
      padding: 0;
    }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #d896c036 !important;
}
 
    @media (max-width: 991.98px) {
      .mega-menu-custom {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        border-left: none;
        border-right: none;
      }
    }
 @media (max-width:768px){
  .navbar-brand{
    width: 22% !important;
  }
  .mega-menu-custom{
    overflow: scroll;
  }
 }
    @media (max-width: 767.98px) {
      .navbar-collapse {
        flex-direction: column;
      }
      .navbar-nav {
        gap: 0;
        width: 100%;
      }
   
 
       .mega-menu-custom {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        border-left: none;
        border-right: none;
      }
 
 
      .services-dropdown .dropdown-toggle::after {
        display: none;
      }
      .nav-pills .nav-link {
        padding: 10px 15px;
      }
      .tab-content a {
        padding: 8px 10px;
        font-size: 13px !important;
      }
    }
 
    @media (max-width: 575.98px) {
      .navbar-brand {
        width: 35% !important;
      }
      .nav-link {
        font-size: 14px;
      }
      .start-navbar {
        font-size: 14px;
        padding: 10px 20px;
      }
       .mega-menu-custom {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        border-left: none;
        border-right: none;
      }
    }
    .logo{
  width: 100%;
  height: auto;
}
 
 
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #d896c036 !important;
}
    .menu-tabs .nav-link {
      border-radius: 0;
      text-align: left;
      color: #000;
      padding: 16px 20px;
      font-weight: 500;
      border: none;
        font-family: "Poppins", sans-serif;
  font-weight: 500;
    }
 
.nav-link{
 
align-items: center;
  font-weight: 500 !important;
  font-size: 20px !important;
}
@media (max-width:1600px){
.nav-link{
 
align-items: center;
  font-weight: 500 !important;
  font-size: 16px !important;
}

}
@media (max-width:768px){
  .navbar-nav{
    gap: 8px;
  }
    .tab-content a {
        padding: 8px 10px;
        font-size: 13px !important;
      }
.nav-link{
 
align-items: center;
  font-weight: 500 !important;
  font-size: 16px !important;
}
}
 
.nav-link:hover{
  color: #e91e63 !important;
}
.nav-link.active{
  font-weight: 500 !important;
  color: #e91e63 !important;
  font-family: "Poppins", sans-serif;
}

/* .nav-item.nav-link:active{
  color: #e91e63 !important;
} */
 
.navbar-brand{
display: flex;
align-items: center;
width: 12%;
}
.nav-content{
  display: flex;
  gap: 25px;
}
 
 
.mega-menu-custom {
  display: none;
}
 
.services-dropdown.show .mega-menu-custom {
  display: block;
}
 
.flex-column {
    padding: 10px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
 
.nav-link{
     text-align: left;
  font-weight: 500;
  color: #444;
 
}
 
  .menu-tabs .nav-link.active {
      background: #e9f1ff;
      color: #e91e63 !important;
  font-family: "Poppins", sans-serif;
  font-weight: 500 !important;
        position: relative;
    }
    .menu-tabs .nav-link.active::after {
      content: "→";
      position: absolute;
      right: 10px;
      font-size: 20px !important;
  font-family: "Poppins", sans-serif;
  font-weight: 500 !important;
    }
 
     .tab-content a {
      display: block;
      padding: 10px;
      color: #000;
      text-decoration: none;
      font-weight: 500;
      transition: 0.2s ease;
          font-family: "Poppins", sans-serif;

    }
 
     .tab-content a:hover {
      text-decoration: underline !important;
            color: #e91e63 ;
 
    }
    .start-navbar {
  background-color: #212529;  /* dark background */
  color: #fff !important;     /* white text */
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
}
.start-navbar:hover {
  background-color: #000;
}
 
/* .start-navbar{
   z-index: 1;
  border: none;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  transition: var(--transition);
  background:#e91e63 ;
  margin-top: 0px;
  font-size: 15.5px;
  padding: 17px 35px 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
} */
.dropdown-menu.mega-menu-custom.shadow-lg.p-0
{
    /* margin-top: 10px; */
    left: 18%;
}
 
 
.nav-item.nav-link{
 
align-items: center;
  font-weight: 700 !important;
}
 
.nav-item.nav-link:active {
    font-weight: 500 !important;
    color: #e91e63 !important;
}
 
 
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #e91e63;
}
 
.nav-link:active {
    font-weight: 500 !important;
    color: #ff008d !important;
}
 
@media (min-width: 992px) {
  .mega-menu-custom {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
 
@media (max-width:768px){
  .mega-menu-custom{
    overflow: scroll;
  }
}


/* ----------------------------section-1 home------ */


/*  */
     .swiper {
      height: 100vh;
      width: 100%;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-direction: column;
      padding: 0 20px;
    }

    .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    padding: 7rem 5rem;
}
 .swiper-slide.hattussa-slide.swiper-slide-active{
  /* background-image: radial-gradient(
      at 46.6% 46.9%,
      hsl(267, 50%, 84%) 0px,
      transparent 50%
    ),
    radial-gradient(at 28.5% 71%, hsl(312, 73%, 85%) 0px, transparent 50%),
    radial-gradient(at 65.9% 75.2%, hsl(146, 68%, 88%) 0px, transparent 50%); */
    /* background-image: linear-gradient(to top, #ece4ea57 0%, #dfc7d9 1%, #e6dee9 100%); */
}
 .split-text-slide h1 {
        font-size: 1.3rem;
        line-height: 1.6;
        padding: 5rem;
    }

@media (max-width: 768px) {
    .split-text-slide h1 {
        font-size: 1.3rem;
        line-height: 1.6;
        padding: 5rem 5rem;
    }
}


    /* Slide 1 */
    .hattussa-slide {
      background: #fff;
      position: relative;
    }

    .hattussa-wrapper {
      position: relative;
      height: 100%;
      width: 100%;
    }



    .hattussa-text {
      color: #e91e63;
      font-size: 9rem;
      animation: fadeZoomOut 3s forwards;
      position: absolute;
      top: 40%;
      left: 50%;
        font-family: "Poppins", sans-serif;
       font-weight: 500;
      transform: translate(-50%, -50%);
      white-space: nowrap;
    }

    @keyframes fadeZoomOut {
      0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
      /* 40% { opacity: 1; transform: translate(-50%, -50%) scale(1); } */
      70% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(1.05); }
    }

    .success-content {
      color: #000;
      font-size: 2.5rem;
      width: 80%;
      max-width: 800px;
      font-weight: 800;
      opacity: 0;
      text-align: center;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%) translateY(40px);
      transition: opacity 1s ease, transform 1s ease;
    }

    .success-content h1 {
      font-size: 3rem;
      margin-bottom: 10px;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
    }

    .success-content p {
      font-size: 1.2rem;
      font-weight: 400;
    }

    .show-success {
      opacity: 1;
      transform: translate(-50%, -50%) translateY(0);
    }
    .logo-img{
      width: 35%;
      height: auto;
    }

    /* Slide 2 */
    .split-text-slide {
      background: #fff;
      margin-top: 2rem;
    }

    .split-text-slide h1 {
      color: #e91e63;
       font-family: "Poppins", sans-serif;
  font-weight: 600;
      font-size: 2.5rem;
      line-height: 1.4;
      max-width: 1300px;
      margin: 0 auto;
      transform: scale(0.94);
      animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
    }
    .learn-more-btn{
        display: inline-block;
    padding: 12px 24px;
    background-color: #e91e63;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    @keyframes scale {
      100% { transform: scale(1); }
    }

    .split-text-slide span {
      display: inline-block;
      opacity: 0;
      filter: blur(4px);
    }

    @keyframes fade-in {
      100% { opacity: 1; filter: blur(0); }
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
      .hattussa-text {
        font-size: 4rem;
        top: 40%;
      }
      .swiper-slide{
        padding: 0;
      }
      .success-content {
        font-size: 1.5rem;
        top: 40%;
      }

      .success-content h1 {
        font-size: 2rem;
      }

      .success-content p {
        font-size: 1rem;
      }

      .split-text-slide h1 {
        font-size: 1.3rem;
        line-height: 1.6;
      }
      .exist-content p.scroll-color-text{
        font-size: 17px;
      }
    }

    @media (max-width: 480px) {
      .hattussa-text {
        font-size: 3rem;
      }

      .success-content {
        font-size: 1.2rem;
        width: 90%;
        top: 42%;
      }
      .split-text-slide h1{
        padding-left: 10px;
        padding-right: 10px;
      }
      
      .success-content h1 {
        font-size: 1.2rem;
      }

      .success-content p {
        font-size: 0.95rem;
      }

      .split-text-slide h1 {
        font-size: 1.1rem;
      }
    }



/* -----------section 2 for home page ---------------- */



.cs-heading h1 {
      font-size: 74px;
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      text-align: center;
      /* margin-top: 50px; */
    }

    .cs-section {
      display: flex;
      flex-wrap: wrap;
      padding: 50px;
      gap: 40px;
    }

    .cs-text {
      flex: 1 1 400px;
      max-width: 400px;
    }

    .cs-text h1 {
      font-size: 36px;
      line-height: 1.2;
      margin-bottom: 20px;
          font-family: "Poppins", sans-serif;
          font-weight: 500;
    }

    .cs-text p {
      font-size: 16px;
      color: #475569;
      margin-bottom: 20px;
          font-family: "Poppins", sans-serif;
      font-weight: 400;
    }

    .cs-dots {
      display: flex;
      gap: 10px;
      margin-top: 20px;
      flex-wrap: wrap;
    }

    .cs-dot {
      width: 5px;
      height: 15px;
      border: 2px solid #e91e63;
      border-radius: 50%;
      cursor: pointer;
      background: transparent;
    }

    .cs-dot.active {
      background: #e91e63;
    }

    .see-more {
      display: inline-flex;
      align-items: center;
      margin-top: 30px;
      gap: 10px;
      color: #1e2a38;
      font-weight: bold;
      text-decoration: none;
          font-family: "Poppins", sans-serif;
font-weight: 500;
    }

    .see-more span {
      display: inline-block;
      background: #0057ff;
      padding: 10px;
      border-radius: 50%;
      color: #fff;
          font-family: "Poppins", sans-serif;

    }

    .cs-carousel-container {
      flex: 2 1 855px;
      overflow: hidden;
      position: relative;
      height: 38rem;
    }

    .cs-carousel-track {
      display: flex;
      gap: 40px;
      align-items: center;
      height: 100%;
      will-change: transform;
      padding-left: 40px;
    }

    .cs-card {
      flex: 0 0 350px;
      background: #f5f7fa;
      padding: 20px;
      border-radius: 20px;
      text-align: center;
      transition: transform 0.6s ease, opacity 0.6s ease;
      opacity: 0.4;
      cursor: pointer;
    }

    .cs-card img {
      width: 100%;
      height: auto;
      border-radius: 12px;
      margin-bottom: 15px;
    }

    .cs-card h1 {
      font-size: 20px;
      margin: 10px 0 5px;
          font-family: "Poppins", sans-serif;

    }

    .cs-card p {
      font-size: 14px;
      color: #555;
          font-family: "Poppins", sans-serif;
      font-weight: 400;
    }

    .cs-card.small {
      opacity: 0.4;
      transform: scale(0.7);
      filter: brightness(0.8);
    }

    .cs-card.medium {
      opacity: 0.75;
      transform: scale(0.9);
      filter: brightness(0.9);
    }

    .cs-card.active {
      opacity: 1;
      transform: scale(1.2);
      background: #ffffff;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      z-index: 2;
      filter: brightness(1);
      margin-right: 30px;
    }

    @media (max-width: 1024px) {
      .cs-card {
        flex: 0 0 355px;
      }
       .cs-carousel-container {
      flex: 2 1 600px;
      overflow: hidden;
      position: relative;
      height: 38rem;
    }
      .cs-text {
      flex: 1 1 200px;
      max-width: 400px;
    }
    }

    @media (max-width: 768px) {
      .cs-section {
        flex-direction: column;
        padding: 30px 20px;
      }
      .cs-heading h1{
        font-size: 24px;
        font-weight: 600px;
      }
      .cs-text,
      .cs-carousel-container {
        width: 100%;
        max-width: 100%;
      }
    .cs-carousel-container {
      flex: 2 1 500px;
      overflow: hidden;
      position: relative;
      height: 38rem;
    }
      .cs-card {
        flex: 0 0 70%;
        margin: 0 auto;
      }

      .cs-carousel-track {
        justify-content: center;
      }
    }

    @media (max-width: 480px) {
      .cs-card {
        flex: 0 0 90%;
        transform: scale(1) !important;
        opacity: 1 !important;
      }
.cs-heading h1{
        font-size: 24px;
        font-weight: 600px;
      }
      .cs-carousel-track {
        gap: 15px;
      }

      .cs-card.small,
      .cs-card.medium {
        filter: brightness(1) !important;
      }
      .row.service-section{
        padding-top: 10px;
        padding-bottom: 10px;
      }
    }

  /*    ----------------section 3 for home page ------------- */


  .exist-content h1{
  font-size: 30px;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.exist{
  gap: 0;
}
.exist-content p{
  font-size: 40px;
     font-family: "Poppins", sans-serif;
  font-weight: 600;
   color: #6c757d;
}    
.exist-content p.scroll-color-text {
            font-size: 40px;
            font-weight: 600;
            color: #6c757d;
        }

        .exist-content p span {
            color: #6c757d;
            opacity: 0.5;
            transition: color 0.1s ease, opacity 0.1s ease;
        }

        .exist-content p span.highlighted {
            color: black;
            opacity: 1;
        }

@media (max-width: 768px) {
    .exist-content p.scroll-color-text {
        font-size: 25px !important;
        text-align: start;
    }
   .exist-content h1{
  font-size: 30px;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
} 
}


/* -------------------service section----------- */


.service-heading-container {
      /* position: sticky; */
      top: 0;
      z-index: 20;
      padding: 20px 50px;
    }
 
    .service-head {
      font-size: 120px;
      font-weight: 500;
    font-family: Satoshi Variable, sans-serif;
      padding-left: 60px;
      color: #000;
    }

    /* Scroll wrapper determines vertical scroll height */
    .scroll-wrapper {
      height: 200vh;
      position: relative;
    }

    /* Sticky horizontal section */
    .horizontal-scroll-section {
      position: sticky;
      top: 100px;
      height: 84vh;
      display: flex;
      align-items: center;
      overflow: hidden;
    }

    .service-top1 {
      display: flex;
      gap: 30px;
      padding: 40px;
      transform: translateX(50vw);
      transition: transform 0.1s ease-out;
      width: max-content;
    }

    .card-strategic {
      flex: 0 0 auto;
      width: 340px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      min-height: 300px;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .card-strategic::before {
      content: "";
      position: absolute;
      bottom: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: #e91e6315;
      z-index: 0;
      transition: bottom 0.4s ease;
      border-radius: 10px;
    }

    .card-strategic:hover::before {
      bottom: 0;
    }

    .card-img {
      width: 50%;
      height: 80px;
      object-fit: contain;
      margin: 20px;
    }

    .card-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 20px;
      transition: justify-content 0.4s ease;
    }

    .card-strategic:hover .card-content {
      justify-content: center;
    }

    .card-content h3 {
      margin: 0;
      font-size: 1.2rem;
      color: #e91e63;
      position: relative;
      z-index: 1;
       font-weight: 600;
    font-family: Satoshi Variable, sans-serif;
    }

    .card-content p {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, opacity 0.4s ease;
      font-size: 14px;
      color: #555;
      margin-top: 8px;
      position: relative;
      z-index: 1;
       font-weight: 500;
    font-family: Satoshi Variable, sans-serif;
    }

    .card-strategic:hover .card-content p {
      max-height: 200px;
      opacity: 1;
    }

     .service-content h3{
          font-family: Satoshi Variable, sans-serif;
          font-size: 45px;
          line-height: 1.3;
          margin-bottom: 30px;
          font-weight: 600;
    }
    .row.service-section{
      padding: 50px 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .card.service-img{
      width: 300px;
      height: 500px;
    }
  /* Base Styles */
.service-tag {
  text-align: start;
  font-size: 6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;

  margin-bottom: 3rem;
}

.service-content1 p {
  font-weight: 400;
  font-family: "Poppins", sans-serif;

  line-height: 1.8;
  font-size: 19px;
  margin-top: 15px;
  color: #000;
  text-align: justify;
}

.service-content1 h2 {
  font-size: 1.8rem;
  font-weight: 600;
    font-family: "Poppins", sans-serif;
  margin-bottom: 1rem;
}


.service-section {
  margin-bottom: 5rem;
}

.rounded-img {
  border-radius: 20px;
  width: 100%;
  height: auto;
}

/* Responsive Styling */
@media (max-width: 992px) {
  .service-tag {
    font-size: 4rem;
  }

  .service-content h3 {
    font-size: 1.5rem;
  }
  
  .service-content p {
    font-size: 17px;
  }

  .learn-more-btn {
    padding: 8px 18px;
    font-size: 0.95rem;
  }
  
}
@media (max-width:768px){
  .col-lg-6.d-flex.justify-content-end.aos-init.aos-animate
 {
    justify-content: center !important;
}
 .row.service-section{
    gap: 20px;
  }
}

@media (max-width: 576px) {
  .service-tag {
    font-size: 3rem;
  }
  .row.service-section{
    gap: 20px;
    padding: 0;
  }
  .service-content p {
    font-size: 16px;
  }

  .service-section {
    margin-bottom: 3rem;
  }
}

    /* Fade Out Animation */
    @keyframes fadeOutZoom {
      to {
        opacity: 0;
        transform: scale(1.2);
      }
    }


/* <!--   -------------------------------Accelerating------------------------- --> */


.head-text{
  line-height: 1.2;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
margin-bottom: 30px;
  font-size: 65px;
}
.para {
  line-height: 1.8;
  font-size: 18px;
  margin-top: 15px;
  color: #737b9a;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
@media (max-width:768px){
  .head-text{
    font-size: 25px;
  }
}
/* ------------------------------------------faq------------------------------------------- */
.section-faq {
      display: flex;
      flex-wrap: wrap;
      padding: 0px 20px;
      justify-content: center;
     gap: 40px;
    }
 
    .image-cluster {
      position: relative;
      width: 600px;
      height: 400px;
    }
 
    .image-cluster img {
      position: absolute;
      width: 300px;
      height: 220px;
      object-fit: cover;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
 
    .img-1 {
      top: 0;
      right: 249px;
      z-index: 2;
    }
 
    .img-2 {
     top: 131px;
    left: 241px;
      z-index: 3;
    }
 
    .img-3 {
      top: 189px;
      left: 0px;
      z-index: 1;
    }
 
    .content-1 {
      max-width: 600px;
    padding: 10px;
    }
 
    .content-1 p {
      margin: 0;
      color: #1a3e69;
      font-weight: 500;
      font-size: 1rem
    }
 
    .content-1 h2 {
      font-size: 2.5rem;
      margin: 10px 0 30px;
      color: #000;
        font-family: "Poppins", sans-serif;
  font-weight: 600;
    }
 
    .accordion1 {
      border-top: 1px solid #b8c7de;
    }
 
    .accordion-item1 {
      border-bottom: 1px solid #b8c7de;
    }
 
    .accordion-button1 {
      width: 100%;
      text-align: left;
      padding: 20px;
      background: none;
      border: none;
      font-size: 20px;
      font-weight: bold;
      color: #000;
      cursor: pointer;
      position: relative;
      transition: background 0.3s;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
    }
 
    .accordion-button1::after {
      content: '+';
      position: absolute;
      right: 20px;
      font-size: 1.5rem;
    color: #0d2a4e;
    }
 
    .accordion-button1.active::after {
      content: '-';
    }
 
    .accordion-content1 {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      padding: 0 20px;
      background-color: #fbeaf794;
    }
 
    .accordion-content1 p {
      padding: 16px 0;
      margin: 0;
      color: #333;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
      font-size: 1rem;
    }
 /* .caption-heading{
    color: #b5cdf3;
      font-size: clamp(8rem, 5vw, 9rem);
    font-weight: bold;
 } */
 
 .caption-heading {
  color: #b5cdf3;
  font-size: clamp(3rem, 12vw, 9rem); /* Will scale responsively */
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 0;
  word-break: break-word;
}

 @media (max-width: 1024px){
  .caption-heading{
    font-size: 7rem;
    text-align: start;
  }
  .exist-content p.scroll-color-text{
    font-size: 32px;
    text-align: start;
  }
  .service-content1{
    text-align: start;
  }
 }
    @media (max-width: 768px) {
      .section-faq {
        flex-direction: column;
        align-items: center;
        padding: 0;
      }
 
      .image-cluster {
        width: 100%;
        height: 200px;
      }
 .caption-heading{
    color: #dce7f9;
    font-size: 3rem;
    font-weight: bold;
 }
      .image-cluster img {
        width: 120px;
        height: 160px;
      }
 
      .img-1 {
        top: 0;
        left: 20px;
      }
 
      .img-2 {
        top: 20px;
        left: 100px;
      }
 
      .img-3 {
        top: 80px;
        left: 60px;
      }
 
      .content-1 h2 {
        font-size: 1.8rem;
      }
 
      .accordion-button1 {
        font-size: 0.8rem;
        padding: 16px;
      }
      .accordion-content1 {
        padding: 0 16px;
      }
      .accordion-button1::after {
        font-size: 1.1rem;
      }
    }
 
    @media (max-width: 768px) {
      .title {
        font-size: 2.2rem;
      }
      .pill-image {
        width: 100px;
        height: 60px;
      }
    }
 
/* --------------------------------------------our-approach------------------------- */
.ready-img1 {
  /* background-image: linear-gradient(rgb(233 30 99 / 51%), rgba(233, 30, 99, 0.8)); */
    background: #e7d2e991;

     background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.9;
}
  .success{
          max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    /* margin-bottom: 50px; */
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
.para-top{
      font-size: 24px;
    color: #e91e63;
    text-align: center;
      font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.head-text{
  line-height: 1.2;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
margin-bottom: 30px;
  font-size: 65px;
}
.para {
  line-height: 1.8;
  font-size: 18px;
  margin-top: 15px;
  color: #737b9a;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.contact-side{
  display: flex;
    justify-content: center;
    margin-top: 14px;
}
.start-navbar{
   z-index: 1;
  border: none;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  transition: var(--transition);
  background:#e91e63 ;
  margin-top: 0px;
  font-size: 15.5px;
  padding: 17px 35px 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media(max-width:768px){
    .start-navbar {
        font-size: 14px;
        padding: 10px 20px;
      }
}

/* --------------------------------section-8 home--------------------------- */
  .section-6.service-top {
      overflow: hidden;
      transition: clip-path 0.4s ease-out;
    }

    .container.bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      /* padding: 40px 20px; */
      text-align: center;
    }

    .bottom-content {
      font-size: 45px;
      color: #ffffff;
      margin-bottom: 15px;
      font-weight: 500;
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
      .bottom-content {
        font-size: 32px;
      }
    }

    @media (max-width: 768px) {
      .bottom-content {
        font-size: 24px;
        padding: 0 10px;
      }
    }

    @media (max-width: 480px) {
      .bottom-content {
        font-size: 20px;
        padding: 0 5px;
      }
    }
/* ---------------------------------------SECTION-9 HOME------------------- */
/* .text-heading.aos-init.aos-animate{
  margin-top: 30px;
  margin-bottom: 30px;
}
.text-heading h2{
  text-align: center;
}
.head-text{
  line-height: 1.2;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
margin-bottom: 30px;
  font-size: 65px;
}
.small-text{
  text-align: center;
  margin-top: 15px;
  font-family: "Poppins", sans-serif;
  line-height: 1.8;
  font-size: 20px;
  color: #737b9a;
  font-weight: 500;
}
.text-heading{
  max-width: 1029px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
 
}
.container-1{
  --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
} */

    .text-heading {
      max-width: 1029px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
      margin-bottom: 50px;
      overflow: visible; /* Ensures no clipping */
    }

    .text-heading h2 {
      text-align: center;
    }

    .head-text {
      line-height: 1.2;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      margin-bottom: 30px;
      font-size: clamp(28px, 5vw, 65px); /* Responsive font size */
      color: #1c1e25;
    }

    .small-text {
      text-align: center;
      margin-top: 15px;
      font-family: "Poppins", sans-serif;
      line-height: 1.8;
      font-size: 20px;
      color: #737b9a;
      font-weight: 500;

      white-space: normal;
      overflow: visible;
      text-overflow: unset;
      word-wrap: break-word;
    }
      .container-1 {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      width: 100%;
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      padding-left: calc(var(--bs-gutter-x) * 0.5);
      margin-right: auto;
      margin-left: auto;
      max-width: 1200px;
    }
/* --------------------------------our-latest-resource------------------- */
.section30 {
            height: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            padding: 150px  0 
            !important;
            justify-content: center;
            align-items: center;
            background-color: #f1f1f7;
            font-family: sans-serif;
        }
        .testimonial-container {
            width: 100%;
            max-width: 56rem;
            padding: 2rem;
            
            
        }
        .testimonial-grid {
            display: grid;
            gap: 5rem;
        }
        .image-container {
            position: relative;
            width: 100%;
            height: 24rem;
            perspective: 1000px;
        }
        .testimonial-image {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 1.5rem;
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .testimonial-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .name {
            font-size: 1.5rem;
            font-weight: 500;
            color: #000;
            margin-bottom: 0.25rem;
  font-family: "Poppins", sans-serif;
        }
        .designation {
            font-size: 0.875rem;
            color: #6b7280;
            margin-bottom: 2rem;
             font-weight: 500;
  font-family: "Poppins", sans-serif;
        }
        .quote {
            font-size: 1.125rem;
            color: #4b5563;
            line-height: 1.75;
             font-weight: 400;
  font-family: "Poppins", sans-serif;
        }
        .arrow-buttons {
            display: flex;
            gap: 1rem;
            padding-top: 3rem;
        }
        .arrow-button {
          border: none;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            background-color: #e91e63;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .arrow-button:hover {
            background-color: #e91e63;
        }
        .arrow-button svg {
            width: 1.25rem;
            height: 1.25rem;
            fill: #f1f1f7;
            transition: transform 0.3s;
        }
        .arrow-button:hover svg {
            fill: #ffffff;
        }
        .prev-button:hover svg {
            transform: rotate(-12deg);
        }
        .next-button:hover svg {
            transform: rotate(12deg);
        }
        @media(min-width: 768px) {
            .testimonial-grid {
                grid-template-columns: 1fr 1fr;
            }
            .arrow-buttons {
                padding-top: 0;
            }
             .section30{
              padding: 5px !important;
            }
            .testimonial-container{
              padding: 40px  ;
            }
        }


/* ------------SERVICE LEARN-MORE----------- */
/* TOP-1 */
.section-learn {
      display: flex;
      flex-wrap: wrap;
      padding: 60px 10%;
      position: relative;
      align-items: center;
      gap: 40px;
      overflow: hidden;
    }
 
    .left-images {
      flex: 1;
      min-width: 280px;
      text-align: center;
    }
 
    .left-images img {
      border-radius: 12px;
      max-width: 100%;
      height: auto;
      display: inline-block;
    }
 
    .content-learn {
      flex: 2;
      min-width: 300px;
    }
 
    .label {
      color: #0066a1;
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .title1 {
      font-size: 42px;
      line-height: 1.2;
      color: #0a0a30;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .title1 span {
      color: #6b7c93;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .paragraphs {
      display: flex;
      gap: 30px;
      margin-top: 30px;
      flex-wrap: wrap;
    }
 
    .paragraphs p {
      flex: 1 1 300px;
      font-size: 16px;
      line-height: 1.6;
      color: #333;
           font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
.image-clusterlearn {
      position: relative;
      width: 350px;
      height: 400px;
    }
 
    .image-clusterlearn img {
      position: absolute;
      width: 230px;
      height: 200px;
      object-fit: cover;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
 
    .img-1learn {
      top: 0;
      right: 30px;
      z-index: 2;
    }
 
    .img-2learn {
     top: 113px;
    left: 210px;
      z-index: 3;
    }
 
    .img-3learn {
      top: 170px;
      left: 0px;
      z-index: 1;
    }
 
    @media (max-width: 768px) {
      .section-faq {
        flex-direction: column;
        align-items: center;
      }
 
      .image-clusterlearn {
        width: 100%;
        height: 300px;
      }
 
      .image-clusterlearn img {
        width: 120px;
        height: 160px;
      }
 
      .img-1learn {
        top: 0;
        left: 20px;
      }
 
      .img-2learn {
        top: 20px;
        left: 100px;
      }
 
      .img-3learn {
        top: 80px;
        left: 60px;
      }
    }
    @media screen and (max-width: 900px) {
      .section-learn {
        flex-direction: column;
        padding: 40px 20px;
      }
 
      .title1 {
        font-size: 32px;
      }
 
      .paragraphs {
        flex-direction: column;
      }
    }
 
    @media screen and (max-width: 480px) {
      .title1 {
        font-size: 26px;
      }
 
      .label {
        font-size: 12px;
      }
 
      .paragraphs p {
        font-size: 15px;
      }
    }
 
/* top-2 */
.dicto-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 80px 60px;
      gap: 40px;
      flex-wrap: wrap;
    }
 
    .text-left,
    .text-right {
      flex: 1;
      min-width: 280px;
      max-width: 400px;
     
    }
    .text-right ul{
           font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
    .text-right h3{
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .text-left h2 {
      font-size: 2.4rem;
      margin-bottom: 10px;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .text-left h3 {
      font-size: 2rem;
      color: #7d96ba;
      margin-bottom: 20px;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .text-left p,
    .text-right p {
      font-size: 1rem;
      line-height: 1.6;
      color: #1b2c45;
      margin-bottom: 20px;
           font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
 
    .text-left .cta {
      font-weight: bold;
      text-transform: uppercase;
      color: #0c2d57;
      margin-top: 20px;
      display: inline-block;
      cursor: pointer;
    }
 
    .center-image {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 280px;
      max-width: 400px;
    }
 
    .center-image img {
      width: 100%;
      max-width: 300px;
      transform: rotate(-5deg);
      border-radius: 20px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    }
 
    /* top-3 */
    .ios-section {
      padding: 60px 20px;
    }
 
    /* .container {
      max-width: 1200px;
      margin: auto;
    } */
 
    .section-label {
      font-weight: 600;
      font-size: 1rem;
      color: #002c52;
      margin-bottom: 10px;
           font-family: "Poppins", sans-serif;
    }
 
    .section-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 40px;
      margin-bottom: 40px;
      flex-wrap: wrap;
    }
 
    .section-header .left-learn,
    .section-header .right-learn {
      flex: 1 1 30%;
    }
 
    .section-header .left-learn {
      text-align: left;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .section-header .right-learn {
      text-align: start;
    }
 
    .section-header h3 {
      font-size: 2.2rem;
      font-weight: 700;
      margin: 0;
      color: #002c52;
    }
 
    .section-desc {
      font-size: 1rem;
      color: #29414c;
      margin: 0;
           font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
 
    .divider {
          margin: 40px 0;
    border: 1px solid #80808063;
    width: 1320px;
    height: auto;
    }
 
    .ios-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
    }
 
    .ios-card {
      background-color: #f4dfef7d;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      transition: transform 0.3s ease;
           font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
 
    .ios-card h3 {
      font-size: 1.25rem;
      color: #002c52;
      margin-bottom: 10px;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .ios-card p {
      color: #29414c;
      font-size: 0.95rem;
      line-height: 1.6;
           font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
 
    .ios-card:hover {
      transform: translateY(-5px);
    }
 
    /* Responsive */
    @media (max-width: 992px) {
      .ios-grid {
        grid-template-columns: 1fr;
      }
 
      .section-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
 
      .section-header .left-learn,
      .section-header .right-learn {
        flex: 1 1 100%;
        text-align: center;
      }
 
      .section-desc {
        text-align: center;
      }
    }
    @media (max-width: 1024px) {
      .dicto-section {
        flex-direction: column;
        padding: 60px 30px;
        text-align: center;
      }
 
      .center-image {
        margin: 30px 0;
      }
 
      .text-left,
      .text-right {
        max-width: 100%;
      }
 
    }
 
    @media (max-width: 480px) {
      .text-left h2 {
        font-size: 1.8rem;
      }
 
      .text-left h3 {
        font-size: 1.4rem;
      }
 
      .text-left p,
      .text-right p {
        font-size: 0.95rem;
      }
 
      .center-image img {
        max-width: 240px;
      }
    }
 









/* ---------------------------------About page------------------ */
/* -------top-section------------- */
 .about-text{
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 80px;
 }
 .about-text1{
  font-size: 80px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
    text-align: center;
 }
.about.row.service-top{
  justify-content: end;
  padding: 150px 0;
}
.about-para{
  margin: 0px 155px;
  line-height: 1.8;
  font-size: 23px;
  margin-top: 15px;
  color: #737b9a;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  transform: translateY(70px);
  animation: fadeUp 1.5s ease forwards;
}
   .word {
      display: inline-block;
      color: black;
    }
 
    .word.typing {
      color: #e91e63; /* pink while typing */
    }
 
    .letter {
      opacity: 0;
      display: inline-block;
      transition: opacity 0.2s ease;
    }
 
    .letter.visible {
      opacity: 1;
    }
 
 
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .service-top {
    padding: 70px 0;
  }
}
 
@media (max-width: 576px) {
  .about-text,
  .about-text1 {
    font-size: clamp(1.5rem, 6vw, 40px);
  }
 
  .about-para {
    font-size: 1rem;
    margin: 0;
    padding: 20px;
  }
}
 

/* --------Our vision values-------- */

 .section-top {
      position: sticky;
      top: 0;
      height: 80vh;
      padding:0 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: white;
      transition: transform 0.6s ease;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      flex-direction: column;
      z-index: 1;
      margin:auto;
      max-width: 1000px;
      border-radius: 50px;
    }
    .column-heading{
      text-align: start;
        font-family: "Poppins", sans-serif;
  font-weight: 500;
    }
    .column-text{
      text-align: justify;
      margin: 20px 0;
        font-family: "Poppins", sans-serif;
  font-weight: 400;
    }
    .section-top.overlap {
      transform: translateY(-10vh);
    }
 
    .section-top.unstick {
      position: relative !important;
      transform: translateY(0) !important;
      z-index: 0 !important;
    }
 
    .our-3.unstick {
      padding-bottom: 100vh;
    }
 
    .our-1 {
      z-index: 1;
            /* background-color:#ede7f7; */
            background-color: rgba(246, 206, 206, 0.158);
 
    }
  .our-2 {
  background-size: 400% 400%;
            /* background-color: #e8f0fe; */
  background-color: #ede7f7;;
  z-index: 1;
}
 
@keyframes waveGradient {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 100% 50%;
  }
  75% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 0% 50%;
  }
}
 
    .our-3 {
            background-color: #fff6f0;
      z-index: 3;
 
    }
 .heading-underline {
            height: 2px;
            background-color: #e91e63;
            width: 70px;
            margin-bottom: 10px;
        }
 
   
 
 
    .column-list {
      list-style: none;
      max-width: 600px;
      margin: 0 auto;
      padding-left: 0;
      color: #333;
      font-size: 1.1rem;
      text-align: left;
    }
 
    .column-list-item {
      position: relative;
      padding-left: 30px;
      margin-bottom: 12px;
        font-family: "Poppins", sans-serif;
  font-weight: 400;
    }
 
    .column-list-item .checkmark {
      position: absolute;
      left: 0;
      top: 2px;
      font-weight: bold;
    }
 
    .img-fluid {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
    }
 
    .row.our-section {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      align-items: center;
      gap: 0;
    }
       .checkmark::before {
            content: "✓";
    color: #e91e63;
    font-weight: bold;
    font-size: 15px;
        }
    .spacer {
      height: 150vh;
    }
   .col-lg-6.about-img{
    display: flex;
    align-items: center;
    justify-content: center;
   }
      .checkmark {
            width: 25px;
            height: 25px;
            background-color: #eac0d447; /* Light grey for the checkmark background */
            border-radius: 50%;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-right: 8px;
        }
   @media (max-width: 991px) {
  .section-top {
    padding: 40px 20px;
    height: auto;
    position: relative;
    top: auto;
    box-shadow: none;
  }
 
  .row.our-section {
    flex-direction: column-reverse;
    text-align: center;
    padding: 20px 10px;
  }
 
  .col-lg-6.about-img {
    margin-bottom: 20px;
  }
 
  .column-heading {
    text-align: center;
    font-size: 1.8rem;
  }
 
  .column-text,
  .column-list {
    text-align: center;
  }
 
  .column-list-item {
    padding-left: 0;
  }
 
  .column-list-item .checkmark {
    position: relative;
    margin-right: 8px;
  }
   .our-container{
    gap: 40px;
  }
}
 @media (max-width:768px){
    .column-heading {
    font-size: 1.5rem;
    text-align: start;
  }
 
  .column-text {
    font-size: 0.95rem;
        text-align: start;
  }
 
  .column-list {
    font-size: 1rem;
        text-align: start;
  }
 }
@media (max-width: 576px) {
  .column-heading {
    font-size: 1.5rem;
    text-align: start;
  }
 
  .column-text {
    font-size: 0.95rem;
        text-align: start;
  }
 
  .column-list {
    font-size: 1rem;
        text-align: start;
  }
 
  .img-fluid {
    max-width: 90%;
  }
  .our-container{
    gap: 40px;
  }
}




/* Our Purpose */



.resources-wrapper {
      position: relative;
      overflow: hidden;
      background: #fff;
      padding: 2rem 1rem 6rem;
    }
 
    .background-text {
      position: absolute;
      top: 0%;
      left: 100%;
      font-size: 25vw;
      font-weight: 800;
      color: #e8f0fe;
      white-space: nowrap;
      pointer-events: none;
      z-index: 1;
      font-family: "Poppins", sans-serif;
      line-height: 1.1;
      user-select: none;
      transform: translateX(-50%);
    }
 
    /* .container {
      max-width: 1200px;
      margin: 0 auto;
    } */
 
    .content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      margin: 30% auto 0;
      padding: 0 1rem 50px;
    }
 
    .left-our {
      flex: 1 1 45%;
      padding-right: 1.5rem;
    }
 
    .right-our {
      flex: 1 1 45%;
      padding-left: 1.5rem;
    }
 
    .label-our {
      font-size: 16px;
      color: #555;
      margin-bottom: 10px;
           font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .heading-our {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1.4;
           font-family: "Poppins", sans-serif;
    }
 
    .description-our {
      font-size: 1.1rem;
      line-height: 1.9;
      font-weight: 400;
      text-align: justify;
      margin-top: 1rem;
           font-family: "Poppins", sans-serif;
    }
 
    /* Tablet */
    @media (max-width: 992px) {
      .content {
        flex-direction: column;
        margin-top: 20%;
        text-align: center;
      }
 
      .left-our,
      .right-our {
        flex: 1 1 100%;
        padding: 0;
      }
 
      .heading-our {
        font-size: 2rem;
      }
 
      .description-our {
        font-size: 1rem;
        text-align: left;
      }
    }
 
    /* Mobile */
    @media (max-width: 576px) {
     .background-text {
        font-size: 50vw;
        top: 0%;
        left: 173%
 
        }
 
      .heading-our {
        font-size: 1.7rem;
      }
 
      .label-our {
        font-size: 14px;
      }
 
      .content {
        margin-top: 30%;
      }
    }
 
/* ----------leader-section------- */
 /* leaders */
     .leaders h5{
      text-align: center;
      font-family: "Poppins", sans-serif;
      font-size: 65px;
      margin-bottom: 20px;
      color: #333;
      font-weight: 500;
      margin-bottom: 50px;
    }
 
    .scroll-wrapper {
      display: flex;
      width: max-content;
      animation: scroll-left 30s linear infinite;
    }
 
    .horizontal-scroll-container {
      display: flex;
      gap: 20px;
    }
 
    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }
 
    .hover-card {
      position: relative;
      width: 365px;
      height: 450px;
      flex: 0 0 auto;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      cursor: pointer;
      background: white;
      margin-right: 60px;
    }
 
    .hover-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.3s ease;
    }
 
    .hover-card:hover img {
      transform: scale(1.05);
    }
 
    .card-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.95);
      padding: 20px;
      transform: translateY(100%);
      transition: transform 0.3s ease;
      text-align: left;
    }
 
    .hover-card:hover .card-content {
      transform: translateY(0%);
    }
 
    .category {
      font-size: 12px;
      text-transform: uppercase;
      color: #666;
      letter-spacing: 1px;
    }
 
    .card-content h3 {
      font-size: 18px;
      margin: 8px 0;
      color: #111;
    }
 
    .card-content p {
      font-size: 14px;
      color: #555;
    }
 
    @media (max-width: 768px) {
      .container {
        width: 100%;
        padding: 0 20px;
      }
 
      .hover-card {
        width: 250px;
        height: 400px;
      }
    }
 
/* -----------complexity-meets-clarity------------- */
.about-section.service-top{
  padding: 150px 0;
}




/* ---------client-section------ */
 
  .left {
      flex: 1;
      animation: fadeInLeft 1s ease-out forwards;
      max-width: 350px;
    }
 
    .left h3 {
      font-size: 3rem;
      line-height: 1.2;
      opacity: 0;
      font-family: "Poppins", sans-serif;
  font-weight: 500;
      animation: fadeInUp 1s ease forwards;
      animation-delay: 0.2s;
      margin-bottom: 2rem;
    }
 
    .toggle {
      display: flex;
      gap: 1rem;
      background: #fd83c129;
      padding: 0.5rem;
      border-radius: 2rem;
      max-width: fit-content;
      opacity: 0;
      animation: fadeInUp 1s ease forwards;
      animation-delay: 0.5s;
    }
 
    .toggle button {
      background: none;
      border: none;
      color: #000000;
      padding: 0.7rem 2rem;
      border-radius: 2rem;
      font-size: 1rem;
      cursor: pointer;
      transition: 0.3s ease;
       font-family: "Poppins", sans-serif;
  font-weight: 500;
    }
 
    .toggle .active {
      background-color: #e91e63;
      color: #ffffff;
    }
 
    .right {
      flex: 1;
      position: relative;
      margin-right: 6rem;
      max-width: 475px;
      height: 460px;
      perspective: 1400px;
      transform-style: preserve-3d;
    }
 
    #slider input[type="radio"] {
      display: none;
    }
 
    #slider {
      position: relative;
      width: 100%;
      height: 460px;
      font-family: 'Segoe UI', sans-serif;
      perspective: 1400px;
      transform-style: preserve-3d;
    }
 
    #slider label {
      position: absolute;
      width: 100%;
      height: 460px;
      left: 0;
      top: 0;
      border-radius: 1.5rem;
      background: #fdf1fa;
      color: #1d2b27;
      padding: 2rem;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform 0.6s ease, box-shadow 0.6s ease, opacity 0.6s ease;
      opacity: 0.4;
      transform-origin: center center;
      user-select: none;
      z-index: 0;
    }
 
    #s1:checked ~ #slide1,
    #s2:checked ~ #slide2,
    #s3:checked ~ #slide3,
    #s4:checked ~ #slide4,
    #s5:checked ~ #slide5 {
      box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2);
      transform: translate3d(0%, 0, 0px) scale(1);
      opacity: 1;
      z-index: 3;
    }
 
    #s1:checked ~ #slide2,
    #s2:checked ~ #slide3,
    #s3:checked ~ #slide4,
    #s4:checked ~ #slide5,
    #s5:checked ~ #slide1 {
      box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
      transform: translate3d(20%, 0, -100px) scale(0.9) rotateY(-10deg);
      opacity: 0.4;
      z-index: 2;
    }
 
    #s1:checked ~ #slide3,
    #s2:checked ~ #slide4,
    #s3:checked ~ #slide5,
    #s4:checked ~ #slide1,
    #s5:checked ~ #slide2 {
      box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
      transform: translate3d(40%, 0, -250px) scale(0.8) rotateY(-20deg);
      opacity: 0.2;
      z-index: 1;
    }
 
    #s1:checked ~ #slide5,
    #s2:checked ~ #slide1,
    #s3:checked ~ #slide2,
    #s4:checked ~ #slide3,
    #s5:checked ~ #slide4 {
      box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
      transform: translate3d(-20%, 0, -100px) scale(0.9) rotateY(10deg);
      opacity: 0.4;
      z-index: 2;
    }
 
    #s1:checked ~ #slide4,
    #s2:checked ~ #slide5,
    #s3:checked ~ #slide1,
    #s4:checked ~ #slide2,
    #s5:checked ~ #slide3 {
      box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
      transform: translate3d(-40%, 0, -250px) scale(0.8) rotateY(20deg);
      opacity: 0.2;
      z-index: 1;
    }
 
    .badge-group {
      display: flex;
      gap: 0.5rem;
      margin-bottom: 1.5rem;
    }
.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px !important;
}
    .badge {
      background-color: #f1d9e4;
     font-family: "Poppins", sans-serif;
  font-weight: 400;
      padding: 0.4rem 1rem;
      border-radius: 10px;
      font-size: 0.85rem;
      font-weight: 500;
      border: 1px solid transparent;
      user-select: none;
      border-radius: 10px;
      color: #777 !important;
    }
   
    .badge.secondary {
      background-color: transparent;
      border: 1px solid #f1d9e4;
      border-radius: 10px;
      color: #777;
        font-family: "Poppins", sans-serif;
  font-weight: 700;
    }
 
    .quote {
      font-size: 1rem;
      line-height: 1.6;
      position: relative;
      flex-grow: 1;
      color: rgb(126, 127, 130);
       font-family: "Poppins", sans-serif;
  font-weight: 500;
    }
 
    .quote::before {
      content: "“";
      font-size: 5rem;
      color: #e0178942;
      position: absolute;
      top: -1.5rem;
      left: -0.5rem;
      z-index: -1;
      user-select: none;
    }
   
@media (max-width: 1024px) {
  .container.service-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
 
  .left {
    max-width: 100%;
    text-align: center;
    padding-bottom: 2rem;
  }
 
  .left h3 {
    font-size: 2.5rem;
  }
 
  .toggle {
    justify-content: center;
  }
 
  .right {
    margin: 0;
    width: 100%;
    max-width: 500px;
    height: auto;
  }
 
  #slider {
    height: 420px;
  }
 
  #slider label {
    height: 420px;
  }
}
 
@media (max-width: 600px) {
  .left h1 {
    font-size: 2rem;
  }
 
  .toggle button {
    padding: 0.5rem 1.2rem;
    font-size: 0.95rem;
  }
 
  .right {
    max-width: 235px;
  }
 
  #slider {
    height: 380px;
  }
 
  #slider label {
    padding: 1.5rem;
    height: 380px;
  }
 
  .quote {
    font-size: 0.95rem;
    text-align: start;
  }
 
  .badge {
    font-size: 0.75rem;
    padding: 0.3rem 0.8rem;
  }
 
  .profile img {
    width: 42px;
    height: 42px;
  }
 
  .name {
    font-size: 0.95rem;
  }
 
  .title {
    font-size: 0.8rem;
  }
}





/* software-developer */
/* -------------------------Horizontal Ticker---------------- */

.section-soft{
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
  margin-top: 40px;
}

  .horizontal-ticker__slider {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-bottom: 40px;
    
  }

 .base-template {
      padding: 40px 0;
      /* width: 100%; */
    }

    
.base-template__wrapper{
        /* max-width: 1300px; */
      margin: 0 auto;
      /* padding: 0 20px; */

}

.scroll-header{
text-align: center;
padding: 0 80px;
color: white;
margin-bottom: 5rem;
  

}
.scroll-header h1{
text-align: center;
font-size: 4rem;
   font-family: "Poppins", sans-serif;
    font-weight: 600;

}
.scroll-header p{
text-align: center;
font-size: 1.5rem;
   font-family: "Poppins", sans-serif;
    font-weight: 400;

}

  .ticker-track {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-left 60s linear infinite;
  }

  .ticker-track.reverse {
    animation: scroll-right 60s linear infinite;
  }

  .ticker-track img {
    height: 200px;
    margin: 0 20px;
    vertical-align: middle;
    border-radius: 15px;
  }

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

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

  @media (max-width: 768px) {

.scroll-header h1{
text-align: center;
font-size: 2.5rem;

}
.scroll-header p{
text-align: center;
font-size: 1rem;


}


    .ticker-track img {
      height: 80px;
      margin: 0 15px;
      border-radius: 8px;

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

    .head-text {
      font-size: 24px; /* smaller font for mobile */
      padding: 0 10px;
    }
    .small-text {
      font-size: 16px; /* smaller font for mobile */
      padding: 0 15px;
      max-width: 100%;
    }

 }





/* bottom bar */


.bottom-bar {
  background-color: #e9ecef; 
  padding: 15px 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 0.9em;
  flex-wrap: wrap; 
  text-align: center;
}
 
.bottom-bar p {
  margin: 5px 10px;
}
 
.bottom-bar .bottom-links {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  margin: 5px 10px;
}
 
.bottom-bar .bottom-links a {
  margin: 0 10px;
}
 
.bottom-bar a {
  color: #555;
  text-decoration: none;
}
 
.bottom-bar a:hover {
  text-decoration: underline;
  color:#e91e63;
}
 
.bottom-bar .back-to-top {
  margin: 5px 10px;
}
 
@media (max-width: 600px) {
  .bottom-bar {
    flex-direction: column; 
  }
 
  .bottom-bar .bottom-links {
    flex-direction: column;
    margin-top: 10px;
  }
 
  .bottom-bar .bottom-links a {
    margin: 5px 0;
  }
 
  .bottom-bar .back-to-top {
    margin-top: 10px;
  }
}

/* ----------------------------------------------SERVICE SECTION----------------- */
/* section-1 */
.hero-section {
      padding: 80px 40px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .breadcrumb1 {
      display: inline-block;
      background-color: #f356a63d;
      padding: 8px 20px;
      border-radius: 999px;
      color: #656363fe;
      font-size: 14px;
      margin-bottom: 40px;
       font-weight: 400;
     font-family: "Poppins", sans-serif;
  font-weight: 500;
    }

    .breadcrumb1 span:first-child {
      color: #e91e63; /* light green */
      margin-right: 6px;
    }

    .breadcrumb1 span:not(:first-child)::before {
      content: "/";
      margin: 0 6px;
      color: #666;
    }

    .hero-title {
      font-size: 64px;
      line-height: 1.2;
      margin: 0 0 20px;
      color: #111;
      display: block;
       margin-top: 20px;
       font-family: "Poppins", sans-serif;
  font-weight: 500;
    }

    .hero-subtitle {
      font-size: 18px;
       font-family: "Poppins", sans-serif;
  font-weight: 500;
      max-width: 750px;
         color: #737b9a;
      line-height: 1.6;
    }
@media screen and (max-width:768px){
  .hero-title{
    font-size: 30px;
    display: block;
  }
}

/* ----------------------------section-3---------------- */
.row.design {
  gap: 0;
  margin-bottom: 40px;
}

.design-head {
  font-size: 60px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.design-head strong {
  font-weight: 600;
}

.design-para {
  font-size: 25px;
  margin-top: 20px;
  text-align: justify;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.design-strong {
  color: #e91e63 !important;
  font-weight: 500;
  font-family: "Satoshi Variable", sans-serif;
}

/* Tablet view */
@media screen and (max-width: 991px) {
  .design-head {
    font-size: 40px;
    text-align: center;
  }

  .design-para {
    font-size: 20px;
    text-align: center;
  }

  .row.design {
    flex-direction: column;
    text-align: center;
  }
}

/* Mobile view */
@media screen and (max-width: 576px) {
  .design-head {
    font-size: 30px;
    line-height: 1.3;
    text-align: center;
  }

  .design-para {
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
  }
}

/* ------------------------------section-4--------------- */
.box-item {
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 415px;
  margin-bottom: 35px;
  max-width: 100%;
  color: #ffffff;
}
.box-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

 
.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
 
.flip-box-front,
.flip-box-back {
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  min-height: 475px;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 
.flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 60px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  
  transform: translateY(-50%) translateZ(60px) scale(.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
  top: 50%;
}
 
.flip-box-header {
  font-size: 34px;
      font-family: "Poppins", sans-serif;
  font-weight: 500;
}
 
.flip-box p {
  font-size: 20px;
  line-height: 1.5em;
      font-family: "Poppins", sans-serif;
  font-weight: 400;
}
 
.flip-box-img {
  margin-top: 25px;
}
 
.flip-box-button {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  padding: 15px 20px;
  text-transform: uppercase;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
}
/* Tablet (max width: 991px) */
@media screen and (max-width: 991px) {
  .box-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .box-item {
    width: 289px;
    max-width: 100%;
  }

  .flip-box-header {
    font-size: 28px;
  }

  .flip-box p {
    font-size: 18px;
  }

  .flip-box .inner {
    padding: 40px;
  }
}

/* Mobile (max width: 576px) */
@media screen and (max-width: 576px) {
  .flip-box-header {
    font-size: 22px;
  }

  .flip-box p {
    font-size: 15px;
  }

  .flip-box .inner {
    padding: 25px;
  }

  .flip-box-front,
  .flip-box-back {
    min-height: 400px;
  }
}
/* --------------------------------------------Portfolio--------------------------------------- */
    .portfolio-title{
       font-size: 80px;
        font-family: "Poppins", sans-serif;
  font-weight: 400;
    }
   .para{
        font-size: 20px;
        color: #6d6d8d;
         font-family: "Poppins", sans-serif;
  font-weight: 500;

    }
    @media(max-width:768px){
      .portfolio-title{
        font-size: 40px;
      }
    }

/* ---------------portfolio section-1------------- */
 .top-bar {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
   .main {
      flex: auto;
    }
   .topic h2{
    font-family: "Poppins", sans-serif;
  font-weight: 500;
    font-size: 40px;
    margin-bottom: 30px;
    }

/* ---------------portfolio section-2------------- */
   .events-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
    }

    .event-card {
      background-color: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .event-card img {
      width: 100%;
      height: 240px;
      object-fit: cover;
    }

    .event-content {
      padding: 20px;
    }

    .event-date {
      font-size: 16px;
      color: #6d6d8d;
      margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
  font-weight: 500;
    }

    .event-title {
      font-size: 22px;
      font-weight: 600;
      color: #1c1c5e;
    font-family: "Poppins", sans-serif;
    }
       .events-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    
      margin: auto;
    }

    .event-card {
      background: white;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      opacity: 0;
      transform-style: preserve-3d;
      transition: transform 0.8s ease, opacity 0.8s ease;
    }

    .event-card.visible {
      opacity: 1;
    }

    /* Flip Animations */
    .flip-right {
      transform: rotateY(90deg);
    }
    .flip-right.visible {
      transform: rotateY(0);
    }

    .flip-left {
      transform: rotateY(-90deg);
    }
    .flip-left.visible {
      transform: rotateY(0);
    }
        .portfolio-read{
      display: inline-block;
    background-color: #f356a63d;
    padding: 8px 20px;
    border-radius: 999px;
    color: #000;
    margin-top: 10px;
    text-decoration: none;
    font-size: 14px;
   font-family: "Poppins", sans-serif;
  font-weight: 500;
    }
    @media (max-width: 1024px) {
      .events-grid {
        grid-template-columns: 1fr 1fr;
      }

      h1.page-title,
      .results-count {
        padding-left: 20px;
      }

      .sidebar {
        margin-bottom: 30px;
      }
    }

    @media (max-width: 768px) {
      .events-grid {
        grid-template-columns: 1fr;
      }
    }
/* ------------------------Portfolio Read-More---------------------- */
/* -----------top---------- */
  .top-bar {
      padding: 30px 80px 10px;
      background:
        linear-gradient(90deg, rgba(181, 175, 176, 0.13), rgba(128, 125, 126, 0.7));
      background-size: contain;
      background-color: #f7f7f9;
    }

   .back-button{
         background: #e91e63;
      color: #ffffff;
      padding:10px 20px;
      border-radius: 50px;
      border:#e91e63 ;
      font-size: 17px;
    }

    .breadcrumb1 {
      display: inline-block;
      background-color: #f356a63d;
      padding: 8px 20px;
      margin-bottom: 0;
      border-radius: 999px;
      color: #000;
      font-size: 14px;
      font-weight: 400;
         font-family: "Poppins", sans-serif;
    }

    .breadcrumb1 span:first-child {
      color: #e91e63;
      margin-right: 6px;
         font-family: "Poppins", sans-serif;
    font-weight: 500;
    }

    .breadcrumb1 span:not(:first-child)::before {
      content: "/";
      margin: 0 6px;
      color: #666;
    }
    .top-container{
      display: flex;
      gap: 15px;
      justify-content: space-between;
    }
@media (max-width:768px){
   .top-bar {
        padding: 20px;
        text-align: center;
        background-position: center top;
        background-size: cover;
      }
}

/* --section-1-- */
.hero-sectionport {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 150px 80px;
      background:
        linear-gradient(90deg, rgba(181, 175, 176, 0.13), rgba(128, 125, 126, 0.7));        
      background-size: contain;
      background-color: #f7f7f9;
    }
    .hero-text {
      max-width: 50%;
    
    }

    .hero-text h1 {
      font-size: 48px;
      font-weight: 700;
      margin-bottom: 20px;
      color: #1b1b1b;
      text-align: start;
         font-family: "Poppins", sans-serif;
    font-weight: 600;
    }

    .hero-text h3 {
      font-size: 22px;
      font-weight: 600;
      color: #555;
      text-align: start;
      margin-bottom: 20px;
         font-family: "Poppins", sans-serif;
    }

    .hero-text p {
      font-size: 16px;
      color: #333;
      line-height: 1.6;
      margin-bottom: 40px;
      text-align: start;
         font-family: "Poppins", sans-serif;
    font-weight: 400;
    }

    .hero-buttons {
      display: flex;
      gap: 20px;
    }
  .image-cluster {
      position: relative;
      width: 600px;
      height: 400px;
    }

    .image-cluster img {
      position: absolute;
      width: 300px;
      height: 220px;
      object-fit: cover;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .img-1 {
      top: 0;
      right: 249px;
      z-index: 2;
    }

    .img-2 {
     top: 131px;
    left: 241px;
      z-index: 3;
    }

    .img-3 {
      top: 189px;
      left: 0px;
      z-index: 1;
    }
    .top-container{
      display: flex;
      gap: 15px;
      justify-content: space-between;
    }
    @media (max-width:1400px){
         .image-cluster img {
    position: absolute;
    width: 240px;
    height: 190px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
    }
    .img-1 {
    top: 23px;
    right: 75px;
    z-index: 2;
}
.image-cluster {
    position: relative;
    width: 400px;
    height: 400px;
}
    }
    @media (max-width:992px){
      .image-cluster img {
    position: absolute;
    width: 240px;
    height: 190px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
    }
    .img-1 {
    top: 23px;
    right: 75px;
    z-index: 2;
}
.image-cluster {
    position: relative;
    width: 400px;
    height: 400px;
}
  }
 

@media (max-width:768px){
  .hero-sectionport {
        flex-direction: column;
        padding: 50px 20px !important;
        background-position: center bottom;
        background-size: cover;
        text-align: center;
      }

      .top-bar {
        padding: 20px;
        text-align: center;
        background-position: center top;
        background-size: cover;
      }

      .hero-text {
        max-width: 100%;
        text-align: center;
      }

      .hero-buttons {
        justify-content: center;
        flex-wrap: wrap;
      }
  .hero-text h1{
    font-size: 30px;
  }
   .image-cluster {
        width: 100%;
        height: 245px;
      }

      .image-cluster img {
        width: 120px;
        height: 160px;
      }

      .img-1 {
        top: 0;
        left: 20px;
      }

      .img-2 {
        top: 20px;
        left: 100px;
      }

      .img-3 {
        top: 80px;
        left: 60px;
      }
}
/* ---sectin-2---- */
  .section-title {
      font-size: 48px;
      font-weight: 600;
      margin-bottom: 60px;
      max-width: 600px;
      color: #2c3550;
         font-family: "Poppins", sans-serif;
    }

    .cards-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      align-items: flex-start;
    }

    .card-portfolio {
      border-radius: 16px;
      padding: 30px 24px;
      width: 293px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card-portfolio:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    }

    .card-portfolio span {
      font-size: 14px;
      color: #8a90a2;
      font-weight: 600;
      display: block;
      margin-bottom: 12px;
    }

    .card-portfolio h3 {
      font-size: 20px;
      font-weight: 700;
      color: #1f2937;
      margin-bottom: 10px;
    }

    .card-portfolio p {
      font-size: 14px;
      line-height: 1.5;
      color: #4b5563;
    }
    .card-portfolio:nth-child(3) {
      margin-top: -40px;
    }

    .card-portfolio:nth-child(4) {
      margin-top: -20px;
    }

    @media (max-width: 992px) {
      .cards-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 0;
      }

      .card-portfolio {
        margin-top: 0 !important;
      }

      .section-title {
        font-size: 32px;
        text-align: center;
        margin-bottom: 20px;
      }
    }
/* ---section-3--- */
.cards-row {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
    }

    .blog-card1 {
      flex: 1;
      max-width: 450px;
    }

    .blog-date {
      font-size: 14px;
      color: #7e88a3;
      margin-bottom: 10px;
         font-family: "Poppins", sans-serif;
    font-weight: 500;
    }

    .blog-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 16px;
      color: #1c1e21;
         font-family: "Poppins", sans-serif;
    font-weight: 600;
    }

    .blog-image {
      width: 100%;
      height: 200px;
      border-radius: 12px;
      object-fit: cover;
      margin-bottom: 16px;
    }

    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .tag {
      background-color: #f1f3f8;
      color: #3d4867;
      font-size: 13px;
      padding: 6px 14px;
      border-radius: 20px;
      font-weight: 500;
    }
   @media (max-width: 992px) {
      .cards-row {
        flex-direction: column;
        align-items: center;
      }

      .section-title {
        font-size: 32px;
        text-align: center;
      }

      .blog-card1 {
        max-width: 90%;
      }
    }
/* -------------------------------------Blog Page----------------------------- */
/* ---top--- */
.hero-sectionBlog {
      padding: 150px 0;
      text-align: center;
    }

    .hero-title1 {
      font-size: 3.5rem;
      font-weight: 800;
      line-height: 1.2;
      color: #000000;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
        line-height: 1.2;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
     margin-bottom: 30px;
  font-size: 65px;
      gap: 10px;
      animation: fadeInUp 1s ease-in-out;
    }

    .highlight1 {
      background: #c7e7ff;
      border-radius: 40px;
      padding: 0 15px;
      display: inline-block;
      position: relative;
      animation: pulseHighlight 2.5s infinite ease-in-out;
    }

    .subtitle {
      max-width: 1190px;
      margin: 20px auto 0;
       line-height: 1.9;
  font-size: 18px;
  margin-top: 15px;
  color: #737b9a;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
      animation: fadeIn 2s ease-in-out;
    }

    .blog-btn{
      padding:10px 20px;
      margin-top: 20px;
      margin-bottom: 10px;
      text-decoration: none;
      color: #000;
      background: #f0d6e2;
      border: none;
      border-radius: 50px;
      font-size: 20px;
    }
  .blog-btn a {
          text-decoration: none;
          color: #000000;
          font-family: "Poppins", sans-serif;
          font-weight: 400;
  }
    .blog-heading{
  font-size: 40px;
   font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
}

    /* @media (max-width: 992px) {
      .card {
        width: calc(50% - 15px);
      }
    }

    @media (max-width: 600px) {
      .card {
        width: 100%;
        margin-right: 0;
      }
    } */
    /* Animations */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }

    @keyframes pulseHighlight {
      0% {
        background-color: #f204734a;
        transform: scale(1);
      }
      50% {
        background-color: #f0d6e2;
        transform: scale(1.05);
      }
      100% {
        background-color: #f0d6e2;
        transform: scale(1);
      }
    }

    @media (max-width: 768px) {
      .hero-sectionBlog{
        padding: 50px 10px;
      }
      .hero-title1 {
        font-size: 2.4rem;
      }

      .subtitle {
        font-size: 1rem;
      }
    }

/* ------section-1--- blog section--------- */


 .section-2 {
      /* padding: 80px 20px; */
      background-color: #fff;
    }

    .container-blog {
      max-width: 1300px;
      margin: 0 auto;
    }

    .heading {
      text-align: center;
      margin-bottom: 50px;
    }


    .heading h3 {
      font-size: 2.2rem;
      font-weight: 600;
      color: #1d1d1f;
    }

    .blog-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
      gap: 30px;
    }

    .blog-card {
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      display: flex;
      flex-direction: column;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      /* padding: 15px; */
    }

    .blog-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    }

    .blog-card img {
      width: 100%;
      height: 200px;
      /* object-fit: cover; */
    }

    .card-content1 {
      padding: 20px ;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }



    .post-title {
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 10px;
      line-height: 1.4;
      color: #1e1e1e;
   font-family: "Poppins", sans-serif;
    font-weight: 600;
    }

    .post-excerpt {
      font-size: 0.95rem;
      color: #555;
      flex-grow: 1;
      line-height: 1.5;
         font-family: "Poppins", sans-serif;
    font-weight: 400;
    }

   .read-more {
  margin-top: 15px;
  font-size: 0.9rem;
  color: #007bff;
  text-decoration: none;
  opacity: 0;
  transform: translateY(10px);
     font-family: "Poppins", sans-serif;
    font-weight: 500;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.blog-card:hover .read-more {
  opacity: 1;
  transform: translateY(0);
}


    .read-more i {
      margin-left: 5px;
    }

    @media (max-width: 768px) {
      .heading h3 {
        font-size: 1.6rem;
      }

      .blog-card img {
        height: 180px;
      }

      .card-content1 {
        padding: 16px;
      }

      .post-title {
        font-size: 1rem;
      }

      .post-excerpt {
        font-size: 0.9rem;
      }
    }

    @media (max-width: 480px) {
      .section-2 {
        padding: 60px 15px;
      }

      .blog-card img {
        height: 160px;
      }
    }

     @media (max-width: 1024px) {

      .blog-grid{
        padding: 10px ;
      }
        .blog-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
    }
     }


/* ----------------------------BLOG READ-MORE--------------------------- */
/* TOP-1 */
.top-bar1{
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding:0 20px;
}
.back-button{
    border: none;
    display: inline-block;
    padding: 8px 24px;
    background-color: #e91e63;
    color: #fff;
       font-family: "Poppins", sans-serif;
    text-decoration: none;
    border-radius: 30px;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)
}
 
/*--- top-2-- */
 
 .sidebar {
 
      position: sticky;
 
      top: 20px;
 
      width: 300px;
 
      /* background: #f9f9f9; */
 
      padding: 20px;
 
      height: fit-content;
 
    }
 
    .toc-title {
      color: #999;
      font-size: 16px;
      margin-bottom: 30px;
         font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
 
    .toc-list {
      list-style: none;
      position: relative;
      padding-left: 25px;
      border-left: 1px solid #ccc;
    }
 
    .toc-list li {
      position: relative;
      margin-bottom: 30px;
      padding-left: 25px;
      color: #666;
      font-size: 15px;
      cursor: pointer;
         font-family: "Poppins", sans-serif;
    font-weight: 500;
    }
 
    .toc-list li::before {
      content: "";
      position: absolute;
      left: -12px;
      top: 0;
      width: 20px;
      height: 20px;
      /* border: 2px solid #999; */
       background-image: url(assets/images/hero/h-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
      /* clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); */
    }
 
    .toc-list li.active {
      font-weight: bold;
      color: #e91e63;
    }
 
    .toc-list li.active::before {
      border-color: #1d4ed8;
    }
 
    .content-blog {
      flex: 1;
    }
 
    section {
      /* margin-bottom: 100px; */
      padding: 40px 20px;
      /* background: #f9f9f9; */
      /* border-radius: 10px; */
    }
 
    section h2 {
      margin-bottom: 20px;
      font-size: 24px;
         font-family: "Poppins", sans-serif;
    font-weight: 600;
    }
    .section1 p {
         font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
    .section1 ul {
         font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
    .right-sidebar {
      order: 3;
    }
   .meta {
      font-size: 14px;
         font-family: "Poppins", sans-serif;
    }
 
    .date {
      color: #6b7280;
      margin-bottom: 20px;
    }
 
    .author {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
    }
 
    .author-img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
    }
 
    .author small {
      display: block;
      font-size: 12px;
      color: #6b7280;
    }
 
    .tags span {
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
    }
 
    .tag {
      display: inline-block;
      background-color: #eef2ff;
      color: #1d4ed8;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 14px;
    }
    .content-blog{
         font-family: "Poppins", sans-serif;
    }
         @media (max-width: 768px) {
          .top-bar1{
            align-items: start;
          }
         }
 
     @media (max-width: 768px) {
      .container-blog {
        flex-direction: column;
      }
      .sidebar {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0;
        position: relative;
      }
 
    }
     @media (min-width:769px)and (max-width: 1024px) {
      .container-blog {
        flex-direction: column;
      }
      .top-bar1{
        flex-direction: row;
      }
 
      .sidebar {
        width: 100%;
        position: relative;
      }
 
      .content-blog {
        order: 2;
      }
 
      .left-sidebar {
        order: 1;
      }
 
      .right-sidebar {
        order: 3;
      }
       
    }
  

    /* Back to top button */
.back-to-top {
  position: fixed;
  bottom: 95px;
  right: 20px;
  font-size: 25px;
  background: #e91e63;
  color: #ffffff;
  border-radius: 50%;
  padding: 9px 17px;
  padding-bottom: 13px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
}
.fas.fa-chevron-up{
  color: #ffffff;
}
.back-to-top:hover {
  background-color: #000000;
}
.text-heading.aos-init.aos-animate{
  margin-top: 30px;
  margin-bottom: 30px;
}


/* -----------------------------------------Main-footer---------------------- */


/* footer */
.main-footer {
  background-color: #f8f9fa; /* Light gray background */
  padding: 40px 20px;
  font-family: sans-serif; /* Or your preferred font */
  color: #555;
  line-height: 1.6;
}
.footer-row{
  gap: 50px;
}
.footer-container.row {
  max-width: 1200px; /* Adjust as needed */
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
/* .footer-column.contact-info.col-lg-4{
  width: 29%;
} */

.footer-column {
  /* flex: 1 1 300px;  */
  margin-bottom: 30px;
}
.bottom-bar p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.bottom-links a{
    font-family: "Poppins", sans-serif;
  font-weight: 400;
  z-index: 5;
}
.footer-column h3 {
  color: #333;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.4em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.footer-column p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
/* Contact Info */
.contact-info i {
  margin-right: 8px;
  color: #e91e63; /* Example icon color */
}
.email a:hover{
  color: #e91e63; /* Example icon color */
}
.contact-info a {
  color: #555;
  text-decoration: none;
}

.contact-info a:hover {
  text-decoration: underline;
}

.contact-info .phone-number,
.contact-info .email {
  margin-bottom: 10px;
}
.social-links{
  margin-top: 40px;
}
.social-links p {
  margin-bottom: 8px;
  color: #333;
  font-family: "Poppins", sans-serif;
  font-weight: 500;

}

.social-links a {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2em;
  color: #6c757d; /* Example social icon color */
  text-decoration: none;
}

.social-links a:hover {
  color:  #e91e63 ;
}

/* Quick Links */
.quick-links .links-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.quick-links .links-list li {
  width: 50%; /* Two columns */
  margin-bottom: 8px;
}

.quick-links .links-list a {
  color: #555;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.quick-links .links-list a:hover {
  text-decoration: underline;
  color: #e91e63;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}


 @media (max-width: 425px) {

.footer-column.contact-info.col-lg-4{
  width: 90% !important;
  text-align: start;
}


.quick-links .links-list{
text-align: start !important;
}
 }

@media (min-width:426px) and (max-width: 768px) {

.footer-column.contact-info.col-lg-4{
  width: 50%;
  text-align: left ;
}

.quick-links .links-list{
text-align: start !important;
}
.logo-footer {
    width: 35%;
    height: auto;
}
.footer-column h3 {
  text-align: start;
}

}


@media (min-width:769px) and (max-width: 991px) {

.footer-column.contact-info.col-lg-4{
  width: 35%;
  text-align: left ;
}

.quick-links .links-list{
text-align: start !important;

}

.footer-column .quick-links .col-lg-4{
  width: 30%;

}
.quick-links .links-list li {
    width: 35%;
    margin-bottom: 8px;
}
.footer-column h3 {
  text-align: start;
}

}

@media (min-width:992px) and (max-width: 1024px) {

.footer-column.contact-info.col-lg-4{
  width: 28%;
  text-align: left ;
}

.quick-links .links-list{
text-align: start !important;

}



.footer-column h3 {
  text-align: start;
}

}
@media (min-width:1025px) and (max-width: 2560px) {

.footer-column.contact-info.col-lg-4{
  width: 28%;
  text-align: left ;
}

.quick-links .links-list{
text-align: start !important;

}



.footer-column h3 {
  text-align: start;
}

}






/* ----------------------------------contact Form ------------------------------ */



  /* contact */
      .contact-section {
      display: flex;
      gap: 40px;
      align-items: flex-start;
      justify-content: center;
      /* background-color: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(10px);
      border: 2px solid rgba(255, 255, 255, 0.4);  */
      border-radius: 15px;
      padding: 20px;
    }
 
     .contact-left {
      flex: 1;
      align-self: center;
      padding: 20px;
      margin-right: auto; /* Push to the left */
       text-align: left;

    }
    /* .contact-left, .contact-right {
      flex: 1;
    } */
 
    .contact-left h2 {
      font-size: 3rem;
      margin-bottom: 10px;
         font-family: "Poppins", sans-serif;
    font-weight: 500;
    }
 
    .contact-left p {
      font-size: 1.1rem;
      line-height: 1.6;
      color: #6c757d;
      margin-bottom: 20px;
         font-family: "Poppins", sans-serif;
    font-weight: 400;
    }
 
    .contact-right form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
 
    .contact-right form .full-width {
      grid-column: 1 / -1;
    }
 
    .contact-right input,
    .contact-right textarea {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #ddd;
      background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent input fields */
      font-size: 1rem;
    }
 
    .contact-right textarea {
      min-height: 120px;
      resize: vertical;
    }
 
     .contact-right {
            /* flex: 2; */
      background-color: rgba(255, 255, 255, 0.2); /* Transparent background for glass effect */
      backdrop-filter: blur(30px); /* Glassmorphism effect */
      border: 2px solid rgba(255, 255, 255, 0.4); /* 2px solid border */
      border-radius: 15px;
      padding: 20px;
      max-width: 700px;
      width: 100%;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
       /* margin-left: auto; */
      text-align: left;
    }
 
    .contact-right button {
      grid-column: 1 / -1;
      padding: 14px;
      background-color: #e91e63;
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 1rem;
      cursor: pointer;
      transition: background-color 0.3s;
    }
 
    .contact-right button:hover {
      background-color: #d81b60;
    }
 
    /* Responsive Design */
    @media (max-width: 768px) {
      .contact-section {
        flex-direction: column;
        gap: 20px;
      }
 
      .contact-right form {
        grid-template-columns: 1fr;
      }
 
      .contact-left h2 {
        font-size: 1.5rem;
      }
 
      .contact-left p {
        font-size: 1rem;
      }

      .contact-right {
            flex: 2;
      background-color: rgba(255, 255, 255, 0.2); /* Transparent background for glass effect */
      backdrop-filter: blur(30px); /* Glassmorphism effect */
      border: 2px solid rgba(255, 255, 255, 0.4); /* 2px solid border */
      border-radius: 15px;
      padding: 20px;
      max-width: 500px;
      width: 100%;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      align-self: center;
             text-align: left;

    }
    }
 
@media (min-width:769px)and(max-width: 1024px){

   .contact-section {
      display: flex;
      gap: 0px !important;
      align-items: flex-start;
      justify-content: center;
      border-radius: 15px;
      padding: 0px ;
    }


   .contact-left {
      flex: 2;
      /* align-self: center; */
      padding: 0px !important;
      margin-right: auto; 
text-align: left !important;
    }

}































    
/* section-2 */

.heading{
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.head{
      margin-left: 150px;
    margin-right: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.small-head {
  font-size: 40px;
  text-align: center;
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.5;
}
.sub-head{
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.service-card{
  padding: 30px;
  margin-bottom: 25px;
  border-radius: 10px;
  transition: var(--transition);
  --bs-bg-opacity: 1;
  background-color: #f9f9fc !important;

}
.service-card:hover{
  transform: translateY(-5px);
    box-shadow: 0 5px 50px #00000014;
}
.big-text {
  font-size: 64px;
  font-weight: 300;
  color: #222;
  font-family: "Poppins", sans-serif;
  font-size: calc(6.25rem + 6.95894vw - 100.27836px);

}

.ai-part {
  color: #e91e63;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  opacity: 0;
  transform: scale(0.2);
  display: inline-block;
}

.typed-container {
  display: inline-block;
}
.row>* {
 
    padding-right:0px;
    padding-left:0px;
    margin-top: var(--bs-gutter-y);
}


/* section-3 */
.digital-topic{
  font-size: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
  color: #e91e63;
}
.bottom-para{
  /* margin-top: 40px; */
}
.container.bottom{
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-content{
  text-align: center;
    font-size: 45px;
  color: #ffffff;
    margin-bottom: 15px; 
   font-family: "Poppins", sans-serif;
  font-weight: 500; 
}
.digital-head{
  font-size: 25px;
  text-align: start;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
.digital-marketing-section {
  padding: 60px 0;
  background: #f9f9ff;
}

.container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  
  justify-content: space-between;
   padding-right:0px;
     padding-left:0px;
}

/* .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 50px;
} */

.col {
  flex: 1;
  padding: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.left-content h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.left-content p {
  font-size: 17px;
  color: #6c757d;
  margin-bottom: 30px;
  max-width: 500px;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.services {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
}

.service-item {
  background: #fff2f699 ;
  padding: 12px 20px;
  border-radius: 8px;
  flex: 0 0 calc(50% - 10px);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
    color: #000;
}
.section-3{
  padding: 60px 0px;
}
.section-3first{
  padding-bottom: 30px;
}
.right-image img {
  max-width: 100%;
  height: auto;
}

.icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon svg {
  width: 20px;
  height: 20px;
}
.seo{
  display: flex;
      gap: 20px;
}
.para-1{
  line-height: 1.8;
  font-size: 17px;
  color: #737b9a;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
@media(max-width:768px){
  .bottom-content{
    font-size: 20px;
  }
  .section-6{
    padding: 20px 0 ;
  }
}
/* section-4 */
.client{
  background-image: url(./assets/images/hero/back.webp);
  background-repeat: no-repeat;
  background-size:cover ;
  opacity: 0.9;
}
.client-refer{
   line-height: 1.2;
  font-weight: 400;
  font-family: "Poppins", sans-serif;

  font-size: 50px;
}
.video-wraper {
      display: flex !important;
    justify-content: end !important;
}
iframe{
      height: 422px;
    width: 422px;
}
.section-client{
  background: #f9f9fc;
  padding: 100px 0;
}
.centered-text-section {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 70vh; /* adjust as needed */
  padding: 40px 20px;
}

.text-content {
  max-width: 800px;
}

.client-refer {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.para {
  font-size: 1.1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #555;
}

/* section-5 */
.card-container {
  display: flex;
  gap: 24px;
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
}
.view-btn{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.success.aos-init.aos-animate{
  margin-top: 30px;
  margin-bottom: 30px;
}
.card {
  position: relative;
  width: 320px;
  height: 450px;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.category {
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.overlay h3 {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
    margin-bottom: 16px;
}

.case-btn {
  align-self: flex-start;
  background: white;
  color: blue;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 500;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  transition: background 0.3s ease;
}

.btn:hover {
  background: #e0e0e0;
}
.card {
  position: relative;
  width: 370px;
  height: 450px;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(to bottom, #00f0, #e91e63);
  z-index: 1;
  transition: height 0.4s ease;
  border-radius: 16px;
}

.card:hover::before {
  height: 100%;
}

.overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  z-index: 2; 
}
/* section-6 */
.section-6{
  background: #e91e63;
  color: #ffffff;
}
.project-card{
  z-index: 1;
  overflow: hidden;
  text-align: center;
  padding: 40px 30px;
  position: relative;
  border-radius: 5px;
  transition: var(--transition);
  border: 1px dashed rgba(255, 255, 255, .4);
}
/* section-7 */
.para-tag{
  font-size: 20px;
  color: #e91e63;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
/* .testimonial-swiper {
  max-width: 83rem;
  margin: auto;
  padding-bottom: 60px;
  overflow: hidden;
}
.swiper-slide.testimonial{
  height: 350px;
}
.testimonial {
  background: #fafafa;
  border-radius: 8px;
  padding: 40px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.testimonial p {
  font-style: italic;
  font-size: 20px;
  opacity: 0.5;
  line-height: 30px;
  color: #444;
  margin-bottom: 20px;
} */

.profile {
  display: flex;
  align-items: center;
  gap: 12px;
}

.profile img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.profile-info {
  display: flex;
  flex-direction: column;
}

.profile-info strong {
  font-size: 16px;
  color: #000;
}

.profile-info span {
  font-size: 14px;
  color: #e91e63;
}

.swiper-pagination {
  text-align: center;
  margin-top: 20px;
}

.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background: #e91e63;
}
/* section-8 */

.pricing-container {
  display: flex;
  gap: 20px;
  padding: 0px;
}

.pricing-card {
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
    border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 386px;
  text-align: left;
}

.plan-title {
  color: #333;
  font-weight: 600;
  font-size: 1.5rem;
  margin-top: 20px;
  margin-bottom: 20px;
  padding:0px 25px;
}

.price {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0px 25px ;
}

.currency {
  font-size: 1rem;
  vertical-align: top;
  margin-right: 5px;
}

.amount {
  font-size: 2.5rem;
}

.period {
  color: #777;
  font-size: 0.9rem;
  margin-left: 5px;
}

.features {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
  padding:0px 25px;

}

.features li {
  color: #555;
  font-weight: 600;
  padding: 8px 0;
  display: flex;
  gap: 13px;
  align-items: center;
}

.features li img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.select{
padding:25px;
padding-top: 0;

}
.select-button {

  background-color:#e91e63;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 12px 25px;
  font-size: 1rem;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.3s ease;
}

/* .select-button:hover {
  background-color: #0029c2;
} */
/* .currency{
color: #e91e63;
} */
.amount{
color: #e91e63;
}
.divider{
border: 1px dashed #80808026;
margin-bottom: 10px ;
}
/* section-9 */
.carousel-wrapper {
  position: relative;
  width: 1168px;
  height: 580px;
  overflow: hidden;
}

.team-container {
  display: flex;
  gap: 20px;
  transition: transform 0.4s ease-in-out;
}

.team-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  width: 376px;
  text-align: center;
  flex-shrink: 0;
}

.image-container {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.team-card img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: auto;
}

.info {
  padding: 20px;
}

.info h3 {
  color: #333;
  margin-bottom: 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.info p {
  color: #e91e63;
  font-size: 0.9em;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.carousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  user-select: none;
}

.carousel-button.left {
  left: 3px;
  top: 25px;

}

.carousel-button.right {
  right: 3px;
  top: 25px;
}

/* section-10 */
.get-btn{
  display: flex;
  align-items: center;
  gap:517px;
  /* gap: 458px; */
}
.ready-img {
  background-image: linear-gradient(rgb(233 30 99 / 51%), rgba(233, 30, 99, 0.8));
  /* background-image: #e7d2e991; */
  color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}
.ready-img1 {
  /* background-image: linear-gradient(rgb(233 30 99 / 51%), rgba(233, 30, 99, 0.8)); */
    background: #e7d2e991;

     background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.9;
}

.ready.row{
padding: 30px;
padding-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    gap:10px;
        margin-left: 150px;
    margin-right: 150px;}
.contact-form{
  width: 850px;
}
.contact-paratag{
      font-size: 20px;
     text-align: center;
line-height: 1.6;
    font-family: "Poppins", sans-serif;
  font-weight: 400;
    color: #6c757d;}
/* contact-form */
input::placeholder{
color: #6c757d !important;
}
textarea::placeholder{
  color: #6c757d;
}
input:focus-visible{
outline: none !important;  
  box-shadow: none !important;
        border-bottom: 2px solid #ccc !important;
  background-color: rgba(255, 255, 255, 0.43) ;
border-radius: 3px; 
}
textarea:focus-visible{
outline: none !important;  
    border-bottom: 2px solid #ccc !important;
      box-shadow: none !important;
        background-color: rgba(255, 255, 255, 0.43) ;
border-radius: 3px; 

} 
 .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 15px;
            color: #000000;
       font-family: "Poppins", sans-serif;
  font-weight: 400;       
       font-size: 20px;
        }

        .form-group input[type="text"],
        .form-group input[type="email"],
        .form-group input[type="tel"], 
        .form-group input[type="number"],   
        .form-group textarea {
               border: 0;
    width: calc(100% - 12px);
    padding: 10px;
    box-shadow: 0 0 5px rgb(174 171 171 / 47%);
    background-color: #f9f9fc;
    padding-bottom: 18px;
    /* border-radius: 4px; */
    box-sizing: border-box;
    font-size: 1em;
    color: #000000;
      font-family: "Poppins", sans-serif;
  font-weight: 400;
        }
        /* input:focus {
              border-bottom: 2px solid #000000;

        } */


        .form-group textarea {
            resize: vertical;
            min-height: 100px;
        }

        .form-row {
            display: flex;
            gap: 60px;
        }

        .form-row .form-group {
            flex: 1;
        }

        button[type="submit"] {
            background-color:#e91e63;
            color: #ffffff;
          font-family: "Poppins", sans-serif;
  font-weight: 400;
            border: 1px solid #ccc;
            padding: 10px 20px;
            border-radius: 6px;
            margin-top: 20px;
            cursor: pointer;
            font-size: 20px;
            transition: background-color 0.3s ease;
        }

        button[type="submit"]:hover {
            background-color: #000000;
        }

        .submit-container {
            display: flex;
            justify-content: flex-start;
        }

        .submit-container svg {
            margin-left: 5px;
            vertical-align: middle;
        }
/*  */





.head-text-1{
  margin-left: 100px;
    margin-right: 100px;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
        font-size: 59px;
}
.section-13{
  padding:100px 0px;

}
.contact-para{
  font-size: 17px;
   line-height: 1.8;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
        margin-left: 100px;
    margin-right: 100px;
    color: #ffffff;
}



/* Bottom Bar */
.bottom-bar {
  background-color: #e9ecef; /* Light gray bottom bar */
  padding: 15px 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 0.9em;
  flex-wrap: wrap; /* Allow wrapping */
  text-align: center;
}
 
.bottom-bar p {
  margin: 5px 10px;
}
 
.bottom-bar .bottom-links {
  display: flex;
  flex-wrap: wrap; /* Wrap links on small screens */
  justify-content: center;
  margin: 5px 10px;
}
 
.bottom-bar .bottom-links a {
  margin: 0 10px;
}
 
.bottom-bar a {
  color: #555;
  text-decoration: none;
}
 
.bottom-bar a:hover {
  text-decoration: underline;
  color:#e91e63;
}
 
.bottom-bar .back-to-top {
  margin: 5px 10px;
}
 
@media (max-width: 600px) {
  .bottom-bar {
    flex-direction: column; /* Stack items vertically on small screens */
  }
 
  .bottom-bar .bottom-links {
    flex-direction: column; /* Stack links vertically */
    margin-top: 10px;
  }
 
  .bottom-bar .bottom-links a {
    margin: 5px 0;
  }
 
  .bottom-bar .back-to-top {
    margin-top: 10px;
  }
}

 
.logo-footer{
      width: 45%;
    height: auto;
}


.rcw-picker-btn{
  display: none !important;
}

.rcw-widget-container{
 margin-right: 30px !important;
}

.rcw-new-message {
  margin-left: 10px !important;
}

.rcw-send{
    margin-right: 0px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    background-color: #f4f7f900 !important;
    border: 0px !important;
    margin-left: 30px !important;
}


.error {
  color: red;
  font-size: 0.9em;
}

.form-status-message {
  margin-top: 10px;
  font-weight: bold;
  color: green;
}

/* updated-product */
.frame {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  width: 100%;
  max-width: 1100px;
  box-sizing: border-box;
}
 
.carousel-containerupdate {
  width: 100%;
  text-align: center;
}
 
.carousel-containerupdate h1 {
  font-size: 36px;
  color: #1d1d1f;
  margin-bottom: 40px;
  font-weight: 600;
}
 
.carousel-tabsupdate {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 50px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
 
.tab-button1 {
  background-color: transparent;
  border: none;
  padding: 15px 25px;
  cursor: pointer;
  font-size: 16px;
  color: #555;
  position: relative;
  outline: none;
  font-weight: 500;
}
 
.tab-button1 .progress-bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  background-color: #e91e63;
  width: 0;
  transition: none;
}
 
.tab-button1.active {
  color: #e91e63;
  font-weight: 600;
}
 
.carousel-contentupdate {
  margin-top: 20px;
}
 
.feature-panel {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  text-align: left;
}
 
.feature-panel.active {
  display: flex;
  animation: fadeIn 0.5s ease-in-out;
}
 
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
 
.feature-text {
  flex: 1;
}
 
.feature-text h2 {
  font-size: 48px;
  color: #1d1d1f;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 600;
}
 
.feature-text p {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 30px;
}
 
.learn-more-btn {
  background-color: #e91e63;
  color: white;
  border: none;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
 
.learn-more-btn:hover {
  background-color: #e91e63;
}
 
.feature-visual {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.feature-visual img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
 
.placeholder-visual {
  width: 100%;
  height: 300px;
  background-color: #e9ecef;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #6c757d;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
 
.tab-button1:focus-visible,
.learn-more-btn:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px #ffffff;
}