/* ============================================================
   AIRVENTURE INFRA SOLUTIONS LLP
   PREMIUM SERVICES SECTION
   DESIGN • BUILD • VALIDATE
   HVAC • CLEANROOM • MEP • IBMS
============================================================ */

.dr1064services{

    position:relative;
    padding:120px 20px;
    overflow:hidden;

    font-family:'Inter',sans-serif;

    background:
        radial-gradient(
            circle at top left,
            rgba(0,212,255,.18),
            transparent 35%
        ),
        radial-gradient(
            circle at bottom right,
            rgba(0,174,239,.16),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #08101d,
            #0b1f3a
        );

    isolation:isolate;

}


/* animated engineering grid */

.dr1064services::before{

    content:"";
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.04) 1px,
            transparent 1px
        );

    background-size:60px 60px;

    opacity:.25;

    animation:
        dr1064gridMove 25s linear infinite;

}


@keyframes dr1064gridMove{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(60px);
    }

}


/* floating glow */

.dr1064services::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-200px;
    top:100px;

    background:
        radial-gradient(
            circle,
            rgba(0,212,255,.25),
            transparent 70%
        );

    filter:blur(50px);

    animation:
        dr1064floatGlow 8s ease-in-out infinite;

}


@keyframes dr1064floatGlow{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-40px);
    }

}



/* MAIN CONTAINER */

.dr1064services__container{

    position:relative;
    z-index:2;

    max-width:1400px;

    margin:auto;

}



/* HERO AREA */

.dr1064services__hero{

    position:relative;

    min-height:620px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:90px;

    border-radius:35px;

    overflow:hidden;


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

}



/* HERO IMAGE */

.dr1064services__hero-image{

    position:absolute;
    inset:0;

}


.dr1064services__hero-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    filter:
        brightness(.45)
        contrast(1.15)
        saturate(1.2);

    transform:scale(1.08);

    transition:
        transform 1.5s ease;

}


.dr1064services__hero:hover img{

    transform:scale(1.15);

}


/* glass overlay */

.dr1064services__hero::after{

    content:"";

    position:absolute;
    inset:0;

    background:

        linear-gradient(
            90deg,
            rgba(8,16,29,.95),
            rgba(8,16,29,.55),
            rgba(0,174,239,.25)
        );

}



/* HERO CONTENT */

.dr1064services__hero-content{

    position:relative;

    z-index:2;

    max-width:850px;

    padding:60px;

    text-align:center;

}


.dr1064services__tag{


    display:inline-block;

    padding:10px 25px;

    border-radius:50px;


    background:
        linear-gradient(
            135deg,
            rgba(0,212,255,.35),
            rgba(0,174,239,.15)
        );


    border:
        1px solid rgba(255,255,255,.25);


    color:#fff;

    letter-spacing:3px;

    font-size:13px;

    font-weight:700;


    backdrop-filter:blur(15px);

    margin-bottom:25px;


}


.dr1064services h1{

    color:#fff;

    font-family:'Montserrat',sans-serif;

    font-size:
        clamp(38px,5vw,68px);

    line-height:1.1;

    margin-bottom:25px;

    text-shadow:
        0 10px 30px rgba(0,0,0,.5);

}



.dr1064services__hero-content p{

    color:
        rgba(255,255,255,.88);

    font-size:18px;

    line-height:1.8;

}



/* SERVICES GRID */

.dr1064services__grid{


    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:30px;


}



/* SERVICE CARD */

.dr1064services__card{


    position:relative;


    padding:35px 30px;


    min-height:300px;


    border-radius:28px;


    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.05)
        );


    border:

        1px solid
        rgba(255,255,255,.18);


    backdrop-filter:
        blur(20px);


    box-shadow:


        inset 0 1px 0
        rgba(255,255,255,.25),


        0 25px 50px
        rgba(0,0,0,.35);



    overflow:hidden;


    transition:

        transform .45s ease,
        box-shadow .45s ease;



}



/* glossy reflection */

.dr1064services__card::before{


    content:"";


    position:absolute;

    top:-100%;

    left:-40%;


    width:80%;

    height:300%;


    background:

        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        );


    transform:
        rotate(25deg);


    transition:
        .8s ease;


}



.dr1064services__card:hover::before{

    top:-20%;

}



.dr1064services__card:hover{


    transform:
        translateY(-15px)
        rotateX(5deg);


    box-shadow:


        0 35px 80px
        rgba(0,212,255,.25);

}



/* ICON */

.dr1064services__icon{


    width:75px;

    height:75px;


    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:22px;


    font-size:35px;


    margin-bottom:25px;


    color:#fff;


    background:

        linear-gradient(
            135deg,
            #00d4ff,
            #0077aa
        );


    box-shadow:

        0 15px 35px
        rgba(0,212,255,.35);


}



/* CARD TITLE */

.dr1064services__card h2{


    color:#fff;


    font-family:'Montserrat',sans-serif;


    font-size:24px;


    margin-bottom:15px;


}



/* CARD TEXT */

.dr1064services__card p{


    color:

        rgba(255,255,255,.75);


    line-height:1.7;


    font-size:15px;


}



/* SCROLL REVEAL */

.dr1064services{

    animation:

        dr1064servicesReveal
        1.2s ease both;

}


@keyframes dr1064servicesReveal{


    from{

        opacity:0;

        transform:
            translateY(50px);

    }


    to{

        opacity:1;

        transform:none;

    }


}



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

@media(max-width:1100px){


.dr1064services__grid{

    grid-template-columns:
        repeat(2,1fr);

}


}


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

@media(max-width:700px){


.dr1064services{

    padding:80px 15px;

}



.dr1064services__hero{

    min-height:560px;

    border-radius:25px;

}



.dr1064services__hero-content{

    padding:30px 20px;

}



.dr1064services h1{

    font-size:36px;

}



.dr1064services__hero-content p{

    font-size:15px;

}



.dr1064services__grid{

    grid-template-columns:1fr;

    gap:22px;

}



.dr1064services__card{

    min-height:auto;

    padding:30px 25px;

}



.dr1064services__icon{

    width:65px;

    height:65px;

    font-size:30px;

}


}