html, body {
	height: 100%;
	background: #316531 !important;
	-webkit-touch-callout: none; /* no long-press copy on mobile */
}
::selection {
	color: #fff;
	background-color: #316531;
}
::-moz-selection {
	color: #fff;
	background-color: #316531;
}

/* Block text selection and copying */
* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Optional – make images non-draggable */
img {
	-webkit-user-drag: none !important;
	user-drag: none !important
}

.login_form_content {
	position: relative;
	width: 100%;
	min-height: 300px;
}
/* Prevent tab content from taking full height in modals */
.login_form_content .tab-content {
	height: auto !important;
	min-height: auto !important;
	overflow-y: visible;
}

.login_form_content .tab-pane {
	height: auto !important;
}

@keyframes zoomIn {
	from {
		transform: scale(0.8);
	opacity: 0;
	}
	to {
		transform: scale(1);
	opacity: 1;
	}
}

@keyframes zoomOut {
	from {
		transform: scale(1);
	opacity: 1;
	}
	to {
		transform: scale(0.8);
	opacity: 0;
	}
}

section.body_home {
	position: relative;
	width: 100%;
	height: auto;
}
section.body_home .container-fluid {
	padding-top: 0px;
	margin-top: 10px;
}
.navbar-light {
	background: #316531;
	/*background: transparent !important; 
	border-bottom: thin red solid;*/
}

.navbar-light .nav-item > .nav-link {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 600;
}
 
.tab-toggle {
	cursor: pointer;
	user-select: none;
	transition: transform .08s ease, box-shadow .08s ease;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	padding-bottom: 1rem;
	background-color: #fff;
	text-align: center;
	height: 76vh;
	font-size: 54px;
	text-transform: uppercase;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.tab-toggle:hover {
	/*transform: translateY(-2px);*/
	background-color: #f8f9fa;
}
.tab-toggle.active {
	box-shadow: 0 6px 18px rgba(0,0,0,.12);
	transform: translateY(-4px);
	border: 2px solid var(--bs-primary);
}
.tab-pane {
	display: none;
	border: 0px solid #dee2e6;
	border-radius: .25rem;
	padding: 1rem;
	background-color: #fff;
	text-align: center;
	height: 76vh; 
	transform: scale(1);
	transition: all 0.3s ease
}
#tabsList {
	text-align: center;
	height:76vh;
} 

.tab-pane.show.active {
	display: block;
	animation: zoomIn 0.2s ease forwards; 
	opacity: 1;
	transform: scale(1); 
}

.tab-pane.showing-in {
	display: block;
	animation: zoomIn 0.4s ease forwards;
}

.tab-pane.showing-out {
	display: block; /* keep visible while animating */
	animation: zoomOut 0.4s ease forwards;
}
 
.main-content-tabs #global-consults {
	border: 0;
	overflow-y: auto;
	position: relative;
	background: url('../img/background-image/global-consults-img-lg.png') no-repeat center center;
	background-size: cover; 
}
 
.main-content-tabs .tabs1 {
	border: 0px solid;
	overflow: hidden;
	position: relative;
	background: url('../img/background-image/global-consults-img-lg.png') no-repeat center center;
	background-size: 280%;
	transition: background-size 0.5s ease;
}

/* Zoom-out effect on hover */ 
.main-content-tabs .tabs1:hover {
	background-size: 310%; /* zoom in */
	border: 4px solid #fff;
}
 
.main-content-tabs .tabs1 strong {
	position: relative;
	z-index: 2;
	line-height: 58px;
	color: #fff;
	font-style: italic;
	font-weight: 900;
	text-shadow: 1px 2px 2px #000;
	transition: all 0.3s linear;
}
.main-content-tabs .tabs1:hover strong {
	margin-bottom: 20px;
}

.course_category_listheading {
	position: relative;
	padding-left: 20px;
	font-weight: 800;
	color: #9bce31;
	display: block;
	padding-bottom: 20px;
	border-bottom: 2px solid #9bce31;
}

.coun_table_courses {
	position: absolute;
	display: block;
	min-width: 80px;
	max-width: 120px;
	height: 30px;
	background: #5bb367;
	bottom: 10px;
	right: 0px;
	text-align: center;
	color: #fff !important;
	padding: 0px 10px;
	line-height: 30px;
}
.glasses_background {
	background: rgba(255, 255, 255, 0.15); /* transparent white */
	backdrop-filter: blur(12px) saturate(150%);
	-webkit-backdrop-filter: blur(12px) saturate(150%);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 1rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	padding: 20px;
	text-shadow: none !important;
	color: #fff; 
	text-align: left;
}
.form_apply_all {
	position: sticky;
	top: 100px; /* adjust depending on your navbar height */
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	border-radius: 10px;
	padding: 20px;
}

.card-related-courses {
	position: sticky;
	top: 80px;          /* distance from top (adjust for navbar) */
	z-index: 100;
}
.card-related-courses .card-header {
	font-size: 28px;
	color: #005500;
	background: #d5ffd5;
}

.apply_forthis_course {
	position: relative;
	width: 100%;
	min-height: 140px;
	background: #f3f3f3;
	text-align: center;
	margin-bottom: 30px;
	padding: 10px;
}
.apply_forthis_course button { 
	padding: 0px 20px;
	line-height: 48px;
	color: #000;
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	background: #9ccf32;
	border: 0px;
	-webkit-transition: all 0.2s linear;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.apply_forthis_course button:hover,
.apply_forthis_course button:active,
.apply_forthis_course button:visited {
	background: #005500;
	color: #fff !important;
}
.card-related-courses ul li.list-group-item a {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.card-related-courses ul li.list-group-item a:hover {
	color: #9ccf32 !important;
}
.img_course_list {
	position: relative;
	width: 100%;
	height: 230px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 2px solid #f3f3f3;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.img_course_list img {
	position: relative;
	width: 100%;
	height: 230px;
	display: block;
	object-fit: cover;
	object-position: center;
}
@supports(object-fit: cover){
	.img_course_list img { 
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
	}
}


.profile_icons .mb-1  {
	display: inline-block;
	background: #55aa7f;
	color: #fff !important;
}
.card:hover {
	transform: translateY(-3px);
	transition: 0.3s ease;
}

.badge {
	text-decoration: none;
}

/* =========================
COURSE LIST WRAPPER
========================= */
.course-list {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

/* Vertical timeline line */
.course-list::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(
	to bottom,
	#387238,
	rgba(56, 114, 56, 0.1)
	);
}

/* =========================
COURSE ITEM
========================= */
.course-item {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	box-shadow: 0 8px 25px rgba(0,0,0,0.05);
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.course-item:hover {
	box-shadow: 0 14px 35px rgba(56,114,56,0.18);
	transform: translateX(5px);
}

/* =========================
TOP ROW
========================= */
.course-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 20px;
}

/* =========================
LEFT CONTENT
========================= */
.course-left {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.course-dot {
	width: 12px;
	height: 12px;
	background: #387238;
	border-radius: 50%;
	margin-top: 6px;
	margin-left: 30px;
	flex-shrink: 0;
	box-shadow: 0 0 0 5px rgba(56,114,56,0.2);
}

.course-content h4 {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 600;
	color: #212529;
}

.course-content span {
	font-size: 0.85rem;
	color: #6c757d;
}

/* =========================
MODULE COUNT (MIDDLE)
========================= */
.course-count {
	text-align: center;
	min-width: 80px;
	padding: 8px 10px;
	border-radius: 14px;
	background: linear-gradient(
	135deg,
	#387238,
	#4f8a4f
	);
	color: #fff;
	box-shadow: 0 8px 20px rgba(56,114,56,0.35);
}

.course-count span {
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
}

.course-count small {
	font-size: 0.65rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: 0.85;
}

/* =========================
RIGHT ACTIONS
========================= */
.course-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

/* View Button */
.view-btn {
	padding: 6px 14px;
	font-size: 0.75rem;
	border-radius: 20px;
	border: 1px solid #387238;
	background: transparent;
	color: #387238;
	cursor: pointer;
	transition: all 0.3s ease;
}

.view-btn:hover {
	background: #387238;
	color: #fff;
}

/* Download Button */
.download-btn {
	padding: 6px 14px;
	font-size: 0.75rem;
	border-radius: 20px;
	background: #1f3b1f;
	color: #fff;
	text-decoration: none;
	transition: background 0.3s ease;
}

.download-btn:hover {
	background: #387238;
	color: #fff;
}

/* =========================
MODULE DROPDOWN (BOTTOM)
========================= */
.module-dropdown {
	width: 100%;
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;
	background: #fff;
	transition: max-height 0.4s ease, padding 0.3s ease;
}

.course-item.active .module-dropdown {
	max-height: 600px;
	padding: 16px 20px 20px;
	border-top: 1px dashed rgba(56,114,56,0.4);
}

/* Module list */
.module-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-dropdown li {
	padding: 10px 14px;
	margin-bottom: 8px;
	border-radius: 10px;
	background: #f3f8f3;
	font-size: 0.85rem;
	color: #212529;
	border-left: 4px solid #387238;
	transition: background 0.3s ease;
}
.module-dropdown li a {
	float: right;
	margin-top: -5px;
}
.module-dropdown li:hover {
	background: #e4f0e4;
}

.module-dropdown li:last-child {
	margin-bottom: 0;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width: 768px) {
	.course-main {
		flex-wrap: wrap;
		gap: 12px;
	}

	.course-count {
		order: 3;
	}

	.course-actions {
		order: 4;
		width: 100%;
		justify-content: flex-end;
	}
}


.card-empty-page {
	position: relative;
	width: 100%;
	min-height: 250px;
	padding: 30px;
	text-align: center;
}

.card-empty-page .empty-inner {
	position: relative;
	width:300px;
	max-width: 100%;
	min-height: 150px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}
.card-empty-page .empty-inner i {
	display: inline-block; 
	font-size: 45px;
}

/* 2) The overlay: full cover, behind content, and NON-interactive 
.main-content-tabs #global-consults::after,
.main-content-tabs .tabs1::after {
	content: "";
	position: absolute;
	inset: 0;                   
	background: rgba(164, 206, 68, 0.8);
	z-index: 0;               
	pointer-events: none;      
}
*/
/* 3) Ensure all children render above the overlay */
.main-content-tabs #global-consults > *,
.main-content-tabs .tabs1 > * {
	position: relative;
	z-index: 1;
}

.picture_gallery {
	position: relative;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
}
.picture_gallery a {
	display: block;
	width: 100%;
	height: 256px;
	position: relative;
	background: #000;
	overflow: hidden;
}
.picture_gallery a span {
	display: block;
	position: absolute;
	z-index: 8;
	width: 100%; 
	height: 1px; 
	transition: all 0.2s ease-in-out;
	border: thin dotted gold;
}
.picture_gallery a span:nth-child(1) {
	top: -40px;
}
.picture_gallery a span:nth-child(2) {
	bottom: -40px;
}
.picture_gallery a span:nth-child(3) {
	top: 50%;
	left: -40px; 
	width: 1px;
	height: 100%;
	transform: translate(-50%, -50%);
}
.picture_gallery a span:nth-child(4) {
	top: 50%;
	right: -40px;
	width: 1px;
	height: 100%;
	transform: translate(-50%, -50%);
}
.picture_gallery a:hover span:nth-child(1){
	top: 5%;
}
.picture_gallery a:hover span:nth-child(4){
	right: 5%;
}
.picture_gallery a:hover span:nth-child(2){
	bottom: 5%;
}
.picture_gallery a:hover span:nth-child(3){
	left: 5%;
}
.picture_gallery a img{
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s ease-in-out;
}
@supports(object-fit: cover){
	.picture_gallery a img{
		display: block;
		width: 100%;
		height: 256px;
		object-fit: cover;
		object-position: center;
		transition: all 0.2s ease-in-out;
	}
}
.picture_gallery a img:hover {
	transform: scale(1.1);
	opacity: 0.5;
}
/*Tabs 2 section */ 

.main-content-tabs #travels-and-tours {
	border: 0;
	overflow-y: auto;
	position: relative;
	background: url('../img/background-image/travel-tour-img-lg.png') no-repeat center center;
	background-size: cover;
}

.main-content-tabs .tabs2 {
	border: 0px solid;
	overflow: hidden;
	position: relative;
	background: url('../img/background-image/travel-tour-img-lg.png') no-repeat center center;
	background-size: 280%;
	transition: background-size 0.5s ease;
}

/* Zoom-out effect on hover */
.main-content-tabs .tabs2:hover {
	background-size: 310%; /* zoom in */
	border: 4px solid #fff;
}

.main-content-tabs .tabs2 strong {
	position: relative;
	z-index: 2;
	line-height: 58px;
	color: #fff;
	font-style: italic;
	font-weight: 900;
	text-shadow: 1px 2px 2px #000;
	transition: all 0.3s linear;
}
.main-content-tabs .tabs2:hover strong {
	margin-bottom: 20px;
}
 


/*Tabs 2 section */

.main-content-tabs #projects {
	border: 0;
	overflow-y: auto;
	position: relative;
	background: url('../img/background-image/project-img-lg.png') no-repeat center center;
	background-size: cover;
}

.main-content-tabs .tabs3 {
	border: 0px solid;
	overflow: hidden;
	position: relative;
	background: url('../img/background-image/project-img-lg.png') no-repeat center center;
	background-size: 280%;
	transition: background-size 0.5s ease;
}

/* Zoom-out effect on hover */
.main-content-tabs .tabs3:hover {
	background-size: 310%; /* zoom in */
	border: 4px solid #fff;
}

.main-content-tabs .tabs3 strong {
	position: relative;
	z-index: 2;
	line-height: 58px;
	color: #fff;
	font-style: italic;
	font-weight: 900;
	text-shadow: 1px 2px 2px #000;
	transition: all 0.3s linear;
}
.main-content-tabs .tabs3:hover strong {
	margin-bottom: 20px;
}



/* Ensure the parent is positioned so ::after works correctly */
.main-content-tabs #projects,
.main-content-tabs .tabs3 {
	position: relative;
}


/*Tabs 4 section */

.main-content-tabs #creations {
	border: 0;
	overflow-y: auto;
	position: relative;
	background: url('../img/background-image/creation-img-lg.png') no-repeat center center;
	background-size: cover;
}

.main-content-tabs .tabs4 {
	border: 0px solid;
	overflow: hidden;
	position: relative;
	background: url('../img/background-image/creation-img-lg.png') no-repeat center center;
	background-size: 280%;
	transition: background-size 0.5s ease;
}

/* Zoom-out effect on hover */
.main-content-tabs .tabs4:hover {
	background-size: 310%; /* zoom in */
	border: 4px solid #fff;
}

.main-content-tabs .tabs4 strong {
	position: relative;
	z-index: 2;
	line-height: 58px;
	color: #fff;
	font-style: italic;
	font-weight: 900;
	text-shadow: 1px 2px 2px #000;
	transition: all 0.3s linear;
}
.main-content-tabs .tabs4:hover strong {
	margin-bottom: 20px;
}
 
/* Ensure the parent is positioned so ::after works correctly */
.main-content-tabs #creations,
.main-content-tabs .tabs4 {
	position: relative;
}

.main-content-tabs .content-body .btn .ion-chevron-left {
	font-size: 45px;
	margin-left: -50px;
}

.content-body {
	position: relative;
	z-index: 5;
}

.top_banner_links {
	position: relative;
	width: 100%;
	min-height: 20px;
	background: #3f7e3f;  
	color: #fff;
	padding: 0px;
	text-align: center;
	line-height: 35px;
	margin-bottom: -0px;
}

.top_banner_links a {
	color: #fff !important;
	font-weight: 800;
}
 
.social_media {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}
.social_media a {
	display: inline-block;
	margin-right: 8px;
}

.social_media a img {
	width: 25px;
	opacity: 0.5;
}

.social_media a:hover img { 
	opacity: 1;
}

.backBtn {
	position: absolute;
	left: 0px;
	font-size: 45px;
	font-weight: 800;
	color: #ffff;
	border: 0px;
	z-index: 99; 
	text-shadow: 1px 1px 2px #000;
	background: transparent !important;
}

.panel_content {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
}
.panel_content h1 {
	position: relative;
	display: block;
	text-align: center;
	font-weight: 900;
	color: #ffff;
	font-size: 55px; 
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;
}
.panel_content h4 {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 80%;
}

.panel_content .content_p {
	background: #fff;
	padding: 10px;
	margin: 0 auto;
	margin-top: 20px;
	color: #000;
	display: block;
	width: 80%;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.icons-tabs {
	position: relative;
	width: 55px;
	height: 55px;
	margin-bottom: -7px;
	display: inline-block;
	border: 4px solid #fff;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	background: #fff;
	overflow: hidden;
	padding: 3px;
}
.icons-tabs img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.block_lists {
	flex: 1;
	position: relative;
	width: 100%;
	min-height: 280px;
	margin-top: 20px;
	background: #7ea522;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border: thin solid #fff;
	transition: all 0.2s linear;
}

.property_banner {
	margin-top: 30px !important;
}

.block_lists:hover {
	background: #f3f3f3;
	border: 2px solid #fff;
}

.block_lists:hover h4 {
	background: #7ea522; 
	color: #fff;
}

.block_lists h4 {
	font-weight: 800;
	text-transform: uppercase;
	display: block;
	padding: 10px;
	background: #f3f3f3;
	color: #7ea522;
}
.block_lists p {
	display: block;
	padding: 10px;
	color: #fff;
}

.block_lists:hover p { 
	color: #000;
}
.block_lists a:last-child { 
	display: inline-block;	
	line-height: 45px;
	background: #fff;
	position: static;
	color: #174723;
	padding: 0px 35px;
	margin-bottom: 20px;
	text-decoration: none;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	font-weight: 600;
	text-transform: uppercase;
}
.block_lists:hover a {  
	background: #174723; 
	color: #fff;
}

.slider_consults {
	position: relative;
	width: 100%;
	min-height: 320px; 
	margin-top: 30px;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
 
.slider_consults .item { 
	position: relative;
	width: 100%; 
	height: auto;
	overflow: hidden;
	border: thin solid #174723;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.slider_consults .image_slid {
	border: 0px;
	overflow: hidden;
	background: #30651F !important;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.slider_consults .image_slid img {
	display: block;
	width: 100%; 
	transition: all 0.3s linear;
}
.card_course_main:hover .image_slid img {
	opacity: 0.5;
	transform: scale(1.1);
}
.slider_consults .image_slid {
	position: relative;
	width: 100%;
	height: 220px; 
	overflow: hidden; 
}

.courses_cat_pg .content {
	position: relative;  
}
.courses_cat_pg .content h4 {
	font-weight: 600;
	text-align: center;
	display: inline-block;
	padding: 10px;
}
.courses_cat_pg .content a {
	font-weight: 600;
	text-align: center;
	display: inline-block;
	padding: 10px;
}
 
@supports(object-fit: cover){
	.slider_consults .image_slid img{
		width: 100%;
		height: 220px; 
		object-fit: cover;
		object-position: center;
	}
}
 
.slider_consults .item .content h4 {
	font-weight: 700;
	text-transform: uppercase; 
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.slider_consults .item .content a {
	font-size: 10px;
	background: #fff;
	color: #000 !important;
	text-align: center;
	display: block;
	line-height: 16px;
}
.text_larged {
	background: #fff;
	min-height: 80px;
	padding: 20px;
	margin-top: 30px;
	color: #174723;
	width: 80%;
	margin: 0 auto; 
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.travellers_enjoy .card {
	margin-bottom: 21px;
}

.icon_tour_img img {
	pointer-events: none;
}

.search_form_tabs {
	position: relative;
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #145622;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.search_form_tabs button {
	width: 40px;
	height: 40px;
	border: 0px;
	background: #145622;
	position: relative;
	z-index: 99;
	color: #fff;
	font-size: 28px;
	right: 2px;
	top: 2px; 
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
 
.search_form_tabs input {
	border: 0px;
}
/* Remove focus shadow for all inputs */
.form-control:focus {
	box-shadow: none !important;
	outline: none !important;
}
.banner_tours {
	position: relative;
	width: 80%; 
	height: auto;
	margin: 0 auto;
	margin-top: 190px;
	overflow: hidden; 
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}


.banner_tours img {
	display: block;
	width: 100%;
}
 
.block_tourism_md {
	width: 100%;
	min-height: 280px;
	background: #fff;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
	border: 3px solid rgba(255,255,255,0.1);
	transition: all 0.3s linear;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.block_tourism_md:hover {
	border: 3px solid rgba(255,255,255,1);
}
.block_tourism_md h4 {
	font-weight: 800;
	font-style: italic;
	color: #7ea522;
	font-size: 28px;
	line-height: 24px;
	margin-top: 8px;
}
.block_tourism_md small {
	line-height: 14px;
	display: block;
	padding: 15px;
}
.block_tourism_md .header_img {
	position: relative;
	width: 100%;
	height: 170px;
	overflow: hidden;
}

.block_tourism_md .header_img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s linear;
}

@supports(object-fit: cover){
	.block_tourism_md .header_img img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.2s linear;
	}
}

.block_tourism_md:hover .header_img img {
	transform: scale(1.1);
}
.country_names_tour {
	position: absolute;
	width: 50px; 
	display: block;
	right:10px;
	overflow: hidden;
	z-index:78; 
	height: auto; 
	top: 10px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.country_names_tour p { 
	line-height: 30px;
	font-weight: 700; 
	color: #fff;
	text-transform: capitalize;
}
.country_names_tour p span {
	display: inline-block;
	width: 50px;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin-right: 10px;

	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.country_names_tour p span img {
	display: block;
	width: 100%;
	position: relative;
	object-fit: cover;
	object-position: center;
}
.img-flex {
	width: 10%;   /* reduce to half width */
	max-width: 40px; /* optional limit */
	height: auto; /* keep proportions */
	margin-right: 8px;
	margin-left: 6px;
}
.construction_blocks {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #d67703;
	margin-top: 30px;
	padding: 20px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
 
.const_block_list {
	position: relative;
	width: 100%;
	height: 100px;
	background: #fff;
	font-size: 18px;
	color: #888;
	text-align: left;
	clear: both;
	padding: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.const_block_list span {
	float: left;
	display: block;
	width: 120px;
	height: 120px;
	padding: 20px;
	border: 3px solid #fff;
	background: #fc830b;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	margin-left: -40px;
	margin-top: -20px;
	transition: all 0.2s linear;
}
.const_block_list:hover span {
	transform: scale(1.1);
}
.const_block_list span img {
	display: block;
	width: 100%;
}
.const_block_list p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.block_property_list {
	position: relative;
	width: 100%;
	height: auto;
	border: 3px solid #fff;
	margin-top: 20px;
	background: #fc830b;
	overflow: hidden;
	color: #fff; 
	cursor: pointer;
	text-align: center;
	border: 2px solid transparent;
	transition: all 0.2s linear;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.block_property_list h3 {
	font-weight: bolder;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #fff;
}
/* Hover or Active */
.block_property_list:hover,
.block_property_list.active {
	background: #f3f3f3;
	border: 2px solid #fc830b;
	transform: scale(1.05);
}
.block_property_list:hover h3,
.block_property_list.active h3 {
	color: #fc830b;
}
.block_property_list p { 
	padding: 10px 30px;
}
.block_property_list:hover p,
.block_property_list.active p {
	color: #888;
	padding: 10px 30px;
}
.icon_images {
	position: relative;
	width: 85px;
	height: 85px;
	background: #2b3b1d;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
	padding: 8px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.icon_images img {
	display: block;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
.login_btn {
	border: 0px;
	color: #fff !important;
	font-size: 20px;
}
.login_btn img {
	display: inline-block;
	width: 40px;
}
.login_btn:hover,
.login_btn:focus {
	border: 0px !important;
	background: transparent;
	-webkit-box-shadow: none !important;
}

blockquote {
	display: block;
	width: 90%;
	margin: 0 auto;
	border-left: 4px solid #598f2d;
	background: #fff;
	padding: 20px;
	color: #888;
	margin-top: 30px;
	font-style: italic;
	font-weight: 700;
	text-align: left;
}

.mission_blokcs {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.mission_blokcs h3 {
	font-weight: 800;
}
.mission_blokcs img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
}

.icons_mission {
	position: relative;
	width: 120px;
	height: 120px;
	padding: 10px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #1b3b7b;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.card_creations {
	position: relative;
	width: 100%;
	min-height: 200px;
	background: #fff;
	margin-bottom: 20px;
	cursor: pointer;
}

.card_creations:hover img {
	transform: scale(1.1);
	opacity: 0.8;
}
.card_creations::after {
	position: absolute;
	z-index: 9;
	display: block;
	content: '';
	width: 0%;
	height: 5px;
	bottom: 0px;
	background: #a4ce44;
	transition: all 0.3s ease;
}
.card_creations:hover::after {
	width: 100%;q
}

.card_creations strong {
	color: #a4ce44;
}
.login_pg_main {
	position: relative;
	width: 100%;
	min-height: 300px;
	padding: 50px 20px;
	background: #2A7B9B;
	background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

.login_admin  {
	position: relative;
	width: 100%;
	height: 460px; 
	margin-top: 50px;
	margin-bottom: 50px;
	background: rgba(255,255,255,0.5);
	padding: 20px;
	text-align: center;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.login_admin h2 {
	font-weight: 700;
	display: block;
	margin-bottom: 12px;
}
.login_admin .input-group  {
	width: 100%;
	background: #fff;
	padding: 8px;
	margin-bottom: 12px;
}

.login_admin .input-group .fa {
	width: 38px;
	height: 38px;
	position: relative;
	z-index: 9;
	border: 2px solid #000;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	line-height: 36px;
	font-size: 23px;
}
.login_admin .input-group input {
	border: 0px !important;
}

.login_admin button {
	display: block;
	width: 100%;
	font-size: 28px;
	border-radius: 0px;
}

.icon_users_log {
	position: relative;
	width: 100px;
	height: 100px; 
	border: 3px solid #000;
	font-size: 64px;
	line-height: 90px;
	color: #000;
	margin: 0 auto;
	margin-bottom: 20px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.global_consults_crumbed {
	position: relative;
	padding-top: 50px;
	width: 100%;
	min-height: 260px;
	background: #333 url('../img/background-image/consult-img.webp') no-repeat center 100%;
	background-size: cover;
}
.global_consults_crumbed::after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	/*background: #316531;
	background: linear-gradient(360deg, rgba(49, 101, 49, 1) 0%, rgba(87, 199, 133, 0) 100%);*/
	background: #CCCCCC;
	background: linear-gradient(360deg, rgba(204, 204, 204, 1) 0%, rgba(204, 204, 204, 0) 100%);
}

.menu_crumbed {
	position: relative;  
	width: 800px;
	max-width: 100%;
	min-height: 260;    
	color: #fff;
	margin: 0 auto;
	text-align: center;  
	padding: 40px 0px;
	z-index: 2;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
}
.menu_crumbed a {
	display: inline-block;
	font-size: 22px;
	font-weight: 800;
	line-height: 50px;
	color: #a7da3b;
	text-decoration: none;
	
}
 
.middle_content_all {
	position: relative;
	width: 100%;
	min-height: 50vh;
	background: #fff;
	padding: 40px 0px;
}

.block_multiple {
	position: relative;
	width: 100%;
	min-height: 100px;
	margin-top: 20px; 
}
.block_courses_pg {
	position: relative;
	width: 100%;
	min-height: 100px;
	background: #fff;
	border: 1px solid #d1d2e0;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.block_courses_pg a {
	text-decoration: none;
}
.block_courses_pg p { 
	display: table;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%; 
	color: #000 !important;
	transform: translate(-50%, -50%);
	padding: 15px;
	transition: all 0.2s linear;
}

.block_courses_pg:hover {
	color: #8cc53f !important; 
}
.block_courses_pg:hover p {
	color: #8cc53f !important; 
}

.bold_texts {
	font-weight: 800;
	text-transform: capitalize;
}

@media(max-width: 768px){
		
	.bold_texts {
		font-size: 100% !important;
	}
}

.block_center_pg {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-height: 300px;
	border: 1px solid #ccc;
	margin-top: 20px;
}
.image_center {
	position: relative;
	width: 100%;
	height: 160px;
	background: #ccc;
	overflow: hidden;
}

.image_center img {
	display: block;
	width: 100%;
	height: 160px;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s linear;
}

.block_center_pg:hover .image_center img {
	transform: scale(1.1);
	opacity: 0.7;
}

.block_center_pg span {
	font-size: 28px;
	color: #c3c3c3 !important;
}

.content_center h3 {
	font-weight: 700;
	font-size: 22px;
	color: #000 !important;
}
.content_center span {
	 
	font-size: 22px !important; 
}
.content_center { 
	padding: 10px;
}
.content_center small {
	color: #666;
}

.star::before {
	color: #ffc700;
}
.star::after {
	color: #dddad7;
}

.star::before,
.star::after {
	font-size: 1.5rem;
	letter-spacing: -1px;
	bottom: -10px;
	text-shadow: 0 1px 2px rgba(100, 100, 100, 0.1);
}
.star[data-rating="1"]::before,
.star[data-rating="4"]::after {
	content: "★";
}
.star[data-rating="2"]::before,
.star[data-rating="3"]::after {
	content: "★★";
}
.star[data-rating="3"]::before,
.star[data-rating="2"]::after {
	content: "★★★";
}
.star[data-rating="4"]::before,
.star[data-rating="1"]::after {
	content: "★★★★";
}
.star[data-rating="5"]::before,
.star[data-rating="0"]::after {
	content: "★★★★★";
}


#slider_multiples .prev,
#slider_multiples .next {
	position: absolute;
	border: 1px solid #888;
	top: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height:35px;
	font-size: 26px;
	opacity: 0.2;
	transform: translate(-50%, -50%);
	background: #fff;
	transition: all 0.3s linear;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
} 
#slider_multiples .next {
	right: -40px;
}
#slider_multiples .prev:hover,
#slider_multiples .next:hover { 
	opacity: 1;
}
.search_form {
	position: relative;
	width: 800px;
	height: auto;
	max-width: 100% !important;
	margin: 0 auto;
	bottom: 10px;
	left: 0px;
	right: 0px;
	margin-top: 30px;
	z-index: 3;
	padding: 20px;
}
.search_form .list-group { 
	position: absolute; 
	width: 900px;
	max-width: 95%;
	min-height: 50px;
	max-height: 400px;
	overflow-y: auto;
}
.search_form .input-group {
	background: #fff;
	overflow: hidden; 
	border: 3px solid green;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.search_form .input-group-addon,
.search_form .form-control {
	border: 0px;
}

.search_form .input-group button {
	position: relative;
	border: 0px;
	width: 38px;
	height: 38px;
	z-index: 6;
	top: 3px;
	right: 5px;
	background: #a7da3b; 
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

@media(max-width: 768px ){ 
	.search_form { 
		max-width: 100% !important; 
	}
	 
}
 
#welcome_review {
	position: sticky;
	width: 600px;
	max-width: 100%;
	min-height: 340px;
	padding: 40px;
	background: #f3f3f3;
	display: none;
	margin: 0 auto;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

#welcome_review i {
	font-size: 55px;
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	color: #5bb367;
	border: 2px solid #5bb367;
	margin-bottom: 20px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

#welcome_review a {
	display: inline-block;
	padding: 0px 16px;
	background: gold;
	line-height: 50px;
	text-decoration: none;
	font-size: 22px;
	color: #000;
	font-weight: 700;
	margin-top: 50px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
#welcome_review h2 {
	font-weight: 800;
	margin-bottom: 20px;
	color: #5bb367;
}

.trainin_courses_header {
	position: relative;
	width: 100%;
	min-height: 200px;
	background: #f6f7f9;
	padding: 30px 0px;
	border-bottom: thin solid #c3c3c3;
}

.trainin_courses_header h2 {
	font-weight: 700;
	color: #a7da3b;
}
.course_img_pg {
	position: relative;
	width: 100%;
	height: 220px;
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.course_img_pg img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	object-position: center;
}

.form-control:focus,
.form-select:focus {
	-webkit-box-shadow: none;
}


@supports(object-fit: cover){
	.course_img_pg img {
		object-fit: cover;
		object-position: center;
	}
}

.menu_headers_bootm {
	position: relative; 
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 8px;
	text-align: left;
	background: #fff;
}

.menu_headers_bootm i {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.menu_headers_bootm a {
	text-decoration: none;
	color: #4b4b4b;
}

.menu_headers_bootm a:nth-of-type(3) {
	font-weight: 600;
}

.menuListCatgeory {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.menuListCatgeory ul {
	display: table;
	padding: 0px;
}

.menuListCatgeory ul li {
	list-style-type: none;
	background: #f6f7f9;
	display: block;
	
}

.menuListCatgeory ul li a {
	display: block;
	text-decoration: none;
	color: #888;
	margin-bottom: 8px;
	padding: 0px 8px;
	line-height: 28px;
	font-size: 14px;
	width: 85%;
}
.menuListCatgeory ul li i { 
	 position: relative;
	 display: inline-block;
	 float: right;
	 margin-right: 10px;
}
.menuListCatgeory ul li a:hover {
	color: #000 !important;
}

a.courslist_item {
	position: relative;
	width: 100%;
	min-height: 120px;
	background: #f6f7f9;
	margin-bottom: 21px;
	padding: 10px;
	display: block;
	color: #000;
	text-decoration: none;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border: 1px solid #f6f7f9;
}
a.courslist_item:hover h4 {
	text-decoration: underline;
	color: #75c44c;
}
a.courslist_item:hover {
	border: 1px solid #44ba65;
}
.img_cours_lists {
	position: relative;
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #747474;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.accordion-item {
	-webkit-box-shadow: none;
}
.accordion-item ul li {
	list-style-type: none;
	display: block;
}
.accordion-item ul li a {
	text-decoration: none;
}

@supports(object-fit: cover){
	.img_cours_lists img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media(max-width: 768px ){
	.menuListCatgeory ul li a { 
		width: 100%;
	}
}

.courslist_item small {
	display: inline-block;
	padding: 0px 12px;
	line-height: 22px;
	background: #e6ba34;
	-webkit-border-radius: 5em;
	-moz-border-radius:5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.courslist_item span {
	display: inline-block;
	padding: 0px 12px;
	line-height: 22px;
	background: #fff;
	-webkit-border-radius: 5em;
	-moz-border-radius:5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.course_empty {
	position: relative;
	width: 400px;
	max-width: 100%;
	min-height: 140px;
	padding: 20px;
	background: #f6f7f9;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.course_empty i {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #fff;
	font-size: 45px;
	line-height: 75px;
	-webkit-border-radius: 5em;
	-moz-border-radius:5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.text_back_course {
	color: #a2a2a2;
	font-weight: 600;
	text-decoration: none;
}
.text_back_course i {
	display: inline-block;
	margin-right: 10px;
}

.duration_prices_block {
	position: relative;
	width: 100%;
	height: auto;
}

/* Grid spacing tweak (optional) */
.flip-grid .col {
	padding: 12px;
}

/* 3D Flip Card */
.flip-card {
	perspective: 1000px;           /* enables 3D */
	height: 240px;                 /* set a steady height */
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform .7s cubic-bezier(.2,.8,.2,1);
	border-radius: 16px;
	box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

/* Trigger flip on hover or keyboard focus */
.flip-card:focus-within .flip-card-inner,
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-face {
	position: absolute;
	inset: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border-radius: 16px;
	display: grid;
	place-items: center;
	text-align: center;
	padding: 22px;
}

/* Front (brand colors you’ve used) */
.flip-front {
	background: linear-gradient(135deg, #A4D440 0%, #86c10d 100%);
	color: #103308;
	font-weight: 600;
}

/* Back */
.flip-back {
	background: #30651F;
	color: #fff;
	transform: rotateY(180deg);
}

/* Links as full-card focus target (for accessibility/tap) */
.flip-link {
	position: absolute;
	inset: 0;
	border-radius: 16px;
	outline: none;
}
.flip-link:focus {
	box-shadow: 0 0 0 4px rgba(164,212,64,.55);
}

/* Make height adapt a bit on smaller screens */
@media (max-width: 575.98px) {
	.flip-card {
		height: 220px;
	}
}

.flip-card-inner i {
	font-size: 70px;
}

.modal_Courses .modal-header {
	position: relative;
	background: #A4D440; 
}

.modal_Courses .modal-header h4 { 
	font-size: 20px;
	font-weight: 700;
}

.modal_Courses .modal-footer .btn {
	border: 0px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.form_resgistration {
	position: relative;
	width: 100%;
	padding: 40px 0px;
	background: #fff;
	min-height: 55vh;
}

.form_resgistration form {
	display: block;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	min-height: 200px;
	padding: 20px;
	background: #ddf4ee; 
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.form_resgistration .btn-primary {
	background: #75c44c !important;
	border: 0px;
}
.form_resgistration form h1 {
	font-weight: 700;
	color: #75c44c;
	position: relative;
	margin-top: -20px;
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	padding: 10px 0px;
	margin-bottom: 20px;
	border-bottom: thin solid #4d7c52;
}
.form_resgistration form label {
	display: inline-block;
	margin-bottom: 8px;
	margin-top: 8px;
}

.form_resgistration form input {
	width: 100% !important;
}


.custome_check_box label {
	display: block;
	margin: 5px 0;
	cursor: pointer;
	font-size: 1.2em;
	margin-left: 12px;
}

.custome_check_box label > input[type="checkbox"] {
	display: none;
}

.custome_check_box input[type="checkbox"] + span:before {
	content: "\f096";
	display: inline-block;
	margin-right: 5px;
	font-family: "FontAwesome";
	font-weight: normal;
	width: 1em;
}

/**--- Checked ---**/

.custome_check_box input[type="checkbox"]:checked + span:before {
	content: "\f14a";
	color: #00c853;
	animation: pop 180ms ease-in;
}

/**--- Disabled ---**/

.custome_check_box input[type="checkbox"]:disabled + span {
	color: #999;
}

.custome_check_box input[type="checkbox"]:disabled + span:before {
	content: "\f0c8";
	color: #999;
}
.box_2_checked label {
	background: #fff;
	padding: 0px 10px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
/**--- Animation ---**/
.is-invalid {
	border: 2px solid #dc3545 !important; /* red */
}
.is-valid {
	border: 2px solid #28a745 !important; /* green */
}

.next:disabled {
	background: #ccc !important;
	cursor: not-allowed;
}


@keyframes pop {
	0% {
		transform: scale(0);
	}
	90% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}

.instructor_profile {
	position: relative;
	width: 100%;
	min-height: 250px;
	background: #f3f3f3;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.header_bg {
	position: relative;
	width: 100%;
	height: 78px; 
	background: #4adea5 url('../img/instructors-img/background-image-01.svg')no-repeat center 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.header_bg img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.header_bg .prof_img {
	position: absolute;
	overflow: hidden;
	width: 70px;
	height: 70px;
	background: #838383;
	border: solid 3px #fff;
	bottom: -30px;
	left: 20px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.header_bg .prof_img img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.instructor_profile h4 {
	display: block;
	margin-top: 36px;
	padding: 0px 20px;
	font-weight: 700;
}

.instructor_profile small {
	display: block; 
	padding: 0px 20px;
}

.custome_check_box {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.custome_check_box .radio-card {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	border: 2px solid #ccc;
	border-radius: 10px;
	background: #f9f9f9;
	font-weight: 500;
	transition: all 0.3s ease;
}

.custome_check_box .radio-card input[type="radio"] {
	display: none; /* hide default radio */
}

.custome_check_box .radio-card span {
	font-size: 16px;
	color: #333;
}

/* Hover effect */
.custome_check_box .radio-card:hover {
	border-color: #5bb367;
	background: #eef4ff;
}

/* Checked style */
.custome_check_box .radio-card input[type="radio"]:checked + span {
	color: #fff;
}

.custome_check_box .radio-card input[type="radio"]:checked ~ span {
	background: #5bb367;
	color: #fff;
	padding: 2px 6px;
	border-radius: 6px;
}

.contact__us_details {
	position: relative;
	width: 100%;
	height: auto;
	padding: 40px 0px;
	background: #f2f2f2 url('../img/startup-team-meeting-business-strategy1.jpg')no-repeat center 100%; 
	background-size: cover;
	background-repeat: no-repeat;
}

.contact__us_details h1 {
	position: relative;
	font-weight: 1000;
	font-size: 53px;
	padding: 30px 40px 30px 30px;
	text-align: center;
	margin-left: -90px;
}
.contact__us_details div.col-lg-6 {
	padding: 80px;
}
 

.contact-midle-block {
	width: 400px;
	max-width: 100%;
	min-height: 400px;
	padding: 30px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
} 

.contact__us_details h1 {
	color: #fff;
	margin-left:  -20px !important;
	text-shadow: 2px 1px 4px #5bb367;
}
.contact-midle-block  p {
	margin-top: 40px;
}
.contact-midle-block  a {
	display: block;
	line-height: 45px;
	font-size: 18px;
	text-align: center;
	padding: 0px 16px 0px 16px;
	background: #8AC721;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	margin-top: 40px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.contact-midle-block .icon_help {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 50px;
	background: #f1f1f1;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	margin-bottom: 21px;
}

.office__around {
	position: relative;
	width: 100%;
	min-height: 200px;
	background: #fff;
	padding: 40px 0px;
}

.office__around h1 {
	font-weight: 900; 
	color: #5bb367;
}
.contact__detailed {
	position: relative;
	width: 100%;
	min-height: 100px;
	border: #d6d6d6 solid 1px;
	padding: 20px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	margin-bottom: 34px;
}
.contact__detailed h4 {
	font-weight: 800;
}
.contact__detailed i {
	font-size: 34px;
	display: inline-block;
	width: 40px;

}

/* Dropdown animation */
.dropdown-menu {
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.25s ease-in-out;
	border-radius: 12px !important;
	padding: 0.5rem 0;
}

/* Show dropdown smoothly */
.dropdown-menu.show {
	opacity: 1;
	transform: translateY(0);
}

/* Dropdown items style */
.dropdown-item {
	padding: 0.7rem 1.2rem;
	font-weight: 500;
	color: #333;
	transition: all 0.2s ease-in-out;
	border-radius: 6px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Hover effect */
.dropdown-item:hover {
	background: #5bb367;
	color: #fff;
	transform: translateX(4px);
}

/* Active/focus states */
.dropdown-item:active,
.dropdown-item:focus {
	background: #5bb367;
	color: #fff;
}

/* Dropdown toggle styling */
.nav-link.dropdown-toggle {
	font-weight: 600;
	position: relative;
	transition: color 0.2s ease;
}

/* Add underline effect on hover */
.nav-link.dropdown-toggle::after {
	margin-left: 6px;
}

.nav-link.dropdown-toggle:hover {
	color: #5bb367;
}


.banner__headers {
	position: relative;
	width: 100%;
	min-height: 320px;
	padding: 40px 0px 40px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	background-position: center;
}
.banner__headers:after {
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 100px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 100%);
}

.banner__headers h1,
.banner__headers p,
.banner__headers a {
	position: relative;
	z-index: 99;
	text-decoration: none;
}
.banner__headers a {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: #fff;
	margin: 8px;
	line-height: 25px;
	color: #000 !important;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.banner__headers h1 {
	font-weight: 1000;
	text-transform: uppercase;
	color: #fff;
} 

.menu-back-link {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.menu-back-link h1 {
	color: #5bb367;
}
.about__us_content {
	position: relative;
	min-height: 300px;
	width: 100%;
	background: #fff;
	padding: 50px 0px 50px 0px;
}
.about__us_content blockquote{
	background: #5bb367;
	color: #fff;
	margin-bottom: 24px;
}
.about__us_content h1 {
	font-weight: 900;
	color: #5bb367;
	text-transform: uppercase;
}
.about__us_content blockquote {
	font-size: 16px;
	padding: 20px;
	border-left: 4px solid #6d9000;
	margin-top: 21px;
	margin-left: 0px;
	width: 100%;
}

.vision_missions {
	position: relative;
	min-height: 150px;
	width: 100%;
	background: #f1f1f1;
	padding: 30px;
	margin-bottom: 20px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.vision_missions .table {
	border-bottom: 0px solid transparent !important;
}

.vision_missions i {
	font-size: 45px;
	display: inline-block;
	width: 60px;
	background: #fff;
	text-align: center;
	line-height: 60px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	height: 60px;
}
.vision_missions h3 {
	font-weight: 900;
}

.vision_missions ul li {
	list-style-type: circle !important;
}

.navbar-toggler {
	position: absolute;
	right: 20px;
	top: 30px; 
	border: thin solid #fff !important;
	-webkit-box-shadow: none !important;
}

.navbar-toggler i {  
	color: rgba(255, 255, 255, 1);
	font-size: 28px;
}

@media(max-width: 768px ){
	.fixed_menu {
		position: absolute;
		right: 60px;
		top: 10px;
	}
}
/* Normal menu links */
.navbar-nav .nav-link {           /* default color */
	transition: color 0.3s ease;
}

/* Hover state */
.navbar-nav .nav-link:hover {
	color: #A3D440 !important;         
}

/* Active state (current page) */
.navbar-nav .nav-link .active2 {
	color: #A3D440 !important;
	font-weight: 600;
}
 
.global_consults_main {
	position: relative;
	width: 100%;
	min-height: 500px;
	background: #fff;
	padding: 50px 0px;
}

.banner-area {
	position: relative;
	width: 100%;
	min-height: 60vh;
	overflow: hidden;
}

.tourism_headings {
	position: absolute;
	z-index: 99;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	display: block;
	text-align: center;
	margin-top: 30px;
	font-weight: 800;
	color: #fff;
	font-style: italic;
	text-transform: uppercase;
	text-shadow: 2px 1px 5px rgba(0, 0, 0, 0.7);
}

.bullet_pages {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 30px 0px;
}

.bullet_blocks {
	position: relative;
	width: 100%;
	height: 80px;
	background: #588B2A;
	text-align: left;
	padding: 10px;
	margin-bottom: 12px;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.bullet_blocks:hover {
	background: #ffb400; 
}
 
/* Active state */
.bullet_blocks.active {
	background: #ffb400;
	transform: scale(1.1);
}
/* Active state */
.bullet_blocks.active h4 {
	color: #000;
}
.bullet_blocks:hover h4 { 
	color: #000;
}
.bullet_blocks:after {
	position: absolute;
	left: -150px;
	content:  '';
	display: block;
	width: 180px;
	height: 40px;
	transform: rotate(70deg);
	transition: all 0.2s linear;
	background: rgba(255,255,255,0.2);
}
.bullet_blocks:hover::after {
	left: 360px;
}
.bullet_blocks:hover {
	transform: scale(1.1);
}
.bullet_blocks h4 {
	position: absolute;
	top: 50%;
	left: 50%;
	font-weight: 700;
	color: #fff;
	font-style: italic;
	transform: translate(-50%, -50%);
}
.icons_img {
	position: relative;
	height: 60px;
	width: 60px;
	max-width: 30%;
	background: #a6db2a;
	overflow: hidden;
	padding: 8px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.icons_img img {
	display: block;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	object-position: center;
}

.fetch_tourism_plc {
	position: relative;
	width: 100%;
	min-height: 300px; 
	padding: 20px 0px;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	overflow: hidden;
}
 
.tourism_section {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 30px 0px;
}

.tourism_section h1 {
	display: block;
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
}

.fetch_tourism_plc .block_tourism_md {
	width: 100%;
	min-height: 200px;
	border: 0px;
	border-bottom: 2px solid #588B2A; 
	background: #f3f3f3;
}
 
.whats_wedo {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #ffb400;
	border-radius: 0.5em;
	padding: 40px 30px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.whats_wedo h1 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	color: #000;
}

.block_why_sm {
	position: relative;
	width: 100%;
	margin-bottom: 21px;
	min-height: 300px;
	background: #fff;
	text-align: center;
	transition: all 0.2s ease-out;
	border: 3px solid transparent;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.services_tours a { 
	transition: all 0.2s ease-out;
	border: 3px solid transparent; 
}

.services_tours a:hover,
.services_tours a:focus,
.services_tours a:active {
	border: 3px solid orange !important;
	transform: scale(1.015);
}

.block_why_sm h4 {
	font-weight: 800;
}
.block_why_sm p {
	display: block;
	padding: 20px;
}
.icon_tours {
	position: relative;
	width: 100px;
	height: 100px;
	background: #6ef3aa;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.icon_tours img {
	display: block;
	width: 100%;
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
}
.container_bottom {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
}

.contact_tours {
	position: relative; 
	width: 100%;
	min-height: 150px;
	background: #316531;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	-o-border-radius: 10px 10px 0px 0px;
}

.contact_tours form  { 
	min-height: 150px;
	position: relative;
	padding: 50px 0px; 
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.contact_tours .input-group {
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.contact_tours .input-group input,
.contact_tours .input-group .input-group-addon {
	border: 0px !important;
}

.contact_tours .input-group button {
	padding: 0px 20px;
	line-height: 38px;
	background: #316531;
	color: #fff;
	z-index: 5;
	border: 4px solid #fff;
	position: relative;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	transition: all 0.2s ease-in-out;
}
.contact_tours .input-group button:hover {
	color: #000;
	background: #ffb400;
}
.subscript_text {
	background: #3d7e3d;
	min-height: 150px;
	position: relative;
	padding: 40px 0px; 
	width: 100%;
	height: auto;
}

.our_partners {
	position: relative;
	min-height: 500px;
	width: 100%;
	background: #fff;
}

.subscript_text h2 {
	color: #fff;  
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.subscript_text h2 span {
	display: block;
	color: #000;
	font-size: 21px;
}

.modal_search_tour .modal-content {
	background: rgba(255, 255, 255, 0.15) !important; /* semi-transparent */
	backdrop-filter: blur(10px);  /* frosted glass */
	-webkit-backdrop-filter: blur(10px); /* Safari support */
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.3); /* subtle glass border */
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);   /* depth */
}
 
.modal_search_tour .modal-content .modal-header {
	color: #fff;
	font-weight: 700;
}

.modal_search_tour .modal-content input {
	-webkit-border-radius: 5em;
}

.btn:focus, .form-control:focus {
	border-color: #5bb367;
	-webkit-box-shadow: none;
}

.our_tourism_package {
	position: relative;
	width: 100%;
	min-height: 500px;
	background: #000 url('../img/tourism-img/578251416429199326767899.jpg')no-repeat center 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 80px 20px;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.our_tourism_package:after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.wrapped_head_tourpackage {
	position: relative;
	text-align: center;
	width: 100%;
	height: auto;
	z-index: 3;
	color: #fff;
}
.block_package_tours {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #000;
	border: 3px solid #000;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-position: center;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.block_package_tours:hover {
	border: 3px solid #5bb367;
}
.context_pakeg_sm { 
	z-index: 2;
	position: absolute;
	display: block;
	width: 100%;
	min-height: 130px;
	padding: 30px 20px;
	bottom: 0px;
	padding-top: 60px;
	left: 0px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	right: 0px; 
	background: #000000;
	text-shadow: 2px 2px 4px #000, -2px -2px 4px #555;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 40%, rgba(0, 0, 0, 0) 100%);
} 
 
.context_pakeg_sm a { 
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: 0px 16px;
	background: #5bb367;
	line-height: 35px;
	text-shadow: none;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
 .context_pakeg_sm a:hover {
	 transform: scale(1.1);
 }

.tour_crumber_header {
	position: relative;
	width: 100%;
	min-height: 250px; 
	text-align: center;
	padding: 70px 30px 0px 0px;
	background: #316531;
	background: linear-gradient(180deg, rgba(49, 101, 49, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.tour_crumber_header p {
	text-transform: uppercase;
	font-weight: 600;
}

.tour_crumber_header h1 {
	font-weight: 800;
	display: inline-block;
	margin-bottom: 30px;
}
.tour_crumber_header a {
	display: inline-block;
	line-height: 40px;
	padding: 0px 16px;
	background: #ffb400;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.tour_crumber_header span {
	font-weight: 600;
}

.packages_page {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: #fff;  
	padding: 80px 0px;
}

.pages_blocks {
	position: relative;
	width: 100%;
	min-height: 200px;
	background: #f3f3f3;
	overflow: hidden;
	margin-bottom: 15px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.wrapped_content_package {
	position: relative;
	width: 100%;
	min-height: 250px;
	padding: 30px;
}

.wrapped_content_package p {
	color: #333;
}

.wrapped_content_package h3 {
	font-weight: 600;
	text-transform: capitalize;
}

.wrapped_content_package h4 {
	font-weight: 700;
	text-transform: capitalize;
	display: inline-block; 
	font-size: 15px;
}
.wrapped_content_package ul {
	display: table;
	padding: 0px;
	margin-left: 7px;
}
.wrapped_content_package ul li {
	float: left;
	list-style-image: url('../img/icons/like-icon-01.svg');
	margin: 0px 20px;
	line-height: 26px; 
}

.wrapped_content_package a {
	display: inline-block;
	background: #ffb400;
	color: #000;
	padding: 0px 16px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 38px;
	transition: all 0.4s ease-out;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.wrapped_content_package a:hover {
	background: #ffd608;
}
.time_available {
	position: relative;
	width: 100%;
	height: auto;
}

.time_available span {
	display: inline-block;
	padding: 0px 16px;
	background: #fff;
	margin-right: 20px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 10px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.wrapped_pck_img {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	background: #333;
}
.wrapped_pck_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@supports(obect-fit: cover){
	.wrapped_pck_img img {
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	.gallery_package .item img {
		width: 100%;
		height: 140px;
		object-fit: cover;
		object-position: center;
	}
}

.gallery_package {
	position: relative;
	width: 100%;
	min-height: 150px; 
}
.gallery_package .item {

	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.gallery_package .item img {
	position: relative;
	width: 100%;
	height: 140px;  
	display: block;
	object-fit: cover;
	object-position: center;
} 
 

.modal_packages h3,
.modal_packages h4,
.modal_packages p,
.modal_packages li {
	color: #fff !important;
}


.glass-navbar {
	transition: all 0.3s ease-in-out;
}

.glass-navbar.scrolled {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1050;
	background: rgba(49, 101, 49, 0.5);
	backdrop-filter: blur(10px) saturate(150%);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	animation: fadeInDown 0.4s ease-in-out;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.package_form h2 {
	font-weight: 700;
	color: #5bb367;
}

.package_form form .form-control {
	margin-bottom: 12px;
}
.package_form form {
	position: relative;
	width: 100%;
	height: auto;
	padding: 20px;
	background: #f3f3f3;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
 

/* Inputs */
.form-control, .form-control.select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ced4da;
	border-radius: 6px;
	font-size: 1rem;
	box-sizing: border-box;
	transition: box-shadow .12s, border-color .12s;
	outline: none;
}

/* Validation states */
.form-control.valid {
	border-color: #28a745;
	box-shadow: 0 0 0 4px rgba(40,167,69,0.06);
}
.form-control.invalid {
	border-color: #dc3545;
	box-shadow: 0 0 0 4px rgba(220,53,69,0.06);
}

/* Error message */
.error {
	color: #dc3545;
	font-size: 0.88rem;
	margin-top: 6px;
	display: block;
	min-height: 1.1em;
}

/* Success message for entire form */
.form-success { 
	padding: 10px 12px;
	border-radius: 6px;
	background: #e9f7ef;
	color: #166534;
	border: 1px solid #c6efd4;
	display: none;
}

/* Submit button */
.btn {
	padding: 10px 16px;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	font-weight: 700;
}
.btn-success {
	background: #28a745;
	color: white;
}

/* Small responsive tweak */
@media (max-width:640px){
	.col-sm-6 {
		flex: 1 1 100%;
	}
}

.menu_crumber a:nth-child(2){
	border: 2px solid orange;
	background: transparent !important;
}

.single-banner-slide {
	background-size: 110%; /* Start slightly zoomed-in */
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size 3s ease; /* Smooth zoom effect */
}

.single-banner-slide.active {
	background-size: 100%; /* Zooms out to normal */
}


/* Position nav buttons vertically centered */
.packages-slider .owl-prev,
.packages-slider .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	width: 30px;
	height: 30px;
	line-height: 20px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* Left and right positioning */
.packages-slider .owl-prev {
	left: 25px; /* adjust based on your layout */
}
.packages-slider .owl-next {
	right: 25px;
}

/* Hover effects */
.packages-slider .owl-prev:hover,
.packages-slider .owl-next:hover {
	background: #28a745; /* bootstrap success color */
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transform: translateY(-50%) scale(1.05);
}

/* Icon styling (Owl by default inserts text like ‹ ›, but better with icons) */
.packages-slider .owl-prev span,
.packages-slider .owl-next span {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease;
}
.packages-slider .owl-prev:hover span,
.packages-slider .owl-next:hover span {
	color: #fff;
}


/* Position nav buttons vertically centered */
.all-banner-slide .owl-prev,
.all-banner-slide .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	width: 30px;
	height: 30px;
	line-height: 20px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* Left and right positioning */
.all-banner-slide .owl-prev {
	left: 25px; /* adjust based on your layout */
}
.all-banner-slide .owl-next {
	right: 25px;
}

/* Hover effects */
.all-banner-slide .owl-prev:hover,
.all-banner-slide .owl-next:hover {
	background: #28a745; /* bootstrap success color */
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transform: translateY(-50%) scale(1.05);
}

/* Icon styling (Owl by default inserts text like ‹ ›, but better with icons) */
.all-banner-slide .owl-prev span,
.all-banner-slide .owl-next span {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease;
}
.all-banner-slide .owl-prev:hover span,
.all-banner-slide .owl-next:hover span {
	color: #fff;
}

/* Position nav buttons vertically centered */
#slider_packages .owl-prev,
#slider_packages .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	width: 30px;
	height: 30px;
	line-height: 20px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* Left and right positioning */
#slider_packages .owl-prev {
	left: 25px; /* adjust based on your layout */
}
#slider_packages .owl-next {
	right: 25px;
}

/* Hover effects */
#slider_packages .owl-prev:hover,
#slider_packages .owl-next:hover {
	background: #28a745; /* bootstrap success color */
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transform: translateY(-50%) scale(1.05);
}

/* Icon styling (Owl by default inserts text like ‹ ›, but better with icons) */
#slider_packages .owl-prev span,
#slider_packages .owl-next span {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease;
}
#slider_packages .owl-prev:hover span,
#slider_packages .owl-next:hover span {
	color: #fff;
}

/* Position nav buttons vertically centered */
#packages-slider .owl-prev,
#packages-slider .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	line-height: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* Left and right positioning */
#packages-slider .owl-prev {
	left: 25px; /* adjust based on your layout */
}
#packages-slider .owl-next {
	right: 25px;
}

/* Hover effects */
#packages-slider .owl-prev:hover,
#packages-slider .owl-next:hover {
	background: #28a745; /* bootstrap success color */
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transform: translateY(-50%) scale(1.05);
}

/* Icon styling (Owl by default inserts text like ‹ ›, but better with icons) */
#packages-slider .owl-prev span,
#packages-slider .owl-next span {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease;
}
#packages-slider .owl-prev:hover span,
#packages-slider .owl-next:hover span {
	color: #fff;
}

/* Position nav buttons vertically centered */
#tourism_slide_main .owl-prev,
#tourism_slide_main .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	line-height: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* Left and right positioning */
#tourism_slide_main .owl-prev {
	left: 25px; /* adjust based on your layout */
}
#tourism_slide_main .owl-next {
	right: 25px;
}

/* Hover effects */
#tourism_slide_main .owl-prev:hover,
#tourism_slide_main .owl-next:hover {
	background: #28a745; /* bootstrap success color */
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transform: translateY(-50%) scale(1.05);
}

/* Icon styling (Owl by default inserts text like ‹ ›, but better with icons) */
#tourism_slide_main .owl-prev span,
#tourism_slide_main .owl-next span {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease;
}
#tourism_slide_main .owl-prev:hover span,
#tourism_slide_main .owl-next:hover span {
	color: #fff;
}


.menu_list_packages {
	position: relative;
	width: 100%;
	min-height: 50px;
	text-align: center;
	margin-bottom: 30px;
}
.menu_list_packages a {
	display: inline-block;
	padding: 0px 10px;
	text-decoration: none;
	color: #000;
	font-size: 15px;
	margin-bottom: 10px;
	transition: all 0.2s ease-in-out;
	border: 2px solid #28a745;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.menu_list_packages a:hover, 
.menu_list_packages a:focus, 
.menu_list_packages a:active { 
	background: #28a745; 
	color: #fff; 
	border: 2px solid #28a745;
}

.reserved_catgeory {
	position: relative;
	display: inline-block;
	background: #28a745;
	color: #fff;
	padding: 0px 16px;
	margin-bottom: 10px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.block_tourism_pg {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #fff; 
	margin: 0 auto;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.tourism_crumber_pg {
	position: relative;
	width: 100%;
	min-height: 300px;
	padding: 60px 0px; 
	background: #316531;
	background: linear-gradient(180deg, rgba(49, 101, 49, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.wrapped_tourism_slides {
	position: relative;
	width: 100%;
	min-height: 100%; 
}
.wrapped_tourism_slides img {
	display: block; 
	height: 600px;
	object-fit: cover;
	object-position: center;
}

@supports(object-fit: cover){
	.wrapped_tourism_slides img {
		display: block; 
		height: 600px;
		object-fit: cover;
		object-position: center;
	}
}

.wrapped_tourism_header {
	position: relative;
	padding: 20px;
}

.wrapped_tourism_header .btn {
	background: #f0923c;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.wrapped_tourism_header h4 {
	color: #f0923c;
	font-weight: 600;
}
.wrapped_tourism_header h1 {
	font-weight: 600;
	font-size: 54px;
	display: inline-block;
	width: 80%;
}

.wrapped_tourism_header h1 span {
	font-weight: 900;  
	color: #f0923c;
}

.wrapped_tourism_slides img {
	display: block; 
	height: 400px;
}
@supports(object-fit: cover){  
	.wrapped_tourism_slides img {
		display: block;
		width: 100%;
		min-height: 300px;
		object-fit: cover;
		object-position: center;
	}
}

@media(max-width: 900px ){
	.wrapped_tourism_slides {
		display: none;
	}
}

.section_tourism_places {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: #fff;
}

.section_tourism_places h2 {
	position: relative;
	text-align: center;
	display: block;
	font-weight: 700;
	margin-bottom: 21px;
}

.block_tour_places {
	position: relative;
	width: 100%;
	min-height: 200px;
	padding: 10px;
	text-align: center;
	margin-bottom: 21px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}
.block_tour_places h4 {
	font-weight: 700;
}

.img_header_tours {
	position: relative;
	width: 100%;
	min-height: 150px;
	background: #f3f3f3;
	margin-bottom: 12px;
}

@supports(object-fit: cover){
	.img_header_tours img {
		position: relative;
		width: 100%;
		height: 150px;
		object-fit: cover;
		object-position: center;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-ms-border-radius: 0.5em;
	}
}

.block_tour_places .readmore {
	background:  #f0923c;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.card_course_main {
	background: #f3f3f3;
	position: relative;
	width: 100%;
	text-align: center;
	height: auto;
}
.tourism_details_pg {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: #fff;
	padding: 80px 0px;
}

.tourism_details_pg strong {
	color: orange;
	margin-bottom: 30px;
	display: block;
}

.card_course_main .content a {
	display: inline-block;
	padding: 0px 16px;
	background: #7ea522;
	color: #fff;
	text-decoration: none;
	margin-bottom: 21px;
	line-height: 38px;
	text-transform: capitalize;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.middle_big_text h1 {
	display: block;
	font-weight: 800;
	text-transform: capitalize;
}

.search_consults {
	position: absolute;
	width: 800px;
	max-width: 90%;
	margin: 0 auto;
	z-index: 9;
	left: 0px;
	right: 0px;
	background: #fff;
	bottom: 20px;
	padding: 8px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.search_consults .input-group-addon {
	position: relative;
	z-index: 5;
	width: 50px;
	line-height: 38px;
	display: inline-block;
	text-align: center;
	font-size: 28px;
}

.search_consults input {
	-webkit-box-shadow: none;
	border: 0px;
}

.about_global_consults {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #7ea522;
	margin-bottom: 30px;
	margin-top: 30px;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.image_about_us {
	position: relative;
	width: 100%;
	min-height: auto;
	overflow: hidden;
}

.image_about_us img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

@supports(object-fit: cover){
	.image_about_us img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}


.partner-logo {
	max-height: 120px;
	opacity: 0.7;
	transition: 0.3s;
	filter: grayscale(100%);
}

.partner-logo:hover {
	opacity: 1;
	filter: grayscale(0%);
}












.content_about_slt {
	position: relative;
	width: 100%;
	height: auto;
	padding: 20px 50px;
}

.content_about_slt h1 {
	font-weight: 700; 
	display: inline-block;
	color: #fff;
}

.content_about_slt p { 
	color: #fff;
	margin-top: 30px;
}

.navbar .nav-link.active {
	color: #8db625 !important;
	/* background-color: #0d6efd !important; Bootstrap primary blue */
	border-radius: 5px;
}
.navbar .dropdown-item.active {
	background-color: #5bb367 !important;
	/* background-color: #0d6efd !important; Bootstrap primary blue */
	border-radius: 5px;
}

.other_relative_item {
	position: relative;
	background: #f3f3f3;
	width: 100%;
	min-height: 150px;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
 
.other_relative_item .context_pakeg_sm h4 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}
.tourism_places_title {
	display: block;
	position: relative;
}
.tourism_places_title span {
	float: right;
	display: inline-block;
	background: #f3f3f3;
	padding: 6px 16px;
	color: #000;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.tourism_places_title span img {
	display: inline-block;
	background: #f3f3f3;
	width: 30px;
}

.country_flag {
	position: absolute;
	z-index: 99;
	width: 40px;
	height: 20px;
	background: #f3f3f3;
	overflow: hidden;
	top: 8px;
	left: 8px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.country_flag img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	object-position: center;
}

@supports(object-fit: cover){

	.country_flag img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}
















.tourism_gallery {
	position: relative;
	width: 100%;
	min-height: 100px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	overflow: hidden; 
}

.tourism_gallery .item {
	position: relative;
	width: 100%;
	height: 500px; 
	overflow: hidden; 
}

.tourism_gallery .item img {
	position: relative;
	width: 100%;
	height: 500px; 
	display: block;
	object-fit: cover;
	object-position: center;
}

@supports(object-fit: cover){

	.tourism_gallery .item img {
		position: relative;
		width: 100%;
		height: 500px;
		display: block;
		object-fit: cover;
		object-position: center;
	}
}

#tourism-gallery {
	position: relative;
	width: 100%;
	height: auto;
}
/* Position nav buttons vertically centered */
#tourism-gallery .owl-prev,
#tourism-gallery .owl-next {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	z-index: 99;
	line-height: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

#tourism-gallery .owl-prev {
	left: 20px !important;
}
#tourism-gallery .owl-next {
	right: 20px !important;
}

/* Hover effects */
#tourism-gallery .owl-prev:hover,
#tourism-gallery .owl-next:hover {
	background: #28a745; /* bootstrap success color */
	color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transform: translateY(-50%) scale(1.05);
} 
 /* Container for dots */
#tourism-gallery .owl-dots {
	text-align: center;
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: -20px;
	position: relative;
	z-index: 55;
}

/* Each dot */
#tourism-gallery .owl-dots .owl-dot {
	width: auto;
	height: auto;
	flex: 0 0 auto;
}

/* Dot images */
#tourism-gallery .owl-dots .owl-dot img { 
	width: 100px;          /* thumbnail size */
	height: 60px;
	object-fit: cover;
	border: 3px solid transparent;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
	cursor: pointer;
}

/* Active/hover states */
#tourism-gallery .owl-dots .owl-dot.active img,
#tourism-gallery .owl-dots .owl-dot:hover img {
	border-color: #fff;
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}


@media(max-width: 768px ){
	#tourism-gallery .owl-dots .owl-dot {
		display: none;
	}
}


#scrollTopBtn {
	position: fixed;
	bottom: 120px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: #8AC721;
	color: #fff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	display: none; /* hidden by default */
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 9999;
}

#scrollTopBtn:hover {
	background: #588B2A;
	transform: scale(1.1);
}

.creation_page {
	position: relative;
	width: 100%;
	min-height: 400px;
	padding: 70px 0px;
	background: #588B2A url('../img/creation-img/background-image-01.svg')center 100%;
	background-size: contain;
	background-position: top;
}
@media(max-width: 768px ){
	.creation_page {
		background-repeat: no-repeat;
	}
}
.image_text {
	position: relative;
	width: 80%;
	min-height: 250px; 
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.image_text img {
	display: block;
	width: 100%;
	height: auto;
	height: auto;
	object-fit: contain;
	object-position: center;
}
@supports(object-fit: cover){
	.image_text img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center;
	}
}
.style_slider {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #fff;
	overflow: hidden;
	border-radius: 0em 50em 0em 50em;
	border: 10px solid #C3E382;
}
.middle_section {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: #fff;
}

.middle_section .col-sm-3:nth-of-type(1){
	background: #588B2A !important;
	color: #fff !important;
}

.style_slider .item img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

@supports(object-fit: cover){
	.style_slider .item img {
		display: block;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}

.row-no-gutter {
	--bs-gutter-x: 0; /* remove horizontal gutters */
	--bs-gutter-y: 0; /* remove vertical gutters */
} 
.five-cols .col {
	width: 20%;
	text-align: center;

	padding-top: 30px;
	padding-bottom: 30px;
}
.five-cols .col:nth-first-child {
	background: #588B2A !important; 
}
.five-cols .col:nth-of-type(odd){
	background: #f3f3f3;
	text-align: center;
}
@media(max-width: 768px ){
	.five-cols .col {
		width: 50% !important;
	}
}

.icons_design {
	position: relative;
	width: 70px;
	height: 70px;
	background: #333;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.icons_design img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.3s ease;
}

.about_home_pg {
	position: relative;
	width: 100%;
	min-height: 400px;
	padding: 50px 0px; 
}
.about_text {
	display: inline-block;
	position: relative;
	background: #d8fab2;
	min-width: 250px;
	max-width: 400px;
	padding: 5px 10px 0px 20px;
	font-weight: 800;
	-webkit-border-top-right-radius: 1em;
	border-top-right-radius: 1em;
	color: #588B2A;
}
.about_text img {
	display: inline-block;
	width: 50px;
	float: right;
	margin-left: 20px;
}

.block_img_1 {
	position: relative;
	width: 70% !important;
	min-height: 100%;
	background: #588B2A url('../img/creation-img/content-creation.png') no-repeat center 100%;
	background-size: cover;
	margin-right: 10px;
	-webkit-border-top-right-radius: 5em;
	border-top-right-radius: 5em;
	-webkit-border-bottom-left-radius: 5em;
	border-bottom-left-radius: 5em;
	transition: all 0.2s ease-in-out;
}

.block_img_2 {
	position: relative;
	width: 30% !important;
	min-height: 100%;
	background: #588B2A;
	-webkit-border-top-left-radius: 2em;
	border-top-left-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	border-bottom-right-radius: 2em;
	transition: all 0.2s ease-in-out;
}

.block_img_2 img {
	display: block;
	width: 40%;
	position: absolute;
	bottom: 30px;
	margin: 0 auto;
	left: 0px;
	right: 20px;
	pointer-events: none;
}

.mission_v {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #8AC721;
}

.img_size_lg {
	position: relative;
	width: 100%;
	height: auto;
}
.img_size_lg img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	
}

.icon_siplay {
	width: 100px;
	height: 100px;
	background: #fff;
	margin: 0 auto !important;
	margin-left: 50px;
	margin-bottom: 20px !important;
	padding: 10px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.mission_v h4 {
	font-weight: 800;
}
.icon_siplay img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 
}

.our_services {
	position: relative;
	width: 100%;
	padding: 60px 0px;
	min-height: 400px;
	background: #fff;
}

 /* Card hover effect */
.service-card {
	transition: all 0.3s ease;
	cursor: pointer;
	border: thin solid #666;
}
.service-card:hover {
	transform: translateY(-10px) scale(1.03);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Icon transition */
.service-card i {
	transition: color 0.3s ease, transform 0.3s ease;
}
.service-card:hover i {
	color: #588B2A; /* Bootstrap primary color */
	transform: rotate(8deg) scale(1.1);
}

/* Smooth text color change */
.service-card h5,
.service-card p {
	transition: color 0.3s ease;
}
.service-card:hover h5 {
	color: #588B2A;
}
.service-card:hover p {
	color: #444;
}

.icons_design i {
	font-size: 3rem;
	color: #588B2A; /* Bootstrap primary color */
	transition: all 0.3s ease;
}

.col:hover .icons_design i {
	transform: scale(1.15);
	color: #198754; /* Bootstrap success color on hover */
}

.icons_design {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
}

.five-cols .col {
	text-align: center;
	margin-bottom: 20px;
}

.five-cols h3 {
	font-size: 1.5rem;
	font-weight: 600;
}

.website_design_sample .col-sm-6 {
	margin-bottom: 21px;
}

.website_design_sample {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #fff;
	padding-bottom: 40px;
}

.image_website {
	position: relative;
	width: 100%;
	min-height: 250px;
	background: #f3f3f3;
	overflow: hidden;
	border-top-right-radius: 5em;
	-webkit-border-top-right-radius: 5em;
	-moz-border-top-right-radius: 5em;
	-ms-border-top-right-radius: 5em;
}
 
.image_website img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%; 
	object-fit: cover;
	object-position: center;
}

@supports(object-fit: cover){ 
	.image_website img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}
.image_website a {
	position: absolute;
	display: inline-block;
	background: #fff;
	line-height: 45px;
	bottom: 30px;
	right: 20px;
	z-index: 4;
	padding: 0px 20px;
	color: #000;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
.image_website a:hover {
	color: #A3D440 !important;
}

/* Parallax Background */
.parallax-section {
	background-image: url('../../assets/img/creation-img/Multimedia & Digital Experiences-2000.png');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	padding: 100px 0;
	color: #fff;
}

.btn {
	margin-left: 0px !important;
}

/* Glass Form */
.parallax-section .glass-form {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.parallax-section .form-label {
	color: #fff;
	font-weight: 500;
}

.parallax-section .form-control {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
}

.parallax-section .form-control::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.parallax-section .input-group-text {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
}

.error {
	color: #ff6b6b;
	font-size: 0.9rem;
	display: none;
}

.parallax-section button {
	border-radius: 30px;
}


:root{
	--fotade-primary: #3e7f3e;
	--fotade-dark: #316531;
	--card-radius: 12px;
	--glass-bg: rgba(255, 255, 255, 1);
	--glass-border: rgba(255, 255, 255, 0.2);
}


.sidebar{
	background: linear-gradient(180deg, var(--fotade-primary), var(--fotade-dark));
	min-height: 100vh;
	color: white;
	border-radius: 0 16px 16px 0;
}

.sidebar .nav-link{
	color: rgba(255,255,255,0.92);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.sidebar .nav-link.active{
	background: rgba(255,255,255,0.08);
	border-radius: 8px;
}
.sidebar .nav-link:hover{
	background: rgba(255,255,255,0.08);
	border-radius: 8px;
}

.topbar{
	background: white;
	box-shadow: 0 1px 4px rgba(16,24,40,0.06);
}

/* Glass cards */
.stat-card, .card{
	border-radius: var(--card-radius);
	background: var(--glass-bg);
	border: 2px solid #fff;
	backdrop-filter: blur(12px);
	color: #0b3c4c;
}

.accent{
	color: var(--fotade-primary);
}

.bg-fotade {
	background: #3a773a;
	border-radius: 0px !important;
	margin-top: -20px;
}
.btn-fotade{
	background: var(--fotade-primary);
	color: white;
	border-radius: 10px;
	border: none;
	padding: 6px 12px;
}
 
.stat-card .display-6  {
	background: #fff;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.avatar-img {
	position: relative;
	width: 100px;
	height: 100px;
	background: #f3f3f3;
	margin: 0 auto;
	overflow: hidden;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.avatar-img h2 {
	display: block;
	line-height: 100px;
}

.static-1 {
	background: #feeef1 ; 
}
.static-2 {
	background: #fef2dc; 
}
.static-3 {
	background: #cde5fb; 
}
 
.static-4 {
	background: #d9fae7; 
}















































































@supports(object-fit: cover){
	.image_text img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

.tourist_page {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0px 0px;
	padding-bottom: 50px;
}

.slider {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 500px;
	margin: auto;
	margin-top: 0px;
	border-radius: 0px;
	overflow: hidden; 
}

.slides {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 0.6s ease-in-out;
	border-radius: 15px 15px 0 0;
}

.slide {
	min-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 0px 0px 0 0;
	flex-shrink: 0;
	user-select: none;
	pointer-events: none;
}
 
.slide.active {
	pointer-events: auto;
}

.bottom-center {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	background: #fff;
	padding: 15px 20px;
	padding-bottom: 0;
	text-align: center;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
	z-index: 2;
	overflow: visible;
	border-radius: 20px 20px 0 0;
	transition: all 0.3s ease-in-out;
}

/* Outer radius using pseudo-elements */
.bottom-center::before,
.bottom-center::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 50px;
	height: 40px;
	background: #fff;
	border-radius: 0;
	z-index: -1;
}

.bottom-center::before {
	left: -30px;
	bottom: -10px;
	mask: radial-gradient(30px at top left, #0000 98%, #000);
}

.bottom-center::after {
	right: -30px;
	bottom: -10px;
	mask: radial-gradient(30px at top right, #0000 98%, #000);
}

.bottom-center h3 {
	margin: 5px 0;
	font-size: 18px;
	color: #333;
}

.bottom-center p {
	margin: 5px 0 10px;
	color: #666;
	font-size: 14px;
}

.luxury-heading {
	font-family: arial;
	font-weight: 700; 
	color: #2c2a29; /* deep charcoal */
	letter-spacing: 0.05em;
	margin-bottom: 0.3em;
	text-transform: capitalize;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.luxury-subtitle {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	color: #6b5b3b; /* warm gold-brown */
	letter-spacing: 0.04em;
	line-height: 1.5;
	margin-top: 0;
	opacity: 0.85;
}

.buttons {
	margin-top: 20px;
	margin-bottom: 12px;
	text-align: center;
}

.btn {
	font-family: "Segoe UI", "Helvetica Neue", sans-serif;
	font-weight: 600;
	font-size: 1rem;
	padding: 0.75em 1.5em;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	letter-spacing: 0.5px;
	margin: 0 10px;
	user-select: none;
	margin-bottom: 10px;
}

.btn.primary {
	background-color: #8AC721;
	color: #222;
	box-shadow: 0 4px 12px rgba(255, 199, 39, 0.4);
}

.btn.primary:hover {
	background-color: #ffb400;
	box-shadow: 0 6px 16px rgba(255, 180, 0, 0.5);
	transform: translateY(-2px);
}

.btn.secondary {
	background-color: transparent;
	color: #8AC721;
	border: 2px solid #8AC721;
}

.btn.secondary:hover {
	background-color: #fff8e1;
	color: #222;
	border-color: #ffb400;
	transform: translateY(-2px);
}

.indicators {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}

.dot {
	height: 10px;
	width: 10px;
	background-color: #ccc;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.dot.active {
	background-color: #333;
}


@media(max-width:768px){
	.image_text {
		position: relative;
		width: 100%; 
	}
	.slider {
		width: 95%;
		height: 400px;
	}
	.slider{
		padding-top: 10px;
		border-radius: 10px;
	}
	.btn{
		margin: 5px;
	}
	.bottom-center {
		width: 80%;
		border-radius: 10px;
	}
	.bottom-center::before {
		left: -20px;
		bottom: -20px;
		mask: radial-gradient(20px at top left, #0000 98%, #000);
	}

	.bottom-center::after {
		right: -20px;
		bottom: -20px;
		mask: radial-gradient(20px at top right, #0000 98%, #000);
	}
}

@media(max-width:414px){
	.bottom-center{
		border-radius: 10px 10px 0 0;
	}
	.btn{
		width: 100%;
		margin: 5px 0;
	}
	.bottom-center::before,.bottom-center::after {
		display: none;
	}

}

.page_notfound {
	position: relative;
	width: 100%;
	min-height: 76vh;
	max-height: 100%;
	text-align: center;
	background: #f3f3f3;
}

.text_all_notfound {
	position: absolute;
	width: 100%;
	height: auto;
	top: 10%;
	left: 50%;
	transform: translate(-50%,50%);
}
.text_all_notfound i {
	font-size: 67px;
}
.text_all_notfound h1 {
	font-size: 67px;
	font-weight: 800;
}
.text_all_notfound a {
	display: inline-block;
	background: #00aa7f;
	color: #fff;
	text-decoration: none;
	padding: 0px 16px;
	line-height: 45px;
	margin-top: 20px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em; 
}

.iti {
	width: 100%;
}
/* Page links */
.pagination .page-link {
	color: #30651F; /* text color */
	border: 1px solid #A4D440; /* border color */
	margin: 0 4px;
	border-radius: 50px; /* rounded buttons */
	padding: 8px 14px;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
}

/* Hover effect */
.pagination .page-link:hover {
	background-color: #A4D440;
	color: #fff;
	border-color: #30651F;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Active page */
.pagination .page-item.active .page-link {
	background-color: #30651F;
	border-color: #30651F;
	color: #fff;
	font-weight: 600;
}

/* Disabled state */
.pagination .page-item.disabled .page-link {
	color: #aaa;
	background-color: #f5f5f5;
	border-color: #ddd;
	pointer-events: none;
	opacity: 0.7;
}

 #loading-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 5px;
	background: #a4ce44; /* YouTube red */
	z-index: 9999;
	transition: width 0.3s ease;
}

.gallery-item {
	cursor: pointer;
	transition: transform 0.3s ease;
}
.gallery-item:hover {
	transform: scale(1.05);
}
.gallery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.gallery-item:hover .gallery-overlay {
	opacity: 1;
} 


/* Custom Slide Down Animation */
.modal.fade .modal-dialog {
	transform: translateY(-100px);
	transition: transform 0.4s ease-out;
}

.modal.show .modal-dialog {
	transform: translateY(0);
}

.blurred {
	filter: blur(6px);
	transition: filter 0.3s ease-in-out;
}
 

.footer {
	position: relative;
	min-height: 40px;
	margin-top: 30px;
	color: #fff;
}

.footer a {
	color: #fff !important;
}

@media(max-width: 768px ){
	.footer .col-lg-6 {
		text-align: center;
	}
}

/* For WebKit browsers (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
	width: 6px;        /* vertical scrollbar width */
	height: 6px;       /* horizontal scrollbar height */
}

*::-webkit-scrollbar-track {
	background: transparent; /* or any color you want */
}

*::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.4);
	border-radius: 3px;
	border: 1px solid transparent; /* optional: adds some spacing */
}

/* For Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: rgba(0,0,0,0.4) transparent; /* thumb color and track color */
}



 /* Progress bar container */
.progressbar {
	counter-reset: step;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* Step items */
.progressbar li {
	position: relative;
	flex: 1;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	color: #999;
}

/* Step circles */
.progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border: 2px solid #ccc;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
	transition: all 0.4s ease-in-out;
}

/* Connector line */
.progressbar li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #ccc;
	top: 17px;
	left: -50%;
	z-index: -1;
	transition: all 0.4s ease-in-out;
}

/* Remove line for first step */
.progressbar li:first-child:after {
	content: none;
}

/* Active steps */
.progressbar li.active {
	color: #30651F;
	font-weight: 600;
}

.progressbar li.active:before {
	border-color: #30651F;
	background-color: #A4D440;
	color: #fff;
}

.progressbar li.active + li:after {
	background-color: #A4D440;
}

/* Step animation */
.step { 
	opacity: 0;
	transform: translateX(50px);
	transition: all 0.5s ease-in-out;
}

.step.active-step {
	opacity: 1;
	transform: translateX(0);
}


.single-banner-slide {
	min-height: 60vh;
	width: 100vw;
	padding: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 2;
}
.single-banner-slide span {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.single-banner-slide h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 50px;
	text-align: center;
	font-weight: 800; 
}
.single-banner-slide::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: -1;
	width: 100%;
	height: 100%;
}
.single-banner-slide p {
	color: #fff;
	font-size: 15px;
	max-width: 50%;
	margin: 0 auto;
	text-align: center;
}
.single-banner-slide a {
	color: #000;
	background: #fff;
	padding: 10px 45px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	margin-top: 30px;
	transition: 0.3s;
}
.single-banner-slide a:hover {
	color: #fff;
	background: #000;
}
.owl-dots {
	display: none !important;
}
/*
@media (max-width: 991.98px) {
	.navbar-nav {
		position: static !important;
		transform: none !important;
	}
}*/


/* Accordion Container */
.accordion {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	background: #fff;
}

/* Accordion Item */
.accordion-item {
	border: none;
	margin-bottom: 8px;
}

/* Header Button */
.accordion-button {
	background: #f8f9fa;
	font-weight: 600;
	font-size: 1rem;
	color: #333;
	padding: 14px 18px;
	border: none;
	transition: all 0.3s ease;
}

/* Hover and Active States */
.accordion-button:hover {
	background: #8AC721; /* light green */
	color: #fff;
}

.accordion-button:not(.collapsed) {
	background: #588B2A; /* dark green */
	color: #fff;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

/* Custom caret */
.accordion-button::after {
	background-image: none !important;
	content: "▸";
	font-size: 1.2rem;
	transform: rotate(0deg);
	transition: transform 0.3s ease, color 0.3s ease;
	color: #588B2A;
}

.accordion-button:not(.collapsed)::after {
	transform: rotate(90deg);
	color: #fff;
}

/* Accordion Body */
.accordion-body {
	padding: 15px 20px;
	background: #fafafa;
	font-size: 0.95rem;
	line-height: 1.6;
}

/* List inside accordion */
.accordion-body ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.accordion-body li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.accordion-body li:last-child {
	border-bottom: none;
}

/* Links */
.accordion-body a {
	text-decoration: none;
	color: #588B2A; /* dark green */
	font-weight: 500;
	transition: color 0.3s ease;
}

.accordion-body a:hover {
	color: #8AC721; /* light green */
	text-decoration: underline;
}

/* Item Count <i> */
.accordion-body li i {
	font-style: normal;
	font-size: 0.85rem;
	color: #6c757d;
	margin-left: 10px;
	float: right;
}

.page_content_projects {
	position: relative;
	width: 100%;
	min-height: 300px;
	background: #fff;
	padding: 40px 0px;
}

.banner_proejcts {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.banner_proejcts img {
	display: block;
	width: 100%;
}




@media (max-width: 767.98px) {
	.top_banner_links {
		display: none;
	}
	.single-banner-slide p {
		max-width: 80%;
	}
	.tab-toggle {
		height: 130px !important;
		padding: 0.75rem;
		display: block !important;
		line-height: 100px;
		font-size: xx-large;
		align-items: center !important;
		justify-content: center !important;
	}
}

/* WhatsApp Floating Button */
.whatsapp-wrapper {
	position: fixed;
	bottom: 20px;
	right: 25px;
	z-index: 9999;
}

.whatsapp-btn {
	background-color: #25d366;
	color: #fff;
	font-size: 1.8rem;
	width: 55px;
	height: 55px;
	margin: 0 auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transition: transform 0.2s ease;
}

.whatsapp-btn:hover {
	transform: scale(1.1);
}

/* Popup Window */
.whatsapp-popup {
	position: absolute;
	bottom: 70px;
	right: 0;
	width: 270px;
	background: rgba(88, 139, 42, 0.50);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 15px;
	padding: 15px;
	display: none;
	animation: fadeIn 0.3s ease-in-out;
}

.popup-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 5px;
}

.popup-body {
	padding-top: 10px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	transform: translateY(10px);
	}
	to {
		opacity: 1;
	transform: translateY(0);
	}
}

.privacy_policies {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: #fff;
}

.privacy_policies ol li strong {
	margin-top: 10px;
	display: inline-block;
}








.custom-modal {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.2);
	animation: fadeInUp 0.4s ease;
}

.custom-modal-header {
	background: linear-gradient(135deg, #4e73df, #6f42c1);
	color: white;
	border-bottom: none;
	padding: 1.5rem;
}

.custom-modal-body {
	padding: 2rem;
	background: #f8f9fc;
}

.custom-modal-footer {
	border-top: none;
	background: #f1f3f5;
	padding: 1rem 1.5rem;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}





/* Glassmorphism Cookie Banner */
.cookie-popup {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background: rgba(244, 244, 244, 0.75);
	border-top: 3px solid #588B2A;
	color: #333;
	z-index: 9999;
	display: none;
	animation: slideUp 0.7s ease;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
	opacity: 0;
	}
	to {
		transform: translateY(0);
	opacity: 1;
	}
}

.cookie-content {
	max-width: 1200px;
	margin: auto;
	padding: 20px 15px;
}

.cookie-popup h5 {
	color: #588B2A;
	font-weight: 700;
}

.cookie-btn {
	background-color: #588B2A;
	border: none;
	color: #fff;
	font-weight: 600;
	padding: 10px 24px;
	border-radius: 50px;
	transition: 0.3s;
}

.cookie-btn:hover {
	background-color: #588B2A;
}

.cookie-link {
	color: #588B2A;
	text-decoration: underline;
}


.package_form_sticty {
	position: sticky;
	top: 20px;         /* distance from top when scrolling */
	z-index: 99;
}

.price_package {
	position: absolute;
	z-index: 9;
	display: inline-block;
	background: gold;
	left: 10px;
	top: 10px;
	padding: 0px 10px;
	color: #000;
	font-weight: 600;
	line-height: 25px;
	-webkit-box-shadow: #000 0px 3px 4px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}