.elementor-26 .elementor-element.elementor-element-951d02e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9fbfb1e{--display:flex;--min-height:199px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9fbfb1e:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-9fbfb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bholaindish.rankskillsindia.com/wp-content/uploads/2025/12/hero-banner.png");background-position:-460px 248px;}.elementor-26 .elementor-element.elementor-element-9fbfb1e::before, .elementor-26 .elementor-element.elementor-element-9fbfb1e > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-9fbfb1e > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-9fbfb1e > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-9fbfb1e > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-9fbfb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0E0808;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-2898eef{margin:48px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-26 .elementor-element.elementor-element-2898eef .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:89px;font-weight:600;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-b11f01d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-13fd445{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-6262f4f{margin:0122px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;color:#000000;}.elementor-26 .elementor-element.elementor-element-f4ba06e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26 .elementor-element.elementor-element-2c73cc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-90c0022{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26 .elementor-element.elementor-element-f6ac258{--display:flex;}.elementor-26 .elementor-element.elementor-element-b794d90{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-26 .elementor-element.elementor-element-b794d90 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:700;color:#DD3939;}.elementor-26 .elementor-element.elementor-element-396300a{color:#000000;}.elementor-26 .elementor-element.elementor-element-45180df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-d16d230{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-b3bdfa2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-13fd445{--width:50%;}.elementor-26 .elementor-element.elementor-element-f4ba06e{--width:50%;}.elementor-26 .elementor-element.elementor-element-90c0022{--width:50%;}}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-9fbfb1e:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-9fbfb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-9fbfb1e:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-9fbfb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d16d230 */<style>
    .categories-section {
        width: 100%;
        max-width: 1200px;
        margin: 40px auto;
        padding: 0 20px;
    }

    .categories-heading {
        text-align: center;
        font-size: 36px;
        font-weight: bold;
        color: #d32f2f;
        margin-bottom: 40px;
        text-transform: uppercase;
        position: relative;
    }

    .categories-heading::after {
        content: '';
        display: block;
        width: 100px;
        height: 4px;
        background: #d32f2f;
        margin: 15px auto 0;
        border-radius: 2px;
    }

    /* Desktop Grid */
    .categories-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-top: 30px;
    }

    .category-card {
        background: #fff;
        border-radius: 12px;
        padding: 30px 20px;
        text-align: center;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
    }

    .category-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 25px rgba(211,47,47,0.3);
    }

    .category-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        background: #fff3f3;
        border-radius: 50%;
    }

    .category-name {
        font-size: 22px;
        font-weight: 600;
        color: #333;
    }

    .category-description {
        font-size: 14px;
        color: #666;
    }

    /* ================================
       📱 MOBILE VERSION (Your Look)
       ================================ */
    @media (max-width: 768px) {

        .categories-grid {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 60px; /* big spacing like screenshot */
        }

        .category-card {
            background: none;
            box-shadow: none;
            padding: 0;
        }

        .category-icon {
            background: none;
            width: 70px;
            height: 70px;
            font-size: 40px;
        }

        .category-name {
            font-size: 16px;
            color: #d32f2f; /* same red */
            margin-top: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .category-description {
            display: none; /* hidden like your screenshot */
        }
    }
</style>/* End custom CSS */