* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	list-style: none;
	word-wrap: break-word;
}

body {
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0.5px;
	overflow-x: hidden;
	height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222;
	font-weight: 600;
}

img {
	width: 100%;
	height: auto;
}

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

p {
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	margin: 0;
	font-size: 15px;
	color: #333333;
	letter-spacing: 0;
}

a:hover {
	text-decoration: none;
}

.text_white {
	color: #fff;
}

.padding_0 {
	padding: 0;
}

.gray_bg {
	background: #ddddddc2;
}

.dark_bg {
	background: #fff;
}

/* START PRELOADER DESIGN */

.preloader {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
}

.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #9cc026;
	opacity: 0.6;
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out;
}

.dark_preloader .double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0);
	}
	50% {
		-webkit-transform: scale(1);
	}
}

@keyframes sk-bounce {
	0%,
	100% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

/* END PRELOADER DESIGN */

/* ----------------------------------------------------------------
    [ 15 Start Top-control ]
-----------------------------------------------------------------*/

.topcontrol {
	background: black none repeat scroll 0 0;
	border-radius: 30px;
	margin-bottom: 80px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	height: 45px;
	opacity: 1;
	filter: alpha(opacity=100);
	padding: 6px 10px;
	position: fixed;
	margin-right: 10px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 45px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}

.topcontrol:hover {
	background: #000000;
	color: #ffffff;
	animation: tcmove 0.6s infinite;
	position: relative;
	bottom: 0px;
}

@keyframes tcmove {
	0% {
		background: #dc0000;
		bottom: 5px;
	}
	25% {
		background: #fece00;
		bottom: 0px;
	}
	50% {
		background: #dc0000;
		bottom: 5px;
	}
	75% {
		background: #fece00;
		bottom: 0px;
	}
	100% {
		background: #dc0000;
		bottom: 5px;
	}
}

.munes {
	align-items: center;
}

/* ---------------------------------------------------------------
    [ End Top-control ]
-----------------------------------------------------------------*/

.video-slider.owl-dots {
	bottom: 0 !important;
}

.rooms {
	display: flex;
	flex-direction: column;
	gap: 60px;
	transition: ease 0.5s all;
	margin-bottom: -180px !important;
}

.rooms .title-us {
	font-size: 41px;
	color: #9cc026;
	font-family: monospace;
	font-weight: 900;
}

.rooms .line {
	background-color: #9cc026;
	width: 76px;
	height: 2;
}

.rooms .corners {
	width: 100%;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.rooms .Corners-left {
	width: 50%;
}

/* .rooms .Corners-left .img {
	height: 500px;
} */

.rooms .Corners-right {
	width: 45%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rooms .title {
	font-size: 35px;
	font-weight: bold;
	line-height: 1;
}

.rooms .text {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.5px;
}

.rooms .gallery {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	gap: 42px;
}

.rooms .gallery .img {
	height: 450px;
	transition: ease 0.5s all;
	background-size: 135% !important;
	/* background-size: cover !important; */
	background-position: center !important;
}

.rooms .gallery .img:hover {
	background-size: 120% !important;
}

@media (max-width: 2559px) {
	.rooms .gallery {
		gap: 30px;
	}
	.rooms .gallery .img {
		height: 240px;
	}
}

@media (max-width: 1439px) {
	.rooms .gallery .img {
		height: 280px;
	}
}

@media (max-width: 1023px) {
	.rooms .gallery {
		display: grid;
		grid-template-columns: auto auto;
	}
	.rooms .gallery .img {
		height: 320px;
	}
	.rooms .corners .Corners-left {
		width: 100%;
	}
	.rooms .corners .Corners-right {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.rooms .gallery {
		display: grid;
		grid-template-columns: auto;
	}
	.rooms .gallery .img {
		height: 350px;
	}
	.topcontrol {
		display: none;
	}
	.map {
		height: 350px !important;
	}
}

.case-slider {
	margin: 0 !important;
}

@media (max-width: 454px) {
	.rooms .gallery .img {
		height: 330px;
	}
	.rooms .corners .Corners-left .img {
		height: 300px;
	}
}

@media (max-width: 374px) {
	.rooms .gallery .img {
		height: 290px;
	}
}

/* Start Section-Padding */

.section_padding {
	background: #f1f1f1;
}

.statistices-image {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	display: flex;
	align-items: center;
	background-position: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 !important;
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}

.statistices-boxs {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}

.statistices-box {
	margin: 0;
	border-radius: 5px;
}

.home-footer .footer-top .footer-columns .info a {
	color: white;
}

/* End Section-Padding */

/* Start Section-Heading */

.section_heading {
	/* padding-bottom: 40px; */
}

.section_heading h2 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #222;
	margin-top: 45px;
	margin-bottom: 10px;
}

.title-padding-zero {
	padding-bottom: 0;
}

.heading-text {
	font-size: 24px;
	color: white;
}

.dark_bg .section_heading h2 {
	color: #222;
}

.section_heading .sm_border {
	display: block;
	height: 2px;
	width: 70px;
	margin-top: 10px;
	bottom: -5px;
	position: relative;
	left: 50%;
	background-color: #9cc026;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.section_heading span {
	font-weight: 600;
	color: #9cc026;
}

/* End Section-Heading */

/* ----------------------------------------------------------------
    [ End Basics ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 02 Start Buttons ]
-----------------------------------------------------------------*/

/* Start Btn-Style */

.main_btn {
	color: #fff;
	font-size: 13px;
	margin-top: 30px;
	text-transform: capitalize;
	padding: 20px 20px;
	letter-spacing: 0.6px;
	font-weight: 600;
	background: #9cc026;
	line-height: 10px;
	border: none;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.main_btn:hover {
	color: #9cc026;
	background: #fff;
}

.blog-info .blog_btn {
	padding: 20px 30px;
}

/* ----------------------------------------------------------------
    [ End Buttons ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 03 Start Header ]
-----------------------------------------------------------------*/

.navbar-default {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	width: 100%;
	padding: 15px 0 15px 0;
	background: #fff;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-brand {
	width: 122px;
	background-repeat: no-repeat;
	background-size: contain;
}

.flex {
	width: 1140px;
}

.navbar-brand p {
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
	color: #9cc026;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #fff;
}

.main-menu {
	width: 100%;
	display: flex;
	justify-content: end;
}

.main-menu .navbar-right {
	margin-right: -15px !important;
}

.menu-top {
	background: #ffffff !important;
	border-bottom: 0px solid rgba(255, 255, 255, 0.2) !important;
}

.m-p {
	padding: 0px;
}

.navbar-default .navbar-nav > li > a {
	color: white !important;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.navbar-default.dark_bg_menu .navbar-nav > li > a {
	color: #333333 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #9cc026 !important;
}

.navbar-default.dark_bg_menu .navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
	color: #fff !important;
}

.mobile-nav {
	display: none;
}

.menu-button {
	display: none;
}

.menu-close {
	display: none;
}

.menu-list {
	display: none;
}

/* search input */

.search-box:hover input[type="text"] {
	background-color: white;
	/* box-shadow: 0 0 5px #9cc026, 0 0 25px #9cc026, 0 0 50px #9cc026, 0 0 100px #9cc026; */
}

.search-box:hover input[type="text"]:hover:not(:placeholder-shown) {
	color: #9cc026;
}

.search-box input[type="text"] {
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 0px;
	background: transparent;
	height: 0px;
	color: #9cc026;
	padding: 14px 13px 13px 13px;
	border: none;
	box-sizing: border-box;
	border-radius: 50px;
	cursor: pointer;
	transition: width 800ms cubic-bezier(0.5, -0.5, 0.5, 0.5) 600ms;
}

.search-box input[type="text"]:focus {
	outline: none;
}

.search-box input[type="text"]:focus,
.search-box input[type="text"]:not(:placeholder-shown) {
	width: 130px;
	letter-spacing: 0.45px;
	text-transform: capitalize;
	cursor: pointer;
	padding: 14px 10px 14px 5px;
	transition: width 800ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

.search-box input[type="text"]:focus + div,
.search-box input[type="text"]:not(:placeholder-shown) + div {
	bottom: 13px;
	right: 10px;
	transition: bottom 300ms ease-out 800ms, right 300ms ease-out 800ms;
}

.search-box input[type="text"]:focus + div:after,
.search-box input[type="text"]:not(:placeholder-shown) + div:after {
	top: 22px;
	right: -4px;
	opacity: 1;
	transition: top 300ms ease-out 1100ms, right 300ms ease-out 1100ms,
		opacity 300ms ease 1100ms;
}

.search-box input[type="text"]:focus + div:before,
.search-box input[type="text"]:not(:placeholder-shown) + div:before {
	top: 24.4px;
	right: -3.4px;
	opacity: 1;
	transition: top 300ms ease-out 1100ms, right 300ms ease-out 1100ms,
		opacity 300ms ease 1100ms;
}

.search-box div {
	position: absolute;
	top: -18px;
	right: -5px;
	cursor: default;
	transition: bottom 300ms ease-out 300ms, right 300ms ease-out 300ms;
}

.search-box div:before,
.search-box div:after {
	content: "";
	height: 15px;
	width: 5px;
	border-left: solid 4px #9cc026;
	position: absolute;
	top: 40px;
	right: -1px;
	transform: rotate(135deg);
}

.search-box div:after {
	transform: rotate(-135deg);
	opacity: 0;
	top: -8px;
	right: -20px;
	width: 10px;
	height: 15px;
	transition: top 300ms ease-out, right 300ms ease-out, opacity 300ms ease-out;
}

/* end search input */

.navbar-default.menu-shrink {
	background-color: #fff;
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	padding: 10px 0 10px 0;
	width: 100%;
	/* animation: fadeInDown 1s both 0.2s; */
}

.navbar-default.dark_bg_menu.menu-shrink {
	background-color: #fff;
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	padding: 10px 0;
	width: 100%;
	animation: fadeInDown 1s both 0.2s;
}

.navbar-default.menu-shrink .navbar-brand p {
	color: #9cc026 !important;
}

.navbar-default.menu-shrink li a {
	color: black !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.navbar-default.menu-shrink li a:hover {
	color: #9cc026 !important;
}

.navbar-default.menu-shrink .navbar-nav > .active > a,
.navbar-default.menu-shrink .navbar-nav > .active > a:hover,
.navbar-default.menu-shrink .navbar-nav > .active > a:focus {
	color: #9cc026 !important;
	background-color: transparent;
	text-decoration: none;
}

.navbar-default .navbar-toggle {
	background: #fff none repeat scroll 0 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff !important;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #9cc026 !important;
}

/* ----------------------------------------------------------------
     [ End Header ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 04 Start Banner ]
-----------------------------------------------------------------*/

.none-page {
	display: none !important;
}

.banner-img {
	opacity: 1;
}

.overlay {
	background-color: black;
	/* opacity: 0.5; */
	/* height: 682px; */
	/* position: relative; */
}

.relative {
	position: relative;
}

.banner-overlay {
	width: 100%;
	height: 100%;
	/* background: #00000045; */
}

.benner-text {
	color: white !important;
	font-size: 14px;
	line-height: 2;
	width: 600px;
	margin: 20px 0 35px 0;
	text-shadow: 1px 1px black;
}

.flx-benner-btn {
	display: flex;
}

.benner-btn {
	padding: 15px 10px;
	background: #dc0000 !important;
	color: white;
	font-size: 13px;
	transition: ease 0.4s all;
	margin-top: 20px;
	text-align: center;
	border-radius: 5px;
}

.benner-btn:hover {
	background: black !important;
	border: 1px solid white;
	color: #ffffff !important;
}

.banner-overlay a {
	color: white;
}

.banner_content {
	color: white !important;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: end;
	/* margin-top: 67px; */
	padding-top: 70px !important;
}

.banner_content strong {
	color: white;
	font-size: 25px;
	z-index: 1;
	text-shadow: 1px 1px black;
}

.banner_content h1 {
	color: white;
	font-size: 20px;
	text-transform: capitalize;
	margin: 20px 0;
	text-shadow: 0 0 black;
	width: 50%;
}

.dark_bg .banner_content h1 {
	color: #333333;
}

.banner_content h1 span .fw_600 {
	font-weight: 600;
}

.banner_content h1 span .fw_300 {
	font-weight: 600;
	text-shadow: 1px 1px black;
}

.banner_social_link li {
	display: inline-block;
	margin-right: 12px;
	display: none;
}

.banner_social_link li a {
	color: white;
	border: 2px solid #9cc026;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	transition: 0.5s;
}

.dark_bg .banner_social_link li a {
	color: #9cc026;
	border: 1px solid #9cc026;
}

.banner_social_link li:nth-child(1) a:hover {
	background: #1b74e4;
	border-color: #1b74e4;
	color: #fff;
}

.banner_social_link li:nth-child(2) a:hover {
	background: #4cca5b;
	border-color: #4cca5b;
	color: #fff;
}

.banner_social_link li:nth-child(3) a:hover {
	border-color: #dc2743;
	color: #fff;
	background: #f09433;
	background: -moz-linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	background: -webkit-linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	background: linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

/* .banner_social_link li a:hover {
    background: #9cc026;
    border-color: #9cc026;
    color: #fff;
}

.dark_bg .banner_social_link li a:hover {
    background: #9cc026;
    border-color: #9cc026;
    color: #fff;
} */

.banner_content p {
	color: white;
	font-size: 14px;
	padding-bottom: 0;
	max-width: 100%;
}

.dark_bg .banner_content p {
	color: #333333;
}

.banner-images img {
	margin: 70px 0px 40px 30px;
}

/* ----------------------------------------------------------------
    [ End Banner ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 05 Start About ]
-----------------------------------------------------------------*/

.about_content_area {
	/* margin: 30px 0px 0px 0px; */
}

.about_image img {
	border-radius: 15px;
}

.single_about h4 {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 600;
	margin: 0 0 20px;
}

.dark_bg .single_about h4 {
	color: #333333;
}

.dark_bg .about_content_area p {
	color: #333333;
}

.about_content_area p {
	line-height: 2.2;
}

.about_details {
	margin-top: 20px;
}

.about_details li {
	color: #333;
	display: inline-block;
	margin-top: 15px;
	width: 49%;
}

.about_details span {
	color: #222;
	font-weight: 600;
	text-transform: capitalize;
	display: inline-block;
	width: 25%;
}

.dark_bg .about_details span {
	color: #333333;
}

.ct_about {
	margin: 6px 0;
}

.dark_bg .ct_about {
	color: #333333;
}

.ct_about span i {
	margin-right: 5px;
}

.single_about a i {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}

/* ----------------------------------------------------------------
    [ End About ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 06 Start Service ]
-----------------------------------------------------------------*/

.single-service {
	border: 1px solid #e3e3e3;
	padding: 40px 30px;
	background: transparent;
	margin-bottom: 30px;
	height: 380px;
	transition: all 0.4s ease;
}

.single-service:hover {
	transform: translate(0, -10px);
}

.single-service i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #9cc026;
	text-align: center;
	transition: all 0.4s ease;
	font-size: 25px;
	display: inline-block;
	color: #9cc026;
}

.single-service:hover i {
	background: #9cc026;
	color: #fff;
	border: 1px solid #9cc026;
	cursor: pointer;
}

.single-service h4 {
	font-size: 20px;
	margin-top: 30px;
	text-transform: uppercase;
	color: #222;
	font-weight: 500;
	transition: all 0.4s ease;
}

.dark_bg .single-service h4 {
	color: #222;
}

.single-service p {
	transition: all 0.4s ease;
	margin-top: 15px;
}

.dark_bg .single-service p {
	color: #222;
}

/* ----------------------------------------------------------------
    [ End Service ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 08 Start Works ]
-----------------------------------------------------------------*/

.work_filter ul {
	padding-bottom: 30px;
	list-style: none;
}

.work_filter ul li {
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	border: 1px solid white;
	font-size: 16px;
	padding: 7px 25px;
	border-radius: 5px;
	letter-spacing: 1px;
	background: white;
	color: black;
	margin: 0 5px 20px !important;
	transition: all 0.3s ease-in-out;
}

.work_filter ul li:hover {
	background: #00394f;
	color: #fff;
}

.work_filter .active {
	color: #fff;
	background: #17a2b8;
	text-decoration: none;
}

.work_content_area .item-img {
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.work_content_area .item-img:hover {
	-webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
}

.work_content_area .item-img:hover .item-img-overlay {
	visibility: visible;
	opacity: 1;
}

.overlay-info {
	margin-top: 50px;
}

.work_content_area .item-img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 30px;
	background: #9cc02673;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
}

.title-for-images {
	display: flex;
	flex-direction: column;
	gap: 0px;
	background: #ffffffe0;
	position: relative;
	top: 218.5px;
	justify-content: center;
	align-items: center;
}

.work_content_area .item-img-overlay .center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.work_content_area .item-img-overlay .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin-top: 15px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.work_content_area .item-img-overlay h5 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	text-transform: capitalize;
	margin-top: 5px;
	transition: 2s;
}

/*.work_content_area:hover .item-img-overlay h5 {*/

/*    animation: fadeInDown 1000ms ease-in-out;*/

/*}*/

.work_content_area .item-img-overlay p {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	transition: 2s;
	margin: 10px 10px 10px 10px;
}

/*.work_content_area:hover .item-img-overlay p {*/

/*    animation: fadeInDown 1300ms ease-in-out;*/

/*}*/

/*.work_content_area:hover a {*/

/*    animation: fadeInDown 700ms ease-in-out;*/

/*}*/

/* ----------------------------------------------------------------
    [ End Works ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 09 Start Counter ]
-----------------------------------------------------------------*/

.single_counter {
	background: #fafafa;
	box-shadow: 0 1px 30px rgba(255, 255, 255, 0.2);
	padding: 15px;
}

.single_counter h3 {
	margin: 0 !important;
}

.dark_bg .single_counter {
	background: #fafafa;
	box-shadow: 0 1px 30px rgba(255, 255, 255, 0.2);
}

.single_counter h3 {
	color: #9cc026;
	font-size: 30px;
}

.single_counter span {
	font-size: 30px;
	font-weight: 600;
}

.single_counter h5 {
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 0;
}

.dark_bg .single_counter h5 {
	color: #1f2235;
}

/* ----------------------------------------------------------------
    [ End Counter ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 12 Start Team ]
-----------------------------------------------------------------*/

.margin-bt {
	margin-bottom: 30px;
}

.single_team {
	position: relative;
}

.overlay-text {
	position: relative;
	-webkit-transition: all linear 0.7s;
	-o-transition: all linear 0.7s;
	transition: all linear 0.7s;
}

.single_team:hover .overlay-text {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.team-overlay {
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0;
	left: 0;
	content: "";
	background: #9cc02673;
	z-index: 99;
	-webkit-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	transition: all linear 0.5s;
}

.single_team h3 {
	font-size: 20px;
	color: #fff;
	padding-top: 10px;
	display: inline-block;
	-webkit-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	transition: all linear 0.5s;
}

.single_team:hover .team-overlay {
	height: 100%;
}

.team_icon {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single_team:hover .team_icon i {
	opacity: 1;
}

.team_icon i:hover {
	background: #9cc026;
	border: 1px solid #9cc026;
	color: #fff;
}

.team_icon i {
	margin: 0 3px;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	opacity: 0;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	transition: all linear 0.3s;
}

.single_team p {
	font-size: 15px;
	color: black;
	font-weight: 600;
}

/* ----------------------------------------------------------------
    [ End Team ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 12 Start Pricing ]
-----------------------------------------------------------------*/

.pricingTable {
	text-align: center;
	border: 1px solid #dbdbdb;
	transition: 0.4s;
}

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

.pricingTable > .pricingTable-header {
	color: #fff;
}

.pricingTable-header > .heading {
	background: #9cc026;
	display: block;
	padding: 30px 0;
}

.heading > h3 {
	color: #fff;
	font-weight: 500;
	font-size: 27px;
	margin: 0;
	text-transform: uppercase;
}

.heading > .subtitle {
	font-size: 13px;
	margin-top: 3px;
	display: block;
}

.pricingTable-header > .price-value {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 2px solid #555;
	display: block;
	margin: 0 auto;
	color: #555;
	font-size: 25px;
	font-weight: 800;
	margin-top: 20px;
	padding: 20px 10px 0 10px;
	line-height: 35px;
}

.dark_bg .pricingTable-header > .price-value {
	border: 2px solid #fff;
	color: #fff;
}

.pricingTable-header > .price_value {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #9cc026;
	border: 2px solid #9cc026;
	display: block;
	margin: 0 auto;
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	margin-top: 20px;
	padding: 20px 10px 0 10px;
	line-height: 35px;
}

.price-value span {
	font-size: 40px;
}

.price_value span {
	font-size: 40px;
}

.price-value > .mo {
	display: inline-block;
	line-height: 0;
	padding-top: 13px;
	border-top: 1px solid #555;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	margin-top: -20px;
}

.price_value .mo {
	display: inline-block;
	line-height: 0;
	padding-top: 13px;
	border-top: 1px solid #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	margin-top: -20px;
}

.pricingTable > .pricingContent {
	margin: 20px 0 0 0;
}

.pricingContent > ul {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}

.pricingContent > ul > li {
	border-top: 1px solid #ddd;
	padding: 5px 0;
	letter-spacing: 0.5px;
	line-height: 25px;
	color: #555;
	text-align: center;
	transition: 0.4s ease-in-out;
}

.dark_bg .pricingContent > ul > li {
	color: #fff;
	border-top: 1px solid #fff;
}

.pricingContent > ul > li:before {
	content: "\f101";
	font-family: "FontAwesome";
	color: #9cc026;
	margin-right: 10px;
}

.pricingContent > ul > li:hover {
	padding-left: 15px;
	transition: 0.4s ease-in-out;
}

.pricingContent > ul > li:last-child {
	border-bottom: 1px solid #dbdbdb;
}

.pricingTable > .pricingTable-sign-up {
	padding: 25px 0;
}

/* ----------------------------------------------------------------
    [ End Pricing ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 13 Start Contact ]
-----------------------------------------------------------------*/

#category-home {
	min-height: 440px;
	padding-bottom: 40px;
}

#category-home .img {
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-position: center !important;
}

#category-home h2 {
	color: #000000;
}

.page-banner {
	margin-top: 73.45px;
}

#category-home .grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}

#category-home .grid-container .grid-flex {
	display: flex;
	background: #ffffff;
	padding: 10px;
	gap: 15px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
		rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	flex-direction: column;
}

#category-home .grid-container .grid-flex .grid-item {
	position: relative;
	background-repeat: no-repeat;
	transition: all 0.5s ease !important;
	background-size: 120% !important;
	background-position: center !important;
	height: 260px;
	background-size: 180% !important;
}

#category-home .grid-container .grid-flex .grid-item:hover {
	/* background-size: 210% !important; */
	background-size: 195% !important;
}

#category-home .grid-container .grid-flex .title-sub {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}

h2 {
	color: #000000 !important;
}

#category-home .grid-container .grid-flex .title-sub .auther-date {
	display: flex;
	gap: 10px;
	color: #8dbc25;
}

#category-home .grid-container .grid-flex .title-sub .auther-date .authers {
	display: flex;
	gap: 5px;
}

#category-home .grid-container .grid-flex .title-sub .title {
	font-size: 20px;
	font-weight: bold;
}

#category-home .grid-container .grid-flex .title-sub .text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}

#category-home .grid-container .grid-flex .title-sub .sub-title {
	background: linear-gradient(to right, #9cc026, #5faf21);
	color: #fff;
	width: 120px;
	height: 40px;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 13px;
	border-radius: 13px;
	transition: 3s;
}

/*# sourceMappingURL=style.css.map */

#category-home .grid-container .grid-flex .title-sub .sub-title:hover {
	background: linear-gradient(to left, #9cc026, #5faf21);
	transition: 3s;
}

@media (max-width: 1023px) {
	#category-home .grid-container .grid-flex {
		flex-direction: column;
	}
	#category-home .grid-container {
		grid-template-columns: 1fr 1fr;
	}
}

/*# sourceMappingURL=style.css.map */

@media (max-width: 767px) {
	#category-home .grid-container {
		grid-template-columns: 1fr;
	}
	#contact {
		padding-bottom: 0px !important;
	}
}

.center {
	display: flex;
	justify-content: center;
	/* padding-top: 60px; */
}

.btn-show-more {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 15px;
}

.show-more {
	color: #fff;
	width: 130px;
	height: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 13px;
	cursor: pointer;
	background: black;
}

.form .form-group input {
	background: white;
	border-color: #e3e3e3;
	height: 40px;
	box-shadow: none;
	color: black !important;
}

.form .form-group input:focus {
	border-color: #9cc026;
}

.dark_bg .form .form-group input:focus {
	border-color: #9cc026;
	color: #555;
}

.form .form-group textarea {
	background: white;
	border-color: #e3e3e3;
	margin-top: 10px;
	padding-bottom: 5%;
	box-shadow: none;
	resize: none;
	color: black !important;
}

.form .form-group textarea:focus {
	border-color: #9cc026;
}

.dark_bg .form .form-group textarea:focus {
	border-color: #9cc026;
	color: #fff;
}

/* ----------------------------------------------------------------
    [ End Contact ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 14 Start Footer ]
-----------------------------------------------------------------*/

.home-footer {
	background-color: #202020;
	color: #ffffff;
	width: 100%;
	min-height: 1px;
	display: flex;
	padding: 25px 0;
	flex-direction: column;
}

.home-footer .footer-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.home-footer .footer-top .footer-columns {
	width: calc(100% / 3);
}

.home-footer .footer-top .footer-columns .title {
	font-size: 19px;
	font-weight: bold;
}

.home-footer .footer-top .footer-columns .info {
	font-size: 14px;
	margin: 15px 0;
	line-height: 1.8;
}

.home-footer .footer-top .footer-columns .info .media-flex {
	display: flex;
	align-items: center;
	margin-right: 15px;
	font-size: 15px;
}

.home-footer .footer-top .footer-columns .info .media-flex .media {
	cursor: pointer;
}

.home-footer .footer-top .footer-columns .info .media-flex a:hover {
	color: #9cc026;
	transition: 0.4s ease all;
}

.home-footer .footer-top .footer-columns .info .media-flex i {
	font-style: italic;
}

.home-footer .footer-top .footer-columns .info .media-flex a {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.home-footer .footer-top .footer-columns .info .media-flex a:hover {
	text-decoration: none;
}

.home-footer .footer-top .footer-columns .phone {
	cursor: pointer;
}

.home-footer .footer-top .footer-columns .email {
	cursor: pointer;
}

.home-footer .footer-top .footer-columns .footer-menu {
	display: flex;
	flex-direction: column;
	line-height: 2.5;
	text-transform: uppercase;
}

.home-footer .footer-top .footer-columns .footer-menu a {
	text-decoration: none;
	color: #ffffff;
}

.home-footer .menu-page a:hover {
	color: #9cc026 !important;
	text-decoration: none;
	transition: 0.4s ease all;
}

.menu-list .menu-media {
	display: flex;
	gap: 40px;
	border-bottom: none;
}

.menu-list .menu-media a:hover {
	color: #9cc026 !important;
	transition: 0.3s ease all;
}

.menu-list .menu-page a:hover {
	color: #9cc026 !important;
	transition: 0.3s ease all;
}

.home-footer .footer-top .footer-columns .footer-menu .footer-page:hover {
	text-decoration: none;
}

.home-footer .footer-top .footer-columns .descrip {
	font-size: 12px;
	margin: 15px 0;
	line-height: 1.5;
}

.benner-logo {
	display: none;
}

/* .logo-margin {
	margin-left: 0px !important;
} */

.home-footer .footer-logo {
	width: 130px;
	height: 130px;
	background-size: cover;
}

.home-footer .footer-logo:hover {
	background-color: #191010;
}

.home-footer .footer-copy {
	display: flex;
	gap: 40px;
	padding-bottom: 30px;
}

.home-footer .footer-copy div:nth-of-type(2) {
	text-decoration: none;
	cursor: pointer;
}

.home-footer .footer-copy div:nth-of-type(2):hover {
	background-color: #191010;
}

.footer {
	padding: 20px 0 20px;
	background: #dc0000;
	width: 100%;
}

.home-footer .footer-s-m {
	display: flex;
}

.copy-text p {
	color: #fff;
}

.home-footer .menu-page {
	width: 100%;
	font-size: 15px !important;
	padding: 0;
	border-bottom: none;
}

.footer-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 20px;
	width: 315px;
}

.footer-img {
	height: 90px;
	width: 90px;
	transition: all 0.5s ease;
	background-size: 135%;
	background-position: center;
}

.footer-img:hover {
	background-size: 115%;
}

.f-right {
	display: flex;
	flex-direction: column;
	align-items: end;
	text-align: center;
}

.f-right-start {
	display: flex;
	flex-direction: column;
	align-items: start;
}

/* ----------------------------------------------------------------
    [ End Footer ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 15 Start portfolio ]
-----------------------------------------------------------------*/

#portfolio .container .img {
	height: 280px;
	transition: all 0.5s ease;
	background-size: 135%;
	background-position: top;
	background-color: #d1d1d1;
	border-radius: 5px 5px 0 0;
}

#portfolio .img:hover {
	background-size: 120%;
}

.owl-carousel {
	margin-bottom: 150px;
}

.slider-home-carousel .img {
	width: 100%;
	height: 125px !important;
	background-position: center !important;
	background-size: contain !important;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: white !important;
}

/* ----------------------------------------------------------------
    [ End portfolio ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 15 Start active ]
-----------------------------------------------------------------*/

#navbar .active {
	text-decoration: none;
	color: #9cc026;
	border-bottom: 1px solid #9cc026;
}

.footer-columns .active a {
	color: #9cc026 !important;
}

/* ----------------------------------------------------------------
    [ End active ]
-----------------------------------------------------------------*/

@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		color: black !important;
	}
}

@media (min-width: 1024px) {
	.flex {
		display: flex;
		width: 1200px;
	}
	.search-box {
		border: solid 2px #9cc026;
		display: inline-block;
		position: absolute;
		right: 50px;
		top: 14px;
		border-radius: 50px;
	}
}

@media (min-width: 1440px) {
	.search-box {
		right: 140px;
	}
}

@media (min-width: 2560px) {
	.search-box {
		right: 700px;
	}
}

@media (max-width: 1439px) {
	.flex {
		width: 910px;
	}
}

@media (max-width: 1023px) {
	.portfolio-title-padding {
		padding: 0 !important;
	}
	.flex {
		width: 720px;
	}
	.about_content_area p {
		line-height: 1.8;
	}
	.navbar-right {
		display: none;
	}
	.navbar-default.menu-shrink {
		padding: 10px 0 10px 0;
	}
	/* menu-list */
	.menu-button {
		display: block;
		position: absolute;
		right: 24px;
		top: 21px;
		font-size: 26px;
		cursor: pointer;
	}
	.menu-button:hover {
		color: #9cc026 !important;
		/* border: 2px solid black; */
		transition: 0.3s ease all;
	}
	.menu-close {
		display: block;
		color: #dc0000;
		position: absolute;
		right: -50px;
		top: 0;
		font-size: 30px;
	}
	.menu-close:hover {
		color: #9cc026 !important;
	}
	.menu-close.active {
		right: 30px;
		top: 30px;
		font-size: 26px;
		z-index: 5;
		cursor: pointer;
	}
	.btn-list {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.list-menu {
		color: #fff;
		display: flex;
		font-size: 18px;
		cursor: pointer;
		transition: color 0.3s ease;
		font-family: sans-serif;
		font-weight: 600;
		border-bottom: 1px solid #fece00;
		line-height: 2.5;
	}
	.list-menu:hover {
		color: #fece00 !important;
	}
	.menu-list {
		display: block;
		height: calc(1700%);
		width: 320px;
		background-color: #1f1f1f;
		position: absolute;
		top: 0;
		right: -470px;
		padding-top: 80px;
		overflow: hidden;
		position: fixed;
		transition: ease 0.35s all;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.menu-list .active a {
		color: #9cc026 !important;
		text-decoration: none;
	}
	.menu-list.active {
		top: 0;
		right: 0;
		z-index: 4;
	}
	.menu-list a {
		text-decoration: none;
		color: white;
		font-size: 15px;
	}
	.menu-page {
		font-size: 18px !important;
		color: #9cc026 !important;
		cursor: pointer;
		padding: 20px 0 20px 10px;
		border-bottom: 1px solid #979797;
		width: 350px;
		text-transform: uppercase;
	}
	.menu-overlay.active {
		width: 100%;
		height: calc(1700%);
		background-color: #0000002b;
		position: absolute;
		top: 0;
		left: 0;
	}
	.search-box {
		border: solid 2px #9cc026;
		display: inline-block;
		position: absolute;
		right: 80px;
		top: 15px;
		border-radius: 50px;
	}
	.home-footer .footer-top {
		justify-content: space-between;
	}
	.home-footer .footer-logo {
		width: 100px;
		height: 100px;
	}
	.navbar-default {
		padding: 15px 0 40px 0;
	}
	.footer-flex {
		width: auto;
	}
}

@media (max-width: 767px) {
	.flex {
		width: 425px;
	}
	.menu-list.active {
		width: 55%;
	}
	.menu-page {
		width: 155px;
	}
	.home-footer .footer-top {
		justify-content: space-between;
	}
	.home-footer .footer-top .footer-columns {
		width: 100%;
		margin-top: 20px;
	}
	.home-footer .footer-logo {
		width: 100px;
		height: 100px;
	}
	.home-footer .footer-top .footer-columns .footer-menu {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	.menu-button {
		right: 15px;
	}
	.search-box {
		right: 71px;
	}
	.footer-flex {
		width: 315px;
	}
	.work_filter ul li {
		padding: 6px 5px !important;
	}
	.banner_content {
		padding: 68px 0 0 15px !important;
	}
	.benner-btn {
		padding: 12px 8px;
		width: 141px;
	}
	.benner-text {
		display: none;
	}
	.f-left {
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	.f-center {
		cursor: pointer;
	}
	.f-right {
		align-items: start;
	}
}

@media (max-width: 424px) {
	.flex {
		width: 375px;
	}
}

@media (max-width: 374px) {
	.flex {
		width: 320px;
	}
	.footer-flex {
		width: auto;
	}
}

@media (min-width: 1023px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: -15px;
		/* position: relative;
		top: -5px; */
	}
}

#testimonials {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 60px;
	padding-bottom: 0;
	margin-bottom: -172px;
}

#testimonials .title-information {
	text-align: center;
	font-size: 20px;
	color: #9cc026;
	font-weight: 600;
}

#testimonials .sub-title-information {
	text-align: center;
	font-size: 40px;
	line-height: 1.4;
	font-weight: 600;
	padding-bottom: 25px;
}

#testimonials .comment {
	padding: 25px;
	gap: 25px;
	width: 100%;
	box-shadow: inset -5px 0px 0px 0px #5faf21, 10px -10px 12px 0 #fff;
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	align-items: center;
	position: relative;
	background-color: #fff;
	transition: 0.4s ease all;
}

#testimonials .sm_border {
	display: block;
	height: 2px;
	width: 70px;
	top: -5px;
	position: relative;
	margin: 0 !important;
	left: 50%;
	background-color: #9cc026;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#testimonials .comment:hover {
	box-shadow: inset -10px 0px 10px 10px #9cc026, 10px -10px 12px 0 #fff;
}

#testimonials .comment .comment-icon {
	top: 0px;
	width: 75px;
	right: 0;
	position: absolute;
	height: 75px;
	border-radius: 0px 0 0 100%;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #9cc026, #5faf21 50%, #9cc026);
	color: #fff;
	display: flex;
}

#testimonials .comment .comment-icon .comment-fa {
	font-size: 30px;
	rotate: 180deg;
	position: relative;
	top: -5px;
	right: -5px;
}

#testimonials .comment .logo {
	width: 85px;
	height: 85px;
	border-radius: 100%;
}

#testimonials .comment .title_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
}

#testimonials .comment .title_text .title {
	font-size: 20px;
	font-weight: bold;
}

#testimonials .comment .title_text .sub_title {
	font-size: 14px;
	color: #7a7a7a;
}

#testimonials .comment .title_text .icon_start {
	display: flex;
	gap: 5px;
	color: #5faf21;
}

#testimonials .comment .title_text .text {
	font-size: 20px;
	color: #7a7a7a;
	line-height: 1.5;
}

#testimonials .testimonials-carousel .owl-stage {
	right: 0 !important;
}

@media (max-width: 747px) {
	#testimonials .comment .title_text .text {
		font-size: 14px;
	}
}

#testimonials .owl-dots {
	position: absolute;
	bottom: -20px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	right: 0;
	z-index: 0;
	align-items: center;
	justify-content: center;
}

/*# sourceMappingURL=style.css.map */

.social {
	display: flex;
	padding-top: 15px;
	gap: 10px;
	.fa {
		background: #17a2b8;
		width: 35px;
		height: 35px;
		border-radius: 12px;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 19px;
		cursor: pointer;
	}
}

#languageSelect2 {
	background: #1f1f1f;
}

.navbar-default .navbar-nav > li > #languageSelect1 {
	background: transparent;
	color: #9cc026;
	border: 1.5px solid #9cc026;
}

.navbar-default .navbar-nav > li > #languageSelect1 .option {
	background: #203744;
	color: white;
}

#languageSelect1 .option:hover {
	background: #9cc026 !important;
}

.navbar-default.menu-shrink li #languageSelect1 {
	color: black;
}

.portfolio-title-padding {
	padding: 60px 0;
}

.center-show {
	padding-top: 40px !important;
}

.right-two {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 10px;
}

.right-two .right_title {
	font-size: 20px;
	color: #000000;
}

.right-two .sub_right_title {
	font-size: 25px;
	color: #000000;
	font-weight: 600;
}

.right-two .media {
	display: flex;
	gap: 20px;
	color: black;
	border-radius: 24px;
	padding: 0 0 0 15px;
}

.right-two .media .icon {
	background: linear-gradient(
		#000 33.333%,
		#ff0000 33.33% 66.666%,
		#ffcc00 66.666%
	);
	padding: 13px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 45px;
	height: 45px;
	color: #fff;
	border-radius: 100%;
}

.right-two .media .title_text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.right-two .media .title_text .title {
	font-weight: 700;
	font-size: 18px;
	color: #00394f;
}

.right-two .media .title_text .text {
	font-size: 15px;
	color: #000000;
}

.right_title {
	color: #a2be2d;
	padding-left: 15px;
}

.sub_right_title {
	font-size: 23px;
	padding: 15px 0 15px 15px;
	font-weight: 600;
}

.btns {
	background: linear-gradient(to right, #9cc026, #5faf21);
	color: #fff;
	height: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 13px;
	border-radius: 13px;
	transition: 3s;
}

.btns:hover {
	background: linear-gradient(to left, #9cc026, #5faf21);
	transition: 3s;
}

.contacts {
	display: flex;
	gap: 20px;
}

.x {
	width: 100%;
}

@media (max-width: 767px) {
	.contacts {
		flex-direction: column !important;
	}
	.right-two .media {
		padding: 10px;
	}
}

.forms {
	color: #ffffff !important;
}

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

/* Track */

::-webkit-scrollbar-track {
	background: #888;
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: linear-gradient(
		#000 33.333%,
		#ff0000 33.33% 66.666%,
		#ffcc00 66.666%
	);
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #ffffff;
}

#home-about {
	display: flex;
	justify-content: space-between !important;
	min-height: 440px;
	padding-top: 60px;
	padding-bottom: 60px;
	gap: 5px;
}

#home-about .ai-img-two {
	display: flex;
	flex-direction: column;
	width: 50%;
	position: relative;
}

#home-about .ai-img-two .box {
	height: 300px;
	background: #eefac8;
	width: 300px;
	border-radius: 35px;
	position: absolute;
	left: 100px;
	top: -40px;
	transition: transform 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
}

#home-about .ai-img-two .box:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px #d1e494;
}

#home-about .ai-img-two .logo {
	height: 375px;
	width: 375px;
	border-radius: 35px;
	position: absolute;
	bottom: 59px;
	z-index: 1;
	left: 0;
	top: 0;
	transition: transform 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
}

#home-about .ai-img-two .logo:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px #9dcc06;
}

#home-about .ai-img-two .boxs {
	height: 100px;
	width: 100px;
	position: absolute;
	background: linear-gradient(135deg, #9cc026, #5faf21);
	top: 305px;
	left: -25px;
	border-radius: 20px;
	transition: transform 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
}

#home-about .ai-img-two .boxs:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px #9cc026;
}

#home-about .ai-img-one {
	display: flex;
	flex-direction: column;
	width: 50%;
	position: relative;
}

#home-about .ai-img-one .box {
	height: 358px;
	background: #dc0000 !important;
	width: 368px;
	border-radius: 35px;
}

#home-about .ai-img-one .box:hover {
	animation: vibrate 0.3s infinite alternate;
}

#home-about .ai-img-one .logo:nth-child(2) {
	height: 400px;
	width: 400px;
	border-radius: 35px;
	position: absolute;
	left: 65px;
	top: 65px;
}

#home-about .ai-img-one .logo:nth-child(2):hover {
	animation: vibrate 0.3s infinite alternate;
}

#home-about .ai-img-one .logo:nth-child(3) {
	height: 200px;
	width: 200px;
	border-radius: 35px;
	position: relative;
	left: 325px;
	top: 8px;
	border: 10px solid #f1f1f1;
	z-index: 1;
	animation: borderPulse 0.8s infinite alternate ease-in;
	transition: border-width 0.2s ease-in-out;
}

@keyframes borderPulse {
	0%,
	100% {
		border-width: 0px;
	}
	50% {
		border-width: 15px;
	}
}

#home-about .ai-img-one .boxs {
	height: 100px;
	width: 100px;
	position: relative;
	bottom: 227px;
	background: #fece00 !important;
	top: -61px;
	left: 275px;
	border-radius: 20px;
	transition: transform 0.2s ease-in-out;
}

#home-about .ai-img-one .boxs:hover {
	animation: vibrate 0.3s infinite alternate;
}

@keyframes vibrate {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(5px);
	}
}

#home-about .ai_information_home {
	display: flex;
	flex-direction: column;
	width: 50%;
	gap: 20px;
}

#home-about .ai_information_home .ai_title:nth-child(1) {
	font-size: 25px;
	color: #000000;
}

#home-about .ai_information_home .ai_title:nth-child(2) {
	font-size: 30px;
	font-weight: bolder;
	line-height: 1;
	color: #000000;
}

#home-about .ai_information_home .ai_text {
	line-height: 25px;
	font-size: 17px;
}

#home-about .ai_information_home .sub_ai_information_home {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#home-about .ai_information_home .sub_ai_information_home .ai_icon_home {
	display: flex;
	gap: 10px;
}

#home-about .ai_information_home .sub_ai_information_home .ai_icon_home .logos {
	height: 50px;
	width: 50px;
	background-size: contain !important;
}

#home-about
	.ai_information_home
	.sub_ai_information_home
	.ai_icon_home
	.ai_text_title {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#home-about
	.ai_information_home
	.sub_ai_information_home
	.ai_icon_home
	.ai_text_title
	.title {
	color: black;
}

#home-about
	.ai_information_home
	.sub_ai_information_home
	.ai_icon_home
	.ai_text_title
	.text {
	color: #787878;
}

#home-about .ai_information_home .buuton_name {
	display: flex;
}

#home-about .ai_information_home .buuton_name .button {
	background: linear-gradient(135deg, #9cc026, #5faf21);
	border-radius: 25px 25px 25px 0;
	position: relative;
	height: 50px;
	width: 184px;
	font-size: 10px;
	transition: 1s ease all !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

#home-about .ai_information_home .buuton_name .button .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 6px;
	font-size: 14px;
	left: 5px;
	color: black;
	transition: 1s ease all !important;
}

#home-about .ai_information_home .buuton_name .button .button_title {
	font-size: 16px;
	color: white;
}

#home-about .ai_information_home .buuton_name .button:hover {
	background: linear-gradient(270deg, #5faf21, #9cc026);
	border-radius: 25px 25px 0 25px;
	transition: 1s ease all !important;
}

#home-about .ai_information_home .buuton_name .button:hover .circle {
	left: calc(100% - 45px);
	transition: 1s ease all !important;
}

@media (max-width: 1439px) {
	#home-about .ai-img-one .box {
		height: 300px;
		width: 300px;
	}
	#home-about .ai-img-one .logo:nth-child(2) {
		height: 350px;
		width: 350px;
		left: 45px;
		top: 45px;
	}
	#home-about .ai-img-one .logo:nth-child(3) {
		height: 160px;
		width: 160px;
		left: 258px;
		top: 6px;
	}
	#home-about .ai-img-one .boxs {
		height: 80px;
		width: 80px;
		top: -43px;
		left: 223px;
	}
	#home-about .ai-img-two .box {
		height: 275;
		width: 275;
		left: 100px;
		top: -40px;
	}
	#home-about .ai-img-two .logo {
		height: 325;
		width: 325;
		left: 22px;
		top: -16px;
	}
	#home-about .ai-img-two .boxs {
		height: 60;
		width: 60;
		top: 275px;
		left: 2px;
		border-radius: 13px;
	}
}

@media (max-width: 1023px) {
	#home-about .ai-img-one .box {
		height: 250px;
		width: 250px;
	}
	#home-about .ai-img-one .logo:nth-child(2) {
		height: 250px;
		width: 250px;
		left: 40px;
		top: 40px;
	}
	#home-about .ai-img-one .logo:nth-child(3) {
		height: 110px;
		width: 110px;
		left: 195px;
		top: -23px;
	}
	#home-about .ai-img-one .boxs {
		height: 50px;
		width: 50px;
		top: -46px;
		left: 177px;
	}
	#home-about .ai-img-two .box {
		height: 175px;
		width: 175px;
		left: 100px;
		top: -40px;
	}
	#home-about .ai-img-two .logo {
		height: 225px;
		width: 225px;
		left: 32px;
		top: -23px;
	}
	#home-about .ai-img-two .boxs {
		height: 60;
		width: 60;
		top: 163px;
		left: 9px;
		border-radius: 13px;
	}
	#home-about {
		flex-direction: column;
	}
	#home-about .ai-img-one {
		width: 100%;
	}
	#home-about .ai_information_home {
		width: 100%;
	}
	#home-about .ai-img-two {
		width: 100%;
		height: 300px;
	}
}

@media (max-width: 767px) {
	#home-about .ai-img-one .logo:nth-child(2) {
		height: 250px;
		width: 250px;
		left: 45px;
		top: 45px;
	}
	.map {
		width: 100% !important;
	}
	.communicate {
		width: 100% !important;
	}
}

/*# sourceMappingURL=style.css.map */

.home .ai-img-two {
	display: none !important;
}

#about .ai-img-one {
	display: none !important;
}

/*# sourceMappingURL=style.css.map */

.grid-container {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.grid-containers .grid-flex {
	display: flex;
	flex: 0 0 auto;
	width: calc(50% - 20px);
	background: #ffffff;
	padding: 15px;
	margin: 10px;
	gap: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
		rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	flex-direction: column;
	width: 100%;
}

.grid-containers {
	display: flex;
	flex-wrap: wrap;
}

.grid-containers .grid-flex .grid-item {
	position: relative;
	background-repeat: no-repeat;
	transition: all 0.5s ease !important;
	background-size: 180% !important;
	background-position: center !important;
	padding: 120px;
}

.grid-containers .grid-flex .grid-item:hover {
	/* background-size: 210% !important; */
	background-size: 195% !important;
}

.grid-containers .grid-flex .title-sub {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}

.grid-containers .grid-flex .title-sub .text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}

.grid-containers .grid-flex .title-sub .auther-date {
	display: flex;
	gap: 10px;
	color: #17a2b8;
	font-size: 12px;
}

.grid-containers .grid-flex .title-sub .auther-date .authers {
	display: flex;
	gap: 5px;
}

.grid-containers .grid-flex .title-sub .title {
	font-size: 17px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	color: #00394f;
}

.grid-containers .grid-flex .title-sub .sub-title {
	background: #00394f;
	color: #fff;
	width: 120px;
	height: 40px;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 13px;
	border-radius: 13px;
}

.grid-containers .grid-flex .title-sub .sub-title:hover {
	background: black !important;
	border: 1px solid white;
	color: #ffffff !important;
}

/*# sourceMappingURL=style.css.map */

@media (max-width: 1439px) {
	.grid-containers .grid-flex .title-sub .auther-date {
		font-size: 10px;
	}
}

@media (max-width: 1023px) {
	.grid-containers .grid-flex {
		width: 100%;
		flex-direction: column;
	}
}

.work_content_areas .item-img {
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.work_content_areas .item-img:hover {
	-webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
}

.work_content_areas .item-img:hover .item-img-overlay {
	visibility: visible;
	opacity: 1;
}

.work_content_areas .item-img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 30px;
	background: #9cc02673;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
}

.work_content_areas .item-img-overlay .center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.work_content_areas .item-img-overlay .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin-top: 15px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.work_content_areas .item-img-overlay h5 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	text-transform: capitalize;
	margin-top: 5px;
	transition: 2s;
}

.work_content_areas .item-img-overlay p {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	transition: 2s;
	margin: 10px 10px 10px 10px;
}

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

.button_menu {
	color: #000000;
	display: flex;
	border-radius: 13px;
	font-size: 18px;
	cursor: pointer;
	transition: color 0.3s ease;
	font-family: sans-serif;
	font-weight: 600;
}

.button_menu:hover {
	color: #fece00 !important;
}

.overlay-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	/* تأكد من أن القيمة عالية بما يكفي لتكون في المقدمة */
	justify-content: center;
}

.overlay-popup.active {
	display: flex;
}

.popup-content {
	position: relative;
	width: 80%;
	/* يمكن تعديل هذه النسبة حسب الحاجة */
	max-width: 800px;
	/* الحد الأقصى للعرض بالبيكسل */
	max-height: 80%;
	background: none;
	/* إزالة الخلفية البيضاء */
}

.popup-content.owl-carousel .owl-stage {
	right: 0;
}

.popup-content .item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup-content img {
	width: 100%;
	/* عرض الصورة يكون 100% من عرض الحاوية */
	height: 100%;
	/* ارتفاع الصورة يكون تلقائي */
	max-height: 100vh;
	/* يمكنك ضبط الحد الأقصى للطول حسب الحاجة */
	object-fit: contain;
	/* لتغطية الحاوية بدون تشويه الصورة */
	border-radius: 10px;
	/* اختياري: إضافة زوايا مستديرة للصورة */
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #f00;
	color: #fff;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	z-index: 10000;
	/* تأكد من أن الزر يكون فوق النافذة المنبثقة */
}

.btnholder {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 40px;
}

.btnmore {
	background: #00394f;
	color: #fff;
	width: 130px;
	height: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 13px;
	cursor: pointer;
}

.btnmore:hover {
	background: black !important;
	border: 1px solid white;
	color: #ffffff !important;
}

.courses_section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.title-information {
	padding: 0 0 40px 15px;
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	text-shadow: 0px 1px black;
}

.containeres {
	padding: 0 120px;
}

@media (max-width: 1439px) {
	.containeres {
		padding: 0 100px;
	}
}

@media (max-width: 1023px) {
	.containeres {
		padding: 0 60px;
	}
	.topcontrol {
		display: none !important;
	}
	/* .grid-item {
		height: 37vh !important;
	} */
}

@media (max-width: 767px) {
	.containeres {
		padding: 0 25px;
	}
	.banner_content h1 span .fw_300 {
		font-size: 18px;
	}
	/* .grid-item {
		height: 44vh !important;
	} */
	.btn-menu {
		display: none !important;
	}
	.title-information {
		font-size: 20px;
	}
	#category-right .grid-container .grid-flex .title-sub .title {
		font-size: 20px;
	}
}

@media (max-width: 424px) {
	/* .grid-item {
        height: 36vh !important;
    } */
	.containeres {
		padding: 0 15px;
	}
}

@media (max-width: 374px) {
	.containeres {
		padding: 0 10px;
	}
	.banner_content strong {
		font-size: 15px !important;
	}
	.banner_content h1 span .fw_300 {
		font-size: 15px !important;
	}
	/* .grid-item {
		height: 30vh !important;
	} */
}

#gallery {
	padding-top: 60px;
	padding-bottom: 60px;
	min-height: 1px;
	display: flex;
	gap: 12px;
}

.img {
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-position: center !important;
}

.gallery-right {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
	max-height: 100%;
	background: white;
	padding: 10px;
}

.title-line {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.title-line .title {
	color: #000;
	font-size: 30px;
}

.title-line .linetows {
	display: flex;
	position: relative;
}

.linetows .lineone {
	height: 2px;
	width: 50%;
	background: #566ffd;
	position: absolute;
	right: 0;
}

.linetows .linetow {
	height: 2px;
	width: 100%;
	background: #ebe9e9;
}

.grid-container2 {
	&::-webkit-scrollbar {
		width: 3px !important;
	}
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
}

.grid-items {
	cursor: pointer;
	padding: 120px;
}

@media (max-width: 1439px) {
	#gallery .gallery-right {
		width: 100%;
	}
	#gallery .gallery-left {
		width: 40%;
	}
	#gallery .gallery-right .grid-container2 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	#gallery .gallery-left .grid-container1 {
		grid-template-columns: 1fr;
	}
	.grid-container1 .grid-items,
	.grid-container2 .grid-items {
		padding: 85px !important;
		font-size: 15px !important;
	}
	.grid-container2 .grid-items .sub-title,
	.grid-container1 .grid-items .sub-title {
		bottom: 10px !important;
		right: 0 !important;
		padding-right: 10px;
	}
}

@media (max-width: 1023px) {
	#gallery {
		flex-direction: column;
	}
	#gallery .gallery-left {
		width: 100%;
		.grid-container1 {
			grid-template-columns: 1fr 1fr;
		}
	}
}

@media (max-width: 767px) {
	.grid-container1 .grid-items,
	.grid-container2 .grid-items {
		padding: 85px !important;
		font-size: 15px !important;
	}
	#gallery .gallery-right .grid-container2 {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 424px) {
	.grid-container1 .grid-items,
	.grid-container2 .grid-items {
		padding: 78px !important;
	}
}

@media (max-width: 374px) {
	#gallery .gallery-right .grid-container2 {
		grid-template-columns: 1fr;
	}
	#gallery .gallery-left .grid-container1 {
		grid-template-columns: 1fr;
	}
	#gallery .gallery-right {
		max-height: 100%;
	}
	.grid-container2 .grid-items {
		padding: 120px !important;
	}
	.banner_content h1 {
		padding-top: 120px !important;
	}
}

.icon-click {
	cursor: pointer !important;
}

.logo-menu {
	display: flex;
	align-items: center;
}

#home {
	padding-top: 70px;
}

#home .inner-img {
	position: relative;
}

#home .inner-img h1 {
	position: absolute;
	bottom: 5%;
	left: 37%;
	font-size: 20px;
}

@media (max-width: 767px) {
	#home .inner-img h1 {
		position: relative;
		bottom: -9%;
		padding: 20px 10px;
		margin: 0;
		background: white;
		left: 0%;
		font-size: 16px;
	}
	#home .inner-img {
		position: relative;
		margin: 0 -15px;
	}
}

@media (max-width: 424px) {
	#home .inner-img h1 {
		font-size: 14px;
	}
}

@font-face {
	font-family: HTML5;
	src: url(../fonts/html5_values.ttf);
}

.font-Aribc {
	font-family: HTML5;
}