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

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
	scroll-behavior: smooth;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;
}

/* ::selection {
	background-color: #e81e25;
	color: #fff;
} */

.clear {
	clear: both;
}

.img {
	width: 100%;
	display: block;
}

hr {
	border: 0.3px solid #2658a896 !important;

}
.apply{
        width: 150px;
    padding: 12px  12px ;
    position: absolute;
    text-decoration: none !important;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    bottom: 23px;
    text-decoration: none;
    right: 12px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #112c50;
}

.view-jobs{
	  width: 100%;
    padding: 12px  12px ;
    text-decoration: none !important;
    font-size: 15px;
    display: block;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 2%;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #112c50;
}
.screen{
	display: block;
}
.mobile{
	display: none;
}
a{
	text-decoration: none;
}
.mobile_apply{
	width: 150px;
    padding: 12px  12px ;
    text-decoration: none !important;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-decoration: none;
    margin-top: 2%;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #112c50;
}
    /* transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;

.mobile_apply:hover{
	background-color: #e2e2e2b0;
    color: #000;
    border: 1px solid #112c50;

}*/
@media only screen and (max-width:960px) {
	.screen{
		display: none;
	}
	.mobile{
		display: block;
	}
}
.mob-logo{
	margin: 0% auto 0%;
    width: 120px;
    float: none;

}

/*--------------------------------------------------------------
New Css Start
--------------------------------------------------------------*/
.top_bg {
    position: relative;
    z-index: 9999;
    background-color: #fcfcfa;
}

.leaf {
	width: 100px;
	float: right;
}

.navbar {
	width: 500px;
	float: left;
}

.navbar_btn {
	width: 230px;
	float: right;
}

.navbar_btn ul {
	padding: 0;
	margin: 0;
}

.navbar_btn ul li {
	list-style: none;
}

.navbar_btn ul li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	float: left;
	padding: 10px;
	background-color: #000;
	border-radius: 10px;
	color: #fff;
	margin: 10px 10px;
	text-decoration: none;
}

.navbar_btn li:last-child a {
	background-color: #3a93cf;
}

.navbar_btn li:first-child a {
	background-color: #ff7d00;
}

.call_em_txt {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: 600;
}

.s_icon {
	width: 100px;
	float: right;
	margin: 1%;
}

.call_em {
	width: 230px;
	float: left;
	margin: 1%;
}

.top_right1 {
	width: 381px;
	float: right;
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
}

.top_right2 {
	width: 730px;
	float: right;
}

.top_right {
	width: 715px;
	float: left;
}

.top_right_main {
	width: 825px;
	float: right;
	margin: 1% 0%;
}

.tabs {
	display: flex;
	cursor: pointer;
}

.tab {
	padding: 10px 20px;
	background: #e2e2e2b0;
	border: 1px solid #112c50;
	margin-right: 18px;
	border-radius: 5px;
}

.tab.active {
	background: #112c50;
	color: white;
}

.tab-content {
	display: none;
	padding: 20px;
	    position: relative;
	border: 1px solid #aaa;
	margin-top: 10px;
	border-radius: 5px;
}

.tab-content.active {
	display: block;
}

.wel_txt h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 64px;
	line-height: 103%;
	font-weight: 500;
	color: #000;
	margin:10px 0 !important;
}

.wel_txt p {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	line-height: 140%;
	font-weight: 500;
	color: #112c50;
	margin: 3% 0 2% !important;
}

.wel_txt h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	margin: 0 !important;
	line-height: 140%;
}

.wel_txt h3 strong {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #112c50;
	margin: 0 !important;
	line-height: 140%;
}
/*
.wel_txt a {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	margin: 2% 0 0 !important;
	line-height: 140%;
	text-decoration: none;
	text-align: center;
	background-color: #112c50;
	display: block;
	padding: 12px;
	letter-spacing: 0.1px;
	border-radius: 5px;
	transition: all .3s linear;


	&:hover {
		background-color: #000;
	}
}*/
.center{
	    width: 150px;
    margin: 0 auto;
    float: none;
}
.section_logo1{
	display: flex;
	gap: 10px;
	width: 120px;
}

.section_logo {
	width: 120px;
	display: flex;
	gap: 10px;
	margin-top: 7%;
}

.cnt-bx>div:nth-child(2) {
	width: 100%;
}

.bg_32 {
	padding: 30px 25px;
	background-color: #21a197;
}

.bg_33 {
	padding: 30px 25px;
}

.wel33 p {
	font-family: "Poppins", sans-serif;
	font-size: 21px;
	font-weight: 500;
	color: #ffffff;
	line-height: 150%;
	text-align: right;
	margin: 0% 0% 0% !important;
}

.rel {
	position: relative;
}

.wel_flex {
	display: flex;
	flex-wrap: wrap;
}

/*--------------------------------------------------------------
New Css Ends
--------------------------------------------------------------*/


/*-----------------------------
whtas up
-----------------------------*/

.whatsapp_float {
	position: fixed;
	width: 55px;
	height: 55px;
	bottom: 150px;
	right: 10px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 31px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	z-index: 999999;
}

/* for mobile */
@media screen and (max-width: 767px) {
	.whatsapp_float {
		width: 40px;
		height: 40px;
		bottom: 170px;
		right: 10px;
		font-size: 26px;
	}
}

/*--------------------------------------------------------------
home page
--------------------------------------------------------------*/

.top_main {
	width: 100%;
	z-index: 999999;
}

.top_main2 {
	width: 100%;
	z-index: 999999;
	position: static;
}

.top {
	width: 95%;
	margin: 0 auto;
	max-width: 1920px;
}

.top2 {
	width: 90% !important;
	margin: 0 auto;
	max-width: 1600px;
}

.top3 {
	width: 100%;
	margin: 0 auto;
	max-width: 1600px;
}

.logo {
	width: 154px;
	float: none;
	margin: 1% auto;
}

.logo a {
	font-family: "Poppins", sans-serif;
	font-size: 42px;
	font-weight: 600;
	color: #20b1aa;
	line-height: 140%;
	margin: 0% !important;
	text-decoration: none;
}

.navbar ul {
	display: flex;
	gap: 50px;
	list-style: none;
}

.navbar ul li a {
	text-decoration: none;
	color: #000;
	font-weight: 600;
	line-height: 120%;
	padding: 2% 0 0 0;
	font-family: "Poppins", sans-serif;
}

.navbar ul .active a {
	color: #20b1aa;
}

.navbar {
	padding: 0.4% 0 0 0;
}

.title h2 {
	font-family: "Poppins", sans-serif;
	font-size: 29px;
	font-weight: 700;
	color: #000000;
	line-height: 150%;
	text-align: justify;
	margin: 0% 1% 0% !important;
	padding-left: 7px;
	border-left: 5px solid #20b1aa;
}

.banner2 {
	position: relative;
	width: 100%;
}

.cnt-bx h3 {
	font-family: "Poppins", sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000000;
	line-height: 150%;
	text-align: justify;
	margin: 1% 0% 2% !important;
}

.cnt-bx p {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	line-height: 150%;
	text-align: justify;
	margin: 1% 0% 0% !important;
}

/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.banner>img {
	width: 33.33%;
}

.link {
	text-decoration: none;
	color: #000;
}

.link2 {
	text-decoration: none;
	color: #fff;
}

.link3 {
	text-decoration: none;
	color: #000000 !important;
}

.link4 {
	text-decoration: none;
	color: #fff;
	transition: all .3s linear;
}

.link4:hover {
	color: #0b6835;
}

/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/

.col_sm1 {
	width: 100%;
	margin: 0 auto;
}

.col_sm2 {
	width: 48%;
	float: left;
	margin: 1%;
}

.col_sm8 {
	width: 40%;
	float: left;
	margin: 1%;
}

.col_sm88 {
	width: 56%;
	float: left;
	margin: 1%;
}

/*--------------------------------------------------------------
extra
--------------------------------------------------------------*/

.bg_clr1 {
	background-color: #fcfcfa;
}

.hero4 {
	background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 0% 0;
	background-size: cover;
	background: linear-gradient(136deg, #20b1aa, #20b1aa);
}


.hero8 {
	background: #000000;
}

/*--------------------------------------------------------------
Home page our product
--------------------------------------------------------------*/


.ftr_lt_txt {
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	color: #112c50;
	margin: 0 !important;
	padding: 20px 0 40px;
	text-align: center;
}

.center {
	text-align: center;
}

.ftr_lt_txt a {
	color: #fff;
	text-decoration: none;
	transition: all .3s linear;
}

.ftr_lt_txt a:hover {
	color: #0b6835;
}

.ftr_lt_txt_1 a {
	color: #112c50;
	text-decoration: none;
	transition: all .3s linear;
}

.ftr_lt_txt_1 a:hover {
	color: #000;
}

.ftr_right {
	text-align: right;
}

/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow {
	width: 45px;
	height: 45px;
	position: fixed;
	display: flex;
	right: 1%;
	bottom: 10.5%;
	transition-duration: 1s;
	font-size: 20px;
	cursor: pointer;
	color: #fff;
	z-index: 9999;
	background-color: #46ba8e;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.top_arrow:hover {
	background-color: #000;
}

.nav-flex {
	display: flex;
	justify-content: space-between;
}

.col_sm3 {
	width: 31.33%;
	margin: 1%;
	float: left;

}

.cnt-bx {
	background: #20b1aa3d;
	padding: 30px 30px;
	border-radius: 20px;
	min-height: 170px;
	display: flex;
	align-items: start;
	gap: 20px;
}

.cnt-bx .icon-wrap {
	width: 50px;
	padding: 10px;
	background: #20b1aa;
	border-radius: 50%;
}

.bag-color {
	background: #caeceb21;
}

.frm-text h2 {
	font-family: "Poppins", sans-serif;
	font-size: 29px;
	font-weight: 700;
	color: #000000;
	line-height: 150%;
	text-align: center;
}

.col_sm22 {
	width: 48%;
	margin: 1%;
	float: left;
}

.link2 {
	color: #47fff1;
	text-decoration: underline;
}

.link2:hover {
	color: #59ded4;
}

@media only screen and (max-width:1600px) {}

@media only screen and (max-width:1480px) {}

@media only screen and (max-width:1400px) {}

@media only screen and (max-width:1338px) {}

@media only screen and (max-width:1300px) {
	.tab {
	    padding: 10px 10px;
	}
}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1100px) {}

@media only screen and (max-width:1125px) {}

@media only screen and (max-width:1000px) {
	.top_bg {
		position: static;
	}

	.leaf {
		display: none;
	}

	.s_icon {
		width: 100%;
		float: none;
		display: none;
	}

	.call_em {
		float: none;
		width: 100%;
	}

	.top_right1 {
		width: 100%;
	}

	.top_right2 {
		display: none;
	}

	.top_right_main {
		display: none;
	}

	.top_right {
		display: none;
	}
}

@media only screen and (max-width:960px) {


	.col_sm3 {
		width: 48%;
	}


	.col_sm2 {
		width: 98%;
	}

}

@media only screen and (max-width:900px) {}

@media only screen and (max-width:800px) {
	.col_sm22 {
		width: 98%;
	}
	    .tab {
        padding: 8px 13px;
        font-size: 15px;
        margin-right: 6px;
    }
    .wel_txt h3 strong {
   		font-size: 16px;
	}
	.wel_txt h3 {
    	font-size: 16px;
	}

}

@media only screen and (max-width:700px) {
	.logo {
		margin: 1% auto;
		float: none;
	}

	.col_sm2_1 {
		width: 98%;
	}

	.ftr_right {
		text-align: left;
	}
}

@media only screen and (max-width:650px) {}

@media only screen and (max-width:600px) {}

@media only screen and (max-width:500px) {
	.nav-flex {
		flex-direction: column;
		align-items: center;
	}

	.navbar ul {
		padding: 0;
	}

	.wel_txt h2 {
    font-size: 38px;
	}

	.section_logo1 {
    margin: 0 auto;
	}
}

@media only screen and (max-width:470px) {}

@media only screen and (max-width:400px) {}

@media only screen and (max-width:320px) {}

@media only screen and (max-width:360px) {}