* {
        font-family: "Poppins", sans-serif;
    }

    .top_section {
        background: url('../assets/img/Background.png') center center / cover no-repeat;
        background-size: cover;
    }

    .hero-left {
        width: 55.333333% !important;
        color: #fff;
        padding: 100px 27px 100px 105px !important;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hero-left h1 {
        font-size: 2.3rem;
        font-weight: 600;
        margin-bottom: 30px;
        font-family: poppins, sans-serif;
        text-align: unset;
    }

    .hero-left p {
        font-size: 1.75rem;
        margin-bottom: 30px;
        font-family: poppins, sans-serif;
        text-align: justify;
        font-weight: 600;
    }

    .hero-btn {
        font-weight: 500;
        border: none;
        color: white;
        font-size: 1rem;
            padding: 7px 10px;
        border-radius: 50px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: background-color 0.3s ease;
        flex: 0 !important;
        width: fit-content;
        background-color: #EC4B3B;
    }

    .motion-section {
        background-color: #EAFEFB;
        /* opacity: 80%; */
    }

    .motion-section h1 {
        color: #17484A;
        font-weight: bold;
        font-weight: 600;
        font-size: 41px;
        font-family: poppins, sans-serif;
    }

    .wheel-section {
        background-color: #FAFAFA;
    }

    .wheel-section img {
        width: 85%;
    }

    .support-fab {
        position: fixed;
        bottom: 30px;
        right: 30px;
        background-color: #f44336;
        color: #fff;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        font-size: 26px;
        cursor: pointer;
    }


    .time-btn {
        background-color: #F14E3B;
        color: white;
        padding: 9px 16px;
        border-radius: 6px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        border: none;
        font-size: 1rem;
    }

    .timeline-container {
        padding: 55px 0 0px 0;
        color: #17484A;
        background-color: #FAFAFA;
    }

    .timeline-container h1 {
        font-weight: 600;
    }

    .timeline-left {
        position: relative;
        padding-left: 51px !important;
        height: 181px;
        margin-top: 89px;
    }

    .timeline-left::before {
        content: '';
        position: absolute;
        left: 22px; /* distance from left edge */
        top: 0;
        bottom: 0;
        width: 2px;
        background: #e2e2e2;
    }


    .timeline-left .circle {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #3dcac1;
        position: absolute;
        left: 14px;
        top: 0;
        transform: scale(1.2);
    }

    .timeline-left .circle.active {
        background: #3dcac1;
        transform: scale(1.2);
        /* box-shadow: 0 0 10px rgba(255, 102, 0, 0.5); */
    }

    .timeline-left .circle.secondary {
        background-color: #e0e0e0;
    }

    .timeline-left .text-group {
        margin-bottom: 25px;
    }

    .timeline-left .headline,
    .timeline-left .subtext {
        color: #184849;
        font-weight: 400;
        transition: color 0.3s ease;
        font-size: 1.3rem;
    }

    .timeline-left .headline.active-text,
    .timeline-left .subtext.active-text {
        color: #3dcac1; /* highlight color */
        font-weight: 600;
    }

    .timeline-box {
        background: #f5fdfc;
        border: 1px solid #d4f1ed;
        border-radius: 15px;
        padding: 11px;
        border-color: #3EBFC4;
    }


    .timeline-paragraph {
        font-size: 0.9rem;
        color: #555;
        margin-bottom: 20px;
    }

    .timeline-image {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .time-section-left {
       padding: 1rem 4rem;
    }

    .wheel-head {
        color: #3EBFC4;
    }

    .wheel-heading {
        font-weight: 500;
    }

    .time-section-1 {
        background-image: url('../assets/img/Group 1000001708.png');
        background-size: cover;
        background-repeat: no-repeat;

    }

    .time-section-2 {
        background-image: url('../assets/img/Group-1116602645-06.png');
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .time-section-3 {
        background-image: url('../assets/img/Group-1116602642.png');
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .time_para {
        font-size: 20px;
        font-weight: 500;
        color: #17484A;
    }

    .service-card {
        background-color: #86838354;
        color: #fff;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.09);
    }
    .consulting-card {
        background-color: #2c7a7b !important;
    }

    .lite_green_color {
        color: #38908f;
    }

    .time-left-para{
        padding: 0px 145px;
    font-weight: 400;
    }

    .f-width
    {
        font-size: 28px;
    }
    .time-left-two{
         min-height: 100%;
        text-align: center;
        padding: 2rem 2rem !important;
    }

    .time-left-two h2{
        line-height: 1.6;
        padding: 0 60px;
    }

  .top_sec{
    font-size: 2.6rem;
  }

.case-studies-container {
    margin-top: 0px !important;
}

.bg_darkwhite {
    background-color: #FAFAFA !important;
}

.btn-cta1 {
    padding: 12px 29px !important;
}

.wheel-section h2 {
        font-size: 43px;
        font-weight: 600;
        color: #17484A;
        font-family: poppins, sans-serif;
    }
    
    .fs-17 {
    font-size: 17px !important;
  }

  .third_circle{
    top: 170px !important;
  }

  .time-section-part{
    padding: 3rem !important;
  }
  
  .motion-section-part{
      padding-top: 3rem !important;
  }


  @media (max-width: 992px) {
    .hero-left {
        width: 100% !important;
    }
    .hero-left {
        padding: 30px 25px 15px 25px !important;
    }

    .hero-left h1 {
            font-size: 1.1rem !important;
    }

    .hero-left h1 {
        margin-bottom: 8px;
    }

    .top_sec {
        font-size: 1.3rem !important;
        font-weight: bold;
    }

    .hero-left p {
        font-size: 0.95rem !important;
    }

    .timeline-left .headline, .timeline-left .subtext {
        font-size: 1rem !important;
    }

    .timeline-left {
        margin-top: 12px !important;
    }

    .timeline-box{
            margin-top: 3rem !important;
    }

    .motion-section h1 {
        font-size: 21px;
    }

    .wheel-section h2 {
        font-size: 21px;
    }
    .wheel-section img {
        width: 98%;
    }

    .f-width
    {
        font-size: 11px;
    }

    .time-left-two h2{
        line-height: 1.6;
        padding: 0;
    }

    .time_para {
        font-size: 11px;
        font-weight: 500;
        color: #17484A;
    }

    .time-section-left {
        padding: 1rem 1rem;
    }

    .lead {
        font-size: 0.75rem !important;
        font-weight: 300;
    }

    .time-left-para {
        padding: 0px 10px;
        font-weight: 400;
    }

    .time-section-1 {
        background-image: url(../assets/img/Group_1116602819.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

     .time-section-2 {
        background-image: url(../assets/img/Group_1116602822.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .top_section {
        background-image: url(../assets/img/Group_1116602821.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .timeline-container h1{
        font-size: 20px;
    }

    .timeline-container {
        padding: 10px 0 0px 0;
    }

    .timeline-left {
        height: 145px;
    }

    .third_circle{
        top: 140px !important;
    }

    .time-section-part{
        padding: 1rem !important;
    }
    
    .motion-section-part{
      padding-top: 1rem !important;
  }
}

@media (max-width: 992px) {
    .fs-40 {
        font-size: 18px !important;
    }
}

@media (max-width: 992px) {
    .custom-height-438 {
        height: 165px !important;
    }
}