@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;

400;700;800&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Dancing+Script:wght@700&family=Lobster&family=Noto+Naskh+Arabic:wght@400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap);* {
	box-sizing: border-box;
	margin: 0;
	font-family: "Tajawal",sans-serif;
}

:root {
	--praimary-color: #bf1e2f;
}

body,html {
	font-size: 15px;
	color: #5b5b5b;
	overflow-x: hidden!important;
	scroll-behavior: smooth;
	direction: rtl;
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
	border: 0;
	background: #555;
	color: #fff;
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
	border: 0;
	isolation: isolate;
}

.nav-tabs .nav-link {
	min-width: 150px;
	line-height: 24px;
	text-align: center;
	border: 0;
	color: #fff;
	background-color: #bf1e2f;
	font-weight: 700;
}

.nav-tabs {
	margin-bottom: 25px;
	border-bottom: 2px solid #bf1e2f;
}

hr {
	border: none;
	border-top: 1px dashed #ccc;
}

#languageTabsContent h1 {
 padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 3px #ccc double;
    color: #bf1e2f;
    font-size: 18px;
}


#languageTabsContent h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 3px #ccc double;
    color: #bf1e2f;
    font-size: 18px;
}

.video-wrapper {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.elVideo,.height-100 {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}

#st-2 {
	z-index: auto!important;
}

.m0 {
	margin: 0!important;
}

.p10 {
	padding: 10px!important;
}

::selection {
	color: #fff;
	background-color: var(--praimary-color);
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	border-radius: 1rem;
	background: #2e2e2e;
	transition: all 0.4s ease-in;
}

.mb-35 {
	margin-bottom: 35px;
}

.bg-search {
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid var(--praimary-color);
	border-left: 1px solid #ddd;
	padding: 35px 0 10px 0;
	margin-bottom: 35px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-shadow: 0 4px 12px rgb(0 0 0 / .15);
}

.course-content-wrap {
	width: 100%;
}

.about-img-1 {
	width: 100%;
	padding: 5px;
	border: 2px solid #DDE1E7;
	border-radius: 60px 0 60px 0;
	margin-bottom: 35px;
}

.about-img-1 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 60px 0 60px 0;
}

.about-contact {
	color: #fff;
	margin-top: 15px;
	border-radius: 10px 0 10px 0;
	background-color: var(--praimary-color);
	text-decoration: none;
	width: 100%;
	padding: 10px 20px;
	font-size: 16px;
}

.about-contact i {
	color: #fff;
	padding-left: 15px;
	font-size: 16px;
}

.about-contact:hover {
	color: #fff;
	background-color: #777;
	text-decoration: none;
}

#st-el-3 .st-disclaimer {
	display: none!important;
}

.blog-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(calc(50% - 15px),1fr));
	grid-gap: 30px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.blog-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f2f2f2;
	padding: 15px;
	gap: 15px;
}

.blog-item .blog-images {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	max-width: 185px;
	height: 100%;
	width: 100%;
	margin-bottom: 0;
	overflow: hidden;
}

.hover\:shine {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.hover\:shine::before {
	position: absolute;
	content: "";
	top: 0;
	inset-inline-start: -140%;
	bottom: 0;
	width: 100%;
	background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,transparent),to(rgb(255 255 255 / .3)));
	background-image: linear-gradient(to right,transparent 50%,rgb(255 255 255 / .3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	z-index: 1;
}

.blog-item .blog-images img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.blog-item .blog-content .blog-meta {
	margin-bottom: 15px;
}

.blog-meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.blog-item .blog-content .bd-text-btn {
	margin-top: 10px;
}

.blog-item .blog-content .blog-title {
	margin: 0 0 10px 0;
	font-size: 24px;
}

.blog-item .blog-content .blog-title a {
	text-decoration: none;
	color: #2e2e2e;
}

.blog-item .blog-content .blog-title a:hover {
	text-decoration: none;
	color: var(--praimary-color);
}

.blog-item:not(:first-child) .blog-content .blog-button {
	display: none;
}

.blog-item .blog-content .blog-button {
	margin-top: 20px;
}

.blog-item .blog-content {
	width: calc(100% - 200px);
}

.blog-meta ul li.category a:hover {
	background-color: var(--praimary-color);
	border-color: #fff;
	color: #fff;
}

.blog-meta ul li.category a {
	text-decoration: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 14px;
	background-color: #fff0;
	border: 1px solid var(--praimary-color);
	color: var(--praimary-color);
	padding: 6px 10px;
	border-radius: 40px;
}

.p0 {
	padding: 0!important;
}

::-webkit-scrollbar-track {
	background: var(--praimary-color);
}

.reveal {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.6s ease;
}

.reveal.active {
	opacity: 1;
	transform: translateY(0);
}

.input-group>.form-control:focus,.input-group>.form-select:focus {
	z-index: 0;
}

.form-select {
	margin-bottom: 35px;
	height: 40px;
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	display: block;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5b5b5b;
	background-color: #fff;
	background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
	background-repeat: no-repeat;
	background-position: left .75rem center;
	background-size: 16px 12px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select option {
	background-color: #fff;
	color: #5b5b5b;
}

select option:checked {
	background-color: var(--praimary-color);
	color: #fff;
}

.select-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
}

.select-wrapper::before {
	content: "\f64f";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 12px;
	transform: translateY(-50%);
	color: var(--praimary-color);
	pointer-events: none;
	font-size: 14px;
}

.bg-notes {
	border-radius: 6px;
	text-align: center;
	width: 100%;
	padding: 10px;
	margin-bottom: 35px;
	background-color: #f2f4f7;
	color: var(--praimary-color);
}

.fees_pay {
	font-weight: 500;
	color: #888;
	text-decoration: underline;
}

.fees_pay:hover {
	font-weight: 500;
	color: var(--praimary-color);
	text-decoration: underline;
}

.title-dashboard {
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid var(--praimary-color);
	border-left: 1px solid #ddd;
	padding: 14px 30px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
	color: #2e2e2e;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.title-dashboard i {
	padding-left: 10px;
	color: var(--praimary-color);
	font-size: 18px;
}

.welcome-user {
	padding: 12px 30px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
	color: #fff;
	background: var(--praimary-color);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.welcome-user i {
	padding-left: 10px;
	color: #fff;
	font-size: 18px;
}

.welcome-user a {
	text-decoration: none;
	color: #fff;
}

.welcome-user a:hover {
	text-decoration: none;
	color: #f2f4f7;
}

.h-145 {
	height: 145px!important;
}

#button {
	display: inline-block;
	color: #fff;
	background-color: #a10f18;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	position: fixed;
	bottom: 112px;
	left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: background-color 0.3s,opacity 0.5s,visibility 0.5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

#button:hover {
	color: #fff;
	cursor: pointer;
	background-color: #aaa;
}

#button:active {
	color: #fff;
	background-color: #aaa;
}

#button.show {
	opacity: 1;
	visibility: visible;
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}

.top-bar {
	background-color: var(--praimary-color);
	height: 50px;
	display: flex;
	align-items: center;
}

.top-bar h6 {
	color: #fff;
	margin-bottom: 0;
	font-size: 17px;
	font-weight: 600;
}

.top-bar .social-media ul {
	margin-bottom: 0;
}

.top-bar .social-media li {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 100%;
}

.top-bar .social-media .icon-bg {
	color: #fff;
	height: 28px;
	width: 28px;
	border-radius: 100%;
	background-color: #fff;
	text-align: center;
}

.top-bar .social-media .icon-bg:hover {
	background-color: #eee;
}

.top-bar .contact-link {
	padding: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #ddd;
}

.top-bar .contact-link:last-child {
	border-left: none;
}

.top-bar .contact-link .icon-bg {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #2e2e2e;
	text-align: center;
	margin-left: 8px;
}

.top-bar .contact-link a {
	font-weight: 500;
	padding: 0;
	color: #fff;
	font-size: 15px;
	direction: rtl;
}

.top-bar .contact-link a:hover {
	color: #eee;
}

.top-bar .social-media .icon-bg i {
	line-height: 28px;
	font-size: 11px;
	font-weight: 600;
	color: #2e2e2e;
}

.top-bar .contact-link .icon-bg i {
	line-height: 28px;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
}

.top-bar .social-media .icon-bg svg {
	width: 13px;
	height: 13px;
	fill: #2e2e2e;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100000!important;
}

.nav-header {
	direction: rtl;
}

.navbar {
	background-color: rgb(0 0 0 / .7);
	box-shadow: rgb(0 0 0 / .24) 0 3px 8px;
	position: relative;
	z-index: 9;
	height: 90px;
}

.navbar::before {
	display: none;
	content: "";
	position: absolute;
	background: url(../images/pattern3.png);
	background-size: contain;
	background-repeat: repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .1;
	z-index: -1;
}

.navbar .container>a {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
}

nav .brand a {
	text-decoration: none;
}

nav .brand img {
	width: 85%;
}

nav .brand .brand-name {
	font-size: 16px;
	font-weight: 800;
	color: #2e2e2e;
	margin-right: 15px;
}

.navbar-expand-lg .navbar-nav {
	margin-left: 200px;
}

@media screen and (max-width:1366px) and (max-height:1024px) {
	.navbar-expand-lg .navbar-nav {
		margin-left: 20px;
	}
}

nav a {
	font-weight: 550;
	font-size: 16px;
	color: #fff;
}

nav .nav-item .active {
	color: #fff;
	position: relative;
}

nav .nav-item {
	opacity: 1;
	visibility: visible;
	display: inline-block;
}

.navbar-nav .nav-link {
	color: #cdcdcd;
}

nav .lang {
	background-color: #bf1e2e;
	padding: 10px 8px 10px 10px;
}

nav .lang a {
	border-left: 1px solid;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

nav .lang a i {
	padding-left: 10px;
}

nav .lang a:last-child {
	border-left: none;
}

.navbar-nav .nav-link:hover {
	color: #fff;
	transition: all 0.4s ease-in;
}

nav .dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 195px;
	box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
	z-index: 1;
}

.nav-item .dropdown-menu .dropend .dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 195px;
	box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
	z-index: 1;
}

nav .dropdown-menu a {
	color: #090909;
	font-size: 14px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	font-weight: 500;
}

nav .dropdown-menu a:hover {
	padding-right: 23px;
	color: var(--secondary-color);
	transition: all 0.4s ease-in;
}

nav .dropdown-item:focus,.dropdown-item:hover {
	background-color: #aa383812;
}

.nav-item .dropdown-menu .dropend:hover .dropdown-menu {
	display: block;
	margin-top: 3px;
	background: #fefefe;
	border: 0;
	border-top: 3px solid var(--secondary-color);
	border-radius: 5px;
	direction: rtl;
	text-align: right;
	left: -100%;
	top: 15px;
	transition: all 0.4s ease-in;
	animation: growDown 300ms ease-in-out forwards;
	transform-origin: top center;
}

.nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	display: block;
	margin-top: -1px;
	background: #fefefe;
	border: 0;
	border-top: 3px solid var(--secondary-color);
	border-radius: 5px;
	direction: rtl;
	text-align: right;
	transform: translateX(50%);
	transition: all 0.4s ease-in;
	animation: growDown 300ms ease-in-out forwards;
	transform-origin: top center;
	left: auto;
}

@keyframes growDown {
	0% {
		transform: scaleY(0);
	}

	80% {
		transform: scaleY(1.1);
	}

	100% {
		transform: scaleY(1);
	}
}

.nav-item:hover .dropdown-menu::before {
	content: "";
	position: absolute;
	display: block;
	margin-top: 3px;
	z-index: 5;
	top: -14px;
	right: 0;
	pointer-events: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--praimary-color);
	border: 5px solid var(--secondary-color);
	transition: all 0.4s ease-in;
}

.nav-item .dropdown-menu .dropend:hover .dropdown-menu::before {
	display: none;
}

.navbar-nav .dropdown-menu {
	margin-top: 7px;
	text-align: left;
	transition: all 0.4s ease-in;
}

nav .nav-item #dropdown {
	margin-top: -10px;
}

nav .list-group p {
	font-size: 12px;
	font-weight: 700;
	line-height: 26px;
	color: #94a3b8;
}

nav .list-group span {
	padding: 5px;
	color: aliceblue;
	font-size: 10px;
	font-weight: 700;
	border-radius: .2rem;
}

nav .lang-back {
	padding: 5px 15px;
	border-radius: 20px;
	background-color: var(--praimary-color);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

nav .lang-back i {
	margin-left: 5px;
}

nav a:hover .lang-back {
	background-color: var(--secondary-color);
	transition: all 0.4s ease-in;
}

.navbar .navbar-toggler {
	font-size: 22px;
}

nav .register-link {
	margin-right: 50px;
	display: flex;
	align-items: center;
}

nav .register-link a {
	position: relative;
	z-index: 2;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	border: none;
	text-transform: uppercase;
	text-align: center;
	background-color: var(--praimary-color);
	color: #fff!important;
	font-family: var(--title-font);
	border-radius: 5px;
	text-decoration: none;
	padding: 5px 30px;
}

nav .register-link a:before {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 600%;
	background-color: var(--secondary-color);
	transform: translateX(-50%) translateY(-50%) rotate(60deg);
	z-index: -1;
	transition: 0.7s ease;
}

nav .register-link a:hover:before {
	height: 560%;
}

nav .register-link a:hover {
	color: #fff;
}

.side-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgb(0 0 0 / .7);
	z-index: 10000;
	width: 100%;
	height: 100%;
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.5s ease,opacity 0.5s ease,visibility 0s 0.5s;
	direction: rtl;
}

.side-menu.active {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
	transition: transform 0.5s ease,opacity 0.5s ease;
}

.side-menu.show {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
	transition: transform 0.5s ease,opacity 0.5s ease,visibility 0s;
}

.side-menu.hide {
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.5s ease,opacity 0.5s ease,visibility 0s 0.5s;
}

.side-menu .menu .menu-toggle {
	line-height: 30px;
	position: absolute;
	left: 6px;
	top: 34px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--praimary-color);
	border: 0;
	z-index: 1;
}

.side-menu .menu .menu-toggle i {
	color: #fff;
}

.side-menu .menu {
	overflow-y: auto;
	width: 100%;
	max-width: 310px;
	height: 100%;
	position: relative;
	left: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	background-color: #fff;
}

.side-menu .menu .menu-logo {
	height: 100px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2e2e2e;
	position: relative;
}

.side-menu .menu .menu-logo::before {
	content: "";
	position: absolute;
	background: url(../images/contact-shape-3.png);
	background-size: contain;
	background-repeat: repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .03;
}

.side-menu .menu .menu-logo a {
	text-align: center;
	text-decoration: none;
}

.side-menu .menu .menu-logo a p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	color: var(--secondary-color);
	padding-top: 8px;
}

.side-menu .menu .menu-logo img {
	padding-right: 10px;
	float: right;
	width: 75%;
}

.side-menu .menu .menu-content {
	padding: 15px;
	background-color: var(--heading-color);
	height: 100%;
}

.side-menu .menu .menu-content ul {
	list-style: none;
	padding-right: 0;
	padding-left: 0;
}

.side-menu .menu .menu-content ul .nav-item {
	border-bottom: 1px solid #ded3d361;
	padding: 5px 0;
}

.side-menu .menu .menu-content ul li .dropdown-menu {
	width: 100%!important;
}

.side-menu .menu .menu-content ul a {
	font-size: 13px;
	color: var(--block-background-color);
	font-weight: 600;
}

.side-menu .menu .menu-content ul li:hover a {
	transition: all ease 1s;
	color: #aaa;
}

.reveal {
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 1s all ease;
}

.reveal.active {
	transform: translateY(0);
	opacity: 1;
}

.slideshow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 71vh;
	direction: ltr;
}

.slideshow .slideshow-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slideshow .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slideshow .slide {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.slideshow .slide.is-active {
	display: block;
}

.slideshow .slide.is-loaded {
	opacity: 1;
}

.slideshow .slide .caption {
	position: relative;
	padding: 0 100px;
	z-index: 1;
}

.slideshow .slide .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	z-index: 1;
	background-size: cover;
	image-rendering: optimizeQuality;
}

.slideshow .slide .image-container::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,30%);
}

.slideshow .slide .image {
	width: 100%;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.slideshow .slide-content {
	margin: 0 auto;
	max-width: 1492px;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	text-align: right;
	display: flex;
	justify-content: end;
	align-items: end;
}

.slideshow .shape {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
}

.slideshow .shape img {
	position: absolute;
	right: 0;
	height: 85vh;
	object-fit: contain;
	z-index: 0;
}

.slideshow .slide .name {
	color: #fff;
	font-weight: 500;
	position: relative;
	font-size: 19px;
	margin-bottom: 65px;
}

.slideshow .slide .title {
	margin-bottom: 60px;
	color: #fff;
	font-weight: 500;
	position: relative;
	font-size: 18px;
}

.slideshow .slide .text {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
	background-color: #4f6163a1;
	padding: 15px;
	border-left: 4px solid var(--secondary-color);
}

.slideshow .slide .text p {
	margin-bottom: 0;
}

.slideshow .btn-primary {
	margin-top: 16px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	border: none;
	text-transform: uppercase;
	text-align: center;
	background-color: var(--praimary-color);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 16px;
	min-width: 144px;
	border-radius: 4px;
}

.slideshow .btn-primary i {
	margin-right: 8px;
}

.slideshow .btn-primary:before,.slideshow .btn-primary:after {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--secondary-color);
	z-index: -1;
	transition: all 0.4s ease-out;
	border-radius: 99px;
	transform: scaleY(1.1);
}

.slideshow .btn-primary:before {
	transform: scaleY(0);
}

.slideshow .btn-primary:after {
	transform: scaleY(0);
}

.slideshow .btn-primary:hover::before,.slideshow .btn-primary:hover:after,.slideshow .btn-primary.active::before,.slideshow .btn-primary.active:after {
	border-radius: 0;
	transform: scale(1);
}

.slideshow .pagination {
	position: absolute;
	bottom: 0;
	left: 51px;
	transform: translateY(-50%);
	width: auto;
	cursor: default;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.slideshow .pagination .item {
	display: inline-block;
	padding: 15px 5px;
	position: relative;
	width: 23px;
	height: 32px;
	cursor: pointer;
	text-indent: -999em;
	z-index: 1;
}

.slideshow .pagination .item+.page {
	margin-left: -2px;
}

.slideshow .pagination .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: 5px;
	width: 10px;
	height: 10px;
	background: #fff;
	transition: background 0.2s ease;
}

.slideshow .pagination .item::after {
	width: 0;
	background: #fff;
	z-index: 2;
	transition: width 0.2s ease;
}

.slideshow .pagination .item:hover::before,.slideshow .pagination .item.is-active::before {
	background-color: var(--praimary-color);
	border: 1px solid #fff;
}

.slideshow .arrows .arrow {
	font-weight: 700;
	color: #fff;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 3;
}

.slideshow .arrows .prev {
	left: 30px;
}

.slideshow .arrows .prev:hover i {
	left: -10px;
}

.slideshow .arrows .next {
	right: 30px;
}

.slideshow .arrows .next:hover i {
	left: 10px;
}

.slideshow .arrows i {
	padding: 10px;
	position: relative;
	left: 0;
	font-size: 30px;
	color: #fff;
	background: rgb(191 30 47 / .7);
	transition: left 0.2s ease;
}

.text-justify {
	text-align: justify;
}

.about {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: snow;
	position: relative!important;
	overflow: hidden;
}

.about .images {
	height: 100%;
	position: relative;
	display: block;
}

.about .images .about-three__shape-4 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 223px;
	top: -58px;
	z-index: 1;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.about .images .about-three__shape-4 img {
	transform: scale(-1);
}

@keyframes ImgBounce {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-30px);
	}
}

.about .about-three__shape-5 {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	mix-blend-mode: darken;
	opacity: .2;
	z-index: 1;
	animation: Imgmove 5s ease-in-out 0s infinite alternate;
}

.about .about-three__shape-5 img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 50%;
	height: auto;
}

@keyframes Imgmove {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-30px);
	}
}

.about .images .main-img {
	max-width: 100%;
	height: 422px;
	z-index: 2;
	position: relative;
	padding-left: 50px;
}

.about .images .main-img img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

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

.about h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.about h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.about h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	right: 0;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.about p {
	font-size: 15px;
	text-align: justify;
}

.about .button a {
	position: relative;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 34px;
	padding-right: 58px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}

.about .button a .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.about .button a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	border-radius: 56px 5px 5px 56px;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.about .button a:hover:before {
	width: 100%;
	border-radius: 5px;
}

.about .button a:hover .icon-bg {
	right: 24px;
	opacity: 1;
}

.about-one__certified {
	position: relative;
	width: 100%;
	padding: 16px;
	background-color: rgb(255 255 255 / 40%);
	z-index: 3;
	text-align: center;
	display: flex;
	border-radius: 5px;
	margin-top: 18px;
}

.about-one__certified-icon {
	position: relative;
	display: inline-block;
}

.about-one__certified-icon i {
	position: relative;
	display: inline-block;
	font-size: 20px;
	color: var(--praimary-color);
	margin-left: 8px;
}

.about-one__certified-title {
	font-size: 25px;
	font-weight: 800;
	line-height: 22px;
	color: #505050;
	display: flex;
	align-items: center;
}

.about-one__certified-detail {
	font-size: 14px!important;
	font-weight: 600!important;
	text-align: center!important;
	color: #505050!important;
}

.num {
	margin-right: 8px;
	font-size: 20px;
}

.services {
	margin-top: -96px;
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.services .service-card {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	position: relative;
	z-index: 2;
	box-shadow: 0 10px 30px rgb(8 14 28 / .06);
	box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0,rgb(60 64 67 / .15) 0 2px 6px 2px;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	overflow: hidden;
}

.services .service-card.main {
	border: 2px dashed #2e2e2e;
}

.services .service-card:before,.services .service-card:after {
	content: "";
	position: absolute;
	height: 110px;
	width: 110px;
	background-color: #ddd;
	opacity: .6;
	border-radius: 50%;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	z-index: -1;
}

.services .service-card:before {
	bottom: -73px;
	left: -28px;
}

.services .service-card_number {
	position: absolute;
	top: 25px;
	left: 40px;
	font-size: 100px;
	line-height: 1;
	font-weight: 700;
	color: #fae2e2;
	opacity: .3;
}

.services .shape-icon {
	position: relative;
	z-index: 2;
	width: 90px;
	height: 90px;
	line-height: 85px;
	text-align: center;
	margin-bottom: 20px;
}

.services .shape-icon svg {
	height: 40px;
	width: 40px;
}

.services .shape-icon img {
	height: 40px;
	width: 40px;
}

.services .shape-icon i {
	font-size: 30px;
	line-height: 90px;
	color: var(--praimary-color);
}

.services .shape-icon:before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #fae2e2;
	clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
	z-index: -1;
	transition: 0.4s ease-in-out;
}

.services .shape-icon .dots:before,.services .shape-icon .dots:after {
	content: "";
	position: absolute;
	background-color: var(--praimary-color);
	height: 24px;
	width: 23px;
	border-radius: 50%;
}

.services .shape-icon .dots:before {
	top: 0;
	right: 9px;
}

.services .shape-icon .dots:after {
	height: 12px;
	width: 11px;
	bottom: 0;
	left: 27px;
}

.services .box-title {
	font-size: 17px;
	line-height: 1.417;
	font-weight: 700;
	margin-top: -.32em;
	margin-bottom: 12px;
}

.services .box-title a {
	color: #2e2e2e;
	text-decoration: none;
}

.services .service-card .bg-shape {
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	pointer-events: none;
}

.service-card .bg-shape img {
	width: 100%;
}

.services .service-card:after {
	left: -73px;
	bottom: -28px;
}

.service-card:hover:before,.service-card:hover:after {
	opacity: 1;
	height: 120%;
	width: 130%;
	border-radius: 0;
}

.service-card:hover .bg-shape {
	bottom: 0;
	opacity: 1;
}

.service-card:hover .box-title a {
	color: #2e2e2e;
	text-decoration: none;
}

.service-card box-title p {
	color: #fff;
	margin-bottom: 10px;
}

.service-card:hover .shape-icon:before {
	background-color: #fff;
}

.services .service-card.main:before,.services .service-card.main:after {
	content: "";
	position: absolute;
	height: 180%;
	width: 130%;
	background-color: var(--praimary-color);
	opacity: .6;
	border-radius: 0;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	z-index: -1;
}

.service-card.main .bg-shape {
	bottom: 0;
	opacity: 1;
}

.service-card.main .box-title a {
	color: #fff;
	text-decoration: none;
}

.services .service-card.main .shape-icon:before {
	background-color: #fff;
}

.services .button {
	display: flex;
}

.services .button a {
	position: relative;
	line-height: 32px;
	font-size: 14px;
	font-weight: 600;
	padding-left: 15px;
	padding-right: 30px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
	border: 1px solid #fff0;
	margin-left: 8px;
}

.services .button a.second {
	color: #242424;
	background: #fff;
	border: 2px solid var(--praimary-color);
}

.services .button a.second:hover {
	color: #fff;
}

.services .button a .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.services .button a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.services .button a:hover {
	box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0,rgb(0 0 0 / .15) 0 2px 6px 2px!important;
	border: 1px solid #fff;
}

.services .button a:hover:before {
	width: 100%;
	border-radius: 5px;
}

.services .button a:hover .icon-bg {
	right: 12px;
	opacity: 1;
}

.clients {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f2f4f7;
	position: relative!important;
	overflow: hidden;
}

.clients .images {
	height: 100%;
	position: relative;
	display: block;
}

.clients .images .about-three__shape-4 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 223px;
	top: -58px;
	z-index: 1;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.clients .images .clients-three__shape-4 img {
	transform: scale(-1);
}

@keyframes ImgBounce {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-30px);
	}
}

.clients .clients-three__shape-5 {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	mix-blend-mode: darken;
	opacity: .2;
	z-index: 1;
	animation: Imgmove 5s ease-in-out 0s infinite alternate;
}

.clients .clients-three__shape-5 img {
	transform: scaleX(1);
	position: absolute;
	left: 0;
	top: 0;
	max-width: 50%;
	height: auto;
}

@keyframes Imgmove {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-30px);
	}
}

.clients .images .main-img {
	width: 100%;
	height: 340px;
	z-index: 2;
	position: relative;
	padding-left: 50px;
}

.clients .images .main-img img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.clients h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 24px;
}

.clients h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.clients h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.clients .single-logo {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 12px;
	margin-right: 12px;
	padding: 8px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #aaa;
	box-shadow: rgb(0 0 0 / .35) 0 5px 10px;
}

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

.clients .single-logo img {
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	width: 100%;
	height: 130px;
	object-fit: contain;
}

.clients .single-logo h6 {
	color: var(--heading-color);
	font-size: 20px;
	font-weight: 600;
	margin-top: 16px;
}

.clients .owl-carousel .owl-stage-outer {
	height: 160px;
}

.events {
	padding-top: 70px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	background: #f2f4f7;
}

.events__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .1;
	mix-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../images/bg-2.jpg);
	z-index: -1;
}

.events h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.events h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.events h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.events .single-blog-artical {
	position: relative;
}

.events .single-blog-card {
	position: relative;
}

.events .single-blog-artical .single-blog-card {
	overflow: hidden;
}

.events .single-blog-artical .single-blog-card .blog-img {
	overflow: hidden;
}

.events .single-blog-artical .single-blog-card .blog-img img {
	width: 100%;
	transition: 1200ms;
	height: 450px;
	object-fit: cover;
}

.events .single-blog-artical .single-blog-card .blog-content-text {
	width: 100%;
	position: absolute;
	bottom: -14px;
	left: 0;
	z-index: 9;
	padding: 30px;
	transition-duration: 600ms;
	padding-top: 80px;
}

.events .single-blog-artical .single-blog-card .blog-content-text::before {
	content: "";
	position: absolute;
	bottom: -36%;
	width: 50%;
	height: 110%;
	background: rgb(36 36 36 / 70%);
	transform: skewY(18deg);
	z-index: -1;
	right: 0;
	transform-origin: top right;
}

.events .single-blog-artical .single-blog-card .date-badge {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(to bottom,#ffffff,#bf1e2e);
	height: 80px;
	width: 80px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 23px;
}

.events .single-blog-artical .single-blog-card .blog-content-text::after {
	content: "";
	position: absolute;
	bottom: -36%;
	width: 50%;
	height: 110%;
	background: rgb(36 36 36 / 70%);
	transform: skewY(-18deg);
	z-index: -1;
	left: 0;
	transform-origin: top left;
}

.events .single-blog-artical .single-blog-card .hover-blog-content-img {
	width: 100%;
	position: absolute;
	bottom: -500px;
	left: 0;
	z-index: 99;
	padding: 30px;
	padding-bottom: 45px;
	transition-duration: 800ms;
	padding-top: 80px;
}

.events .single-blog-artical .single-blog-card .hover-blog-content-img::before {
	content: "";
	position: absolute;
	bottom: -31%;
	width: 50%;
	height: 110%;
	background: rgb(191 30 46 / 50%);
	-webkit-backdrop-filter: blur(6.3499999046px);
	backdrop-filter: blur(6.3499999046px);
	transform: skewY(18deg);
	z-index: -1;
	right: 0;
	transform-origin: top right;
}

.events .single-blog-artical .single-blog-card .hover-blog-content-img .hover-blog-content {
	position: relative;
	z-index: 99999;
}

.events .single-blog-artical .single-blog-card .hover-blog-content-img::after {
	content: "";
	position: absolute;
	bottom: -31%;
	width: 50%;
	height: 110%;
	background: rgb(191 30 46 / 50%);
	-webkit-backdrop-filter: blur(6.3499999046px);
	backdrop-filter: blur(6.3499999046px);
	transform: skewY(-18deg);
	z-index: -1;
	left: 0;
	transform-origin: top left;
}

.events .single-blog-artical:hover .single-blog-card .hover-blog-content-img {
	bottom: 0;
}

.events .single-blog-artical:hover .deft-blog-content-info .blog-content-text {
	opacity: 0;
}

.events .events-title {
	position: relative;
	z-index: 1;
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	text-decoration: none;
	color: #fff;
}

.events .events-details {
	min-height: 68px;
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 15px;
	text-align: justify;
}

.events .button a {
	position: relative;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 34px;
	padding-right: 58px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}

.events .button a .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.events .button a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	border-radius: 56px 5px 5px 56px;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.events .button a:hover:before {
	width: 100%;
	border-radius: 5px;
}

.events .button a:hover .icon-bg {
	right: 24px;
	opacity: 1;
}

.publish {
	padding-top: 70px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	background-color: #f2f4f7;
}

.feature-two__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 430px;
	opacity: .03;
	mix-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.publish h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.publish h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.publish h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.publish .feature-two__single {
	position: relative;
	display: block;
}

.publish .feature-two__img {
	clip-path: polygon(100% 0,100% 80%,60% 100%,40% 100%,0 80%,0% 0%);
	height: 350px;
	position: relative;
	display: block;
	background: linear-gradient(to bottom,#fff0,rgb(191 30 46 / 50%));
	z-index: 1;
}

.publish .feature-two__img img {
	width: 100%;
	object-fit: cover;
	height: 350px;
	mix-blend-mode: luminosity;
}

.publish .feature-two__content {
	position: relative;
	display: block;
	margin-top: -80px;
	padding-top: 20px;
	background-color: #fff;
	box-shadow: 0 10px 60px 0 rgb(0 0 0 / .05);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.feature-two__icon span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	font-size: 32px;
	border-radius: 50%;
	border: 6px solid #fff;
	background-color: var(--praimary-color);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.feature-two__icon span i {
	color: #fff;
	line-height: 70px;
}

.publish .feature-two__shape-1 {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 1;
}

.publish .feature-two__shape-1 img {
	width: auto;
}

.publish .feature-two__shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
}

.publish .feature-two__shape-2 img {
	width: auto;
}

.publish .feature-two__content-inner {
	position: relative;
	display: block;
	padding: 20px 40px 20px;
	text-align: center;
	overflow: hidden;
	z-index: 1000;
}

.publish .feature-two__icon {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	z-index: 3;
}

.publish .feature-two__title {
	margin-top: 7px;
	font-size: 18px;
	min-height: 54px;
	font-weight: 600;
	line-height: 25px;
}

.publish .feature-two__title a {
	color: #2e2e2e;
	transition: all 500ms ease;
	text-decoration: none;
}

.publish .feature-two__text {
	color: #aaa;
	font-size: 15px;
	text-align: justify;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.publish .feature-two__single:hover .feature-two__content {
	background-color: #2e2e2e;
	box-shadow: 0 10px 60px 0 rgb(5 5 5 / .05);
}

.publish .feature-two__single:hover .feature-two__shape-1 {
	opacity: 0;
}

.publish .feature-two__single:hover .feature-two__shape-2 {
	opacity: .25;
}

.publish .feature-two__single:hover span {
	border: 6px solid #2e2e2e;
}

.publish .feature-two__single:hover a {
	color: #fff;
}

.publish .feature-two__single:hover .feature-two__text {
	color: #fff;
}

.publish .button a {
	position: relative;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 34px;
	padding-right: 58px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}

.publish .button a .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.publish .button a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	border-radius: 56px 5px 5px 56px;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.publish .button a:hover:before {
	width: 100%;
	border-radius: 5px;
}

.publish .button a:hover .icon-bg {
	right: 24px;
	opacity: 1;
}

.video {
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
	background-color: #2e2e2e;
}

.video h6 {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}

.video h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.video h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.video .service-card {
	position: relative;
	z-index: 2;
	box-shadow: 0 10px 30px rgb(8 14 28 / .06);
	box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0,rgb(60 64 67 / .15) 0 2px 6px 2px;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	overflow: hidden;
}

.video .service-card.main {
	border: 2px dashed #2e2e2e;
}

.video .service-card:before,.video .service-card:after {
	content: "";
	position: absolute;
	height: 110px;
	width: 110px;
	background-color: #ddd;
	opacity: .6;
	border-radius: 50%;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	z-index: -1;
}

.video .service-card:before {
	bottom: -73px;
	left: -28px;
}

.video .box-title {
	border-top: 1px solid #ddd;
	text-align: right;
	direction: ltr;
	font-size: 16px;
	line-height: 1.417;
	font-weight: 700;
	padding: 16px;
}

.video .box-title p {
	margin-bottom: 5px;
}

.video .box-title a .fa {
	font-size: 14px;
	color: var(--praimary-color);
	border-right: 1px solid var(--praimary-color);
	padding: 0 5px 0 0;
}

.video .box-title a {
	margin-left: 10px;
	color: #2e2e2e;
	text-decoration: none;
}

.video .service-card .bg-shape {
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	pointer-events: none;
}

.service-card .bg-shape img {
	width: 100%;
}

.video .service-card:after {
	left: -73px;
	bottom: -28px;
}

.service-card:hover:before,.service-card:hover:after {
	opacity: 1;
	height: 120%;
	width: 130%;
	border-radius: 0;
}

.service-card:hover .bg-shape {
	bottom: 0;
	opacity: 1;
}

.service-card:hover .box-title a {
	color: #2e2e2e;
	text-decoration: none;
}

.service-card:hover .shape-icon:before {
	background-color: #fff;
}

.video .service-card.main:before,.video .service-card.main:after {
	content: "";
	position: absolute;
	height: 180%;
	width: 130%;
	background-color: var(--praimary-color);
	opacity: .6;
	border-radius: 0;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	z-index: -1;
}

.video .button a {
	position: relative;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 34px;
	padding-right: 58px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
	border: 2px solid var(--praimary-color);
}

.video .button a .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.video .button a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	border-radius: 56px 5px 5px 56px;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.video .button a:hover {
	box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0,rgb(0 0 0 / .15) 0 2px 6px 2px!important;
	border: 1px solid #090909;
}

.video .button a:hover:before {
	width: 100%;
	border-radius: 5px;
}

.video .button a:hover .icon-bg {
	right: 24px;
	opacity: 1;
}

.video .video-container {
	width: 100%;
	height: 350px;
	z-index: 1000;
	background: #fff;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
}

.video .video-container img {
	padding: 5px;
	max-width: 100%;
	height: 348px;
	object-fit: cover;
}

.news {
	padding-top: 70px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	background-color: snow;
}

.news .about-three__shape-5 {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: -50px;
	mix-blend-mode: darken;
	opacity: .2;
	z-index: 1;
	animation: Imgmove 5s ease-in-out 0s infinite alternate;
}

.news.about-three__shape-5 img {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 50%;
	height: auto;
}

.news__bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 430px;
	opacity: .7;
	mix-blend-mode: luminosity;
	z-index: 1;
}

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

.news h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.news h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.news h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.news .news-card {
	position: relative;
	text-align: right;
	padding: 10px;
	background-color: #fff;
	box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0,rgb(60 64 67 / .15) 0 2px 6px 2px;
	z-index: 2;
	margin-top: 67px;
	margin-left: 10px;
	margin-right: 10px;
}

.news .news-card .main-img {
	overflow: hidden;
	position: relative;
}

.news .news-card .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	background: linear-gradient(to bottom,#fff0,rgb(46 46 46 / 70%));
}

.news .news-card:hover {
	box-shadow: rgb(0 0 0 / .2) 0 1px 2px,rgb(0 0 0 / .2) 0 2px 4px,rgb(0 0 0 / .2) 0 4px 8px,rgb(0 0 0 / .2) 0 8px 16px,rgb(0 0 0 / .07) 0 16px 32px,rgb(0 0 0 / .07) 0 32px 64px;
	transition: all 500ms ease;
}

.news .news-card .news-card-img {
	overflow: hidden;
	width: 90px;
	height: 120px;
	padding: 16px;
	display: inline-block;
	position: absolute;
	top: -20px;
	left: -20px;
	background: linear-gradient(to top,#a10f18,#bf1e2f);
	text-align: center;
	z-index: 1000;
}

.news .news-card .news-card-img .date {
	color: #fff;
}

.bg-mask {
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFHRSTlMAYJAg34C/7xBAcFCvz59/sI8woFnTCjgAAAG8SURBVHja7dhbboMwGEThAQy2ueRW9r/WNqrUpGofmoYk9uicHXyCf4SQzqVxDmuVLXOjS1NcKy58UY5r5e0/Hfu1+o5nR7MaNH1AggMkJo8Hsq6jZg/IQYsHJGg1CQgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAADGFLC6QgwukMYEEyeWBeEB6eUBaWUDiJANImMekh0Fin5Oe3SMYz1c8AtK+hLE5ZMiSASQ2kgHkRcexOWToJANIyJIBJI6SA6RNcoAMWTKAhEkygLx2creDzJ1kACnjOO6GFDC5m0DaJAfIcJIMICFLBpByJvc+yK6TDCBDlgwghU3uvyFFHsftkKGTDCAhSwaQ2EsOkDbJATJkyQASGskAEvskB0jZk/tnyJJVTbHK75FfCjVP7nVtzZN7XS76r9stDRVP7re6WPBft5uaKj+OS6dQ6+T+eLveYs3H8f396ne7NlfPICKiJ/cOmJbEF+J6x/AAAAAASUVORK5CYII=);
	mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFHRSTlMAYJAg34C/7xBAcFCvz59/sI8woFnTCjgAAAG8SURBVHja7dhbboMwGEThAQy2ueRW9r/WNqrUpGofmoYk9uicHXyCf4SQzqVxDmuVLXOjS1NcKy58UY5r5e0/Hfu1+o5nR7MaNH1AggMkJo8Hsq6jZg/IQYsHJGg1CQgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAADGFLC6QgwukMYEEyeWBeEB6eUBaWUDiJANImMekh0Fin5Oe3SMYz1c8AtK+hLE5ZMiSASQ2kgHkRcexOWToJANIyJIBJI6SA6RNcoAMWTKAhEkygLx2creDzJ1kACnjOO6GFDC5m0DaJAfIcJIMICFLBpByJvc+yK6TDCBDlgwghU3uvyFFHsftkKGTDCAhSwaQ2EsOkDbJATJkyQASGskAEvskB0jZk/tnyJJVTbHK75FfCjVP7nVtzZN7XS76r9stDRVP7re6WPBft5uaKj+OS6dQ6+T+eLveYs3H8f396ne7NlfPICKiJ/cOmJbEF+J6x/AAAAAASUVORK5CYII=);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.news .news-card img.main {
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	transition: all 500ms ease;
	height: 350px;
}

.news .news-card:hover img.main {
	transform: scale(1.2,1.2);
}

.news .news-card .card-text {
	padding: 55px 30px 30px;
	border-radius: 5px;
	position: relative;
}

.news .news-title {
	overflow: hidden;
	height: 72px;
	text-align: center;
	background: #aaa;
	padding: 10px;
	position: relative;
	z-index: 1;
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	color: #fff;
}

.news .news-title a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	padding: 5px;
}

.news .news-title a:hover {
	color: #2e2e2e;
	text-decoration: none;
}

.news .news-details {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 15px;
	text-align: justify;
}

.news .news-card-img .month {
	font-size: 15px;
	display: block;
}

.news .button a {
	position: relative;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 34px;
	padding-right: 58px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}

.news .button a .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.news .button a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	border-radius: 56px 5px 5px 56px;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.news .button a:hover:before {
	width: 100%;
	border-radius: 5px;
}

.news .button a:hover .icon-bg {
	right: 24px;
	opacity: 1;
}

.contact-sec {
	position: relative;
	background: snow;
}

.contact-sec .location {
	box-shadow: inset 0 0 0 2000px #00000087;
	height: 500px;
}

.contact-sec .location iframe {
	height: 100%;
	width: 100%;
}

.elementor-widget-container {
	position: absolute;
	top: -28px;
	right: 100px;
}

.ct-contact-info3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.ct-contact-info3 .ct-contact-inner {
	position: relative;
	max-width: 360px;
	background-color: #000;
	background-image: url(../images/bg-contact-info.png);
	padding: 60px 30px 64px;
}

.ct-contact-info3 .ct-contact-inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: -28px;
	border-color: #fff0 #676767 #676767 #fff0;
	border-width: 14px;
	border-style: solid;
}

.ct-contact-info3 .ct-contact-inner .wg-title {
	margin-bottom: 33px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}

.ct-contact-info3 .ct-contact-inner .wg-title span {
	display: inline-block;
	position: relative;
	padding-left: 55px;
}

.ct-contact-info3 .ct-contact-inner .wg-title span::before {
	content: "";
	width: 44px;
	height: 3px;
	background-color: var(--praimary-color);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}

.ct-contact-info3 .ct-contact-inner .item--info {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
	margin-top: 30px;
}

.ct-contact-info3 .ct-contact-inner .ct-contact-icon {
	line-height: 1;
	margin-left: 14px;
}

.ct-contact-info3 .ct-contact-inner .ct-contact-icon i {
	font-size: 35px;
	color: var(--praimary-color);
}

.ct-contact-info3 .ct-contact-inner .item--title {
	margin-bottom: 0;
	font-size: 17px;
	line-height: 28px;
	color: #b7b7b7;
	font-weight: 500;
}

.ct-contact-info3 .ct-contact-inner .item--content {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	margin-top: 3px;
}

.ct-contact-info3 .ct-contact-inner .item--info .ct-contact-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.content {
	background-color: var(--praimary-color);
}

.open-search-btn {
	background: var(--praimary-color);
	border: none;
	color: #fff;
	font-size: 19px;
	cursor: pointer;
}

.open-search-btn i {
	padding-right: 10px;
}

.search-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 16%;
	background-color: rgb(191 30 47 / .9);
	align-items: center;
	justify-content: center;
	overflow: auto;
}

.search-modal.show {
	display: flex;
	animation: fadeIn 360ms ease forwards;
}

.search-modal.hide {
	display: flex;
	animation: fadeOut 300ms ease forwards;
}

.search-modal-content {
	background: #fff;
	padding: 0;
	border-radius: 8px;
	width: 92%;
	max-width: 520px;
	position: relative;
}

.search-modal input[type="text"] {
	width: 100%;
	padding: 12px 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
}

.search-modal input[type="text"]:focus {
	outline: none;
	border-color: #ddd;
	box-shadow: none;
}

.search-modal button[type="submit"] {
	position: absolute;
	left: 38px;
	top: 50%;
	transform: translateY(-50%);
	background: #2e2e2e;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.search-modal button[type="button"] {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	background: var(--praimary-color);
	border: none;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes slideUp {
	from {
		transform: translateY(20px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slideDown {
	from {
		transform: translateY(0);
		opacity: 1;
	}

	to {
		transform: translateY(20px);
		opacity: 0;
	}
}

input:focus {
	border: 0;
	outline: none;
}

.field {
	display: flex;
	position: realtive;
	border: 1px solid #ded3d3;
}

.field>input[type="text"],.field>button {
	display: block;
}

.field>input[type="text"] {
	flex: 1;
	padding: .6em;
	border: .2em;
}

.field>button {
	padding: .6em .8em;
	background-color: var(--praimary-color);
	color: #fff;
	border: none;
}

.field>button:hover {
	cursor: pointer;
}

.pt-180 {
	padding-top: 160px;
}

[type="email"],[type="number"],[type="tel"],[type="url"] {
	direction: rtl!important;
}

.sec {
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}

.p-relative {
	position: relative;
}

center-black-title {
	position: relative;
}

.center-black-title h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	padding-bottom: 10px;
}

.center-black-title h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.center-black-title h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.sc-breadcrumb-style {
	position: relative;
	height: 265px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sc-breadcrumb-style .separater {
	position: relative;
	width: 106px;
	height: 7px;
	margin-top: 8px!important;
	margin-bottom: 6px;
	background: url(../images/icons/separater.webp) no-repeat;
	text-align: center;
	margin: 0 auto;
}

.breadcrumb-outer {
	height: 50%;
	position: relative;
	text-align: center;
	z-index: 1;
}

.breadcrumb-outer .bread-crumb {
	position: relative;
	padding: 10px 20px;
	top: -22px;
	border-radius: 5px;
	display: inline-block;
	background-color: var(--praimary-color);
}

.breadcrumb-outer .bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #eee;
	font-weight: 600;
	margin-right: 5px;
}

.breadcrumb-outer .bread-crumb li a {
	text-decoration: none;
	position: relative;
	font-size: 14px;
	color: #fff;
	margin: 0 7px 0 0;
	font-weight: 600;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.breadcrumb-outer .bread-crumb a:hover,.breadcrumb-outer .bread-crumb a.current {
	position: relative;
	color: #eee;
}

.breadcrumb-outer .bread-crumb li span i {
	font-size: 12px;
	color: #fff;
}

.container-login {
	background-image: url(../images/service_card_bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #e0e5eb;
	padding: 30px;
	border-radius: 20px;
	width: 50%;
}

.red-color {
	color: var(--praimary-color);
	font-size: 13px;
}

.title-inner-form {
	border-right: 3px solid var(--praimary-color);
	margin: 0;
	padding: 10px;
	font-size: 16px;
	text-align: right;
	margin-bottom: 20px;
	color: #2e2e2e;
}

.btn-primary:hover {
	color: #fff;
	border: none;
	background-color: var(--praimary-color);
	border-color: var(--praimary-color);
}

.tabs {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	border-bottom: 3px solid var(--praimary-color);
}

.tabs button {
	font-size: 18px;
	flex: 1;
	padding: 10px;
	border: none;
	background: none;
	font-weight: 700;
	cursor: pointer;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition: 0.3s;
}

.tabs button.active {
	color: #fff;
	background-color: var(--praimary-color);
}

.form {
	display: none;
	flex-direction: column;
}

.form.active {
	display: flex;
}

input {
	direction: rtl!important;
	padding: 12px;
	border-radius: 10px;
	border: none;
	background: #fff;
}

.btn {
	padding: 0;
	min-height: 46px;
	background: #2e2e2e;
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: 700;
	transition: 0.3s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.browse {
	padding: 0;
	background: #777;
	color: #fff;
	border: none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;
	font-weight: 700;
	transition: 0.3s;
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
	color: #fff;
	background-color: var(--praimary-color);
	border-color: var(--praimary-color);
	box-shadow: none;
}

.btn:hover {
	color: #fff;
	background-color: var(--praimary-color);
}

.btn:focus {
	box-shadow: none!important;
}

.btn-gray {
	margin-top: 10px;
	padding: 12px;
	background: #777;
	color: #fff;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 700;
	transition: 0.3s;
}

.btn-gray:hover {
	color: #fff;
	background-color: #2e2e2e;
}

.btn-gray:focus {
	box-shadow: none;
}

.w-100 {
	width: 100%;
}

.form-group {
	position: relative;
	margin-bottom: 35px;
}

.form-group input {
	margin-bottom: 10px;
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	outline: none;
}

.text-danger {
	padding-bottom: 20px;
	color: var(--praimary-color)!important;
}

.form-group .icon {
	position: absolute;
	top: 41%;
	right: 12px;
	transform: translateY(-50%);
	color: var(--praimary-color);
	font-size: 16px;
	pointer-events: none;
}

.form-group input.error-input {
	border-color: var(--praimary-color);
	background-color: #fff;
}

.form-group small.error {
	font-weight: 600;
	position: absolute;
	bottom: -28px;
	right: 0;
	color: var(--praimary-color);
}

.forget-password {
	margin-top: 15px;
}

.forget-password a {
	text-decoration: none;
	color: #777;
	padding-top: 20px;
}

.forget-password a:hover {
	text-decoration: none;
	color: #2e2e2e;
}

.sq-radio {
	padding-right: 20px;
	display: inline;
	position: relative;
	padding-right: 35px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 30px;
}

.sq-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 22px;
	border-radius: 5px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
}

.sq-radio:hover input~.checkmark {
	background-color: #ddd;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.sq-radio input:checked~.checkmark:after {
	display: block;
}

.sq-radio .checkmark:after {
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	background-color: #2e2e2e;
}

.red-color {
	color: var(--praimary-color);
}

.span-blue {
	padding-left: 10px;
	color: #5b5b5b;
	font-size: 1rem;
	font-weight: 400;
}

footer {
	background-color: #2e2e2e;
	position: relative;
}

.footer-content .logo-box {
	width: 70%;
}

.footer-content .logo-container p a {
	font-weight: 600;
	color: var(--praimary-color);
	text-decoration: none;
}

.footer-content {
	background: #000;
	background-image: url(../images/Sheikh-Zayed-Mosque-in-Fujairah-.webp);
	background-size: cover;
	background-position: bottom center;
	height: 100%;
	width: 100%;
	position: relative;
	padding-top: 40px;
	padding-bottom: 10px;
	margin: 0;
}

.overlay-light {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(250 245 246 / .85);
}

footer .container {
	position: relative;
}

footer h5 {
	font-size: 23px;
	font-weight: 600;
	color: var(--secondary-color);
	text-shadow: 2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;
}

.footer-content p {
	padding-top: 15px;
	margin-bottom: 0;
	font-weight: 450;
	font-size: 15px;
	line-height: 25px;
	color: #505050;
}

footer h6 {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: #505050;
	padding: 10px 0;
	margin-bottom: 10px;
}

footer h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

footer h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	right: 0;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.footer-content i {
	color: var(--praimary-color);
	margin-right: 5px;
}

footer ul {
	list-style: none;
	padding-right: 0;
}

footer .social-media ul {
	margin-bottom: 0;
}

footer .social-media li {
	display: inline-block;
	padding-left: 6px;
}

footer .contact li {
	align-items: center;
	display: flex;
	justify-content: start;
}

footer .contact .icon-bg {
	margin-left: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--praimary-color);
	text-align: center;
}

footer .contact .icon-bg i {
	padding: 10px;
	font-size: 12px;
	color: #fff;
	margin-right: 0;
}

footer .social-media .icon-bg {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	background-color: #fff0;
	margin-right: 5px;
	text-align: center;
	border: 1px solid var(--praimary-color);
}

footer .social-media .icon-bg i {
	font-size: 15px;
	line-height: 35px;
	color: #505050;
	margin-right: 0;
}

footer .social-media .icon-bg svg {
	fill: #505050;
}

footer .social-media .icon-bg:hover {
	background-color: #fff;
	transition: background-color 0.4s ease-in-out;
}

footer .social-media .icon-bg:hover i {
	color: var(--praimary-color);
	transition: all 0.4s ease-in-out;
}

footer .social-media .icon-bg:hover svg {
	fill: var(--praimary-color);
	transition: all 0.4s ease-in-out;
}

.flipped {
	transform: scaleX(-1);
	display: inline-block;
}

.footer-link a i {
	font-size: 11px;
}

.footer-link a {
	line-height: 39px;
}

.footer-link a,.contact-link a {
	color: #505050;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	position: relative;
}

.footer-link a:hover {
	color: #aaa;
}

.footer-link a:hover:after {
	width: 100%;
}

footer #branch h5 {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
}

footer .contact-sperator {
	height: 1px;
	margin-top: 8px;
	margin-bottom: 0;
	background-color: #d7dbe4;
}

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

.footer-copyright p {
	font-size: 14px;
	line-height: 25px;
	color: #f1f4ff;
	margin-bottom: 0;
}

.footer-copyright .content {
	background-color: #2e2e2e;
	text-align: center;
	padding: 8px;
}

footer .download-container {
	width: 100%!important;
	display: flex!important;
	align-items: center;
}

footer .download-container a {
	margin-left: 4px;
}

footer .download-container .download {
	width: 129px;
}

.cursor-dot,.cursor-dot-outline {
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	opacity: 0;
	transform: translate(-50%,-50%);
	transition: opacity 0.3s ease-in-out,transform 0.3s ease-in-out;
	z-index: 1000;
}

.cursor-dot {
	width: 8px;
	height: 8px;
	background-color: #fff;
}

.cursor-dot-outline {
	width: 25px;
	height: 25px;
	background-color: #fff0;
	border: 2px solid var(--praimary-color);
}

.dir-rtl {
	direction: rtl;
}

.owl-carousel {
	direction: ltr;
}

.owl-carousel .item img {
	border-radius: 10px;
	border: 1px solid #ddd;
	width: 100%;
	height: auto;
	display: block;
}

.card {
	transition: transform 0.3s ease,box-shadow 0.3s ease;
}

.wraper {
	position: relative;
}
.c-event-tltle {
    min-height: 82px;
    position: relative;
    width: 100%;
    padding: 0 20px 20px 0;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgb(0 0 0 / .06);
	direction: rtl;
}

.c-event-tltle .icon {
	padding-bottom: 20px;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 5;
	width: 80px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s ease-in-out;
}

.c-event-tltle .blog-date .date {
	color: #fff;
}

.c-event-tltle .blog-date {
	width: 100%;
	border-radius: 10px;
	padding: 10px 8px;
	text-align: center;
	background: var(--praimary-color);
	box-sizing: border-box;
}

.c-event-tltle .date {
	display: block;
	font-size: 32px;
	color: #fff;
	font-weight: 800;
	margin-bottom: 4px;
	line-height: 1;
}

.c-event-tltle .blog-date .month {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	line-height: 1;
}

.event-inner-title {
	margin-bottom: 10px;
}

.event-inner-title h1 {
	padding-right: 80px;
	font-size: 20px;
	margin: 0;
	color: #2e2e2e;
	font-weight: 700;
	line-height: 1.3;
}

.c-d-events {
	text-align: justify;
	position: relative;
	width: 100%;
	margin-top: 12px;
	font-size: 15px;
	line-height: 1.8;
	color: #555;
}

.c-event-tltle .icon {
	right: 0;
	top: 0;
}}

.owl-carousel .owl-prev,.owl-carousel .owl-next {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	background-color: #fff!important;
	color: #000!important;
	font-size: 1.5em!important;
	width: 40px;
	height: 40px;
	border-radius: 100%!important;
	font-weight: 700;
	padding: 15px!important;
	text-align: center;
	box-shadow: 0 0 10px 0 #000;
}

.owl-carousel .owl-prev:hover,.owl-carousel .owl-next:hover {
	box-shadow: 0 0 0 0 #000;
	background-color: red!important;
	color: #fff!important;
}

.owl-carousel .owl-prev {
	left: -30px;
}

.owl-carousel .owl-next {
	right: -30px;
}

.owl-theme .owl-dots .owl-dot span {
	width: 25px;
	height: 25px;
	background: #ccc;
	display: block;
	margin: 5px;
	transition: 0.2s ease-in-out;
	border-radius: 0!important;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: var(--praimary-color)!important;
}

.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--praimary-color)!important;
}

.owl-theme .owl-dots {
	text-align: left;
	margin-left: 20px;
}

.image-slider1.owl-theme .owl-dots {
	position: absolute;
	top: -30px;
	left: -5px;
	text-align: left;
	width: 100%;
}

.image-slider1.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	background: #ccc;
	display: block;
	margin: 3px;
	border-radius: 0!important;
	transition: 0.2s ease-in-out;
}

.image-slider1.owl-theme .owl-dots .owl-dot.active span {
	background: var(--praimary-color)!important;
}

.image-slider1.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--praimary-color)!important;
}

.course-details-content {
	background-image: url(../images/service_card_bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #e0e5eb;
	padding: 30px;
	border-radius: 10px;
}

.course-sidebar {
	background-size: cover;
	height: 100%;
	background-image: url(../images/service_card_bg.webp);
	background-position: center;
	border: 1px solid #e0e5eb;
	border-radius: 15px;
}

ol,ul {
	list-style: disc;
}

.bg-s-job {
	padding: 20px 20px 10px 20px!important;
}

.course-sidebar .sidebar-title {
	padding: 20px 30px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
	color: #fff;
	background: var(--praimary-color);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.course-sidebar .course-sidebar-list {
	padding-right: 30px;
	padding-left: 30px;
	list-style: none;
}

.course-sidebar .course-sidebar-list li:not(:last-of-type) {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ced4e2;
}

.course-sidebar .course-sidebar-list li a {
	display: flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	font-weight: 500;
	color: #2e2e2e;
	font-size: 16px;
}

.course-sidebar .course-sidebar-list li a:hover {
	text-decoration: none;
	color: #777;
}

.course-sidebar .course-sidebar-list li i {
	color: var(--praimary-color);
	font-size: 12px;
	padding-left: 5px;
}

.course-sidebar .share-btn {
	margin: 30px;
}

.share-btn .ed-primary-btn {
	font-weight: 600;
	border: none;
	background-color: #f2f4f7;
	font-size: 16px;
	padding: 10px 30px;
	width: 100%;
	cursor: pointer;
	transform: all 0.3s;
	position: relative;
}

.share-btn .ed-primary-btn:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: -5px;
	left: -5px;
	border-top: 2px solid var(--praimary-color);
	border-left: 2px solid var(--praimary-color);
	transition: all 0.25s;
}

.share-btn .ed-primary-btn:hover:before,.share-btn .ed-primary-btn:hover:after {
	width: 104%;
	height: 110%;
}

.share-btn .ed-primary-btn:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: -5px;
	right: -5px;
	border-bottom: 2px solid var(--praimary-color);
	border-right: 2px solid var(--praimary-color);
	transition: all 0.3s;
}

.share-btn .ed-primary-btn i {
	font-size: 18px;
	margin-left: 0;
	margin-right: 10px;
}

.ed-primary-btn i {
	margin-left: 10px;
	font-size: 13px;
	margin-top: 2px;
}

.container-notifications {
	padding-left: 13px;
	padding-right: 13px;
	float: right;
}

.notifications {
	float: inline-start;
	width: 30px;
	height: 30px;
	position: relative;
	border: 0;
	background: #fff0;
	box-shadow: none;
	filter: brightness(1) grayscale(1);
	transition: filter 0.15s 0.3s linear;
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: #fff0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.notification-bel {
	animation-name: col;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.bell-con {
	animation-name: bell-ring;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	display: block;
	margin: 0 auto;
}

.notifications:before,.notifications:after {
	content: "";
	display: block;
}

.notifications__count {
	height: 24px;
	width: 24px;
	background: #2e2e2e;
	border-radius: 100%;
	color: #fff;
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	padding: 2px;
	top: -9px;
	right: -10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.notifications__count:empty {
	transform: scale(0);
	transition-delay: 0s;
}

.notifications--active {
	filter: brightness(1) grayscale(0);
	transition-delay: 0s;
}

@keyframes col {
	0% {
		transform: scale(1) translate(0,0);
	}

	10% {
		transform: scale(1.1) translate(0,0);
	}

	75% {
		transform: scale(1) translate(0,0);
	}

	100% {
		transform: scale(1) translate(0,0);
	}
}

@keyframes bell-ring {
	0% {
		transform: rotate(0);
	}

	5%,15% {
		transform: rotate(25deg);
	}

	10%,20% {
		transform: rotate(-25deg);
	}

	25% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(0);
	}
}

.datepicker {
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 12px;
	padding: 10px;
	box-shadow: 0 4px 12px rgb(0 0 0 / .08);
	font-family: "Cairo",sans-serif;
	z-index: 9999!important;
}

tbody,td,tfoot,th,thead,tr {
	padding: 5px;
	text-align: center;
}

.datepicker table thead tr th {
	background-color: #f8f9fa;
	color: #2e2e2e;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}

.datepicker table thead tr th:hover {
	background-color: #f2f4f7;
	color: #2e2e2e;
}

.datepicker table tr td.day {
	text-align: center;
	border: 1px solid #f2f4f7;
	padding: 5px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.datepicker table tr td.today {
	background-color: var(--praimary-color)!important;
	color: #fff!important;
	font-weight: 700;
}

.datepicker table tr td.active,.datepicker table tr td.active:hover {
	background-color: var(--praimary-color)!important;
	color: #fff!important;
	font-weight: 700;
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
	background-color: #f2f4f7!important;
	color: #adb5bd!important;
	cursor: not-allowed;
}

.datepicker .datepicker-switch {
	text-align: center;
	color: var(--praimary-color)!important;
	font-weight: 700;
}

.datepicker .prev,.datepicker .next {
	height: 35px;
	width: 35px;
	background: var(--praimary-color)!important;
	border-radius: 100%;
	text-align: center;
	color: #fff;
}

.m-0 {
	margin: 0!important;
}

.form-group input:focus {
	border: 1px solid #ccc;
}

.date-input-group {
	margin-bottom: 35px;
	position: relative;
}

.invalid-feedback {
	bottom: -28px;
	position: absolute;
	display: none;
	margin-top: 0;
	font-size: 13px;
}

.form-control.is-invalid,.was-validated .form-control:invalid {
	border-color: #ddd;
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
	border-color: #ddd;
	box-shadow: none;
}

.date-input-group input {
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	outline: none;
}

.date-input-group input:focus {
	border-color: #ccc;
	box-shadow: none;
}

.date-input-group .date-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--praimary-color);
	font-size: 14px;
	pointer-events: none;
}

.datepicker .datepicker-months,.datepicker .datepicker-years {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 4px 10px rgb(0 0 0 / .15);
}

.datepicker .prev,.datepicker .next {
	font-size: 1.2rem;
	font-weight: 700;
	cursor: pointer;
}

.datepicker .month,.datepicker .year {
	display: inline-block;
	width: 30%;
	padding: 10px;
	margin: 5px;
	border-radius: 8px;
	cursor: pointer;
	transition: 0.3s;
	background: #f8f9fa;
	font-weight: 500;
}

.datepicker .month:hover,.datepicker .year:hover {
	background: #c00;
	color: #fff;
}

.datepicker .month.active,.datepicker .year.active {
	background: #c00!important;
	color: #fff!important;
	font-weight: 700;
}

.input-group-text {
	width: 30px;
	z-index: 4;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: var(--praimary-color);
	pointer-events: none;
	border: 0;
	display: flex;
	align-items: center;
	padding: 0;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}

.text-muted {
	color: var(--praimary-color)!important;
}

.form-control:focus {
	color: #2e2e2e;
	background-color: #fff;
	border-color: #ccc;
	outline: 0;
	box-shadow: none;
}

.form-control:disabled,.form-control[readonly] {
	color: #2e2e2e;
	height: 46px;
	font-size: 16px;
	background-color: #fff;
	opacity: 1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ddd;
	outline: none;
}

input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-right: -1px;
	border-top-right-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}

.file-group {
	margin-bottom: 35px!important;
}

.time-input-wrapper {
	position: relative;
	margin-bottom: 35px;
}

.form-control.is-invalid,.was-validated .form-control:invalid {
	border-color: #ddd;
}

.small,small {
	color: var(--praimary-color);
}

.time-input {
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	outline: none;
}

.time-input:focus {
	border: 1px solid #ccc;
	outline: none;
}

.time-icon {
	position: absolute;
	left: 12px;
	top: 47%;
	transform: translateY(-47%);
	color: var(--praimary-color);
	pointer-events: none;
}

.timepicker-ui {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 260px;
	z-index: 2000;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgb(0 0 0 / .08);
	padding: 12px;
}

.timepicker-ui.active {
	display: block;
}

.timepicker-header {
	line-height: 40px;
	min-height: 40px;
	background: var(--praimary-color);
	color: #fff;
	font-weight: 600;
	margin-bottom: 8px;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.timepicker-body {
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.time-section {
	flex: 1;
	text-align: center;
}

.time-section div:first-child {
	font-size: .85rem;
	color: #666;
	margin-bottom: 6px;
}

.time-value {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 6px 0;
}

.time-controls button {
	color: #777;
	display: block;
	width: 40px;
	margin: 4px auto;
	padding: 6px 0;
	border-radius: 6px;
	border: 1px solid #ddd;
	background: #f2f4f7;
	cursor: pointer;
	user-select: none;
}

.confirm-btn {
	width: 100%;
	margin-top: 10px;
	padding: 8px 10px;
	border: none;
	border-radius: 6px;
	background: var(--praimary-color);
	color: #fff;
	cursor: pointer;
}

.confirm-btn:hover {
	background: #777;
}

.time-input-wrapper .time-icon {
	top: 43%;
	right: 12px;
	left: auto;
}

.print-icon {
	font-size: 20px;
	color: #202020!important;
	cursor: pointer;
}

.btn-slide {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	background-color: #777;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	overflow: hidden;
	transition: color 0.4s ease;
	text-decoration: none;
}

.btn-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #2e2e2e;
	transition: all 0.4s ease;
	z-index: -1;
}

.btn-slide {
	position: relative;
	z-index: 1;
}

.btn-slide:hover::before {
	left: 0;
}

.btn-slide:hover {
	color: #fff;
}

.btn-slide i {
	padding-left: 10px;
}

.bg-gray-solid {
	width: 100%;
	background: #eee;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	border-radius: 10px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	padding: 15px;
}

.btn-slide span {
	background: var(--praimary-color);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
	margin-left: 8px;
	flex-shrink: 0;
}

.basic-container {
	display: flex;
	flex-direction: row;
	align-items: flex-end!important;
}

.basic-container input[type="checkbox"] {
	appearance: none;
	width: 20px;
	height: 20px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
}

.basic-container input[type="checkbox"]:checked {
	border-color: #ddd;
	background-color: #2e2e2e;
}

.basic-container input[type="checkbox"]:checked::after {
	content: "✓";
	position: absolute;
	color: #fff;
	font-size: 14px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-weight: 700;
}

.basic-container label {
	padding-right: 15px;
	cursor: pointer;
}

.basic-container input[type="checkbox"]:checked+label {
	color: #2e2e2e;
}

.sc-form-inner {
	background: #fff0;
}

.sc-slider-form-box {
	background: #f7f7f7;
	position: relative;
	z-index: 5;
}

.sc-form-inner .sc-form-area {
	padding: 0;
}

.sc-slider-form-box .sc-form-area {
	padding: 40px 40px 0;
}

.sc-form-inner .sc-slider-form {
	margin-bottom: 20px;
}

.sc-slider-form-box .select-services {
	position: relative;
}

.sc-slider-form-box .sc-slider-form {
	background: #fff;
	position: relative;
	margin-bottom: 35px;
	color: #777;
	width: 100%;
	padding: 10px 8px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	outline: none;
}

.sc-slider-form-box .sc-slider-form i {
	padding-left: 10px;
}

.sc-slider-form-box .select-services::before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--praimary-color);
	font-size: 11px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	transition: 0.4s;
}

.select-services-two::before {
	font-weight: 700;
	color: rgb(255 255 255 / .5);
	font-size: 12px!important;
}

.sc-slider-form-box .select-services .select-selected {
	cursor: pointer;
}

.sc-slider-form-box .select-services .select-items {
	position: absolute;
	background-color: #fff0;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
	box-shadow: 0 1px 10px rgb(0 0 0 / .05);
	border-radius: 2px;
	border: 1px solid #ccc;
}

.sc-slider-form-box .select-services .select-items div {
	padding: 10px 20px;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	border-bottom: 1px solid rgb(0 0 0 / .05);
}

.sc-slider-form-box .select-services .select-items div:hover {
	background: var(--praimary-color);
	color: #fff;
}

.sc-slider-form-box .select-services .select-items div:last-child {
	border-bottom: 0;
}

.sc-slider-form-box .select-services .select-hide {
	display: none;
}

.sc-slider-form-box .form-select {
	display: none;
	border: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 10px rgb(0 0 0 / .05);
	border-radius: 2px;
	font-size: 15px;
	color: #6a6c71;
	padding: 20px;
	margin-bottom: 15px;
	position: relative;
}

.field-icon {
	left: 15px;
	font-weight: 400;
	color: #777;
	font-size: 13px;
	top: 17px;
	position: absolute;
	z-index: 2;
}

label.field-label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.multi-select {
	margin-bottom: 20px;
	width: 100%;
	position: relative;
}

.select-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 12px 8px 40px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 6px;
	min-height: 44px;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
}

.selected-container {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	flex: 1;
	min-height: 27px;
}

.selected-container .placeholder {
	color: #777;
	user-select: none;
}

.multi-select .placeholder {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #777;
}

.multi-select .placeholder::before {
	content: "\f5a0";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--praimary-color,#b11c1c);
	font-size: 14px;
}

.tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 8px;
	border-radius: 999px;
	background: var(--praimary-color);
	color: #fff;
	font-size: 13px;
}

.tag button.remove {
	background: #fff0;
	border: none;
	color: rgb(255 255 255 / .9);
	cursor: pointer;
	padding: 0;
	font-weight: 700;
	line-height: 1;
}

.select-btn::after {
	content: "\f078";
	font-family: "Font Awesome 6 Free","Font Awesome 5 Free",sans-serif;
	font-weight: 900;
	color: var(--praimary-color,#2b8cf6);
	font-size: 11px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	transition: 0.25s transform ease;
}

.select-btn[aria-expanded="true"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.options {
	position: absolute;
	right: 0;
	left: 0;
	top: 100%;
	margin-top: 6px;
	border: 1px solid #cfcfcf;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgb(0 0 0 / .06);
	max-height: 220px;
	overflow: auto;
	z-index: 999;
	display: none;
}

.options.open {
	display: block;
}

.options label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	cursor: pointer;
	user-select: none;
	font-size: 14px;
}

.options label:hover {
	background: #f2f4f7;
}

.options input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	color: #fff;
	border-radius: 6px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	cursor: pointer;
	position: relative;
	transition: all 0.25s ease;
}

.options input[type="checkbox"]:checked::after {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #2e2e2e;
	font-size: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-55%);
}

[dir="rtl"] .select-btn {
	width: 100%;
}

.table-responsive {
	width: 100%;
	overflow-x: auto;
}

.custom-table {
	font-size: 14px;
	width: 100%;
	border-collapse: collapse;
	min-width: 600px;
	border-radius: 10px;
	text-align: center;
}

.custom-table thead {
	background-color: var(--praimary-color);
	color: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.custom-table th,.custom-table td {
	padding: 10px;
	border: 1px solid #ddd;
}

.custom-table tbody tr:nth-child(odd) {
	background-color: #f2f4f7;
}

.custom-table tbody tr:nth-child(even) {
	background-color: #fff;
}

.custom-table tbody tr:hover {
	background-color: #ddd;
	cursor: pointer;
	transition: 0.3s ease;
}

.actions i {
	width: 25px;
	height: 25px;
	font-size: 13px;
	padding: 5px 0;
	margin: 3px;
	border-radius: 5px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	color: #2e2e2e;
}

.actions a {
	text-decoration: none;
}

.actions i:hover {
	color: #fff;
	background-color: var(--praimary-color);
	border: 1px solid #ddd;
}

.image-wrapper-effect {
	overflow: hidden;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 8px 15px -8px rgb(0 0 0 / .4);
}

.image-wrapper-effect img {
	width: 100%;
	border-top: 5px solid var(--praimary-color);
	transition: transform 0.6s ease,filter 0.4s ease;
}

.image-wrapper-effect img:hover {
	transform: scale(1.1);
	filter: brightness(1.1);
}

.dir-left {
	direction: ltr;
}

.pq-pricing-plan.pq-style-1 {
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	text-align: center;
	margin-bottom: 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	transition: transform 0.3s ease,box-shadow 0.3s ease;
}

.pq-pricing-plan.pq-style-1:hover {
	transform: translateY(-10px);
}

.pq-pricing-plan.pq-style-1 .pq-pricing-head .pq-title {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	display: block;
	background: var(--praimary-color);
	padding: 30px 15px 60px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.pq-pricing-plan.pq-style-1 .pq-pricing-head .pq-service-media i {
	font-size: 40px;
	line-height: 80px;
	color: #777;
	display: inline-block;
	background: #fff;
	width: 80px;
	height: 80px;
	border-radius: 900px;
	margin-top: -90px;
	transition: color 0.3s ease,background 0.3s ease;
}

.col-12.col-lg-3.col-xl-3.col-xxl-3.col-md-6:nth-child(even) .pq-pricing-plan.pq-style-1 .pq-pricing-head .pq-title {
	background: #777;
}

.col-12.col-lg-3.col-xl-3.col-xxl-3.col-md-6:nth-child(even) .pq-pricing-plan.pq-style-1 .pq-pricing-head .pq-service-media i {
	color: #777;
	background: #fff;
}

.pq-pricing-plan.pq-style-1 ul.pq-pricing-list {
	list-style: none;
	padding: 0 20px 5px 20px;
}

.pq-pricing-plan.pq-style-1 ul.pq-pricing-list li {
	margin-bottom: 5px;
	display: flex;
}

.pq-pricing-plan.pq-style-1 ul.pq-pricing-list li i {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	color: var(--praimary-color);
	margin-right: 10px;
	font-size: 14px;
	width: 30px;
	height: 30px;
	background: #eee;
}

.pq-pricing-plan.pq-style-1.active .pq-pricing-head .pq-service-media i {
	color: var(--praimary-color);
}

.pq-pricing-plan.pq-style-1 ul.pq-pricing-list a {
	line-height: 30px;
	color: #2e2e2e;
	text-decoration: none;
	font-size: 16px;
}

.pq-fancy-box {
	margin-bottom: 25px;
	position: relative;
	transition: transform 0.3s ease,box-shadow 0.3s ease;
}

.pq-fancy-box:hover {
	transform: translateY(-10px);
}

.pq-fancy-box-title {
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	padding: 20px;
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
}

.pq-fancy-box-title a {
	color: #2e2e2e;
	text-decoration: none;
}

.pq-fancy-box-title a:hover {
	color: var(--praimary-color);
	text-decoration: none;
}

.pq-fancy-box.pq-style-2 .pq-fancy-img {
	position: relative;
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	padding: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.pq-fancy-img img {
	border: 1px solid #f2f4f7;
	height: 285px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	background: #fff;
}

.pq-fancy-box.pq-style-2 .pq-fancy-box-icon {
	z-index: 2;
	position: absolute;
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
	color: #fff;
	background-color: var(--praimary-color);
	left: 30px;
	bottom: 50px;
	transition: all 0.5s ease;
}

.pq-fancy-box.pq-style-2 .pq-fancy-box-icon:hover {
	background: #777;
	transition: all 0.5s ease;
}

.pq-fancy-box.pq-style-2 .pq-fancy-box-icon a {
	color: #fff;
}

.inner-sec {
	padding: 20px 0 50px 0;
}

.inner-sec .owl-carousel .owl-item img {
 margin: 0 auto;
    width: auto;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    height: 350px;
}


.inner-sec .owl-carousel .owl-item .main-img{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;}


.sec-p-0 {
	padding: 0;
}

.partners-img {
	position: relative;
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #eee;
	padding: 3px;
	margin-bottom: 15px;
}

.partners-img img {
	height: 200px;
	padding: 15px;
	display: block;
	width: 100%;
	border-radius: 10px;
	background: #fff;
	transition: transform 0.5s ease,filter 0.5s ease;
}

.partners-img:hover img {
	transform: scale(1.05);
	filter: brightness(.8);
}

.partners-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / .5);
	opacity: 0;
	transition: opacity 0.5s ease;
	border-radius: inherit;
}

.partners-img:hover::after {
	opacity: 1;
}

.img-title {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 2;
}

.partners-img:hover .img-title {
	opacity: 1;
}

.course-item-2 {
	padding: 0;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.course-item {
	width: 100%;
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 25px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.course-item-2 .course-thumb-wrap {
	padding: 0;
	height: 100%;
}

.course-item .course-thumb-wrap {
	padding: 0 30px;
}

.course-item .course-content .title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.4;
}

.course-item .course-content .title a {
	color: #2e2e2e;
	text-decoration: none;
}

.course-item .course-content .title a:hover {
	color: var(--praimary-color);
}

.course-item .course-content .offer {
	background-color: var(--praimary-color);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 15px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 20px;
}

.course-item .course-content {
	padding: 30px;
	padding-bottom: 20px;
}

course-item .course-content .offer {
	background-color: var(--praimary-color);
	color: #777;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 15px;
	border-radius: 100px;
	display: inline-block;
	margin-bottom: 20px;
}

.course-item .course-content .course-author-box {
	min-height: 189px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.course-item .course-content .course-author-box p {
	margin-bottom: 0;
	min-height: 115px;
}

course-item .bottom-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 20px 30px;
}

.course-item .bottom-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 20px 30px;
}

.course-item .bottom-content .price {
	color: #2e2e2e;
	font-size: 16px;
	font-weight: 600;
}

.general-button {
	position: relative;
	line-height: 44px;
	font-size: 16px;
	padding-left: 34px;
	padding-right: 48px;
	z-index: 1;
	box-shadow: none!important;
	border-radius: 5px;
	background: #242424;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}

.course-item .bottom-content a {
	color: #fff;
	text-decoration: none;
}

.course-item .bottom-content a:hover {
	color: #fff;
}

.general-button .icon-bg {
	position: absolute;
	right: 34px;
	top: 50%;
	transition: all 0.2s cubic-bezier(.645,.045,.355,1);
	transform: translate(0,-50%);
	opacity: 0;
}

.general-button:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 100%;
	background-color: var(--praimary-color);
	z-index: -2;
	border-radius: 56px 5px 5px 56px;
	transition: 0.2s cubic-bezier(.645,.045,.355,1);
}

.general-button:hover:before {
	width: 100%;
	border-radius: 5px;
}

.general-button:hover .icon-bg {
	right: 24px;
	opacity: 1;
}

.pq-pagination {
	padding: 0 0 6px 0;
	background: var(--praimary-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.pq-pagination .page-numbers {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pq-pagination .page-numbers li:first-child .page-numbers {
	margin-left: 0;
}

.pq-pagination .page-numbers li .page-numbers {
	text-decoration: none;
	text-align: center;
	position: relative;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 28px;
	margin: 10px 0 0 5px;
	color: var(--dark-color);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.pq-pagination .page-numbers li .page-numbers:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2e2e2e;
	border-color: #2e2e2e;
	z-index: 2;
}

.pq-pagination .page-numbers li .page-numbers:focus {
	box-shadow: none;
	outline: 0;
	z-index: 2;
}

.pq-pagination .page-numbers li .page-numbers:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.pq-pagination .page-numbers li .page-numbers.current {
	color: #fff;
	background: #2e2e2e;
	border-color: #2e2e2e;
	z-index: 1;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.pq-pagination .page-numbers li .next.page-numbers,.pq-pagination .page-numbers li .prev.page-numbers {
	width: auto;
}

.clearfix {
	clear: both;
}

.blog-contact-form.contact-form {
	border: 1px solid #ddd;
	margin-top: 0;
}

.blog-contact-form {
	margin-top: 40px;
	padding: 40px;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.textarea-wrapper {
	position: relative;
}

.textarea-wrapper .form-control {
	padding-right: 40px;
}

.textarea-wrapper .icon {
	position: absolute;
	top: 20px;
	right: 15px;
	font-size: 12px;
	pointer-events: none;
	color: var(--praimary-color);
}

.side-title h6 {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.side-title h6:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	margin-left: -14px;
	background-color: var(--praimary-color);
}

.side-title h6:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: absolute;
	margin-top: 25px;
	right: 0;
	bottom: 0;
	margin-left: -50px;
	background-color: var(--praimary-color);
}

.contact-content {
	border: 1px solid #E0E5EB;
	padding: 40px 40px;
	border-radius: 15px;
	overflow: hidden;
}

contact-content .contact-list .list-item:not(:last-of-type) {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DADFEC;
}

.contact-content .contact-list .list-item {
	display: grid;
	align-items: center;
	grid-template-columns: 75px 1fr;
	grid-gap: 20px;
}

.contact-content .contact-list .list-item:hover .icon {
	background-color: var(--praimary-color);
	color: #fff;
}

.contact-content .contact-list .list-item .icon {
	background-color: #fff;
	color: var(--praimary-color);
	font-size: 18px;
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
	border: 1px solid #E0E5EB;
}

.contact-content .contact-list .list-item .contents .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin: 4px 0;
}

.contents a {
	color: #5b5b5b;
	text-decoration: none;
}

.contents a:hover {
	color: var(--praimary-color);
}

.contact-content .contact-list .list-item .content p {
	margin-bottom: 0!important;
}

.contents-phone {
	text-align: right;
	direction: ltr;
}

.contact-content .contact-list .list-item:not(:last-of-type) {
	margin-bottom: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid #eee;
}

iframe {
	width: 100%;
	border: none;
	display: block;
}

.video-feature {
	margin-bottom: 25px;
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 20px;
	transition: all 0.3s ease-in-out;
}

.video-feature:hover {
	transform: translateY(-10px);
	box-shadow: 0 11px 44px 4px rgb(18 31 49 / .1);
}

.video-feature .video-thumb {
	position: relative;
	height: 330px;
	margin-bottom: 30px;
}

.video-feature .video-content .title {
	font-weight: 600;
	font-size: 18px;
	color: #2e2e2e;
}

.video-feature .video-thumb .video-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.video-feature .video-thumb .video-btn a {
	background-color: rgb(255 255 255 / .9);
	color: var(--praimary-color);
	height: 100px;
	width: 100px;
	font-size: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	overflow: visible;
}

.video-feature .video-thumb .video-btn a:hover {
	background-color: var(--praimary-color);
	color: #fff;
}

.ripple {
	z-index: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	animation: rippleOne 3s infinite;
}

.ripple,.ripple:before,.ripple:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgb(255 255 255 / .95);
	animation: rippleOne 3s infinite;
}

.video-feature .video-thumb .video-btn a .ripple:before,.video-feature .video-thumb .video-btn a .ripple:after {
	content: "";
	width: 100px;
	height: 100px;
}

.ripple:before {
	animation-delay: 0.9s;
}

.ripple:after {
	animation-delay: 1.8s;
}

@keyframes rippleOne {
	0% {
		box-shadow: 0 0 0 0 rgb(255 255 255 / .8);
		opacity: 1;
	}

	70% {
		box-shadow: 0 0 0 30px #fff0;
		opacity: 0;
	}

	100% {
		box-shadow: 0 0 0 0 #fff0;
		opacity: 0;
	}
}

.play-btn {
	position: relative;
	z-index: 2;
}

.bd-service-three {
	border: 1px solid #ddd;
	margin-bottom: 25px;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.bd-service-three:hover .bd-service-content {
	padding: 30px 30px;
	transform: translateY(0);
}

.bd-service-three:hover .bd-service-content-bg {
	inset-block-end: 0;
}

.bd-service-three:hover .bd-service-content-bg svg * {
	fill: var(--praimary-color);
}

.bd-service-three:hover .icon {
	opacity: 0;
}

.bd-service-three:hover .title {
	margin-bottom: 20px;
}

.bd-service-three .thumb img {
	width: 100%;
	height: 300px;
	border-radius: 12px;
}

.bd-service-three .bd-service-content {
	background-color: #fff0;
	padding: 30px 30px 30px 30px;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
	border-radius: 0 100px 0 0;
	width: 100%;
	transition: all 0.3s ease-in-out;
	transform: translateY(160px);
}

.bd-service-three .bd-service-content-bg {
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 20px;
	z-index: -1;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.bd-service-three .bd-service-content-bg svg * {
	fill: #fff;
	transition: all 0.3s ease-in-out;
	width: 100%;
	height: auto;
	display: block;
}

[dir=rtl] .bd-service-three .bd-service-content-bg svg:first-child {
	display: none;
}

.bd-service-three .bd-service-content-bg svg:last-child {
	display: none;
}

[dir=rtl] .bd-service-three .bd-service-content-bg svg:last-child {
	display: block;
}

.bd-service-three .title {
	width: 85%;
	margin-bottom: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bd-service-three .title a {
	color: #777;
	text-decoration: none;
}

.bd-service-three .title a:hover {
	color: #eee;
}

.bd-service-three:hover .title a {
	color: #fff!important;
}

.bd-service-three .desc {
	padding: 0 4px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bd-btn {
	margin: 0 5px;
	font-size: 16px;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
	padding: 10px 10px 10px;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	white-space: nowrap;
	font-weight: 600;
	text-decoration: none;
}

.bd-btn:hover i {
	transform: rotate(0deg);
}

.bd-btn i {
	transition: all 0.3s ease-in-out;
	transform: rotate(45deg);
}

.btn-outline-primary {
	border: #2e2e2e;
	color: #2e2e2e;
}

.btn-quaternary {
	color: #2e2e2e;
	border: 2px solid #2e2e2e;
}

.btn-quaternary:hover {
	color: #fff;
	background-color: #2e2e2e;
	border: 2px solid #2e2e2e;
}

.btn-quaternary-1 {
	border: 2px solid var(--praimary-color);
	color: var(--praimary-color);
}

.btn-quaternary-1:hover {
	color: #fff;
	background-color: var(--praimary-color);
}

.btn-outline-light {
	border: 1px solid #fff;
	color: #fff;
}

.btn-outline-light:hover {
	color: #fff;
	border-color: #2e2e2e;
	background-color: #2e2e2e;
}

.bd-service-three .icon {
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 5;
	width: 80px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.blog-date .date {
	display: block;
	font-size: 32px;
	color: #2e2e2e;
	font-weight: 800;
	margin-bottom: 0;
	line-height: 1;
}

.blog-date {
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
	background: #fff;
}

.blog-date .month {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: var(--praimary-color);
	line-height: 1;
}

.pq-blog-post {
	padding: 0 0 0 0;
	margin-bottom: 30px;
	background: var(--white-color);
	border-radius: 3px;
	-webkit-box-shadow: 0 0 30px 0 rgb(0 20 9 / .1);
	-moz-box-shadow: 0 0 30px 0 rgb(0 20 9 / .1);
	box-shadow: 0 0 30px 0 rgb(0 20 9 / .1);
}

.pq-light-bg .pq-blog-post {
	background: var(--grey-color);
}

.bg-warning {
	background-color: #aaa!important;
}

.pq-blog-post .pq-post-media {
	border-top: 2px solid var(--praimary-color);
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}

.pq-blog-post .pq-post-media img {
	height: 445px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	width: 100%;
}

.pq-blog-post:hover .pq-post-media img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.pq-blog-post .pq-post-media .pq-post-date {
	background: #fff;
	padding: 5px 10px;
	font-weight: 700;
	line-height: normal;
	color: #2e2e2e;
	text-align: center;
	position: absolute;
	bottom: 25px;
	left: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pq-blog-post .pq-post-media .pq-post-date i {
	color: var(--praimary-color);
}

.pq-blog-post .pq-post-media .pq-post-date a {
	color: var(--white-color);
	letter-spacing: .04em;
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	text-transform: uppercase;
}

.pq-blog-post .pq-blog-contain {
	display: inline-block;
	position: relative;
	width: 100%;
}

.pq-blog-post .pq-blog-contain .pq-blog-title {
	margin: 0;
	background: #eee;
	padding: 20px 15px;
	color: var(--praimary-color);
	font-size: 20px;
}

.bg-share {
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.pq-blog-info p {
	padding: 10px 10px 8px 10px;
	margin-bottom: 0;
	margin-bottom: 0;
	line-height: 25px;
}

.testi-item-13 {
	padding: 0 0 15px 0;
	position: relative;
	z-index: 1;
	border-radius: 15px;
	overflow: hidden;
	background: #f2f2f2;
	margin-bottom: 25px;
	transition: all 0.3s ease-in-out;
}

.testi-item-13:hover {
	transform: translateY(-10px);
}

.testi-item-13 .testi-author-area {
	min-height: 73px;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #fff;
	display: grid;
	align-items: center;
	grid-template-columns: 225px 1fr;
	width: 70%;
	float: right;
	bottom: 15px;
	padding: 15px 20px;
}

.testi-author-area h4.name {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	color: #2e2e2e;
}

.testi-item-13 .quote {
	float: left;
	margin-bottom: 15px;
}

.custom-table td a {
	color: #888;
}

.testi-item-13 .quote img {
	height: 532px;
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.testi-item-13 .testi-bottom {
	display: flex;
	align-items: center;
	padding: 0 15px 0 15px;
}

.testi-item-13 .testi-bottom .rating-box span {
	text-align: center;
	background-color: var(--praimary-color);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 30px;
	line-height: 1;
	display: block;
	border-radius: 10px 10px 0 0;
	border: 1px solid #ccc;
}

.testi-item-13 .testi-bottom .rating-box .review {
	margin: 0;
	background-color: #2e2e2e;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
	list-style: none;
	padding: 5px 15px;
	column-gap: 1px;
	border: 1px solid #E0E5EB;
	border-top: none;
	border-radius: 0 0 10px 10px;
}

.testi-item-13 .testi-bottom .rating-box .review li {
	font-weight: 700;
	border-left: 1px solid #fff;
	padding: 0 10px;
}

.testi-item-13 .testi-bottom .rating-box .review li:last-child {
	border-left: none;
}

.testi-item-13 .testi-bottom .rating-box .review li a {
	color: #fff;
	text-decoration: none;
}

.testi-item-13 .testi-bottom .rating-box .review li a:hover {
	color: #aaa;
}

.bd-blog-card {
	margin-bottom: 25px;
	background-color: #fff;
	box-shadow: 0 4px 12px rgb(0 0 0 / .15);
	border-radius: 12px;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}

.bd-blog-card:hover {
	background-color: #f2f4f7;
}

.bd-blog-card .bd-blog-header {
	padding: 16px 16px 0 16px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.bd-blog-card .bd-blog-thumb {
	height: 260px;
}

.bd-blog-card .bd-blog-thumb img {
	border: 1px solid #ddd;
	width: 100%;
	height: 260px;
	border-radius: 10px;
}

bd-blog-card .bd-blog-header .bd-badge {
	position: absolute;
	inset-inline-start: 32px;
	inset-block-start: 32px;
}

.bg-label-secondary {
	color: var(--color-heading);
	background-color: var(--praimary-color);
}

.bd-badge {
	font-size: 12px;
	font-weight: 600;
	padding: 7px 14px;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flexbox;
	display: inline-flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	gap: 6px;
	line-height: 1;
}

.bd-blog-card .bd-blog-body {
	border-bottom: 1px solid #ddd;
	padding: 30px 30px 10px 30px;
	transition: all 0.3s ease-in-out;
}

.bd-blog-card .bd-blog-body p {
	min-height: 76px;
	padding-top: 8px;
}

.underline a {
	line-height: 27px;
	color: var(--praimary-color);
	display: inline;
	text-decoration: none;
	background-image: linear-gradient(var(--praimary-color),var(--praimary-color)),linear-gradient(var(--praimary-color),var(--praimary-color));
	background-size: 0% 1px,0 1px;
	background-position: 0 100%,0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.4s linear;
	padding-bottom: 5px;
}

.underline a:hover {
	background-size: 100% 1px,100% 1px;
	color: #2e2e2e!important;
}

.bd-text-btn {
	color: #2e2e2e;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}

.bd-text-btn .icon {
	width: 20px;
	height: 20px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2e2e2e;
	background-color: var(--color-primary);
	transform: rotate(-45deg);
	transition: all 0.3s ease-in-out;
	font-size: 12px;
}

.bd-text-btn:hover {
	color: var(--praimary-color);
}

.bd-text-btn:hover .icon {
	color: #fff;
	background-color: var(--praimary-color);
	transform: rotate(0deg);
}

.bd-blog-card .bd-blog-header .bd-badge {
	position: absolute;
	inset-inline-start: 32px;
	inset-block-start: 32px;
	color: #fff;
}

.bd-blog-card .bd-blog-footer {
	text-align: center;
	padding: 15px 30px;
}

.bd-process-item {
	text-align: center;
	position: relative;
	overflow: hidden;
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	box-shadow: 0 4px 10px rgb(0 0 0 / .1);
	padding: 0 10px 25px;
	border-radius: 10px;
	margin-bottom: 25px;
	border: 1px solid #e3e6ea;
}

.bd-process-item .step {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	margin: 0 auto;
	margin-top: -60px;
	display: flex;
	align-items: end;
	justify-content: center;
	border: 10px solid #e3e6ea;
	background-color: #fff;
	position: relative;
	margin-bottom: 25px;
	transition: all 0.3s ease-in-out;
}

.projectFactsWrap-v .icon-block a {
	text-decoration: none;
	font-size: 25px;
	font-weight: 700;
	margin: 0;
	color: #2e2e2e;
	line-height: 26px;
}

.projectFactsWrap-v .icon-block p a {
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	margin: 0;
	color: #2e2e2e;
}

.projectFactsWrap-v .icon-block a:hover {
	color: #777;
}

.projectFactsWrap-v .icon-block p a:hover {
	color: #777;
}

.bd-process-item .step span {
	font-size: 25px;
	font-weight: 700;
	color: #2e2e2e;
	font-weight: 700;
	position: absolute;
	inset-inline-start: 23%;
	transform: translateX(-50%);
	inset-block-end: 15px;
	transition: all 0.3s ease-in-out;
}

.bd-process-item:hover .step {
	background-color: var(--praimary-color);
}

.bd-process-item:hover .step span {
	color: #fff;
}

.bd-process-item .icon {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e3e6ea;
	border-radius: 8px;
	margin: 0 auto;
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out;
}

.bd-process-item:hover .icon {
	background-color: var(--praimary-color);
}

.bd-process-item .title {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 25px;
	transition: all 0.3s ease-in-out;
}

.bd-process-item:hover .title {
	color: var(--praimary-color);
}

.bd-process-item:hover .icon svg {
	stroke: #fff;
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
	background: none!important;
}

.tab_section h1,.tab_section h2,.tab_section h3,.tab_section h4,.tab_section h5,.tab_section h6 {
	margin: 15px 0 15px 0;
	background: #f2f4f7;
	border-right: 4px solid var(--praimary-color);
	padding: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #2e2e2e;
}

.tab_section .sps-pills .sps-items .sps-link {
	padding: 0 20px;
	position: relative;
}

.tab_section .sps-pills .sps-items .sps-link i {
	padding-left: 10px;
}

.tab_section .sps-pills .sps-items .sps-link.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: -18px;
	width: 100%;
	height: 4px;
	background: var(--praimary-color);
	transition: transform 0.3s ease;
	transform-origin: center;
}

.tab_section .nav-pills .nav-link {
	font-weight: 500;
	color: #000;
	font-size: 18px;
	text-transform: capitalize;
}

.inner {
	padding: 5px 0;
}

.tab_section .sps-pills {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.tab_section .sps-pills .sps-items {
	flex: 1;
	text-align: center;
}

.tab_section .sps-pills .sps-link {
	width: 100%;
	justify-content: center;
	display: inline-flex;
	align-items: center;
}

.tab_section .nav {
	padding: 15px 0;
	border-bottom: 4px solid #f2f4f7;
	border-top: 4px solid #f2f4f7;
	background: #FFF;
	background: linear-gradient(0deg,#ffffff 0%,#f2f4f7 50%,#eeeeee 100%);
	);
}

.tab_section ul:not(.nav) {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tab_section ul:not(.nav) li {
	position: relative;
	padding-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
}

.tab_section ul:not(.nav) li::before {
	content: "";
	position: absolute;
	right: 0;
	top: 9px;
	width: 10px;
	height: 10px;
	border: 2px solid var(--praimary-color);
	border-radius: 2px;
}

.bg-gray {
	background: #f2f4f7;
}

.bd-cta-item-three-bg {
	padding: 15px;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(../images/contact-shape-5.webp);
	background-position: bottom;
	background-repeat: repeat-x;
}

.bd-faq {
	position: relative;
	background-color: #f2f4f7;
	padding: 145px 0 50px 0;
	z-index: 5;
}

.w-178 {
	min-width: 178px;
}

.c-btns {
	text-align: left;
	padding: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.projectFactsWrap {
	display: flex;
	flex-wrap: wrap;
}

.projectFactsWrap .item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	text-align: center;
}

.projectFactsWrap .icon-block {
	display: flex;
	align-items: center;
	gap: 20px;
}

.projectFactsWrap .icon-block .stat-icon {
	font-size: 30px;
	color: var(--praimary-color);
}

.projectFactsWrap .icon-block .v-line {
	width: 1px;
	height: 45px;
	background: var(--praimary-color);
}

.projectFactsWrap .icon-block .text-block {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
}

.projectFactsWrap .icon-block .number {
	font-size: 25px;
	font-weight: 700;
	margin: 0;
	color: #2e2e2e;
	line-height: 30px;
}

.projectFactsWrap .icon-block .label {
	font-weight: 600;
	font-size: 16px;
	margin: 0;
	color: #2e2e2e;
}

.acc-body {
	display: none;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 0 0 0 15px;
}

.crc-chevron {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	font-size: 1rem;
	max-width: 10%;
}

.fa-chevron-down {
	color: var(--praimary-color);
	font-size: 20px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .5s ease-in;
	transition: -webkit-transform .5s ease-in;
	-o-transition: transform .5s ease-in;
	transition: transform .5s ease-in;
	transition: transform .5s ease-in,-webkit-transform .5s ease-in;
	float: right;
	cursor: pointer;
	padding: 15px;
}

.acc-head {
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-ms-flex-line-pack: center;
	align-content: center;
	padding: 0;
	cursor: pointer;
}

.acc-head {
	margin: .8rem 0 0 .8rem;
}

.acc-head h2 {
	font-size: 15px;
	font-weight: 500;
	color: #2e2e2e;
	background: none;
}

.acc-body {
	padding: 15px 15px 0 15px;
}

.crc-close-anim {
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
}

button,select {
	text-transform: none;
	transform: scale(1);
}

.bg-rating {
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	padding: 14px 0;
	border: 1px solid #ccc;
}

.bg-rating {
	background-image: url(../images/bg-items.webp);
	background-position: bottom;
	background-repeat: repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	padding: 14px 0;
	border: 1px solid #ccc;
}

.rating {
	display: flex;
	flex-direction: row-reverse;
	--stroke: #C7CCC7;
	--fill: #FFA534;
}

.rating input {
	appearance: unset;
	background: none;
	padding: 0 3px 0 3px;
}

.rating label {
	cursor: pointer;
}

.rating svg {
	width: 2rem;
	height: 2rem;
	overflow: visible;
	fill: #fff0;
	stroke: #777;
	stroke-linejoin: bevel;
	stroke-dasharray: 6;
	animation: idle 4s linear infinite;
	transition: stroke 0.2s,fill 0.5s;
	stroke-width: .1em;
}

@keyframes idle {
	from {
		stroke-dashoffset: 24;
	}
}

.rating label:hover svg {
	stroke: var(--fill);
}

.rating input:checked~label svg {
	transition: 0s;
	animation: idle 4s linear infinite,yippee 0.5s backwards;
	fill: var(--fill);
	stroke: var(--fill);
	stroke-opacity: 0;
	stroke-dasharray: 0;
	stroke-linejoin: miter;
	stroke-width: 8px;
}

@keyframes yippee {
	0% {
		transform: scale(1);
		fill-opacity: 0;
		stroke-opacity: 1;
		stroke: var(--stroke);
		stroke-dasharray: 10;
		stroke-width: 1px;
		stroke-linejoin: bevel;
	}

	30% {
		transform: scale(0);
		fill-opacity: 0;
	}

	30.1% {
		stroke: var(--fill);
		stroke-dasharray: 0;
		stroke-linejoin: miter;
		stroke-width: 8px;
	}

	60% {
		transform: scale(1.2);
		fill: var(--fill);
	}
}

.rating-count {
	font-size: 15px;
	font-weight: 600;
	color: #2e2e2e;
}

.rating-count i {
	margin-left: 8px;
	font-size: 15px;
	padding: 0 0 0 8px;
	border-left: 1px solid var(--praimary-color);
	color: var(--praimary-color);
}

.bd-hero-title {
	color: #2e2e2e;
	font-size: 25px;
	font-weight: 600;
}

.bd-hero-title span {
	position: relative;
}

.bd-hero-title span::before {
	position: absolute;
	content: "";
	inset-inline-start: 15px;
	inset-block-start: 50%;
	transform: translateY(-50%);
	height: 2px;
	width: 90px;
	background-color: var(--praimary-color);
}

.thanks-message {
	position: relative;
	display: none;
	padding: 15px;
	background: #f2f4f7;
	margin-top: 2px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--praimary-color);
}

.thanks-message::before {
	content: "";
	background-color: #777;
	height: 2px;
	width: 100%;
	margin-right: 1rem;
}

.thanks-message::after {
	content: "";
	background-color: #777;
	height: 2px;
	width: 100%;
	margin-left: 1rem;
}

.bg-g-b-t {
	border-bottom: 4px solid #f2f4f7;
	border-top: 4px solid #f2f4f7;
	background: #DDD;
	background: linear-gradient(0deg,#dddddd 0%,#eeeeee 20%,#f2f4f7 75%,#ffffff 100%);
}

.projectFactsWrap-v .item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 15px;
	background-color: rgb(250 250 250 / .5);
}

.projectFactsWrap-v .icon-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.projectFactsWrap-v .icon-block .stat-icon {
	padding-top: 8px;
	font-size: 30px;
	color: var(--praimary-color);
}

.projectFactsWrap-v .icon-block .h-line {
	width: 40px;
	height: 2px;
	background: var(--praimary-color);
}

.projectFactsWrap-v .icon-block .text-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.projectFactsWrap-v .icon-block .number {
	font-size: 25px;
	font-weight: 700;
	margin: 0;
	color: #2e2e2e;
	line-height: 30px;
}

.projectFactsWrap-v .icon-block .label {
	font-weight: 600;
	font-size: 15px;
	margin: 0;
	color: #2e2e2e;
}

.inner-slider .owl-theme .owl-nav.disabled+.owl-dots {
	top: 15px!important;
	left: 0px!important;
}

.cat-item .icon i {
	background-color: #fff;
	height: 60px;
	width: 60px;
	display: flex;
	color: var(--praimary-color);
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 0;
	border: 1px dashed #000;
}

.cat-item h3 {
	font-weight: 600;
	color: #000;
	font-size: 16px;
	padding-top: 15px;
}

.category-wrap-16 a {
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

.cat-item {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 30px 20px 20px 20px;
	border-radius: 5px;
	margin-bottom: 35px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.cat-item:hover {
	background-color: #fff;
	border: 1px solid #ddd;
}

.cat-item:hover .icon i {
	background-color: var(--praimary-color);
	color: #fff;
	border: 1px dashed #888;
}

.cat-item:hover h3 {
	color: #888;
}

@media (min-width:1024px) {
	.welcome-user {
		display: none;
	}
}

@media (min-width:1920px) {
	.welcome-user {
		display: none;
	}
}

@media only screen and (min-device-width:1180px) and (max-device-width:1180px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
		display: none;
	}

	.events .single-blog-artical .single-blog-card {
		margin-bottom: 25px;
	}

	#button {
		bottom: 90px;
	}
}

@media only screen and (min-device-width:820px) and (max-device-width:820px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
		display: none;
	}

	.events .single-blog-artical .single-blog-card {
		margin-bottom: 25px;
	}

	#button {
		bottom: 90px;
	}
}

@media screen and (width:768px) and (height:1024px) {
	.bd-service-three .bd-service-content-bg {
		inset-block-end: 82px;
	}

	.slideshow .arrows i {
		display: none;
	}

	.pq-blog-post .pq-post-media img {
		height: auto;
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.partners-img img {
		height: 98px;
	}

	.testi-item-13 .testi-author-area {
		display: contents;
		margin-top: 10px;
	}

	#button {
		bottom: 90px;
	}

	.testi-author-area h4.name {
		padding-top: 10px;
	}

	.testi-item-13 .testi-bottom {
		display: block;
	}

	.navbar-expand-lg .navbar-nav {
		margin-left: 0;
	}

	.news .news-title a {
		font-size: 15px;
	}

	nav a {
		font-weight: 500;
		font-size: 14px;
		padding-left: 0;
	}

	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
		display: none;
	}

	.about h6 {
		margin-top: 15px;
	}

	.image-slider1.owl-theme .owl-dots {
		top: 0;
	}

	.about .images .main-img {
		width: 100%;
		height: auto;
		padding-left: 0;
	}

	.events .single-blog-artical .single-blog-card {
		margin-bottom: 15px;
	}

	.services {
		margin-top: 0;
	}

	footer h5 {
		font-size: 22px;
		font-weight: 600;
	}

	.footer-content .logo {
		max-width: 100%;
	}
}

@media (max-width:768px) {
    .event-inner-title h1 {
    display: flex;
    align-items: center;
    min-height: 49px;}
	.slideshow .slide .title {
		margin-bottom: 20px;
	}

	.slideshow .slide-content {
		justify-content: center;
	}

	.image-wrapper-effect {
		margin-bottom: 25px;
	}

	nav .brand img {
		width: 70%;
	}

	.slideshow .pagination .item {
		display: none;
	}

	.slideshow .arrows .arrow {
		display: none;
	}

	.blog-wrapper {
		text-align: justify;
		display: flex;
	}

	.blog-item .blog-content .blog-title {
		font-size: 16px;
	}

	.blog-item .blog-content {
		width: 100%;
		padding: 20px 0 10px 0;
	}

	.blog-item .blog-images {
		max-width: 100%;
		height: auto;
	}

	.bd-service-three .desc {
		padding: 0 0 0 15px;
		margin-bottom: 0;
	}

	.bd-service-three:hover .bd-service-content {
		padding: 15px 16px 15px 35px;
	}

	.bd-service-three:hover .title {
		margin-bottom: 5px;
	}

	.bd-service-three .bd-service-content-bg {
		inset-block-end: 100px;
	}

	.basic-container {
		gap: 11px;
	}

	.course-sidebar {
		display: none;
	}

	.rating {
		justify-content: center!important;
	}

	.rating-count {
		margin-top: 15px;
	}

	.bg-rating {
		margin-top: 15px;
	}

	.pt-180 {
		padding-top: 114px;
	}

	.sc-breadcrumb-style {
		height: 220px;
	}

	.c-event-tltle {
	}

	#button {
		bottom: 80px;
	}

	.navbar-toggler {
		padding: 0 0;
	}

	.bd-cta-item-three-bg {
		background-size: cover;
		padding: 20px 15px 15px 15px;
	}

	.tab_section .nav-pills .nav-link {
		font-size: 15px;
	}

	.bd-btn {
		width: 100%;
		margin: 15px 0 0 0;
	}

	.bd-faq img {
		display: none;
	}

	.projectFactsWrap .icon-block .label {
		font-size: 20px;
	}

	.bd-cta-item-three .bd-cta-content-box {
		display: block;
	}

	.bd-cta-item-three .bd-cta-content-box .bd-btn {
		margin: 10px 0;
	}

	nav a {
		padding-left: 0;
	}

	.pq-blog-post .pq-post-media img {
		height: auto;
	}

	.video-feature .video-thumb {
		height: auto;
	}

	.sq-radio {
		padding-right: 30px;
		display: block;
	}

	.container-login {
		width: 90%;
	}

	.events .single-blog-artical {
		margin-bottom: 15px;
	}

	.image-slider1.owl-theme .owl-dots {
		top: 0;
	}

	.news .news-card .news-card-img {
		top: 20px;
		left: 20px;
	}

	.about .images .main-img {
		padding-left: 0;
	}

	.top-bar {
		display: none;
	}

	.services {
		margin-top: 0;
	}

	.about h6 {
		margin-top: 0;
	}
}

@media (min-width:992px) {
	.navbar-collapse {
		justify-content: flex-end!important;
		display: flex!important;
	}

	.video-feature .video-thumb {
		height: auto;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .4rem;
		padding-left: .4rem;
	}
}

@media screen and (max-width:991px) {
	.slideshow .slide-content {
		justify-content: center;
	}

	.slideshow .slide .title {
		margin-bottom: 20px;
	}

	.sq-radio {
		padding-right: 30px;
		display: block;
	}

	.services {
		margin-top: 0;
	}

	nav .lang {
		padding-left: 0;
	}
}

@media screen and (max-width:576px) {
    
        .bd-service-three:hover .bd-service-content {
        padding: 0 16px 2px 35px;
    }

    
	.tabs button {
		font-size: 14px;
	}

	.slideshow .slide-content {
		text-align: center;
	}

	.slideshow .slide .name {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.slideshow {
		height: 40vh;
	}

	.checkmark {
		top: 7px;
	}

	.footer-copyright p {
		font-size: 13px;
	}

	.tab_section .nav-pills .nav-link {
		font-size: 15px;
	}

	.rating-count {
		margin-top: 15px;
	}

	.bg-rating {
		margin-top: 15px;
	}

	.tab_section .sps-pills .sps-items .sps-link {
		padding: 0 5px;
	}

	.tab_section .sps-pills .sps-link {
		display: grid;
	}

	.projectFactsWrap {
		margin-bottom: 10px;
	}

	.bd-cta-item-three-bg {
		background-size: cover;
		padding: 20px 15px 15px 15px;
	}

	.bd-btn {
		width: 100%;
		margin: 15px 0;
	}

	.testi-item-13 .quote img {
		height: auto;
	}

	.testi-item-13 .testi-author-area {
		grid-template-columns: 210px 1fr;
	}

	.testi-item-13 .testi-bottom .rating-box span {
		padding: 12px 12px;
	}

	.testi-item-13 .testi-bottom .rating-box .review {
		padding: 5px 0;
	}

	.event-inner-title h1 {
		padding-right: 90px;
	}

	.news .news-card img.main {
		height: 350px;
		max-width: 100%;
	}

	.navbar .navbar-toggler {
		font-size: 20px;
	}

	.buttons-container {
		display: block!important;
		text-align: center;
	}

	.buttons-container>a,.buttons-container .sub-buttons a {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.buttons-container .sub-buttons {
		display: block!important;
		margin: 0;
	}

	.buttons-container .sub-buttons a:last-child {
		margin-bottom: 0;
	}

	.title-dashboard {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 30px;
	}

	.h-145 {
		height: 92px!important;
	}

	.course-sidebar {
		display: none;
	}

	.sq-radio {
		padding-right: 30px;
		display: block;
	}

	.container-login {
		width: 90%;
	}

	.footer-link a {
		line-height: 20px;
	}

	.image-slider1.owl-theme .owl-dots {
		bottom: 0!important;
	}

	.slideshow .slide .caption {
		padding: 0 10px;
	}

	.slideshow .slide .title {
		text-align: center;
		margin-bottom: 10px;
	}

	.slideshow .slide .text {
		font-size: 20px;
	}
}

@media screen and (max-width:420px) {
	.testi-item-13 .testi-bottom .rating-box .review {
		padding: 5px 0;
	}

	.checkmark {
		top: 7px;
	}

 .event-inner-title h1 {
        font-size: 18px;
		padding-right: 90px;
	}

	.slideshow .arrows i {
		display: none;
	}

	.buttons-container {
		display: block!important;
		text-align: center;
	}

	.buttons-container>a,.buttons-container .sub-buttons a {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.buttons-container .sub-buttons {
		display: block!important;
		margin: 0;
	}

	.buttons-container .sub-buttons a:last-child {
		margin-bottom: 0;
	}

	.title-dashboard {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 30px;
	}

	.h-145 {
		height: 92px!important;
	}

	.course-sidebar {
		display: none;
	}

	.sq-radio {
		padding-right: 30px;
		display: block;
	}

	.container-login {
		width: 90%;
	}

	#button {
		width: 28px;
		height: 28px;
		border-radius: 5px;
		bottom: 89px;
	}

	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
		display: none;
	}

	.image-slider2.owl-theme .owl-dots {
		display: none;
	}

	nav a {
		padding-left: 0;
	}

	footer h5 {
		font-size: 20px;
		font-weight: 600;
	}

	.footer-content .logo {
		max-width: 100%;
	}

	footer .social-media .icon-bg {
		width: 28px;
		height: 28px;
	}

	footer .social-media .icon-bg i {
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width:330px) {
	.checkmark {
		top: 7px;
	}

	.testi-item-13 .testi-author-area {
		grid-template-columns: 211px 1fr;
	}

	#button {
		bottom: 80px;
	}

	.testi-item-13 .testi-bottom .rating-box .review {
		padding: 5px 0;
	}

	.event-inner-title h1 {
		padding-right: 90px;
	}

	.slideshow .arrows i {
		display: none;
	}

	.buttons-container {
		display: block!important;
		text-align: center;
	}

	.buttons-container>a,.buttons-container .sub-buttons a {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.buttons-container .sub-buttons {
		display: block!important;
		margin: 0;
	}

	.buttons-container .sub-buttons a:last-child {
		margin-bottom: 0;
	}

	.title-dashboard {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 30px;
	}

	.h-145 {
		height: 92px!important;
	}

	.course-sidebar {
		display: none;
	}

	.sq-radio {
		padding-right: 30px;
		display: block;
	}

	.container-login {
		width: 90%;
	}

	nav a {
		padding-left: 0;
	}

	.navbar .navbar-toggler {
		font-size: 22px;
	}

	nav a img {
		width: 70px;
		height: 70px;
	}
}