@media only screen and (min-width: 350px) and (max-width: 401px) {
    .hero-heading {
        font-size: 1.2rem;
    }

    .company-name {
        font-weight: 600;
        color: white;
        font-size: 1.1rem;
        margin-left: 0;
    }

    .bullet-list li {
        font-size: 15px;
    }

    .hero-subheading {
        font-size: 16px;
    }


    .cta-button {
        display: none;
    }

    .header-bar {
        flex-direction: unset;
        gap: 0px;
        text-align: center;
        justify-content: start;
    }


    .header-bar {
        position: absolute;
        top: 20px;
        left: 50%;
        padding: 5px;
        display: flex;

        width: 97%;
        max-width: 1000px;

    }

    /* end */

    /* cta and info section */
    section.py-5.bg-white.aos-init.aos-animate {
        overflow-x: hidden;
    }

    section.py-5.bg-white {
        padding-bottom: 20px !important;
    }

    section.py-5.bg-white .col-md-4 {
        margin-top: 12px;
    }

    section.py-5.bg-white .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm img {
        width: 40px;
    }

    section.py-5.bg-white .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm h5 {
        font-size: 17px;
    }

    section.py-5.bg-white .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm p {
        font-size: 13px;
    }

    .contact-wrapper.shadow.rounded-4.overflow-hidden.position-relative.text-white .col-lg-6.p-5 {
        padding: 20px 10px 10px !important;
        text-align: center;
    }

    .contact-wrapper.shadow.rounded-4.overflow-hidden.position-relative.text-white .col-lg-6.p-5 h3.fw-bold {
        font-size: 18px;
    }

    .contact-wrapper.shadow.rounded-4.overflow-hidden.position-relative.text-white .col-lg-6.p-5 p {
        font-size: 13px;
        margin-bottom: 0;
    }

    .bg-white.text-dark.p-4.rounded-4.shadow-sm.h-100 {
        padding: 0.9rem !important;
    }

    section.contact-section .fw-bold.text-primary {
        font-size: 18px;
    }

    section#cta-sec {
        overflow-x: hidden;
    }

    section.contact-section .list-unstyled.mt-4 {
        position: unset;
    }

    section.contact-section .list-unstyled.mt-4 svg {
        width: 20px;
        /* margin-right: 0 !important; */
    }

    /* end */

    /* abut us  */


    .about-section {
        overflow-x: hidden;
    }

    .about-section .p-4.bg-primary.text-white.rounded-4.shadow-sm {
        text-align: center;
    }

    .about-section h5.fw-bold {
        font-size: 21px;
    }

    .about-section p {
        margin-top: 30px !important;
        font-size: 15px;
        text-align: justify;
        line-height: 1.8rem;

    }

    .about-section .d-flex.align-items-start.mb-3 {
        justify-content: center;
    }

    .about-section .icon-box.abt img {
        width: 30px;
    }

    .about-section .bg-white.text-success.text-center.fw-semibold.px-3.py-2 {
        padding: 7px !important;
        font-size: 15px;
        margin-top: 2rem;
    }

    /* end */

    /* why choose us */
    .why-choose-section {
        padding-top: 10px !important;
        text-align: center;
        overflow-x: hidden;
    }

    .why-choose-section .gradient-text {
        font-size: 1.25rem;
    }

    ul.list-unstyled span {
        font-size: 15px;
    }

    .why-choose-section .badge-overlay.px-3.py-2.text-white {
        font-size: 14px;
    }

    /* end */

    /* did you know */
    section.did-you-know-section.py-5 {
        padding-top: 0 !important;
        overflow-x: hidden;
    }

    section.did-you-know-section.py-5 h3 {
        margin-bottom: 1rem;
    }

    section.did-you-know-section.py-5 p.fw-semibold {
        font-size: 16px;
        text-align: center;
    }

    section.did-you-know-section.py-5 .benefit-box {
        border-radius: 7px;
        padding: 12px;
        font-size: 14px;
    }

    section.did-you-know-section.py-5 .icon-box {
        margin: 4px 0;
    }

    .icon-box svg {
        width: 22px;
    }

    /* end */

    /* process section */
    section.process-section.py-5.bg-white {
        padding-top: 0 !important;
        overflow-x: hidden;
    }

    section.process-section.py-5.bg-white .text-center.text-primary.fw-bold.mb-5 {
        margin-bottom: 20px !important;
    }

    section.process-section.py-5.bg-white .step-number {
        width: 25px;
        height: 25px;
        font-size: 10px;
        margin-right: 6px !important;
    }

    .step-info {
        font-size: 14px;
    }

    /* end */

    /* brands */
    section.partners-section.py-5.bg-white {
        padding-top: 20px !important;
    }

    section.partners-section.py-5.bg-white .partner-logo img {
        height: 40px;
    }

    /* end */

    /* testimonials */


    /* section.testimonial-marquee-section.py-5.bg-white {
        display: none;
    } */
    /* 
    section#mb-testimonials .testimonial-track {
        gap: 20px;
    }

    section#mb-testimonials .testimonial-card {
        width: calc(100%);
    }

    section.testimonial-marquee-section.py-5.bg-white .d-flex.align-items-center.gap-1.fs-5.fw-semibold {
        right: 150px;
        top: 110px;
    } */


    section.testimonial-marquee-section.py-5.bg-white .testimonial-card {
        width: calc(100% - 15px);

    }

    .testimonial-card.card.p-4.shadow-sm.border-0.mb-3 .fw-bold.text-end {
        font-size: 12px;
    }

    .testimonial-card.card.p-4.shadow-sm.border-0.mb-3 h6.mb-0.fw-bold {
        font-size: 14px;
    }

    .testimonial-card.card.p-4.shadow-sm.border-0.mb-3 p {
        font-size: 13px;
    }

    section.testimonial-marquee-section.py-5.bg-white .d-flex.align-items-center.gap-1.fs-5.fw-semibold {
        position: absolute;
        top: 110px;
        left: 40%;
    }

    section.testimonial-marquee-section.py-5.bg-white .testimonial-marquee {
        padding: 0 20px;
    }
    
        section.testimonial-marquee-section.py-5.bg-white .testimonial-track {
        gap: 0px;
        animation: scrollTestimonials 10s linear infinite;
    }

    section.testimonial-marquee-section.py-5.bg-white .marquee-track {
        animation: scroll-marquee 10s linear infinite;

    }

    /* end */

    /* footer */
    .mb-3.d-flex.gap-3 {
        justify-content: flex-start !important;
    }

    img.mb-3 {
        display: flex;
    }

    footer.footer-section.text-white.pt-5.pb-3 p {
        text-align: left;
    }

    .footer-section .fw-bold {
        text-align: left;
    }

    .footer-section .d-flex.gap-3.mt-3 {
        justify-content: flex-start !important;
    }

    .footer-section ul li {
        text-align: left;
    }
}

@media only screen and (min-width: 402px) and (max-width: 600px) {
    .hero-heading {
        font-size: 1.2rem;
    }

    .company-name {
        font-weight: 600;
        color: white;
        font-size: 1.1rem;
        margin-left: 0;
    }

    .bullet-list li {
        font-size: 15px;
    }

    .hero-subheading {
        font-size: 16px;
    }


    .cta-button {
        display: none;
    }

    .header-bar {
        flex-direction: unset;
        gap: 0px;
        text-align: center;
        justify-content: start;
    }


    .header-bar {
        position: absolute;
        top: 20px;
        left: 50%;
        padding: 5px;
        display: flex;

        width: 97%;
        max-width: 1000px;

    }

    /* end */

    /* cta and info section */
    section.py-5.bg-white.aos-init.aos-animate {
        overflow-x: hidden;
    }

    section.py-5.bg-white {
        padding-bottom: 20px !important;
    }

    section.py-5.bg-white .col-md-4 {
        margin-top: 12px;
    }

    section.py-5.bg-white .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm img {
        width: 40px;
    }

    section.py-5.bg-white .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm h5 {
        font-size: 17px;
    }

    section.py-5.bg-white .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm p {
        font-size: 13px;
    }

    .contact-wrapper.shadow.rounded-4.overflow-hidden.position-relative.text-white .col-lg-6.p-5 {
        padding: 20px 10px 10px !important;
        text-align: center;
    }

    .contact-wrapper.shadow.rounded-4.overflow-hidden.position-relative.text-white .col-lg-6.p-5 h3.fw-bold {
        font-size: 18px;
    }

    .contact-wrapper.shadow.rounded-4.overflow-hidden.position-relative.text-white .col-lg-6.p-5 p {
        font-size: 13px;
        margin-bottom: 0;
    }

    .bg-white.text-dark.p-4.rounded-4.shadow-sm.h-100 {
        padding: 0.9rem !important;
    }

    section.contact-section .fw-bold.text-primary {
        font-size: 18px;
    }

    section#cta-sec {
        overflow-x: hidden;
    }

    section.contact-section .list-unstyled.mt-4 {
        position: unset;
    }

    section.contact-section .list-unstyled.mt-4 svg {
        width: 20px;
        /* margin-right: 0 !important; */
    }

    /* end */

    /* abut us  */


    .about-section {
        overflow-x: hidden;
    }

    .about-section .p-4.bg-primary.text-white.rounded-4.shadow-sm {
        text-align: center;
    }

    .about-section h5.fw-bold {
        font-size: 21px;
    }

    .about-section p {
        margin-top: 30px !important;
        font-size: 15px;
        text-align: justify;
        line-height: 1.8rem;

    }

    .about-section .d-flex.align-items-start.mb-3 {
        justify-content: center;
    }

    .about-section .icon-box.abt img {
        width: 30px;
    }

    .about-section .bg-white.text-success.text-center.fw-semibold.px-3.py-2 {
        padding: 7px !important;
        font-size: 15px;
        margin-top: 2rem;
    }

    /* end */

    /* why choose us */
    .why-choose-section {
        padding-top: 10px !important;
        text-align: center;
        overflow-x: hidden;
    }

    .why-choose-section .gradient-text {
        font-size: 1.25rem;
    }

    ul.list-unstyled span {
        font-size: 15px;
    }

    .why-choose-section .badge-overlay.px-3.py-2.text-white {
        font-size: 14px;
    }

    /* end */

    /* did you know */
    section.did-you-know-section.py-5 {
        padding-top: 0 !important;
        overflow-x: hidden;
    }

    section.did-you-know-section.py-5 h3 {
        margin-bottom: 1rem;
    }

    section.did-you-know-section.py-5 p.fw-semibold {
        font-size: 16px;
        text-align: center;
    }

    section.did-you-know-section.py-5 .benefit-box {
        border-radius: 7px;
        padding: 12px;
        font-size: 14px;
    }

    section.did-you-know-section.py-5 .icon-box {
        margin: 4px 0;
    }

    .icon-box svg {
        width: 22px;
    }

    /* end */

    /* process section */
    section.process-section.py-5.bg-white {
        padding-top: 0 !important;
        overflow-x: hidden;
    }

    section.process-section.py-5.bg-white .text-center.text-primary.fw-bold.mb-5 {
        margin-bottom: 20px !important;
    }

    section.process-section.py-5.bg-white .step-number {
        width: 25px;
        height: 25px;
        font-size: 10px;
        margin-right: 6px !important;
    }

    .step-info {
        font-size: 14px;
    }

    /* end */

    /* brands */
    section.partners-section.py-5.bg-white {
        padding-top: 20px !important;
    }

    section.partners-section.py-5.bg-white .partner-logo img {
        height: 40px;
    }

    /* end */

    /* testimonials */


    /* section.testimonial-marquee-section.py-5.bg-white {
        display: none;
    } */
    /* 
    section#mb-testimonials .testimonial-track {
        gap: 20px;
    }

    section#mb-testimonials .testimonial-card {
        width: calc(100%);
    }

    section.testimonial-marquee-section.py-5.bg-white .d-flex.align-items-center.gap-1.fs-5.fw-semibold {
        right: 150px;
        top: 110px;
    } */

    section.testimonial-marquee-section.py-5.bg-white .testimonial-card {
        width: calc(100% - 15px);

    }

    .testimonial-card.card.p-4.shadow-sm.border-0.mb-3 .fw-bold.text-end {
        font-size: 12px;
    }

    .testimonial-card.card.p-4.shadow-sm.border-0.mb-3 h6.mb-0.fw-bold {
        font-size: 14px;
    }

    .testimonial-card.card.p-4.shadow-sm.border-0.mb-3 p {
        font-size: 13px;
    }

    section.testimonial-marquee-section.py-5.bg-white .d-flex.align-items-center.gap-1.fs-5.fw-semibold {
        position: absolute;
        top: 110px;
        left: 40%;
    }

    section.testimonial-marquee-section.py-5.bg-white .testimonial-marquee {
        padding: 0 20px;
    }
    
        section.testimonial-marquee-section.py-5.bg-white .testimonial-track {
        gap: 0px;
        animation: scrollTestimonials 10s linear infinite;
    }

    section.testimonial-marquee-section.py-5.bg-white .marquee-track {
        animation: scroll-marquee 10s linear infinite;

    }

    /* end */

    /* footer */
    .mb-3.d-flex.gap-3 {
        justify-content: flex-start !important;
    }

    img.mb-3 {
        display: flex;
    }

    footer.footer-section.text-white.pt-5.pb-3 p {
        text-align: left;
    }

    .footer-section .fw-bold {
        text-align: left;
    }

    .footer-section .d-flex.gap-3.mt-3 {
        justify-content: flex-start !important;
    }

    .footer-section ul li {
        text-align: left;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .header-bar {
        padding: 5px 30px;
        width: 90%;
    }

    .company-name {
        font-size: 1.2rem;
    }

    .hero-heading {
        font-size: 1.8rem;
    }

    .hero-content {
        margin-top: 5rem;
    }

    /* end */

    /* abt  */
    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm img {
        width: 40px;
    }

    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm h5 {
        font-size: 14px;
    }

    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm p {
        font-size: 13px;
    }

    /* end */

    /* abt us */
    .about-section h5.fw-bold {
        font-size: 20px;
    }

    section.about-section.py-5 p {
        line-height: 1.8rem;
        margin-top: 14px !important;
        font-size: 14px;
    }

    .icon-box.abt img {
        width: 30px;
    }

    .about-section .bg-white.text-success.text-center.fw-semibold.px-3.py-2 {
        padding: 8px !important;
        font-size: 14px;
    }

    /* end */

    /* why choose us */
    .why-choose-section {
        padding-top: 10px !important;
    }

    /* end */

    /* did you know */
    section.did-you-know-section.py-5 {
        padding-top: 0 !important;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .header-bar {
        position: absolute;
        width: 90%;
    }

    .hero-heading {
        font-size: 2rem;
    }

    .hero-content {
        margin-top: 5rem;
    }

    /* end */

    /* cta n info  */
    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm img {
        width: 40px;
    }

    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm h5 {
        font-size: 17px;
    }

    .about-section h5.fw-bold {
        font-size: 22px;
    }

    section.about-section.py-5 p {
        line-height: 1.8rem;
        margin-top: 24px !important;
        font-size: 15px;
    }

    .p-4.mb-4.bg-primary.text-white.rounded-4.shadow-sm {
        padding: 15px !important;
    }

    /* end */

    /* why choose us */
    .why-choose-section .gradient-text {
        font-size: 2rem;
    }

    /* end */

    /* did you know */
    section.did-you-know-section.py-5 p.fw-semibold {
        font-size: 17px;
        margin-bottom: 8px;
    }

    section.did-you-know-section.py-5 .benefit-box {
        padding: 10px 20px;
    }

    section.did-you-know-section.py-5 .benefit-box .text-success {
        font-size: 15px;
    }

    .icon-box svg {
        width: 20px;
    }

    section.did-you-know-section.py-5 .icon-box {
        font-size: 1rem;
        margin: 6px 0;
    }

    li.d-flex.align-items-start.mb-4 {
        align-items: center !important;
    }
}

@media only screen and (min-width: 1365px) and (max-width: 1450px) {
    .company-name {
        font-size: 1.4rem;
    }

    .hero-heading {
        font-size: 2rem;
    }

    .hero-content {
        margin-top: 5rem;
    }

    /* end */

    /* cta and info */
    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm img {
        width: 50px;
        margin-bottom: 1rem;
    }

    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm h5.fw-bold {
        font-size: 17px;
    }

    .p-4.rounded-4.h-100.bg-primary.text-white.shadow-sm p.mb-0 {
        font-size: 14px;
    }

    /* end */

    /* about us */
    .about-section .p-4.mb-4.bg-primary.text-white.rounded-4.shadow-sm h5 {
        font-size: 23px;
    }

    .about-section p.mb-0.mt-5 {
        margin-top: 23px !important;
    }

    section.about-section.py-5 p {
        line-height: 1.8rem;
        font-size: 15px;
    }

    /* end */

    /* did you know */
    section.did-you-know-section.py-5 p.fw-semibold {
        font-size: 18px;
    }

    section.did-you-know-section.py-5 .benefit-box .text-success {
        font-size: 16px;
    }

    section.did-you-know-section.py-5 .benefit-box {
        padding: 12px 20px;
    }

    section.did-you-know-section.py-5 .icon-box {
        font-size: 0.5rem;
        margin: 6px 0;
    }

    .icon-box svg {
        width: 20px;
    }

    /* end */

    /* process */
    section.process-section.py-5.bg-white {
        padding-top: 10px !important;
    }

    .company-name {
        margin-left: 70px;
    }
}