/* Responsive CSS for RankHandy Homepage */

@media screen and (max-width: 768px) {

    /* --- Global Resets --- */
    body,
    html {
        overflow-x: hidden;
        width: 100%;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* --- Elementor Fixes --- */
    /* Force columns to stack */
    .elementor-column,
    .elementor-col-33,
    .elementor-col-50,
    .elementor-col-66,
    .elementor-col-25 {
        width: 100% !important;
    }

    /* Ensure containers wrap */
    .elementor-container {
        flex-wrap: wrap !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Adjust section padding */
    .elementor-section {
        padding: 20px 10px !important;
    }

    /* --- Softlite Block Fixes --- */

    /* Services Grid Container */
    #softlite-block-kg87qn7k {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* Service Cards */
    #softlite-block-kg87qn7k>.softlite-block-div {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* Stats Grid Container */
    #softlite-block-e9ikepdr {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Stat Items */
    #softlite-block-e9ikepdr>.softlite-block-div {
        width: 100% !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    /* Results/Testimonials Section Grid */
    #softlite-block-zl1357z0 {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Testimonial Logos */
    #softlite-block-l5f7ex2s,
    #softlite-block-nmd8y6pb {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    /* --- Typography Adjustments --- */
    h1,
    .softlite-block-heading span.neacj0j2 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    h2 {
        font-size: 28px !important;
    }

    h3 {
        font-size: 24px !important;
    }

    p,
    .softlite-block-basic-text {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    /* --- Additional Sections --- */
    /* Hero Buttons Container */
    #softlite-block-bulcjfi9 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }

    #softlite-block-bulcjfi9>div {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* "Why RankHandy" List */
    #softlite-block-zuxa6ysf {
        display: flex !important;
        flex-direction: column !important;
        padding-left: 0 !important;
    }

    #softlite-block-zuxa6ysf>li {
        width: 100% !important;
        margin-bottom: 15px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Testimonial Section Grid Fixes */
    #softlite-block-jm36xxmm,
    #softlite-block-pdevyjhy {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    #softlite-block-wxuli41w,
    #softlite-block-m6f9tyw5,
    #softlite-block-xor1a55h,
    #softlite-block-p55amnwh {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
    }

    /* SVG Icon Scaling & Alignment */
    .softlite-block-custom-html svg {
        max-width: 100% !important;
        height: auto !important;
    }

    /* "Ready to Scale" Section */
    #softlite-block-oa11uieu {
        padding: 30px 15px !important;
    }

    /* --- Hero Section --- */
    #softlite-block-y38rgwg4 {
        padding: 40px 15px !important;
        text-align: center !important;
    }

    #softlite-block-y38rgwg4 h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }

    /* --- "Data-Driven Approach" Section (3 columns) --- */
    #softlite-block-agxjaywn {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    #softlite-block-agxjaywn>.softlite-block-div {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* --- "Why RankHandy" Section --- */
    #softlite-block-ho22el0n {
        padding: 40px 15px !important;
    }

    #softlite-block-ho22el0n>.softlite-block-div {
        flex-direction: column !important;
    }

    /* "Why RankHandy" content wrapper */
    #softlite-block-yyvnhigb {
        width: 100% !important;
    }

    /* "Why RankHandy" text side */
    #softlite-block-tdgd3797 {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    /* "Our Solutions" Grid */
    #softlite-block-kg87qn7k {
        gap: 20px !important;
    }
}