body {
        font-family: "Onest", sans-serif;
        max-width: 100vw;
        overflow-x: hidden;
        background-color: #0068CA !important;
      }
      .circle {
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
      }
      .line-stand {
        top: -50px;
        bottom: 50px;
      }
      .black-blue-background{
        background-image: url("./images/new-html/banner-bg.png") !important;
        background-size: cover !important;
        background-position: top center !important;
        min-height: 95vh;
      }
      .icon-chevron-down::after {
        content: "▼";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }
      .circle {
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
      }
      .line-stand {
        top: -50px;
        bottom: 50px;
      }
      .icon-chevron-down::after {
        content: "▼";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }

      .icon-chevron-right::after {
        content: "→";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }
      .footer-icon {
    width: 40px;
}

      .icon-chevron-right::after {
        content: "→";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }
      .subhead-font {
        font-size: 20px;
      }
      .fw-500 {
        font-weight: 500;
      }
      .text-16 {
        font-size: 16px;
      }
      .rocket-float {
        position: absolute;
        width: 150px;
        top: 200px;
        left: -20px;
        animation: floatUpDown 3s ease-in-out infinite;
      }
      .rocket-float-bottom {
        position: absolute;
        width: 150px;
        bottom: 100px;
        right: 0px;
        animation: floatUpDown 3s ease-in-out infinite;
      }



         .footer-parent{
        display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
      }
      .footer-col-1{
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1.5;
      }
      .fc1-head,.fchead {
        font-size: 25px;
    color: #fff;
      }
      .fc1-text{
        font-size: 18px;
    color: #eee;
      }
      .footer-col-2,.footer-col-3,.footer-col-4{
        display: flex;
    flex-direction: column;
    align-items: start;
    gap: 30px;
    flex: 1;
      }
      .social-icon-cont{
        display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
      }
      .social-icon-cont img{
        width:40px;
      }
      .fc2-down{
        display: flex;
    flex-direction: column;
    gap: 20px;
      }
      .fc1-down{
        display: flex;
    flex-direction: column;
    gap: 20px;
      }
      .fc1-down img{
        width:200px;
      }

      .fc2-down1 h4{
        font-size: 16px;
        color: #eee;
      }
      .fc2-down1 a{
        font-size: 14px;
        color: #eee;
      }
      .ocp{
            display: flex;
    flex-direction: column;
    gap: 15px;
      }
      .ocp1{
            display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
      }
      .ocp1 img{
        width:70px;
      }
      .ocp1-head{
            font-size: 14px;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
      }
      .faq-icon{
        font-size: 42px !important;
      }

      .animate-marquee {
        display: flex;
        gap: 8rem;
        padding-bottom: 20px;
        animation: marquee 20s linear infinite;
      }

      @media only screen and (max-width: 600px) {
        .animate-marquee {
          gap: 1rem !important;
          animation: marqueemobile 20s linear infinite;
        }
      }

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

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

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

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

      .background-orange-image {
        background-image: url(./images/orange-grad-background.png);
        background-position: bottom;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .animate-marquee img {
        height: 80px;
        object-fit: contain;
        /* -webkit-box-shadow: 9px 9px 15px -7px #e3e3e3; */
        /* box-shadow: 9px 9px 15px -7px #e3e3e3; */
        /* border-radius: 10px; */
        /* border: 1px solid #26BF26; */
      }

      .titan-card {
        position: relative;
        width: 100%;
        height: 460px;
        border-radius: 18px;
        overflow: hidden;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;

        /* set your full image here */
        background-image: url("pawan-full.png");
      }

      /* front text (name + role) */
      .titan-front {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px;
        color: white;
        background: linear-gradient(
          to top,
          rgba(0, 0, 0, 0.55),
          rgba(0, 0, 0, 0)
        );
        transition: opacity 0.5s ease;
      }

      /* name */
      .titan-name {
        margin: 0 0 2px;
        font-size: 20px;
        font-weight: 600;
      }

      /* designation */
      .titan-role {
        margin: 0;
        font-size: 14px;
        opacity: 0.9;
      }

      /* hover removes front text */
      .titan-card:hover .titan-front {
        opacity: 0;
      }

      /* back text (bio/info) */
      .titan-back {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px;
        color: white;
        font-size: 18px;
        line-height: 1.35;
        opacity: 0;
        transition: opacity 0.5s ease;

        /* same gradient so it blends perfectly */
        background: linear-gradient(
          to top,
          rgba(0, 0, 0, 0.55),
          rgba(0, 0, 0, 0)
        );
      }

      /* hover reveals back text */
      .titan-card:hover .titan-back {
        opacity: 1;
      }

      /* Navigation Icons */
      .titan-prev,
      .titan-next {
        color: #333 !important;
        background: #fff;
        width: 38px !important;
        height: 38px !important;
        border-radius: 50%;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
      }

      .titan-prev:after,
      .titan-next:after {
        font-size: 14px !important;
        font-weight: bold;
      }
      .margin-image {
        transform: translateY(10px);
        transition: transform 0.3s ease;
      }

      .margin-image:hover {
        transform: translateY(-10px);
      }
      /* Position both arrows at the bottom center */
      .swiper-nav-wrapper {
        position: absolute;
        bottom: -60px; /* adjust depending on spacing */
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 14px; /* distance between arrows */
        z-index: 10;
      }

      /* Style the arrow buttons */
      .swiper-button-next,
      .swiper-button-prev {
        position: static !important; /* remove Swiper’s default */
        width: 38px;
        height: 38px;
        background: #26BF26;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .swiper-button-next::after,
      .swiper-button-prev::after {
        font-size: 16px;
        color: #fff;
      }

      .glow {
        box-shadow: 0 0 18px #018CD0, 0 0 30px #018CD0 !important;
        transition: 0.4s ease-in-out;
      }

      /* The moving icon */
      .traveler {
        position: absolute;
        width: 30px;
        height: 30px;
        background: url("./images/new-html/rocket-icon.png") center/contain;
        left: 44px;
        transition: top 1s ease-in-out;
        z-index: 5;
        margin-top: 0px !important;
      }

      .image-hover img {
        transition: opacity 0.3s ease;
      }

      .image-hover:hover img {
        content: url("./images/startbtnhover.png"); /* your hover image */
      }

      .image-swap {
        position: relative;
        display: inline-block; /* keep layout as you need */
        width: 320px; /* set desired width or let it be responsive */
        height: auto;
        overflow: hidden;
      }

      .image-swap img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: opacity 0.25s ease;
        -webkit-backface-visibility: hidden;
      }

      /* base image on bottom */
      .image-swap .img-base {
        position: relative;
        z-index: 1;
        opacity: 1;
      }

      /* hover image on top */
      .image-swap .img-hover {
        position: absolute;
        inset: 0; /* top:0;right:0;bottom:0;left:0; */
        z-index: 2;
        opacity: 0;
        pointer-events: none; /* so clicks reach parent container */
      }

      /* on hover: show hover image (fade in) */
      .image-swap:hover .img-hover {
        opacity: 1;
      }

      /* optional: when not hovering ensure smooth fade-out back to base */
      .image-swap:hover .img-base {
        opacity: 0;
      }
      .circle {
        display: flex;
        width: 24px !important;
        height: 24px !important;
        padding: 20px !important;
        justify-content: center;
        align-items: center;
      }
      .steps-heading {
        margin-top: 0px !important;
        top: -70px;
        left: 120px;
        font-weight: 600;
      }
      .footer-icon {
        width: 40px;
      }

      .heading-font {
        font-size: 64px;
      }

      .steps-subhead {
        font-size: 24px;
      }
      .steps-text {
        font-size: 18px;
      }

      /* Section takes full screen height */
      .video-container {
        height: 100vh;
        width: 100%;
        overflow: hidden;
        position: relative;
        background: #000;
      }

      .youtube-wrapper iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        pointer-events: none;
      }

      #videoSection {
        transform: scale(0.5);
        transform-origin: center center;
        will-change: transform;
        width: 100%;
        margin: auto;
      }

      .youtube-wrapper iframe {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .youtube-wrapper {
        height: 100%;
      }
      .faq-masonry {
        column-count: 2;
        column-gap: 2rem;
      }

        @media only screen and (max-width: 600px) {
        .rocket {
          top: -5rem;
          width: 20px;
        }
        .rocket-float {
          display: none;
        }
        .rocket-float-bottom {
          top: 20px;
        }
      }

      .rocket {
        position: absolute;
        left: 50%;
        z-index: 99999999999;
        transform: translateX(-50%);
        bottom: -200px;
        width: 200px;
        animation: flyUp 7s ease-in-out forwards infinite;
        animation-direction: alternate;
      }

      @keyframes flyUp {
        0% {
          bottom: 0px;
          opacity: 1;
          transform: translateX(-50%) scale(0.8);
        }

        20% {
          opacity: 1;
          transform: translateX(-50%) scale(1);
        }

        100% {
          bottom: 100vh;
          opacity: 1;
          transform: translateX(-50%) scale(1.1);
        }
      }

      .faq-card {
        break-inside: avoid;
        margin-bottom: 2rem;
         box-shadow:
    0 0 20px rgba(0, 153, 255, 0.25),
    0 10px 12px rgba(0, 153, 255, 0.35)
      }

      .border-brand-500 {
        border-color: #b73601;
      }
      .bg-brand-500 {
        background-color: #b73601;
      }
      .bg-soft-gradient {
  background: linear-gradient(to bottom, #E5ECF6 0%, #F6F7FB 100%);
}
      @media (max-width: 600px) {
        .faq-masonry {
          column-count: 1;
        }
      }

      @media (max-width: 600px) {
        body {
          max-width: 100vw;
          overflow-x: hidden;
        }
        .typed-wrapper {
          min-height: 160px;
        }
        .subhead-font {
          font-size: 18px;
        }
        .heading-font {
          font-size: 30px;
          line-height: 34px;
        }
        .steps-subhead {
          font-size: 22px;
        }
        .steps-text {
          font-size: 18px;
        }

        .traveler {
          left: 8px;
        }
        .line-stand {
          height: 100%;
          top: -30px;
          bottom: 30px;
        }
        .steps-heading {
          margin-top: 0px !important;
          top: -45px;
          left: 80px;
          font-weight: 600;
        }
        .rocket {
          display: none;
        }
        .video-container {
          height: 30vh;
        }
        .blue-section1-partners{
            display: none;
        }
        .mobile-partner{
            display: block !important;
        }
        .blue-section1-grid{
            height: auto !important;
        }
        .blue-section1-heading{
            font-size: 36px !important;
            line-height: 33px !important;
        }
        .faq-card{
          margin-bottom: 1rem;
        }
        .rocketmob{
          width: 40px;
        margin: auto;
        /* margin-bottom: 30px; */
        animation: floatUpDown 3s ease-in-out infinite;
        }
        @keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
      }


        .blue-section1-grid{
            height: 600px;
        }
        .blue-section1-rocket{
            right: -30px;
        }
        .blue-section1-heading{
            font-size: 64px;
            line-height: 60px;
        }
        .h-54{
            height: 197px;
        }
        .abs-rocket{
            width:320px;
            margin: auto;
        }
        .blue-section1-card{
            background-color: #01BBD2;
            color:#fff;
            min-height: 140px;
        }
            .mobile-partner{
                display: none;
            }



        .timeline-connector {
        position: absolute;
        left: 19px;
        top: 50px;
        bottom: 0;
        width: 2px;
        background-color: #e5e7eb;
        z-index: 0;
      }

      .rotate-up {
        display: inline-block;
        transform: translateY(-8px) rotate(-1deg);
      }

      @keyframes floatUpDown {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-20px); /* move up */
        }
      }

      .rotate-up {
        transform: rotate(-12deg);
        display: inline-block;
      }
      .typed-wrapper {
        min-height: 240px;
      }
      .typed-line {
        min-height: 40px;
        color: #171c2b;
      }
      .faq-bg-overlay::before,
      .faq-bg-overlay::after {
        content: "";
        position: absolute;
        z-index: 0;
        width: 150px;
        height: 150px;
        background-color: #fce7e7;
        border-radius: 50%;
        opacity: 0.3;
        pointer-events: none;
      }

      .faq-bg-overlay::before {
        top: 20px;
        left: 20px;
        transform: scaleX(-1);
      }

      .faq-bg-overlay::after {
        top: 20px;
        right: 20px;
      }

      .faq-answer {
        overflow: hidden;
        transition: max-height 0.4s ease-out, margin 0.3s ease-in-out;
      }

   /* about css */
        .about-hero{
            background: url('./images/aboutusblue.png');
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: 80px;
        }
        .banner-head{
            font-size: 64px;
            font-weight: 700;
            color: #fff;

        }
        .banner-title{
            font-size: 30px;
    color: #CDCDCD;
        }
        .banner-text{
            font-size: 18px;
    color: #BABABA;
    letter-spacing: 0.4px;
        }
        .banner-orange-btn{
            padding: 15px;
    background: #F77E23;
    border-radius: 10px 0 10px 0;
        }
        .banner-border{
            top: -40px;
            left:0px;
        }
        .pl-50{
            padding-left: 50px;
        }
        .banner-orange-btn p{
                text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
        }
        .banner-orange-btn span{
                text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
        }
        .heading-font {
    font-size: 36px;
}
.subhead-font2 {
    font-size: 18px;
}



      .line-stand {
        top: -50px;
        bottom: 50px;
      }
      .icon-chevron-down::after {
        content: "▼";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }

      .icon-chevron-right::after {
        content: "→";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }
      .footer-icon {
        width: 40px;
      }
      .main-list {
        counter-reset: main-counter;
        list-style: none;
        padding-left: 15px;
      }

      .main-list > li {
        margin-bottom: 20px;
        font-size: 18px;
      }

      .main-list > li::before {
        counter-increment: main-counter;
        content: counter(main-counter) ". ";
        font-weight: bold;
      }

      .sub-list {
        list-style: lower-alpha;
        padding-left: 25px;
        margin-top: 10px;
      }
      .sub-list2 {
        list-style: lower-roman;
        padding-left: 25px;
        margin-top: 10px;
      }

      .sub-list li {
        margin-bottom: 8px;
        font-size: 16px;
      }
      .sub-list2 li {
        margin-bottom: 8px;
        font-size: 16px;
      }

      .terms-content h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 30px 0 20px;
      }
      .num-list {
        list-style-type: decimal;
        list-style-position: outside;
        padding-left: 25px;
      }
      .num-list li {
        font-size: 16px;
        margin-bottom: 8px;
      }
.leadership-section{
  background: url('./images/ourleaderblue.png');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-top {
        height: 300px;
        margin-top: 80px;
        background: url("./images/ideabaaz-inner-banner.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 10px;
      }
      .banner-top h1 {
        font-size: 36px;
        color: #fff;
      }
      .banner-top h4 {
        font-size: 18px;
        color: #fff;
      }
      .banner-top h4 a {
        color: #f77e23;
      }

         .line-stand {
        top: -50px;
        bottom: 50px;
      }
      .icon-chevron-down::after {
        content: "▼";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }

      .icon-chevron-right::after {
        content: "→";
        font-size: 14px;
        margin-left: 4px;
        display: inline-block;
      }
      .footer-icon {
        width: 40px;
      }
      .main-list {
    counter-reset: main-counter;
    list-style: none;
    padding-left: 15px;
}

.main-list > li {
    margin-bottom: 20px;
    font-size: 18px;
}

.main-list > li::before {
    counter-increment: main-counter;
    content: counter(main-counter) ". ";
    font-weight: bold;
}

.sub-list {
    list-style: lower-alpha;
    padding-left: 25px;
    margin-top: 10px;
}
.sub-list2 {
  list-style: lower-roman;
  padding-left: 25px;
  margin-top: 10px;
}

.sub-list li {
    margin-bottom: 8px;
    font-size: 16px;
}
.sub-list2 li {
    margin-bottom: 8px;
    font-size: 16px;
}

.terms-content h3{
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 20px;
}
.num-list{
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 25px;
}

.stats-section {
            background: linear-gradient(to right, #1e293b, #334155);
            color: white;
            padding: 40px 20px;
            border-radius: 20px;
            margin: 20px auto;
            max-width: 1200px;
        }
        .stat-item {
            text-align: center;
        }
        .stat-value {
            font-size: 3rem;
            font-weight: bold;
            color: #ff8c00; /* Dark orange */
        }
        .stat-value.pan-india {
            color: #ff4500; /* Slightly brighter orange-red for "Pan-India" */
        }
        .stat-label {
            font-size: 1rem;
            color: #cbd5e1;
            margin-top: 10px;
        }
        @media (max-width: 768px) {
            .stat-value {
                font-size: 2.5rem;
            }
            .stat-label {
                font-size: 0.9rem;
            }
        }
.num-list li{
    font-size: 16px;
    margin-bottom: 8px;
}
      @media (max-width: 600px) {
        .about-hero{
          margin-top: 70px;
        }
        .banner-top{
          margin-top: 70px;
        }
        .heading-font {
          font-size: 30px;
        }
        .subhead-font2 {
          font-size: 16px;
        }
        .banner-border {
          display: none;
        }
        .banner-head {
          font-size: 36px;
        }
        .banner-title {
          font-size: 22px;
        }
        .pl-50 {
          padding-left: 0px;
        }
        .banner-text {
          font-size: 16px;
        }
      }
@media (max-width:600px){
  .heading-font {
    font-size: 30px;
}
.subhead-font2 {
    font-size: 16px;
}
.banner-border{
  display: none;
}
.banner-head{
  font-size: 36px;
}
.banner-title{
  font-size: 22px;
}
.pl-50{
  padding-left: 0px;
}
.banner-text{
  font-size: 16px;
}
}