:root {
	--primary-color: #007944;
	--secondary-color: #733236;
	--third-color: #080808;
	--Inter: "Inter", sans-serif;
	--Playfair: "Playfair Display", serif;
	--font-bn: "Noto Serif Bengali", serif;
	--font-ar: "Noto Naskh Arabic", serif;
	--font-lato: "Lato", sans-serif;
}

body {
	font-family: var(--Inter) !important;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color: var(--third-color);

	@media all and (min-width: 1400px) {
		font-size: 17px;
	}

	@media all and (max-width: 575px) {
		font-size: 15px;
	}
}

.mega-heading,
.large-heading,
.medium-heading,
.small-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-lato);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: .5px;
	margin-bottom: 15px;
}

.theme-heading {
	@media all and (min-width: 1400px) {
		font-size: 42px
	}

	@media all and (min-width: 992px) and (max-width:1399.9px) {
		font-size: 38px
	}

	@media all and (min-width: 768px) and (max-width:991.9px) {
		font-size: 32px
	}

	@media all and (min-width: 576px) and (max-width:767.9px) {
		font-size: 26px
	}

	@media all and (max-width: 575.9px) {
		font-size: 20px;
	}
}

.title-font {
	font-family: var(--Messiri);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: .5px
}

.header-area .container,
.main-slider .container {
	max-width: none;
	width: auto;
	padding: 0;
	margin: 0 15px
}

.padding-top-bottom,
.footer-upper,
.secPadding {
	position: relative;

	@media all and (min-width: 1400px) {
		padding-top: 100px;
		padding-bottom: 100px
	}

	@media all and (min-width: 992px) and (max-width:1399.99px) {
		padding-top: 80px;
		padding-bottom: 80px
	}

	@media all and (min-width: 768px) and (max-width:991.99px) {
		padding-top: 60px;
		padding-bottom: 60px
	}

	@media all and (min-width: 576px) and (max-width:767.99px) {
		padding-top: 50px;
		padding-bottom: 50px
	}

	@media all and (max-width: 575px) {
		padding-top: 30px;
		padding-bottom: 30px
	}

	/* .container {
		z-index: 5;
		position: relative;

		@media all and (min-width: 1500px) {
			max-width: 1440px
		}

		@media all and (min-width: 1200px) and (max-width:1499.9px) {
			max-width: 1350px
		}

		@media all and (min-width: 576px) and (max-width:1199.98px) {
			max-width: 100%
		}
	} */
}

.bn-font {
	font-family: var(--font-bn);
}

.theme-btn {
	position: relative;
	z-index: 2;
	display: inline-block;
	background-color: var(--primary-color);
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: capitalize;
	color: #ffffff !important;
	line-height: 1;
	padding: 16px 30px;
	border-radius: 30px;
	transition: 0.3s cubic-bezier(.25, .46, .45, .50);
	overflow: hidden;
	text-align: center;
	text-decoration: none;

	.btn-text {
		display: inline-block;
		position: relative;
		z-index: 1;

		&::after {
			top: 0;
			left: 0;
			opacity: 0;
			width: 100%;
			display: block;
			transition: 0.5s;
			position: absolute;
			background: #fff0;
			content: attr(data-back);
			transform: translateY(240%)
		}

		&::before {
			top: 0;
			left: 0;
			opacity: 1;
			display: block;
			transition: 0.5s;
			position: relative;
			content: attr(data-front);
			transform: translateY(0)
		}
	}

	&::after {
		content: "";
		width: 100%;
		height: 100%;
		background: var(--secondary-color);
		position: absolute;
		top: 100%;
		left: 0;
		border-radius: 100%;
		z-index: -1;
		transition: .5s ease-in-out
	}

	&:hover {
		color: #fff !important;

		&::after {
			top: 0%;
			border-radius: 0%
		}

		.btn-text {
			&::after {
				opacity: 1;
				transform: translateY(0%)
			}

			&::before {
				opacity: 0;
				transform: translateY(-240%)
			}
		}
	}

	@media all and (max-width: 575.9px) {
		letter-spacing: 0;
		padding: 12px 20px;
		font-size: 14px;
	}
}

.theme-list {
	padding-left: 0;
	list-style-type: none;

	li {
		padding-left: 25px;
		position: relative;

		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 5px;
			width: 18px;
			height: 18px;
			/* background-image: url(/images/check-mark-solid-icon-yellow.svg); */
		}
	}
}

img {
	border: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.flex {
	display: flex;
}

.between {
	justify-content: space-between;
}

header {
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
	width: 100%;
	transition: .5s;
	position: sticky;
	top: 0;
	background-color: #fff;
	box-shadow: 0 4px 30px rgb(0 0 0 / .1);

	.logo {
		max-width: 90px;
	}
}

@media (max-width: 991px) {
	/* Only the site header drawer — do not target alumni-section-nav / other navs */
	header nav#siteNavbar.navbar {
		display: flex;
		flex-direction: column;
		position: fixed !important;
		top: 0;
		height: 100%;
		z-index: 9998;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #fff;
		padding: 15px !important;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		transition: all .5s;
		box-shadow: 1px 0px 5px whitesmoke;
		left: -320px;
		width: 300px;
	}

	header nav#siteNavbar.navbar.is-open,
	header nav#siteNavbar.navbar.open {
		left: 0 !important;
	}

	header nav#siteNavbar.navbar > ul .dropdown.is-open > ul {
		display: block;
	}
}

nav>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

@media all and (min-width: 992px) {
	nav>ul {
		flex-direction: row;
	}
}

nav>ul>li {
	padding: 0 1rem;
	display: block;
}

nav>ul>li:hover>a {
	color: #1f5b46;
}

nav {
	>ul {
		a {
			color: #000000;
			position: relative;
			text-transform: capitalize;
			padding: 2px 4px;
			display: block;
			font-weight: 600;
			text-decoration: none;

			@media (max-width: 991.98px) {
				padding: 12px 15px;
			}
		}
	}
}

nav>ul .dropdown {
	position: relative;
}

nav>ul .dropdown>a {
	padding-right: 20px;
}

nav>ul .dropdown .arrow {
	position: absolute;
	right: 0;
	top: -7px;
	padding: 22px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;

	@media (max-width: 991.98px) {
		top: 4px;
	}
}

nav>ul .dropdown .arrow:before {
	position: absolute;
	right: 1rem;
	content: "\f107";
	font-family: FontAwesome;
	font-weight: 600;
	transition: 0.5s;
}

nav>ul .dropdown>ul {
	margin: 0;
	list-style: none;
}

@media all and (min-width: 992px) {
	nav>ul .dropdown>ul {
		background: #fff;
		top: 120%;
		z-index: 99;
		display: block;
		min-width: 276px;
		width: max-content;
		opacity: 0;
		visibility: hidden;
		left: 1rem;
		box-shadow: 0px 8px 8px -4px #10182808, 0px 20px 24px -4px #10182814;
		position: absolute;
		-webkit-transition: top .3s;
		-moz-transition: top .3s;
		-o-transition: top .3s;
		-ms-transition: top .3s;
		transition: top .3s;
	}
}

@media all and (max-width: 991px) {
	nav>ul .dropdown>ul {
		display: none;
	}
}

nav>ul .dropdown>ul>li a {
	padding: 5px 10px;
	padding-right: 10px;
}

nav>ul .dropdown>ul>li:hover>a {
	color: #1f5b46;
}

nav>ul .dropdown>ul .dropdown ul {
	left: -100%;
}

nav>ul .dropdown>ul .dropdown:hover>ul {
	left: 100%;
	top: -10px;
	background: whitesmoke;
}

@media all and (min-width: 992px) {
	nav>ul .dropdown>ul .dropdown:hover .arrow:before {
		transform: rotateZ(-90deg);
	}
}

nav>ul .dropdown:hover>ul {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

nav>ul .dropdown:hover>a+.arrow:before {
	color: #1f5b46;
}

.menu-icon {
	display: flex;
	text-align: center;
	width: 30px;
	height: 30px;
}

@media all and (min-width: 992px) {
	.menu-icon {
		display: none;
	}
}

.menu-icon .menu-icon-in {
	width: 30px;
	height: 30px;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	display: inline-block;
}

.menu-icon .menu-icon-in span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 1px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	background-color: #1f5b46;
	border-radius: 10px;
}

.menu-icon .menu-icon-in span:nth-child(1) {
	top: 10%;
}

.menu-icon .menu-icon-in span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.menu-icon .menu-icon-in span:nth-child(3) {
	bottom: 10%;
}

.menu-icon .menu-icon-in:hover span {
	background-color: #000;
}

.menu-icon .menu-icon-in.open span:nth-child(1) {
	top: 13px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	width: 100%;
	background-color: #000;
}

.menu-icon .menu-icon-in.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

.menu-icon .menu-icon-in.open span:nth-child(3) {
	top: 13px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 100%;
	background-color: #000;
}

.cta {
	display: flex;
	align-items: center;
}

.cta> :nth-child(1) {
	color: #71a95a;
	display: flex;
	align-items: center;
	font-weight: 600;
	line-height: 24px;
	margin-right: 20px;
	text-decoration: none;
}

.cta> :nth-child(1)>img {
	margin-right: 9px;
}

.cta > :nth-child(2) {
    margin-right: 20px;
    background-color: #007944;
    color: #fff;
    padding: 10px 18px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 600;
    line-height: 24px;
    transition: background-color 0.3s ease;
}

.cta > :nth-child(2):hover {
    background-color: #005f35;
}


.cta> :nth-child(3) {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 22px;
}


.custom-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #7b3d40;
	color: #ffffff;
	padding: 4px 16px;
	border-radius: 50px;
	font-size: 0.9rem;
	font-weight: 300;
	margin-bottom: 15px;
}

.custom-badge i {
	font-size: 1rem;
}

.fig-cap {
	background: var(--primary-color);
	color: white;
	padding: 10px 10px;
	text-align: center;
}

figure {
	position: relative;
	display: inline-block;
	margin: 0;
	overflow: visible;
}

figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

/* Decorative Border */
figure::after {
	content: "";
	position: absolute;
	top: -15px;
	right: -15px;
	width: 100%;
	height: 100%;
	border: 1px solid #d7c5b4;
	border-radius: 10px;
	z-index: -1;
}

/* Caption */
.fig-cap {
	position: absolute;
	bottom: -55px;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	background: #783f42d6;
	color: #fff;
	padding: 14px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 2px;
	z-index: 2;

	@media (max-width: 991px) {
		bottom: -34px;
		left: 50%;
		transform: translateX(-50%);
		width: 60%;
		background: #393939;
		padding: 10px 20px;
		text-align: center;
		font-size: 13px;

	}
}

.left figure::after {
	left: -15px;
}

@media (min-width: 992px) {
	.order-lg-last {
		-webkit-box-ordinal-group: 14;
		order: 13;
	}
}

.section-heading {
	display: inline-flex;
	align-items: center;
	color: #333;
}

.section-heading i {
	color: #d4a373;
}


.btn-cta {
	background-color: #d4a373;
	border: none;
	padding: 12px 32px;
	font-weight: 600;
	border-radius: 40px;
	transition: 0.3s;
	color: #1e2a3e;
}

.btn-cta:hover {
	background-color: #bc8a5f;
	transform: translateY(-3px);
	color: white;
}

.section-spacing {
	padding: 80px 0;
}

.section-title {
	margin-bottom: 48px;
	text-align: center;
	font-weight: 700;
	position: relative;
}

.section-title:after {
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	background: #d4a373;
	margin: 12px auto 0;
	border-radius: 10px;
}

.stat-card {
	background: #f8f9fc;
	border-radius: 24px;
	padding: 24px 16px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
	transition: all 0.25s ease;
	text-align: center;
	border-bottom: 3px solid #d4a373;
}

.stat-number {
	font-size: 3rem;
	font-weight: 800;
	color: #2c3e50;
	font-family: "Playfair Display", serif;
}


/* .alumni-card,
        .news-card,
        .event-card {
            border: none;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 12px 25px -10px rgba(0, 0, 0, 0.08);
            transition: transform 0.25s ease;
            background: #fff;
            height: 100%;
        } */

/* .alumni-card:hover,
        .news-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.15);
        }

        .alumni-img {
            height: 260px;
            object-fit: cover;
            width: 100%;
        } */

.btn-outline-custom {
	border: 1.5px solid #d4a373;
	color: #d4a373;
	border-radius: 40px;
	padding: 8px 28px;
	font-weight: 500;
	background: transparent;
}

.btn-outline-custom:hover {
	background: #d4a373;
	color: white;
}

.footer {
	background-color: #0f1a24;
	color: #cddde9;
}

.footer a {
	color: #cddde9;
	text-decoration: none;
}

.footer a:hover {
	color: #d4a373;
}

.gallery-img {
	border-radius: 20px;
	transition: transform 0.3s ease;
	cursor: pointer;
	width: 100%;
	height: 250px !important;
	object-fit: cover;
}

.gallery-img:hover {
	transform: scale(1.02);
	box-shadow: 0 12px 18px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	.section-spacing {
		padding: 50px 0;
	}

	.hero-section {
		min-height: 70vh;
	}
}

.bg-soft-primary {
	background-color: #f5efe8;
}

/* ========================================
   REGISTRATION SECTION SPECIFIC STYLES
   ======================================== */

/* Main registration card container */
.registration-card {
	background: linear-gradient(145deg, #fffaf5 0%, #ffffff 100%);
	border-radius: 32px;
	box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.12);
	transition: all 0.2s ease;
	border: 1px solid rgba(212, 163, 115, 0.15);
}

.padding-top-bottom.reg-form-bn {
	.section-title {
		font-family: var(--font-bn);
		font-size: 30px;
		font-weight: 700;
	}
    .theme-heading{
       font-family: var(--font-bn); 
    }
	.small-heading {
		font-family: var(--font-bn);
		font-size: 20px;
		font-weight: 600;
	}
}

.reg-box {
	border-radius: 20px;
	border: 1px solid #eef0f3;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding: 20px;
	height: 100%;

	.bi-bank2,
	.bi-tag-fill {
		color: #22723a;
	}
}

/* Fee box styling */
.fee-box {
	border-radius: 9px;
	padding: 1rem 1.2rem;
	border: 1px solid #c2c2c29e;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.transection-sent {
	background: #fbfcfa;
	border-radius: 10px;
	padding: 20px !important;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}

.bank-details {
	background: #ecf3e5;
	border-radius: 10px;
	word-break: break-word;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.alert-notice {
	background-color: #F1F5FC;
	padding: 20px;
	border-radius: 10px;
}

.whatsapp-btn {
	background-color: #00794429;
	color: #000000;
	border-radius: 50px;
	padding: 10px 24px;
	font-weight: 500;
	transition: all 0.2s ease;
    font-family: 'Inter';
	gap: 8px;
	box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3);
	border: 1px solid green;
}

.whatsapp-btn .bi-whatsapp {
	color: #105b32;
}

.whatsapp-btn:hover {
	background-color: var(--secondary-color);
	color: white;
	transform: translateY(-2px);
	/*box-shadow: 0 6px 14px rgba(37, 211, 102, 0.25);*/
}

.whatsapp-btn:hover .bi-whatsapp {
	color: #e9f3ee;
}

/* Alert customizations */
.alert-warning-custom {
	background: #fff3e0;
	border-left: 4px solid #d4a373;
	border-radius: 20px;
}

.alert-secondary-custom {
	background: #f2eee9;
	border-radius: 16px;
	border-left: 3px solid #6c757d;
}

/* Badge styling for fee amounts */
.fee-box .badge {
	font-size: 0.85rem;
	padding: 6px 14px;
	border-radius: 10px;
	font-weight: 600;
	color: black;
	background-color: #E7F4E7 !important;
}

/* Responsive adjustments for registration section */
@media (max-width: 768px) {
	.registration-card {
		padding: 1.5rem !important;
	}

	.fee-box {
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}

	.fee-box .badge {
		width: fit-content;
	}

	.whatsapp-btn {
		width: 100%;
		justify-content: center;
	}

	.bank-details {
		font-size: 0.85rem;
	}
}

/* Transaction info box */
.transaction-info-box {
	background: #f2eee9;
	border-radius: 24px;
	transition: all 0.2s;
}

/* .transaction-info-box:hover {
  background: #f5f0ea;
} */

/* Icon colors inside registration */
.registration-card i.bi-tag-fill,
.registration-card i.bi-bank2,
.registration-card i.bi-whatsapp {
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}

/* Input group focus style for any form inside */
.registration-card .form-control:focus {
	border-color: #d4a373;
	box-shadow: 0 0 0 0.2rem rgba(212, 163, 115, 0.25);
}

/* CTA Button inside registration */
.registration-card .btn-cta {
	background-color: #d4a373;
	border: none;
	padding: 12px 32px;
	font-weight: 600;
	border-radius: 40px;
	transition: all 0.3s ease;
	color: #1e2a3e;
}

/* .registration-card .btn-cta:hover {
  background-color: #bc8a5f;
  transform: translateY(-3px);
  color: white;
  box-shadow: 0 8px 20px rgba(188, 138, 95, 0.3);
} */


/*About Us*/

.about-hero {
	background: linear-gradient(135deg, #1f3a2f 0%, #2c5a44 100%);
	padding: 5rem 0;
	color: white;
}

.message-card:hover {
	transform: translateY(-4px);
}

.milestone-timeline {
	position: relative;
	padding-left: 2rem;
}

.milestone-timeline::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 12px;
	bottom: 12px;
	width: 2px;
	background: #d4a373;
}

.timeline-dot {
	position: absolute;
	left: -8px;
	top: 4px;
	width: 18px;
	height: 18px;
	background: #d4a373;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 0 0 2px #d4a373;
}

/*contact us*/

.contact-hero {
	background: linear-gradient(135deg, #1f3a2f 0%, #2c5a44 100%);
	padding: 4rem 0;
	color: white;
}

.contact-card {
	background: white;
	border-radius: 28px;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s;
	height: 100%;
	border: none;
	box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.08);
}

.contact-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.15);
}

.btn-outline-gold {
	border: 1.5px solid #d4a373;
	color: #d4a373;
	border-radius: 40px;
	padding: 8px 28px;
	font-weight: 500;
	background: transparent;
	transition: 0.2s;
}

.btn-outline-gold:hover {
	background: #d4a373;
	color: white;
}

.btn-gold {
	background: #d4a373;
	color: #1e2a3e;
	border: none;
	border-radius: 40px;
	padding: 12px 32px;
	font-weight: 600;
}

.btn-gold:hover {
	background: #bc8a5f;
	color: white;
}

.social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(212, 163, 115, 0.15);
	border-radius: 50%;
	transition: 0.2s;
	color: #d4a373;
}

.social-icon:hover {
	background: #d4a373;
	color: white;
}

.contact-info-item {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 1.5rem;
}

.contact-icon {
	width: 48px;
	height: 48px;
	background: #f5efe8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d4a373;
	font-size: 1.4rem;
}

@media (max-width: 768px) {
	.contact-hero {
		padding: 2.5rem 0;
	}
}

/*Members page start*/

.association-badge {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(2px);
	border-radius: 40px;
	padding: 5px 16px;
	font-size: 0.85rem;
	font-weight: 500;
}

.page-title-section {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(10px);
	border-radius: 60px;
	padding: 0.6rem 1.5rem;
	display: inline-block;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.card-member {
	border: none;
	border-radius: 28px;
	background: #ffffff;
	transition: all 0.25s ease-in-out;
	box-shadow: 0 12px 28px -8px rgba(0, 32, 32, 0.08);
	overflow: hidden;
	height: 100%;
}

.card-member:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 40px -14px rgba(0, 75, 60, 0.2);
	border-bottom: 3px solid #ffc107;
}

.member-avatar {
	background: #eef2f5;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 2.2rem;
	color: #2c6e6b;
	margin-right: 16px;
	transition: 0.2s;
}

.member-info h3 {
	font-size: 1.35rem;
	font-weight: 700;
	margin-bottom: 0.25rem;
	color: #0c3e3a;
}

.member-session {
	background: #e9ecef;
	border-radius: 30px;
	padding: 0.2rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	display: inline-block;
	color: #2b5e5b;
}

.member-id-badge {
	font-family: monospace;
	background: #f1f3f5;
	border-radius: 50px;
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.2rem 0.8rem;
	color: #2c6e6b;
}

.position-text {
	font-size: 0.95rem;
	font-weight: 500;
	color: #2d6a4f;
	background: #e9f5ef;
	display: inline-block;
	border-radius: 24px;
	padding: 0.2rem 1rem;
	margin-bottom: 10px;
}

.dept-text {
	font-size: 0.85rem;
	color: #495057;
	border-left: 3px solid #ffb74d;
	padding-left: 10px;
	margin-top: 8px;
}

@media (max-width: 576px) {
	.member-avatar {
		width: 55px;
		height: 55px;
		font-size: 1.8rem;
	}

	.member-info h3 {
		font-size: 1.2rem;
	}
}


/*         
   ag-css leadership-section */

.leadership-section {
	background: #f8f6f2;

	.section-title {
		text-align: center;
		margin-bottom: 40px;
	}

	.message-card {
		background: #fff;
		border: 1px solid rgba(58, 151, 111, .25);
		border-radius: 16px;
		padding: 20px;
		height: 100%;
		display: flex;
		flex-direction: column;
		transition: all .35s ease;
		box-shadow: 0 10px 30px rgba(0, 0, 0, .06);

		&:hover {
			transform: translateY(-8px);
			box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
		}

		.message-header {
			display: flex;
			align-items: center;
			gap: 20px;
			margin-bottom: 25px;

			.message-image {
				width: 100px;
				height: 100px;
				border-radius: 50%;
				overflow: hidden;
				flex-shrink: 0;
				border: 4px solid #fff;
				box-shadow: 0 8px 20px rgba(0, 0, 0, .12);

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					display: block;
				}
			}

			.message-info {
				h4 {
					margin: 0 0 8px;
					font-size: 22px;
					font-weight: 700;
					color: #007944;
					line-height: 1.2;
				}

				p {
					margin: 0;
					color: #7b3d40;
					font-size: 17px;
					font-weight: 600;
				}
			}
		}

		.message-quote {
			position: relative;
            margin-bottom: 25px;
            padding: 10px 30px;
            background: #fffaf4;
            border-left: 4px solid #7b3d40;
            border-radius: 10px;
            color: #555;
            font-style: italic;
            line-height: 1.8;
			&::before {
				content: "❝";
                color: #007944;
                font-size: 28px;
                margin-right: 8px;
                left: 5px;
                position: absolute;
                top: 0px;
			}

			&::after {
				content: "❞";
                position: absolute;
                right: 15px;
                bottom: 0;
                color: #007944;
                font-size: 28px;
			}

		}

		.message-body {
			flex: 1;

			p {
				margin: 0;
				font-size: 16px;
				line-height: 1.9;
				text-align: justify;
			}
		}

		.message-footer {
			margin-top: 25px;
			padding-top: 18px;
			border-top: 1px solid #ececec;
			color: #666;
			font-size: 15px;

			i {
				color: #007944;
				margin-right: 6px;
			}

			strong {
				color: #7b3d40;
			}
		}
	}

	/* First Large Card */

	.row:first-of-type {
		.message-card {
			padding: 20px;

			.message-header {
				.message-image {
					width: 90px;
					height: 90px;
				}

				.message-info {
					h4 {
						font-size: 22px;
					}

					p {
						font-size: 18px;
					}
				}
			}

			.message-body {
				p {
					font-size: 16px;
				}
			}
		}
	}
}

@media (max-width: 991px) {

	.leadership-section {

		.message-card {
			padding: 25px;

			.message-header {
				flex-direction: column;
				text-align: center;

				.message-image {
					width: 90px;
					height: 90px;
				}

				.message-info {

					h4 {
						font-size: 24px;
					}

					p {
						font-size: 15px;
					}
				}
			}
		}

		.row:first-of-type {
			.message-card {
				padding: 30px;

				.message-header {

					.message-image {
						width: 100px;
						height: 100px;
					}

					.message-info {

						h4 {
							font-size: 20px;
						}
					}
				}
			}
		}
	}
}

/* membership-card  */
.membership-card {
	background: #fff;
	border: 1px solid #dfe9e3;
	border-radius: 10px;
	padding: 10px 16px;
	text-align: center;
	height: 100%;
	transition: all .35s ease;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .04);
	position: relative;
	overflow: hidden;


	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(90deg, #007944, #d4a373, #7b3d40);
	}

	&:hover {
		border-color: #007944;
		box-shadow: 0 18px 40px rgba(0, 121, 68, .12);

		.icon {
			background: #007944;
			color: #fff;
			transform: rotateY(180deg);
		}

		.membership-title {
			color: #080808;
		}

		.membership-price {
			color: #7b3d40;
		}
	}

	.icon {
		width: 55px;
		height: 55px;
		margin: 0 auto 10px;
		border-radius: 50%;
		background: rgba(0, 121, 68, .08);
		color: #007944;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28px;
		transition: .4s ease;
	}

	.membership-title {
		font-size: 19px;
		font-weight: 700;
		/* color: #7b3e41; */
		line-height: 1.4;
		margin-bottom: 8px;
		transition: .3s;
	}

	.membership-price {
		display: inline-block;
		padding: 6px 14px;
		border-radius: 30px;
		background: #fff7ef;
		color: #7b3d40;
		font-size: 15px;
		font-weight: 700;
		transition: .3s;
	}
}

@media (max-width: 767px) {

	.membership-card {
		padding: 18px 12px;

		.icon {
			width: 54px;
			height: 54px;
			font-size: 22px;
			margin-bottom: 14px;
		}

		.membership-title {
			font-size: 16px;
		}

		.membership-price {
			font-size: 14px;
			padding: 5px 12px;
		}
	}

}


.news-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #fcfcfb 0%, #f6f9f7 100%);

	&::before {
		content: "";
		position: absolute;
		width: 450px;
		height: 450px;
		top: -220px;
		left: -220px;
		border-radius: 50%;
		background: rgba(0, 121, 68, .05);
	}

	&::after {
		content: "";
		position: absolute;
		width: 380px;
		height: 380px;
		right: -180px;
		bottom: -180px;
		border-radius: 50%;
		background: rgba(123, 61, 64, .05);
	}

	.container {
		position: relative;
		z-index: 2;
	}

	.featured-slider {
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 18px 45px rgba(0, 0, 0, .08);

		.featured-slide {
			padding: 70px 60px;
			min-height: 340px;
			display: flex;
			align-items: center;
			background: linear-gradient(135deg, #007944 0%, #005c34 100%);
			color: #fff;

			h3 {
				color: #fff;
				font-size: 40px;
				font-weight: 700;
				margin-bottom: 18px;
			}

			p {
				max-width: 620px;
				margin-bottom: 30px;
				color: rgba(255, 255, 255, .85);
				font-size: 17px;
				line-height: 1.8;
			}

			.theme-btn-outline {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				padding: 12px 30px;
				border-radius: 50px;
				background: #fff;
				color: #007944;
				text-decoration: none;
				font-weight: 600;
				transition: .35s;

				&:hover {
					background: #d4a373;
					color: #fff;
				}
			}
		}

		.carousel-indicators {
			margin-bottom: 20px;

			button {
				width: 10px;
				height: 10px;
				border: 0;
				border-radius: 50%;
				background: rgba(255, 255, 255, .45);
				opacity: 1;
				transition: .3s;

				&.active {
					width: 30px;
					border-radius: 20px;
					background: #fff;
				}
			}
		}
	}

	.news-card {
		border: 0;
		border-radius: 18px;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 10px 28px rgba(0, 0, 0, .05);
		transition: all .35s ease;

		&:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 45px rgba(0, 0, 0, .10);
		}

		.card-body {
			padding: 30px;
		}

		.news-date {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			margin-bottom: 18px;
			padding: 6px 14px;
			border-radius: 30px;
			background: #eef7f1;
			color: #007944;
			font-size: 14px;
			font-weight: 600;

			i {
				color: #d4a373;
			}
		}

		.card-title {
			color: #173b67;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.4;
			margin-bottom: 15px;
		}

		.card-text {
			color: #666;
			line-height: 1.9;
			margin-bottom: 24px;
		}

		.news-link {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: #007944;
			text-decoration: none;
			font-weight: 700;
			transition: .3s;

			i {
				transition: .3s;
			}

			&:hover {
				color: #7b3d40;

				i {
					transform: translateX(5px);
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.news-section {

		.featured-slider {

			.featured-slide {
				padding: 50px 30px;
				min-height: auto;

				h3 {
					font-size: 28px;
				}

				p {
					font-size: 15px;
				}
			}
		}

		.news-card {

			.card-body {
				padding: 24px;
			}

			.card-title {
				font-size: 20px;
			}
		}
	}
}

.news-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #fcfcfb 0%, #f6f9f7 100%);

	&::before {
		content: "";
		position: absolute;
		width: 450px;
		height: 450px;
		top: -220px;
		left: -220px;
		border-radius: 50%;
		background: rgba(0, 121, 68, .05);
	}

	&::after {
		content: "";
		position: absolute;
		width: 380px;
		height: 380px;
		right: -180px;
		bottom: -180px;
		border-radius: 50%;
		background: rgba(123, 61, 64, .05);
	}

	.container {
		position: relative;
		z-index: 2;
	}

	.featured-slider {
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 18px 45px rgba(0, 0, 0, .08);

		.featured-slide {
			padding: 70px 60px;
			min-height: 340px;
			display: flex;
			align-items: center;
			background: linear-gradient(135deg, #007944 0%, #005c34 100%);
			color: #fff;

			h3 {
				color: #fff;
				font-size: 40px;
				font-weight: 700;
				margin-bottom: 18px;
			}

			p {
				max-width: 620px;
				margin-bottom: 30px;
				color: rgba(255, 255, 255, .85);
				font-size: 17px;
				line-height: 1.8;
			}

			.theme-btn-outline {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				padding: 12px 30px;
				border-radius: 50px;
				background: #fff;
				color: #007944;
				text-decoration: none;
				font-weight: 600;
				transition: .35s;

				&:hover {
					background: #d4a373;
					color: #fff;
				}
			}
		}

		.carousel-indicators {
			margin-bottom: 20px;

			button {
				width: 10px;
				height: 10px;
				border: 0;
				border-radius: 50%;
				background: rgba(255, 255, 255, .45);
				opacity: 1;
				transition: .3s;

				&.active {
					width: 30px;
					border-radius: 20px;
					background: #fff;
				}
			}
		}
	}

	.news-card {
		border: 0;
		border-radius: 18px;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 10px 28px rgba(0, 0, 0, .05);
		transition: all .35s ease;

		&:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 45px rgba(0, 0, 0, .10);
		}

		.card-body {
			padding: 30px;
		}

		.news-date {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			margin-bottom: 18px;
			padding: 6px 14px;
			border-radius: 30px;
			background: #eef7f1;
			color: #007944;
			font-size: 14px;
			font-weight: 600;

			i {
				color: #d4a373;
			}
		}

		.card-title {
			color: #080808;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.4;
			margin-bottom: 15px;
		}

		.card-text {
			line-height: 1.9;
			margin-bottom: 24px;
		}

		.news-link {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: #007944;
			text-decoration: none;
			font-weight: 700;
			transition: .3s;

			i {
				transition: .3s;
			}

			&:hover {
				color: #7b3d40;

				i {
					transform: translateX(5px);
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.news-section {

		.featured-slider {

			.featured-slide {
				padding: 50px 30px;
				min-height: auto;

				h3 {
					font-size: 28px;
				}

				p {
					font-size: 15px;
				}
			}
		}

		.news-card {

			.card-body {
				padding: 24px;
			}

			.card-title {
				font-size: 20px;
			}
		}
	}
}

/* event-sectiob */

.event-section {
	background: linear-gradient(180deg, #fcfcfb 0%, #f5f8f5 100%);

	.section-title {
		text-align: center;
		margin-bottom: 50px;
	}

	.event-card {
		position: relative;
		display: flex;
		align-items: center;
		gap: 40px;
		padding: 45px;
		border-radius: 28px;
		background: #fff;
		border: 1px solid #e7ece8;
		box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
		overflow: hidden;

		&::before {
			content: "";
			position: absolute;
			top: -130px;
			right: -130px;
			width: 260px;
			height: 260px;
			border-radius: 50%;
			background: rgba(212, 163, 115, .08);
		}

		&::after {
			content: "";
			position: absolute;
			left: -100px;
			bottom: -100px;
			width: 220px;
			height: 220px;
			border-radius: 50%;
			background: rgba(0, 121, 68, .05);
		}

		.event-badge {
			width: 200px;
			height: 200px;
			flex-shrink: 0;
			position: relative;
			border-radius: 50%;
			background: linear-gradient(145deg, #f9edd2, #d4a373);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			box-shadow:
				0 20px 45px rgba(212, 163, 115, .35),
				inset 0 5px 12px rgba(255, 255, 255, .45);
			z-index: 2;
			font-family: var(--font-lato);

			small {
				position: absolute;
				top: 29px;
				right: 41px;
				font-size: 22px;
				font-weight: 700;
				color: #7b3d40;
				letter-spacing: 1px;
			}

			span {
				font-size: 82px;
				font-weight: 800;
				line-height: 1;
				color: #173b67;
			}

			strong {
				margin-top: -3px;
				color: #7b3d40;
				font-size: 18px;
				font-weight: 700;
			}
		}

		.event-content {
			flex: 1;
			position: relative;
			z-index: 2;

			h3 {
				margin-bottom: 22px;
				font-size: 38px;
				/* color: #173b67; */
			}

			.event-meta {
				display: flex;
				flex-wrap: wrap;
				gap: 12px;
				margin-bottom: 28px;

				span {
					display: inline-flex;
					align-items: center;
					gap: 8px;
					padding: 11px 18px;
					border-radius: 50px;
					background: #eef7f1;
					color: #007944;
					font-weight: 600;
					transition: .3s;

					i {
						color: #d4a373;
					}

					&:hover {
						background: #007944;
						color: #fff;

						i {
							color: #fff;
						}
					}
				}
			}

			.event-highlights {
				display: flex;
				flex-wrap: wrap;
				gap: 16px;

				span {
					display: inline-flex;
					align-items: center;
					gap: 12px;
					padding: 14px 20px;
					border-radius: 16px;
					background: linear-gradient(135deg, #fffdf8, #f8efe2);
					border: 1px solid #ead7b8;
					color: #173b67;
					font-weight: 700;
					box-shadow: 0 10px 22px rgba(0, 0, 0, .05);
					transition: .35s;

					i {
						width: 42px;
						height: 42px;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						background: linear-gradient(135deg, #007944, #0b5d3d);
						color: #fff;
						font-size: 18px;
						transition: .35s;
					}

					&:hover {
						transform: translateY(-6px);
						background: linear-gradient(135deg, #007944, #0b5d3d);
						color: #fff;
						box-shadow: 0 18px 35px rgba(0, 121, 68, .2);


						i {
							background: #fff;
							color: #007944;
							/* transform: rotate(12deg); */
						}
					}
				}
			}
		}

		.event-btn {
			position: relative;
			z-index: 2;
			flex-shrink: 0;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 16px 34px;
			border-radius: 50px;
			background: linear-gradient(135deg, #007944, #0b5d3d);
			color: #fff;
			text-decoration: none;
			font-weight: 700;
			transition: .35s;
			box-shadow: 0 15px 35px rgba(0, 121, 68, .25);

			&:hover {
				background: linear-gradient(135deg, #7b3d40, #94494d);
				color: #fff;
				transform: translateY(-5px);
				box-shadow: 0 20px 40px rgba(123, 61, 64, .25);
			}
		}
	}
}

@media (max-width: 991px) {
	.event-section {

		.section-title {
			margin-bottom: 35px;
		}

		.event-card {
			flex-direction: column;
			text-align: center;
			gap: 30px;
			padding: 35px 25px;

			.event-badge {
				width: 160px;
				height: 160px;

				small {
					top: 12px;
					right: 34px;
					font-size: 18px;
				}

				span {
					font-size: 62px;
				}

				strong {
					font-size: 16px;
				}
			}

			.event-content {

				h3 {
					font-size: 30px;
					margin-bottom: 18px;
				}

				.event-meta {
					justify-content: center;

					span {
						justify-content: center;
						width: 100%;
					}
				}

				.event-highlights {
					justify-content: center;

					span {
						justify-content: center;
						padding: 12px 16px;

						i {
							width: 38px;
							height: 38px;
							font-size: 16px;
						}
					}
				}
			}

			.event-btn,
			.theme-btn {
				margin-top: 10px;
			}
		}
	}
}

@media (max-width: 767px) {
	.event-section {
		.event-card {
			padding: 25px 18px;
			gap: 25px;

			.event-badge {
				width: 135px;
				height: 135px;

				small {
					top: 10px;
					right: 28px;
					font-size: 15px;
				}

				span {
					font-size: 52px;
				}

				strong {
					font-size: 14px;
				}
			}

			.event-content {
				h3 {
					font-size: 25px;
				}

				.event-meta {
					span {
						font-size: 14px;
						padding: 10px 14px;
					}
				}

				.event-highlights {
					span {
						/* flex: 1 1 100%; */
						font-size: 14px;

						i {
							width: 34px;
							height: 34px;
							font-size: 15px;
                            flex-shrink: 0;
						}
					}
				}
			}
		}
	}
}

@media (max-width: 575px) {
	.event-section {
		.event-card {
			border-radius: 20px;
			padding: 20px 15px;

			.event-content {
				h3 {
					font-size: 22px;
				}

				.event-meta {
					span {
						font-size: 13px;
					}
				}

				.event-highlights {
					span {
						flex: 1 1 calc(50% - 8px);
						padding: 5px 5px;
						border-radius: 12px;
					}
				}
			}
		}
	}
}

.footer {
	background: #1a5945;
	position: relative;
	overflow: hidden;

	&::before {
		content: "";
		position: absolute;
		top: -120px;
		right: -120px;
		width: 260px;
		height: 260px;
		border-radius: 50%;
		background: rgba(212, 163, 115, .08);
	}

	&::after {
		content: "";
		position: absolute;
		left: -140px;
		bottom: -140px;
		width: 320px;
		height: 320px;
		border-radius: 50%;
		background: rgba(255, 255, 255, .05);
	}

	.container {
		position: relative;
		z-index: 2;
	}

	.footer-title {
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 18px;
		line-height: 1.3;
	}

	p {
		color: rgba(255, 255, 255, .75);
		line-height: 1.9;
		margin-bottom: 0;

		a {
			color: inherit;
			text-decoration: none;
			transition: .3s;

			&:hover {
				color: #d4a373;
			}
		}

		i {
			color: #ffffff;
			margin-right: 8px;
		}
	}

	ul {
		margin: 0;
		padding: 0;

		li {
			list-style: none;
			margin-bottom: 12px;

			a {
				color: rgba(255, 255, 255, .75);
				text-decoration: none;
				display: inline-block;
				transition: .3s;

				&:hover {
					color: #d4a373;
					transform: translateX(6px);
				}
			}
		}
	}

	.footer-social {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-top: 24px;

		a {
			width: 46px;
			aspect-ratio: 1;
			border-radius: 50%;
			display: grid;
			place-items: center;
			color: #fff;
			text-decoration: none;
			background: rgba(255, 255, 255, .08);
			border: 1px solid rgba(255, 255, 255, .15);
			transition: .35s ease;

			i {
				font-size: 18px;
			}

			&:hover {
				background: #d4a373;
				color: #173b67;
				border-color: #d4a373;
				transform: translateY(-5px);
				box-shadow: 0 12px 25px rgba(212, 163, 115, .35);
			}
		}
	}

	hr {
		margin-top: 35px;
		border-color: rgba(255, 255, 255, .15);
	}

	.text-center {
		color: rgba(255, 255, 255, .65);
		letter-spacing: .4px;
	}

	/* =========================
       Tablet
    ========================== */

	@media (max-width: 991px) {
		text-align: center;

		.footer-title {
			font-size: 22px;
		}

		.footer-social {
			justify-content: center;
			margin-bottom: 25px;
		}

		ul {
			margin-bottom: 25px;
		}

		p {
			font-size: 15px;
		}
	}

	/* =========================
       Mobile
    ========================== */

	@media (max-width: 575px) {
		padding-top: 60px !important;

		.footer-title {
			font-size: 20px;
			margin-top: 18px;
		}

		.footer-social {
			gap: 10px;

			a {
				width: 42px;

				i {
					font-size: 16px;
				}
			}
		}

		p,
		ul li a {
			font-size: 14px;
		}

		.text-center {
			font-size: 13px;
		}
	}
}