.kia1 {
	font-family: FontAwesome;
}

.kia2 {
	font-size: 20px;
	vertical-align: middle;
	font-weight: 100;
	margin-right: 5px;
	line-height: 17px;
}

/* .kia3{
    vertical-align: middle;
} */
.kia4 {
	background-color: #1dd983;
	color: #fff;
	font-weight: 700;
	padding: 5px 0px;
	display: inline-block;
	margin-left: 0;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 36px;
	text-align: center;
	font-size: 16px;
	/* float: left; */
}

.facebook1 {
	background-color: #3b60c9;
}

.facebook1:hover {
	opacity: 0.8;
	color: white;
}

.instagram1 {
	background: linear-gradient(45deg, #fccc63, #e95950, #bc2a8d, #4c68d7);
}

.instagram1:hover {
	opacity: 0.8;
	color: white;
}

.whatsapp1 {
	background-color: #25D366;
}

.whatsapp1:hover {
	opacity: 0.8;
	color: white;
}

.youtube1 {
	background-color: #FF0000;
}

.youtube1:hover {
	opacity: 0.8;
	color: white;
}

.site-header .codeboxr-main-menu li:not(:last-child) {
	margin-right: 0;
}

.site-header .site-logo img {
	max-width: 210px;
}

.site-header .site-logo .logo-sticky {
	max-width: 180px;
}

#slider-area .single-slide-wrap .slider-content h2 {
	font-size: 60px;
	margin-bottom: 15px;
	line-height: 65px;
}

#slider-area .single-slide-wrap .slider-content p {
	font-size: 19px;
}

#slider-area .single-slide-wrap {
	padding: 0;
	height: 470px;
	display: flex;
	align-content: center;
	align-items: center;
}

#slider-area .owl-dots .owl-dot.active span,
#slider-area .owl-dots .owl-dot span {
	width: 20px;
	height: 20px;
}

.kia5 p {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kia5 p br {
	content: "";
	margin: 6px;
	content: url(a_dashed_line_image.png);
	display: block;
}

.kia5 h2 {
	font-size: 35px;
	line-height: 1;
	font-weight: 300;
	color: #3a3b3c;
}

/* .kia5 h2 strong { */
/* color: #3b60c9; */

/* } */
.kia6 {
	font-weight: 700;
	font-size: 14px;
	color: #3b60c9;
	text-transform: uppercase;
	display: flex;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.kia6::before {
	content: "";
	border-top: 3px solid #3b60c9;
	display: block;
	width: 41px;
	margin-top: 7px;
	margin-right: 14px;
}

.kia7 {
	background: url(../images/history_bg_couter.jpg) center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#funfact-area .single-funfact-wrap {
	margin-left: 0;
}

.gallery-gird .col-lg-3:nth-child(1) .single-gallery-item,
.gallery-gird .col-lg-3:nth-child(4) .single-gallery-item,
.gallery-gird .col-lg-3:nth-child(5) .single-gallery-item {
	height: 250px;
}

.kia8 {
	background-color: white !important;
}

.kia9 {
	font-weight: 100;
	margin-right: 5px;
	line-height: 17px;
}

.single-blog-post .blog-thumb .blog-meta .like-comm a.kia10 {
	color: #fff;
	font-size: 9pt;
	font-size: 1.2rem;
	margin-right: 5px;
	background: #3b60c9;
	padding: 7px;
	padding-bottom: 5px;
	padding-top: 6px;
	border-radius: 5px;
}

.single-blog-post .blog-thumb .blog-meta.kia11 {
	right: auto;
	bottom: auto;
	top: 10px;
	left: 0;
	padding-left: 15px;
}

.single-blog-post .blog-content.kia12 h3 {
	margin-bottom: 10px;
}

.kia12 p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kia13 .kia14 {
	display: none;
}

.kia13 .kia14:nth-child(1),
.kia13 .kia14:nth-child(2),
.kia13 .kia14:nth-child(3) {
	display: block;
}

.kia15 .kia16 {
	display: none;
}

.kia15 .kia16:nth-child(1),
.kia15 .kia16:nth-child(2),
.kia15 .kia16:nth-child(3),
.kia15 .kia16:nth-child(4),
.kia15 .kia16:nth-child(5),
.kia15 .kia16:nth-child(6),
.kia15 .kia16:nth-child(7),
.kia15 .kia16:nth-child(8) {
	display: block;
}

.double-list li {
	float: left;
	width: 100%;
}

#footer-area .footer-widget .single-widget-wrap .footer-list li a {
	margin-bottom: 11px;
}

.kia17 {
	padding-bottom: 100px;
	padding-top: 100px;
}

.kia18 {
	width: 35%;
}

#footer-area .footer-widget .single-widget-wrap .footer-about p {
	margin-bottom: 10px;
}

.kia19 {
	padding-bottom: 89px;
	padding-top: 100px;
}

.breadcrumb-item+.breadcrumb-item:before {
	content: "/";
	color: white;
}

.breadcrumb-item a {
	color: white;
}

.breadcrumb-item+.breadcrumb-item.active {
	color: #3b60c9;
}

.kia5.kia20 p {
	display: block;
}

.kia21 h2 {
	font-size: 36px;
}

.contact-wrapper {
	text-align: center;
	/* display: flex; */
	flex-wrap: wrap;
	gap: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.contact-wrapper .contact-item {
	padding: 30px 30px 30px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
}

.contact-wrapper .contact-item .contact-thumb {
	margin-bottom: 15px;
}

.contact-wrapper .contact-item .contact-thumb img {
	max-width: 100%;
}

.contact-wrapper .contact-item .contact-content .title {
	/* font-family: "Barlow Condensed", sans-serif; */
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	font-size: 2.1rem;
	line-height: 1.2;
	font-weight: 600;
	color: #0e2c53;
	color: var(--bs-heading-color, inherit);
}

.contact-wrapper .contact-item .contact-content p:last-child {
	margin-bottom: -7px !important;
}

.contact-wrapper .contact-item .contact-content a {
	color: #3a3b3c;
}

.kia22 {
	padding-bottom: 100px;
	padding-top: 100px;
}

.kia23 {
	padding-bottom: 100px;
	padding-top: 0px;
}

/* .kia24{
    padding: 0;
} */
.gallery-gird.kia25 {
	margin-top: 0px;
}

.gallery-gird.kia25 .col-lg-3:nth-child(1) .single-gallery-item,
.gallery-gird.kia25 .col-lg-3:nth-child(2) .single-gallery-item,
.gallery-gird.kia25 .col-lg-3:nth-child(3) .single-gallery-item,
.gallery-gird.kia25 .col-lg-3:nth-child(4) .single-gallery-item {
	margin-top: 0;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: default;
}

.gallery-gird.kia25 .col-lg-3 .single-gallery-item .gallery-hvr-wrap .btn-zoom img {
	margin-top: 0;
}

.gallery-gird.kia25 .col-lg-3 .single-gallery-item img {
	max-height: none;
	width: 100%;
}

.kia26 {
	background: white !important;
}

.single-blog-post .blog-content {
	border: 1px solid #cbccce;
	margin-bottom: 15px;
}

.single-event-page-content.kia27 .single-event-details h2 {
	margin-top: 25px;
	margin-bottom: 30px;
}


.kia27 .kia28 p br {
	content: "";
	margin: 6px;
	content: url(a_dashed_line_image.png);
	display: block;
}

.single-event-page-content.kia27 .single-event-details .event-schedul h3 {
	margin-bottom: 55px;
	margin-top: 55px;
}

.kia28 {
	background: white !important;
}

.newsn11 {
	position: fixed;
}

.newsn11 {
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	color: #fff;
	display: flex;
	text-shadow: 1px 1px 1px #000;
	background: #161f37;
	border-top: 2px solid #3b60c9;
}

.newsn11 i {
	background: #3b60c9;
	padding: 10px;
}

.newsn11 marquee {
	display: flex;
	align-items: center;
}

.newsn11 marquee p {
	display: flex;
	float: left;
	font-size: 15px;
	margin: 0;
}

.newsn11 marquee p span {
	display: table;
	float: left;
	margin-right: 70px;
}

.newsn11 marquee p span a {
	color: #fff;
	text-decoration: underline;
	margin-left: 7px;
	font-size: 15px;
}

.kia30 {
	color: #131c33;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	margin: 15px 0 15px;
	margin-top: 20px;
}

.single-event-page-content .single-event-details p {
	line-height: 1.8;
	margin-bottom: 12px;
}

.single-event-page-content .single-event-details.kia31 p {
	line-height: 1.8;
	margin-bottom: 12px;
}

.single-event-page-content .single-event-details.kia31 p:last-of-type {
	line-height: 1.8;
	margin-bottom: 20px;
}

.single-event-page-content.kia27 .single-event-details.kia31 h2 {
	margin-bottom: 20px;
}


.kia31 .single-widget-wrap {
	font-size: 1pc;
	font-size: 1.6rem
}


.kia31 .single-widget-wrap .footer-list li a:before {
	content: "";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	font-size: 9pt;
	margin-right: 7px
}

.kia31 .single-widget-wrap .footer-list li a:hover {
	color: #5481ff;
	padding-left: 6px
}

.kia31 .single-widget-wrap .footer-list li a {
	font-size: 16px;
	color: #3a3b3c;
	line-height: 1.8;
	margin-bottom: 7px;
	display: table;
	width: 100%;
}

.kia31 .single-widget-wrap .footer-list li a:hover:before {
	color: #5481ff
}

.site-header .codeboxr-main-menu>li.kia32 {
	padding-right: 35px;
}

.site-header.header-fixed.showed .codeboxr-main-menu>li.kia32 {
	padding-right: 35px;
}

.site-header .codeboxr-main-menu li.has-submenu .sub-menu {
	min-width: max-content;
	width: auto;
}

.kia33 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.kia34 {
	padding-top: 100px;
	padding-bottom: 80px;
}

.memberform-section {
	padding-bottom: 100px;
	padding-top: 100px;

	.form-container {
		max-width: 900px;
		margin: 0 auto;
		background-color: #ffffff;
		padding: 40px;
		border-radius: 12px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	}

	/* --- HEADER FONT SIZES --- */
	.form-header {
		text-align: center;
		margin-bottom: 30px;
		border-bottom: 3px solid #3b60c9;
		padding-bottom: 15px;
	}

	.form-header h1 {
		font-size: 1.8em;
		color: #3b60c9;
		margin-bottom: 5px;
		letter-spacing: 1px;
	}

	.form-header h2 {
		font-size: 1.4em;
		font-weight: 400;
		color: #555;
	}

	/* --- SECTION HEADING FONT SIZES --- */
	.form-section {
		margin-bottom: 30px;
		padding: 20px;
		border: 1px solid #ddd;
		border-radius: 8px;
	}

	.form-section h3 {
		font-size: 1.3em;
		color: #3b60c9;
		border-bottom: 2px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	/* --- LABEL, INPUT, AND SELECT FONT SIZES --- */
	.form-group {
		margin-bottom: 0;
	}

	label {
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 1em;
		color: #444;
	}

	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="date"],
	select {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 14px;
		transition: border-color 0.3s;
		height: 42px;
	}

	textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 14px;
		transition: border-color 0.3s;
		display: block;
	}

	input:focus,
	select:focus,
	textarea:focus {
		border-color: #3b60c9;
		outline: none;
	}

	input:disabled {
		background-color: white;
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 14px;
		transition: border-color 0.3s;
		height: 42px;
		color: #000;
	}

	/* --- PERSONAL INFORMATION GRID LAYOUT --- */
	.form-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

	.span-1 {
		grid-column: span 1;
	}

	.span-2 {
		grid-column: span 2;
	}

	.span-3 {
		grid-column: span 3;
	}

	.span-4 {
		grid-column: span 4;
	}

	.gender-select {
		/* grid-column: span 2;  */
	}

	/* --- MEMBERSHIP TYPE CARD STYLING --- */
	.membership-type p {
		font-size: 1em;
		margin-bottom: 15px;
	}

	.membership-options {
		display: flex;
		gap: 20px;
		margin-bottom: 20px;
	}

	.membership-card {
		flex: 1;
		position: relative;
		cursor: pointer;
		transition: all 0.3s;
	}


	.membership-card:hover {
		border-color: #a0c6ff;
		/* box-shadow: 0 0 10px rgba(0, 123, 255, 0.1); */
	}

	.membership-card input[type="radio"] {
		position: absolute;
		opacity: 0;
	}

	.membership-card input[type="radio"]+label {
		/* position: relative; */
		border: 2px solid #ddd;
		border-radius: 6px;
		padding: 20px;
		cursor: pointer;
		margin: 0;
		margin-bottom: 0;
		height: 100%;
		/* transition: all 0.3s; */
	}

	/* Highlight Selected Card */
	.membership-card input[type="radio"]:checked+label {
		border: 2px solid #3b60c9;
		background-color: #3b60c914;
		border-radius: 6px;
		padding: 20px;
		margin: 0;
		margin-bottom: 0;
	}

	.membership-card h4 {
		font-size: 1.1em;
		color: #3b60c9;
		margin-bottom: 5px;
	}

	.membership-card p {
		font-size: 0.9em;
		color: #666;
		margin: 0;
	}

	/* --- RULES, AGREEMENT, AND NOTES FONT SIZES --- */
	.rules-list p {
		margin-bottom: 8px;
		font-size: 0.95em;
		line-height: 1.4;
	}

	.misconduct-note {
		font-weight: bold;
		color: #d9534f;
		margin-top: 15px;
		border-top: 1px dashed #ddd;
		padding-top: 10px;
		font-size: 0.95em;
	}

	.checkbox-group {
		display: flex;
		align-items: flex-start;
		margin-bottom: 7px;
	}

	.checkbox-group input[type="checkbox"] {
		margin-top: 4px;
		margin-right: 10px;
		min-width: 18px;
		min-height: 18px;
	}

	.checkbox-group label {
		font-weight: normal;
		display: inline;
		font-size: 0.95em;
		margin: 0;
		margin-bottom: 0;
	}

	/* --- SIGNATURE DRAWING AREA --- */
	.signature-date {
		display: flex;
		gap: 30px;
		margin-top: 20px;
		padding-top: 15px;
		border-top: 1px solid #ddd;
	}

	.signature-group {
		flex: 2;
	}

	.date-group {
		flex: 1;
	}

	#signature-pad-container {
		border: 1px solid #ccc;
		border-radius: 6px;
		overflow: hidden;
		background-color: #fcfcfc;
		padding: 0;
	}

	#signatureCanvas {
		width: 100%;
		height: 100px;
		display: block;
		cursor: crosshair;
	}

	.canvas-actions {
		background: #f8f9fa;
		display: flex;
		justify-content: flex-end;
		padding: 0;
		border-top: 1px solid #eee;
	}

	.clear-canvas-btn {
		padding: 5px 10px;
		background-color: #f8f9fa;
		color: #495057;
		font-size: 0.9em;
		/* Small font size for the clear button */
		border: 1px solid #ced4da;
		border-radius: 4px;
		transition: background-color 0.2s;
	}

	.clear-canvas-btn:hover {
		background-color: #e2e6ea;
	}


	/* --- SUBMIT AND CLEAR BUTTONS --- */
	.form-actions {
		display: flex;
		justify-content: flex-end;
		gap: 15px;
		margin-top: 30px;
	}

	.btn {
		padding: 12px 25px;
		border: none;
		border-radius: 6px;
		font-size: 16px;
		cursor: pointer;
		width: 120px;
		transition: background-color 0.3s, transform 0.1s;
		margin: 0;
	}

	.btn.signz {
		padding: 5px 25px;
		border: none;
		border-radius: 6px;
		font-size: 1.1em;
		cursor: pointer;
		transition: background-color 0.3s, transform 0.1s;
		width: 100%;
		font-size: 15px;
	}

	.submit-btn {
		background-color: #28a745;
		color: white;
	}

	.submit-btn:hover {
		background-color: #218838;
	}

	.clear-btn {
		background-color: #dc3545;
		color: white;
	}

	.clear-btn:hover {
		background-color: #c82333;
	}

	.contact-info-group {
		/* Takes up the full grid row (4 columns) */
		grid-column: span 4;
		display: flex;
		gap: 20px;
		/* Maintains consistency with the form-grid gap */
	}

	.contact-info-group .form-group {
		/* Makes each field group take up 1/3 of the width */
		flex: 1;
		margin-bottom: 0;
		/* Clear margin since gap handles spacing */
	}

	.nice-select {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 1em;
		transition: border-color 0.3s;
		padding-top: 0;
		padding-bottom: 0;
		background: white;
		height: 42px;
		color: white;
		font-size: 14px;
	}

	.nice-select .current {
		margin-right: 0;
		color: #000000;
		font-size: 14px;
	}

	.btn-regz {
		background-color: #c4c4c4;
		color: #000000;
	}

	.btn-regz:hover {
		background-color: #a9a8a8;
		color: #000000;
	}

	input[type="date"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box;
		background-color: white;
		box-sizing: border-box;
		color: #000;
	}

	.signdatez input[type="date"] {
		position: relative;
	}

	.nice-select .current:after {
		content: "";
		position: absolute;
		right: 10px;
		/* font-family: Font Awesome\ 5 Free; */
		color: black;
		transform: rotate(0);
		font-size: 15px;
		z-index: 1;
		line-height: 40px;
		background-image: url(../images/arrowdown.png);
		top: 12.5px;
		width: 17px;
		height: 17px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.signdatez input[type="date"]:after {
		content: "";
		position: absolute;
		right: 10px;
		background-image: url(../images/calendar.png);
		color: black;
		transform: rotate(0);
		font-size: 15px;
		z-index: 1;
		line-height: 40px;
		top: 14.5px;
		width: 15px;
		height: 15px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.nice-select .list {
		width: 100%;
	}
}

.kiaa1 {
	text-align: center;
}

.kiaa1 iframe {
	border: 0;
	height: 100vh;
}

.kiaa2 {
	width: 80%;
}

/* --- RESPONSIVENESS (Media Queries) --- */
@media (max-width: 768px) {
	.memberform-section {
		padding-bottom: 50px;
		padding-top: 50px;

		.form-container {
			padding: 20px;
		}

		/* Adjust header font size for smaller screens */
		.form-header h1 {
			font-size: 1.5em;
		}

		.form-header h2 {
			font-size: 1.2em;
		}

		.form-section h3 {
			font-size: 1.2em;
		}

		/* Personal Info: Collapse to 1 column */
		.form-grid {
			grid-template-columns: 1fr;
		}

		.form-group.span-2,
		.form-group.span-4,
		.gender-select {
			grid-column: span 1;
		}

		/* Membership Type: Stack the cards vertically */
		.membership-options {
			flex-direction: column;
		}

		/* Signature/Date: Stack vertically */
		.signature-date {
			flex-direction: column;
			gap: 20px;
		}

		/* Action Buttons: Stack vertically and center */
		.form-actions {
			justify-content: center;
			flex-direction: column;
		}

		.btn {
			width: 100%;
			font-size: 1em;
		}

		.contact-info-group {
			grid-column: span 1;
			display: grid;
			gap: 18px;
		}

		label {
			font-size: 14px;
			margin-bottom: 7px;
		}

		.form-grid {
			gap: 18px;
		}

		.form-container {
			box-shadow: none;
		}

		input[type="date"] {
			position: relative;
		}

		input[type="date"]:after {
			content: "";
			position: absolute;
			right: 10px;
			background-image: url(../images/calendar.png);
			color: black;
			transform: rotate(0);
			font-size: 15px;
			z-index: 1;
			line-height: 40px;
			top: 12.5px;
			width: 15px;
			height: 15px;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.signdatez input[type="date"]:after {
			top: 12.5px;
		}
	}
}


.sp-pass-hi .hidden {
	display: none !important;
}

/* --- Password Container Styling --- */
#password-container {
	margin-top: 0;
	background: white;
	padding: 40px;
	border-radius: 8px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	text-align: center;
	width: auto;
	border: 1px solid #ccc;
}

.sp-pass-hi {
	justify-content: center;
}

#password-container h2 {
	font-size: 18px;
	font-weight: 500;
}

#pdf-password {
	padding: 12px;
	margin: 15px 0;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 47px;
}

#submit-password {
	background-color: #007bff;
	color: white;
	border: none;
	padding: 12px 20px;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	transition: background-color 0.3s;
}

#alert-message {
	color: #dc3545;
	margin-top: 15px;
	font-weight: bold;
}

/* --- PDF Viewer Styling (Point 1: Responsive) --- */
#pdf-viewer-container {
	width: 100%;
	max-width: 1000px;
	padding: 10px;
	box-sizing: border-box;
}

#pdf-controls {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	flex-wrap: wrap;
	align-items: center;
	border: 1px solid #ccc;
}

#pdf-controls button {
	padding: 8px 15px;
	background-color: #161f37;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

#page-info {
	line-height: 36px;
	font-weight: bold;
}

#canvas-container {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #ccc;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	position: relative;
	overflow-x: auto;
	/* Allow horizontal scrolling if page is too wide */
}

#pdf-canvas {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	border-radius: 8px;
}

#loading-message {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5em;
	color: #007bff;
	z-index: 10;
	/* display: none !important; */
}

#pdf-controls button.ne-pr1:disabled {

	background-color: #cccccc;
	color: #666666;
}

.site-header .codeboxr-main-menu>li.sp-menisz,
.site-header.header-fixed.showed .codeboxr-main-menu>li.sp-menisz {
	padding: 37px 20px;
	padding-right: 35px;
}

.membership-details {
	background: #fff;
	padding: 25px;
	border-radius: 8px;
	border: 1px solid #e2e2e2;
}

.membership-type-box {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.membership-option {
	flex: 1;
	cursor: pointer;
}

.membership-option input {
	display: none;
}

.option-card {
	border: 2px solid #ddd;
	border-radius: 8px;
	padding: 18px;
	text-align: center;
	transition: 0.3s;
}

.membership-option input:checked+.option-card {
	border-color: #1e73be;
	background: #f4f9ff;
}

.option-card h4 {
	margin: 0;
}

.option-card span {
	display: block;
	font-weight: bold;
	margin: 6px 0;
	color: #1e73be;
}

.members-title {
	margin-bottom: 10px;
	font-size: 18px;
}

.member-card {
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 12px;
}

.member-header {
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	margin-bottom: 10px;
}

.remove-member {
	color: #d9534f;
	cursor: pointer;
	font-size: 14px;
}

.member-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.member-grid input {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.add-member-btn {
	margin-top: 0;
	background: #1e73be;
	color: #fff;
	border: none;
	padding: 10px 16px;
	border-radius: 4px;
	cursor: pointer;
	padding: 12px 25px;
	border: none;
	border-radius: 6px;
	width: auto;
	background: #128041;
	line-height: 1;
	margin-bottom: 15px;
}

.add-member-btn:disabled {
	background: #aaa;
	cursor: not-allowed;
}

.site-header .site-logo a {
	position: absolute;
	z-index: 2;
	top: 1px;
	padding-top: 0px;
	padding-bottom: 0;
}

.site-header .site-logo img {
	max-width: 160px;
}

.site-header .site-logo .logo-sticky {
	max-width: 130px;
}

.site-header.header-fixed.showed .site-logo a {
	padding: 0 0;
	top: 0px;
}

@media (max-width: 768px) {
	#pdf-controls {
		gap: 8px;
		padding: 5px;
	}

	#pdf-controls button {
		padding: 6px 10px;
		font-size: 0.9em;
	}
}

@media screen and (max-width: 990px) {
	.site-header .site-logo a {
		position: relative;
		height: 60px;
	}

	.site-header .site-logo img {
		max-width: 100px;
	}

	.site-header .site-logo .logo-sticky {
		max-width: 80px;
	}

	.kia18 {
		width: 55%;
	}
	
	.site-header .mobile-offcanvas-logo img {
        max-width: 100px;
    }
	
}

@media screen and (max-width: 768px) {

	.kia17 {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.kia19 {
		padding-bottom: 39px;
		padding-top: 50px;
	}

	#footer-area .footer-widget .col-lg-2 .single-widget-wrap {
		margin-bottom: 30px;
	}

	#footer-area .footer-widget .col-lg-4.col-sm-6:last-child .single-widget-wrap {
		margin-bottom: 0;
	}

	#slider-area .single-slide-wrap .slider-content h2 {
		font-size: 23px;
		margin-bottom: 7px;
		line-height: 26px;
	}

	#slider-area .single-slide-wrap .slider-content p {
		font-size: 16px;
		line-height: 20px;
	}

	#slider-area .single-slide-wrap {
		height: 300px;
	}

	.btn-brand,
	.btn-brand-rev {
		padding: 8px 10px 6px;
		font-size: 14px;
	}

	#slider-area .owl-dots {
		bottom: 0;
	}

	#slider-area .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
	}

	#slider-area .single-slide-wrap .slider-content .slider-btn {
		margin-top: 20px;
	}

	.kia5 h2 {
		font-size: 26px;
		line-height: 1.2;
	}

	#about-area .about-area-wrapper .about-content-wrap .section-title {
		margin-bottom: 15px;
	}

	.section-title h2 {

		font-size: 26px;
	}

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

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

	.kia7 .row.text-center {
		text-align: left !important;
	}

	#funfact-area .single-funfact-wrap {
		margin-left: 25px;
	}

	#footer-area .footer-widget .single-widget-wrap .widget-title {
		margin-bottom: 20px;
	}

	#footer-area .footer-widget .single-widget-wrap .footer-list li a {
		font-size: 16px;
	}

	#footer-area .footer-bottom .footer-bottom-text p {
		font-size: 16px;
	}

	.newsn11 marquee p span {
		font-size: 16px;
	}

	#page-title-area {
		padding: 40pt 0;
	}

	#page-title-area .page-title-content h1 {
		line-height: 1;
		margin-bottom: 10px;
		font-size: 25px;
	}

	.kia21 h2 {
		font-size: 26px;
	}

	.kiam1 {
		margin: 0;
	}

	.single-event-page-content.kia27 .single-event-details h2 {
		margin-top: 30px;
		margin-bottom: 15px;
	}

	.single-event-page-content .single-event-details p {
		line-height: 26px;
	}

	.single-event-page-content.kia27 .single-event-details .event-schedul h3 {
		margin-bottom: 30px;
		margin-top: 35px;
		font-size: 20px;
	}

	.cbx-acacordion .accordion-button {
		font-size: 16px;
		line-height: 21px;

	}

	.single-event-page-content .single-event-details .accordion-collapse p {
		line-height: 26px;
		margin-bottom: 30px;
		margin-bottom: 0 !important;
	}

	.gallery-gird.kia25 .col-lg-3:nth-child(2) .single-gallery-item,
	.gallery-gird.kia25 .col-lg-3:nth-child(3) .single-gallery-item,
	.gallery-gird.kia25 .col-lg-3:nth-child(4) .single-gallery-item {
		margin-top: 15px;
	}

	.kiam2 {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.kiam2 .contact-wrapper {
		width: 100%;
		display: block;
	}

	.contact-content-inner .contact-form-wrap {
		padding: 3pc 15px;
	}

	.canvas-header {
		margin-bottom: 10px;
	}

	.kiaa2 {
		width: 100%;
	}

	.sp-pass-hi {
		padding: 15px;
		padding-top: 0;
		padding-bottom: 0;
	}

	#password-container {
		padding: 20px;
	}

	.ne-pr {
		display: none;
	}

	#pdf-controls {
		justify-content: space-between;
	}

	#pdf-viewer-container {
		padding: 0px;
	}

	.ne-pr1 {
		min-width: 75px;
	}

	#footer-area .footer-widget {
		padding-left: 10px;
		padding-right: 10px;
	}

	#pdf-password {
		height: 45px;
	}
}