body.home .about-jenny-text { color: #fff }
body.int .about-jenny-text { color: #000; }
.about-jenny-text {font-weight:400; font-family:'Aboreto', cursive; font-size:35px; color:white; margin-top:-35px; margin-bottom:25px;}

.lady-img,
.certificate-img {border:1px solid #a7915d; border-radius:10px; width: 100%; max-width:380px;}
.frame-wrapper {position:relative; width:100%; padding:15px;}
.frame-wrapper > img {display:block; width:100%; height:100%; object-fit:cover; position:absolute; inset:0; border:1px solid #a7915d; border-radius:10px;}
.frame-content {position:relative; color:white;}
.frame-content h4 {font-size:24px; font-weight:400; font-family:'Aboreto', cursive; margin-bottom:10px;}
.frame-content p {font-size:14px; line-height:1.5; font-family:'Open Sans', sans-serif; margin-bottom:8px;}
.badge-img {max-width:200px; margin-bottom: 50px;}
.about-mission {position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; color:black; min-height:200px; display:flex; align-items:center;}
.about-mission .overlay {width:100%; padding:60px 15px;}
.mission-heading {font-family:'Aboreto', cursive; font-size:48px; color:#100d60; font-weight:400;}
.mission-text {font-family:'Open Sans', sans-serif; font-size:18px; line-height:1.7; text-align:start; max-width:1100px; margin:0 auto;}
.about-testimonial {position:relative; background-size:cover; background-position:center;}
.about-testimonial .overlay {background:#fffdf8; padding:3rem 0;}
.card-fixed-size {width:300px; height:314px; position:relative;}
.card-fixed-size img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.card-overlay {position:absolute; bottom:0; width:100%; height:150px; color:white; font-size:1.5rem; padding:1rem; font-family:'Gideon Roman', serif; text-align:center; background:linear-gradient(to top, rgba(173,143,71,0.9) 0%, rgba(173, 143, 71, 0) 100%); border-radius:0 0 10px 10px;}
.test-card-overlay {background:linear-gradient(to top, rgba(173,143,71,0.9) 0%, rgba(173, 143, 71, 0) 100%); color:white; font-size:2rem; padding:1rem; height:200px; border-radius:10px;}
.test-hover-card {overflow:hidden;}
.test-hover-card .hover-overlay {position:absolute; inset:0; background:rgba(173,143,71,0.5); color:#fff; font-size:2rem; text-align:center; opacity:0; transition:opacity 0.3s ease; z-index:2;}
.test-hover-card:hover .test-card-overlay {opacity:0;}
.test-hover-card:hover .hover-overlay {opacity:1;}
.test-card-overlay {transition:opacity 0.3s ease;}
.hover-text {text-align:center;}
.hover-text span {font-size:17px !important; display:block; opacity:0; transform:translateY(10px);}
.test-hover-card:hover .hover-text span:nth-child(1) {animation:fadeUp 0.4s ease forwards;}
.test-hover-card:hover .hover-text span:nth-child(2) {animation:fadeUp 0.4s ease forwards; animation-delay:0.3s;}
.test-hover-card:hover .hover-text span:nth-child(3) {animation:fadeUp 0.4s ease forwards; animation-delay:0.6s;}
.upper-card-section {margin-left:-165px; position:relative; left:25px;}
li {text-align:left;}
#faqAccordion .accordion-button {background-color:#000; color:#fff; font-weight:600;}
#faqAccordion .accordion-button.collapsed {background-color:#000; color:#fff;}
#faqAccordion .accordion-button::after {filter:invert(1);}
#faqAccordion .accordion-button:not(.collapsed) {background-color:#111; color:#fff; box-shadow:none;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {border:#fff 1px solid;}
.consultlink {color:#fff; text-decoration:none;}
.mission-buttons {margin-top:12px; display:flex; gap:12px; flex-wrap:wrap;}
.mission-btn {display:inline-block; padding:6px 14px; font-family:'Aboreto', cursive; font-size:13px; color:#fff; text-decoration:none; border:1px solid #a7915d; border-radius:20px; background:transparent; transition:all 0.25s ease;}
.mission-btn:hover {background-color:#a7915d; color:black;}

@media (max-width: 576px) {
.about-hero .container {padding-left:20px; padding-right:20px;}
.frame-content h4 {font-size:16px;}
.frame-wrapper {max-width:100%; margin-left:0; padding:15px;}
.frame-content p {font-size:13px;}
}

@media (max-width: 991px) {
.mission-heading {font-size:36px;}
.mission-text {font-size:16px;}
}

@media (max-width: 576px) {
.mission-heading {font-size:28px;}
.mission-text {font-size:14px;}
.about-mission .overlay {padding:40px 10px;}
}

@keyframes fadeUp {
from {opacity:0; transform:translateY(10px);}
to {opacity:1; transform:translateY(0);}
}

@media (max-width: 580px) {
.hover-text span {font-size:13px !important;}
}

@media (min-width: 1200px) and (max-width:1350px) {
.upper-card-section {margin-left:-70px; position:relative; left:20px;}
}

@media (max-width: 991px) {
.card-fixed-size {width:250px; height:265px;}
.card-overlay {font-size:1.2rem; padding:0.8rem;}
.upper-card-section {margin-left:0 !important; left:0 !important; position:static !important;}
.row.justify-content-center.mb-4 {justify-content:center; gap:1rem; flex-wrap:wrap;}
}

@media (max-width: 576px) {
.card-fixed-size {width:200px; height:210px;}
.card-overlay {font-size:1rem; padding:0.5rem;}
.upper-card-section {margin-left:0 !important; left:0 !important; position:static !important;}
.col-12.col-sm-6.col-md-4, .col-12.col-sm-6.col-md-3 {margin-top:1rem !important; margin-bottom:1rem !important;}
}

@media (max-width: 576px) {
.mission-buttons {justify-content:center;}
}