/*
Theme Name: A Hossen International Co. Ltd.
Theme URI: http://dhaka-bd.org
Author: Dhaka-BD
Author URI: http://dhaka-bd.org
Version: 1.0
Description: Custom Travel Agency Template.
Tags: No tags available
License: Unlimited
License URI: http://dhaka-bd.org
Text Domain: English(USA)
=====================================
font-family: 'Oxygen', sans-serif;
=====================================
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Oxygen:wght@300;400;700&display=swap');
:root {
	--primary-color: #04AA6D;
	--primary-color-light: #29c474;
	--primary-color-text: #FFF;	
	--primary-color-hover: #00904C;
	--text-color: #262a6a;
	--text-gray: #8290ca;
	--border-color: #F4F4F4;
	--border-color-2: #ECECEC;
	--shadow: 0 12px 20px -8px rgba(147, 169, 255, 0.3);
	
}
body,h1,h2,h3,h4,*{
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
body, p {
	font-family: 'Oxygen', sans-serif;
	font-size: 1.5rem;
	line-height: 26px;	
	font-weight: 600;	
	color: var(--text-color);
}

.links{
	color: var(--primary-color);
}
.links:hover{
	text-decoration: underline;
}
h1,h2,h3,h4{
	font-family: 'Syncopate', sans-serif;
}
.hilight{
	color: var(--primary-color);
}
.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	background-color: #FFF;
}
.preloader::before{
	position: absolute;
	content: "";
	top: 35%; right: 0; left: 0;
	margin: auto;
	border: 1px solid #ececec;
	border-radius: 50%;
	border-top: 1px solid #adadad;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 0.7s linear infinite; /* Safari */
	animation: spin 0.7s linear infinite;
}
.preloader::after {
	content: "Please wait. Website is loading ...";
	position: absolute;
	top: 35%;
	right: 0;
	left: 0;
	margin: 60px auto 0;
	text-align: center;
	color: #868686;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
a:link,a,a:focus{
	text-decoration: none;
	outline: none;
}

header{
	position: relative;
	/* position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100; */
	background-color: #fff;
	border-top: 10px solid var(--primary-color);	
}
.header-fix {
	position: fixed;
	box-shadow: 0 9px 80.8px -10.8px rgba(16, 37, 65, 0.16);
	top: -70px;	
}
.header-fix::before {
	position: absolute;
	content: "";
	top: 55px;
	left: 0;
	right: 0;
	height: 10px;
	z-index: 1;
	background-color: var(--primary-color);
}
.nav-sec{
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
}

nav.menu > ul > li > a{
	color: var(--primary-color);
}
nav.menu > ul > li > a::before,nav.menu > ul > li.active > a::before{
	border-bottom-color: var(--primary-color);
}
nav.menu > ul > li.active a::before {
	width: 100%;
}
nav.menu > ul > li:last-child > a,nav.menu > ul > li:last-child{
	padding-right: 0;
}

nav.menu > ul ul li:hover > a, nav.menu > ul ul li.active > a{
	color: var(--primary-color);
}
nav.menu > ul ul li a {
	color: var(--text-color);
}
.nav-button::after {
	position: absolute;
	content: "";
	top: 5px;
	right: -4px;
	bottom: 5px;
	left: -4px;
	z-index: -1;
	background-color: #04AA6D;
	border-radius: 2px;
	padding: 0 15px !important;
}
.mobile .nav-button::after {
	top: 3px;
	right: -11px;
	left: -10px;
}
.nav-button > a{
	color: var(--primary-color-text) !important;
	position: relative;
	z-index: 1;
}
.box-effect {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.box-effect::after,
.nav-button > a::after {
	position: absolute;
	content: "";
	bottom: 5px;
	right: -14px;
	width: 25px;
	height: 25px;
	background-color: inherit;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 100%;
	filter: brightness(110%);
	z-index: -1;
}
.box-effect::after{
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
}
.mobileMenu h1 {
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	background-color: #1393d8;
	text-transform: uppercase;
}
.backdropLayer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 1;
	display: none;
}

/* main{
	margin-top: 166px;
} */

.device-responsive{
	display: none;
}

img{
	max-width: 100%;
}
.area-banner{
	padding: 15px 0 0;
	background-image: linear-gradient(190deg, var(--primary-color-hover) 23%, #2981F200 33%);
}
.sec-title h1 {
	text-transform: uppercase;
	line-height: 44px;
	color: var(--text-color);
	font-weight: 800;
}
.sec-title h3 {
	font-weight: 600;
}
.sec-title > p{
	margin-top: 10px;
}
.sec-title .separetor{
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
	margin: 20px 0 30px;
}
.sec-title .separetor::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 600px;
	height: 1px;
	bottom: 0;
	z-index: -2;
	margin: auto auto;
	border-bottom: 1px solid var(--border-color-2);
}
.sec-title .separetor::after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 600px;
	bottom: 0;
	z-index: -1;
	margin: auto auto;
	background: linear-gradient(to right, #FFF, transparent, #FFF);
}
.sec-title .separetor > span{
	background-color: #fff;
	padding: 2px 15px;
}

.logo {
	height: 60px;
	display: flex;
	align-items: center;
}
.logo > img{
	max-height: 100%;
}
.logo-title {
	font-family: 'Roboto', sans-serif;
	font-size: 1.9rem;
	text-transform: uppercase;
	color: var(--primary-color) !important;
}
.logo-des{
	margin-left: 10px;
}
.logo-des p{
	margin: 0;
}
.social-sec{
	padding: 8px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--border-color);
}
.social-sec .social-list {
	position: relative;
	z-index: 1;
	top: -4px;
}
.social-sec .social-list::after {
	position: absolute;
	content: "";
	top: -28px;
	left: -40px;
	right: -40px;
	bottom: -15px;
	z-index: -1;
	background-color: var(--primary-color);
	clip-path: polygon(50% 0%, 100% 0, 90% 100%, 11% 100%, 0 0);
}

.contact-list, .social-list{
	list-style: none;
	margin: 0;
}
.contact-list{
	margin-right: 30px;
}
.contact-list li{
	float: left;
	display: flex;
	margin-right: 20px;	
}
.con-ico {
	width: 30px;
	height: 30px;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
}
.con-des {
	position: relative;
	top: -3px;
}
.con-des p{
	margin: 0;
	line-height: 17px;
}
.con-des p:not(.con-txt){
	font-size: 11px;
	color: var(--text-gray);
}
.con-txt a{
	color: var(--text-color);
}

.social-list li{
	float: left;
	display: flex;
	margin-right: 5px;
}
.social-list li:last-child{
	margin-right: 0;
}
.social-list li > a{
	width: 30px;
	height: 30px;
	background-color: #20db7a;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
}
.social-list li:hover > a{
	filter: brightness(110%);
}

.social-list li > a.fb {
	background-color: #166AE4;
}
.social-list li > a.twitter {
	background-color: #0075B3;
}
.social-list li > a.youtube {
	background-color: #FE1101;
}
.social-list li > a.instagram {
	background-color: #E50CA3;
}
.social-list li > a.linkedin {
	background-color: #0275B4;
}

.area-profile{
	padding: 80px 0;
	position: relative;
	z-index: 1;
}
.area-profile::before {
	position: absolute;
	content: "";
	left: 0;
	width: 550px;
	clip-path: polygon(0% 0%, 0 0%, 100% 50%, 0 100%, 0% 100%);
	background: url(./assets/images/banner-left-2.jpg) center center;
	top: 30%;
	background-size: cover;
	z-index: -1;
	aspect-ratio: 1/1.5;
}
@media(max-width: 1400px) {
	.area-profile::before {
		width: 260px;
		top: auto;
		bottom: -14%;
	}
}

.profile-sec {
	display: flex;
	align-items: center;
}
.profile-sec > div{
	flex: 1;
}
.profile-thumb{
	position: relative;
	z-index: 1;
}
.profile-thumb > span.arrow-top::before, .profile-thumb > span.arrow-top::after{
	position: absolute;
	content: "";
	top: -35px;
	left: -35px;
	width: 100px;
	height: 100px;
	border-top: 10px solid var(--primary-color);
	border-left: 10px solid var(--primary-color);
	z-index: -1;
}
.profile-thumb > span.arrow-top::after{
	top: -30px;
	left: -30px;
	border-top: 10px solid var(--border-color-2);
	border-left: 10px solid var(--border-color-2);
	z-index: -2;
}
.profile-thumb > span.arrow-bottom::before, .profile-thumb > span.arrow-bottom::after{
	position: absolute;
	content: "";
	bottom: -35px;
	right: -35px;
	width: 100px;
	height: 100px;
	border-bottom: 10px solid var(--primary-color);
	border-right: 10px solid var(--primary-color);
	z-index: -1;
}
.profile-thumb > span.arrow-bottom::after {
	bottom: -38px;
	right: -38px;
	border-bottom: 10px solid var(--border-color-2);
	border-right: 10px solid var(--border-color-2);
	z-index: -2;
}

.profile-thumnail {
	position: relative;
	z-index: 1;	
}
.profile-thumnail > img{
	box-shadow: var(--shadow);
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.popupImg {
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	position: absolute;
	bottom: -68px;
	right: 45px;
	z-index: 4;
	width: 232px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background-color: #fff;
}
.popupImg img {
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.profile-des {
	padding: 50px 60px;
	box-shadow: 0 12px 67px -8px rgba(147, 169, 255, 0.4);
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.profile-des::after {
	position: absolute;
	content: "";
	left: 15px;
	top: 15px;
	bottom: 15px;
	width: 1px;
	border-left: 7px dotted #D9E6FB;
	z-index: -1;
}
.profile-des .sec-title h1 {
	font-weight: 500;
	font-size: 2rem;
	text-transform: uppercase;
	line-height: 2.6rem;
}
.profile-des .sec-title h3 {
	font-weight: 800;
}

.uc {
	text-transform: uppercase;
}
.pro-box {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 20px;
}
.pro-box li {
	flex: 1;
	background-color: #fff;
	box-shadow: var(--shadow);
	padding: 20px;
	text-align: center;
	border-top: 1px solid #DBE6FF;
	border-radius: 9px;
}
.pro-box li img {
	width: 60px;
	margin-bottom: 10px;
}
.pro-box li h3 {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.pro-box li h2 {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--text-gray);
}

.button {
	border: none;
	height: 42px;
	background-color: var(--primary-color);
	display: inline-block;
	line-height: 42px;
	padding: 0 20px;
	color: var(--primary-color-text) !important;
	text-transform: uppercase;
	border-radius: 2px;
}
.button:hover {
	background-color: var(--primary-color-light);
}
.button.iconic i {
	width: 26px;
	background-color: inherit;
	height: 26px;
	position: relative;
	top: 0;
	right: -8px;
	filter: brightness(120%);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	font-size: 17px;
}

.area-training{
	padding: 60px 0;
	position: relative;
	z-index: 1;
}

.training-card {
	margin: 20px;
	background-color: #FFF;
	box-shadow: 0px 3px 11px -3px rgba(16, 37, 65, 0.1);
	border-radius: 0 0 10px 10px;
}
.training-card img{
	border-radius: 10px 10px 0 0;
}
.training-des{
	padding: 10px 5px;
}
.training-des > p{
	margin: 0;
}
.owl-nav{
	position: absolute;
	top: 0;	
	left: -70px;
	right: -70px;
	display: flex;
	justify-content: space-between;
	z-index: -1;
}
.area-training .owl-nav{
	top: 32%;
}
.owl-nav button{
	width: 60px;
	height: 60px;
	border: none !important;
	border-radius: 100% !important;
	line-height: 64px !important;
	background-color: #fff !important;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.16);
	color: var(--text-gray) !important;
	display: flex;
	align-items: center;
}
.owl-theme .owl-nav .disabled{
	cursor: not-allowed;
}

.area-get-quoite{
	margin: 60px 0 100px;
}
/* .area-get-quoite::after{
	content: "";
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 80px;
	left: 0;
	background: var(--border-color);
	z-index: -1;
	transform: skewY(5deg);
} */
.area-get-quoite::after {
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	bottom: 120px;
	left: 0;
	background: #ddffe5;
	z-index: -1;
	transform: skewY(5deg);
}
.quoite-sec{
	display: flex;
	justify-content: space-between;
	padding: 60px 0;
}
.quoite-sec > div{
	flex: 1;
}
.quoite-form{
	background-color: #FFF;
	padding: 40px;
	box-shadow: 0 12px 67px -8px rgba(147, 169, 255, 0.4);
}
.quoite-des {
	/* display: flex;
	flex-direction: column;
	justify-content: center; */
	padding-right: 60px;
	padding-top: 100px;
}
.alert {
	border: none !important;
}
.alert-success {
	color: #14bb17;
	background-color: #e3ffeb;
}
.msg{
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.msg-des {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.msg-left{
	margin-right: 15px;
}
.msg-right{
	margin-left: 15px;
}
.msg-des .social-list{
	margin-bottom: 15px;
}
.msg-des > img{
	border: 10px solid var(--primary-color);
	margin-bottom: 20px;
}
.msg-title {
	font-weight: bold;
	margin-bottom: 0;
}

.des-title{
	margin-bottom: 15px;
	font-weight: 800;
}
.form-control{
	height: 50px;
	border-radius: 0;
	box-shadow: none;
}
.input-gp{
	position: relative;
	z-index: 1;
}
.input-gp .form-ico{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40px;
	background-color: var(--primary-color);
	color: var(--primary-color-text);
	z-index: 1;
	text-align: center;
	line-height: 50px
}
.input-gp > .form-control{
	padding-left: 50px;
	border-color: var(--border-color-2);
}
.input-gp > textarea.form-control{
	padding-top: 14px;
}
textarea{
	resize: vertical;
	min-height: 100px;
}
.input-gp > .form-control:focus{
	box-shadow: none;
	border-color: var(--primary-color-hover);
}

.area-export-manpower .owl-nav {
	top: 23%;
}
.training-des > .title{
	text-transform: uppercase;
	text-align: center;
}

.area-recroute-counter{
	margin: 200px 0 60px;
}
.area-recroute-counter::before,.area-recroute-counter::after{
	content: "";
	position: absolute;
	top: -100px;
	right: 0;
	bottom: -100px;
	left: 0;
	background-color: #DDFFE5;
	z-index: -1;
	transform: skewY(-5deg);
}
.area-recroute-counter::after{
	top: 0;
	bottom: -500px;
	z-index: -1;
	transform: skewY(0);
}
.counter-sec{
	display: flex;
	justify-content: space-between;
	border-top: 10px solid var(--primary-color);
}
.counter-sec > div{
	flex: 1;
}
.coutner-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 60px 20px;
	background-color: #FFF;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.16);
	text-align: center;
}
.counter-thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-size: 44px;
	margin-bottom: 10px;
	color: var(--primary-color);
}
.counter-num {
	font-size: 16px;
	font-family: 'Syncopate', sans-serif;
}

footer{
	position: relative;
	z-index: 100;	
	background-color: transparent;
	background-image: linear-gradient(190deg, var(--primary-color) 28%, var(--primary-color-hover) 100%);
}

.bgsvg{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	z-index: -1;
}
.bgsvg svg{
	width: calc(294% + 1.3px);
	height: 253px;
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.bgsvg svg .elementor-shape-fill {
	fill: var(--primary-color-light);
}

.footer-sec {
	display: flex;
	justify-content: space-between;
	margin: 60px 0 0;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #FFFFFF;
	box-shadow: 29px 29px 60px 0px rgba(0,0,0,0.2);
	padding: 030px 30px 30px 30px;	
}
.footer-sec, .footer-sec p{
	color: #FFF;
}
.footer-des{
	flex: 2;
	padding-right: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer-des h2 {
	font-weight: 800;
}

.footer-members{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.office{
	margin: 10px 0 0;
}
.member-list {
	list-style: none;
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(auto-fill,minmax(70px,1fr));
	width: 100%;
	margin: 0;
	padding: 0;
}
.member-list li{
	background-color: #fff;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	aspect-ratio: 1/1;
}

.member-list.list-shadow li {
	box-shadow: var(--shadow);
}

.member-list.list-img {
	grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
	gap: 20px;
}
.member-list.list-img li {
	padding: 0;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: var(--shadow);
}
.member-list.list-img li img {
	width: 100%;
	min-height: 100%;
}

.msg-desig {
	color: var(--text-gray);
}

.copyright{
	padding: 30px 0;
}
.copyright p{
	margin: 0;
	color: #FFF;
	font-size: 12px;
}
.copyright a{
	color: #FFF;
	text-decoration: underline;
}
.flex-slide{
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.3) !important;	
	position: relative;
	z-index: 15;

}
/* .flex-slide:not(:last-child){
	clip-path: polygon(0% 0%, calc(100% - 60px) 0, 100% 50%, calc(100% - 70px) 100%, 0% 100%);
	margin-right: -80px;
}
.flex-slide:nth-child(2){
	z-index: 14;
}
.flex-slide:nth-child(3){
	z-index: 13;
}
.flex-slide:nth-child(4){
	z-index: 12;
}
.flex-slide:nth-child(5){
	z-index: 11;
}
.flex-slide:nth-child(6){
	z-index: 10;
}
.flex-slide:nth-child(7){
	z-index: 9;
}
.flex-slide:nth-child(8){
	z-index: 8;
}
.flex-slide:nth-child(9){
	z-index: 7;
}
.flex-slide:nth-child(10){
	z-index: 6;
}
.flex-slide:nth-child(12){
	z-index: 5;
}
.flex-slide:nth-child(13){
	z-index: 4;
}
.flex-slide:nth-child(14){
	z-index: 3;
}
.flex-slide:nth-child(15){
	z-index: 2;
}
.flex-slide:nth-child(16){
	z-index: 1;
} */


.quick-call{
	position: fixed;
	left: 5%;
	bottom: 8%;
	z-index: 101;
	border-radius: 25px;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.3);
}
.call-ico{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	/* background-color: #DD1616; */
	color: #fff;
	animation: buffering 1s infinite ease-in-out;
}
.quick-call > a{
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 20px 0 50px;
	border-radius: 25px;
	background-color: #20c55d;
	color: #FFF;	
}
.call-ico::before {
    content: "";
    position: absolute;
    border: 1px solid #25D366;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite
}

.call-ico::after {
    content: "";
    position: absolute;
    border: 1px solid #25D366;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
    animation-delay: 0.3s
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }
}

  @-webkit-keyframes buffering {
	0% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
	  -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	  -webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	  -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	  -webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	}
  }

.openMnu{
	color: var(--primary-color);
	border-color: var(--primary-color);
	border-radius: 3px;
}

.wrraper .area-banner{
	margin-bottom: 40px;
}
.banner-heading {
	border-radius: 15px;
	min-height: 400px;
	display: flex;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
}
.banner-heading::after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(transparent, var(--primary-color));
}
.banner-heading > div{
	position: relative;
	z-index: 2;
}
.heading{
	flex: 1;
	padding: 40px 0 50px;
}
.heading h3{
	text-transform: uppercase;
	color: var(--primary-color-text);
	font-weight: 800;
	font-size: 36px;
	margin-bottom: 15px;
}
.breadcmb{
	list-style: none;
	display: flex;
	margin: 5px 0 0 2px;
}
.breadcmb li:not(:last-child){
	margin-right: 10px;
	padding-right: 15px;
}
.breadcmb li{
	position: relative;
	z-index: 1;
	color: var(--primary-color-text);
}
.breadcmb li:not(:last-child)::after {
	position: absolute;
	content: "\f105";
	top: 6px;
	right: 0;
	font: normal normal normal 14px/1 FontAwesome;
	z-index: -1;
	color: #FFF;
}
.breadcmb li a{
	color: var(--primary-color-text);
}
[space="true"]{
	padding-bottom: 40px;
}
.content-grid{
	display: flex;
	justify-content: space-between;
}
.content-grid > div{
	flex: 1;
}
.content-grid > div.grid-sidebar{
	flex: 0 0 300px;
}
.content-grid > div:first-child{
	margin-right: 20px;
}
.img-left {
	float: left;
	margin: 0 26px 10px 0;
	clear: right;
}
[alpha="true"]{
	position: relative;
	z-index: 1;
}
[alpha="true"] > div{
	position: relative;
	z-index: 3;
}
[alpha="true"]::after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(#fff, rgba(255,255,255,.8));
	z-index: 2;
}
.img-border{
	border: 10px solid var(--primary-color);
}
.list {
	list-style-position: inside;
	margin-left: 20px;
}

.thumbnail-group {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}
.thumbnailer {
	display: block;
	text-align: center;
	box-shadow: var(--shadow);
	padding: 20px 20px;
}
.thumbnailer .des{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}
.thumbnailer .des > p{
	margin: 0;
}
.thumbnailer .des .name {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.6rem;
}
.thumbnailer .des .text-muted {
	min-height: 55px;
}
.thumbnailer .des .social-list{
	margin-top: 10px;
}

.text-muted {
	color: var(--text-gray);
}

/************ START ORGANIZATION MATRIX *************/
.organization-matrix{
	display: flex;
	flex-direction: column;
}
.matrix-row{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.matrix-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 42px 60px 0 rgba(0,0,0,.2);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.matrix-item:not(:last-child){
	margin-right: 20px;
}
.matrix-item:hover{
	background-color: var(--primary-color);	
}
.matrix-item:hover, .matrix-item:hover p{
	color: #FFF;	
}
.matrix-des {
	display: flex;
	flex-direction: column;
	padding: 15px 0 0;
	align-items: center;
}
.matrix-item p{
	margin: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.matrix-item .name{
	font-weight: 500;
	font-size: 14px;
}
.matrix-item .text-muted{
	font-size: 13px;
}
.matrix-des .social-list{
	margin-top: 10px;
}
.matrix-item:hover .social-list li a{
	background-color: var(--primary-color-hover);
}
@media(max-width: 400px){
	.matrix-row {
		margin-bottom: 3px;
	}
	.matrix-item:not(:last-child) {
		margin-right: 3px;
	}
	.matrix-item{
		padding: 0;
		flex: 1;
	}
	.matrix-des{
		padding: 10px;
	}
	.matrix-des p {
		font-size: 11px;
		line-height: 14px;
	}
}
/************ END ORGANIZATION MATRIX *************/

.figure{
	display: flex;
	flex-wrap: wrap;
}
.figure > div{
	flex-basis: calc(25% - 20px);
}
.fig-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #FFF;
	box-shadow: 0 42px 60px 0 rgba(0,0,0,.2);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-bottom: 20px;
}
.fig-item:not(:last-child){
	margin-right: 20px;
}
.fig-item:hover{
	background-color: var(--primary-color);	
}
.fig-item:hover, .fig-item:hover p{
	color: #FFF;	
}
.fig-des{
	padding: 15px;
}
.fig-des p{
	margin: 0;
}
.uppercase{
	text-transform: uppercase;
}
.responsive{
	max-width: 100%;
	overflow-x: auto;
}

.certificats{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 20px;
}
.grid-veiw{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}
.cer-item {
	aspect-ratio: 1/1.5;
	padding: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-direction: column;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.grid-veiw .cer-item {
	aspect-ratio: 2/1.5;
}

.cer-item::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	right: 0;
	height: 60%;
	background-image: linear-gradient(transparent, #262a6a);
	z-index: 1;
	border-radius:  0 0 15px 15px;
}
.cer-item img{
	width: 100%;
	border-radius: 15px;
	min-height: 100%;
	box-shadow: var(--shadow);
}
.cer-des{
	padding: 10px 15px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.cer-item p {
	margin: 0;
	color: #FFF;
	line-height: 20px;
}
.cer-des span{
	color: #CACACA;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
}


/* START MODALx */
.modalx{
	position: fixed;
	top: 0;
	left: 0;
	right: -30px;
	bottom: 0;
	z-index: 999999999;
	background-color: rgba(0,0,0,.8);
	overflow-x: hidden;
	overflow-y: auto;
	padding: 40px;
	display: none;
	justify-content: center;
	align-items: flex-start;	
}
.modalx .modalx-body{
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
	max-width: 900px;
}
@media(max-width: 900px){
	.modalx .modalx-body{
		position: relative;
		z-index: 1;
		margin-bottom: 40px;
		max-width: 85%;
	}
	.modalx{
		right: -5px;
	}
}
.modalx .modalx-content{
	margin-bottom: 40px;
}
.modalx .modalx-content img{
	max-width: 100%;
}
.modalx .modalx-close {
	position: absolute;
	top: 25px;
	right: -30px;
	width: 15px;
	height: 15px;
	background-color: #cdcdcd;
	cursor: pointer;
	background: url(assets/images/clips/close-white.png) no-repeat center center;
}
.modalx .modalx-close:active{
	top: 26px;
}
.modalx .modalx-closer{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
/* END MODALx */

.zoomer[data-hide="true"],.zoomer-2[data-hide="true"]{
	display: none;
}

.area-success {
	padding: 60px 0 150px;
	position: relative;
	z-index: 1;
}

.gallerylist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 70px;
}
.gallerylist li {
	flex: 0 0 260px;
	aspect-ratio: 1/1;
	overflow: hidden;
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	margin-bottom: -70px;
}
.gallerylist li img {
	min-height: 100%;
}

.article {
	display: flex;
	gap: 40px;
}
.article > .aside {
	flex: 0 0 300px;
}
.article > .content {
	flex: 1;
}
.article .sec-title {
	margin-bottom: 10px;
}

.list-view {
	padding-left: 14px;
}

.list-view.iconic {
	list-style: none;
	padding-left: 0;
	margin-bottom: 30px;
}
.list-view.iconic > li {
	position: relative;
	z-index: 1;
	padding-left: 35px;
	margin-bottom: 5px;
}
.list-view.iconic > li::before {
	position: absolute;
	content: "\f00c";
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	box-shadow: 0 4px 7px -1px #dadcff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "FontAwesome";
	color: #20db7a;
	font-size: 14px;
}

.list-view.iconic > li a {
	display: inline-block;
	color: var(--primary-color);
}
.list-view.iconic > li.active a,
.list-view.iconic > li a.active,
.list-view.iconic > li a:hover {
	text-decoration: underline;
}

.widget-group {
	position: sticky;
	top: 40px;
}
.widget-title {
	font-size: 2rem;
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--primary-color);
	color: var(--primary-color-text);
	padding: 15px 20px 12px;
	margin-bottom: 20px;
	border-radius: 2px;
}

.list-box {
	padding: 0;
	list-style: none;
}
.list-box li {
	display: flex;
	margin-bottom: 40px;
	box-shadow: var(--shadow);
}
.list-box li .thumb {
	flex: 2;
}
.list-box li .des {
	flex: 3;
	padding: 20px;
}
.list-box .des .title {
	position: relative;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.list-box .des .title::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	height: 1px;
	width: 100px;
	border-bottom: 4px solid var(--primary-color);
}


.text-justify strong {
	font-size: 110%;
}

.d-flex {
	display: flex;
}
.x-center {
	justify-content: center;
}
.y-center {
	align-items: center;
}
.xy-center {
	justify-content: center;
	align-items: center;
}

[align="center"] {
	text-align: center;
}

table tr td,
table tr th {
	vertical-align: top;
}
table.bg > thead {
	background-color: var(--primary-color);	
}
table.bg > thead > tr > th {
	color: var(--primary-color-text);
	vertical-align: middle;
}
table.bg > tbody > tr:nth-of-type(odd){
	background-color: transparent !important;
}
table.bg > tbody > tr:nth-of-type(even){
	background-color: #E3FFF5;
}
table.bg > tbody > tr > td{
	border-top-color: #5EEAB6;
}


.img {
	box-shadow: var(--shadow);
}

.bollet {
	list-style: none;
}
.bollet.boxed-shadow > li {
	background-color: #FFF;
	padding: 15px 20px 15px 35px;
	box-shadow: 0 5px 23px -13px rgba(0,0,0,0.2);
	border-radius: 4px;
	margin-bottom: 10px;
  	position: relative;
}
.bollet ul {
	margin-left: 20px;
	margin-bottom: 20px;
	list-style: none;
}
.bollet i {
	color: var(--primary-color);
}

.grid-two {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
}

.bollet.boxed-shadow > li {
	margin-bottom: 0;
}

.mail-box {
	position: fixed;
	right: 5%;
	bottom: 8%;
	z-index: 101;
}
.mail-box .icon-box {
	width: 40px;
	display: inline-flex;
	height: 40px;
	border-radius: 8px;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.3);
	overflow: hidden;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	background-color: #FB2828;
	color: #FFF;
}


/*************************
		GLOBAL CSS
*************************/

section, .social-sec,.nav-sec,footer,header,main{
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.box-shadow{
	box-shadow: 0 1px 6px 1px rgba(98, 98, 98, 0.3);
}

.social-list li > a,
.box-effect::after,
.nav-button > a::after,
.iconic i,
.transition,.button{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media (min-width: 1201px){
	.heading h3 {
		font-size: 34px;
	}
}
@media (max-width: 1200px){
	.logo-title {
		font-size: 16px;
	}
	.logo-title strong{
		font-weight: normal;
	}
	.logo {
		flex: 0 0 300px;
	}
	
	.banner-heading {
		min-height: 280px;
	}
	.gallerylist li, .gallerylist {
		margin-bottom: 0;
	}
	.gallerylist {
		gap: 10px;
	}
	.gallerylist li {
		clip-path: none;
		border-radius: 20px;
		box-shadow: var(--shadow);
		flex: 0 0 100px;		
	}
}

@media (max-width: 992px){
	.device-responsive{
		display: block;
	}	
	.heading {
		padding: 20px 0 20px;
	}
	.banner-heading {
		min-height: 245px;
	}
}
@media (max-width: 767px){
	.social-sec{
		display: none;
	}
	.profile-sec,.quoite-sec,.content-grid {
		flex-direction: column;
	}
	.content-grid > div:first-child{
		margin-right: 0;
	}
	.arrow-top,.arrow-bottom{
		display: none;
	}
	.area-profile {
		padding: 30px 0;
	}
	.profile-thumb{
		display: none;
	}
	
	.sec-title {
		text-align: center;
	}
	.sec-title h1{
		font-size: 26px;
		line-height: 36px;
	}
	.sec-title h3{
		font-size: 18px;
	}
	.sec-title h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.button {
		height: 35px;
		line-height: 36px;
		padding: 0 18px;
		font-size: 11px;
	}
	.button-group {
		display: flex;
		justify-content: center;
	}
	.profile-des br{
		display: none;
	}
	.sec-title .separetor::before,.sec-title .separetor::after {
		width: 100%;
	}
	.owl-nav {
		left: -10px;
		right: -10px;
		z-index: 2;
	}
	.sec-title .separetor {
		margin: 20px 0 10px;
	}
	.area-training {
		padding: 0;
	}
	.area-get-quoite {
		margin: 0px 0 50px;
	}
	.quoite-des {
		padding: 70px 0 15px;
	}
	.area-recroute-counter {
		margin: 80px 0 40px;
	}
	.area-recroute-counter::before {
		top: -50px;
	}
	.banner-heading {
		min-height: 200px;
	}
	.banner-heading {
		min-height: 190px;
	}
	.article, .list-box li  {
		flex-direction: column;
	}
	
}
@media (max-width: 600px){
	.quoite-form {
		padding: 20px;
	}
	.msg-left {
		margin-right: 10px;
	}
	.msg-right {
		margin-left: 10px;
	}	
	.counter-sec, .footer-sec {
		flex-direction: column;
	}
	.footer-des h2{
		font-size: 22px;
		line-height: 28px;
	}
	.footer-des {
		padding-right: 0;
		margin-bottom: 30px;
	}
	
	.footer-list {
		margin-top: 15px;
	}
	.banner-heading {
		min-height: 120px;
		background-size: 100% 100% !important;
	}
	.heading h3 {
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
	}
	.breadcmb li {
		font-size: 13px;
	}
	.breadcmb {
		margin: 0;
	}
	.breadcmb li:not(:last-child) {
		margin-right: 5px;
		padding-right: 10px;
	}
	.figure > div{
		flex-basis: calc(50% - 20px);
	}
	.area-profile::before {
		opacity: 0.2;
	}
}
@media (max-width: 400px){
	.logo {
		flex: 0 0 250px;
	}
	.logo-title {
		font-size: 12px;		
	}
	.logo-title strong{
		font-weight: bold;
	}
	.logo-des{
		margin-left: 5px;
	}
	.logo-des p{
		font-size: 13px;
		line-height: 19px;
	}	
	.msg-title {
		font-weight: normal;
		margin-bottom: 0;
		line-height: 20px;
	}
	.msg-desig {
		font-size: 11px;
		line-height: 16px;
		color: #666;
	}
	.links {
		font-size: 14px;
	}	
}
@media (max-width: 370px){
	.figure > div{
		flex-basis: 100%;
		margin-right: 0 !important;
	}
}