@charset "utf-8";
/* CSS Document */
/*
@@@@ My Custome Stylesheet
*
*
	font-family: 'Ubuntu', sans-serif;
	font-family: 'Poppins', sans-serif;
	font-family: 'The Nautigal', cursive;

*
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=The+Nautigal:wght@700&family=Ubuntu:wght@400;500&display=swap');


:root{
	--maincolor:    #2e2e2e;
	--seconcolor:   #0E4677;
	--primarycolor: #7BA541;
	--normalcolor:  #ffffff;
	--btncolor:     #ee964b;
	--mainfont:     'Ubuntu', sans-serif;
	--titlefont:    'Poppins', sans-serif;
}

a, a:hover {
	text-decoration: none !important;
	outline: none !important;
}
ul {
	margin-bottom: 0px !important;
}
li {
	list-style: none;
}
body {
	font-size: 14px;
	font-weight: normal;
	margin:0;
	color: var(--maincolor) !important;
	font-family: var(--mainfont) !important;
}


/*====== Start CLI ======*/
.top_btn{
    position: fixed;
    bottom: 65px;
    right: 2%;
	z-index: 10;
}
.top_btn a{
    background-color: transparent;
    border: 1px solid var(--btncolor);
    color: var(--btncolor);
    font-size: 16px;
    display: block;
    width: 44px;
    height: 44px;
    padding: 12px;
	opacity: 0;
	text-align: center;
	outline: none !important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transform: translateY(-1000%);
	-moz-transform: translateY(-1000%);
	-ms-transform: translateY(-1000%);
	-o-transform: translateY(-1000%);
	transform: translateY(-1000%);
}
.top_btn .scrollToTop.show{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.top_btn a:hover, .top_btn a:focus{
	color: var(--normalcolor);
	background-color: var(--maincolor);
	border-color: var(--maincolor);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/*===== End Top view ====*/

/*! === // NAV:: End Menu & Logo Part // === !*/

h2.head_title{
	color: var(--seconcolor);
	font: bold 36px/normal var(--mainfont);
	margin-bottom: 1rem;
	position: relative;
}
/* ====End CLI */

.navbar_wrap {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
}
.top_head{
	background: var(--seconcolor);
	position: relative;
}
.top_head::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background: var(--primarycolor);
    width: calc((100% - 1110px) / 2 + 100px);
    height: 100%;
}
.head_login li:not(:last-child) {
    margin-right: 45px;
    position: relative;
}
.head_login li a{
    color: var(--normalcolor);
    font: 400 24px/28px var(--mainfont);
}
.social_link {
	background: var(--primarycolor);
	clip-path: polygon(10% 0%, 100% 0%, 100% 99%, 0% 100%);
    text-align: right;
	padding: 10px 0;
	position: relative;
}
.social_link::after {
    position: absolute;
    top: 0;
    left: -2px;
    content: "";
    background: var(--normalcolor);
    width: 11%;
    height: 100%;
    clip-path: polygon(10% 0%, 100% 0%, 10% 100%, 0% 100%);
}
.social_link a{
	color: var(--normalcolor);
	font-size: 24px;
}
#nav_bg .navbar{padding: 0;}
/* ====== New Search Custom ======= */

.mobile_menu{
	display: none;
	position: relative;
}
#nav_media {
    background: var(--normalcolor);
    top: -60px;
	padding: 10px 0;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -ms-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}
/* ==== */

.nav_icon {
	background: none;
	border: none !important;
	border-radius: 0px;
	width: 35px;
	height: 35px;
	padding: 0px;
	box-shadow: none !important;
	outline: none !important;
	position: relative;
}
.nav_icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--maincolor);
	opacity: 1;
	left: 0;
	right: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.nav_icon span:nth-child(1) {
	top: 5px;
}
.nav_icon span:nth-child(2) {
	width: 100%;
	top: 15px;
}
.nav_icon span:nth-child(3) {
	bottom: 5px;
}
.nav_icon[aria-expanded="true"] span:nth-child(1) {
	top: 18px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.nav_icon[aria-expanded="true"] span:nth-child(2) {
	opacity: 0;
	left: -60px;
}
.nav_icon[aria-expanded="true"] span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/* Sticky effect */
#nav_bg.stick{
	background: var(--normalcolor);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	animation-duration: 0.45s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
	-webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -ms-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}
#nav_bg.stick .navbar-brand img{
	max-width: 65%;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
/* ===Toggle button */


.logo_part a{
	display: inline-block;
	margin: 0px;
}

.has_submenu>.tigger_icon::before,
.customNav .dropdown-toggle::after{
	color: var(--maincolor);
	content: "\f0d7";
	display: inline-block;
	font-family: "FontAwesome";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: absolute;
    margin-left: .5rem;
}
/*! === // NAV:: End Menu & Logo Part // === !*/

.banner_sec{
	background: #000000;
	position: relative;
}
/*! === // SECTION:: End Banner // === !*/


.about_sec{
	background: var(--normalcolor);
	padding: 45px 0;
}
.about_sec .card{
	border: none;
	border-radius: 25px;
	overflow: hidden;
}
.about_sec h6{
	color: var(--seconcolor);
	font: bold 48px/normal 'The Nautigal', cursive;
}
.about_sec h2{
	color: var(--maincolor);
	font-size: 72px;
}
.about_sec p{
	color: var(--maincolor);
	font: 400 18px/28px var(--mainfont);
}
.about_sec .btn{
	font: 400 18px/24px var(--mainfont);
    background: var(--seconcolor);
    border-color: var(--seconcolor);
    -webkit-box-shadow: 0px 3px 1px #86a2bb;
	box-shadow: 0px 3px 1px #86a2bb;
    max-width: 180px;
    width: 100%;
    padding: 12px;
    margin-top: 1rem;
}
/*! === // SECTION:: End About // === !*/

.service_sec{
	background: #D2E9FC;
	padding: 55px 0;
	position: relative;
}
.service_head{
	text-align: center;
	padding-bottom: 1.5rem;
}
.service_head h2{
	color: var(--seconcolor);
	font: 400 58px/normal var(--mainfont);
	padding-bottom: 20px;
	position: relative;
}
.service_head h2::before{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	width: 150px;
	height: 8px;
	background: var(--primarycolor);
	margin: 0 auto;
}
.service_list{
	padding: 35px 0;
}
.service_list .card-img {
    background: var(--primarycolor);
    --round: 252px;
    width: var(--round);
    height: var(--round);
    line-height: var(--round);
    border-radius: 50%;
    margin: 0 auto 2rem;
}
.service_list h3{
	margin-bottom: 2rem;
}
.service_list h3 a{
        color: var(--seconcolor);
	font: 400 30px/34px var(--mainfont);
}
.service_sec .btn {
    font: 400 30px/34px var(--mainfont);
    background: var(--seconcolor);
    border-color: var(--seconcolor);
	border-radius: 12px;
    padding: 10px 35px;
}
/*! === // SECTION:: End Our Service // === !*/

.news_sec{
	padding: 55px 0;
	position: relative;
}
.news_sec .head_title{text-align: center;}
.news_list{
	padding-top: 35px;
}
.news_list .card {
    text-align: center;
    background: var(--normalcolor);
	border: none;
	border-bottom: 5px solid rgba(0,0,0,0.1) !important;
    -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	padding: 1rem;
    margin-bottom: 1rem;
}
.news_list .card .card-img{
	border-radius: 0px;
	margin-bottom: 1rem;
}
.news_list h4{
	color: var(--maincolor);
	font: 500 24px/24px var(--titlefont);
	text-transform: uppercase;
}
.news_list h6{
	color: var(--seconcolor);
	font: 500 16px/24px var(--titlefont);
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.social_field{}

/*! === // SECTION:: End latest News // === !*/

.cwrite_sec {
	background: var(--seconcolor);
	padding: 20px 0;
	position: relative;
}
.cwrite_sec p, .cwrite_sec a {
	color: var(--normalcolor);
	font: 400 16px/24px var(--mainfont);
	margin: 0px;
}
.cwrite_sec a{
	color: var(--primarycolor) !important;
	padding: 0 5px;
}
.cwrite_sec [class*="col-"]:not(:first-child) p{
	text-align: right;
}
/*! === // FOOTER:: End Footer // === !*/


/*-==========================
         Inner Pages
============================*/

.cms_sec {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 50vh;
}
.cms_sec h2{}

/*! === // PAGE:: End CMS // === !*/

.mission_sec{
	padding-bottom: 35px;
}
.mission_sec .card {
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 3px 12px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 3px 12px rgb(0 0 0 / 10%);
    min-height: 485px;
    margin-bottom: 1rem;
}
.mission_sec h3{
	color: var(--seconcolor);
	font-weight: 700;
	text-transform: uppercase;
}
.mission_sec .card p{
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}
/*! === // PAGE:: End Abouut // === !*/

.service_page{
	padding: 65px 0;
}
.service_page .service_list{
	padding-top: 0px;
}
.service_page .service_list .row:nth-child(odd){
	direction: rtl;
}
.service_page .service_list .row:nth-child(even){
	direction: ltr;
}
.service_page .service_list [class*="col"] {
    direction: ltr;
}
.service_page .service_list > .row:first-child {
    border-top: none;
}
.service_page .service_list > .row{
    border-top: 1px solid #EBEBEB;
    padding-top: 55px;
    margin-top: 55px;
}
.service_page .service_list h3{
    color: var(--maincolor);
    margin-bottom: 1rem;
}
/*! === // PAGE (2):: End Smart // === !*/

.contact_page{
	padding: 75px 0;
	position: relative;
	overflow-x: hidden;
}
.contact_form{}
.contact_page h2,
.contact_page h4{
	color: var(--maincolor);
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}
.contact_page h2{font-size: 26px;}
.contact_page h4{font-size: 20px;}
.contact_page h6{
	font: 500 16px/24px var(--titlefont);
}
.contact_page li{list-style: disc;}
.contact_page p{font-size: 14px;}
.contact_page p a{
	color: var(--maincolor);
	display: inline-block;
}
.contact_form label {
    font: 400 14px/24px var(--mainfont);
    margin-left: 15px;
    margin-bottom: 0.5rem;
}
.contact_form .form-group{ margin-bottom: 1rem;}
.contact_form .form-control:not(textarea){
	height: 55px;
}
.contact_form .form-control{
	color: var(--maincolor);
    font: normal 16px/24px var(--titlefont);
	background: #F2F3F8 !important;
	border: none;
	border-radius: 50px;
	box-shadow: none !important;
	outline: none !important;
	padding: 0.375rem 1rem;
}
.contact_form .btn {
    font: 400 18px/26px var(--mainfont);
	text-transform: uppercase;
    background: var(--seconcolor);
    border-color: var(--seconcolor);
	border-radius: 50px;
    -webkit-box-shadow: 0px 3px 1px #86a2bb;
    box-shadow: 0px 3px 1px #86a2bb;
    width: 100%;
    padding: 12px;
    margin-top: 1rem;
}
.map_sec{
	height: 450px;
}
/*! === // PAGE (1):: End Contact // === !*/

/*! === // PAGE (9):: End SMART CONTACT // === !*/

/*! === // PAGE (10, 11, 12, 13):: End TERMS OF TRADE // === !*/



/*! === // Stylesheet:: WooCommerce Theme // === !*/






/*-==============================
		@media Stylesheet
================================*/

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


/*/ Extra small devices (portrait phones, less than 576px)*/

@media screen and (min-width:401px) and (max-width: 575.98px) {}
@media (max-width: 575.98px) {

	.top_head, .head_login, .social_link{
		text-align: center;
		display: none;
	}
	.social_link{
		background: none;
		clip-path: none;
	}
	.social_link::after{display: none;}
	#nav_media{
		padding: 5px 0;
	}
	/*! === // endHeader Sec // === !*/
	
	h2.head_title{
		font-size: 24px;
		line-height: normal;
	}
	/* ===== end footer */

	/* ==== */

	
}
@media screen and (min-width:576px) and (max-width:767.98px) {

	.top_head::before {
		width: calc((100% - 540px) / 2 + 100px);
	}
	.head_login li{font-size: 18px;}
	h2.head_title{
		font-size: 40px;
		line-height: normal;
	}
	.customNav{
		/* height: calc(100vh - 80px);
    	overflow-y: auto; */
	}
	/* ===== */
}
@media screen and (max-width:767px) {
	.top_head,
	.head_login{
		text-align: center;
	}
	.head_login li:not(:last-child){ margin-right: 0;}
    /*! === // endHeader Sec // === !*/
	
	.service_sec,
	.about_sec{
		padding: 45px 0;
	}
	/* ====Body */

}
@media screen and (min-width:768px) and (max-width:991.98px) {
	.top_head::before {
		width: calc((100% - 720px) / 2 + 100px);
	}
    /*! === // endHeader Sec // === !*/

	h2.head_title{
		font-size: 40px;
	}
	/* ===== */
	.service_sec,
	.about_sec{
		padding: 45px 0;
	}
	.news_list h4 {
		font: 500 20px/24px var(--titlefont);
	}
	.news_list h6{
		font-size: 14px;
		min-height: 50px;
	}
	/* ====end body & inner page */
}
@media only screen and (max-width:991px) {
	#nav_bg{
		/* display: none; */
	}
	.customNav > ul > li{ margin-top: .5rem;}
	.customNav > ul > li > a {
		color: var(--seconcolor) !important;
		font: 500 32px/42px var(--mainfont);
		position: relative;
	}
	#nav_bg .customNav > ul > li > a::after{display: none;}
	.mobile_menu{
		display: block;
	}
	.navbar_wrap{
		/* position: relative; */
	}
	#nav_media{
		background: var(--normalcolor);
	}
	#nav_media.stick,
	#nav_media.stick_bg{

	}
	#nav_media.stick,
	#nav_media.stick_bg.stick{
		-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
	}
	
	/* side slide menu */
	.slide_menu{ position:relative;}
	#sidebar {
		width: 300px;
		height: 100vh;
		position: fixed;
		top: 100%;
		left: -300px;
		background: #F7F5F5;
		border-top: 1px solid var(--seconcolor);
		overflow-x: hidden;
		text-align:left;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 999;
	}
	#sidebar.active {
		left: 0;
		-webkit-transition: left 1s;
		-moz-transition: left 1s;
		-ms-transition: left 1s;
		-o-transition: left 1s;
		transition: left 1s;
	}

	.sidenav #dismiss {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 28px;
		height: 28px;
		border: 1px solid #3d354c;
		border-radius: 50%;
		text-align: center;
		font-size: 100%;
		color: #3d354c;
		font-weight:normal;
		cursor: pointer;
		z-index:10;
	}
	#dismiss .lnr {
		color: #3d354c;
		font-size: 16px;
		line-height: 26px;
	}
	.overlay {
		display: none;
		position: fixed;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.8);
		z-index: 100;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.overlay.active {
		display: block;
		opacity: 1;
	}
	.logo_part{	text-align: center;}
	.mobile_menu .customNav{
		max-height: calc(100vh - 30px);
		height: calc(100vh - 30px);
		position: relative;
	}
	.mobile_menu .customNav .d-flex {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.mobile_menu .customNav > ul > li+li {
		border-top: 1px solid #ddd;
	}
	.mobile_menu .customNav ul li,
	.mobile_menu .customNav > ul > li > a{
		display: block;
		position: relative;
	}
	.mobile_menu .customNav li.has-submenu > a{
		padding-right: 30px;
	}
	.mobile_menu .customNav ul li a{
		color: var(--maincolor);
		text-transform: uppercase;
		padding: 10px 15px;
		display: block;
	}
	.mobile_menu .customNav > ul > li.has-submenu > a::before{
		position: absolute;
		right: 0px;
		top: 10px;
		width: 26px;
		height: 26px;
		content: "\f105";
		font-size: 20px;
		font-family: "FontAwesome";
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		display: inline-flex;
		justify-content: center;
		-moz-box-align: center;
		align-items: center;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.customNav > ul > .has-submenu.active > a::before {
		transform: rotate(90deg);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	#nav_bg .has_submenu > ul {
		/* background: var(--seconcolor);
		border: none; */
		height: 0px;
		visibility: hidden;
		pointer-events: none;
		position: relative;
		-webkit-transition: height 0.5s ease-in-out;
		-moz-transition: height 0.5s ease-in-out;
		-ms-transition: height 0.5s ease-in-out;
		-o-transition: height 0.5s ease-in-out;
		transition: height 0.5s ease-in-out;
	}
	#nav_bg .has_submenu.active > ul{
		display: block;
		height: auto;
		visibility: visible;
		pointer-events: auto;
		-webkit-transition: height 0.5s ease-in-out;
		-moz-transition: height 0.5s ease-in-out;
		-ms-transition: height 0.5s ease-in-out;
		-o-transition: height 0.5s ease-in-out;
		transition: height 0.5s ease-in-out;
	}
	#nav_bg .customNav > ul > li > ul a {
		color: var(--maincolor);
		font-size: 16px;
	}
	#nav_bg .dropdown span.tigger_icon {
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		display: inline-flex;
		justify-content: center;
		-moz-box-align: center;
		align-items: center;
		position: absolute;
		top: 0px;
		right: 5px;
		width: 26px;
		height: 40px;
		line-height: 26px;
		text-align: center;
		font-size: 20px;
		color: var(--seconcolor);
		cursor: pointer;
		z-index: 10;
	}
	#nav_bg .dropdown .tigger_icon::before{
		color: var(--maincolor);
		font-size: 26px;
		content: "\f0d7";
		display: inline-block;
		font-family: "FontAwesome";
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		margin: 0;
		transform: rotate(-90deg);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	#nav_bg .has_submenu.active > .tigger_icon::before {
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.mobile_menu .customNav > ul > li ul li+li {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	.mobile_menu .customNav li.has_submenu > a{
		margin-right: 30px;
	}
	.mobile_menu .customNav li.has_submenu > a::after{
		display: none;
	}
	/* End side slide menu */

	/* ==== */
	
	.cwrite_sec,
	.cwrite_sec [class*="col-"]:not(:first-child) p{
		text-align: center;
		margin: 0px;
	}
	/* ==== */

	

}
@media screen and (min-width:768px) {}
@media screen and (min-width:1024px) {
	#nav_bg{
		background: var(--normalcolor);
		top: -70px;
	}
	.customNav{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		-moz-box-align: center;
		align-items: center;
		position: relative;
	}
	.customNav > ul > li{
		display: inline-block;
		position: relative;
	}
	.customNav > ul > li:not(:last-child){
		margin-right: 25px;
	}
	.customNav > ul > li > a{
		color: var(--seconcolor) !important;
		font: 500 24px/34px var(--mainfont);
		padding: 30px 0;
		position: relative;
	}	
	#nav_bg.stick .customNav > ul > li > a{
		font-size: 26px;
		padding: 20px 0;
	}

	.customNav .dropdown .dropdown-menu{
		position: absolute;
		top: 100%;
		left: 50%;
		margin: 0px;
		text-align: left;
		background: #ffffff;
		border: none;
		border-radius: 0px;
		-webkit-box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);
		box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);
		-webkit-transform: translate(-50%, 20px);
		-moz-transform: translate(-50%, 20px);
		-ms-transform: translate(-50%, 20px);
		-o-transform: translate(-50%, 20px);
		transform: translate(-50%, 20px);
		opacity: 0;
		visibility: hidden;
		display: block;
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
	}
	.customNav .dropdown:hover .dropdown-menu,
	.customNav .dropdown .dropdown-menu.show {
		display: block !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible !important;
		pointer-events: auto;
		-webkit-transform: translate(-50%, 0px);
		-moz-transform: translate(-50%, 0px);
		-ms-transform: translate(-50%, 0px);
		-o-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
	.customNav .dropdown .dropdown-menu a{
		color: var(--maincolor);
		font: 400 16px/24px var(--mainfont);
		background: none !important;
	}
	.customNav .dropdown .dropdown-menu a:hover,
	.customNav .dropdown .dropdown-menu a:focus {
		color: var(--seconcolor);
	}
	#nav_bg .dropdown .tigger_icon{
		display: none;
	}	
	/* ====Header */

	.inner_sec img {
		height: 320px;
		object-fit: cover;
	}
	.about_sec .card{
		height: 100%;
	}
	.about_sec .card img{
		height: 100%;
		object-fit: cover;
	}
	.service_page .service_list [class*="col"] {
		padding-right: calc(var(--bs-gutter-x) * 1.5);
		padding-left: calc(var(--bs-gutter-x) * 1.5);
	}
	.service_page .service_list h3{
		font: bold 30px/38px var(--mainfont);
	}
	.service_page .service_list p{
		font-size: 18px;
		line-height: 30px;
	}
	.service_list [class*="col"] img{
		max-height: 400px;
	}
	.news_list .card .card-img img {
		max-height: 150px;
	}
	

}
@media screen and (min-width:992px) and (max-width:1199.98px) {
	.customNav{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		-moz-box-align: center;
		align-items: center;
		position: relative;
	}
	.customNav > ul > li {
		display: inline-block;
		position: relative;
	}
	.customNav > ul > li > a {
		font: 500 20px/24px var(--mainfont);
		position: relative;
	}
	/* ==== */
	
}
@media screen and (min-width:1200px) {}
@media only screen and (min-width: 1024px) and (max-width: 1385px) {
	.mission_sec .card{
		min-height: 635px;
	}
}
@media screen and (min-width:1367px) {
	.customNav > ul > li:not(:last-child){
		margin-right: 40px;
	}
}
@media screen and (min-width:2500px) {}


/* Style adjustments for high resolution devices */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {}


/* #Tablet (Portrait) */

@media only screen and (min-width: 768px) and (max-width: 959px) {}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */

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


/* #Mobile (Landscape) - Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}