@media (max-width: 480px) {

    /* Navbar */
    .logo-text-brand {
        font-size: 20px;
    }

    .nav-btn-action {
        width: 100%;
    }

    /* Typography Overrides */
    .hero-main-title {
        font-size: 30px;
    }

    .hero-main-para {
        font-size: 15px;
    }

    .sec-main-title,
    .sec-heading-why {
        font-size: 20px;
    }

    /* Hero */
    .hero-text-col {
        text-align: center;
    }

    .app-btn-img {
        height: 30px;
    }

    .hero-app-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hero-img-composition {
        flex-direction: column;
        height: auto;
    }

    .hero-bg-img-large {
        width: 100%;
        height: 300px;
        border-radius: 20px;
    }

    .hero-floating-phone-img {
        height: 220px;
        right: auto;
        position: relative;
    }

    /* Who We Are */
    .who-grid-images {
        display: flex;
        flex-direction: column;
    }

    /* How it works */
    .works-horizontal-line {
        display: none;
    }

    /* Why Choose Us */
    .why-features-grid-new {
        row-gap: 25px;
    }

    .why-rating-floating-card {
        left: 50%;
        transform: translateX(-50%);
        /* Centers the card horizontally */
        width: 85%;
        max-width: none;
    }

    /* CTA Banner */
    .cta-inner-box {
        text-align: center;
    }

    .cta-features-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .cta-list-item {
        font-size: 14px;
    }

    .cta-phones-wrapper {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .cta-phone-front,
    .cta-phone-back {
        position: relative;
        right: auto;
        top: auto;
        height: 250px;
    }

    /* Footer */
    .footer-brand-col {
        text-align: center;
    }

    .footer-app-badges {
        justify-content: center;
    }

    .footer-links-col {
        text-align: center;
    }

    /* padding// */
    .who-we-are-area {
        padding: 40px 0px;
    }

    .services-area-bg {
        margin-top: 40px;
    }

    .how-it-works-area {
        margin-top: 15px;
        padding: 60px 0px;
    }

    .testi-track {
        gap: 9px;
    }

    .sec-main-title2 {
        font-size: 24px;
    }

    .tailored-solutions-area {
        padding: 40px 0px;
    }

    .sec-main-para2 {
        font-size: 14px;
    }

    .why-choose-area-new {
        margin-top: 40px;
        padding: 40px 0px;
    }

    .testimonials-area {
        margin-top: 40px;
    }

    .cta-inner-box {
        margin-top: 40px;
        padding: 25px;
    }

    .slider-arrows {
        margin-top: 20px;
    }

    .testimonial-header-wrap {
        margin-bottom: 30px;
    }

    .cta-features-list {
        padding: 0px;
    }

    /* padding// */

    /* about// */
    .about-hero-banner {
        padding: 30px 0px;
    }

    .about-hero-title {
        font-size: 36px;
        margin-bottom: 15px;
    }


    .mission-section-area,
    .angels-section-area,
    .vision-section-area {
        padding: 30px 0;
    }



    .mission-quote-card {
        padding: 30px 20px;
        border-top-right-radius: 50px;
    }

    .angels-tall-img {
        height: 300px;
        margin-bottom: 30px;
    }

    .feature-list-item {
        text-align: left;
        margin-bottom: 15px;
    }

    /* Stack Bento Grid vertically */
    .values-bento-grid {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        margin-top: 30px;
    }

    .bento-box-1,
    .bento-box-2,
    .bento-box-3,
    .bento-box-4,
    .bento-box-5 {
        grid-column: 1 / 2;
        grid-row: auto;
    }

    .bento-card-item {
        padding: 25px 20px;
    }

    .bento-large-quote {
        font-size: 18px;
    }

    .about-cta-inner-box {
        padding: 40px 20px;
    }

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

    .about-cta-para {
        margin-bottom: 25px;
    }

    .about-cta-btn-group {
        flex-direction: column;
        align-items: center;
    }

    .cta-btn-margin {
        margin-bottom: 10px;
        width: 100%;
    }

    .btn-outline-custom {
        width: 100%;
    }

    /* about// */
    .services-page-hero {
        padding: 60px 0;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.7) 100%), url('https://images.unsplash.com/photo-1576765608535-5f04d1e3f289?q=80&w=1920&auto=format&fit=crop');
        /* Changed gradient direction for mobile readability */
    }


    .custom-card {
        padding: 25px 20px;
        /* Card ki inner space shrink ki */
        margin-bottom: 15px;
        /* Cards ke darmiyan gap kam kiya */
    }

    .card-dark-teal {
        min-height: auto;
        /* Height auto for mobile */
    }

    .icon-box-dark,
    .icon-box-charcoal-light,
    .icon-circle-dark,
    .icon-circle-white {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .card-title-white {
        font-size: 20px;
    }

    .card-title-dark {
        font-size: 15px;
    }

    .card-dark-teal {
        height: fit-content;
    }

    .contact-value-strong {
        font-size: 13px;
    }

    .contact-sub-heading {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .card-light-grey {
        height: fit-content;
    }

    .card-light-beige {
        height: fit-content;
    }

    .faq-page-main-wrapper {
        padding: 50px 0;
    }

    .faq-main-title {
        font-size: 28px;
    }

    .faq-sub-description {
        font-size: 14px;
        padding: 0 15px;
    }

    .faq-toggle-btn {
        padding: 18px 20px;
    }

    .faq-question-text {
        font-size: 14px;
    }

    .faq-answer-body {
        padding: 0 20px 20px 20px;
    }

    .contact-page-wrapper {
        padding: 40px 0;
    }

    .contact-left-column {
        padding-right: 15px;
    }

    .contact-main-heading {
        font-size: 32px;
    }

    .contact-form-card {
        padding: 25px;
        border-radius: 20px;
    }

    .contact-hero-image {
        height: 250px;
        border-radius: 20px;
    }

    .contact-form-row {
        flex-direction: column;
    }

    .contact-form-col {
        width: 100%;
    }

    .tc-page-wrapper {
        padding: 40px 0;
    }

    .tc-main-title {
        font-size: 30px;
    }

    .tc-content-card {
        padding: 25px;
        border-radius: 15px;
    }

    .tc-card-title {
        font-size: 20px;
    }

    .tc-sticky-sidebar {
        position: static;
        margin-bottom: 30px;
    }

    .tc-inner-cards-row {
        row-gap: 15px;
    }

    .footer-bottom-row {
        margin-top: 30px;
    }
}

@media (min-width: 481px) and (max-width: 991px) {

    /* Navbar */
    .nav-btn-action {
        display: inline-block;
    }

    /* Hero */
    .hero-text-col {
        text-align: center;
    }

    .hero-app-buttons {
        justify-content: center;
    }

    .hero-img-composition {
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero-bg-img-large {
        width: 90%;
        height: 100%;
    }

    .hero-floating-phone-img {
        height: 280px;
        position: relative;
        bottom: auto;
        right: auto;
    }

    /* Who We Are */
    .who-text-col {
        text-align: center;
    }

    .feature-list-item {
        text-align: left;
    }

    /* How it works */
    .works-horizontal-line {
        display: none;
    }

    /* Why Choose Us */
    .why-feature-item-new {
        text-align: left;
    }

    .why-feature-title-new,
    .why-feature-para-new {
        text-align: left;
    }

    .why-rating-floating-card {
        left: 10%;
        max-width: 240px;
    }

    /* CTA Banner */
    .cta-inner-box {
        text-align: center;
    }

    .cta-features-list {
        display: inline-block;
        text-align: left;
    }

    .cta-phones-wrapper {
        height: auto;
        display: flex;
        justify-content: center;
    }

    .cta-phone-front,
    .cta-phone-back {
        position: relative;
        right: auto;
        top: auto;
        height: 300px;
    }

    .cta-phone-front {
        z-index: 2;
    }

    .cta-phone-back {
        z-index: 1;
    }

    /* Footer */
    .footer-brand-col {
        text-align: center;
    }

    .footer-app-badges {
        justify-content: center;
    }

    .sec-main-title {
        font-size: 27px;
    }

    .hero-main-title {
        font-size: 35px;
    }


    /* padding// */
    .who-we-are-area {
        padding: 40px 0px;
    }

    .services-area-bg {
        margin-top: 40px;
    }

    .how-it-works-area {
        margin-top: 15px;
        padding: 70px 0px;
    }

    .why-choose-area-new {
        margin-top: 40px;
        padding: 40px 0px;
    }

    .testimonials-area {
        margin-top: 40px;
    }

    .cta-inner-box {
        margin-top: 40px;
        padding: 25px;
    }

    .slider-arrows {
        margin-top: 20px;
    }

    .testimonial-header-wrap {
        margin-bottom: 30px;
    }

    .cta-features-list {
        padding: 0px;
    }

    .testimonial-card-box {
        padding: 20px;
    }


    /* padding// */
    .mission-section-area,
    .angels-section-area,
    .vision-section-area {
        padding: 30px 0;
    }

    .services-page-hero {
        padding: 80px 0;
        text-align: center;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%), url('https://images.unsplash.com/photo-1576765608535-5f04d1e3f289?q=80&w=1920&auto=format&fit=crop');
    }

    .hero-btn-gap {
        margin: 0 auto;
        display: inline-block;
    }


    /* Ensure left column doesn't have huge gap before right column */
    .left-grid-column {
        margin-bottom: 30px;
    }

    .faq-main-title {
        font-size: 34px;
    }

    .faq-sub-description {
        padding: 0 20px;
    }

    .contact-left-column {
        padding-right: 15px;
        margin-bottom: 40px;
    }

    .contact-main-heading {
        font-size: 40px;
    }

    .contact-hero-image {
        height: 320px;
    }

    .contact-form-card {
        padding: 30px;
    }

    .tc-main-title {
        font-size: 36px;
    }

    .tc-content-card {
        padding: 30px;
    }

    .tc-sticky-sidebar {
        position: static;
        margin-bottom: 40px;
    }
}



@media (max-width: 992px) {
    .testimonial-slide-item {
        flex: 0 0 calc(50% - 12px);
    }
}

/* --------------------------------------------------------
   BREAKPOINT: Mobile Screens Alignments (max 767px)
   -------------------------------------------------------- */
@media (max-width: 767px) {

    /* Testimonial slider header & arrows alignment */
    .testimonial-header-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .slider-arrows {
        align-self: flex-end;
    }

    .testimonial-slide-item {
        flex: 0 0 100%;
    }

    /* Typography Overrides */
    .sec-main-para {
        font-size: 13px;
    }

    .widthclasspara {
        width: 95%;
    }

    .feature-item-title {
        font-size: 15px;
    }

    .feature-icon-circle-light {
        width: 30px;
        height: 30px;
    }

    .arrow-btn {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    /* Who Grid Images staggered effect removal */
    .who-grid-images {
        gap: 15px;
    }

    .who-img-side,
    .who-img-corner {
        transform: translateY(0);
    }

    .about-hero-para {
        font-size: 15px;
    }
}

/* tablete.css additions */
@media (min-width: 481px) and (max-width: 1050px) {



    .mission-card-col {
        margin-top: 40px;
    }

    .angels-tall-img {
        height: 400px;
        margin-bottom: 40px;
    }

    .angels-text-col {
        text-align: center;
    }

    .feature-list-item {
        text-align: left;
    }

    /* Grid to 2 columns on tablet */
    .values-bento-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bento-box-1 {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    /* Full width top */
    .bento-box-2 {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .bento-box-3 {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .bento-box-4 {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .bento-box-5 {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }
}