body {
  font-family: "Quicksand", sans-serif;
margin: 0;
padding: 0;
background-color: #70a424 !important;
animation: gradientAnimation 10s ease infinite;
overflow-x: hidden;  /* Stops the entire page from moving */
height: 100vh;
max-width: 100vw;
width: 100%;
position: relative;
box-sizing: border-box;

}



@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

/* Ensure Swiper slides do not extend beyond the container */
.swiper-wrapper {
display: flex;
width: 100%;
max-width: 100%;
}

/* Make sure Swiper container does not cause overflow */
.swiper-container {
overflow: hidden;
}

.teacher-container{
overflow: hidden;
}


/* nav-bar */


/* hero */
/* Hero Section */
.hero-section {
margin: 40px 0;
padding-top: 100px;
min-height: 100vh;
background-color: #70a424 !important;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
z-index: 1;
overflow: hidden;
}

.hero-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #70a424 !important;
opacity: 0.5;
z-index: -1;
}

/* Hero Title */
.hero-title {
font-size: 2rem;
font-weight: 500;
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
opacity: 1;
transition: opacity 0.5s ease;
}

/* Hero Image */
.hero-image {
width: 100%;
max-width: 400px;
height: auto;
object-fit: cover;
border-radius: 10px;
animation: moveImage 3s ease-in-out infinite;
}

/* Image Animation */
@keyframes moveImage {
0% { transform: translateX(-10px); }
50% { transform: translateX(10px); }
100% { transform: translateX(-10px); }
}

/* Hero Description */
.hero-description {
font-size: 1rem;
color: #ffffff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

/* Hero Buttons */
.hero-buttons {
margin-top: 20px;
display: flex;
justify-content: center;
gap: 10px;
}

.hero-buttons .btn {
font-size: 1rem;
width: auto;
padding: 10px 20px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
border: 1px solid #fff;
}

.hero-buttons .btn i {
margin-right: 8px;
font-size: 1rem;
}

/* Button Hover & Active Effects */
.hero-buttons .btn:hover {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.hero-buttons .btn:active {
transform: translateY(1px) scale(0.98);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* RESPONSIVE DESIGN */
@media (max-width: 992px) {
.hero-title {
font-size: 1rem;
}
.hero-description {
font-size: 1rem;
}
.hero-buttons {
flex-direction: column;
align-items: center;
}
.hero-buttons .btn {
width: 100%;
max-width: 250px;
}
}

@media (max-width: 768px) {
.hero-title {
font-size: 1.8rem;
}
.hero-image {
max-width: 300px;
}
.hero-description {
font-size: 0.95rem;
}
}

@media (max-width: 576px) {
.hero-title {
font-size: 1.7rem;
}
.hero-image {
max-width: 250px;
}
.hero-description {
font-size: 1rem;
}
.hero-buttons .btn {
font-size: 1rem;
padding: 8px 15px;
}
}
/* hero */

/* our-offers */
/* Our Offers Section Styling */
.our-offers {
background-color: #6aa121 !important;
}

.our-offers .offer-box {
background: #6aa121 !important;
border: 1px solid #fff;
padding: 30px;
min-height: 230px;
border-radius: 5px;
text-align: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.our-offers .offer-box i {
font-size: 40px;
color: #ffffff;
margin-bottom: 15px;
}

.our-offers .offer-box h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
color: #ffffff;

}

.our-offers .offer-box p {
font-size: 14px;
color: #ffffff;
}

/* Hover Effects */
.our-offers .offer-box:hover {
transform: translateY(-5px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}


/* our-offers */

/* about-section */
.about-section {
padding: 40px 0;
background-color: #6aa121;
}

.about-container {
max-width: 1200px;
padding: 0 15px;
}

/* Image Wrapper */
.about-image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
max-width: 500px;
height: auto;
margin: 0 auto;
}

.about-image {
width: 100%;
height: auto;
object-fit: contain;
border-radius: 10px;
}

/* Overlay */
.image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(176, 175, 175, 0.5);
opacity: 0;
transition: opacity 0.3s ease;
}

.about-image-wrapper:hover .image-overlay {
opacity: 1;
}

.overlay-text {
color: #ffffff;
font-size: 1.2rem;
font-weight: bold;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Play Button */
.play-video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
color: #ffffff;
font-size: 3rem;
cursor: pointer;
transition: all 0.3s ease;
}

.play-video-btn:hover {
transform: translate(-50%, -50%) scale(1.1);
color: #fff;
}

/* Content */
.about-content {
padding-top: 20px;
}

.about-title-wrapper {
display: flex;
align-items: center;
margin-bottom: 15px;
}

.about-title {
font-size: 2.2rem;
font-weight: bold;
color: #ffffff;
margin: 0;
transition: all 0.3s ease;
}

.about-title:hover {
transform: translateX(5px);
}

.about-description {
font-size: 1.1rem;
color: #ffffff;
text-align: justify;
line-height: 1.6;
}

/* Modal */
.modal-content {
background-color: #6aa121;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-header {
border-bottom: none;
}

.modal-title {
color: #ffffff;
font-size: 1.5rem;
}

.btn-close {
background-color: transparent;
border: none;
font-size: 1.5rem;
color: #fff !important;
}

.video-player {
width: 100%;
max-width: 800px;
height: auto;
border-radius: 5px;
}

/* Responsive Design */
@media (max-width: 992px) {
.about-title {
font-size: 2rem;
}

.about-description {
font-size: 1rem;
}

.play-video-btn {
font-size: 2.5rem;
}
}

@media (max-width: 768px) {
.about-container {
text-align: center;
}

.about-title {
font-size: 1.8rem;
}

.about-description {
font-size: 0.95rem;
}

.play-video-btn {
font-size: 2rem;
}
}

@media (max-width: 576px) {
.about-title {
font-size: 1.6rem;
}

.about-description {
font-size: 0.9rem;
}

.play-video-btn {
font-size: 1.8rem;
}
}
/* banner-slider */
.banner-slider-section {
padding: 20px 0;
background-color: #000000;
}

.banner-slider-container {
max-width: 1200px;
}

.banner-slider-carousel {
position: relative;
}

.banner-slider-inner {
overflow: hidden;
}

.banner-slider-item {
opacity: 0;
transition: opacity 0.5s ease;
}

.banner-slider-item.active {
opacity: 1;
}

.banner-image-wrapper {
opacity: 0;
transition: opacity 0.5s ease;
}

.banner-slider-image {
width: 500px;
height: 400px;
object-fit: cover;
border-radius: 10px;
max-width: 100%;
}

.banner-text-wrapper {
padding: 20px;
text-align: center;
opacity: 1; /* Ensure text wrapper is visible by default */
position: relative;
z-index: 2; /* Ensure text is above other elements */
}

.banner-slider-title {
font-size: 2rem;
color: #ffffff; /* Darker color for better visibility */
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Add shadow for contrast */
margin-bottom: 15px;
opacity: 0;
transition: opacity 0.5s ease;
}

.banner-slider-item.active .banner-slider-title {
opacity: 1; /* Ensure title is visible in active slide */
}

.banner-slider-description {
font-size: 1.2rem;
color: #ffffff; /* Darker color for better visibility */
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* Add shadow for contrast */
margin-bottom: 20px;
opacity: 0;
transition: opacity 0.5s ease;
text-align: justify;
}

.banner-slider-item.active .banner-slider-description {
opacity: 1; /* Ensure description is visible in active slide */
}

.banner-slider-btn {
background-color: #6aa121;
border-color: #6aa121;
color: #ffffff;
padding: 10px 15px;
font-size: 1.1rem;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 40px;
margin: 0 auto;
opacity: 0;
transition: all 0.3s ease;
z-index: 3; /* Ensure button is clickable */
}

.banner-slider-btn i {
margin-right: 8px;
font-size: 1.3rem;
}

.banner-slider-btn:hover {
background-color: #6aa121;
border-color: #6aa121;
transform: translateY(-3px) scale(1.05);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.banner-slider-btn:active {
transform: translateY(1px) scale(0.98);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.banner-slider-btn:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(106,161,33,255);
}

/* Responsive adjustments */
@media (max-width: 767px) {
.banner-text-wrapper {
text-align: center;
padding: 20px 10px;
}

.banner-slider-image {
width: 100%;
height: 300px;
}

.banner-slider-title {
font-size: 1.5rem;
}

.banner-slider-description {
font-size: 1.1rem;
}
}
/* banner-slider */

/* levels-section */
.levels-section {
padding: 40px 0;
background-color: #ffffff;
}

.levels-container {
max-width: 1200px;
margin: auto;
padding: 0 20px;
}

.levels-description-wrapper {
text-align: center;
margin-bottom: 40px;
}

.levels-description {
font-size: 1.5rem;
color: #000000;
max-width: 800px;
margin: 0 auto;
}

.levels-cards-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.levels-card {
width: 100%;
max-width: 350px;
height: auto;
overflow: hidden;
display: flex;
flex-direction: column;
background: #f9f9f9;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}

.levels-card:hover {
transform: translateY(-5px);
}

.levels-image {
width: 100%;
height: 200px;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.levels-content {
padding: 20px;
text-align: center;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.levels-title {
font-size: 1.5rem;
color: #333;
font-weight: 600;
margin-bottom: 10px;
}

.levels-card-description {
font-size: 1.1rem;
color: #000000;
margin-bottom: 20px;
}

.levels-btn {
background-color: #6aa121;
border: none;
color: #ffffff;
padding: 10px 20px;
font-size: 1rem;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
margin: 0 auto;
transition: all 0.3s ease;
}

.levels-btn i {
margin-right: 8px;
font-size: 1.3rem;
}

.levels-btn:hover {
background-color: #5c921a;
transform: translateY(-3px) scale(1.05);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.levels-btn:active {
transform: translateY(1px) scale(0.98);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Responsive adjustments */
@media (max-width: 767px) {
.levels-description {
font-size: 1.2rem;
padding: 0 10px;
}

.levels-card {
max-width: 100%;
}

.levels-image {
height: 180px;
}

.levels-title {
font-size: 1.3rem;
}

.levels-card-description {
font-size: 1rem;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.levels-card {
max-width: 45%;
}
}
/* levels-section */


.overlay-section {
padding: 20px 0;
background-color: #f8f9fa;
}

.overlay-container {
max-width: 95%;
}

.overlay-cards-wrapper {
justify-content: center; /* Center the cards horizontally */
display: flex;
flex-wrap: wrap;
gap: 1.5rem; /* Ensure gaps between cards, matching Bootstrap g-4 */
}

.overlay-card {
width: 350px;
height: 350px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
max-width: 100%;
padding: 0;
margin: 0;
}

.overlay-image-wrapper {
position: relative;
width: 100%;
height: 100%;
display: block;
padding: 0;
}

.overlay-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
display: block;
}

.overlay-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
text-align: center;
opacity: 0;
transition: opacity 0.3s ease;
}

.overlay-card:hover .overlay-content {
opacity: 1;
}

.overlay-description {
font-size: 1.2rem;
padding: 20px;
margin: 0;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Responsive adjustments */
@media (max-width: 767px) {
.overlay-card {
width: 100%;
height: 300px;
}

.overlay-description {
font-size: 1.3rem;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.overlay-card {
width: 45%;
}
}
/* overlay-section */


/* handled-section */
.handled-section {
padding: 20px 0;
background-color: #fff;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
}

.handled-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(65, 233, 76, 0.3); /* Low opacity overlay */
z-index: 0;
}

.handled-section .handled-container {
max-width: 1200px;
margin: auto;
z-index: 1;
position: relative;
}

.handled-section .handled-cards-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.handled-section .handled-card {
flex: 1 1 calc(33.333% - 30px); /* 3 cards per row on large screens */
max-width: calc(33.333% - 30px);
transition: all 0.3s ease;
}

.handled-section .handled-card-content {
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.handled-section .handled-card-content:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
background-color: #f0f8ff;
}

.handled-section .card-body {
padding: 20px;
text-align: center;
}

.handled-section .card-title {
font-size: 1.4rem;
font-weight: 800;
color: #042506;
margin-bottom: 10px;
transition: color 0.3s ease;
}

.handled-section .handled-card-content:hover .card-title {
color: #6aa121;
}

.handled-section .card-text {
font-size: 1rem;
color: #000000;
text-align: justify;
margin-bottom: 15px;
}

/* Button Styles */
.handled-section .handled-offcanvas-btn {
background: none;
border: none;
color: #6aa121;
font-size: 1.1rem;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}

.handled-section .handled-offcanvas-btn i {
font-size: 1.1rem;
margin-left: 5px;
transition: transform 0.3s ease;
}

.handled-section .handled-offcanvas-btn:hover {
color: #6aa121;
}

/* Offcanvas Styles */
.handled-section .handled-offcanvas {
width: 320px; /* Slightly wider for better readability */
}

.handled-section .handled-offcanvas .offcanvas-header {
background-color: #6aa121;
color: #ffffff;
}

.handled-section .handled-offcanvas .offcanvas-title {
font-size: 1.5rem;
}

.handled-section .handled-offcanvas .offcanvas-body {
padding: 20px;
}

.handled-section .handled-offcanvas-image {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 15px;
}

/* Responsive Design */
@media (max-width: 991px) {
.handled-section .handled-card {
flex: 1 1 calc(50% - 20px); /* 2 cards per row on medium screens */
max-width: calc(50% - 20px);
}
}

@media (max-width: 767px) {
.handled-section .handled-card {
flex: 1 1 100%; /* 1 card per row on small screens */
max-width: 90%;
}
}
/* handled-section */


/* teacher-section */
.teacher-section {
padding: 20px 0;
background-color: #f8f9fa;
}


.teacher-section .teacher-swiper {
width: 100%;
height: 300px;
}

.teacher-section .teacher-slide {
width: 300px;
height: 280px;
display: flex;
align-items: center;
justify-content: center;
}

.teacher-section .teacher-card {
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
display: flex;
flex-direction: column;
}

.teacher-section .teacher-image {
width: 100%;
height: 60%;
overflow: hidden;
}

.teacher-section .teacher-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.teacher-section .teacher-info {
padding: 10px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
border-top: 1px solid #ddd;
}

.teacher-section .teacher-name {
font-size: 1.3rem;
font-weight: 700;
color: #333;
margin-bottom: 5px;
}

.teacher-section .teacher-language {
font-size: 1.2rem;
color: #666;
margin-bottom: 10px;
}

.teacher-section .teacher-buttons {
display: flex;
justify-content: space-between;
}

.teacher-section .teacher-video-btn, .teacher-section .podcast-btn {
padding: 5px 10px;
font-size: 1.2rem;
border-radius: 5px;
transition: all 0.3s ease;
}

.teacher-section .teacher-video-btn {
background-color: #6aa121;
border-color: #6aa121;
color: #ffffff;
}

.teacher-section .teacher-video-btn:hover {
background-color: #6aa121;
border-color: #6aa121;
transform: scale(1.05);
}

.teacher-section .teacher-audio-btn {
background-color: #ffffff;
border-color: #6aa121;
color: #6aa121;
}

.teacher-section .teacher-audio-btn:hover {
background-color: #6aa121;
color: #ffffff;
transform: scale(1.05);
}

.teacher-section .teacher-video-btn i, .teacher-section .teacher-audio-btn i {
margin-right: 5px;
}

/* Modal Styling for Teacher Section */
.teacher-section .teacher-video-modal .modal-content, .teacher-section .teacher-audio-modal .modal-content {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.teacher-section .teacher-video-modal .modal-header, .teacher-section .teacher-audio-modal .modal-header {
border-bottom: none;
}

.teacher-section .teacher-video-player, .teacher-section .teacher-audio-player {
width: 100%;
max-width: 800px;
height: auto;
}

.teacher-section .teacher-video-player {
border-radius: 5px;
}

/* Swiper Pagination and Buttons */
.teacher-section .teacher-pagination {
position: absolute;
bottom: 10px;
}

.teacher-section .teacher-button-next, .teacher-section .teacher-button-prev {
color: #00ff00;
font-size: 2rem;
cursor: pointer;
}

.teacher-section .teacher-button-next, .teacher-section .teacher-button-prev {
width: 40px;
height: 40px;
background-color: #6aa121; /* Green background to match theme */
color: #ffffff; /* White text/icons for contrast */
border-radius: 50%; /* Circular buttons */
display: flex;
align-items: center;
justify-content: center;
font-size: 24px; /* Larger icons */
opacity: 0.7; /* Slightly transparent when not hovered */
transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}

.teacher-section .teacher-button-next {
right: 10px;
}

.teacher-section .teacher-button-prev {
left: 10px;
}

.teacher-section .teacher-button-next:hover, .teacher-section .teacher-button-prev:hover {
opacity: 1;
transform: translateY(-50%) scale(1.1); /* Slightly enlarge on hover */
background-color: #6aa121; /* Darker green on hover */
}

.teacher-section .teacher-button-next::after {
content: '>';
}

.teacher-section .teacher-button-prev::after {
content: '<';
}

/* Responsive adjustments */
@media (max-width: 1199px) {
.teacher-section .teacher-swiper {
height: 250px;
}

.teacher-section .teacher-slide {
width: 180px;
height: 250px;
}
}

@media (max-width: 767px) {
.teacher-section .teacher-swiper {
height: 250px;
}

.teacher-section .teacher-slide {
width: 200px;
}
}

/* teacher-section */

/* questionns */
.frequent-questions-section {
padding: 20px 0;
background-color: #f0f4ff;  
}

.section-title {
font-size: 2rem;
text-align: center;
margin-bottom: 1rem;
font-weight: 600;
color: #ffffff;
}

.text-pink {
color: #6aa121;
}

.text-blue {
color: #000000;
}

.accordion-item {
border: none;
border-radius: 10px;
margin-bottom: 10px;
overflow: hidden;
}

.accordion-button {
background-color: #ffffff;
color: #002c06;
font-size: 1rem;
padding: 15px 20px;
border: 1px solid #6aa121;
border-radius: 10px;
}

.accordion-button:not(.collapsed) {
background-color: #6aa121;
color: #ffffff;
}

.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230056b3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
background-color: #6aa121;
color: #ffffff;
padding: 20px;
}

.faq-actions {
display: flex;
align-items: center;
}



.btn-outline-primary {
background-color: transparent;
border: 1px solid #6aa121;
color: #6aa121;
padding: 10px 20px;
font-size: 1rem;
border-radius: 5px;
transition: all 0.3s ease;
}

.btn-outline-primary:hover {
background-color: #6aa121;
color: white;
}
/* questions */


/* pub section */
/* Pub Section */
.pub-section {
padding: 25px 0;
background-color: #fff;
}

/* Carousel Container */
.pub-section #pubCarousel {
margin: 0 auto;
}

/* Carousel Item */
.pub-section .carousel-item {
padding: 20px;  
}

/* Left Side: Image */
.pub-section .pub-image {
position: relative;
overflow: hidden;
border-radius: 10px;
animation: pubFadeInLeft 1s ease-in-out;
}

.pub-section .pub-image img {
width: 100%;
height: auto;
}

/* Right Side: Description and Button */
.pub-section .pub-description {
padding: 20px;
animation: pubFadeInRight 1s ease-in-out;
}

.pub-section .pub-description h2 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 1.5rem;
color: #6aa121;
}

.pub-section .pub-description p {
font-size: 1.2rem;
margin-bottom: 1.5rem;
color: #000000;
}

.pub-section .btn-primary.banner-slider-btn {
display: inline-flex;
align-items: center;
font-size: 1rem;
padding: 10px 20px;
background-color: #6aa121;
border: none;
transition: background-color 0.3s ease-in-out;
}

.pub-section .btn-primary.banner-slider-btn i {
margin-right: 5px;
}

.pub-section .btn-primary.banner-slider-btn:hover {
background-color: #4e7d1f;
}

/* Carousel Controls */
.pub-section .carousel-control-prev,
.pub-section .carousel-control-next {
width: 5%;
color: #ffffff !important;
border-radius: 50%;
opacity: 0.8;
transition: opacity 0.3s ease;
}

.pub-section .carousel-control-prev:hover,
.pub-section .carousel-control-next:hover {
opacity: 1;
color: #ffffff;
}

.pub-section .carousel-control-prev-icon,
.pub-section .carousel-control-next-icon {
filter: invert(1);
}

/* Carousel Indicators */
.pub-section .carousel-indicators {
bottom: -20px;
}

.pub-section .carousel-indicators button {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
border: none;
transition: background-color 0.3s ease;
}

.pub-section .carousel-indicators button.active {
background-color: #2ecc71;
}

/* Keyframe Animations */
@keyframes pubFadeInLeft {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

@keyframes pubFadeInRight {
from {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/* Responsive Adjustments */
@media (max-width: 768px) {
.pub-section .pub-description h2 {
font-size: 1.5rem;
}

.pub-section .pub-description p {
font-size: 1rem;
}

.pub-section .btn-primary.banner-slider-btn {
font-size: 1rem;
padding: 8px 16px;
}

.pub-section .carousel-control-prev,
.pub-section .carousel-control-next {
width: 10%;
}
}

@media (max-width: 576px) {
.pub-section .pub-description h2 {
font-size: 1.2rem;
}

.pub-section .pub-description p {
font-size: 1rem;
}

.pub-section .btn-primary.banner-slider-btn {
font-size: 1rem;
padding: 6px 12px;
}

.pub-section .carousel-control-prev,
.pub-section .carousel-control-next {
width: 12%;
}
}
/* pub section */



/* group */
.join-us {
padding: 30px 0;
position: relative;
width: 100%;
background-color:#6aa121;
}

.join-us .container {
max-width: 100%;
padding: 0;
}

.join-us .card {
position: relative;
border: none;
border-radius: 0; /* Removes rounded corners for full-width effect */
overflow: hidden;
width: 100%;
}

.join-us .card-img {
width: 100%;
height: 450px; /* Adjust height as needed */
object-fit: cover;
filter: brightness(0.4); /* Slightly darkens the image */
}

.join-us .card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(106, 161, 33, 0.5), rgba(0, 0, 0, 0.7));
z-index: 1;
}

.join-us .card-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.join-us .card-title {
font-size: 2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}

.join-us .card-text {
font-size: 1.2rem;
max-width: 70%;
text-align: center;
line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 991px) {
.join-us .card-img {
height: 400px;
}

.join-us .card-title {
font-size: 1.8rem;
}

.join-us .card-text {
font-size: 1.1rem;
max-width: 80%;
}
}

@media (max-width: 767px) {
.join-us .card-img {
height: 350px;
}

.join-us .card-title {
font-size: 1.5rem;
}

.join-us .card-text {
font-size: 1rem;
max-width: 90%;
}
}

@media (max-width: 576px) {
.join-us .card-img {
height: 300px;
}

.join-us .card-title {
font-size: 1.3rem;
}

.join-us .card-text {
font-size: 0.9rem;
max-width: 100%;
}
}

/* join us */




/* footer */
/* nine */
/* Footer Section */
.footer-section {
padding: 20px 0;
background-color: #6aa121;
color: #fff;
font-family: 'Montserrat', sans-serif;
}

.footer-section h4 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 20px;
color: #fff;
}

.footer-section p {
font-size: 0.95rem;
color: #ddd;
margin-bottom: 10px;
}

.footer-section a {
color: #ddd;
text-decoration: none;
transition: color 0.3s ease;
}

.footer-section a:hover {
color: #ffffff;
}

.footer-section .subscribe-form .form-control {
background-color: #ffffff;
border: none;
color: #fff;
padding: 10px;
margin-bottom: 10px;
}

.footer-section .subscribe-form .form-control::placeholder {
color: #bbb;
}

.footer-section .subscribe-form .btn-primary {
background-color: #fff;
border: none;
color: #6aa121;
padding: 10px 20px;
font-size: 0.95rem;
font-weight: 500;
}

.footer-section .subscribe-form .btn-primary:hover {
background-color: #fff;
}

.footer-section ul {
padding-left: 0;
}

.footer-section ul li {
margin-bottom: 10px;
}

.footer-section .list-unstyled li {
font-size: 0.95rem;
color: #ddd;
}

/* Footer Bottom */
/* Social Media Icons */
.social-icons {
margin-bottom: 15px;
}

.social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 50%;
background-color: #fff;
color: #6aa121;
font-size: 1.2rem;
transition: all 0.3s ease-in-out;
text-decoration: none;
}

.social-icon i {
transition: transform 0.3s ease-in-out;
color: #6aa121;
}

.social-icon:hover {
color: #6aa121;
}

.social-icon:hover i {
transform: scale(1.2);
}

/* Responsive Styles */
@media (max-width: 768px) {
.footer-section h4 {
font-size: 1.1rem;
}

.footer-section p,
.footer-section ul li {
font-size: 0.9rem;
}

.footer-section .subscribe-form .btn-primary {
font-size: 0.9rem;
}

/* Align elements two by two on small screens */
.footer-section .row > div {
flex: 0 0 50%;
max-width: 50%;
}

/* Center social icons */
.social-icons {
justify-content: center;
}
}

@media (max-width: 576px) {
.footer-section {
padding: 40px 0;
}

.footer-section h4 {
font-size: 1rem;
}

.footer-section p,
.footer-section ul li {
font-size: 0.85rem;
}

.footer-section .subscribe-form .btn-primary {
font-size: 0.85rem;
}

.social-icon {
width: 35px;
height: 35px;
font-size: 1rem;
}
}

/* footer */

/* Our Partners Section */
#our-partners-section {
padding: 20px 0;
background-color: #f8f9fa;
}

#our-partners-section h2 {
font-size: 2rem;
margin-bottom: 20px;
font-weight: 700;
color: #6aa121;
}

/* Swiper Container */
#partners-swiper {
width: 100%;
padding: 20px 0;
overflow: hidden; /* Ensure no horizontal overflow */
}

#partners-swiper .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}

/* Partner Card */
.partner-card {
text-align: center;
background: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 180px;
}

.partner-card img {
width: 100%;
height: auto;
max-height: 80px;
object-fit: contain;
margin-bottom: 10px;
}

.partner-card .know-more-btn {
display: block;
width: 100%;
font-size: 14px;
}

/* Modal Styling */
.modal-content {
text-align: center;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
.partner-card {
width: 180px;
}
}

@media (max-width: 576px) {
.partner-card {
width: 150px;
}

#our-partners-section h2 {
font-size: 1.5rem;
}
}