/* ===================================
   ABOUT US RESPONSIVE STYLES
   Mobile and tablet only (desktop unchanged)
   =================================== */

.about-page {
    margin-bottom: 0 !important;
}

.about-page .cta-area {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

footer {
    margin-top: 0 !important;
}

footer .fotter-area {
    border-top: 0 !important;
}

@media (max-width: 991.98px) {
    .about-page {
        overflow-x: hidden;
    }

    .about-page .page-banner-height {
        min-height: 360px;
        height: auto;
        padding: 56px 0 48px;
        background-position: center center;
        background-size: cover;
    }

    .about-page .page-banner-content h3 {
        font-size: 34px;
        line-height: 1.15;
        margin-bottom: 12px;
    }

    .about-page .page-banner-content p {
        font-size: 15px;
        line-height: 1.55;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-page .page-banner-content p br,
    .about-page .about-content .about-text br,
    .about-page .abs-section-title p br {
        display: none;
    }

    .about-page .page-bottom-btn.mt-55 {
        margin-top: 24px !important;
    }

    .about-page .page-bottom-btn .st-btn-4 {
        padding: 10px 22px;
        font-size: 14px;
    }

    .about-page .pt-80 {
        padding-top: 54px !important;
    }

    .about-page .pb-80 {
        padding-bottom: 54px !important;
    }

    .about-page .pt-70 {
        padding-top: 50px !important;
    }

    .about-page .pb-50 {
        padding-bottom: 34px !important;
    }

    .about-page .pb-40 {
        padding-bottom: 26px !important;
    }

    .about-page .pb-25 {
        padding-bottom: 20px !important;
    }

    .about-page .about-content h4 {
        font-size: 30px;
        line-height: 1.2;
    }

    .about-page .about-content h5 {
        font-size: 22px;
        line-height: 1.3;
    }

    .about-page .about-content p {
        font-size: 14px;
        line-height: 1.65;
    }

    .about-page .about-image img,
    .about-page .ab-counter-image img,
    .about-page .team-image img,
    .about-page .location-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    .about-page .abs-section-title h4 {
        font-size: 30px;
        line-height: 1.2;
    }

    .about-page .abs-section-title p {
        font-size: 14px;
        line-height: 1.6;
    }

    .about-page .services-area .row.mt-40 {
        margin-top: 22px !important;
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .about-page .services-area .row.mt-40 > [class*="col-"] {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .about-page .services-item {
        height: 100%;
        padding: 14px 10px;
        min-height: 100%;
    }

    .about-page .services-item h6 {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .about-page .services-item p {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 6px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .about-page .services-item .services-icon {
        margin-bottom: 10px !important;
    }

    .about-page .services-item .services-icon i {
        font-size: 20px;
    }

    .about-page .services-item .s-count-number {
        position: static;
        margin-top: 6px;
        text-align: right;
        line-height: 1;
    }

    .about-page .services-item .s-count-number span {
        font-size: 18px;
        color: #b9c0ca;
        font-weight: 700;
        opacity: 1;
    }

    .about-page .services-item h6,
    .about-page .services-item p {
        position: relative;
        z-index: 1;
    }

    .about-page .ab-counter-image.mb-40 {
        margin-bottom: 22px !important;
    }

    .about-page .ab-counter-item {
        border: 1px solid #ececec;
        border-radius: 10px;
        padding: 16px 14px;
        height: 100%;
    }

    .about-page .ab-counter-item h5 {
        font-size: 18px;
        line-height: 1.3;
    }

    .about-page .ab-counter-item p {
        font-size: 13px;
        line-height: 1.55;
        margin-bottom: 0;
    }

    .about-page .counter_info span {
        font-size: 28px !important;
    }

    .about-page .counter_info p {
        font-size: 18px !important;
    }

    .about-page .team-image.mb-35 {
        margin-bottom: 18px !important;
    }

    .about-page .tauthor-degination h5 {
        font-size: 20px;
    }

    .about-page .tauthor-degination span {
        font-size: 13px;
    }

    .about-page .location-item {
        border: 1px solid #ececec;
        border-radius: 10px;
        padding: 14px 12px;
        height: 100%;
    }

    .about-page .location-item h6 {
        font-size: 18px;
        line-height: 1.35;
    }

    .about-page .sm-item-loc .sml-icon {
        margin-right: 12px !important;
    }

    .about-page .sm-content span {
        font-size: 13px;
    }

    .about-page .sm-content p {
        font-size: 13px;
        line-height: 1.45;
    }

    .about-page .cta-item {
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 10px;
        padding: 16px 14px;
    }

    .about-page .cta-area .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
    }

    .about-page .cta-area .row > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .about-page .cta-title {
        font-size: 15px;
        line-height: 1.25;
    }

    .about-page .cta-item p {
        font-size: 11px;
        line-height: 1.45;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .about-page .subscribe__form form {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .about-page .subscribe__form form input,
    .about-page .subscribe__form form button {
        width: 100%;
    }

    .about-page .social-icon a {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        margin-right: 4px;
        margin-bottom: 4px;
    }

    .about-page .apps-store a img {
        max-width: 126px;
    }
}

@media (max-width: 575.98px) {
    .about-page .page-banner-height {
        min-height: 300px;
        padding: 46px 0 38px;
    }

    .about-page .page-banner-content h3 {
        font-size: 28px;
    }

    .about-page .page-banner-content p {
        font-size: 13px;
        line-height: 1.5;
    }

    .about-page .page-bottom-btn .st-btn-4 {
        width: 100%;
        text-align: center;
    }

    .about-page .about-area .row.align-items-center > div:first-child {
        margin-bottom: 18px;
    }

    .about-page .about-content h4 {
        font-size: 24px;
    }

    .about-page .about-content h5 {
        font-size: 19px;
    }

    .about-page .abs-section-title h4 {
        font-size: 24px;
    }

    .about-page .services-item {
        padding: 12px 8px;
    }

    .about-page .services-item .services-icon i {
        font-size: 18px;
    }

    .about-page .services-item h6 {
        font-size: 12px;
    }

    .about-page .services-item p {
        font-size: 10px;
        line-height: 1.35;
        margin-bottom: 6px;
    }

    .about-page .services-item .s-count-number {
        margin-top: 4px;
    }

    .about-page .services-item .s-count-number span {
        font-size: 16px;
    }

    .about-page .ab-counter-item {
        padding: 14px 12px;
    }

    .about-page .counter_info span {
        font-size: 24px !important;
    }

    .about-page .location-item {
        padding: 12px 10px;
    }

    .about-page .cta-item {
        padding: 12px 8px;
    }

    .about-page .cta-title {
        font-size: 13px;
    }

    .about-page .cta-item p {
        font-size: 10px;
        line-height: 1.35;
        -webkit-line-clamp: 2;
    }

    .about-page .apps-store {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .about-page .apps-store a img {
        max-width: 102px;
    }

    .about-page .social-icon a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        margin-right: 3px;
        margin-bottom: 3px;
    }

    .about-page .subscribe__form input {
        height: 34px;
        line-height: 34px;
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .about-page .subscribe__form button {
        position: static;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
        padding: 0 8px;
        border-radius: 3px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .about-page .about-image {
        max-width: 760px;
        margin: 0 auto;
    }

    .about-page .services-item {
        min-height: 270px;
    }
}


/* ============================================
   CONTACT CTA SECTION - RESPONSIVE
   ============================================ */
@media (max-width: 767px) {
    .contact-cta-section {
        padding: 40px 0 !important;
    }

    .contact-cta-content h2 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
        text-align: center;
    }

    .contact-cta-content p {
        font-size: 15px !important;
        text-align: center;
    }

    .contact-cta-section .btn {
        width: 100%;
        padding: 12px 30px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 479px) {
    .contact-cta-section {
        padding: 30px 0 !important;
    }

    .contact-cta-content h2 {
        font-size: 20px !important;
    }

    .contact-cta-content p {
        font-size: 14px !important;
    }
}