.semidark-body{background: #f2f2f2;}
/*====================== Inner Banner ======================*/
.inner-banner{min-height: 200px;background: var(--theme-dark);display: flex;align-items: center;position: relative;z-index: 0;}
.inner-banner::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../sub-img/bg-1.jpg) no-repeat center center;background-size: cover;z-index: -1;opacity: 20%;}
.inner-banner .page-caption{padding: 30px 15px 30px 0;font-size: 59px;font-weight: 300;color: #fff;line-height: 1;text-align: right;}


/*====================== Contact Page ======================*/
.contact-detail-area{margin: 100px 0 80px;display: flex;justify-content: flex-end;position: relative;}
/*--------  --------*/
.contact-box{padding: 50px;width: 100%;height: 100%;background: var(--theme-dark);position: relative;z-index: 0;}
.contact-box:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../sub-img/contact-bg.jpg) no-repeat;background-size: cover;background-position: bottom right;opacity: 15%;z-index: -1;}
.contact-box .theme-title{color: #fff;}
/*--------  --------*/
.contact-info h6{margin-bottom: 10px;font-size: 17px;font-weight: 500;}
.contact-info p{font-size: 16px;color: rgb(255 255 255/ 65%);white-space: pre-line;}
.contact-info ul{margin-top: 30px;}
.contact-info ul li{margin-bottom: 25px;color: #fff;position: relative;}
.contact-info ul li a{font-size: 16px;color: rgb(255 255 255/ 65%);transition: 0.5s;}
.contact-info ul li a:hover{color: var(--theme-color);}
/*--------  --------*/
.contact-social{display: flex;flex-wrap: wrap;gap: 10px;}
.contact-social li{list-style: none;}
.contact-social li a{color: #444;font-size: 30px;position: relative;}
.contact-social li a i{width: 45px;height: 45px;border: 1px solid rgb(255 255 255/ 65%);border-radius: 50%;font-size: 20px;line-height: 45px;color: rgb(255 255 255/ 65%);text-align: center;position: relative;overflow: hidden;transition: 500ms;z-index: 1;}
.contact-social li a i:after{content: '';position: absolute;top: 0;left: 0;right: 0;width: 0;height: 100%;background: #fff;transition: 500ms;overflow: hidden;z-index: -1;}
.contact-social li a i:hover{font-size: 20px;color: var(--theme-color2);z-index: 1;}
.contact-social li a i:hover::after{width: 100%;}
/*----------------  ----------------*/
.map-secn{display: block;margin: 100px 0 -8px 0;padding: 0;width: 100%;aspect-ratio: 4/1;}
.map-secn iframe{width: 100%;height: 100%;min-height: 250px;border:0;}


/*====================== Company Page ======================*/
.company-profile-area{margin: 100px 0 80px;}
.company-profile-area .about-img{width: 100%;position: sticky;top: 30px;}
.company-profile-area .about-img img{width: 100%;height: 100%;}
/*----------------  ----------------*/
.company-whyus-area{padding: 100px 0;background: #f2f2f2;}
.company-whyus-area .benefit-card{padding: 30px 10px;border: 1px solid rgb(0 0 0 / 10%);border-radius: 10px 10px 0 0;text-align: center;}
.company-whyus-area .benefit-card .icon-area{margin-bottom: 20px;height: 90px;}
.company-whyus-area .benefit-card .icon-area img{width: 100%;height: 100%;object-fit: contain;transition: 0.5s;}
.company-whyus-area .benefit-card h6{font-size: 17px;font-weight: 600;white-space: pre-line;}
.company-whyus-area .benefit-card:hover .icon-area img{filter: brightness(0) invert(0.3);}


/*====================== Services Page ======================*/
.services-area{padding: 100px 0;}
/*----------------  ----------------*/
/* .services-card{display: flex;flex-direction: column;align-items: center;gap: 30px;margin-bottom: 30px;}
.services-card .services-img{width: 100%;}
.services-card .services-img img{width: 100%;height: 100%;}
.services-card .services-content{width: 100%;}
.services-card:last-child{margin-bottom: 0}
.services-card:nth-child(even){flex-direction: row-reverse;} */

.services-card{height: 100%;background: #fff;border-radius: 10px 10px 0 0;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);overflow: hidden;position: relative;z-index: 0;}
.services-card .card-link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.services-card .services-img{width: 100%;aspect-ratio: 2/1.2;overflow: hidden;}
.services-card .services-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.services-card .services-content{padding: 40px 30px 40px 30px;transition: 0.5s;}
.services-card .services-content h4{margin: 0 0 15px 0;font-size: 22px;font-weight: 600;}
.services-card .services-content p{font-size: 16px;}
.services-card .services-btn{display: flex;justify-content: space-between;align-items: center;padding: 12px 30px;width: 100%;background: var(--theme-color);font-size: 16px;font-weight: 500;color: #fff;line-height: 1;position: absolute;bottom: -50px;left: 0;/*z-index: -1;*/transition: 0.5s;}
.services-card .services-btn i{transition: 0.5s 0.4s;}
.services-card:hover .services-content{padding: 20px 30px 60px 30px;}
.services-card:hover .services-img img{scale: 1.05;}
.services-card:hover .services-btn{bottom: 0;}
.services-card:not(:hover) .services-btn i{transform: translateX(-10px);}

.services-area .h-100{height: calc(100% + 50px) !important;}


/*====================== Gallery Page ======================*/
.gallery-area{margin: 100px 0;}
/*----------------  ----------------*/
.gallery-card{padding: 10px 10px 0 10px;height: 100%;border: 2px solid rgb(0 0 0 / 10%);border-radius: 10px 10px 0 0;overflow: hidden;display: flex;flex-direction: column;cursor: pointer;}
.gallery-card .gallery-img{width: 100%;aspect-ratio: 2/1.5;border-radius: 10px 10px 0 0;overflow: hidden;}
.gallery-card .gallery-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.gallery-card .gallery-content{padding: 20px 5px 40px 15px;position: relative;}
.gallery-card .gallery-content h4{margin-bottom: 15px;font-size: 22px;font-weight: 600;}
.gallery-card .gallery-content .gallery-btn{width: 35px;height: 35px;background: var(--theme-color);border-radius: 5px 5px 0 0;font-size: 20px;color: #fff;line-height: 1;display: flex;justify-content: center;align-items: center;position: absolute;bottom: -35px;right: 0;transition: 0.5s;}
.gallery-card:hover .gallery-img img{transform: scale(1.1) rotate(-3deg);}
.gallery-card:hover .gallery-content .gallery-btn{bottom: 0;}


/*====================== Announcements Page ======================*/
.announcements-area{margin: 100px 0;}
/*----------------  ----------------*/
.announcement-card-area{display: flex;flex-wrap: wrap;justify-content: center;gap: 24px;}
.announcement-card{padding: 10px;height: 100%;border: 2px solid rgb(0 0 0 / 10%);border-radius: 10px 10px 0 0;display: flex;flex-direction: row;gap: 20px;}
.announcement-card .announcement-img{width: 200px;border-radius: 5px 0 0 0;overflow: hidden;}
.announcement-card .announcement-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.announcement-card .announcement-content{padding: 20px 10px 20px 0;width: calc(100% - 220px);}
.announcement-card .announcement-content .date{margin-bottom: 8px;padding-bottom: 3px;font-size: 15px;font-weight: 600;position: relative;}
.announcement-card .announcement-content .date::before{content: '';position: absolute;bottom: 2px;width: 50px;height: 1px;background: var(--theme-color);}
.announcement-card .announcement-content h4{margin: 0 0 15px 0;font-size: 22px;font-weight: 600;}
.announcement-card .announcement-content p{font-size: 16px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.announcement-card .announcement-content .theme-btn{display: block;margin: 20px 0 0 auto;padding: 0 20px;font-size: 14px;line-height: 36px;}
.announcement-card .announcement-content .theme-btn::before{padding: 0 0 4px 20px;}

.announcement-card .announcement-content .btns-area{display: flex;flex-wrap: wrap;gap: 10px;margin: 20px 0 0 auto;width: fit-content;}
.announcement-card .announcement-content .btns-area .theme-btn{margin-top: 0;}

.payment-popup .offcanvas{background: #f2f2f2;}
.inquiry_popup.payment-popup .offcanvas-start{padding-inline: 20px;width: 320px;}
.inquiry_popup.payment-popup .theme-title-area{margin-bottom: 15px;}
.inquiry_popup.payment-popup .offcanvas-header {padding: 0;height: 0;}
.inquiry_popup.payment-popup button.btn-close{right: -59px;background-color: #f2f2f2;}
.inquiry_popup.payment-popup .offcanvas-body{padding-block: 0;}


#psychiatric-consultation,
#career-counselling,
#child-wellness,
#physiotherapy,
#geriatric-counselling-therapy,
#speech-therapy,
#psychology-courses{margin-top: -50px;padding-top: 50px;}