/* 
   Kundal Natural Care - Custom Modern Styling 
   Extracted from index.html and enhanced for a premium look.
*/

.aq-header-top-area,
.grc-header-ptb,
.med-header-bottom-style,
.aq-bottom-menu,
.aq-footer-area,
.aq-copyright-area {
   background-color: #214842 !important;
}

.med-header-menu-cat-toggle {
   background-color: #1a3a35 !important;
}

.aq-footer-widget-title,
.aq-footer-contact-item a,
.aq-footer-widget-menu ul li a,
.aq-copyright-text p,
.aq-footer-widget-social-title,
.aq-footer-widget-input-box p,
.aq-footer-contact-item span svg {
   color: #fff !important;
}

.aq-header-info-item a span,
.aq-header-lang-toggle,
.aq-header-currency-toggle,
.aq-header-setting-toggle,
.aq-header-top-account-content span,
.aq-header-top-account-content p,
.aq-header-menu ul li a,
.aq-header-discount-item p {
   color: #fff !important;
}

.grc-header-search-btn {
   background-color: #1a3a35 !important;
   color: #fff !important;
}

.aq-footer-widget-social a i,
.aq-footer-widget-social a svg {
   color: #198754 !important;
}

.aq-footer-widget-social a {
   border-color: rgba(255, 255, 255, 0.2) !important;
}

.aq-footer-widget-social a:hover {
   background-color: #fff !important;
}

.aq-footer-widget-social a:hover i,
.aq-footer-widget-social a:hover svg {
   color: #214842 !important;
}

/* Fix Offcanvas Menu Overlap */
.aq-offcanvas-menu nav ul {
   display: block !important;
}

.aq-offcanvas-menu nav ul li {
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
}

.aq-offcanvas-menu nav ul li a {
   display: block !important;
   padding: 15px 0 !important;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Make Menu Button Full Width in Offcanvas */
.aq-custom-tab-btn-wrap .tab-btn {
   width: 100% !important;
   text-align: center;
}

/* Remove Banner Border Radius */
.med-hero-style,
.med-hero-slider-item,
.med-hero-thumb-wrap img {
   border-radius: 0 !important;
}

/* Parallax Section Styling */
.parallax-section {
   position: relative;
   height: 550px;
   overflow: hidden;
   margin: 60px 0;
   z-index: 1;
   clip-path: inset(0);
   /* Creates the 'window' for the fixed video */
}

.parallax-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(33, 72, 66, 0.7);
   /* Darker green theme overlay */
   z-index: 2;
}

.parallax-section video.video-background {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   min-width: 100vw;
   min-height: 100vh;
   z-index: 0;
   object-fit: cover;
   pointer-events: none;
}

.parallax-content {
   position: relative;
   z-index: 3;
   color: #fff !important;
   text-align: center;
   max-width: 900px;
   padding: 0 40px;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
}

.parallax-content h2 {
   font-size: 48px;
   font-weight: 700;
   margin-bottom: 30px;
   font-family: 'Playfair Display', serif;
   text-transform: capitalize;
   letter-spacing: 1px;
   line-height: 1.2;
}

.parallax-content p {
   font-size: 20px;
   line-height: 1.8;
   font-family: 'Outfit', sans-serif;
   font-weight: 300;
   opacity: 0.9;
}

@media (max-width: 767px) {
   .parallax-section {
      height: 450px;
   }

   .parallax-content h2 {
      font-size: 32px;
   }

   .parallax-content p {
      font-size: 16px;
   }
}

/* Creative Testimonial Section Styling */
.aq-testimonial-area {
   position: relative;
   overflow: hidden;
}

.aq-testimonial-area::before {
   content: '';
   position: absolute;
   top: -100px;
   right: -100px;
   width: 400px;
   height: 400px;
   background: rgba(33, 72, 66, 0.03);
   border-radius: 50%;
   z-index: 0;
}

.testimonial-item-inner {
   position: relative;
   transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
   border: 1px solid rgba(33, 72, 66, 0.1) !important;
   height: 100%;
   padding: 40px !important;
   border-radius: 30px !important;
   background: #fff;
   overflow: hidden;
   z-index: 1;
}

.testimonial-item-inner::after {
   content: '\f10e';
   font-family: "Font Awesome 6 Pro", "Font Awesome 5 Free", sans-serif;
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 80px;
   color: rgba(33, 72, 66, 0.05);
   z-index: -1;
   pointer-events: none;
   font-weight: 900;
}

.testimonial-item-inner:hover {
   border-color: #214842 !important;
   transform: translateY(-10px);
   box-shadow: 0 25px 50px rgba(33, 72, 66, 0.12) !important;
}

.testimonial-rating i {
   font-size: 14px;
   color: #214842;
}

.testimonial-user img {
   border: 3px solid #fff;
   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.testimonial-pagination .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background: rgba(33, 72, 66, 0.2);
   opacity: 1;
   transition: all 0.3s ease;
   margin: 0 5px !important;
}

.testimonial-pagination .swiper-pagination-bullet-active {
   background: #214842 !important;
   width: 30px;
   border-radius: 6px;
}

/* Wellness Insights Section */
.insight-item {
   position: relative;
   overflow: hidden;
   border-radius: 20px;
   margin-bottom: 30px;
   box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.insight-img img {
   width: 100%;
   height: 350px;
   object-fit: cover;
   transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.insight-item:hover .insight-img img {
   transform: scale(1.15);
}
.insight-content {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 40px 30px 30px;
   background: linear-gradient(transparent, rgba(33, 72, 66, 0.95));
   opacity: 0;
   transform: translateY(20px);
   transition: all 0.4s ease;
   z-index: 2;
}
.insight-item:hover .insight-content {
   opacity: 1;
   transform: translateY(0);
}
.insight-content h5 {
   color: #fff;
   font-size: 22px;
   margin-bottom: 12px;
   font-family: 'Playfair Display', serif;
}
.insight-content span {
   color: rgba(255, 255, 255, 0.8);
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 2px;
   display: block;
   margin-bottom: 5px;
}