/* assets/css/intro.css */
.intro{ padding: 24px 0 6px; }
.intro__wrap{ display:grid; gap: var(--gap); grid-template-columns: 1fr 1.1fr; align-items:center; }
.intro__gallery img:nth-child(1){ left:0; top: 10px; transform: rotate(-6deg); }
.intro__gallery img:nth-child(2){ left:22%; top: 30px; transform: rotate(2deg); }
.intro__gallery img:nth-child(3){ right:0; top: -10px; transform: rotate(8deg); }
.intro__text b{ color:#fff; }
@media (max-width: 980px){ .intro__wrap{ grid-template-columns: 1fr; } }

.intro{
    height: 50vh;
    display: flex;
position: relative;
    align-items: center;
    flex-wrap: wrap;
}
.intro h2{
    font-family: "Poppins", sans-serif;
font-weight: 300;
font-weight: Light;
font-size: 36px;
line-height: 43px;
letter-spacing: 0px;

}
.intro h2 strong{
font-family: "Poppins", sans-serif;
font-weight: 700;
font-weight: Bold;
font-size: 36px;
line-height: 43px;
letter-spacing: 0px;

}
.intro .muted{
    font-family: "Poppins", sans-serif;
font-weight: 500;
font-weight: Medium;
font-size: 16px;
line-height: 28px;
letter-spacing: 0px;

}

.intro::after{
content: "";
    position: absolute;
    bottom: -90%;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 1364px;
    background-image: url(../img/a2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 16 / 9;
}
.intro__wrap{
    z-index: 9999;
    .intro__gallery{
    img{
position: absolute;
width: 50vw;
height: 722.053px;object-fit: cover;
margin-top: -20vh;
    }
    }

}

@media (max-width:768px){
    .intro{
        height: unset;
        h2{
            font-size: 22px;
            line-height: 30px;
            strong{
                   font-size: 22px;
            line-height: 30px;
            }
        }
        .muted{
            font-size: 14px;
            line-height: 20px;
        }
    }
.intro__wrap {
   .intro__gallery {
        img {
position: unset;
width: 100%;
height: 100%;
object-fit: contain;
        }
    }
    }
}


@media (max-width:1400px){
    .intro{
        height: unset;
    }
    .intro__wrap {
    & .intro__gallery {
        img {

position: unset;
height: 100%;
width: 100%;
        }}}
}