/* =========================================================
   AARAV DIGITAL PRO
   SERVICES FINAL
   PREMIUM BLACK + GOLD
========================================================= */

.adp-services-final{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:03px 0 30px;
    background:#030303 !important;
    color:#fff;
    box-sizing:border-box;
}


/* =========================================================
   BACKGROUND
========================================================= */

.adp-sf-bg-glow{
    position:absolute;
    width:1000px;
    height:1000px;
    left:20%;
    top:-100px;

    transform:translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(243,196,59,.12) 0%,
            rgba(243,196,59,.045) 35%,
            transparent 72%
        );

    filter:blur(35px);
    pointer-events:none;
}


/* =========================================================
   CONTAINER
========================================================= */

.adp-sf-container{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1500px;

    margin:0 auto;
    padding:0 20px;

    box-sizing:border-box;
}


/* =========================================================
   HEADER
========================================================= */

.adp-sf-header{
    max-width:900px;

    margin:0 auto 30px;

    text-align:center;
}


.adp-sf-eyebrow{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:14px;

    margin-bottom:18px;

    padding:8px 20px;

    border:1px solid #f3c43b;
    border-radius:50px;

    background:rgba(243,196,59,.015);

    color:#f3c43b;

    font-size:13px;
    font-weight:800;

    letter-spacing:2px;

    box-shadow:
        0 0 20px rgba(243,196,59,.05);
}


.adp-sf-eyebrow span{
    display:block;

    width:27px;
    height:1px;

    background:#f3c43b;

    border-radius:20px;
}


.adp-sf-header h2{
    margin:0;

    color:#fff;

    font-size:clamp(48px,5vw,72px);

    line-height:1.02;

    font-weight:800;

    letter-spacing:-2.5px;
}


.adp-sf-header h2 strong{
    display:block;

    color:#f3c43b;
}


.adp-sf-header p{
    max-width:720px;

    margin:18px auto 0;

    color:#c0c0c0;

    font-size:17px;

    line-height:1.6;
}


/* =========================================================
   GRID
========================================================= */

.adp-sf-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:14px;
}


/* =========================================================
   CARD
========================================================= */

.adp-sf-card{
    position:relative;

    width:100%;
    height:350px;

    display:grid;

    grid-template-columns:48% 52%;

    overflow:hidden;

    border:1px solid #dcae17;

    border-radius:19px;

    background:#050505;

    box-sizing:border-box;

    isolation:isolate;

    box-shadow:
        0 15px 40px rgba(0,0,0,.45);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.adp-sf-card:hover{
    transform:translateY(-5px);

    border-color:#f3c43b;

    box-shadow:
        0 25px 60px rgba(0,0,0,.55),
        0 0 35px rgba(243,196,59,.10);
}


/* =========================================================
   NUMBER + LINE
========================================================= */

.adp-sf-top{
    position:absolute;

    top:29px;
    left:30px;

    z-index:50;

    display:flex;

    align-items:center;

    gap:18px;
}


.adp-sf-number{
    color:#f3c43b;

    font-size:18px;
    font-weight:800;

    line-height:1;
}


.adp-sf-line{
    width:65px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #f3c43b,
            transparent
        );
}


/* =========================================================
   ICON
========================================================= */

.adp-sf-icon{
    position:absolute;

    top:17px;
    right:17px;

    z-index:60;

    width:59px;
    height:59px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid #f3c43b;

    border-radius:16px;

    background:#050505 !important;

    color:#f3c43b;

    box-sizing:border-box;

    box-shadow:
        0 0 20px rgba(243,196,59,.04);
}


.adp-sf-icon svg{
    width:30px;
    height:30px;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.adp-sf-copy{
    grid-column:1;

    position:relative;

    z-index:40;

    min-width:0;

    padding:
        84px
        8px
        55px
        30px;

    box-sizing:border-box;
}


.adp-sf-copy h3{
    margin:0 0 15px;

    color:#fff;

    font-size:27px;

    line-height:1.05;

    font-weight:800;

    letter-spacing:-.7px;
}


.adp-sf-copy p{
    margin:0;

    max-width:185px;

    color:#bcbcbc;

    font-size:13.5px;

    line-height:1.62;
}


/* =========================================================
   VISUAL AREA
========================================================= */

.adp-sf-visual{
    grid-column:2;

    position:relative;

    width:100%;
    height:100%;

    display:block;

    overflow:hidden;

    background:transparent !important;

    z-index:10;

    pointer-events:none;
}


/* GOLD GLOW */

.adp-sf-visual::before{
    content:"";

    position:absolute;

    right:-50px;
    bottom:-50px;

    width:300px;
    height:300px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(243,196,59,.23),
            rgba(243,196,59,.08) 35%,
            transparent 70%
        );

    filter:blur(18px);

    z-index:0;
}


/* =========================================================
   IMAGE
========================================================= */

.adp-sf-visual img{
    position:absolute !important;

    right:-12px !important;
    bottom:-10px !important;

    width:125% !important;
    height:95% !important;

    max-width:none !important;

    display:block !important;

    object-fit:contain !important;

    object-position:right bottom !important;

    background:transparent !important;

    /*
       IMPORTANT:
       Darken / multiply white background into
       the black card.
    */
    mix-blend-mode:multiply !important;

    opacity:1 !important;

    z-index:2 !important;

    transform:none !important;

    transform-origin:right bottom;

    transition:
        transform .45s ease;
}


/* HOVER */

.adp-sf-card:hover
.adp-sf-visual img{
    transform:scale(1.055) !important;
}


/* =========================================================
   INDIVIDUAL IMAGE SIZES
========================================================= */


/* GOOGLE ADS */

.adp-sf-card:nth-child(1)
.adp-sf-visual img{
    width:126% !important;
    height:94% !important;

    right:-10px !important;
    bottom:-7px !important;
}


/* SOCIAL MEDIA */

.adp-sf-card:nth-child(2)
.adp-sf-visual img{
    width:124% !important;
    height:96% !important;

    right:-12px !important;
    bottom:-8px !important;
}


/* WEBSITE */

.adp-sf-card:nth-child(3)
.adp-sf-visual img{
    width:126% !important;
    height:95% !important;

    right:-12px !important;
    bottom:-8px !important;
}


/* SEO */

.adp-sf-card:nth-child(4)
.adp-sf-visual img{
    width:125% !important;
    height:95% !important;

    right:-12px !important;
    bottom:-8px !important;
}


/* LEAD GENERATION */

.adp-sf-card:nth-child(5)
.adp-sf-visual img{
    width:124% !important;
    height:95% !important;

    right:-10px !important;
    bottom:-8px !important;
}


/* DIGITAL STRATEGY */

.adp-sf-card:nth-child(6)
.adp-sf-visual img{
    width:121% !important;
    height:93% !important;

    right:-8px !important;
    bottom:-5px !important;
}


/* =========================================================
   EXPLORE SERVICE
========================================================= */

.adp-sf-link{
    position:absolute;

    left:30px;
    bottom:22px;

    z-index:80;

    display:inline-flex;

    align-items:center;

    gap:15px;

    color:#f3c43b !important;

    text-decoration:none !important;

    font-size:14px;

    font-weight:800;

    white-space:nowrap;
}


.adp-sf-link span{
    position:relative;
}


.adp-sf-link span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;

    bottom:-5px;

    height:1px;

    background:#f3c43b;
}


.adp-sf-link b{
    font-size:21px;

    font-weight:400;

    line-height:1;

    transition:
        transform .3s ease;
}


.adp-sf-link:hover{
    color:#fff !important;
}


.adp-sf-link:hover b{
    transform:translateX(6px);
}


/* =========================================================
   CARD INNER GLOW
========================================================= */

.adp-sf-card::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:30;

    pointer-events:none;

    border-radius:19px;

    background:
        radial-gradient(
            circle at 78% 76%,
            rgba(243,196,59,.055),
            transparent 42%
        );
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

    .adp-sf-container{
        padding:0 18px;
    }

    .adp-sf-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:16px;
    }

    .adp-sf-card{
        height:345px;

        grid-template-columns:48% 52%;
    }

    .adp-sf-copy{
        padding-left:25px;
        padding-right:5px;
    }

    .adp-sf-copy h3{
        font-size:25px;
    }

    .adp-sf-copy p{
        font-size:13px;
    }

    .adp-sf-link{
        left:25px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .adp-services-final{
        padding:45px 0 55px;
    }

    .adp-sf-container{
        padding:0 14px;
    }

    .adp-sf-header{
        margin-bottom:24px;
    }

    .adp-sf-eyebrow{
        gap:8px;

        padding:7px 14px;

        font-size:11px;

        letter-spacing:1.2px;
    }

    .adp-sf-eyebrow span{
        width:17px;
    }

    .adp-sf-header h2{
        font-size:38px;

        letter-spacing:-1.2px;
    }

    .adp-sf-header p{
        font-size:15px;
    }

    .adp-sf-grid{
        grid-template-columns:1fr;

        gap:18px;
    }

    .adp-sf-card{
        height:330px;

        grid-template-columns:48% 52%;

        border-radius:19px;
    }

    .adp-sf-top{
        top:22px;
        left:21px;

        gap:11px;
    }

    .adp-sf-number{
        font-size:15px;
    }

    .adp-sf-line{
        width:42px;
    }

    .adp-sf-icon{
        top:12px;
        right:12px;

        width:52px;
        height:52px;

        border-radius:14px;
    }

    .adp-sf-icon svg{
        width:25px;
        height:25px;
    }

    .adp-sf-copy{
        padding:
            70px
            5px
            50px
            21px;
    }

    .adp-sf-copy h3{
        font-size:23px;
    }

    .adp-sf-copy p{
        max-width:150px;

        font-size:12.5px;

        line-height:1.58;
    }

    .adp-sf-visual img{
        width:125% !important;
        height:94% !important;

        right:-12px !important;
        bottom:-8px !important;
    }

    .adp-sf-link{
        left:21px;
        bottom:18px;

        font-size:13px;

        gap:11px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

    .adp-services-final{
        padding-top:40px;
    }

    .adp-sf-header h2{
        font-size:32px;
    }

    .adp-sf-header p{
        font-size:14px;
    }

    .adp-sf-card{
        height:315px;

        grid-template-columns:49% 51%;
    }

    .adp-sf-copy{
        padding-left:18px;
        padding-right:3px;
    }

    .adp-sf-copy h3{
        font-size:21px;
    }

    .adp-sf-copy p{
        max-width:140px;

        font-size:11.5px;
    }

    .adp-sf-link{
        left:18px;
        bottom:17px;

        font-size:12px;
    }

    .adp-sf-visual img{
        width:128% !important;
        height:94% !important;

        right:-14px !important;
        bottom:-8px !important;
    }
}
/* =========================================================
   SERVICE IMAGE — CENTER POSITION
   Reference Image Matching
========================================================= */

.adp-sf-visual{
    position:absolute !important;

    right:0 !important;
    top:50% !important;
    bottom:auto !important;

    width:58% !important;
    height:82% !important;

    transform:translateY(-43%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    z-index:10 !important;

    pointer-events:none;
}


/* All service images */

.adp-sf-visual img{
    position:absolute !important;

    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    left:50% !important;

    width:auto !important;
    height:auto !important;

    max-width:none !important;
    max-height:100% !important;

    object-fit:contain !important;

    transform:translate(-50%, -50%) !important;

    background:transparent !important;

    mix-blend-mode:normal !important;
}


/* =========================================================
   01 GOOGLE ADS
========================================================= */

.adp-sf-google{
    width:71% !important;
    height:82% !important;
}


.adp-sf-google img{
    width:285px !important;
}


/* =========================================================
   02 SOCIAL MEDIA
========================================================= */

.adp-sf-social{
    width:63% !important;
    height:86% !important;
}


.adp-sf-social img{
    width:305px !important;
}


/* =========================================================
   03 WEBSITE
========================================================= */

.adp-sf-website{
    width:65% !important;
    height:84% !important;
}


.adp-sf-website img{
    width:300px !important;
}


/* =========================================================
   04 SEO
========================================================= */

.adp-sf-seo{
    width:65% !important;
    height:88% !important;
}


.adp-sf-seo img{
    width:315px !important;
}


/* =========================================================
   05 LEAD GENERATION
========================================================= */

.adp-sf-lead{
    width:64% !important;
    height:90% !important;
}


.adp-sf-lead img{
    width:285px !important;
}


/* =========================================================
   06 DIGITAL STRATEGY
========================================================= */

.adp-sf-strategy{
    width:64% !important;
    height:86% !important;
}


.adp-sf-strategy img{
    width:290px !important;
}


/* =========================================================
   DESKTOP — SLIGHTLY LOWER LIKE REFERENCE
========================================================= */

@media (min-width:1101px){

    .adp-sf-visual{
        transform:translateY(-38%) !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

    .adp-sf-visual{
        top:50% !important;

        width:58% !important;
        height:80% !important;

        transform:translateY(-40%) !important;
    }


    .adp-sf-google img{
        width:250px !important;
    }


    .adp-sf-social img{
        width:270px !important;
    }


    .adp-sf-website img{
        width:265px !important;
    }


    .adp-sf-seo img{
        width:275px !important;
    }


    .adp-sf-lead img{
        width:250px !important;
    }


    .adp-sf-strategy img{
        width:255px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .adp-sf-visual{
        top:53% !important;
        right:0 !important;

        width:58% !important;
        height:78% !important;

        transform:translateY(-45%) !important;
    }


    .adp-sf-google img{
        width:225px !important;
    }


    .adp-sf-social img{
        width:245px !important;
    }


    .adp-sf-website img{
        width:240px !important;
    }


    .adp-sf-seo img{
        width:245px !important;
    }


    .adp-sf-lead img{
        width:225px !important;
    }


    .adp-sf-strategy img{
        width:235px !important;
    }

}
/* =========================================================
   SERVICES — FINAL IMAGE SIZE & HOVER ANIMATION
   Reference Match
========================================================= */

/* Card ko hover par upar move mat karo */
.adp-sf-card:hover{
    transform:none !important;
}


/* =========================================================
   VISUAL CONTAINER
========================================================= */

.adp-sf-visual{
    position:absolute !important;

    right:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:62% !important;
    height:100% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    transform:none !important;

    z-index:10 !important;

    pointer-events:none !important;
}


/* =========================================================
   ALL IMAGES
========================================================= */

.adp-sf-visual img{
    position:absolute !important;

    left:50% !important;
    top:52% !important;

    right:auto !important;
    bottom:auto !important;

    width:auto !important;
    height:auto !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;

    background:transparent !important;

    mix-blend-mode:normal !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;

    transform-origin:center center !important;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1) !important;

    z-index:12 !important;
}


/* =========================================================
   HOVER
   IMAGE SLIGHTLY ZOOM OUT
   NO DOWNWARD MOVEMENT
========================================================= */

.adp-sf-card:hover
.adp-sf-visual img{

    transform:
        translate(-50%, -50%)
        scale(.94) !important;
}


/* =========================================================
   01 — GOOGLE ADS
========================================================= */

.adp-sf-google{
    width:100% !important;
}


.adp-sf-google img{
    width:390px !important;

    top:35% !important;
}


/* =========================================================
   02 — SOCIAL MEDIA
========================================================= */

.adp-sf-social{
    width:100% !important;
}


.adp-sf-social img{
    width:505px !important;

    top:35% !important;
}


/* =========================================================
   03 — WEBSITE
========================================================= */

.adp-sf-website{
    width:100% !important;
}


.adp-sf-website img{
    width:495px !important;

    top:35% !important;
}


/* =========================================================
   04 — SEO
========================================================= */

.adp-sf-seo{
    width:100% !important;
}


.adp-sf-seo img{
    width:510px !important;

    top:35% !important;
}


/* =========================================================
   05 — LEAD GENERATION
========================================================= */

.adp-sf-lead{
    width:100% !important;
}


.adp-sf-lead img{
    width:485px !important;

    top:35% !important;
}


/* =========================================================
   06 — DIGITAL STRATEGY
========================================================= */

.adp-sf-strategy{
    width:100% !important;
}


.adp-sf-strategy img{
    width:490px !important;

    top:35% !important;
}


/* =========================================================
   DESKTOP — LARGE SCREEN
========================================================= */

@media (min-width:1200px){

    .adp-sf-google img{
        width:400px !important;
    }

    .adp-sf-social img{
        width:415px !important;
    }

    .adp-sf-website img{
        width:405px !important;
    }

    .adp-sf-seo img{
        width:420px !important;
    }

    .adp-sf-lead img{
        width:395px !important;
    }

    .adp-sf-strategy img{
        width:400px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

    .adp-sf-visual{
        width:62% !important;
    }


    .adp-sf-google img{
        width:340px !important;
    }

    .adp-sf-social img{
        width:355px !important;
    }

    .adp-sf-website img{
        width:345px !important;
    }

    .adp-sf-seo img{
        width:360px !important;
    }

    .adp-sf-lead img{
        width:335px !important;
    }

    .adp-sf-strategy img{
        width:340px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .adp-sf-visual{
        width:61% !important;
    }


    .adp-sf-google img{
        width:285px !important;
    }

    .adp-sf-social img{
        width:300px !important;
    }

    .adp-sf-website img{
        width:290px !important;
    }

    .adp-sf-seo img{
        width:300px !important;
    }

    .adp-sf-lead img{
        width:280px !important;
    }

    .adp-sf-strategy img{
        width:285px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

    .adp-sf-google img{
        width:255px !important;
    }

    .adp-sf-social img{
        width:270px !important;
    }

    .adp-sf-website img{
        width:260px !important;
    }

    .adp-sf-seo img{
        width:270px !important;
    }

    .adp-sf-lead img{
        width:250px !important;
    }

    .adp-sf-strategy img{
        width:255px !important;
    }

}
/* =========================================================
   FIX — SERVICE DESCRIPTION / EXPLORE LINK OVERLAP
========================================================= */

/* Card description ko Explore button se pehle stop karo */

.adp-sf-card:nth-child(2) .adp-sf-copy p,
.adp-sf-card:nth-child(3) .adp-sf-copy p{
    padding-bottom:32px !important;
}


/* Explore button ko solid black background do
   taaki neeche ka text visible na ho */

.adp-sf-card:nth-child(2) .adp-sf-link,
.adp-sf-card:nth-child(3) .adp-sf-link{
    background:#050505 !important;

    padding-right:8px !important;
    padding-bottom:3px !important;

    line-height:1.2 !important;
}


/* Link ko description ke upar rakho */

.adp-sf-card:nth-child(2) .adp-sf-link,
.adp-sf-card:nth-child(3) .adp-sf-link{
    z-index:100 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .adp-sf-card:nth-child(2) .adp-sf-copy p,
    .adp-sf-card:nth-child(3) .adp-sf-copy p{
        padding-bottom:36px !important;
    }

}
/* =========================================================
   AARAV DIGITAL — MOBILE SERVICES FINAL FIX
   FIX TEXT WIDTH + IMAGE SIZE + BUTTON OVERLAP
========================================================= */

@media (max-width: 767px) {

    /* ---------------------------------------------
       CARD
    --------------------------------------------- */

    .adp-sf-card {
        position: relative !important;

        height: 520px !important;
        min-height: 520px !important;

        width: 100% !important;

        overflow: hidden !important;
    }


    /* ---------------------------------------------
       TEXT COLUMN
       IMPORTANT: prevent word-by-word breaking
    --------------------------------------------- */

    .adp-sf-copy {
        position: absolute !important;

        left: 22px !important;
        top: 82px !important;

        width: 50% !important;
        max-width: 50% !important;
        min-width: 0 !important;

        z-index: 30 !important;

        box-sizing: border-box !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }


    /* ---------------------------------------------
       TITLE
    --------------------------------------------- */

    .adp-sf-copy h3 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 14px !important;

        font-size: 27px !important;
        line-height: 1.05 !important;

        letter-spacing: -0.5px !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }


    /* ---------------------------------------------
       DESCRIPTION
    --------------------------------------------- */

    .adp-sf-copy p {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 0 80px 0 !important;

        font-size: 15px !important;
        line-height: 1.62 !important;

        color: #bdbdbd !important;

        box-sizing: border-box !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }


    /* ---------------------------------------------
       IMAGE CONTAINER
    --------------------------------------------- */

    .adp-sf-visual {
        position: absolute !important;

        top: 35 !important;
        right: 20px !important;
        bottom: 0 !important;
        left: auto !important;

        width: 57% !important;
        height: 100% !important;

        z-index: 10 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        pointer-events: none !important;
    }


    /* ---------------------------------------------
       IMAGE
    --------------------------------------------- */

    .adp-sf-visual img {
        position: absolute !important;

        left:20% !important;
        top: 35% !important;

        right: auto !important;
        bottom: auto !important;

        width: auto !important;
        height: auto !important;

        max-width: none !important;
        max-height: none !important;

        object-fit: contain !important;

        transform:
            translate(-50%, -50%)
            scale(1) !important;

        transform-origin: center center !important;

        background: transparent !important;

        mix-blend-mode: normal !important;
    }


    /* ---------------------------------------------
       01 GOOGLE ADS
    --------------------------------------------- */

    .adp-sf-google img {
        width: 465px !important;
    }


    /* ---------------------------------------------
       02 SOCIAL MEDIA
    --------------------------------------------- */

    .adp-sf-social img {
        width: 475px !important;
    }


    /* ---------------------------------------------
       03 WEBSITE
    --------------------------------------------- */

    .adp-sf-website img {
        width: 570px !important;
    }


    /* ---------------------------------------------
       04 SEO
    --------------------------------------------- */

    .adp-sf-seo img {
        width: 480px !important;
    }


    /* ---------------------------------------------
       05 LEAD GENERATION
    --------------------------------------------- */

    .adp-sf-lead img {
        width: 465px !important;
    }


    /* ---------------------------------------------
       06 DIGITAL STRATEGY
    --------------------------------------------- */

    .adp-sf-strategy img {
        width: 465px !important;
    }


    /* ---------------------------------------------
       EXPLORE SERVICE
    --------------------------------------------- */

    .adp-sf-link {
        position: absolute !important;

        left: 22px !important;
        bottom: 23px !important;

        z-index: 100 !important;

        display: inline-flex !important;

        align-items: center !important;

        gap: 14px !important;

        padding: 5px 12px 8px 0 !important;

        background: #050505 !important;

        color: #f3c43b !important;

        font-size: 16px !important;

        line-height: 1.2 !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    .adp-sf-link span {
        white-space: nowrap !important;

        word-break: normal !important;
    }


    .adp-sf-link b {
        font-size: 27px !important;

        line-height: 1 !important;
    }


    /* ---------------------------------------------
       NO CARD MOVEMENT
    --------------------------------------------- */

    .adp-sf-card:hover {
        transform: none !important;
    }


    /* ---------------------------------------------
       MOBILE HOVER / TOUCH
    --------------------------------------------- */

    .adp-sf-card:hover .adp-sf-visual img {
        transform:
            translate(-50%, -50%)
            scale(.95) !important;
    }

}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width: 480px) {

    .adp-sf-card {
        height: 560px !important;
        min-height: 500px !important;
    }


    .adp-sf-copy {
        left: 25px !important;
        top: 66px !important;

        width: 51% !important;
        max-width: 51% !important;
    }


    .adp-sf-copy h3 {
        font-size: 25px !important;

        line-height: 1.06 !important;
    }


    .adp-sf-copy p {
        font-size: 14px !important;

        line-height: 1.62 !important;

        padding-bottom: 78px !important;
    }


    .adp-sf-visual {
        width: 100% !important;

        right: 18px !important;
    }


    .adp-sf-google img {
        width: 450px !important;
    }


    .adp-sf-social img {
        width: 460px !important;
    }


    .adp-sf-website img {
        width: 450px !important;
    }


    .adp-sf-seo img {
        width: 465px !important;
    }


    .adp-sf-lead img {
        width: 450px !important;
    }


    .adp-sf-strategy img {
        width: 450px !important;
    }


    .adp-sf-link {
        left: 20px !important;
        bottom: 21px !important;

        font-size: 16px !important;
    }

}
/* =========================================================
   MOBILE — ACTUAL IMAGE SCALE
   Transparent PNG ke andar ka artwork bada karega
========================================================= */

@media (max-width: 767px) {

    .adp-sf-visual img {
        transform:
            translate(-50%, -50%)
            scale(1.45) !important;

        transform-origin: center center !important;
    }

    /* Hover par sirf halka zoom-out */
    .adp-sf-card:hover .adp-sf-visual img {
        transform:
            translate(-50%, -50%)
            scale(1.38) !important;
    }

}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width: 480px) {

    .adp-sf-visual img {
        transform:
            translate(-50%, -50%)
            scale(1.55) !important;
    }

    .adp-sf-card:hover .adp-sf-visual img {
        transform:
            translate(-50%, -50%)
            scale(1.44) !important;
    }

}
/* =========================================================
   MOBILE — LARGE IMAGE + CENTER POSITION
========================================================= */

@media (max-width: 767px) {

    .adp-sf-visual img {
        transform:
            translate(-62%, -50%)
            scale(1.48) !important;

        transform-origin: center center !important;
    }

}


/* SMALL PHONES */

@media (max-width: 480px) {

    .adp-sf-visual img {
        transform:
            translate(-62%, -50%)
            scale(1.55) !important;
    }

}
/* =========================================================
   MOBILE — FINAL IMAGE POSITION
   Large + Properly Centered Inside Visual Area
========================================================= */

@media (max-width: 767px) {

    .adp-sf-visual {
        position: absolute !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;

        width: 100% !important;
        height: 50% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: visible !important;
    }

    .adp-sf-visual img {
        position: absolute !important;

        left: 50% !important;
        top: 45% !important;

        width: auto !important;
        height: auto !important;

        max-width: none !important;
        max-height: none !important;

        transform:
            translate(-50%, -50%)
            scale(1.48) !important;

        transform-origin: center center !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .adp-sf-visual {
        width: 58% !important;

        right: 0 !important;
    }

    .adp-sf-visual img {
        left: 50% !important;
        top: 35% !important;

        transform:
            translate(-50%, -50%)
            scale(1.45) !important;
    }

}
/* MOBILE — ONLY REDUCE CARD HEIGHT */

@media (max-width: 767px) {
    .adp-sf-card {
        height: 420px !important;
        min-height: 430px !important;
    }
}

@media (max-width: 480px) {
    .adp-sf-card {
        height: 420px !important;
        min-height: 430px !important;
    }
}
/* =========================================================
   MOBILE — MOVE TITLE + DESCRIPTION UP ONLY
========================================================= */

@media (max-width: 767px) {

    .adp-sf-copy {
        top: 15px !important;
    }

}

@media (max-width: 480px) {

    .adp-sf-copy {
        top: 15px !important;
    }

}
/* =========================================================
   AARAV DIGITAL — FINAL SECTION SPACING FIX
   Reduce excessive gap between Hero and Services
========================================================= */

/* HERO — remove forced full-screen height */
#adp-hero {
    min-height: auto !important;
}

/* HERO CONTAINER — let content decide height */
#adp-hero .adp-hero-container {
    min-height: auto !important;
    padding-bottom: 25px !important;
}

/* SERVICES — remove large top empty space */
.adp-services-final {
    padding-top: 25px !important;
}

/* Keep bottom spacing normal */
.adp-services-final {
    padding-bottom: 80px !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width:1101px) {

    #adp-hero {
        min-height: auto !important;
    }

    #adp-hero .adp-hero-container {
        min-height: auto !important;
        padding-bottom: 25px !important;
    }

    .adp-services-final {
        padding-top: 25px !important;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px) {

    #adp-hero {
        min-height: auto !important;
    }

    #adp-hero .adp-hero-container {
        min-height: auto !important;
        padding-bottom: 35px !important;
    }

    .adp-services-final {
        padding-top: 35px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

    #adp-hero {
        min-height: auto !important;
    }

    #adp-hero .adp-hero-container {
        min-height: auto !important;
        padding-bottom: 30px !important;
    }

    .adp-services-final {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px) {

    #adp-hero .adp-hero-container {
        padding-bottom: 25px !important;
    }

    .adp-services-final {
        padding-top: 35px !important;
    }
}
/* =========================================================
   FINAL FIX — SERVICE CARD CONTENT / EXPLORE BUTTON
   Prevent description from touching or going behind CTA
========================================================= */

.adp-sf-card {
    position: relative !important;
}

/* ---------------------------------------------------------
   LEFT CONTENT
--------------------------------------------------------- */

.adp-sf-copy {
    position: relative !important;
    z-index: 40 !important;

    box-sizing: border-box !important;

    /* Reserve proper space for Explore Service */
    padding-bottom: 70px !important;
}

/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.adp-sf-copy p {
    position: relative !important;

    margin: 0 !important;

    max-width: 185px !important;

    box-sizing: border-box !important;

    /* Prevent text from entering CTA area */
    padding-bottom: 8px !important;
}

/* ---------------------------------------------------------
   EXPLORE SERVICE
--------------------------------------------------------- */

.adp-sf-link {
    position: absolute !important;

    left: 30px !important;
    bottom: 20px !important;

    z-index: 100 !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 12px !important;

    padding: 6px 10px 7px 0 !important;

    background: #050505 !important;

    color: #f3c43b !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}

/* Make sure the visual layer never covers CTA */
.adp-sf-visual {
    z-index: 10 !important;
}

.adp-sf-link {
    z-index: 100 !important;
}


/* =========================================================
   DESKTOP — GIVE TEXT ENOUGH ROOM
========================================================= */

@media (min-width:1101px) {

    .adp-sf-card {
        height: 350px !important;
        min-height: 350px !important;
    }

    .adp-sf-copy {
        padding-top: 84px !important;
        padding-bottom: 72px !important;
    }

    .adp-sf-copy p {
        max-width: 185px !important;
        font-size: 13.5px !important;
        line-height: 1.58 !important;
    }

    .adp-sf-link {
        left: 30px !important;
        bottom: 19px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

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

    .adp-sf-copy {
        padding-top: 82px !important;
        padding-left: 25px !important;
        padding-right: 8px !important;
        padding-bottom: 68px !important;
    }

    .adp-sf-copy p {
        max-width: 175px !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
    }

    .adp-sf-link {
        left: 25px !important;
        bottom: 19px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

    .adp-sf-card {
        position: relative !important;

        height: 420px !important;
        min-height: 420px !important;

        overflow: hidden !important;
    }

    .adp-sf-copy {
        position: absolute !important;

        left: 22px !important;
        top: 15px !important;

        width: 50% !important;
        max-width: 50% !important;

        padding:
            55px
            4px
            68px
            0 !important;

        box-sizing: border-box !important;

        z-index: 40 !important;
    }

    .adp-sf-copy h3 {
        margin-bottom: 13px !important;

        font-size: 25px !important;
        line-height: 1.06 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .adp-sf-copy p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        font-size: 14px !important;
        line-height: 1.58 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .adp-sf-link {
        left: 22px !important;
        bottom: 19px !important;

        padding:
            6px
            12px
            8px
            0 !important;

        background: #050505 !important;

        font-size: 14px !important;

        gap: 11px !important;

        z-index: 100 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px) {

    .adp-sf-card {
        height: 420px !important;
        min-height: 420px !important;
    }

    .adp-sf-copy {
        left: 20px !important;
        top: 15px !important;

        width: 51% !important;
        max-width: 51% !important;

        padding-top: 50px !important;
        padding-bottom: 65px !important;
    }

    .adp-sf-copy h3 {
        font-size: 23px !important;
        line-height: 1.06 !important;

        margin-bottom: 12px !important;
    }

    .adp-sf-copy p {
        font-size: 13px !important;
        line-height: 1.58 !important;
    }

    .adp-sf-link {
        left: 20px !important;
        bottom: 18px !important;

        font-size: 13px !important;
    }

}