/* =====================================================
   WIZORA ABOUT BLOCK
===================================================== */


.wizora-about{

    width:100%;

    position:relative;

    overflow:hidden;

}



/* CONTAINER */


.about-inner{

    max-width:1200px;

    margin:auto;

}



/* GRID */


.about-grid{

    display:grid;

    grid-template-columns:

    repeat(2,1fr);

    gap:60px;

    align-items:center;

}



/* IMAGE POSITION */


.image-left .about-media{

    order:0;

}


.image-left .about-content{

    order:1;

}



.image-right .about-media{

    order:1;

}


.image-right .about-content{

    order:0;

}



/* IMAGE */


.about-media img{

    width:100%;

    height:auto;

    border-radius:25px;

    object-fit:cover;

}



/* CONTENT */


.about-content h2{

    margin:0 0 15px;

    font-size:48px;

    line-height:1.15;

    font-weight:800;

    color:var(--text-color,#111827);

}



.about-content h4{

    margin:0 0 25px;

    font-size:22px;

    font-weight:500;

    color:#64748b;

}



.about-text{

    font-size:18px;

    line-height:1.8;

    color:#475569;

}



/* BUTTON */


.about-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:35px;

    padding:14px 32px;

    border-radius:12px;

    background:var(--primary-color,#2563eb);

    color:#fff;

    font-weight:700;

    transition:.3s;

}



.about-btn:hover{

    transform:translateY(-3px);

    opacity:.9;

}



/* STATS */


.about-stats{

    display:flex;

    gap:40px;

    margin-top:40px;

    flex-wrap:wrap;

}



.about-stats div{

    display:flex;

    flex-direction:column;

}



.about-stats strong{

    font-size:36px;

    font-weight:800;

    color:var(--primary-color,#2563eb);

}



.about-stats span{

    color:#64748b;

    font-size:15px;

}



/* GLASS */


.wizora-about.glass{

    backdrop-filter:blur(15px);

    background:

    rgba(255,255,255,.12);

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

}



/* LAYOUT CARD */


.layout-card .about-content{

    padding:40px;

    border-radius:24px;

    background:white;

    box-shadow:

    0 20px 50px rgba(0,0,0,.08);

}



/* MODERN */


.layout-modern .about-content h2{

    letter-spacing:-2px;

}



/* TIMELINE */


.layout-timeline .about-grid{

    align-items:start;

}



/* BACKGROUND IMAGE */


.image-background{

    background-size:cover;

    background-position:center;

}



/* ANIMATION READY */

/* =====================================================
ABOUT REVEAL
===================================================== */


.wizora-about{

opacity:0;

transform:
translateY(40px);

transition:

opacity .8s ease,
transform .8s ease;

}

.wizora-about.about-visible{
opacity:1;
transform:none;
}


/* IMAGE MOTION */
.about-media img{

transition:
transform .6s ease;

}


/* MOBILE */


@media(max-width:900px){


.about-grid{

    grid-template-columns:1fr;

    gap:40px;

}


.about-content h2{

    font-size:36px;

}


.about-stats{

    gap:25px;

}


.image-left .about-media,
.image-right .about-media,
.image-left .about-content,
.image-right .about-content{

    order:initial;

}


}


@media(max-width:600px){


.about-content h2{

    font-size:30px;

}


.about-text{

    font-size:16px;

}


}