/* ========================= About Section Styles =========================*/
.section-about-main { background-color: var(--off-white-01); }
.about-row { margin-top: 52px; align-items: center; }
.about-row:nth-child(even){flex-direction: row-reverse;}
.about-row:first-child { margin-top: 0 !important; }

/* About Content Styles */
.about-content .heading-style-2 { margin-bottom: 24px; color: var(--black); }
.about-text { display: flex; flex-direction: column; gap: 16px; }
.about-text p { color: var(--secondary); margin: 0; }

/* About Images Styles */
.about-images { position: relative; padding-top: 73.2%; }
.about-image-wrap { width: 75%; padding-top: 61.843%; position: absolute; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.about-image-1 { top: 86px; left: 0; z-index: 2; }
.about-image-2 { top: 0; right: 0; z-index: 1; }
.about-row:nth-child(even) .about-image-1 { top: 86px; right: 0;left: auto; z-index: 2; }
.about-row:nth-child(even) .about-image-2 { top: 0; left: 0; right:auto; z-index: 1; }
.about-image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.about-image-wrap:hover img { transform: scale(1.05); }

/* ========================= about vision mission Section Styles =========================*/
.section-about-vision-mission{background-color: var(--black);}
.section-about-vision-mission .about-vision-mission-wrap{max-width:1302px;margin-inline:auto;}
.vision-mission-statement-wrap{padding:24px; border-radius: 20px;border:1px solid #3E3E3E;height:100%;}
.vision-mission-statement-image{margin-bottom:20px; border:1px solid #3A3A3A;border-radius: 50%;height: 80px;width: 80px;display: flex;justify-content: center;align-items: center;}
.vision-mission-statement-image img{height: 36px;width: 36px;}
.vision-mission-statement-wrap .heading-style-6{color: var(--white);margin-bottom: 16px;}
.vision-mission-statement-wrap p{color: var(--white);}

/* =========================  promoter Section Styles =========================*/
.section-promoter{background-color: var(--off-white-01) !important;}
.section-promoter .team-card-inner{border: 1px solid #D9D9D9;border-radius: 20px;overflow:hidden;}
.section-promoter .team-image{border-radius:0;}
.team-info p{color: var(--secondary);margin-bottom:12px;}
.promote-team-content{padding: 16px;}
.promote-team-content .team-info .heading-style-6{position:relative;padding-bottom: 12px;}
.promote-team-content .team-info .heading-style-6::after{content: '';position: absolute;height: 1px;width: 66%;background-color: #D9D9D9;pointer-events: none;left:50%;transform:translate(-50%);bottom:0;}

/* =========================  adviser Section Styles =========================*/
.section-adviser{background-color: var(--white) !important;}

/* =========================  values Section Styles =========================*/
.section-value{background-color: var(--white);}
.section-value .row{--bs-gutter-x: 28px; --bs-gutter-y: 28px;}
.value-card-inner{border: 1px solid #D9D9D9; border-radius: 20px; padding: 24px; height: 100%; text-align: center;}
.value-card-image{width: 80px; height: 80px; border: 1px solid #EDEDED; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 24px;margin-inline: auto;}
.value-card-image img{width: 36px; height: 36px;}
.value-card-content{display: flex; flex-direction: column; gap: 8px;}
.value-card-content .heading-style-6{color: var(--black);}
.value-card-content p{color: var(--secondary);}

/* Responsive Styles */
@media (max-width: 1600px) {
}
@media (max-width: 1500px) {
    /* ========================= About Section Styles =========================*/
    .about-images{padding-top: 76.2%;}
}
@media (max-width: 1366px) {
    /* ========================= About Section Styles =========================*/        
    .about-images { padding-top: 78.2%; }
    
    /* ========================= about vision mission Section Styles =========================*/
    .vision-mission-statement-wrap { padding: 20px;}
    .vision-mission-statement-image{height: 60px; width: 60px;}
    .vision-mission-statement-image img{height: 28px; width: 28px;}
    
    /* ========================= promoter Section Styles =========================*/
    .section-promoter .team-card-inner{border-radius: 14px;}
    
    /* ========================= values Section Styles =========================*/
    .value-card-inner{padding: 20px; border-radius: 16px;}
    .value-card-image{width: 60px; height: 60px; margin-bottom: 20px;}
    .value-card-image img{width: 28px; height: 28px;}
    .section-value .row { --bs-gutter-x: 18px; --bs-gutter-y: 18px; }
}
@media (max-width: 1199px) {
    /* ========================= About Section Styles =========================*/
    .about-images { padding-top: 81.2%; }
    /* ========================= about vision mission Section Styles =========================*/
    .vision-mission-statement-wrap { padding: 18px;border-radius: 16px;}
    .vision-mission-statement-image{height: 58px; width: 58px;margin-bottom: 18px;}
    .vision-mission-statement-image img{height: 26px; width: 26px;}
    .vision-mission-statement-wrap .heading-style-6{margin-bottom: 15px;}
    
    /* ========================= values Section Styles =========================*/
    .value-card-inner{padding: 18px; border-radius: 14px;}
    .value-card-image{width: 58px; height: 58px; margin-bottom: 18px;}
    .value-card-image img{width: 26px; height: 26px;}
    .value-card-content{gap: 6px;}
    .section-value .row { --bs-gutter-x: 14px; --bs-gutter-y: 14px; }
}
@media (max-width: 991px) {
    /* ========================= About Section Styles =========================*/
    .about-row { margin-top: 40px; }
    .about-images { padding-top: 88%; }
    .about-image-wrap {border-radius: 12px;}
    .about-content .heading-style-2{margin-bottom: 14px;}
    
    /* ========================= about vision mission Section Styles =========================*/
    .vision-mission-statement-wrap { padding: 16px;border-radius: 14px;}
    .vision-mission-statement-image{height: 56px; width: 56px;margin-bottom: 16px;}
    .vision-mission-statement-image img{height: 24px; width: 24px;}
    .vision-mission-statement-wrap .heading-style-6{margin-bottom: 12px;}
    
    /* ========================= values Section Styles =========================*/
    .value-card-inner{padding: 16px; border-radius: 12px;}
    .value-card-image{width: 56px; height: 56px; margin-bottom: 16px;}
    .value-card-image img{width: 24px; height: 24px;}
    .value-card-content{gap: 6px;}
}
@media (max-width: 767px) {
    /* ========================= About Section Styles =========================*/
    .about-row { margin-top: 30px; }
    .about-content { margin-bottom: 30px; }
    .about-text { gap: 12px; }
    .about-images { padding-top: 78%; }
    
    /* ========================= about vision mission Section Styles =========================*/
    .about-vision-mission-wrap .row{--bs-gutter-x: 10px;}
    .vision-mission-statement-wrap { padding: 14px;border-radius: 12px;}
    .vision-mission-statement-image{height: 54px; width: 54px;margin-bottom: 14px;}
    .vision-mission-statement-image img{height: 22px; width: 22px;}
    .vision-mission-statement-wrap .heading-style-6{margin-bottom: 10px;}
    
    /* ========================= values Section Styles =========================*/
    .value-card-wrap .row{--bs-gutter-x: 10px; --bs-gutter-y: 10px;}
    .value-card-inner{padding: 14px; border-radius: 10px;}
    .value-card-image{width: 54px; height: 54px; margin-bottom: 14px;}
    .value-card-image img{width: 22px; height: 22px;}
    .value-card-content{gap: 5px;}
}
@media (max-width: 575px) {
    /* ========================= About Section Styles =========================*/
    .about-row { margin-top: 25px; }
    .about-content { margin-bottom: 25px; }
    .about-text { gap: 10px; }
    .about-images { padding-top: 74%; }
    .about-image-1,.about-row:nth-child(even) .about-image-1 { top: 40px; }
    .about-image-wrap { border-radius: 10px; }
    
    /* ========================= about vision mission Section Styles =========================*/
    .about-vision-mission-wrap .row{row-gap: 20px}
    
    /* ========================= promoter Section Styles =========================*/
    .section-promoter .team-card-inner{border-radius: 12px;}
    
    /* ========================= values Section Styles =========================*/
    .value-card-wrap .row{---bs-gutter-y: 10px;}
    .value-card-inner{padding: 12px; border-radius: 8px;}
    .value-card-image{width: 50px; height: 50px; margin-bottom: 12px;}
    .value-card-image img{width: 20px; height: 20px;}
    .value-card-content{gap: 4px;}
}