/*=== ABOUT STORY =====*/
.about-story__wrapper{ display:grid; grid-template-columns:480px 1fr; gap:60px; align-items:start;}
.about-story__image{ position:sticky; top:30px; width:100%; max-width:100%;}
.about-story__image img{ width:100%; height:auto; display:block; border-radius:12px; object-fit:cover;}
.about-story__placeholder{ display:none;} .about-story__placeholder i{ font-size:42px;}
.about-story__placeholder span{ font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}.about-story__text p{ margin-bottom:18px;}
.about-story__text p:last-child{  margin-bottom:0;}.about-story__text strong{  color:var(--secondary);}
@media(max-width:992px){.about-story__wrapper{ grid-template-columns:1fr; gap:40px;}.about-story__image{  position:relative;  top:0;}.about-story__placeholder{ aspect-ratio:16/11;}}
@media(max-width:767px){.about-story__item{ width:calc(50% - 10px);}.about-story__placeholder{ aspect-ratio:1/1;}}
@media(max-width:480px){.about-story__item{ width:100%;}}

/*====================================
MISSION & VISION
====================================*/

.mission-vision{
    background:var(--bg);
}

.mission-vision__title{
    margin-bottom:60px;
}

.mission-vision__subtitle{
    display:block;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:2px;
    color:var(--text-dark);
    margin-bottom:12px;
    font-family:var(--font-heading);
}

.mission-vision__heading{
    margin:0;
    font-size:52px;
    font-weight:800;
    color:var(--secondary);
    font-family:var(--font-heading);
}

.mission-vision__heading span{
    color:var(--primary);
}

.mission-vision__wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* Card */

.mission-card{
    background:var(--white);
    border-radius:12px;
    padding:40px;
    position:relative;
    box-shadow:0 8px 30px rgba(0,0,0,.05);
    transition:.35s;
}

.mission-card:hover{
    transform:translateY(-8px);
}

.mission-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    border-radius:12px 0 0 12px;
}

.mission-card--primary::before{
    background:var(--primary);
}

.mission-card--secondary::before{
    background:var(--secondary);
}

/* Icon */

.mission-card__icon{
    width:52px;
    height:52px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.mission-card--primary .mission-card__icon{
    background:rgba(227,30,37,.08);
    color:var(--primary);
}

.mission-card--secondary .mission-card__icon{
    background:rgba(15,36,94,.08);
    color:var(--secondary);
}

.mission-card__icon i{
    font-size:18px;
}

/* Content */

.mission-card h3{
    margin-bottom:16px;
    color:var(--text-dark);
}

.mission-card p{
    margin:0;
}

/* Responsive */

@media(max-width:991px){

.mission-vision__wrapper{
    grid-template-columns:1fr;
}

}

@media(max-width:767px){

.mission-vision{
    padding:60px 0;
}

.mission-card{
    padding:30px;
}

.mission-vision__heading{
    font-size:38px;
}

}

@media(max-width:480px){

.mission-vision__heading{
    font-size:30px;
}

.mission-card{
    padding:25px;
}

}


/*==================================
HOUSE BRANDS
==================================*/

.house-brands{
    background:var(--bg);
}

.house-brands__title{
    text-align:center;
    margin-bottom:60px;
}

.house-brands__subtitle{
    display:block;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--text-dark);
    margin-bottom:12px;
    font-family:var(--font-heading);
}

.house-brands__heading{
    margin-bottom:12px;
    font-size:52px;
    font-weight:800;
    color:var(--secondary);
}

.house-brands__heading span{
    color:var(--primary);
}

.house-brands__note{
    margin:0;
    font-size:13px;
    font-weight:600;
    color:var(--primary);
}

.house-brands__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* Card */

.brand-card{
    background:var(--white);
    border-radius:12px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}



/* Logo */

.brand-card__logo{
    width:74px;
    height:74px;
    border-radius:50%;
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--primary);
    color:var(--primary);
    font-size:26px;
    font-weight:800;
    font-family:var(--font-heading);
}

.brand-card__logo--secondary{
    border-color:var(--secondary);
    color:var(--secondary);
}

.brand-card__logo--gold{
    border-color:var(--text-light);
    color:var(--text-dark);
}

.brand-card__logo img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
}

/* Title */

.brand-card__title{
    margin-bottom:10px;
    font-size:24px;
    color:var(--text-dark);
}

.brand-card__category{
    display:block;
    margin-bottom:20px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.brand-card p{
    margin-bottom:28px;
}

/* Responsive */

@media(max-width:991px){

.house-brands__grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.house-brands{
    padding:60px 0;
}

.house-brands__grid{
    grid-template-columns:1fr;
}

.house-brands__heading{
    font-size:38px;
}

.brand-card{
    padding:30px;
}

}

@media(max-width:480px){

.house-brands__heading{
    font-size:30px;
}

.brand-card{
    padding:25px;
}

.brand-card__logo{
    width:64px;
    height:64px;
    font-size:22px;
}

}


/*=================================
FOUNDER
=================================*/

.founder{
    background:var(--bg);
}

.founder__title{
    text-align:center;
    margin-bottom:60px;
}

.founder__subtitle{
    display:block;
    margin-bottom:12px;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--text-dark);
    font-family:var(--font-heading);
}

.founder__heading{
    margin-bottom:12px;
    font-size:52px;
    font-weight:800;
    color:var(--secondary);
}

.founder__heading span{
    color:var(--primary);
}

.founder__note{
    margin:0;
    font-size:13px;
    font-weight:600;
    color:var(--primary);
}

/* Card */

.founder-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:50px;
    padding:55px;
    background:var(--secondary);
    border-radius:18px;
    overflow:hidden;
}

/* Decorative Circle */

.founder-card::after{
    content:"";
    position:absolute;
    right:-70px;
    top:-70px;
    width:170px;
    height:170px;
    border-radius:50%;
    border:1px dashed var(--white);
    opacity:.15;
}

/* Image */

.founder-card__image{
    flex:0 0 170px;
}

.founder-card__placeholder{
    width:170px;
    height:170px;
    border-radius:50%;
    background:var(--primary);
    color:var(--white);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:60px;
    font-weight:800;
    font-family:var(--font-heading);
}
.founder-card__image img{
    width:170px;
    height:170px;
    border-radius:50%;
    object-fit:cover;
    display:block;
}
.founder-card__content{
    color:var(--white);
}
.founder-card__designation{
    display:block;
    margin-bottom:12px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}
.founder-card__name{
    color:var(--white);
    margin-bottom:20px;
    font-size:34px;
}
.founder-card__content p{
    color:var(--white);
    opacity:.85;
    margin-bottom:16px;
}
.founder-card__quote{
    margin:28px 0 0;
    padding-left:20px;
    border-left:3px solid var(--primary);
    font-style:italic;
    font-weight:600;
    color:var(--white);
    line-height:1.8;
}
@media(max-width:991px){

.founder-card{

    flex-direction:column;

    text-align:center;

    padding:45px 35px;

}

.founder-card__quote{

    border-left:none;

    border-top:3px solid var(--primary);

    padding:20px 0 0;

}

}

@media(max-width:767px){

.founder{

    padding:60px 0;

}

.founder__heading{

    font-size:38px;

}

.founder-card{

    gap:30px;

    padding:35px 25px;

}

.founder-card__placeholder,

.founder-card__image img{

    width:130px;

    height:130px;

}

.founder-card__placeholder{

    font-size:44px;

}

.founder-card__name{

    font-size:28px;

}

}

@media(max-width:480px){

.founder__heading{

    font-size:30px;

}

.founder-card__name{

    font-size:24px;

}

}

/*==================================
COMPANY TIMELINE
==================================*/

.company-timeline{
    background:var(--bg);
}

.timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:30px;
    margin-top:60px;
    grid-auto-rows:minmax(0,1fr);
}

.timeline__line{
    position:absolute;
    left:0;
    right:0;
    top:30px;
    height:2px;
    background:var(--border);
}

.timeline__item{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.timeline__year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:78px;
    margin-top: -20px;
    height:40px;
    margin-bottom:14px;
    border-radius:30px;
    background:var(--primary);
    color:var(--white);
    font-weight:700;
    font-family:var(--font-heading);
}

.timeline__dot{
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--secondary);
    border:4px solid var(--white);
    margin:0 0 22px;
    box-shadow:0 0 0 2px var(--secondary);
}

.timeline__card{
    background:var(--white);
    border-radius:12px;
    padding:25px;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    transition:.3s;
    height:100%;
}
.timeline__card h4{
    margin-bottom:12px;
    color:var(--secondary);
    font-size: 18px;
}
.timeline__card p{
    margin:0;
    font-size: 15px;
}
@media(max-width:991px){

.timeline{
    grid-template-columns:1fr;
    gap:40px;
}
.timeline__line{
    left:8px;
    top:0;
    bottom:0;
    width:2px;
    height:100%;
}
.timeline__item{
    padding-left:45px;
}
.timeline__year{
    margin-bottom:15px;
}
.timeline__dot{
    position:absolute;
    left:0;
    top:52px;
    margin:0;
}
}
@media(max-width:767px){

.timeline{
    margin-top:40px;
}
.timeline__card{
    padding:20px;
}
}