@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
/* font-family: "Montserrat", sans-serif; */
html {
  scroll-behavior: smooth;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  font-family: "Montserrat", sans-serif;
  
}


/* for scrollbar */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: linear-gradient(to right, #b8950c, #f4d03f);border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {    background: linear-gradient(to right, #b8950c, #f4d03f);}


.main-container {position: relative;width: 100%;height: 100vh;overflow: hidden;display: block; }
.left-panel {position: absolute;top: 2%;left: 0;width: 100%; height: 100%;z-index: 10;display: flex;align-items: center;justify-content: flex-start;padding: 3rem;background: rgba(0,0,0,0.3); }
.left-hero {max-width: 600px;color: #fff;text-align: left;background: rgba(0, 0, 0, 0.55);padding: 2.5rem;border-radius: 18px;backdrop-filter: blur(6px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);position: relative;overflow: hidden;animation: fadeInUp 0.8s ease-in-out;}
.left-hero span{ font-size: 30px; font-style: italic; color: rgb(223, 148, 0);}
.left-hero::before {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(167, 170, 0, 0.075), rgba(134, 125, 0, 0.137));opacity: 0.6;z-index: 0;pointer-events: none; }
.left-hero h1,
.left-hero h2,
.left-hero p,
.left-hero a {position: relative;z-index: 1;}
.left-hero:hover {transform: translateY(-4px);transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);}
@keyframes fadeInUp {0% {opacity: 0;transform: translateY(25px);}100% {opacity: 1;transform: translateY(0);}}
.buttons .contact-btn {background: linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);padding: 0.6rem 1.2rem;border: none;border-radius: 30px;font-weight: bold;margin-right: 1rem;cursor: pointer;   position: relative;z-index: 2;    }
.buttons .donate-link {color: #fff;text-decoration: none;font-weight: bold;}
.right-panel {width: 100%;height: 100vh;position: relative;}
.full-slider {width: 100%;height: 100%;}
.swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
@media (max-width: 768px) {
.left-hero {max-width: 90%;text-align: center;margin: auto;}
.left-panel {justify-content: center;padding: 2rem;background: rgba(0,0,0,0.4);}
.left-hero h1 {font-size: 2rem;}
.left-hero p {font-size: 1rem;}}

.top-bar {position: absolute;top: 3rem; left: 2rem;right: 2rem;display: flex;justify-content: space-between;align-items: center;}
.logo-main { height: 60px;}
.contact {display: flex;align-items: center;font-size: 14px; font-weight: 600;}
.phone-icon {/* height: 18px; */margin-right: 8px;  }
.right-panel {width: 100%;position: relative;background: #eee;overflow: hidden;height: 100vh; display: flex;flex-direction: column;}

/* slider css starts here */
.full-slider {width: 100vw;height: 100dvh;position: relative;overflow: hidden;}
.swiper-slide {width: 100%;height: 100%;}
.swiper-slide img {width: 100%;height: auto;object-fit: cover;}
.pixelate {filter: contrast(1.5) saturate(0.8) blur(3px);transform: scale(1.05);}
#desktopSlider { display: block; }
#mobileSlider { display: none; }   
@media (max-width: 768px) {#desktopSlider { display: none; }#mobileSlider { display: block; }}
#mobileSlider .swiper-pagination {bottom: 20px;text-align: center;}
/* slider css end here */

/* menu css starts here */ 
header { width: 100%; position: fixed;background: #ffffff;color: #29211d;display: flex;justify-content: space-between;align-items: center;padding: 15px 50px;z-index: 1000;font-size: 14px;font-weight: 500;transition: padding 0.3s, background 0.3s;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);}
ul { margin-bottom: 0;}
header.shrink {padding: 9px 48px;background:linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%)}
.logo {font-size: 1.5rem;font-weight: bold;width: 80px; }
.logo-radius {border-radius: 7px;}
@media (min-width: 769px) {.logo {display: block;} }
@media (max-width: 769px) {header { top:0; position: fixed; padding: 11px 50px;}  }
@media (max-width: 1000px) { .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}.contact { color: rgb(255, 255, 255);}}
  
  /* Hamburger menu toggle */
.menu-toggle {display: none;width: 30px;height: 22px;position: relative;cursor: pointer;transition: all 0.3s ease-in-out;z-index: 1100;}
.menu-toggle span {display: block;position: absolute;height: 3px;width: 100%;background: #29211d;border-radius: 3px;opacity: 1;left: 0;transition: all 0.3s ease-in-out;}
.menu-toggle span:nth-child(1) {top: 0;}
.menu-toggle span:nth-child(2) {top: 9px;}.menu-toggle span:nth-child(3) {top: 18px;}
  
  /* X animation */
.menu-toggle.open span:nth-child(1) {transform: rotate(45deg);top: 9px;}
.menu-toggle.open span:nth-child(2) {opacity: 0;}
.menu-toggle.open span:nth-child(3) {transform: rotate(-45deg);top: 9px;}
.menu {display: flex;gap: 10px;list-style: none;}
.menu li {position: relative;}
.menu a {color: #1a0000;font-weight:600; text-decoration: none;padding: 8px 8px;display: inline-block;position: relative;transition: color 0.3s ease;width: 100%;}
.menu a::after {content: '';position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: linear-gradient(to right,#000000a2,  #ffde59 );transition: width 0.3s ease;}
.menu a:hover {color: #3a2929;}
.menu a:hover::after {width: 100%;}
.arrow {margin-left: 6px;font-size: 1em;}
  
.submenu {display: none;position: absolute;top: 100%;left: 0;background: #ffffff;min-width: 200px;list-style: none;padding: 10px 0;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;border-radius: 6px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);}
.menu li:hover > .submenu {display: block;opacity: 1;visibility: visible;transform: translateY(0);}
.submenu .submenu {left: 100%;top: 0;}
  
  /* Mobile view styling */
 @media (max-width: 1000px) {.left-panel {display: none;}.menu-toggle {display: block;}
.menu {flex-direction: column;background: #29211d;position: fixed;top: 0;left: -100%;height: 100vh;width: 300px;padding: 80px 20px;transition: left 1s ease;overflow-y: auto;}
.menu a:hover {color: rgb(233, 233, 233);}.menu.active {left: 0;}
.menu li {width: 100%;margin-bottom: 10px;}
.menu li a {color: #ffffff;padding: 12px 16px;justify-content: space-between;border-radius: 0px;border-bottom: 1px solid #f3f2f238;width: 100%;}
.menu li a:hover {background: #444;}
.submenu {position: static;background: #444;padding-left: 16px;box-shadow: none;}
.menu li.active > .submenu {display: block;opacity: 1;visibility: visible;transform: none;}
.submenu .submenu {padding-left: 16px;background: #555;}
.arrow {transition: transform 0.3s ease;}.menu li.active > a .arrow {transform: rotate(90deg);}
.right-panel {width: 100%; }}
#menu-overlay {position: fixed;top: 0; left: 0;width: 100vw; height: 100vh;background: rgb(0 0 0 / 70%);z-index: 900;display: none;}
#menu-overlay.active {display: block;}
.phone-number {font-weight: 700;color: #141b00; margin-left: 6px;font-size: 16px;}
.phone-icon {font-size: 18px;margin-right: 6px;}

/* menu end here */



/* Slider and Pagination */
.bg-slider {position: relative;width: 100%;height: 100%; overflow: hidden;}
.slider-container {display: flex;transition: transform 1s ease-in-out;width: 100%; }
.slider-item {min-width: 100%;height: 100%;position: relative;}
.slider-item img {width: 100%;height: 100%;object-fit: cover;object-position: center; }
.dot-pagination {position: absolute;bottom: 40px;left: 102%;transform: translateX(-50%);display: flex;gap: 10px;}
.dot {width: 10px;height: 10px;border-radius: 50%;border: 2px solid #f4d03f;background-color: white;cursor: pointer;}
.dot.active {background-color: #f4d03f;}

/* News Carousel */
.news-section {position: absolute;bottom: 2rem;left: 2rem;right: 2rem;display: flex;justify-content: space-between;align-items: flex-end;}
.news-carousel {width: 100%;position: relative;}
.news-item {display: none; flex-direction: row;align-items: center;gap: 1rem;background: rgba(255, 255, 255, 0.692);padding: 1rem;border-radius: 1rem;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.news-item.active {display: flex; }
.news-item-img {width: 150px;height: 150px;object-fit: cover;border-radius: 0.5rem;}
.news-text {flex: 1;}
.news-text h4 {margin: 0 0 0.5rem;font-size: 1.2rem;color: #333;}
.news-text p {margin: 0;font-size: 1rem;color: #555;}

/* Pagination dot styles */
.dot-pagination {display: flex;flex-direction: column;align-items: end;gap: 10px; }
.dot {width: 10px;height: 10px;background-color: #bbb;border-radius: 50%;}
.news-dot.active {background-color: #333;}
.arrow {font-size: 15px;cursor: pointer;color: #7e7e7e;user-select: none;float: right;}
.up-arrow {margin-bottom: 5px;color:  #ffffff;}
.down-arrow {margin-top: 5px;color: #ffffff;}
@media screen and (max-width: 768px) {.main-container {flex-direction: unset;}
.left-panel, .right-panel {width: 100%;height: auto;}
.news-section {flex-direction: column;gap: 1rem;}
.dot-pagination {/* flex-direction: row; */justify-content: center;}
.slider-item img {object-position: center;}}
.alt-section .info-container {flex-direction: row-reverse;}
@media (max-width: 768px) {.alt-section .info-container {flex-direction: column-reverse;}}



/* about us section css starts here */
 .can-about-section {background: linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);padding: 80px 45px;text-align: center;}
.can-about-section small {display: block;font-size: 16px;color: #444;margin-bottom: 10px;font-weight: 700;}
.can-about-section h2 {font-size: 2.5rem;color: #222;margin-bottom: 20px;}
.can-about-section p {max-width: 1200px;margin: 0 auto 30px;font-size: 1rem;color: #444;text-align: center;font-weight: 700;}
.can-about-btn {padding: 10px 25px;background-color: #f0f0f0;font-weight: 700;color: #222;border: none;border-radius: 25px;cursor: pointer;transition: background 0.3s;}
.can-about-btn:hover {background-color: #000;color: #f0f0f0;}

/* Impact Section */
.can-about-impact-section {background: url('../images/about-bg.png') no-repeat center center/cover;position: relative; padding: 75px 20px;color: white;background-attachment: fixed;overflow: hidden;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.can-about-impact-section::before {content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6); z-index: 1;}
.can-about-impact-content {position: relative;z-index: 2;max-width: 1200px;margin: auto;text-align: center;}
.can-about-learnMore { text-align: left; margin-top: 25px;}
.can-about-learnMore a {color: white;text-decoration: none;position: relative;display: inline-block;border-radius: 30px;transition: all 0.4s ease;overflow: hidden;font-weight: 700;}
.can-about-learnMore a::after {/* content: '→'; */position: absolute;right: 20px;top: 50%;transform: translateY(-50%) translateX(10px);opacity: .1;transition: all 0.3s ease;}
.can-about-learnMore a:hover {padding-right: 35px;color: #ffe15c;}
.can-about-learnMore a:hover::after {transform: translateY(-50%) translateX(0);opacity: 1;}
.can-about-impact-icon {font-size: 40px;z-index: 2;text-align: left; }
@keyframes pulse {0%, 100% {transform: scale(1);}50% {transform: scale(1.15);}}
.can-about-impact-icon img {width: 35px;height: 35px;animation: pulse 2s infinite;}
.can-about-impact-heading {font-size: 2rem;margin-bottom: 40px;text-align: left;}
.can-about-impact-cards {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;}
.can-about-impact-card {background-color: rgba(255, 255, 255, 0.08);padding: 25px;border-radius: 10px;backdrop-filter: blur(6px);color: white;text-align: left;}
.can-about-impact-card h3 {font-size: 2rem;margin-bottom: 10px;}
.can-about-impact-card span { color: #ffe15c;}
.can-about-impact-card h4 {font-size: 1.1rem;margin-bottom: 10px;}
.can-about-impact-card p {font-size: 0.9rem;color: #ddd;text-align: justify;}
@media (max-width: 768px) {
.can-about-impact-icon {font-size: 28px;top: 15px;left: 15px;}
.can-about-impact-section {padding: 80px 20px;}
.can-about-impact-heading {font-size: 1.6rem;}}
/* about us section css end here */

/* four-colomuns-section css starts here */
.four-columns-sec-section {background-color: #ffe69c3d;color: #fff;padding: 60px 20px;}
.four-columns-sec-container {display: flex;flex-wrap: wrap;max-width: 1300px;margin: auto;animation: fadeInUp 1s ease-out;}
.four-columns-sec-column {flex: 1 1 25%;padding: 40px 25px;border-right: 1px solid #2e1f1f18;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column;}
.four-columns-sec-column:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}
.four-columns-sec-column:last-child {border-right: none;}
.column-content {display: flex;flex-direction: column;height: 100%;}
.four-columns-sec-icon {font-size: 40px;margin-bottom: 20px;color: #ffcc00;background: radial-gradient(circle, #4a3838, #2e1f1f);padding: 20px;width: 100px;height: 100px;border-radius: 50%;margin: 0 auto 20px auto;display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease;}
.four-columns-sec-icon:hover {transform: rotate(10deg) scale(1.1);}
.four-columns-sec-title {font-size: 1.1rem;font-weight: 700;margin-bottom: 15px;padding-top: 10px;text-transform: uppercase;letter-spacing: 0.5px;color: #3b2b2b;}
.four-columns-sec-description {font-size: 1rem;line-height: 1.7;color: #2e1f1f;margin-bottom: auto; }
.discover-more-btn {margin-top: 20px;align-self: center;background-color: #2e1f1f;color: #fff;padding: 10px 20px;border-radius: 30px;text-decoration: none;transition: background-color 0.3s ease;}
.discover-more-btn:hover {background-color: #4a3838;}
@media (max-width: 992px) {
.four-columns-sec-column {flex: 1 1 50%;border-right: none;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 20px 5px;}
.four-columns-sec-column:nth-last-child(-n+2) {border-bottom: none;}}
@media (max-width: 600px) {
.four-columns-sec-column {flex: 1 1 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.four-columns-sec-column:last-child {border-bottom: none;}
.news-updates-title {font-size: 1.5rem !important;}
.news-updates-title-des p {font-size: 1rem !important;}}
@keyframes fadeInUp {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

/* four-colomuns-section css end here */

/* news updates section css starts here */
.news-updates-section {background: url('../images/news-update-bg.webp') no-repeat center center;background-size: cover;background-attachment: fixed;}
.news-updates-overlay {background-color: rgb(0 0 0 / 76%);padding: 60px 45px;max-width: 1400px;margin: auto;color: white;}
.news-updates-title {font-size: 2.5rem;text-align: left;margin-bottom: 20px;}
.news-updates-title::before {content: "";display: inline-block;width: 20px;height: 10px;background-color: #ffe373;border-radius: 10px;margin-right: 10px; }
.news-updates-title-des p { font-size:20px; font-weight: 600;}
.news-updates-swiper {padding-bottom: 50px;position: relative;}
.news-updates-slide {background: white;color: #333;border-radius: 12px;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;gap: 15px;}
.news-slide-content {display: flex;justify-content: space-between;gap: 20px;flex-wrap: wrap;align-items: flex-start;}
.news-text {flex: 1;}
.news-text h3 {font-size: 1.2rem;margin: 0;text-align: left;}
.news-image {flex: 0 0 100px;}
.news-image img {width: 200px;height: 150px;border-radius: 10px;object-fit: cover;}
.news-description {font-size: 0.9rem;margin: 0;text-align: left;padding-top: 20px;}
.news-updates-button-next,
.news-updates-button-prev {background-color: rgba(0, 49, 68, 0.9);width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);transition: all 0.3s ease;z-index: 10;position: absolute;}
.swiper-button-next, .swiper-button-prev { width: 45px !important; padding: 20px; margin-top: 0 !important; border-radius: 50%; color: rgb(255, 255, 255) !important; font-size: 20px !important;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 20px !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { font-size: 20px !important;}
.news-updates-button-next {right: -20px;}
.news-updates-button-prev {left: -20px;}
.news-updates-button-next:hover,
.news-updates-button-prev:hover {background-color: #ffcc00;transform: translateY(-50%) scale(1.1);}
.news-updates-button-next::after,.news-updates-button-prev::after {content: '';}
.news-updates-pagination-bullet {background: #fff;opacity: 0.3;}
.news-updates-pagination-bullet-active {opacity: 1;}
@media (max-width: 768px) {.news-slide-content {flex-direction: column;align-items: flex-start;}
.news-image {align-self: flex-end;}
.news-text h3,.news-description {text-align: left;}}

/* news updates section css end here */



/* === Testimonial Section css starts here === */
.testimonial-sec {background: #f5f5f5;padding: 60px 30px;}
.testimonial-sec-title {text-align: center;font-size: 2.5rem;font-weight: bold;margin-bottom: 40px;color: #333;position: relative;display: inline-block;width: 100%}
.testimonial-sec-title::after { content: "";display: block;width: 60px;height: 4px;background-color: #ffc107;margin: 10px auto 0;border-radius: 2px;}
/* === Container Layout === */
.testimonial-container {display: flex;flex-wrap: nowrap;gap: 30px;max-width: 1300px;margin: auto;align-items: stretch;}
.testimonial-left,
.testimonial-right {flex: 1 1 50%;min-width: 0;}
/* === Image/Video Slider === */
.image-slider {position: relative;height: 100%;min-height: 300px;overflow: hidden;border-radius: 10px;}
.slide-img {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;transition: opacity 1s ease-in-out;}
.slide-img.active {opacity: 1;visibility: visible;position: relative;}
/* Video Slides */
.slide-video {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;transition: opacity 1s ease-in-out;}
.slide-video.active {opacity: 1;visibility: visible;position: relative;}
/* youtube */
.slide-youtube {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;transition: opacity 1s ease-in-out;}
.slide-youtube.active {opacity: 1;visibility: visible;position: relative;}
.slide-youtube iframe {width: 100%;height: 100%;border: none;}
/* === Quotes === */
.quote-slider {position: relative;height: 63%;}
.quote-slide {background: white;padding: 35px 20px;border-radius: 10px;font-style: italic;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);min-height: 160px;opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;transition: opacity 1s ease-in-out;}
.quote-slide.active {opacity: 1;visibility: visible;position: relative;}
.quote-slide p {line-height: 25px;}
.quote-slide p span {font-size: 85px;font-family: 'swiper-icons', sans-serif;vertical-align: bottom;line-height: 0;color: #ffc107;padding-right: 5px;}

/* === Person Info + Controls === */
.testimonial-bottom {display: flex;justify-content: space-between;align-items: center;margin-top: 30px;flex-wrap: wrap;gap: 10px;}
.person-info {display: flex;align-items: center;gap: 15px;}
.person-img {width: 60px;height: 60px;border-radius: 5px;object-fit: cover;}
.person-details h4 {margin: 0;font-size: 1.1rem;font-weight: 600;}
.person-details p {margin: 0;color: #666;font-size: 0.9rem;}
.testimonial-controls {display: flex;gap: 5px;}
.testimonial-controls button {background: none;color: #1d1411;border: none;padding: 4px 4px;border-radius: 5px;cursor: pointer;font-size: 30px;transition: color 0.3s ease;}
.testimonial-controls button:hover {color: #ffc107;}
@media screen and (max-width: 768px) {.testimonial-container {flex-direction: column;}
.testimonial-sec-title {font-size: 2rem;margin-bottom: 20px;}
.testimonial-sec {padding: 40px 20px;}
.image-slider {min-height: 200px;}
.testimonial-bottom {flex-direction: column;align-items: flex-start;}
.testimonial-controls {align-self: flex-end;}}

/* === Testimonial Section css end here === */     

/* members section css starts here */
.members-section {background: linear-gradient(145deg, #fdfbfb, #ebedee);padding: 60px 30px;}
.members-sec-title {text-align: center;font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;color: #222;position: relative;}
.members-sec-title::after { content: "";width: 70px; height: 4px;background: #ffc107; margin: 10px auto 0;display: block;border-radius: 2px;}
.card-body-right {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-card-color);background:linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);border-top: 5px solid black;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.card-body {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-card-color);border-top: 5px solid black !important;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.member-card {border: none;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.member-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);}
.card-title {font-size: 1.4rem;font-weight: 600;margin-bottom: 1.2rem;color: #444;}
.bullet {width: 20px;height: 10px;background-color: #f3c400;border-radius: 50px;display: inline-block;margin-right: 8px;vertical-align: middle;}
.patron-bullet {background-color: #000;}
.glide__slide {text-align: center;}
.glide__slide img {max-height: 120px; object-fit: contain;filter: grayscale(100%);transition: filter 0.3s;}
.glide__slide img:hover {filter: grayscale(0%);}
.glide__bullets {display: flex;justify-content: center;gap: 8px;margin-top: 15px;}
.glide__bullet {width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;border: none;transition: background-color 0.3s;cursor: pointer;}
.glide__bullet:hover,
.glide__bullet:focus {background-color: #ffc107;}
.glide__bullet.glide__bullet--active {background-color: #ffc107;}

/* members section css end here */


/* contact us section css starts here  */

.in-contact-section {display: flex;flex-wrap: wrap;   align-items: center;justify-content: space-between;padding: 60px 45px;background-color: #1d1411;color: #fff;}
.in-contact-content {flex: 1 1 500px;max-width: 600px;}
.in-contact-content h4 {font-size: 1rem;font-weight: 500;margin-bottom: 10px;}
.in-contact-content h1 {font-size: 2.5rem;font-weight: bold;margin-bottom: 20px;}
.in-contact-content p {font-size: 1rem;line-height: 1.6;margin-bottom: 30px;}
.in-contact-btn-group {display: flex;flex-wrap: wrap;gap: 15px;}
.in-contact-btn {text-decoration: none;font-size: 1rem;padding: 12px 20px;border-radius: 25px;transition: all 0.3s ease;}
.in-contact-primary {background-color: #ffe27d;color: #000;font-weight: 600;}
.in-contact-primary:hover {background-color: #fddf62;}
.in-contact-link {color: #fff;font-weight: 500;display: flex;align-items: center;}
.in-contact-link span {margin-left: 5px;transition: transform 0.3s ease;}
.in-contact-link:hover span {transform: translateX(5px);}
.in-contact-image {flex: 1 1 300px;text-align: center;padding: 20px;}
.in-contact-image img {max-width: 100%;height: auto;border-radius: 10px;}
@media (max-width: 768px) {
.in-contact-section {flex-direction: column;text-align: center;}
.in-contact-btn-group {justify-content: center;}
.in-contact-content {max-width: 100%;}
.in-contact-content h1 { font-size: 2rem;}
.in-contact-content p { font-size: .875rem;}
.in-contact-btn { padding: 5px 20px;}}

/* contact us section css end here  */

/* sign section css starts here */
.sign-section {display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 2px solid #eee;background: #fafafa;padding: 20px 0;}
.sign-block {flex: 1 1 50%;padding: 60px 40px;box-sizing: border-box;display: flex;flex-direction: column;}
.sign-block h2 {font-size: 2.2rem;font-weight: 700;color: #222;margin-bottom: 20px;position: relative;}
.sign-block h2::after {content: "";width: 50px;height: 4px;background: #fcdc57;position: absolute;bottom: -10px;left: 0;}
.sign-block p {font-size: .890rem;line-height: 1.3;color: #555;max-width: 520px;margin-bottom: 30px;}
.sign-images {margin-top: 40px;display: flex;gap: 20px;align-items: center;flex-wrap: wrap;position: relative;}
.sign-images img {border-radius: 50%;object-fit: cover;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;}
.sign-images img:hover {transform: scale(1.05);}
.sign-img-lg {width: 150px;height: 150px;z-index: 3;}
.sign-img-md {width: 90px;height: 90px;z-index: 2;}
.sign-img-sm {width: 80px;height: 80px;z-index: 1;}
.sign-img-xs {width: 65px;height: 65px;margin-top: -50px;z-index: 0;}
.sign-button {margin-top: 30px;}
.sign-button button {background: linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);border: none;padding: 14px 30px;font-size: 16px;font-weight: 600;border-radius: 30px;color: #333;box-shadow: 0 6px 12px rgba(0,0,0,0.1);cursor: pointer;transition: all 0.3s ease;}
.sign-button button:hover {transform: translateY(-2px);box-shadow: 0 8px 16px rgba(0,0,0,0.15);}
@media (max-width: 768px) {.sign-button button { padding: 5px 30px;}
.sign-block {flex: 1 1 100%;padding: 40px 20px;text-align: center;}
.sign-block h2 { font-size: 2rem;}
.sign-block h2::after {left: 50%;transform: translateX(-50%);}
.sign-button {margin-bottom: 0;}.sign-images {justify-content: center;}
.sign-block p {margin-left: auto;margin-right: auto;}}

/* sign section css end here */


/* feedback section starts here */
.feedback-section {padding:2px 2px;background-color: #1d1411;}
.feedback-container-wrapper {max-width: 600px;margin: 40px auto;padding: 20px;box-sizing: border-box;}
.feedback-main-heading {text-align: center;font-size: 2.5rem;margin-bottom: 20px;color: #f8f9fa;font-weight: 700;}
.feedback-main-heading::after {border-left: 4px solid black;}
.feedback-container {max-width: 600px;margin: 30px auto;padding: 20px;overflow: hidden;position: relative;min-height: 230px;}
.step {position: absolute;width: 100%;top: 0;left: 0;opacity: 0;transform: translateX(100%);transition: all 0.6s ease;display: none;text-align: center;z-index: 0;}
.step.active {display: block;opacity: 1;transform: translateX(0);z-index: 1;}
.step.exit-left {transform: translateX(-100%);opacity: 0;}
.step.enter-right {transform: translateX(100%);opacity: 0;}
.feedback-section h2 {font-size: 1.3rem;margin-bottom: 30px; color: #f8f9fa;}
.stars {display: flex;justify-content: center;gap: 15px;font-size: 2.5rem;cursor: pointer;}
.star {color: #ccc;background: linear-gradient(145deg, #6c757d, #2d2d2d);border-radius: 50%;width: 50px;height: 50px;display: inline-flex;align-items: center;justify-content: center;font-size: 40px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;cursor: pointer;margin: 5px;position: relative;}
.star:hover {transform: scale(1.15);background: linear-gradient(145deg, #fff3c5, #ffeaa7);box-shadow: 0 6px 12px rgba(248, 180, 0, 0.3);}
.star.selected {color: #f8b400;background: linear-gradient(145deg, #fff7d1, #ffeaa7);box-shadow: 0 6px 12px rgba(248, 180, 0, 0.5);transform: scale(1.1);}
.rating-labels {display: flex;justify-content: space-between;max-width: 280px;margin: 10px auto 30px;font-size: 0.9rem;color: #f8f9fa;}
.next-btn { background: linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);color: white;border: none;padding: 12px 25px;border-radius: 30px;font-size: 1rem;cursor: pointer;opacity: 0.5;transition: 0.3s ease;display: block;margin: 0 auto;max-width: 200px;width: 100%;}
.next-btn:disabled { cursor: no-drop;}
.next-btn:enabled {opacity: 1; }
.note {font-size: 0.85rem;color: #f8f9fa;margin-bottom: 20px;padding: 0 10px;}
.input-box {display: flex;align-items: center;border: 1px solid #ddd;border-radius: 20px;padding: 10px 15px;background: #fafafa;max-width: 100%;}
.input-box input {flex: 1;border: none;outline: none;font-size: 1rem;background: transparent;}
.input-box .send-icon {font-size: 1.3rem;cursor: pointer;color: #888;margin-left: 10px;transition: color 0.3s;}
.input-box .send-icon:hover {color: #f8b400;}
.thankyou-section .emoji {font-size: 3rem;animation: bounce 1s infinite;margin-bottom: 10px;}
@keyframes bounce {0%, 100% { transform: translateY(0); }50% { transform: translateY(-10px); }}
.thankyou-section p {font-size: 1rem;color: #f8f9fa;margin-top: 10px;}
.progress-bar {width: 80%;height: 6px;background: #eee;border-radius: 3px;margin: 25px auto 0;overflow: hidden;position: relative;}
.progress-fill {width: 0%;height: 100%;background: linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);border-radius: 3px;transition: width linear 5s;}
@media (max-width: 480px) {
.feedback-container-wrapper {padding:0 45px;}
.feedback-main-heading {font-size: 1.5rem;}
.note { padding: 0;}.stars {font-size: 2rem;gap: 10px;}.next-btn {width: 100%; padding: 8px 15px;}.input-box {flex-direction: row;}     .feedback-section h2 {font-size: .876rem;}.thankyou-section .emoji {font-size: 2.5rem;}.star {width: 35px;height: 35px;font-size: 25px;}.rating-labels { font-size: 0.8rem;}
}

/* feedback section end here */

/* services discover button css starts here */
.discover-more-btn {display: inline-block;padding: 12px 28px;background: linear-gradient(135deg, #f3be55 0%, #ffd66a 100%);color: #3b2b2b;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s ease;margin-top: 10px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;}
.discover-more-btn::before {content: '';position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.2);transform: skewX(-25deg);transition: all 0.5s ease;}
.discover-more-btn:hover::before {left: 125%;}
.discover-more-btn:hover {background: linear-gradient(135deg, #f4b340 0%, #ffce4e 100%);transform: scale(1.05);}
/* services discover button css end here  */


/* back to top css starts here*/
.back-to-top {position: fixed;bottom: 24px;right: 30px;z-index: 999;width: 52px;height: 52px;background:linear-gradient(1deg, rgb(243, 190, 85) -2%, rgb(255 214 106) 100%);color: #fff;border: none;border-radius: 50%;font-size: 24px;display: flex;align-items: center;justify-content: center;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);cursor: pointer;opacity: 0;pointer-events: none;transition: all 0.3s ease;}
.back-to-top::after {content: attr(aria-label);position: absolute;bottom: 110%;left: 50%;transform: translateX(-50%);background-color: #333;color: #fff;padding: 6px 10px;border-radius: 6px;white-space: nowrap;font-size: 13px;opacity: 0;pointer-events: none;transition: all 0.25s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}
.back-to-top:hover::after {opacity: 1;transform: translateX(-50%) translateY(-4px);}
.back-to-top:hover {transform: translateY(-6px) scale(1.1);box-shadow: 0 14px 35px rgba(255, 153, 0, 0.4);background: linear-gradient(135deg, #ffcc00, #ff6600);}
.back-to-top.show {opacity: 1;pointer-events: auto;}

/* back to top css end here*/

 /* footer css starts here */
 .footer-sec {background: linear-gradient(to right, #f9fafb, #e9ecef);padding: 25px 40px;}
.footer-sec .footer-top {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.footer-sec .footer-left {flex: 1 1 300px;}
.footer-sec .footer-logo {max-width: 110px;margin-bottom: 15px;border-radius: 7px;}
.footer-sec .footer-address {font-size: 15px;color: #444;line-height: 1.8;}
.footer-sec .footer-right {display: flex;flex-wrap: wrap;gap: 50px;align-items: center;}
.footer-dropdown-ver-menu {list-style: none;margin: 0;padding: 0;display: flex;gap: 2rem;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.footer-dropdown-ver-item {position: relative;}
.footer-dropdown-ver-link {display: inline-block;padding: 0.5rem 0;color: #333;text-decoration: none;font-weight: 600;font-size: 1rem;transition: color 0.3s ease;}
.footer-dropdown-ver-link:hover,
.footer-dropdown-ver-link:focus {color: #f3c400;}
.footer-dropdown-ver-has-submenu > .footer-dropdown-ver-link::after {content: " ▼";font-size: 0.6rem;margin-left: 0.4rem;vertical-align: middle;color: #f3c400;transition: transform 0.3s ease;}
.footer-dropdown-ver-submenu {position: absolute;top: calc(100% + 8px);left: 0;background-color: #ffffff;min-width: 200px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);border-radius: 6px;padding: 10px 0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;z-index: 100;}
.footer-dropdown-ver-item.footer-dropdown-ver-has-submenu:hover > .footer-dropdown-ver-submenu,
.footer-dropdown-ver-item.footer-dropdown-ver-has-submenu:focus-within > .footer-dropdown-ver-submenu {opacity: 1;visibility: visible;transform: translateY(0);}
.footer-dropdown-ver-subitem {list-style: none;}
.footer-dropdown-ver-sublink {
display: block;padding: 10px 16px;color: #444;text-decoration: none;font-size: 0.95rem;transition: background-color 0.25s ease, color 0.25s ease;white-space: nowrap;font-weight: 500;}
.footer-dropdown-ver-sublink:hover,
.footer-dropdown-ver-sublink:focus { background-color: #f7f7f7;color: #f3c400;border-radius: 4px;}
.footer-sec .footer-social {display: flex;justify-content: right;gap: 25px;padding: 10px 0;}
.footer-sec .footer-social a {font-size: 15px;background-color: #1a0000;width: 30px;height: 30px;border-radius: 50%;text-align: center;align-items: center;align-content: center;color: #ffffff;transition: transform 0.3s ease, color 0.3s ease;display: flex;justify-content: center;text-decoration: none;}
.footer-sec .footer-social a:hover {color: #f3c400;transform: scale(1.2);}
.footer-sec .footer-bottom {text-align: center;padding-top: 20px;font-size: 14px;color: #666;border-top: 1px solid #ccc;}
.footer-sec .footer-bottom a {margin: 0 10px;color: #666;text-decoration: none;font-weight: 500;transition: color 0.3s;}
.footer-sec .footer-bottom a:hover {color: #f3c400;}
.footer-sec .footer-bottom p {margin-top: 10px;margin-bottom: 0;}
@media (max-width: 768px) {
.footer-sec {padding: 30px 42px;}
.footer-sec .footer-left {flex: 1 1 230px;}
.footer-sec .footer-logo  { max-width: 80px;}
.footer-sec .footer-top {flex-direction: column;gap: 30px;}
.footer-sec .footer-right {flex-direction: row;flex-wrap: wrap;gap: 20px;align-items: flex-start;}
.footer-dropdown-ver-menu {flex-direction: row;flex-wrap: wrap;gap: 1.5rem;width: 100%;}
.footer-dropdown-ver-item {flex: 1 1 45%;}
.footer-dropdown-ver-submenu {position: static;transform: none;opacity: 1;visibility: visible;box-shadow: none;background-color: transparent;padding-left: 0.5rem;}
.footer-dropdown-ver-sublink {color: #333;font-weight: 600;padding: 6px 0;}
.footer-dropdown-ver-sublink:hover,
.footer-dropdown-ver-sublink:focus {background-color: transparent;color: #f3c400;;}
.footer-dropdown-ver-has-submenu > .footer-dropdown-ver-link::after {content: none;}
.footer-sec .footer-bottom a {display: inline-block;margin: 6px 10px;}}