@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");

/* Fonts */
:root {
	--font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-primary: "Montserrat", sans-serif;
	--font-secondary: "Roboto", sans-serif;
}
/* Colors */
:root {
	--color-topbar: #1f272b;
	--color-bg: #B9B3AD;
	--color-default: #2a2a2a;
	--color-primary: #AF2922;
	--color-primary-dark: #851610;
	--color-secondary: #2CB1CE;
	--rgb-default: 42, 42, 42;
	--rgb-primary: 175, 41, 34;
	--rgb-shadow: 127, 137, 161;
	--rgb-topbar: 31, 39, 43;
}
/* Smooth scroll behavior */
:root {
	scroll-behavior: smooth;
}

/*--------------------- General -----------------------*/
html, body {
	height: 100%;
}
body {
	font-family: var(--font-default);
	color: var(--color-default);
	background: url('/build/images/bg.jpg') var(--color-bg);
}
a {
	color: var(--color-primary-dark);
	text-decoration: none;
}
a:hover {
	color: var(--color-secondary);
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-primary);
}
section {
	padding: 10px;
	overflow: hidden;
	scroll-margin-top: 70px;
}
.sections-bg {
	padding: 20px 0;
	background: rgba(255, 255, 255, .3);
}
.page-bg {
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	box-shadow: 0px 0 10px rgba(var(--rgb-shadow), .3);
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}
.cursor-pointer {cursor: pointer;}
.slim {width: 10px !important;}
/*--------------------- Scroll top button -----------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: -15px;
	z-index: 99999;
	background: var(--color-primary);
	width: 44px;
	height: 44px;
	border-radius: 50px;
	transition: all 0.4s;
}
.scroll-top i {
	font-size: 24px;
	color: #fff;
	line-height: 0;
}
.scroll-top:hover {
	background: rgba(var(--rgb-primary), 0.8);
	color: #fff;
}
.scroll-top.active {
	visibility: visible;
	opacity: 1;
	bottom: 15px;
}
/*--------------------- Preloader -----------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 999999;
	overflow: hidden;
	background: #fff;
	transition: all 0.6s ease-out;
}
#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #fff;
	border-color: var(--color-primary) transparent var(--color-primary) transparent;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1.5s linear infinite;
	animation: animate-preloader 1.5s linear infinite;
}
@-webkit-keyframes animate-preloader {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/*--------------------- Disable aos animation delay on mobile devices -----------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}
/*------------------------ Inputs -----------------------*/ 
input, select, textarea {border-radius: 5px; border: 1px solid rgba(0,0,0,0.2); font-size: 14px; padding: 5px 10px;}
input:focus, select:focus, textarea:focus, .form-control:focus {box-shadow: none; border: 1px solid rgba(var(--rgb-primary),0.7); outline: 4px solid rgba(var(--rgb-primary),0.2);}
input[type="radio"], input[type="checkbox"] {background: transparent; border: 0;}
input[type="submit"], input[type="button"], .btn-default {border-radius: 50px; padding: 5px 20px; background: var(--color-primary); color: #ffffff; font-size: 18px; cursor: pointer; border: none;}
input[type="submit"]:hover, input[type="button"]:hover, .btn-default:hover {background: var(--color-primary); filter: brightness(85%); color: #ffffff;}
/*------------------------ Inputs -----------------------*/
/*--------------------- Single form ---------------------*/
.single-input-form {margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 50px; box-shadow: 0px 2px 15px rgba(var(--rgb-shadow), .3); text-align: left;}
.single-input-form input[type=email], .single-input-form input[type=text], .single-input-form input[type=password] {border: 0; padding: 4px 8px; width: calc(100% - 100px);}
.single-input-form input[type=submit] {position: absolute; top: 0; right: -2px; bottom: 0; border: 0; box-shadow: 0px 2px 15px rgba(var(--rgb-shadow), .3);}
/*--------------------- Single form ---------------------*/
/*----------------------- Topbar ------------------------*/
.topbar {
	background: var(--color-topbar);
	height: 40px;
	font-size: 14px;
	transition: all 0.5s;
	color: rgba(255, 255, 255, 0.7);
	position: relative;
	z-index: 100;
}
.topbar a {
	color: rgba(255, 255, 255, 0.7);
}
.topbar a:hover {
	color: #fff;
}
/*----------------------- Topbar ------------------------*/
/*--------------------- Languages -----------------------*/
.nav-flag-menu {position: relative; padding: 10px; display: inline-block;}
@media (max-width: 960px) {
	.nav-flag-menu {padding: 0 10px 10px 10px;}
}
.nav-flag-menu ul {
	list-style: none;
	background: #fff;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 2px 20px rgba(var(--rgb-shadow), .3);
	padding: 15px;
	margin: 0;
	font-family: var(--font-secondary);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	position: absolute;
	z-index: 99;
	top: calc(100% + 30px);
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 1px 4px 12px rgba(51, 51, 51, 0.25);
	box-shadow: 0px 13px 20px rgba(153, 153, 153, 0.06);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-flag-menu:hover ul {
	opacity: 1;
	visibility: visible;
	top: 100%;
}
.nav-flag-menu ul li a:hover {color: var(--color-primary);}
.nav-flag-menu img {border-radius: 50%; height: 21px; width: 21px; -o-object-fit: cover; object-fit: cover;}
/*--------------------- Languages -----------------------*/
/*----------------------- Header ------------------------*/
.header {
	background: rgba(0, 0, 0, .7);
	height: 80px;
	transition: all 0.5s;
	position: relative;
	z-index: 997;
}
.header .logo {
	background: url('/build/images/logo-white.png') 0 0 no-repeat;
	height: 70px;
	width: 250px;
	transition: 0.5s;
	background-size: contain;
	display: inline-block;
}
.header .logo h1 {
	font-size: 25px;
	margin: 0;
	font-weight: 600;
	letter-spacing: 0.8px;
	color: #fff;
	font-family: var(--font-primary);
}
.header .logo h1 span {
	color: var(--color-primary);
}
.header.sticked {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 60px;
	background: #fff;
	box-shadow: 0px 2px 20px rgba(var(--rgb-shadow), .3);
}
.header.sticked .logo {
	background: url('/build/images/logo.png') 0 0 no-repeat;
	height: 50px;
	width: 200px;
	background-size: contain;
}
.header.sticked .logo h1 {
	color: var(--color-default);
}
.navbar-icon {
	color: rgba(255, 255, 255, 0.6);
	font-size: 28px;
	cursor: pointer;
	line-height: 0;
	transition: 0.5s;
	z-index: 9999;
	margin-right: 10px;
}
.header.sticked .navbar-icon {
	color: rgba(0, 0, 0, 0.6);
}

/*----------------------- Header ------------------------*/
/*--------------------- Breadcrumbs ---------------------*/
.breadcrumbs {padding: 10px 0; background: rgba(255,255,255,.2); min-height: 40px;}
.breadcrumbs h2 {font-size: 28px; font-weight: 600; color: var(--color-default);}
.breadcrumbs a {color: var(--color-primary);}
.breadcrumbs a:hover {color: var(--color-secondary);}
.breadcrumbs ol {display: flex; flex-wrap: wrap; list-style: none; padding: 0 0 10px 0; margin: 0; font-size: 14px;}
.breadcrumbs ol li+li {padding-left: 10px; color: var(--color-default);}
.breadcrumbs ol li+li::before {display: inline-block; padding-right: 10px; color: var(--color-primary); content: "/";}
/*--------------------- Breadcrumbs ---------------------*/
/*--------------------- Desktop Navigation -----------------------*/
@media (min-width: 1280px) {
	.navbar {
		padding: 0;
	}
	.navbar ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
	}
	.navbar li {
		position: relative;
	}
	.navbar>ul>li {
		white-space: nowrap;
		padding: 10px 0 10px 28px;
	}
	.navbar a,
	.navbar a:focus {
		/*display: flex;
		align-items: center;
		justify-content: space-between;*/
		padding: 0 3px;
		font-family: var(--font-primary);
		font-size: 16px;
		font-weight: 600;
		color: rgba(255, 255, 255, .6);
		white-space: nowrap;
		transition: 0.3s;
		position: relative;
	}
	.header.sticked .navbar a,
	.header.sticked .navbar a:focus {
		color: rgba(var(--rgb-default), .6);
	}
	.dropdown-indicator {
		display: inline-block;
		color: rgba(255, 255, 255, .6);
		margin: 0 0 0 5px;
	}
	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}
	.navbar>ul>li>a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -6px;
		left: 0;
		background: var(--color-primary);
		visibility: hidden;
		width: 0px;
		transition: all 0.3s ease-in-out 0s;
	}
	.navbar a:hover:before,
	.navbar li:hover>a:before,
	.navbar .active:before {
		visibility: visible;
		width: 100%;
	}
	.navbar a:hover,
	.navbar .active,
	.navbar .active:focus,
	.navbar li:hover>a {
		color: #fff;
	}
	.header.sticked .navbar a:hover,
	.header.sticked .navbar .active,
	.header.sticked .navbar .active:focus,
	.header.sticked .navbar li:hover>a {
		color: var(--color-default);
	}
	.navbar .dropdown ul {
		display: block;
		position: absolute;
		left: 28px;
		top: calc(100% + 30px);
		margin: 0;
		padding: 10px 0;
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		background: #fff;
		box-shadow: 0px 0px 30px rgba(var(--rgb-shadow), .25);
		transition: 0.3s;
		border-radius: 4px;
	}
	.navbar .dropdown ul li {
		min-width: 200px;
		margin: 5px 0;
	}
	.navbar .dropdown ul a {
		padding: 10px 20px;
		font-size: 15px;
		text-transform: none;
		font-weight: 600;
		color: var(--color-topbar);
	}
	.navbar .dropdown ul a i {
		font-size: 12px;
	}
	.navbar .dropdown ul a:hover,
	.navbar .dropdown ul .active:hover,
	.navbar .dropdown ul li:hover>a {
		color: var(--color-primary);
	}
	.navbar .dropdown:hover>ul {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}
	.navbar .dropdown .dropdown ul {
		top: 0;
		left: calc(100% - 30px);
		visibility: hidden;
	}
	.navbar .dropdown .dropdown:hover>ul {
		opacity: 1;
		top: 0;
		left: 100%;
		visibility: visible;
	}
}
@media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}
	.navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}
@media (min-width: 1280px) {
	.mobile-nav-show,
	.mobile-nav-hide {
		display: none;
	}
}
/*--------------------- Mobile Navigation -----------------------*/
@media (max-width: 1279px) {
	.navbar {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 400px;
		bottom: 0;
		transition: 0.3s;
		z-index: 9997;
	}
	.navbar ul {
		position: absolute;
		inset: 0;
		padding: 50px 0 10px 0;
		margin: 0;
		background: rgba(var(--rgb-primary), 0.9);
		overflow-y: auto;
		transition: 0.3s;
		z-index: 9998;
	}
	.navbar ul li {
		margin-bottom: 15px;
	}
	.navbar a,
	.navbar a:focus {
		padding: 10px 20px;
		font-family: var(--font-primary);
		font-size: 15px;
		font-weight: 600;
		color: rgba(255, 255, 255, 0.7);
		white-space: nowrap;
		transition: 0.3s;
	}
	.dropdown-indicator {
		display: inline-block;
		color: rgba(255, 255, 255, .7);
		margin: 0 0 0 5px;
		cursor: pointer;
	}
	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}
	.navbar a:hover,
	.navbar .active,
	.navbar .active:focus,
	.navbar li:hover>a {
		color: #fff;
	}
	.navbar .getstarted,
	.navbar .getstarted:focus {
		background: var(--color-primary);
		padding: 8px 20px;
		border-radius: 4px;
		margin: 15px;
		color: #fff;
	}
	.navbar .getstarted:hover,
	.navbar .getstarted:focus:hover {
		color: #fff;
		background: rgba(var(--rgb-primary), 0.8);
	}
	.navbar .dropdown ul,
	.navbar .dropdown .dropdown ul {
		position: static;
		display: none;
		padding: 10px 0;
		margin: 10px 20px;
		transition: all 0.5s ease-in-out;
		background: var(--color-primary-dark);
		border: 1px solid rgba(255,255,255,.5);
	}
	.navbar .dropdown ul li {
		margin: 5px 0;
	}
	.navbar .dropdown>.dropdown-active,
	.navbar .dropdown .dropdown>.dropdown-active {
		display: block;
	}
	.mobile-nav-show {
		color: rgba(255, 255, 255, 0.6);
		font-size: 28px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		z-index: 9999;
		margin-right: 10px;
	}
	.header.sticked .mobile-nav-show {
		color: rgba(0, 0, 0, 0.6);
	}
	.mobile-nav-hide {
		color: #fff;
		font-size: 32px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		position: fixed;
		right: 20px;
		top: 20px;
		z-index: 9999;
	}
	.mobile-nav-active {
		overflow: hidden;
	}
	.mobile-nav-active .navbar {
		right: 0;
	}
	.mobile-nav-active .navbar:before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9996;
	}
}
/*---------------- Hero & Pages on top -------------------*/
.hero {
	padding: 0;
	position: relative;
	z-index: 0;
	margin: -120px 0 0 0;
	min-height: 250px;
}
/*--------------- Main Pictures Slider -------------------*/
.hero .slider-main .swiper-slide {
	--bs-aspect-ratio: 50% !important;
}
.slider-main-captions {
	background: rgba(0,0,0,.7);
	border-radius: 5px;
	padding: 40px 20px 10px 20px;
	color: #fff;
	min-width: 50%;
	max-width: 90%;
	display: inline-block;
	position: absolute;
	left: 9%;
	bottom: 140px;
}
.slider-main-captions h3 {
	background: var(--color-primary);
	padding: 10px 20px;
	font-size: calc(1rem + 0.5vw);
	font-weight: 500;
	display: inline-block;
	top: -20px;
	left: 30px;
	position: absolute;
}
.slider-main-captions h3:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	display: inline-block;
	height: 0;
	width: 0;
	border: 20px solid transparent;
	border-right-color: rgba(0,0,0,.7);
	border-bottom: 0;
}
.slider-main-captions p {
	font-size: calc(0.7rem + 0.5vw);
	font-weight: 300;
}
.slider-main-captions .btn {
	border-radius: 5px;
	padding: 0 10px;
	color: #fff;
	border: 1px solid rgba(255,255,255,.7);
}
.slider-main-captions .btn:hover {
	background: var(--color-primary);
}

@media (max-width: 1000px){
	.hero {
		min-height: 210px;
	}
	.slider-main-captions {
		padding: 30px 10px 10px 10px;
		left: 10%;
		bottom: 100px;
	}
	.slider-main-captions h3 {
		font-size: 18px;
		font-weight: 500;
	}
}
@media (min-width: 500px) and (max-width: 800px){
	.hero {
		min-height: 180px;
	}
	.slider-main-captions {
		left: 5%;
		bottom: 70px;
	}
	.hero .slider-main .swiper-slide {
		--bs-aspect-ratio: 70% !important;
	}
}
@media (max-width: 500px){
	.hero {
		min-height: 150px;
	}
	.slider-main-captions {
		left: 5%;
		bottom: 30px;
	}
	.slider-main-captions h3 {
		font-size: calc(0.9rem + 0.4vw);
	}
	.hero .slider-main .swiper-slide {
		--bs-aspect-ratio: 100% !important;
	}
}
/*--------------- Main Pictures Slider -------------------*/
/*--------------- Main Pre-record Form -------------------*/
.main-form {
	margin: -120px 0 0 0;
	z-index: 100;
	position: relative;
	padding: 0;
}
.main-form .form-check-input {
	padding: 0 !important;
	border: 1px solid #333 !important;
}
.main-form .main-form-body {
	background: var(--color-topbar);
	border-radius: 5px;
	min-height: 200px;
	color: #fff;
	position: relative;
	padding: 40px 30px 30px 30px;
}
.main-form-body h3 {
	background: var(--color-primary);
	padding: 10px 20px;
	font-size: calc(1rem + 0.5vw);
	font-weight: 500;
	display: inline-block;
	top: -20px;
	left: 30px;
	position: absolute;
}
.main-form-body h3:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	display: inline-block;
	height: 0;
	width: 0;
	border: 20px solid transparent;
	border-right-color: rgba(0,0,0,.7);
	border-bottom: 0;
}
@media (min-width: 800px) and (max-width: 1000px){
	.main-form {
		margin: -80px 0 0 0;
	}
}
@media (min-width: 500px) and (max-width: 800px){
	.main-form {
		margin: -50px 0 0 0;
	}
}
@media (max-width: 500px) {
	.main-form {
		margin: -25px 0 0 0;
	}
	.main-form .main-form-body {
		border-top: 3px solid var(--color-primary);
	}
}
/*--------------- Main Pre-record Form -------------------*/
/*-------------------- Main Courses ----------------------*/
.course-item {
	background: url('/build/images/item-bg.jpg') var(--color-primary);
	transition: all 0.3s ease-in-out;
	color: #fff;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 0 10px rgba(var(--rgb-shadow), .3);
	padding: 20px 10px 50px 10px;
	box-sizing: border-box;
}
.course-item .buttons {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.course-item h3 {
	font-size: 20px;
	line-height: 1;
	height: 40px;
	overflow: hidden;
	font-family: "Roboto", sans-serif;
}
.course-item a {
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #fff;
	padding: 2px 10px;
	margin: 0 5px;
	color: #fff;
}
.course-item a:hover {
	background: rgba(255,255,255,.3);
}
/*-------------------- Main Courses ----------------------*/
/*------------- Main Pre-view Pages on Top ---------------*/
.page-icons .icon-boxes {
	margin: 0 0 0 0;
	padding: 10px 0 0 0 !important;
}
.page-icons .swiper-button-next, .page-icons .swiper-button-prev {
	color: #fff;
	background: rgba(var(--rgb-topbar), .3);
	transition: 0.3s;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.page-icons .swiper-button-next::after, .page-icons .swiper-button-prev::after {
	font-size: 20px !important;
	font-weight: 700;
}
.page-icons .swiper-button-next:hover, .page-icons .swiper-button-prev:hover {
	background: rgba(var(--rgb-topbar), .5);
}
.page-icons .swiper-button-prev {
	left: -50px;
}
.page-icons .swiper-button-next {
	right: -50px;
}
.page-icons .icon-box {
	position: relative;
	padding: 30px 20px;
	background: #fff;
	box-shadow: 0 0 29px 0 rgba(var(--rgb-shadow), 0.08);
	transition: all 0.3s ease-in-out;
	border-radius: 8px;
	z-index: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.page-icons .icon-box .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 24px;
}
.page-icons .icon-box a {
	transition: 0.3s;
	color: rgba(var(--rgb-topbar), .6);
}

.page-icons .icon-box .icon {
	width: 48px;
	height: 48px;
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
}
.page-icons .icon-box .icon i {
	color: rgba(var(--rgb-topbar), .6);
	font-size: 56px;
	transition: ease-in-out 0.3s;
	z-index: 2 !important;
	position: relative;
}

.page-icons .icon-box .icon:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #eeeeee;
	border-radius: 50px 50px 50px 0;
	z-index: 1 !important;
	bottom: -20px;
	right: -20px;
	transition: 0.3s;
}
.page-icons .icon-box:hover .icon:before {
	background: rgba(var(--rgb-primary), .7);
}
.page-icons .icon-box h3 {
	font-size: 1.2em;
	height: 2.5em;
	overflow: hidden;
}
.page-icons .icon-box p {
	font-size: 1em;
	height: 4.2em;
	overflow: hidden;
}
.page-icons .icon-box:hover a,
.page-icons .icon-box:hover .icon {
	color: rgba(var(--rgb-topbar), .8);
}
/*------------- Main Pre-view Pages on Top ---------------*/
/*---------------- Hero & Pages on top -------------------*/
/*------------- Pages on main in the middle --------------*/
.services {
	padding: 60px 0;
}
.services .service-item {
	padding: 40px;
	background: #fff;
	height: 100%;
	border-radius: 10px;
}
.services .service-item .icon {
	width: 48px;
	height: 48px;
	position: relative;
	margin-bottom: 50px;
}
.services .service-item .icon i {
	color: var(--color-default);
	font-size: 56px;
	transition: ease-in-out 0.3s;
	z-index: 2;
	position: relative;
}
.services .service-item .icon:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #eeeeee;
	border-radius: 50px;
	z-index: 1;
	top: 10px;
	right: -20px;
	transition: 0.3s;
}
.services .service-item h3 {
	color: var(--color-default);
	font-weight: 700;
	margin: 0 0 20px 0;
	padding-bottom: 8px;
	font-size: 22px;
	position: relative;
	display: inline-block;
	border-bottom: 4px solid #eeeeee;
	transition: 0.3s;
}
.services .service-item p {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 0;
	height: 5em;
	margin-bottom: 20px;
	/* display 4 lines only */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}
.services .service-item .readmore {
	display: inline-block;
	color: var(--color-primary);
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.services .service-item:hover .icon:before {
	background: var(--color-primary);
}
.services .service-item:hover h3 {
	border-color: var(--color-primary);
}
/*------------- Pages on main in the middle --------------*/
/*------------------ News Slider on Main -----------------*/
.news-slider .news-slider-wrap {
	padding-left: 10px;
}
.news-slider .news-slider-item {
	box-sizing: content-box;
	padding: 20px;
	margin: 20px 0px;
	box-shadow: 0px 0 10px rgba(var(--rgb-shadow), .3);
	position: relative;
	background: #fff;
	border-radius: 10px;
}
.news-slider .news-slider-item h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #000;
	height: 2.2em;
	overflow: hidden;
	display: -webkit-box;
	/* display 2 lines only */
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-slider .news-slider-item p {
	font-style: italic;
	margin: 15px auto 15px auto;
	height: 4.2em;
	/* display 3 lines only */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
}
.news-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
}
.news-slider .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--color-primary);
}
@media (max-width: 767px) {
	.news-slider .news-slider-wrap {
		padding-left: 0;
	}
	.news-slider .news-slider-item {
		padding: 30px;
		margin: 15px;
	}
}
/*------------------ News Slider on Main -----------------*/
/*---------------------- News Items ----------------------*/
.news-item {box-shadow: 0px 2px 15px rgba(var(--rgb-shadow), .3); padding: 10px; border-radius: 5px; background: #fff; transition: 0.5s; margin: 10px; width: 100%; box-sizing: border-box;}
/*---------------------- News Items ----------------------*/
/*------------------------- Team -------------------------*/
.team .member {position: relative; box-shadow: 0px 2px 15px rgba(var(--rgb-shadow), .3); padding: 30px; border-radius: 5px; background: #fff; transition: 0.5s; margin: 0 !important; box-sizing: border-box; width: 100%; height: 100%;}
.team .member:hover {transform: translateY(-10px);}
.team .member .member-info {padding-left: 30px; text-align: left !important;}
.team .member h4 {font-weight: 700; margin-bottom: 5px; font-size: 20px; color: var(--color-primary);}
.team .member span {display: block; font-size: 15px; padding-bottom: 10px; position: relative; font-weight: 500;}
.team .member span::after {content: ""; position: absolute; display: block; width: 50px; height: 1px; background: var(--color-primary); opacity: 0.5; bottom: 0; left: 0;}
.team .member p {margin: 10px 0 0 0; font-size: 14px;}
.team .member .bi {display: inline-block; text-align: center; border-radius: 50px; width: 32px; height: 32px; background: rgba(var(--rgb-primary), .1); color: var(--color-primary); font-size: 16px; padding: 3px 0;}
/*------------------------- Team ------------------------*/
/*----------------------- Gallery -----------------------*/
.gallery-item {cursor: pointer;}
.pages-maps .gallery-item-container {aspect-ratio: 16 / 9; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box;}
.pages-maps .gallery-item-container img {width: 100%;}
.gallery-item-container img {cursor: pointer; transition: all 0.2s;}
.gallery-item-container:hover img {transform: scale(1.15); transition: transform 0.2s;}

.gallery .gallery-wrap {border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 9;}
.gallery .gallery-wrap a {display: inline-block; height: 100%; width: 100%; transition: 0.3s;}
.gallery .gallery-wrap .gallery-info {padding: 25px 20px; background: #fff; position: relative; border-top: 1px solid #f3f3f3; z-index: 2;}
.gallery .gallery-wrap .gallery-info h4 {font-size: 18px; font-weight: 600; padding-right: 50px;}
.gallery .gallery-wrap .gallery-info h4 a {color: var(--color-default); transition: 0.3s;}
.gallery .gallery-wrap .gallery-info h4 a:hover {color: var(--color-primary);}
.gallery .gallery-wrap .gallery-info p {color: #6c757d; font-size: 14px; margin-bottom: 0; padding-right: 50px;}
.gallery .gallery-wrap:hover a {transform: scale(1.1);}
/*----------------------- Gallery -----------------------*/
/*------------------------ Guest ------------------------*/
.faq .faq-list {padding: 0 100px;}
.faq .faq-list ul {padding: 0; list-style: none;}
.faq .faq-list li+li {margin-top: 15px;}
.faq .faq-list li {padding: 20px; background: #fff; border-radius: 4px; position: relative; box-shadow: 0px 0px 10px rgba(var(--rgb-shadow), .3);}
.faq .faq-list a {display: block; position: relative; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; padding: 0 30px; outline: none; cursor: pointer;}
.faq .faq-list a:hover {color: var(--color-primary);}
.faq .faq-list .answer {transition: 0.3s;}
.faq .faq-list .icon-help {font-size: 24px; position: absolute; right: 0; left: 20px; top: 13px; color: var(--color-primary);}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {font-size: 16px; position: absolute; right: 0; top: 0;}
.faq .faq-list p {margin-bottom: 0; padding: 10px 0 0 0;}
.faq .faq-list .icon-show {display: none;}
.faq .faq-list a.collapsed {color: var(--color-primary); transition: 0.3s;}
.faq .faq-list a.collapsed:hover {color: var(--color-primary); opacity: 0.5;}
.faq .faq-list a.collapsed .icon-show {display: inline-block;}
.faq .faq-list a.collapsed .icon-close {display: none;} @media (max-width: 1200px) {.faq .faq-list {padding: 0;}}
/*------------------------ Guest ------------------------*/
/*---------------------- Pagination ---------------------*/
.pagestable a {background: rgba(0,0,0,0.3); border-radius: 5px; color: #ffffff; font-size: 14px; font-weight: normal; display: inline-block; padding: 3px 7px; margin: 0px 1px; transition: 0.3s;}
.pagestable a:hover, .pagestable a.on {background: rgba(0,0,0,0.5); text-decoration: none;}
.pagestable .tens {background: none; border: 2px solid rgba(0,0,0,0.3); color: rgba(0,0,0,0.3);}
.pagestable .tens:hover {border: 2px solid rgba(0,0,0,0.5); color: rgba(0,0,0,0.5);}
/*---------------------- Pagination ---------------------*/
/*------------------------ Contact ----------------------*/
.contact-img {display: inline-block; border: none; width: 40%; margin: 0px 10px 0px 20px; float: right;border-radius: 10px; overflow: hidden;}
@media (max-width: 767px) {.contact-img {width: 100%; display: block; margin: 0px 0px 10px 0px; float: none;}}
/*------------------------ Contact ----------------------*/
/*------------------------- Footer ----------------------*/
.footer-newsletter {
	background: rgba(255,255,255,.2);
	backdrop-filter: blur(3px);
	padding: 20px 0;
	color: rgba(255,255,255,.8);
}
.footer-newsletter a {
	color: var(--color-primary);
}
.footer {
	font-size: 14px;
	background: rgba(var(--rgb-default), .8);
	backdrop-filter: blur(3px);
	padding: 50px 0;
	color: white;
}
.footer .social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	margin-right: 10px;
	transition: 0.3s;
}
.footer .social-links a:hover {
	color: #fff;
	border-color: #fff;
}
.footer h4 {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-bottom: 12px;
}
.footer .footer-links {
	margin-bottom: 30px;
}
.footer .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer .footer-links ul i {
	padding-right: 2px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	line-height: 0;
}
.footer .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}
.footer .footer-links ul li:first-child {
	padding-top: 0;
}
.footer .footer-links ul a {
	color: rgba(255, 255, 255, 0.7);
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
}
.footer .footer-links ul a:hover {
	color: #fff;
}
.footer .footer-contact p {
	line-height: 26px;
}
.footer .copyright {
	text-align: center;
}
.footer .credits {
	padding-top: 4px;
	text-align: center;
	font-size: 13px;
}
.footer .credits a {
	color: #fff;
}
@media (max-width: 767px) {
	.footer .footer-links {
		background: rgba(0,0,0,.1);
		padding: 20px;
	}
}
/*------------------------- Footer ----------------------*/