/* ==========================================================
   LEGACY FITNESS ZONE
   ABOUT SECTION STYLE
========================================================== */



/* =========================
   ABOUT SECTION
========================= */

.about-section{

    background:#080808;
    position:relative;
    overflow:hidden;

}






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


.about-container{


    display:grid;


    grid-template-columns:1fr 1fr;


    align-items:center;


    gap:70px;


}








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


.about-image{


    position:relative;


    overflow:hidden;


    border-radius:25px;


}







.about-image::before{


    content:"";


    position:absolute;


    inset:0;


    background:


    linear-gradient(

    135deg,

    rgba(255,60,0,0.35),

    transparent

    );


    z-index:1;


    opacity:0;


    transition:0.5s ease;


}







.about-image:hover::before{


    opacity:1;


}







.about-image img{

    width:100%;
    height:500px;
    object-fit:cover;
    object-position:center;
    border-radius:25px;
    display:block;

}






.about-image:hover img{


    transform:scale(1.08);


}








/* =========================
   ABOUT CONTENT
========================= */


.about-content{


    position:relative;


}







.about-title{


    font-size:


    clamp(35px,4vw,55px);


    font-weight:800;


    line-height:1.15;


    margin-bottom:25px;


}








.about-content p{


    margin-bottom:20px;


    color:#b8b8b8;


    font-size:16px;


}








.about-content .btn-primary{


    margin-top:20px;


}








/* =========================
   ABOUT STATS
========================= */


.about-stats{


    width:90%;


    max-width:1200px;


    margin:80px auto 0;


    display:grid;


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


    gap:25px;


}








.about-stat{


    background:


    linear-gradient(

    145deg,

    #151515,

    #0b0b0b

    );


    border-radius:20px;


    padding:35px 20px;


    text-align:center;


    border:1px solid rgba(255,255,255,0.05);


    transition:0.4s ease;


}







.about-stat:hover{


    transform:translateY(-10px);


    border-color:#ff3c00;


}







.about-stat h3{


    font-size:45px;


    font-weight:800;


    color:#ff3c00;


    margin-bottom:10px;


}







.about-stat p{


    font-size:15px;


    color:#aaa;


}








/* =========================
   DECORATION
========================= */


.about-section::before{


    content:"";


    position:absolute;


    width:350px;


    height:350px;


    background:#ff3c00;


    filter:blur(180px);


    opacity:0.15;


    top:10%;


    left:-150px;


}








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


@media(max-width:900px){



.about-container{


    grid-template-columns:1fr;


    gap:40px;


}





.about-image img{


    height:450px;


}





.about-stats{


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


}



}








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


@media(max-width:600px){



.about-section{


    padding:70px 0;


}





.about-title{


    font-size:34px;


}





.about-image img{


    height:350px;


}





.about-stats{


    grid-template-columns:1fr;


    margin-top:50px;


}





.about-stat h3{


    font-size:38px;


}



}
.reveal{

    opacity:0;
    transform:translateY(50px);

}