@media(max-width: 1200px) {
    .menu-div {
        width: 75%;
    }

    .soical-icons a {
        padding: 10px 12px;
    }

    .f-icon {
        padding: 10px 14px !important;
    }

    .navbar {
        padding: 10px 10px;
    }

    .custom-card .card-text {
        width: 80%;
    }

    .custom-card {
        min-height: 330px;
    }

    .navbar-nav .nav-link {
        font-size: 14px;
    }

    .tool-web .img-fluid {
        max-width: 80%;
    }

    .solution-title,
    .tools-section h3,
    .left-section h5,
    .why-text h2,
    .contact-heading h4,
    .faq-header h2,
    .membership-title {
        font-size: 48px;
        line-height: 65px;
    }

    .stats-item span {
        font-size: 14px;
        line-height: 28px;
    }

    .product-part .form-check-label {
        font-size: 15px;
        line-height: 34px;
    }

    .contact-form {
        margin-top: 30px;
    }

    .membership-card {
        min-height: 340px;
    }
    .service-tool-section .tool-card {
        margin-right: 15px;
        padding: 10px;
    }
    .owl-nav button {
        position: absolute;
        top: 100%;
    }

    .owl-prev {
        left: 30%;
    }

    .owl-next {
        right: 30%;
    }
}

@media(max-width : 992px) {
    .service-tool-section .tool-card img {
        max-width: 100%;
        height: 40px;
    }
    .service-tool-section .tool-card {
        margin-right: 15px;
        padding: 10px 20px;
    }

    .custom-card {
        min-height: auto;
    }

    .testimonial-card {
        padding: 1rem;
    }

    .part-1 {
        width: 100%;
    }

    .part-2 {
        width: 100%;
    }

    .membership-card {
        min-height: 465px;
        flex-direction: column;
    }

    .let-start-card {
        gap: 50px;
    }
    .mobile-none {
        display: none;
    }

    .magrin-top {
        margin-top: 12px;
    }
    .soical-icons a {
        padding: 7px 10px;
        border-radius: 8px;
    }

    .f-icon {
        padding: 7px 12px !important;
    }

    .navbar-nav .nav-link {
        font-size: 16px;
    }

    .soical-icons {
        gap: 15px;
        justify-content: start;
    }
    .button-container {
        text-align: start;
    }
    footer {
        padding: 2rem 10px 0px 10px !important;
    }
    .footer-section1 {
        padding-left: 25px;
    }

    .tools-grid {
        overflow-x: scroll;
        padding: 10px;
    }

    .tool-row {
        justify-content: start;
    }
}


@media(max-width: 800px) {
    .service-feature-text p {
        width: 100%;
    }
    .hero-title {
        font-size: 45px;
        line-height: 50.76px;
    }

    .hero-description {
        font-size: 18px;
        line-height: 28px;
    }

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

    .trusted-section h3 {
        font-size: 25px;
    }

    .section-title {
        font-size: 35px;
        line-height: 45.2px;
    }

    .section-description {
        font-size: 18px;
        line-height: 28px;
    }

    .software-service-card .card-title {
        font-size: 20px;
        line-height: 25px;
        padding: 2px 0px;
    }

    .software-service-card .learn-more {
        font-size: 14px;
        gap: 8px;
        padding: 5px 10px 5px 0px;
    }

        .software-service-card .learn-more:hover {
            padding: 5px 10px 5px 10px;
        }

    .software-service-card .card-text {
        font-size: 14px;
        padding: 5px 0px;
    }

    .custom-card h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .custom-card .card-text {
        font-size: 16px;
        width: 100%;
    }

    .custom-card .btn,
    .services-small-section .custom-btn {
        padding: 8px 20px;
        font-size: 16px;
    }

    .services-small-section .h6 {
        font-size: 20px;
    }

    .services-small-section h3 {
        font-size: 32px;
        line-height: 45px;
    }

    .membership-card {
        min-height: auto;
    }

    .services-small-section p {
        font-size: 16px;
    }

    .solution-title,
    .tools-section h3,
    .left-section h5,
    .why-text h2,
    .contact-heading h4,
    .faq-header h2,
    .contact-page-hero-section h1,
    .contact-page-map-section h3,
    .phentech-histroy-section h2,
    .team-section h3,
    .About-values-section h4,
    .Services-page-hero-section h1 {
        font-size: 42px;
        line-height: 50px;
    }
    .contact-page-map-section p {
        font-size: 18px;
        line-height: 28px;
    }
    .left-section p {
        font-size: 18px;
        line-height: 28.6px;
    }

    .right-section {
        height: 650px;
        margin-top: 25px;
    }

    .point .h5 {
        margin-bottom: 5px;
        font-size: 35px;
        line-height: 50px;
    }

    .point .second-h5 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 30px;
    }

    .point p {
        font-size: 16px;
        line-height: 28.4px;
    }

    .experience-badge h6 {
        font-size: 65px;
    }

    .why-choose-section .row {
        flex-direction: column-reverse;
    }

    .why-text p {
        font-size: 18px;
        line-height: 28.4px;
    }

    .checklist li {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 28.6px;
    }

    .stats {
        margin-bottom: 30px;
    }

    .stats-item {
        margin-bottom: 10px;
    }

        .stats-item h6 {
            font-size: 24px;
            line-height: 35px;
        }

        .stats-item span {
            font-size: 16px;
            line-height: 28px;
        }

    .membership-title {
        font-size: 38px;
        line-height: 50px;
    }

    .membership-subtitle {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 2rem;
    }

    .membership-card {
        padding: 30px 20px;
    }

        .membership-card p {
            font-size: 16px;
            line-height: 25px;
        }

    .solution-box {
        padding: 7px;
    }

        .solution-box span {
            font-size: 16px;
        }

    .contact-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .contact-info .info-item p {
        font-size: 18px;
        line-height: 28px;
    }

    .contact-info .info-item a {
        font-size: 16px;
        line-height: 28px;
    }

    .contact-form .form-label {
        font-size: 16px;
        line-height: 28px;
    }
    .contact-page-hero-section h3 {
        font-size: 18px;
        line-height: 28.9px;
    }
    .contact-page-hero-btn {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-section2 p,
    .footer-section2 a {
        margin-bottom: 10px !important;
    }

    .soical-icons {
        gap: 20px;
        justify-content: start;
    }

        .soical-icons a {
            padding: 10px 15px;
        }

    .f-icon {
        padding: 10px 17px !important;
    }

    .footer-section1 li {
        margin-bottom: 7px;
    }

    .footer-section1 h5 {
        margin-bottom: 15px;
    }

    .tool-web {
        display: none;
    }

    .tool-mobile {
        display: flex;
        justify-content: center;
    }
        .tool-mobile .col-4 {
            width: 100px;
            height: 90px;
        }

    .contact-form .form-control {
        padding: .5rem;
    }

    .product-part .form-check-label {
        font-size: 16px;
        line-height: 28px;
    }

    .contact-btn,
    .email-link {
        padding: 5px 10px;
        font-size: 16px;
        line-height: 28px;
    }

    .accordion-button {
        font-size: 18px;
        line-height: 28px;
        padding: 1rem 1.25rem;
    }

        .accordion-button::after {
            padding: 0px 9px;
        }

    .accordion-body {
        font-size: 15px;
        line-height: 24px;
    }
    .contact-page-hero-section h3,
    .About-page-hero-section h3,
    .Services-page-hero-section h3,
    .career-page-hero-section h3 {
        font-size: 20px;
    }
    .About-page-hero-section h1 {
        font-size: 32px;
        line-height: 42.82px;
        margin-bottom: 20px;
    }
    .About-page-hero-section p,
    .Services-page-hero-section p,
    .career-page-hero-section p {
        font-size: 20px;
        line-height: 28px;
    }
    .phentech-histroy-section h3 {
        font-size: 28px;
        line-height: 32.4px;
    }
    .phentech-histroy-section p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 25px;
    }
    .ceo-info h5 {
        font-size: 30px;
        line-height: 55.8px;
    }
    .About-us-card .card-text {
        font-size: 16px;
        line-height: 28px;
    }
    .team-section p {
        font-size: 18px;
        line-height: 28.6px;
    }
    .downside-img {
        margin-top: 0px;
    }
    .team-section {
        padding: 30px 20px;
    }
    .member-info {
        left: 50px;
    }
    .About-values-section p {
        font-size: 18px;
        line-height: 28px;
    }
    .About-values-section .accordion-body p {
        width: 80%;
        font-size: 18px;
        line-height: 28px;
    }
    .sport-img-container {
        margin-top: 20px;
    }
    .four-card-section .card p {
        font-size: 18px;
        line-height: 28.1px;
        margin: 15px 0px;
    }
    .empower-card-section p {
        font-size: 12px;
        line-height: 20px;
    }
    .empower-card-section h5 {
        font-size: 20px;
        line-height: 28.1px;
    }
    .green-img img,
    .purple-img img,
    .pink-img img {
        width: 35px;
        height: 35px;
    }
    .green-img,
    .purple-img,
    .pink-img {
        margin-bottom: 15px;
    }
    .four-card-section .card p {
        font-size: 12px;
        line-height: 20.1px;
        margin: 15px 0px;
    }

    .four-card-section .card h5 {
        font-size: 18px;
        line-height: 20.1px;
    }
    .sport-section h1,
    .empower-section h2 {
        font-size: 42px;
        line-height: 65.06px;
    }
    .sport-section p,
    .empower-section p {
        font-size: 18px;
        line-height: 28.2px;
    }
    .every-ind-section h2 {
        font-size: 42px;
        line-height: 55.45px;
    }
    .solution-section .card p {
        font-size: 16px;
    }

    .img-container {
        width: 320px;
        height: 370px;
    }
}

@media(max-width: 767px) {
    .blog-details-content {
        font-size: 16px;
    }

    .blog-details-content h1 { font-size: 1.85rem; }
    .blog-details-content h2 { font-size: 1.6rem; }
    .blog-details-content h3 { font-size: 1.4rem; }
    .blog-details-content h4 { font-size: 1.25rem; }
    .blog-details-content h5 { font-size: 1.1rem; }
    .blog-details-content h6 { font-size: 1rem; }

    .hero-title {
        font-size: 30px;
        line-height: 35.76px;
        font-weight: 800;
    }

    .hero-description {
        font-size: 12px;
        line-height: 22px;
    }

    .IT-solutions .row .col-md-6 {
        width: 100% !important;
    }

    .web-line {
        display: none;
    }

    .step-container {
        display: flex;
    }

    .healthcare-section {
        padding: 3rem 10px;
    }

    .flex-column-mobile {
        flex-direction: column-reverse;
    }

    .blur-img-container {
        padding: 50px;
        height: 300px;
    }

    .empower-section h2 {
        font-size: 32px;
        line-height: 45.45px;
    }

    .what-tools-container img {
        width: 35px;
        height: 35px;
    }
    .sport-section h3 {
        font-size: 25px;
        line-height: 30.53px;
        margin-bottom: 25px;
    }

    .empower-section p {
        font-size: 12px;
        line-height: 20.2px;
    }

    .sport-section h1 {
        font-size: 32px;
        line-height: 45.06px;
    }

    .sport-section p {
        font-size: 12px;
        line-height: 20.2px;
    }
    .btn-arrow {
        font-size: 12px;
    }

    .job-listings h2 {
        font-size: 32px;
        line-height: 45.45px;
        margin-bottom: 10px;
    }

    .job-listings .section-subtitle {
        font-size: 12px;
        line-height: 20px;
    }

    .career-page-hero-section h1 {
        font-size: 32px;
        line-height: 45px;
    }

    .working-section h4 {
        font-size: 32px;
        line-height: 45.45px;
        text-align: center;
    }

    .img-container {
        width: 300px;
        height: 340px;
    }

    .owl-carousel .owl-item {
        display: flex;
        justify-content: end !important;
    }

    .working-section p {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }
    .working-section .card h5 {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    .job-listings .job-date p {
        font-size: 12px;
    }
    .job-listings .job-date span {
        font-size: 12px;
    }
    .job-listings .job-title {
        font-size: 18px;
    }
    .job-listings .btn-apply {
        padding: 8px 12px;
        font-size: 14px;
    }
    .job-card .job-type {
        font-size: 10px;
    }
    .job-card .btn-employee {
        padding: 8px 16px;
        font-size: 10px;
    }

    .working-section .icon-box {
        margin-bottom: 10px;
    }

    working-section .card h5 {
        font-size: 25px;
        line-height: 36px;
    }

    .working-section .card p {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .contact-page-hero-section, .About-page-hero-section, .Services-page-hero-section,
    .career-page-hero-section {
        padding: 10px;
    }

    .every-ind-section {
        padding: 10px;
    }

    .case-studies-section h2 {
        font-size: 32px;
        line-height: 45.45px;
    }
    .link-icon-wrapper .icon-wrap {
        font-size: 14px;
    }
    .btn-case-studies {
        font-size: 14px;
    }
    
    .healthcare-box p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .healthcare-box a {
        padding: 7px;
        font-size: 12px;
    }
    .btn-case-studies {
        padding: 8px 22px;
    }

    .tab-btn {
        font-size: 12px;
        border-radius: 15px;
        padding: 7px 18px;
    }

    .case-studies-section {
        padding: 3rem 10px;
    }

    .btn-case-studies {
        margin-right: 10px;
    }

    /* Case study filters: one swipeable row instead of a tall stack of pills */
    .case-studies-section .filter-chips-wrap {
        position: relative;
        margin-top: 1.5rem !important;
    }

    .case-studies-section .filter-chips-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40px;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        background: linear-gradient(to right, rgba(248, 248, 252, 0), #F8F8FC);
    }

    .case-studies-section .filter-chips-wrap.is-scrollable:not(.at-end)::after {
        opacity: 1;
    }

    .case-studies-section .filter-chips {
        position: relative;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px !important;
        padding-bottom: 4px;
        margin-bottom: 1.75rem !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .case-studies-section .filter-chips::-webkit-scrollbar {
        display: none;
    }

    .case-studies-section .filter-chips > .btn {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .case-studies-section .filter-chips .btn-primary {
        font-size: 12px;
        line-height: 20px;
        border-radius: 15px;
        padding: 7px 18px;
    }

    /* "All Industries" / "All Services" stays reachable while the rest scrolls */
    .case-studies-section .filter-chips .tab-btn {
        position: sticky;
        left: 0;
        z-index: 2;
        background-color: #F8F8FC;
        box-shadow: 8px 0 8px -4px rgba(248, 248, 252, 0.9);
    }

    .case-studies-section .filter-chips .tab-btn.active {
        background-color: #04741E;
    }

    .case-studies-section .offer-tabs-inner {
        min-height: 200px;
        padding: 24px 22px;
    }

    .stats {
        flex-direction: column;
    }

    .testimonial-card {
        padding: 1rem;
        width: 100%;
    }

    .phentech-histroy-section p {
        font-size: 16px;
    }

    .ceo-info h5 {
        font-size: 22px;
        line-height: 35.8px;
    }

    .member-info {
        left: 35px;
        padding: 0;
        font-size: 11px;
    }

    .About-values-section p {
        font-size: 16px;
        line-height: 28px;
    }

    .About-values-section .accordion-button {
        font-size: 16px;
        line-height: 30px;
        padding: 15px 0px;
    }

        .About-values-section .accordion-button span#toggle-text {
            right: 60px;
            font-size: 14px;
        }

    .hero-button {
        font-size: 12px;
    }

    .section-title {
        font-size: 30px;
        line-height: 40.2px;
    }

    .section-description {
        font-size: 12px;
        line-height: 22px;
    }

    .software-service-card .card-text {
        font-size: 12px;
        padding: 5px 0px;
        line-height: 20px;
    }

    .software-service-card .icon img {
        max-width: 35px;
        margin-left: 5px;
    }

    .let-start-card h5 {
        font-size: 26px;
        line-height: 50px;
    }

    .btn-let-start {
        font-size: 12px;
        padding: 8px 15px;
    }

    .custom-card h5 {
        font-size: 16px;
        line-height: 28px;
    }

    .custom-card .card-text {
        font-size: 12px;
        width: 100%;
        line-height: 20px;
    }

    .let-start-card h5 span {
        font-size: 40px;
        line-height: 50px;
    }

    .software-service-card .card-title {
        font-size: 16px;
        line-height: 19px;
        padding: 2px 0px;
    }

    .solution-title, .tools-section h3, .left-section h5, .why-text h2, .contact-heading h4, .faq-header h2, .contact-page-hero-section h1, .contact-page-map-section h3, .phentech-histroy-section h2, .team-section h3, .About-values-section h4, .Services-page-hero-section h1 {
        font-size: 32px;
        line-height: 45px;
    }

    .custom-card .btn, .services-small-section .custom-btn {
        font-size: 12px;
        padding: 6px 15px;
        border-radius: 14px;
    }

    .solution-box {
        padding: 10px;
    }

    .left-section h4 {
        font-size: 30px;
        line-height: 40.2px;
    }

    .left-section p {
        font-size: 12px;
        line-height: 20.6px;
    }

    .point p {
        font-size: 12px;
        line-height: 20.4px;
    }

    .point .h5 {
        margin-bottom: 5px;
        font-size: 30px;
        line-height: 40px;
    }

    .point .second-h5 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }

    .why-text p {
        font-size: 12px;
        line-height: 20.4px;
    }

    .checklist li {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 20.6px;
    }

    .stats-item span {
        font-size: 12px;
        line-height: 20px;
    }

    .stats-item h6 {
        font-size: 20px;
        line-height: 30px;
    }

    .experience-badge h6 {
        font-size: 35px;
    }

    experience-badge span {
        font-size: 20px;
        line-height: 30px;
    }

    .experience-badge .span2 {
        font-size: 16px;
    }

    .membership-title {
        font-size: 32px;
        line-height: 42px;
    }

    .membership-subtitle {
        font-size: 12px;
        line-height: 20px;
    }

    .membership-card p {
        font-size: 12px;
        line-height: 20px;
    }

    .membership-card img {
        max-width: 80px;
        margin-bottom: 1rem;
    }

    .part-1 p {
        font-size: 12px;
        line-height: 20.8px;
    }

    .user-img span {
        font-size: 12px;
        line-height: 20.6px;
    }

    .contact-heading p {
        font-size: 12px;
        line-height: 20px;
    }

    .contact-info .info-item p {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-info .info-item a {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-form .form-label {
        font-size: 14px;
        line-height: 28px;
    }

    .product-part .form-check-label {
        font-size: 12px;
        line-height: 20px;
    }

    .contact-btn, .email-link {
        padding: 6px 10px;
        font-size: 12px;
        line-height: 28px;
    }


    .solution-box img {
        margin-left: 10px;
    }

    .services-small-section .h6 {
        font-size: 16px;
        line-height: 20px;
    }

    .services-small-section p {
        font-size: 12px;
        line-height: 20px;
    }

    .services-small-section h3 {
        font-size: 30px;
        line-height: 40px;
    }


    .contact-page-hero-section h3, .About-page-hero-section h3, .Services-page-hero-section h3, .career-page-hero-section h3 {
        font-size: 16px;
    }

    .About-page-hero-section h1 {
        font-size: 30px;
        line-height: 40.82px;
        margin-bottom: 10px;
    }

    .About-page-hero-section p, .Services-page-hero-section p, .career-page-hero-section p {
        font-size: 12px;
        line-height: 20px;
    }

    .phentech-histroy-section h3 {
        font-size: 20px;
        line-height: 30.4px;
        margin-bottom: 15px;
    }
    .contact-page-hero-btn {
        font-size: 12px;
        line-height: 20px;
        margin-top: 20px;
    }
    .faq-section .accordion-button {
        font-size: 13px;
        line-height: 34px;
    }
    .About-values-section .accordion-button::after {
        padding: 0px 9px;
        font-size: 14px;
    }
    .About-values-section .accordion-body p {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .contact-page-map-section p {
        font-size: 12px;
        line-height: 20px;
    }
    .faq-section .accordion-body {
        font-size: 12px;
        line-height: 20px;
    }
    .solution-box span {
        font-size: 14px;
        line-height: 20px;
    }
    .phentech-histroy-section p {
        font-size: 12px;
        line-height: 20px;
    }
    .ceo-image {
        width: 90px;
        height: 90px;
    }
    .ceo-info h5 {
        font-size: 18px;
        line-height: 30.8px;
    }
    .About-us-card .card-title {
        font-size: 20px;
        line-height: 24.8px;
    }
    .About-us-card .card-text {
        font-size: 12px;
        line-height: 20px;
    }
    .phentech-histroy-section {
        padding: 0px 10px;
    }
    .team-section p {
        font-size: 12px;
        line-height: 20.6px;
    }
    .About-values-section p {
        font-size: 12px;
        line-height: 20px;
    }
    .About-values-section h4 {
        margin-bottom: 10px;
    }
    .accordion {
        padding: 0px 10px;
    }
    .our-service-section h2 {
        font-size: 32px;
        line-height: 45.42px;
    }
    .our-service-section .card h4 {
        font-size: 20px;
        line-height: 28.6px;
        text-align: center;
    }
    .our-service-section .img-box img {
        height: 35px;
        width: 35px;
    }
    .our-service-section .card p {
        font-size: 14px;
        line-height: 25px;
        text-align: center;
    }
    .our-service-section .card {
        padding: 0px;
    }
    .service-feature-box {
        padding: 10px;
    }
    .service-tool-section h3 {
        font-size: 32px;
        line-height: 45.42px;
    }
    .book-tech-section .card {
        padding: 20px 10px;
    }
        .book-tech-section .card h4 {
            font-size: 28px;
            line-height: 38.4px;
            width: 100%;
        }

        .book-tech-section .card p {
            font-size: 12px;
            line-height: 20px;
        }
    .service-progress-section .section-title {
        font-size: 32px;
        line-height: 45.42px;
    }
    .service-progress-section .section-subtitle {
        font-size: 12px;
        line-height: 20.52px;
    }
    .progress-bar-custom {
        width: 70%;
    }
    .industries-title {
        font-size: 32px;
        line-height: 45.42px;
    }
    .industry-icon img {
        height: 50px;
        width: 50px;
    }
    .industry-title {
        font-size: 14px;
    }
    .cta-title {
        font-size: 42px;
        line-height: 55px;
    }
    .cta-subtitle {
        font-size: 18px;
        line-height: 28px;
    }
    .service-feature-text{
        padding: 15px;
    }
    .footer-section1 a {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-logo {
        width: 140px;
    }
    .footer-section2 p, .footer-section2 a {
        font-size: 9px;
        line-height: 20px;
    }
    .soical-icons a {
        padding: 7px 10px;
        border-radius: 8px;
    }

    .f-icon {
        padding: 7px 12px !important;
    }

    .soical-icons {
        gap: 15px;
        justify-content: start;
        margin-top: 26px;
    }

    .service-feature-box span {
        font-size: 14px;
    }
    .service-feature-box .img-box img {
        height: 27px;
        width: 30px;
    }
    .service-feature-text h3 {
        font-size: 32px;
        line-height: 45.42px;
    }
    .service-feature-text h4 {
        font-size: 18px;
    }
    .service-feature-text p {
        width: 100%;
        font-size: 12px;
    }
    .book-tech-section .card h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .circle p{
        font-size: 12px;
        line-height: 20px;
    }
    .every-ind-section h2 {
        font-size: 32px;
        line-height: 45.45px;
    }
    .every-ind-section .card {
        padding: 0px;
    }
        .every-ind-section .card p {
            font-size: 12px;
            line-height: 24px;
        }

    .solution-section .card h5 {
        font-size: 18px;
    }
    .solution-section .card p {
        font-size: 12px;
        line-height: 20px;
    }
    .hero-section {
        height: 75vh;
        justify-content: start;
        align-items: start;
        padding: 0px 10px;
    }
    
        .hero-section .container {
            margin-top: 80px;
        }
    .footer-section2 {
        padding: 0px 15px;
    }
    .scroll-container {
        max-height: 568px;
    }
    .testimonial-card {
        padding: 1rem;
        flex-direction: column-reverse;
    }
    .part-2 {
        padding: 0px 0px 10px 0px;
        gap: 0px;
        border-radius: 8px;
        align-items: center;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .part-2 img {
        width: 80% !important;
    }
    .owl-carousel .owl-item {
        padding: 14px;
    }
    .part-1 img {
        height: 35px;
        width: 220px !important;
        margin-bottom: 10px;
    }
    .user-img img {
        width: auto !important;
    }
    .company-info-card h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .company-info-card p {
        font-size: 18px;
        margin: 0;
    }

    .company-info-card ul li {
        font-size: 18px;
    }

    .bg-image1 {
        min-height: 400px;
    }

    .h-290 {
        height: auto;
    }

    .h-600 {
        height: auto;
    }
    .blur-img-container {
        padding: 10px;
    }
}

@media(max-width: 400px) {
    .About-values-section .accordion-button::after {
        padding: 0px 10px;
        font-size: 12px;
    }

    .About-values-section .accordion-button span#toggle-text {
        right: 45px;
        font-size: 14px;
    }
    .footer-section1 {
        padding-left: 18px;
    }
    .f-8 {
        font-size: 8px !important;
    }
    .hero-section .container {
        margin-top: 60px;
    }
}

/* Footer contact / reviews / socials - mobile card layout.
   Kept at the end of the file so it wins over the earlier footer blocks. */
@media(max-width: 767px) {
    /* Same side padding as .footer-section2 so both rows line up */
    .footer-section1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-contact-list {
        margin-bottom: 0;
    }

    .footer-contact-list li {
        margin-bottom: 18px;
    }

        .footer-contact-list li:last-child {
            margin-bottom: 0;
        }

    .footer-contact-item {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .footer-contact-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 50%;
        background-color: #08D336;
        color: #0B084D;
        font-size: 17px;
    }

    .footer-contact-label {
        display: block;
        font-family: "Nunito Sans", sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        color: #D3D3D3;
    }

    .footer-contact-value {
        display: block;
        font-family: Exo, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }

    .footer-contact-item:hover .footer-contact-value {
        color: #08D336;
    }

    /* Dividers sit on pseudo elements, not on the column, so they line up
       with the text instead of running out into the grid gutter. */
    .footer-socials-col::before,
    .footer-socials-col h5::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.2);
        margin-bottom: 22px;
    }

        .footer-socials-col h5 {
            margin-top: 0;
            margin-bottom: 15px;
        }

    .footer-reviews-text {
        font-size: 18px;
        line-height: 26px;
    }

    .soical-icons {
        gap: 16px;
        justify-content: start;
        margin-top: 0;
    }

        .soical-icons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            padding: 0 !important;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.35);
            font-size: 16px;
        }
}

@media(max-width: 400px) {
    .footer-contact-icon,
    .soical-icons a {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .footer-contact-value,
    .footer-reviews-text {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Keep the footer review badge inside its narrow Bootstrap column at the
   large breakpoint. This prevents document-level horizontal scrolling. */
@media (min-width: 992px) and (max-width: 1279.98px) {
    .footer-reviews {
        align-items: flex-end;
        flex-direction: column;
        gap: 4px;
    }

    .footer-reviews-text {
        max-width: 100%;
        text-align: right;
        white-space: normal;
    }
}