.home-about{
    position:relative;
    padding:110px 0;
    background:transparent;
}
.home-about .about-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
}
.home-about .about-image{
    position:relative;
}
.home-about .about-image img{
    width:100%;
    height:520px;
    display:block;
    border-radius:28px;
    object-fit:cover;
    box-shadow:0 30px 70px rgba(0,0,0,.18);
}
.home-about .video-box{
    position:absolute;
    left:35px;
    bottom:35px;
    width:78px;
    height:78px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--gold);
    color:var(--primary);
    font-size:22px;
    cursor:pointer;
    transition:var(--transition);
    box-shadow:var(--shadow-gold);
}
.home-about .video-box:hover{
    transform:scale(1.08);
    background:var(--gold-light);
    box-shadow:var(--shadow-gold-hover);
}
.home-about .about-content{
    padding-left:20px;
}
.home-about .section-subtitle{
    display:inline-block;
    margin-bottom:18px;
    color:var(--gold);
    font-weight:700;
    font-size:15px;
    letter-spacing:.5px;
}
.home-about .about-content h2{
    font-size:42px;
    line-height:1.5;
    margin-bottom:24px;
    color:var(--white);
    font-weight:800;
}
.home-about .about-content p{
    color:var(--text-light);
    line-height:2.2;
    font-size:17px;
    margin-bottom:35px;
}
.home-about .main-btn{
    min-width:180px;
    justify-content:center;
}
@media(max-width:991px){
.home-about{
padding:80px 0;
}
.home-about .about-grid{
grid-template-columns:1fr;
gap:45px;
}
.home-about .about-image img{
height:430px;
}
.home-about .about-content{
padding:0;
}
}
@media(max-width:768px){
.home-about .about-image img{
height:300px;
}
.home-about .about-content h2{
font-size:30px;
}
.home-about .about-content p{
font-size:15px;
line-height:2;
}
.home-about .video-box{
width:62px;
height:62px;
font-size:18px;
left:20px;
bottom:20px;
}

.about-story{
    background: var(--secondary);
}

.about-story-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:60px;
    align-items:center;
}

.about-story-content p{
    color:var(--text-light);
    line-height:2.3;
    margin-bottom:24px;
    text-align:justify;
}

.about-story-image img{
    width:100%;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

@media(max-width:992px){
    .about-story-grid{
        grid-template-columns:1fr;
    }
}