/* Custom Container */
@media only screen and (min-width : 1200px){
	.container{
		max-width: 1300px;
	}
}

/* Global */
::-moz-selection { /* Code for Firefox */
	background-color: #FF9E0241;
}
::selection {
	background-color: #FF9E0241;
}
/* Works on Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: #393f47 #cccccc;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
  width: 8px;
}
*::-webkit-scrollbar-track{
  background: #cccccc;
}
*::-webkit-scrollbar-thumb{
  background: #393f47;
}
*, body, h1, h2, h3, h4, h5, h6, p, a{
	outline: 0 !important;
	font-family: "Outfit", sans-serif;
}
html{
	scroll-behavior: smooth;
}
img{
	max-width: 100%;
	max-height: 100%;
}

.btn:focus,
.form-control:focus,
.form-select:focus{
	outline: 0;
	box-shadow: none;
}
.add_shadow{
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.scroll_margin_top{
	scroll-margin-top: 100px;
}

/* Loader */
.preloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 rgb(0, 0, 0, 0.8);
}
.preloader .loader{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 300px;
  height: 300px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader .loader img{
	width: 100%;
	animation: fadeinout 4s infinite;
}
.preloader .loader svg{
  transform-origin: center;
  animation: rotate 2s linear infinite;
}
.preloader .loader circle{
  fill: none;
  stroke: #56BFFF;
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash 5s ease-in-out infinite;
}

@keyframes fadeinout {
    0% { opacity: 0.5; }     /* Start fully transparent */
    20% { opacity: 1; }    /* Fade in smoothly */
    40% { opacity: 1; }    /* Stay fully visible */
    50% { opacity: 1; }  /* Fade out quickly */
    60% { opacity: 1; }    /* Continue fading out */
    100% { opacity: 0; }   /* End fully transparent */
}

@keyframes rotate{
	100%{
	  transform: rotate(360deg);
	}
}
  
@keyframes dash{
	0%{
	  stroke-dasharray: 1, 200;
	  stroke-dashoffset: 0;
	}
	50%{
	  stroke-dasharray: 90, 200;
	  stroke-dashoffset: -35px;
	}
	100%{
	  stroke-dashoffset: -125px;
	}
}

/* Back To Top Button */
#back_to_top_btn{
	display: inline-block;
	background-color: #FF9E02;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#back_to_top_btn::after{
	font-family: "Font Awesome 7 Pro";
  	font-weight: 900;
  	content: "\f062";
	font-size: 22px;
	color: #100F0F;
}
#back_to_top_btn:hover{
	cursor: pointer;
	background-color: #FF9E02;
}
#back_to_top_btn:active{
	background-color: #FF9E02;
}
#back_to_top_btn.show{
	opacity: 1;
	visibility: visible;
}

/* Inputs */
.form-label{
	font-weight: 500;
	font-size: 16px;
	color: #100F0F;
}
.form-control{
	background-color: #fff;
	border-color: #fff;
	padding:8px 25px;
  	border-radius: 90px;
	font-weight: 400;
	font-size: 14px;
	color: #100F0F;
}
textarea.form-control{
	border-radius: 10px;
	resize: none;
}
.form-control:focus{
	border-color: #FF9E02;
}
.form-select{
	background-color: #fff;
	border-color: #fff;
	padding: 15px 25px;
  	border-radius: 90px;
	font-weight: 400;
	font-size: 16px;
	color: #100F0F;
}
.form-select:focus{
	border-color: #FF9E02;
}
.select2-container--bootstrap-5 .select2-selection{
	background-color: #283232;
	border: 1px solid #283232 !important;
  	border-radius: 12px;
	color: #fff !important;
	box-shadow: none !important;
}
.select2-container--bootstrap-5 .select2-selection:focus{
	box-shadow: none;
}
.select2-container--bootstrap-5 .select2-selection--single {
	padding-top: 10px !important;
  	padding-bottom: 10px !important;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
	color: #fff !important;
}
.select2-container--bootstrap-5 .select2-selection {
	min-height: 45px;
}
.select2-container--bootstrap-5 .select2-dropdown{
	background-color: rgb(15, 31, 31);
	border-color: rgb(15, 31, 31);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{
	background-color: #283232;
	border: 1px solid #283232 !important;
	color: #fff;
	box-shadow: none !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{
	background-color: #283232;
	color: #fff;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted){
	color: #FF9E02;
  	background-color: transparent;
}
.select2-container--bootstrap-5 .select2-selection--single{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.form-select:focus{
	border-color: #FF9E02 !important;
}
.dropzone{
	background: transparent;
	border: 2px dashed #FF9E02 !important;
	border-radius: 12px;
	min-height: 100px;
	padding: 10px 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.nav-tabs{
	background-color: #FFF8F4;
	border-radius: 90px;
	border: 1px solid #FFEEE4;
	padding: 5px;
	justify-content: center;
}
.nav-tabs .nav-link{
	font-weight: 500;
	font-size: 16px;
	color: #100F0F;
	border-radius: 90px;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.nav-tabs .nav-link img{
	width: 21px;
}
.nav-tabs .nav-link:hover{
	border-color: transparent;
}
.nav-tabs .nav-link.active{
	background-color: #FF9E02;
	border-color: #FF9E02;
	color: #100F0F;
}
.nav-tabs.nav_tabs_vertical{
	flex-direction: column;
	border-radius: 16px;
}
.nav-tabs.nav_tabs_vertical .nav-link{
	border-radius: 16px;
	width: 100%;
	justify-content: flex-start;
}

/* Buttons */
.outline_button{
	border: 1px solid #fff;
	color: #fff;
	border-radius: 15px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}
.outline_button:hover, .outline_button:active{
	border-color: #fff !important;
	background-color: #fff !important;
	color: #000 !important;
}
.colored_button{
	background-color: #FF9E02;
	color: #fff;
	border-radius: 15px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
}
.colored_button:hover{
	border-color: #fff !important;
	background-color: #fff !important;
	color: #000 !important;
}
.blur_border_button{
	border: 1px solid #fff;
	color: #100F0F;
	font-weight: 500;
	border-radius: 90px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 4px;
	background-color: #fff;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	display: inline-flex;
	align-items: center;
	font-size: 14px;
}
.blur_border_button i{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #FF9E02;
	color: #100F0F;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transform: rotate(310deg);
	transition: all 0.3s ease;
}
.blur_border_button:hover, .blur_border_button:active{
	border-color: #fff !important;
	background-color: #fff !important;
	color: #100F0F !important;
}
.blur_border_button:hover i {
  	transform: rotate(360deg) !important;
}
.blur_border_button.primary{
	border-color: #FF9E02;
	background-color: #FF9E02;
}
.blur_border_button.primary i{
	background-color: #fff;
}
.blur_border_button.primary:hover, .blur_border_button.primary:active{
	border-color: #FF9E02 !important;
	background-color: #FF9E02 !important;
}
.blur_border_button.invert{
	color: #fff;
	border-color: #100F0F;
	background-color: #100F0F;
}
.blur_border_button.invert i{
	background-color: #fff;
}
.blur_border_button.invert:hover, .blur_border_button.invert:active{
	color: #fff !important;
	border-color: #100F0F !important;
	background-color: #100F0F !important;
}

.b_padding_btn{
	padding-left: 40px !important;
  	padding-right: 40px !important;
}
.btn-primary{
	background: #FF9E02;
	border: 1px solid #FF9E02;
	transition: all 0.5s ease;
	border-radius: 12px;
}
.btn-primary:hover, .btn-primary:active{
	background-color: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
}

/* Offcanvas */
.custom_side_menu{
	width: 100% !important;
	background: #5c5c5c;
	/* background-image: url(../images/side_menu_bg.webp); */
	height: 100%;
}
.custom_side_menu .sm_overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0c1d1dd6;
}
.custom_side_menu .sm_blur{
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.side_menu_body{
	position: relative;
	z-index: 3;
	display: flex;
  	flex-direction: column;
	height: 100vh;
	padding-bottom: 20px;
}
.side_menu_body .offcanvas-header{
	padding-top: 38px;
}
.custom_side_menu .side_menu_body .btn-close{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  	opacity: 1;
	width: 5px;
	height: 5px;
}
.search_bar .form-control{
	padding-top: 20px;
 	padding-bottom: 20px;
	border-radius: 20px;
	
	background: #ffffff1a;
  	color: #fff;
	border: none;
}
.custom_sm_imput{
	position: relative;
}
.search_bar .custom_sm_imput::after{
	font: var(--fa-font-light);
  	content: '\f002';
	position: absolute;
	top: 20px;
	font-size: 25px;
	color: #fff;
}
.search_bar .form-control::placeholder {
	color: #ffffffb7;
}
.offcanvas_footer{
	display: flex;
	gap: 10px;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
.offcanvas_footer i{
	font-size: 22px;     
}
.sidemenu_footer_row{
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid #ffffff15;
	margin-top: 20px;
}
.sidemenu_footer_row a{
	text-decoration: none;
	color: #ffffffcb;
}
.sidemenu_footer_row .head_lang_btn{
	display: block;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
}
.sidemenu_footer_row .head_lang_btn p{
	margin: 0;
}
.sidemenu_nav{
	margin-top: 40px;
}
.sidemenu_nav a{
	text-decoration: none;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	transition: all 0.3s;
}
.sidemenu_nav a.active{
	color: #FF9E02;
}
.sidemenu_nav h4{
	text-transform: uppercase;
	margin: 0;
	transition: all 0.5s;
}
.sidemenu_nav  i{
	color: #fff;
	font-size: 22px;
}
.sidemenu_nav p{
	margin: 0;
}
.sidemenu_nav .sm_nav_dropend{
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.sidemenu_nav .sm_nav_services .services_submenu{
	display: flex;
	gap: 15px;
	align-items: center;
}

/* Main Header */
.main_header{
	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0 50px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1044;
	transition: all .25s ease-out;
}
.static_header{
	position: relative;
}
.mainhead{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}
.head_items{
	display: flex;
	align-items: center;
	gap: 30px;
}
.head_items i{
	color: #fff;
  	font-size: 30px;
}
.head_items .head_lang_btn{
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #fff;
}
.head_items .head_lang_btn i{
	color: #fff;
	font-size: 20px;
}
.head_items .head_lang_btn p{
	margin: 0;
}
.head_items .head_account .btn{
	padding: 0 !important;
	border: none !important;
}
.head_items .head_account .btn:hover, .head_items .head_account .btn:active, .head_items .head_account .btn:focus{
	padding: 0 !important;
	border: none !important;
}
.head_items .head_account .dropdown-toggle::after {
	color: #fff !important;
}
.dropdown-toggle::after{
	display: none;
}
.head_items .head_menu .head_menu_btn{
	padding: 0;
	background: transparent;
	border: 0;
}
.head_items .head_menu .head_menu_btn i{
	color: #fff;
}
.main_header.stciky_header{
	background-color: #100F0F;
}
.main_header.inner_header{
	background-color: #fff;
	border: none;
	position: sticky;
	box-shadow: 0px 1px 4px 0px #00000033;
}
.main_header.inner_header .head_items .head_lang_btn{
	color: #100F0F;
}
.main_header.inner_header .head_items .head_lang_btn i{
	color: #100F0F;
}
.main_header.inner_header .head_items .head_menu .head_menu_btn i{
	color: #100F0F;
}
/* .main_header.hovered{
	background-color: #100F0F;
} */

/* Banner */
/* Main Banner */
.main_banner_parent{
	position: relative;
}
.main_banner{
	background: #0A1616;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.main_banner video{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*-webkit-mix-blend-mode: luminosity;
	mix-blend-mode: luminosity;*/
}
.main_banner::before{
	content: "";
	/* background: linear-gradient(180deg,rgba(51, 32, 0, 0) 0%, rgba(51, 32, 0, 1) 100%); */
	width: 100%;
	height: 80%;
	background-repeat: no-repeat;
	position: absolute;
	-webkit-mix-blend-mode: overlay;
	mix-blend-mode: overlay;
	opacity: 1;
  	bottom: 0;
	overflow: hidden;
	z-index: 3;
}

.main_banner .banner_content{
	position: relative;
	height: 100%;
	z-index: 5;
}

.main_banner .banner_content .banner_content_txt h1{
	font-weight: 600;
	font-size: 68px;
	line-height: 86px;
	color: #fff;
	margin-bottom: 20px;
}
.main_banner .banner_content .banner_content_txt p{
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}
.mob_video{
	display: none;
}
.banner_counters{
	background-color: rgba(0, 0, 0, 0.46);
	padding: 30px;
	border: 1px solid #fff;
	border-radius: 16px;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	width: 100%;
	padding-right: calc(1.5rem * .5);
	padding-left: calc(1.5rem * .5);
	max-width: 1300px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.banner_counters h4{
	font-weight: 600;
	font-size: 45px;
	color: #fff;
}
.banner_counters h5{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}
.banner_counters h6{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}
.banner_counters p{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}
.banner_counters .banner_counters_right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}
.banner_counters .banner_counters_right div:first-child{
	border-right: 2px dashed #fff;
	padding-right: 30px;
}

.inner_page_banner{
	background-color: #CCCCCC;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.inner_page_banner_content{
	background: linear-gradient(0deg,rgba(0, 30, 52, 0.82) 0%, rgba(0, 30, 52, 0) 100%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
}
.inner_page_banner_content h1{
	font-weight: 600;
	font-size: 68px;
	color: #fff;
}
.inner_page_banner_content p{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}
.breadcrumb-item{
	color: #fff;
	font-weight: 400;
	font-size: 16px;
}
.breadcrumb-item a{
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
}
.breadcrumb-item.active{
	color: #fff;
	font-weight: 400;
	font-size: 18px;
}
.breadcrumb-item + .breadcrumb-item::before{
	color: #fff;
}

.swiper_navigation{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.swiper-button-prev,
.swiper-button-next{
	position: unset;
	color: #100F0F;
	background-color: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin-top: 0;
	font-size: 28px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
	opacity: 0.7;
}
.swiper-button-prev::after,
.swiper-button-next::after{	
	display: none;
}
.main_banner .banners_pagination{
	position: unset;
	display: flex;
	width: auto;
}
.main_banner .banners_pagination .swiper-pagination-bullet{
	width: 13px;
	height: 13px;
	opacity: 1;
	border: 1px solid #fff;
	background-color: transparent;
	margin: 0 5px;
}
.main_banner .banners_pagination .swiper-pagination-bullet-active{
	background-color: #fff;
}

.banner_content .bnr_btns{
	display: flex;
	gap: 20px;
}
.banner_content .bnr_btns .fa-play{
	font-size: 30px;
}
.banner_content .bnr_btns .outline_button{
	display: flex;
	align-items: center;
	padding-left: 40px;
	padding-right: 40px;
}

/* Map Section */
.secion_bg_2{
	padding-top: 70px !important;
	padding-bottom: 70px !important;
	height: auto !important;
	overflow: hidden;
}
.secion_bg_2 h5{
	color: #ffffffad;
	margin-top: 10px;
}
/*.secion_bg_2 .map_iframe{
	width: 0;
}*/
.secion_bg_2 iframe{
	height: 100% !important;
}
.secion_bg_2 .saudi_map_col{
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.secion_bg_2 .saudi_map{
	position: relative;
	width: 717px;
  	height: 592px;
}
.saudi_map_col a{
	width: 70px;
	height: 75px;
	display: block;
	text-decoration: none;
}
.saudi_map_col .marker_point{
	display: block;
	width: 25px;
	height: 25px;
	background: #fff;
	border: 4px solid #FF9E02;
	border-radius: 50px;
	transition: all 0.2s ease;
}
.saudi_map_col a:hover .marker_point{
	width: 30px;
	height: 30px;
	border-color: #ffffffd0;
	background: #FF9E02;
}
.map_marker_btn .marker_point{
	margin-bottom: 3px;
}
.map_marker_btn p{
	line-height: 18px;
	margin-bottom: 0;
}
.map_marker_btn{
	position: absolute;
}

/* Map Pointers */

.riyadh_pointer{
	top: 321px;
	left: 345px;
}

.eastern_province_pointer{
	top: 337px;
	right: 142px;
}

.narjan_pointer{
	top: 496px;
	left: 345px;
}

.jizan_pointer{
	top: 552px;
  	left: 240px;
}

.asir_pointer{
	top: 467px;
  	left: 249px;
}

.bahah_pointer{
	top: 442px;
  	left: 190px;
}

.makkah_pointer{
	top: 362px;
  	left: 190px;
}

.madinah_pointer{
	top: 255px;
  	left: 120px;
}
.qasim_pointer{
	top: 207px;
  	left: 263px;
}
.hail_pointer{
	top: 154px;
  	left: 200px;
}
.tabuk_pointer{
	top: 112px;
  	left: 50px;
}
.jawf_pointer{
	top: 68px;
  	left: 134px;
}
.northern_border_pointer{
	top: 47px;
  	left: 245px;
}

/* Map Images */
.riyadh_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.eastern_province_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.narjan_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.jizan_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.asir_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.bahah_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.makkah_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.madinah_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.qasim_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.hail_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.tabuk_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.jawf_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.northern_border_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}

.riyadh_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.riyadh_pointer:hover ~ .riyadh_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.eastern_province_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.eastern_province_pointer:hover ~ .eastern_province_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.narjan_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.narjan_pointer:hover ~ .narjan_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.jizan_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.jizan_pointer:hover ~ .jizan_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.asir_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.asir_pointer:hover ~ .asir_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.bahah_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.bahah_pointer:hover ~ .bahah_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.makkah_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.makkah_pointer:hover ~ .makkah_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.madinah_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.madinah_pointer:hover ~ .madinah_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.qasim_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.qasim_pointer:hover ~ .qasim_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.hail_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.hail_pointer:hover ~ .hail_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.tabuk_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.tabuk_pointer:hover ~ .tabuk_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.jawf_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.jawf_pointer:hover ~ .jawf_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

.northern_border_pointer:hover ~ .main_map_img{
	visibility: hidden;
  	opacity: 0;
  	position: absolute;
}
.northern_border_pointer:hover ~ .northern_border_map_img{
	visibility: visible;
  	opacity: 1;
  	position: unset;
}

h6.left_line_heading{
	font-weight: 500;
	font-size: 18px;
	color: #100F0F;
	position: relative;
	padding-left: 40px;
	margin-bottom: 0;
}
h6.left_line_heading::before{
	content: "";
	background-color: #FB9B00;
	width: 30px;
	height: 2px;
	border-radius: 90px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.main_heading{
	font-weight: 600;
	font-size: 40px;
	color: #100F0F;
}
.main_heading.left_line_heading{
	position: relative;
	padding-left: 40px;
	margin-bottom: 0;
}
.main_heading.left_line_heading::before{
	content: "";
	background-color: #FB9B00;
	width: 30px;
	height: 2px;
	border-radius: 90px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* About Us Section */
.about_section{
	padding: 70px 0;
	background-color: #fff;
}
.about_section p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}
.top_line{
	width: 100%;
	height: 5px;
	background-color: #FF9E02;
}
.section{
	margin-top: 70px;
	margin-bottom: 70px;
}
.section .abt_sec_img{
	width: 100%;
	height: 315px;
	border-radius: 24px;
	overflow: hidden;
}
.section .abt_sec_img img{	
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.feature_icons .icon_box{
	width: 100%;
	padding: 15px;
	border: 1px solid #0A1616;
	text-align: center;
	border-radius: 20px;
	transition: all 0.3s ease;
	margin-top: 20px;
}
.feature_icons .icon_box h5{
	font-weight: 600;
}
.feature_icons .icon_box .icon_img{
	height: 108px;
  	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
}
.feature_icons .icon_box img{
	width: 100%;
	height: 100%;
}
.feature_icons .icon_box:hover{
	background: rgb(29,40,40);
	background: linear-gradient(122deg, rgba(29,40,40,1) 16%, rgba(8,42,42,1) 74%); 
	border: 1px solid #214040;
}

/* Investment Section */
.secion_bg {
	height: 100vh;
	width: 100%;
	object-fit: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
.secion_bg h6{
	color: #2CCECE;
}
.secion_bg .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0a1616d3;
}
.secion_bg .section_body{
	position: relative;
	z-index: 2;
}
.secion_bg .sec_img{
	border-bottom-left-radius: 237px;
	border-bottom-right-radius: 237px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: -50px;
	width: 30%;
	height: 100%;
}


.clients_slider {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #121E1E;
}

.f_client_img{
	margin-bottom: 20px;
	height: 100px;
	text-align: center;
}

.Clients_logo_slider{
	overflow: hidden;
}
.Clients_logo_slider .logo-slider{
	display: flex;
    overflow: hidden;
    user-select: none;
    gap: 40px;
    padding: 15px 0;
}
.Clients_logo_slider .logo-slide-track{
	flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-width: 100%;
    gap: 40px;
    animation: scroll-left 80s linear infinite;
}
/* Reverse Animation */
.Clients_logo_slider .reverse .logo-slide-track{
	animation: scroll-left 80s linear infinite reverse;
}
/* Pause on Hover */
.Clients_logo_slider .logo-slider:hover .logo-slide-track{
    animation-play-state: paused;
}
.Clients_logo_slider .logo-slide-track img{
    height: 100px; /* Adjust based on your design */
    width: auto;
    object-fit: contain;
}

@keyframes scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-100% - 40px)); } 
}

/* Blog and Event Section */
.blogs_swiper{
	margin-top: 20px;
}
.blog_card{
	display: block;
	text-decoration: none;
	background-color: #FFF8F4;
	border-radius: 12px;
	overflow: hidden;
}
.blog_card .blog_img{
	width: 100%;
	height: 300px;
	position: relative;
}
.blog_card .blog_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog_card .blog_img .blog_date{
	border-radius: 7px;
	background-color: rgba(51, 51, 51, 0.67);
	padding: 8px 12px;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.blog_card .blog_body{
	padding: 20px;
}
.blog_card .blog_body h6{
	font-weight: 600;
	font-size: 18px;
	color: #100F0F;
}
.blog_card .blog_body p{
	font-weight: 400;
	font-size: 16px;
	color: #363636;
	margin-bottom: 0;
}

.first_blog_card{
	background-color: #FFF8F4;
	padding: 15px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 50px;
	text-decoration: none;
	box-shadow: 0px 1px 4px 0px #0000001A;
}
.first_blog_card img{
	flex-shrink: 0;
	border-radius: 12px;
	width: 480px;
	height: 395px;
	object-fit: cover;
}
.first_blog_card_2 img{
	width: 100% ;
	height:  auto !important;
	object-fit: contain;
	max-width: 500px;
	max-height: 500px;
}
.first_blog_card_body{
	flex: 1 1 auto;
}
.first_blog_card_body h2{
	font-weight: 600;
	font-size: 40px;
	color: #100F0F;
}
.first_blog_card_body p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}
.first_blog_card_body .blog_date{
	font-weight: 500;
	font-size: 16px;
	color: #100F0F;
}

.pagination .page-link{
	color: #FF9E02;
}
.pagination .page-item.active > .page-link{
	background-color: #FF9E02;
	border-color: #FF9E02;
	color: #100F0F;
}

/* Footer  */
.footer{
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: #100F0F;
	background-image: url('../images/footer_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer_logo{
	margin-bottom: 20px;
}
.footer p{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
.footer_body ul{
	list-style: none;
}
.footer_body ul li{
	color: #ffffffa9;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer_body ul li a{
	display: inline-block;
	text-decoration: none;
	color: #E9E9E9;
	font-weight: 400;
	font-size: 16px;
}
.footer_body ul li a:hover{
	color: #FF9E02;
}
.footer_body h6{
	color: #FF9E02;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 20px;
}

.sec_social .sec_social_links{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.sec_social h6{
	margin-bottom: 10px;
	margin-top: 50px;
	font-weight: 600;
}
.sec_social .sec_social_links a{
	text-decoration: none;
	color: #fff;
	background-color: #222222;
	border: 1px solid #282320;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	flex-shrink: 0;
}
.footer_bottom{
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid #3A3A3A;
}
.footer_bottom p{
	margin-bottom: 0;
	color: #E9E9E9;
	font-weight: 400;
	font-size: 16px;
}
.footer_bottom .footer_bottom_link{
	display: flex;
	gap: 20px;
}
.footer_bottom a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
}
.footer_bottom a:hover{
	color: #FF9E02;
}
.contact_details_list{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contact_details_list p{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}
.contact_details_list a{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 15px;
}
.contact_details_list a i{
	color: #fff;
	background-color: #222222;
	border: 1px solid #282320;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	flex-shrink: 0;
}

/* About Us Page */
.inr_bnr_parent{
	position: relative;
}
.inner_banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.inner_banner .banner_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000077;
}
.inner_banner .banner_content{
	position: relative;
  	height: 100%;
}
.inner_banner .banner_content .banner_content_txt h1 {
	font-weight: 700;
	font-size: 45px;
	line-height: 62px;
	color: #fff;
	margin-bottom: 20px;
  }
.profile_feature_swiper .pf_bg_img{
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 700px;
	position: relative;
}
.profile_feature_swiper .pf_bg_img:hover .pf_overlay{
	background: #083f3fe3;
	
}
.profile_feature_swiper .pf_bg_img .pf_overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0a1616b6;
	transition: all 0.5s ease;
}
.profile_feature_swiper .pf_bg_img .pf_body{
	position: relative;
	z-index: 2;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

.profile_feature_swiper .pf_bg_img .pf_body h4{
	position: relative;
	font-weight: 700;
}
.profile_feature_swiper .pf_bg_img .pf_body p{
	/* visibility: hidden;
	opacity: 0; */
	transition: all 0.5s ease;
}
.profile_feature_swiper .pf_bg_img:hover .pf_body p{
	visibility: visible;
	opacity: 1;
}

.profile_feature_swiper .pf_bg_img .pf_body h4::before{
	content: "";
	width: 5px;
	height: 64px;
	position: absolute;
	background-color: #2CCECE;
}
.profile_feature_section{
	position: relative;
}
.profile_feature_section .swiper_navigation{
	position: absolute;
	transform: translateX(-50%);
	bottom: 26px;
  	z-index: 5;
}

/* CEO Message */
.ceo_message_section .ceo_img{
	width: 100%;
	height: 584px;
}
.ceo_message_section  h4{
	font-weight: 700;
	color: #2CCECE;
}

/* Team Leadership */
.team_leadership_section .secion_bg{
	height: auto;
}
.team_leadership_section .search_bar{
	text-align: center;
  	display: flex;
  	justify-content: center;
}
.team_leadership_section .team_member_img{
	width: 100%;
	height: 280px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
}
.team_leadership_section .team_member_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team_leadership_section .team_info h5{
	font-weight: 700;
}
.team_leadership_section .team_info h6{
	color: #2CCECE;
}

/* Mission Vision */
.trans_white_box{
	background: #ffffff11;
	padding: 20px;
	border-radius: 17px;
	margin-top: 20px;
}
.trans_white_box .icon_box{
	width: 195px;
	height: 195px;
	padding: 5px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.trans_white_box .icon_box img{
	width: 100%;
}
.trans_white_box p{
	margin: 0;
}

/* Service Detail Page */
.inner_service_bnr .breadcrumb{
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
}
.fw_img_box{
	width: 100%;
	height: 622px;
	overflow: hidden;
	position: relative;
}
.fw_img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.full_img_text_section .container {
	max-width: 640px;
}
.full_img_text_section ul li{
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.full_img_text_section ul li::marker{
	color: #2CCECE;
}
.goal_objective_section{
	height: auto !important;
}
.goal_objective_section .overlay{
	background: #0a1616e7;
}
.goal_objective_section .feature_icons .icon_box{
	border: none;
}
.goal_objective_section .feature_icons .num_step_heading{
	color: #FF9E02;
	font-size: 70px;
	font-weight: 600;
}
.goal_objective_section .feature_icons .icon_box p{
	/* visibility: hidden;
	opacity: 0; */
	transition: all 0.5s ease;
}
.goal_objective_section .feature_icons .icon_box:hover p{
	visibility: visible;
	opacity: 1;
}
.goal_objective_section .feature_icons{
	margin-top: 30px;
}
.partners_sec .w_logo_box{
	width: 100%;
	height: 290px;
	background-color: #0f2929;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 26px;
	position: relative;
	transition: all 0.5s ease;
	margin-top: 20px;
	padding: 25px;
}
/*.partners_sec .w_logo_box img{
	filter: brightness(0) invert(1);
}*/
.partners_sec .w_logo_box .wlb_overlay_body{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(122deg, rgba(29,40,40,1) 16%, rgba(8,42,42,1) 74%);
  	border: 1px solid #214040;
	border-radius: 26px;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
}
.partners_sec .w_logo_box:hover .wlb_overlay_body{
	visibility: visible;
	opacity: 1;
}
.partners_sec .w_logo_box h6{
	font-weight: 600;
	text-transform: uppercase;
	color: #2CCECE;
	font-size: 20px;
}
.proj_filter .form-select{
	width: 256px;
}
.proj_filter h5{
	font-weight: 600;
}

/* Projects */
.project_card{
	width: 100%;
	background: linear-gradient(122deg, rgb(29, 40, 40) 16%, rgb(8, 42, 42) 74%);
	border-radius: 15px;
	overflow: hidden;
	margin-top: 20px;
}
.project_card .project_img{
	width: 100%;
	height: 260px;
}
.project_card .project_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.project_card .project_card_body{
	padding: 20px;
}
.project_card_body p {
	margin: 0;
	color: #ffffffd2;
}
.project_card_body p i{
	color: #FF9E02;
}
.project_card_body h5{
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 5px;
}
.project_footer_area .project_pricing h3{
	font-weight: 700;
	margin-top: 0;
	color: #2CCECE;
}
.project_footer_area .project_pricing small{
	color: #ffffff70;
}
.project_footer_area .project_pricing h3 span{
	font-size: 16px;
	font-weight: 400;
}
.project_footer_area{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.project_footer_area .blur_border_button{
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
}
.inner_short_bnr{
	padding-top: 120px;
	padding-bottom: 20px;
	background: #100F0F;
}

.project_gallery .proj_feature_img{
	height: 550px;
  	border-radius: 15px;
	margin: 5px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: block;
}
.project_gallery .proj_feature_img img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 6px;
	transition: .3s ease-in-out;
}
.project_gallery .p_inr_feature_img{
	height: 330px;
  	border-radius: 12px;
	margin: 8px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: block;
}
.project_gallery .col-md-6:nth-child(2) .p_inr_feature_img{
	height: 430px;
}
.project_gallery .col-md-6:nth-child(3) .p_inr_feature_img{
	height: 430px;
	margin-top: -92px;
}
.project_gallery .p_inr_feature_img img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 6px;
	transition: .3s ease-in-out;
}
.p_inr_feature_img_2 .inner_g_img_text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.p_inr_feature_img_2 .inner_g_img_text h2 {
	font-weight: 700;
	font-size: 75px;
	color: #fff;
	margin-bottom: 0 !important;
}
.p_inr_feature_img_2 .inner_g_img_text h4 {
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	margin-bottom: 0 !important;
	text-transform: uppercase;
}
.p_inr_feature_img_2 .inner_g_img_overlay {
	background: rgba(0, 0, 0, 0.733);
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.project_head{
	margin-top: 40px;
}

.project_head .row{
	justify-content: space-between;
}
.project_head h6{
	color: #ffffffab;
	margin: 0;
} 
.proj_title p {
	margin-bottom: 0;
	margin-top: 10px;
}
.proj_title p i{
	color: #2CCECE;
	font-size: 20px;
}
.project_head .pro_price_box{
	background: #082525;
	padding: 20px;
	border-radius: 22px;
	display: flex;
	gap: 20px;
	align-items: center;
}
.project_head .pro_price_box h2{
	margin: 0;
	font-weight: 700;
	color: #2CCECE;
}
.project_head .pro_price_box h2 span{
	font-size: 18px !important;
	font-weight: 500;
	color: #2CCECE;
}
.project_details{
	margin-top: 20px;
}
.proj_feature_cards .pro_f_icon_box{
	background: rgb(29,40,40);
  	background: linear-gradient(122deg, rgba(29,40,40,1) 16%, rgba(8,42,42,1) 74%);
	display: flex;
	gap: 15px;
	padding: 20px;
	border-radius: 15px;
	margin-top: 20px;
	min-height: 112px;
	align-items: center;
}
.proj_feature_cards .pro_f_icon_box p{
	margin: 0;
}
.proj_feature_cards .pro_f_icon_box h5{
	margin: 0;
	font-weight: 700;
}

/* Features and Locations */
.features_location_section{
	margin-top: 30px;
}
.features_col_bg{
	background: #ffffff0e;
	padding: 30px;
	border-radius: 22px;
	margin-top: 10px;
}
.flc_head{
	display: flex;
	gap: 10px;
	align-items: center;
}
.flc_head h5{
	color: #2CCECE;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.flc_head .fs_white_icon{
	width: 46px;
	height: 46px;
	border-radius: 50px;
	background-color: #ffffff31;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 24px;
	flex-shrink: 0;
}
.features_col_bg ul{
	margin-top: 10px;
}
.features_col_bg ul li{
	padding-top: 4px;
	padding-bottom: 4px;
}
.features_col_bg ul li::marker{
	font: var(--fa-font-regular);
	content: '\f00c';
	color: #92FF26;
	font-size: 18px;
}
.features_location_section .location_body{
	height: 526px;
	width: 100%;
	border-radius: 22px;
	overflow: hidden;
	position: relative;
}
.features_location_section .location_body iframe{
	width: 100%;
	height: 100%;
}
.features_location_section .location_body .location_icon{
	position: absolute;
	z-index: 3;
	top: 50%;
	
	transform: translate(-50%, -50%);
}

/* Problem Statement */
.problem_statement_section{
	margin-top: 30px;
}
.problem_statement_section h4{
	margin-bottom: 15px;
	margin-top: 40px;
}
.problem_statement_section .circle_colored_icon{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: #0D2A2A;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	flex-shrink: 0;
}
.problem_statement_section .circle_colored_icon img{
	width: 100%;
}
.more_projects_section{
	background: #100F0F;
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 0;
}

/* News & Events */
.news_events_page{
	margin-top: 30px;
}
.news_events_page .blog_card{
	margin-top: 30px;
}
.news_events_page .blog_card .blog_img {
	height: 342px;
}

/* Blog Detail */
.blog_detail_short_bnr{
	padding-top: 114px;
}
.blog_main_img{
	width: 100%;
	height: 545px;
	overflow: hidden;
	border-radius: 12px;
	margin-top: 50px;
}
.blog_main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog_detail_head_content{
	background-color: #fff;
	box-shadow: 0px 1px 6px 0px #00000030;
	padding: 30px;
	position: relative;
	top: -75px;
	margin-bottom: -75px;
	margin-left: 100px;
	margin-right: 100px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom: 5px solid #FF9E02;
}
.blog_detail_head_content h2{
	font-weight: 600;
	font-size: 30px;
	color: #100F0F;
	margin-bottom: 0;
}
.blog_detail_body .blog_date{
	margin-bottom: 10px;
	color: #2CCECE;
}
.blog_detail_body p{
	text-align: justify !important;
}
.blogdetail_footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.blogdetail_footer .btn{
	flex-shrink: 0;
}
.blogdetail_footer_content{
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	background-color: #FFF8F4;
	border-radius: 90px;
	padding: 10px 15px;
	box-shadow: 0px 1.02px 4.09px 0px #0000001A;
}
.blogdetail_footer_content h6{
	font-weight: 500;
	font-size: 18px;
	color: #100F0F;
	margin-bottom: 0;
}
.blogdetail_footer_content .sec_social .sec_social_links a{
	background-color: #fff;
	border-color: #fff;
	color: #100F0F;
}
.more_blogs{
	background: #fff;
	padding: 50px 0;
}

/* Career */
.careers_page .main_title h3{
	font-weight: 600;
}
.career_card{
	background: rgb(29,40,40);
  	background: linear-gradient(122deg, rgba(29,40,40,1) 16%, rgba(8,42,42,1) 74%);
	padding: 30px;
	border-radius: 15px;
	margin-top: 30px;
}
.career_card h4{
	font-weight: 600;
}
.career_card h5 i{
	color: #FF9E02;
}
.career_card p{
	margin-bottom: 05px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.submit_application_section{
	padding-bottom: 50px;
	background: #fff;
}
.submit_application_section h3{
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
}

/* Contact Us */
.contact_page_map{
	width: 100%;
	height: 500px;
}
.contact_page_map iframe{
	width: 100%;
	height: 100%;
}


/* Login Page */
.login_body{
	width: 100%;
	height: 100vh;
	background-image: url(../images/login_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.login_body .fw_img_box{
	height: 100% !important;
}
.solid_clr_heder{
	background: #212D2D;
	backdrop-filter: none;
}
.sign_ask{
	margin-top: 30px;
}
.sign_ask a{
	color: #2CCECE;
}
.sign_footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #212D2D;
}
.sign_footer .sidemenu_footer_row{
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
}
.sign_footer .sec_social .sec_social_links{
	gap: 6px;
}
.sign_footer .sec_social .sec_social_links a{
	width: 40px;
  	height: 40px;
  	font-size: 19px;
}
.signup_header{
	position: relative;
}
.signup_footer{
	position: relative;
}
.sign_footer .bottom_f_col{
	justify-content: end;
	flex-wrap: wrap;
}

.sidemenu_nav .sm_nav_services h5{
	font-weight: 600;
	color: #2CCECE;
}

/* 27-6-2024 */
.custom_nav_dropdown .btn{
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
  	padding-bottom: 20px;
	
}
.custom_nav_dropdown{
	transition: all 0.5s;

}
.custom_nav_dropdown .dropdown_sub_menu a{
	padding-top: 5px;
  	padding-bottom: 5px;
	transition: all 0.5s;
	text-transform: uppercase;
}
.custom_nav_dropdown .collapse{
	transition: all 0.5s;
}
/* .custom_nav_dropdown:hover .collapse{
	display: block !important;
} */
.custom_nav_dropdown .dropdown_sub_menu a h5{
	color: #ffffffdc;
	transition: all 0.5s;
}
/* .custom_nav_dropdown .dropdown_sub_menu a h5:hover{
	color: #FF9E02;
	transition: all 0.5s;
} */

.life_tdco_img{
	width: 100%;
	height: 550px;
	border-radius: 20px;
	overflow: hidden;
}
.life_tdco_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.h_theme_clr{
	color: #2CCECE;
}
.full_section_colored{
	background-color: #073434;
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
}
.team_quotes_swiper{
	position: relative;
}
.full_section_colored .swiper_navigation .team_quote_nav_btn_prev{
	position: absolute;
}
.full_section_colored .swiper_navigation .team_quote_nav_btn_next{
	position: absolute;
}
.team_quote .tq_feature_img{
	width: 100%;
	height: 700px;
	border-radius: 20px;
	overflow: hidden;
}
.team_quote .tq_feature_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team_quote h3{
	font-size: 35px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 50px;
}
.team_quote h3 span{
	color: #2CCECE;
	text-transform: uppercase;
}
.team_quote .quote_box{
	background: #122929;
	padding: 30px;
	border-radius: 20px;
	position: relative;
	margin-top: 30px;
}
.team_quote p{
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}
.team_quote .quote_box h6{
	font-size: 20px;
	line-height: 32px;
	color: #ffffffb7;
	margin: 0;
}
.team_quote .team_mem_data{
	margin-top: 20px;

}
.team_quote .team_mem_data h5{
	font-weight: 600;
}
.team_quote .team_mem_data p{
	color: #FF9E02;
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
}
.swiper-pagination-bullet-active{
	background: #fff;
}
.team_quotes_pagination {
	bottom: 100px !important;
}

.work_tdco_g_img{
	display: block;
	width: 100%;
	height: 250px;
	border-radius: 20px;
	overflow: hidden;
}
.work_tdco_g_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.explore_vac_sec h4{
	color: #2CCECE;
}

.hide-scrollbars {
    overflow: scroll; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.hide-scrollbars::-webkit-scrollbar {
    display: none; 
}

#googleMap .gm-style-iw{
	overflow: scroll; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}
#googleMap .gm-style-iw::-webkit-scrollbar {
    display: none; 
}

#googleMap .gm-style-iw-d{
	overflow: scroll; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}
#googleMap .gm-style-iw-d::-webkit-scrollbar {
    display: none; 
}

/*Tahir 19-7-2024*/
.gm-style .gm-style-iw-c{
	background: linear-gradient(122deg, rgb(29, 40, 40) 16%, rgb(8, 42, 42) 74%) !important;
}
.gm-style-iw-chr{
	position: absolute;
  top: 5px;
}
.gm-style .gm-style-iw-c{
	padding: 0 !important;
}
.map_project_card{
	margin-top: 0;
	width: 300px;
}
.map_project_card .project_img{
	height: 147px;
}
.map_project_card .link_btn{
	color: #fff;
	font-size: 14px;
	padding: 0;
	align-items: center;
	border: none !important;
}
.map_project_card .project_card_body h5{
	font-size: 18px;
	font-weight: 600;
}
.gm-style .gm-style-iw-tc::after {
	background: linear-gradient(122deg, rgb(29, 40, 40) 16%, rgb(8, 42, 42) 74%) !important;
}
.gm-style-iw-chr .gm-ui-hover-effect{
  background: #0a1616 !important;
  width: 38px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.gm-style-iw-chr .gm-ui-hover-effect{
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-transform: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  user-select: none;
  width: 35px !important;
  height: 35px !important;
  align-items: center;
}
.gm-style-iw-chr .gm-ui-hover-effect span{
	background-color: #fff;
  	width: 24px;
  	height: 24px;
  	margin: 6px !important;
}



/* Tahir 8/5/2024 */
.section_world_video{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 5;
	transition: opacity 1s ease-out, visibility 1s ease-out;
	background: #0A1616;
}
.section_world_video.hide{
	opacity: 0;
	visibility: hidden;
}
.section_world_video video{
	width: 100%;
  	height: 100%;
  	object-fit: cover;
	/* -webkit-mix-blend-mode: luminosity;
	mix-blend-mode: luminosity; */
}

.swal2-popup{
	border-radius: 20px !important;
	background: #fff !important;
}
.swal2-title{
	color: #100F0F !important;
}
.swal2-content{
	color: #363636 !important;
}
.swal2-confirm{
	border-radius: 15px !important;
	background-color: #FF9E02 !important;
	border-color: #FF9E02 !important;
	color: #fff !important;
	padding: 18px 22px !important;
	min-width: 100px;
}
.swal2-confirm:focus{
	box-shadow: none !important;
}

.mobile_menu{
	display: none;
}
.main_header .head_logo{
	display: inline-block;
}
.main_header .head_logo img{
	height: 80px;
}
.web_menu ul{
	display: flex;
	align-items: center;
	gap: 50px;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
.web_menu ul li .web_menu_btn{
	display: inline-block;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .25s ease-out;
}
.web_menu ul li .web_menu_btn.headerMenuLink span{
	cursor: pointer;
}
.web_menu ul li .web_menu_btn svg{
	fill: #fff;
	width: 12px;
	height: 12px;
	transition: all .25s ease-out;
}
.web_menu ul li .web_menu_btn .under_menu{
	display: none;
	background-color: #121212;
	width: 100vw;
	position: absolute;
	top: 100px;
	padding-top: 70px;
	padding-bottom: 70px;
}
.web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list{
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list .sub_menu_link{
	text-decoration: none;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 15px;
	transition: all .25s ease-out;
}
.web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list .sub_menu_link small{
	color: rgba(255, 255, 255, 0.6);
	font-size: 70%;
	font-weight: 400;
	transition: all .25s ease-out;
}
.web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list .sub_menu_link:hover{
	color: #fff;
}
.web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list .sub_menu_link:hover small{
	color: #FF9E02;
}
.web_menu ul li .web_menu_btn:hover{
	color: #FF9E02;
}
.web_menu ul li .web_menu_btn:hover svg{
	fill: #FF9E02;
	transform: rotate(180deg);
}
.web_menu ul li .web_menu_btn:hover .under_menu{
	display: block;
}

.main_header.inner_header .web_menu ul li .web_menu_btn{
	color: #100F0F;
}
.main_header.inner_header .web_menu ul li .web_menu_btn svg{
	fill: #100F0F;
}

.main_header.inner_header .web_menu ul li .web_menu_btn:hover{
	color: #FF9E02;
}
.main_header.inner_header .web_menu ul li .web_menu_btn:hover svg{
	fill: #FF9E02;
}

.web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list .sub_menu_link svg{
	fill: #fff;
}
.main_header.inner_header .web_menu ul li .web_menu_btn .under_menu .sub_menu_links_list .sub_menu_link svg{
	fill: #fff;
}

.web_menu ul li .web_menu_btn.active{
	color: #FF9E02 !important;
	font-weight: 600;
}

.web_menu_right_side .blur_border_button{
	border-color: #FF9E02 !important;
	background-color: #FF9E02 !important;
}
.web_menu_right_side .blur_border_button i{
	background-color: #fff !important;
	color: #100F0F !important;
	font-size: 14px !important;
}

.web_menu_services_list .services_submenu{
	display: inline-flex;
	align-items: center;
	gap: 15px;
	text-decoration: none;
	margin-bottom: 50px;
}
.web_menu_services_list .services_submenu p{
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
}
.web_menu_services_list .services_submenu i{
	color: #FF9E02;
	font-size: 20px;
}
.web_menu_services_list .services_submenu img{
	filter: invert(62%) sepia(95%) saturate(748%) hue-rotate(330deg) brightness(101%) contrast(101%);
	width: 20px;
}
.main_header_menu_hover_overlay{
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1043;
	display: none;
}

/* Tahir Edits 30-1-2025*/
.supplier_options{
	margin-top: 70px;
	position: relative;
}
.supplier_options .title{
	text-align: center;
	margin-bottom: 30px;
}
.supplier_options .supplier_card{
	width: 100%;
	height: 350px;
	background-size: cover;
	border-radius: 20px;
	padding: 20px;
	position: relative;
}
.supplier_options .supplier_card .card_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000077;
}
.supplier_options .supplier_card .card_content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: end;
	position: relative;
	height: 100%;
}
.colored_section{
	background-color: #121e1e;
	padding-top: 70px;
  	padding-bottom: 70px;
}

.multi_icons .feature_icons .icon_box img {
	width: auto !important;
}
.multi_icons .feature_icons .icon_box {
	border: 1px solid #121E1E;
}

.multi_icons .feature_icons ul li{
	margin-top: 10px;
}
.section .table a{
	color: #d1ffff;
	font-weight: 400;
}
section .table{
	border-radius: 10px;
	overflow: hidden;
}
table thead tr .colored_head, .table-striped-columns thead tr .colored_head {
	background-color: #FF9E02 !important;
	--bs-table-accent-bg: #FF9E02 !important;
	padding: 20px !important;
}
table tbody th{
	padding: 20px !important;
}
table tbody td{
	padding: 20px !important;
}
.colored_heading{
	color: #FF9E02;
}

/* New Supplier */
.agreement_box{
	padding: 30px;
	background-color: #082525;
}
.agreement_box ul{
	margin-top: 20px;
}
.agreement_box ul li{
	margin-top: 15px;
}
.agreement_decide .buttons {
	display: flex;
	gap: 20px;
	margin-top: 40px;
	justify-content: center;
	flex-wrap: wrap;
}
.agreement_decide .buttons a{
	width: 200px;
	text-align: center !important;
	color: #fff;
	border-radius: 15px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 22px;
	padding-right: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
.agreement_decide .blur_border_button{
	text-align: center !important;
	display: unset;
}
/* Register Supolies */
.form_steps_parent {
	position: relative;
	display: flex;
	justify-content: center;
    
}
.form_steps_parent::before {
	content: "";
	position: absolute;
	top: 18%;
	left: 4%;
	width: 92%;
	height: 4px;
	background-color: #ccc; 
	z-index: 0;
	text-align: center;
}

.step_1, .step_2, .step_3 , .step_4 , .step_5, .step_6, .step_7, .step_8{
	position: relative;
	z-index: 10;
	padding: 0 20px;
} 
.supllier_register_form .step_circule{
	background-color: #fff;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
	padding-top: 10px
}
.supllier_register_form .bg_green{
	background-color: #FF9E02;
	color: #fff;
}
.supllier_register_form .step_title{
	text-align: center;
	font-size: 14px;
}
.supllier_register_form span{
	color: red;
}
.supllier_register_form .modal-title{
	color: #fff !important;
}
.supllier_register_form .modal-body label{
	color: #FF9E02 !important;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
	color: #FF9E02;
	font-weight: bold;
  }
.accordion-button:not(.collapsed) {
	color: #fff !important;
	background-color: #FF9E02;
	box-shadow: none !important;
}
.review-form-heading{
	color: #FF9E02;
	font-size: 21px;
}
.review-form-title{
	color: #000;
}
.review-form-title span{
	font-weight: bold;
	color: #000 !important;
}


/* Tahir 17-2-2025 */
.form_box{
	background-color: #FF9E0209;
	padding: 30px;
	border-radius: 26px;
	margin-bottom: 30px;
}
.modal-content{
	background-color: #100F0F;
	box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 80px;

}
.modal-header{
	border-bottom: 1px solid #ffffff17 !important;
}
.modal-header .btn-close{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.modal-footer{
	border-top: 1px solid #ffffff17 !important;
}
.supllier_register_form .btn{
	border-radius: 8px !important;
}
.treeView ul { 
	list-style-type: none; 
	padding-left: 20px; 
  }
  .treeView .folder { 
	font-weight: bold; 
	cursor: pointer; 
	display: inline-block; 
	margin-left: 5px; 
	color: #2CCECE !important;
  }
  .treeView .hidden { 
	display: none; 
  }
  .form_box .form-check{
	min-height: 2.5rem;
	display: flex;
	align-items: center;
	gap: 15px;
	width: 50%;
  }
  .form_box .form-check-input:checked {
	background-color: #2CCECE;
	border-color: #2CCECE;
  }
  .form_box .form-check-input{
	width: 30px;
  	height: 30px;
  }
  .form_box .form_chk_parent{
	display: flex;
	gap: 20px;
  }
  .supllier_register_form .accordion-button {
	background-color: #100F0F;
	border: 1px solid #ffffff11 !important;
	box-shadow: none;

  }
  .supllier_register_form .accordion-item {
	border: none !important;
	box-shadow: none;
	background-color: #FF9E020e;
  }
  .supllier_register_form .step-8 .review-form-title span{
	color: #fff !important;
  }
  .supllier_register_form .step-8 .review-form-title{
	color: #fff !important;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
  }
.accordion{
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232CCECE'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.supllier_register_form .step-8 table{
	color: #fff !important;
}
.supllier_register_form .table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: #fff;
}

.about_section_card{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.about_section_card_content{
	background: linear-gradient(0deg,rgba(0, 20, 34, 1) 0%, rgba(0, 30, 52, 0) 100%);
	padding: 20px;
}
.about_section_card_content h6{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}
.about_section_card_content p{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}

.about_section_card2{
	border-radius: 12px;
	background-color: #FFF8F4;
	padding: 20px;
	box-shadow: 0px 1px 4px 0px #0000001A;
}
.about_section_card2.full_h{
	height: 100%;
}
.about_section_card2.other{
	background-color: rgba(255, 158, 2, 0.69);
}
.about_section_card2 img{
	height: 70px;
}
.about_section_card2 h6{
	margin-top: 15px;
	font-weight: 600;
	font-size: 24px;
	color: #100F0F;
}
.about_section_card2 p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
	margin-bottom: 0;
}

.home_servcies_section{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0;
	position: relative;
}
.home_servcies_section_overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 158, 2, 0.66);
}
.home_servcies_section_content{
	position: relative;
	z-index: 2;
}
.home_servcies_section_content h6.left_line_heading::before{
	background-color: #100F0F;
}
.home_servcies_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}
.home_customize_services_content h6.left_line_heading::before{
	background-color: rgba(251, 155, 0, 1) !important;
}
.home_customize_services p{
	color: #000 ;
}
.home_customize_services_inner p{
	color: #fff ;
}
.service_card{
	text-decoration: none;
	display: block;
	border-radius: 12px;
	background-color: #fff;
	padding: 20px;
	box-shadow: 0px 1px 4px 0px #0000001A;
	min-height: 404px;
}
.customized_service_card{
	min-height: 370px;
}
.service_card img{
	height: 83px;
}
.service_card h5{
	margin-top: 15px;
	font-weight: 600;
	font-size: 24px;
	color: #100F0F;
}
.service_card p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}
.service_card small{
	font-weight: 600;
	font-size: 16px;
	color: #100F0F;
}

.our_clients_section{
	background-image: url('../images/clients_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0;
}
.our_clients_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}
.f_client_img img{
	height: 107px;
}

.news_events_section{
	padding: 50px 0;
	background-color: #fff;
}
.news_events_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}

.home_testimonials_section{
	padding: 50px 0;
	background-color: #fff;
}
.home_testimonials_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}

.why_choose_section{
	padding: 50px 0;
	background-color: #FF9E02;
}
.why_choose_section .left_line_heading{
	color: #fff;
}
.why_choose_section .left_line_heading::before{
	background-color: #fff;
}
.why_choose_section .main_heading{
	color: #fff;
}
.why_choose_section p{
	font-weight: 500;
	font-size: 20px;
	color: #fff;
}

.why_choose_section2{
	padding: 50px 0;
	background-color: #333333;
}
.why_choose_section2 .why_section_img img{
	border-radius: 12px;
	width: 100%;
	height: 430px;
	object-fit: cover;
}
.why_choose_card{
	padding: 30px;
}
.why_choose_card.why_choose_card1{
	border-right: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
}
.why_choose_card.why_choose_card2{
	border-bottom: 2px dashed #fff;
}
.why_choose_card.why_choose_card3{
	border-right: 2px dashed #fff;
}
.why_choose_card.why_choose_card4{
	border-left: 2px dashed #fff;
}
.why_choose_card .why_choose_card_img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 15px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}
.why_choose_card .why_choose_card_img img{
	width: 100%;
}
.why_choose_card h6{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}
.why_choose_card p{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}
.why_choose_card a{
	font-weight: 600;
	font-size: 16px;
	color: #FF9E02;
	text-decoration: none;
}

.sub_footer{
	padding: 50px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.sub_footer_overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 158, 2, 0.66);
}
.sub_footer_content{
	position: relative;
	z-index: 2;
}
.sub_footer_content h4{
	font-weight: 600;
	font-size: 43px;
	color: #fff;
	margin-bottom: 0;
}
.sub_footer_content p{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
}

.sub_footer2{
	padding: 50px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.sub_footer2_overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(16, 15, 15, 0.5);
}
.sub_footer2_content{
	position: relative;
	z-index: 2;
	text-align: center;
}
.sub_footer2_content h4{
	font-weight: 700;
	font-size: 52px;
	color: #fff;
}
.sub_footer2_content p{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
}
.sub_footer2_input_group{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.sub_footer2_input_group .form-control{
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	max-width: 400px;
}
.sub_footer2_input_group .btn{
	flex-shrink: 0;
}

.dropdown-item:active,
.dropdown-item.active{
	background-color: #FF9E02;
}

.home_projects_section{
	padding-top: 50px;
	background-color: #fff;
	overflow: hidden;
}
.home_projects_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}

.home_project_card{
	display: block;
	text-decoration: none;
	height: 602px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.home_project_card_overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(0deg,rgba(251, 155, 0, 0.82) 0%, rgba(255, 158, 2, 0) 100%);
	transition: all 0.3s ease;
	opacity: 0;
}
.home_project_card_content{
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background-color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	transition: all 0.3s ease;
	opacity: 0;
}
.home_project_card_content h6{
	color: #fff;
}
.home_project_card_content h5{
	font-weight: 700;
	font-size: 26px;
	color: #fff;
}
.home_project_card_content p{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}
.home_project_card_content i{
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	color: #100F0F;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transform: rotate(310deg);
}
.home_project_card:hover .home_project_card_overlay{
	opacity: 1;
}
.home_project_card:hover .home_project_card_content{
	opacity: 1;
}

.main_testimonial_card{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.main_testimonial_card_content{
	background-color: rgba(75, 75, 75, 0.46);
	border: 1px solid rgba(255, 255, 255, 0.23);
	padding: 20px;
	margin: 10px;
	border-radius: 12px;
}
.main_testimonial_card_content h5{
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}
.main_testimonial_card_content h6{
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}
.main_testimonial_card_content  p{
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}
.main_testimonial_card_content_profile{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.main_testimonial_card_content_profile img{
	flex-shrink: 0;
	border: 1px solid #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
}

.testimonial_card{
	background-color: #FFF8F4;
	border-radius: 12px;
	padding: 30px;
}
.testimonial_card h5{
	font-weight: 600;
	font-size: 16px;
	color: #100F0F;
	margin-bottom: 0;
}
.testimonial_card h6{
	font-weight: 500;
	font-size: 14px;
	color: #363636;
	margin-bottom: 0;
}
.testimonial_card  p{
	font-weight: 400;
	font-size: 14px;
	color: #363636;
	margin-bottom: 0;
}
.testimonial_card_content_profile{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.testimonial_card_content_profile img{
	flex-shrink: 0;
	border: 1px solid #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.who_we_are_section{
	padding: 50px 0;
	background-color: #fff;
}
.who_we_are_section img{
	width: 100%;
}
.who_we_are_section p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}

.about_contents_section{
	padding: 50px 0;
	background-color: #333333;
}
.why_choose_card_inner{
	padding: 0 30px;
	margin-bottom: 20px;
}
.why_choose_card_inner.bordered{
	border-left: 2px dashed #fff;
}
.why_choose_card_inner .why_choose_card_img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 15px;
	background-color: #FFF5E4;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}
.why_choose_card_inner .why_choose_card_img img{
	width: 100%;
}
.why_choose_card_inner h6{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}
.why_choose_card_inner p{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
	min-height: 96px;
}

.why_choose_card_inner2{
	padding: 0 30px;
}
.why_choose_card_inner2.bordered{
	border-left: 2px dashed #616161;
}
.why_choose_card_inner2 .why_choose_card_img{
	width: 54px;
	height: 54px;
	border-radius: 50%;
	padding: 15px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	box-shadow: 0px 1px 4px 0px #0000000F;
}
.why_choose_card_inner2 .why_choose_card_img img{
	width: 100%;
}
.why_choose_card_inner2 h6{
	font-weight: 600;
	font-size: 24px;
	color: #100F0F;
}
.why_choose_card_inner2 p{
	font-weight: 400;
	font-size: 16px;
	color: #363636;
}
.why_choose_card_inner2 ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.why_choose_card_inner2 ul li{
	font-weight: 400;
	font-size: 16px;
	color: #100F0F;
	background-image: url('../images/list_style2.svg');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	line-height: 30px;
	margin-bottom: 15px;
}

.company_counters{
	background-image: url('../images/company_counters_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
}
.company_counters .left_line_heading::before{
	background-color: #100F0F;
}
.counters_card_inner{
	padding: 0 50px;
}
.counters_card_inner.bordered{
	border-left: 2px dashed #100F0F;
}
.counters_card_inner h6{
	font-weight: 700;
	font-size: 50px;
	color: #100F0F;
}
.counters_card_inner p{
	font-weight: 400;
	font-size: 18px;
	color: #100F0F;
	margin-bottom: 0;
}

.team_leadership_section{
	background-image: url('../images/our_team_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
}
.team_leadership_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}
.team_member_card{
	margin-bottom: 20px;
}
.team_member_card img{
	border-radius: 10px;
	width: 100%;
	height: 268px;
	object-fit: cover;
	object-position: top;
}
.team_member_card h5{
	font-weight: 600;
	font-size: 24px;
	color: #100F0F;
	margin-top: 15px;
}
.team_member_card h6{
	font-weight: 500;
	font-size: 16px;
	color: #363636;
	margin-bottom: 0;
}

.faqs_section{
	background-color: #fff;
	padding: 50px 0;
}
.faqs_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}

.certifications_section{
	background-color: #333333;
	padding: 50px 0;
}
.certifications_section .left_line_heading{
	color: #fff;
}
.certifications_section .main_heading{
	color: #fff;
}
.certifications_section p{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
}

.certificate_card{
	background-color: #FFF8F4;
	border-radius: 12px;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px;
}
.certificate_card .certificate_card_img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 200px;
}
.certificate_card h5{
	font-weight: 500;
	font-size: 16px;
	color: #100F0F;
	margin-bottom: 0;
}
.certificate_card .certificate_card_content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.certificate_card .download_btn{
	text-decoration: none;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 1px 4px 0px #0000000F; 
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.certificate_card .download_btn img{
	width: 100%;
}
.certificate_card2{
	text-decoration: none;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.certificate_card2 .certificate_card_img img{
	height: 150px;
	border: 2px solid #FFF8F4;
	border-radius: 0px;
}
.certificate_card2 h5{
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}

.accordion-item{
	margin-bottom: 20px;
	border-radius: 20px !important;
	background-color: #FFF8F4;
	box-shadow: 0px 1px 4px 0px #0000001A;
	border: none !important;
}
.accordion-button{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 500 !important;
	font-size: 20px !important;
	color: #100F0F !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.accordion-button:not(.collapsed){
	color: #100F0F !important;
}
.accordion-button::after{
	width: 50px;
	height: 50px;
	background-size: 50px;
	background-image: url('../images/plus_circle.svg');
}
.accordion-button:not(.collapsed)::after{
	background-image: url('../images/x_circle.svg');
}

.contact_form_section{
	background-color: #fff;
	padding: 50px 0;
}
.contact_form_section h2{
	font-weight: 600;
	font-size: 40px;
	color: #100F0F;
}
.contact_form_section p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}
.contact_form_bg{
	background-color: #FFF8F4;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0px 1px 4px 0px #0000002E;
}

.contact_us_info_box{
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}
.contact_us_info_box i{
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 22px;
	color: #100F0F;
	background-color: #FF9E02;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 1px 4px 0px #0000000F;
}
.contact_us_info_box h5{
	font-weight: 500;
	font-size: 24px;
	color: #100F0F;
	margin-bottom: 0;
}
.contact_us_info_box p{
	font-weight: 400;
	font-size: 16px;
	color: #363636;
	margin-bottom: 0;
}

.env_commitment_section{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
	position: relative;
}
.env_commitment_section_overlay{
	background: linear-gradient(0deg,rgba(0, 30, 52, 1) 0%, rgba(0, 30, 52, 0) 100%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.env_commitment_section_content{
	position: relative;
	z-index: 2;
}
.env_commitment_section h2{
	font-weight: 600;
	font-size: 40px;
	color: #fff;
}
.env_commitment_section p{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
}
.env_commitment_section ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.env_commitment_section ul li{
	font-weight: 500;
	font-size: 17px;
	color: #fff;
	background-image: url('../images/list_style1.svg');
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	line-height: 40px;
	margin-bottom: 15px;
}

.env_commitment_section_counter{
	background-color: rgba(26, 26, 26, 0.52);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 12px;
	box-shadow: 0px 1px 4px 0px #0000001A;
	padding: 15px;
	margin-bottom: 20px;
	height: 100%;
}
.env_commitment_section_counter h2{
	font-weight: 600;
	font-size: 45px;
	color: #FF9E02;
	margin-bottom: 0;
}
.env_commitment_section_counter p{
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}

.safety_info_box{
	background-color: #FFF8F4;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0px 1px 4px 0px #0000001A;
}

.benefits_perks_section{
	padding: 50px 0;
	background-image: url('../images/benefits_perks_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.benefits_perks_section h2{
	font-weight: 600;
	font-size: 40px;
	color: #fff;
}
.benefits_perks_section p{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	margin-bottom: 30px;
}
.benefits_perks_section ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.benefits_perks_section ul li{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	background-image: url('../images/list_style2.svg');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	line-height: 30px;
	margin-bottom: 15px;
}

.job_position_card{
	background-color: #FFF8F4;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0px 1.02px 4.09px 0px #0000001A;
	margin-bottom: 20px;
}
.job_position_card h2{
	font-weight: 600;
	font-size: 22px;
	color: #100F0F;
}
.job_position_card p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}
.job_position_card_info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 20px;
}
.job_position_card_info_list{
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}
.job_position_card_info .btn{
	flex-shrink: 0;
	background-color: #FF9E02;
	border-color: #FF9E02;
	border-radius: 90px;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	padding: 10px 25px;
}
.job_position_card_info .btn:active{
	background-color: #FF9E02;
	border-color: #FF9E02;
	color: #fff;
}
.job_position_card_info_item{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}

.intern_section{
	padding: 50px 0;
	background-image: url('../images/intern_bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.intern_section h2{
	font-weight: 600;
	font-size: 40px;
	color: #fff;
	margin-bottom: 20px;
}
.intern_section p{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
}
.internship_program_box{
	padding: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}
.internship_program_box_overlay{
	background: linear-gradient(0deg,rgba(0, 30, 52, 1) 0%, rgba(0, 30, 52, 0) 100%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.internship_program_box h3{
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}
.internship_program_box_content{
	position: relative;
	z-index: 2;
}
.internship_program_box ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.internship_program_box ul li{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	background-image: url('../images/right_arrow.svg');
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 20px center;
	padding: 20px 20px 20px 40px;
	line-height: 12px;
	margin-bottom: 10px;
	border: 1px solid rgba(255, 255, 255, 0.23);
	background-color: rgba(27, 27, 27, 0.32);
	border-radius: 12px;
}

.service_details_info img{
	width: 100%;
	border-radius: 12px;
}
.service_details_info h2{
	font-weight: 600;
	font-size: 24px;
	color: #100F0F;
}
.service_details_info p{
	font-weight: 400;
	font-size: 20px;
	color: #363636;
}
.service_details_info ul{
	padding: 0;
	margin: 0;
	list-style: none;
	columns: 2;
}
.service_details_info ul li{
	font-weight: 500;
	font-size: 17px;
	color: #100F0F;
	background-image: url('../images/list_style1.svg');
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	line-height: 40px;
	margin-bottom: 15px;
	padding-bottom: 26px;
}

.sector_card{
	position: relative;
	border-radius: 12px;
	width: 100%;
	height: 302px;
	margin-bottom: 20px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sector_card_overlay{
	background: linear-gradient(180deg,rgba(0, 30, 52, 0) 0%, rgba(0, 30, 52, 1) 100%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.sector_card_content{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
}
.sector_card_content h4{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}
.sector_card_content p{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

.projects_list_section{
	background-color: #fff;
	padding: 50px 0;
}

.project_card_mini{
	display: block;
	text-decoration: none;
	position: relative;
	border-radius: 10px;
	width: 100%;
	height: 475px;
	margin-bottom: 20px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.project_card_mini_overlay{
	background: linear-gradient(180deg,rgba(0, 30, 52, 0) 0%, rgba(0, 30, 52, 1) 100%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: all 0.3s ease;
}
.project_card_mini_content{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	opacity: 0;
	transition: all 0.3s ease;
}
.project_card_mini_content h4{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}
.project_card_mini_content p{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}
.project_card_mini:hover .project_card_mini_overlay{
	opacity: 1;
}
.project_card_mini:hover .project_card_mini_content{
	opacity: 1;
}

.project_gallery_video video{
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

.related_projects_section{
	background-color: #fff;
	padding: 50px 0;
}
.project_details_section{
	background-color: #fff;
	padding: 50px 0;
}
.project_details_section hr{
	border-color: #B7B7B7;
	opacity: 1;
	margin: 30px 0;
}
.project_details_info p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
}
.project_details_info p strong{
	font-weight: 500;
	font-size: 18px;
	color: #100F0F;
	text-transform: uppercase;
}

.page_content_section{
	padding: 50px 0;
	background-color: #fff;
}

.popup_modal .modal-body .btn-close{
	color: #000;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 1;
}
.popup_modal .modal-body img{
	width: 100%;
}

.product_card{
	border: 1px solid #FFEEE4;
	background-color: #FFF8F4;
	border-radius: 12px;
	overflow: hidden;
	padding: 10px;
	height: 100%;
}
.product_card .product_card_img{
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	height: 250px;
	margin-bottom: 15px;
}
.product_card h4{
	font-weight: 600;
	font-size: 24px;
	color: #100F0F;
}
.product_card p{
	font-weight: 400;
	font-size: 18px;
	color: #363636;
	margin-bottom: 0;
}

.services_swiper_main {
    position: relative;
}

 .services_swiper_main .swiper_navigation {
    position: absolute;
    top: 50%;
    left: 200px;
    right: 200px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 1000;
}

.services_swiper_prev,
.services_swiper_next {
    pointer-events: all;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}


/* Responsive */
/* Small Device */
@media only screen and (max-width: 1600px){
	/* .web_menu{
		display: none;
	}
	.web_menu_right_side{
		display: none;
	}
	.mobile_menu{
		display: flex;
	} */
	.main_header{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.services_swiper_main .swiper_navigation {
		left: 60px;
		right: 60px;
	}
	
	.web_menu ul li .web_menu_btn {
		font-size: 12px;
	}
	.web_menu ul {
		gap: 30px;
	}
}
@media only screen and (max-width: 1400px){
	.web_menu{
		display: none;
	}
	.web_menu_right_side{
		display: none;
	}
	.mobile_menu{
		display: flex;
	}
	.main_header{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.services_swiper_main .swiper_navigation {
		left: 20px;
		right: 20px;
	}
}

@media only screen and (max-width: 1199px){
	.main_banner .banner_content .banner_content_txt h1{
		font-size: 58px;
	}
	.main_banner .banner_content .banner_content_txt p{
		font-size: 18px;
	}
	.banner_counters{
		max-width: 900px;
		left: 50%;
		transform: translateX(-50%);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.banner_counters h5{
		font-size: 22px;
	}
	.banner_counters h4{
		font-size: 40px;
	}
	.banner_counters h6{
		font-size: 16px;
	}
	h6.left_line_heading{
		font-size: 16px;
	}
	.main_heading{
		font-size: 35px;
	}
	.about_section p{
		font-size: 16px;
	}
	.about_section_card_content h6{
		font-size: 22px;
	}
	.about_section_card_content p{
		font-size: 16px;
	}
	.about_section_card2 h6{
		font-size: 22px;
	}
	.about_section_card2 p{
		font-size: 16px;
	}
	.home_servcies_section p{
		font-size: 18px;
	}
	.home_projects_section p{
		font-size: 18px;
	}
	.home_project_card_overlay{
		opacity: 1;
	}
	.home_project_card_content{
		opacity: 1;
	}
	.our_clients_section p{
		font-size: 18px;
	}
	.why_choose_section p{
		font-size: 18px;
	}
	.why_choose_card h6{
		font-size: 22px;
	}
	.home_testimonials_section p{
		font-size: 18px;
	}
	.news_events_section p{
		font-size: 18px;
	}
	.sub_footer_content h4{
		font-size: 35px;
	}
	.sub_footer_content p{
		font-size: 16px;
	}
	.footer p{
		font-size: 16px;
	}
	.inner_page_banner_content h1{
		font-size: 58px;
	}
	.inner_page_banner_content p{
		font-size: 18px;
	}
	.who_we_are_section p{
		font-size: 16px;
	}
	.why_choose_card_inner h6{
		font-size: 22px;
	}
	.counters_card_inner h6{
		font-size: 40px;
	}
	.counters_card_inner p{
		font-size: 16px;
	}
	.counters_card_inner{
		padding: 0 40px;
	}
	.team_leadership_section p{
		font-size: 18px;
	}
	.faqs_section p{
		font-size: 18px;
	}
	.certifications_section p{
		font-size: 18px;
	}
	.certifications_section .col-sm-3{
		width: 33.33333333%;
	}
	.sub_footer2_content h4{
		font-size: 45px;
	}
	.sub_footer2_content p{
		font-size: 16px;
	}
	.nav-tabs{
		justify-content: center;
		gap: 10px;
	}
	.service_details_info h2{
		font-size: 22px;
	}
	.service_details_info ul{
		columns: 1;
	}
	.service_details_info ul li{
		font-size: 16px;
	}
	.why_choose_card_inner2 h6{
		font-size: 22px;
	}
	.project_card_mini{
		height: 400px;
	}
	.project_card_mini_overlay{
		opacity: 1;
	}
	.project_card_mini_content{
		opacity: 1;
	}
	.env_commitment_section h2{
		font-size: 35px;
	}
	.env_commitment_section p{
		font-size: 16px;
	}
	.env_commitment_section ul li{
		font-size: 16px;
	}
	.env_commitment_section_counter h2{
		font-size: 40px;
	}
	.env_commitment_section_counter p{
		font-size: 16px;
	}
	.contact_form_section h2{
		font-size: 35px;
	}
	.contact_form_section p{
		font-size: 18px;
	}
	.contact_us_info_box h5{
		font-size: 22px;
	}
	.contact_page_map{
		height: 450px;
	}
	.news_events_page .blog_card .blog_img{
		height: 300px;
	}
	.first_blog_card img{
		width: 400px;
		height: 300px;
	}
	.first_blog_card_body h2{
		font-size: 35px;
	}
	.first_blog_card_body p{
		font-size: 16px;
	}
	.first_blog_card{
		gap: 40px;
	}
	.blog_main_img{
		height: 500px;
	}
	.blog_detail_head_content h2{
		font-size: 25px;
	}
	.blog_detail_head_content{
		margin-left: 80px;
  		margin-right: 80px;
	}
	.benefits_perks_section h2{
		font-size: 35px;
	}
	.benefits_perks_section p{
		font-size: 18px;
	}
	.benefits_perks_section ul li{
		font-size: 16px;
	}
	.job_position_card h2{
		font-size: 20px;
	}
	.job_position_card p{
		font-size: 16px;
	}
	.job_position_card_info_item{
		font-size: 16px;
	}
	.intern_section h2{
		font-size: 35px;
	}
	.intern_section p{
		font-size: 18px;
	}
	.internship_program_box h3{
		font-size: 22px;
	}
	.project_details_info p{
		font-size: 16px;
	}
	.project_details_info p strong{
		font-size: 16px;
	}
	.project_gallery .p_inr_feature_img{
		height: 250px;
	}
	.project_gallery .col-md-6:nth-child(2) .p_inr_feature_img{
		height: 350px;
	}
	.project_gallery .col-md-6:nth-child(3) .p_inr_feature_img{
		height: 350px;
	}
	.p_inr_feature_img_2 .inner_g_img_text h2{
		font-size: 50px;
	}
	.p_inr_feature_img_2 .inner_g_img_text h4{
		font-size: 18px;
	}
}

/* Tablet */
@media only screen and (max-width: 810px){
	.wow{
		animation: none !important;
	}
	.main_banner .banner_content .col-sm-8{
		width: 100%;
	}
	.main_banner .banner_content .banner_content_txt h1{
		font-size: 48px;
		line-height: 1.2;
	}
	.main_banner .banner_content .banner_content_txt p{
		font-size: 16px;
	}
	.banner_counters h5{
		font-size: 20px;
	}
	.banner_counters h4{
		font-size: 35px;
	}
	.banner_counters{
		width: auto;
		max-width: 100%;
		padding: 15px;
		transform: none;
		left: 30px;
		right: 30px;
	}
	.main_banner{
		height: 800px;
	}
	.main_heading{
		font-size: 30px;
	}
	.home_servcies_section p{
		font-size: 16px;
	}
	.home_projects_section p{
		font-size: 16px;
	}
	.our_clients_section p{
		font-size: 16px;
	}
	.why_choose_section p{
		font-size: 16px;
	}
	.why_choose_section2 .col-sm-4{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.why_choose_section2 .col-sm-8{
		width: 100%;
	}
	.home_testimonials_section p{
		font-size: 16px;
	}
	.home_testimonials_section .col-sm-4{
		width: 100%;
		margin-bottom: 20px;
	}
	.home_testimonials_section .col-sm-8{
		width: 100%;
	}
	.news_events_section p{
		font-size: 16px;
	}
	.sub_footer_content h4{
		font-size: 30px;
	}
	.footer .col-sm-6{
		width: 100%;
		margin-bottom: 30px;
	}
	.footer .col-sm-3{
		width: 50%;
	}
	.footer_bottom .col-sm-6{
		width: 50%;
		margin-bottom: 0;
	}
	.inner_page_banner_content h1{
		font-size: 48px;
	}
	.inner_page_banner_content p{
		font-size: 16px;
	}
	.counters_card_inner h6{
		font-size: 35px;
	}
	.team_leadership_section p{
		font-size: 16px;
	}
	.faqs_section p{
		font-size: 16px;
	}
	.certifications_section p{
		font-size: 16px;
	}
	.certifications_section .col-sm-3{
		width: 50%;
	}
	.sub_footer2_content h4{
		font-size: 40px;
	}
	.service_details_info .col-sm-6{
		width: 100%;
	}
	.service_details_info img{
		margin-bottom: 20px;
	}
	.projects_list_section .col-md-4{
		width: 50%;
	}
	.sector_cards_list .col-md-4{
		width: 50%;
	}
	.env_commitment_section h2{
		font-size: 30px;
	}
	.env_commitment_section_counter h2{
		font-size: 35px;
	}
	.contact_form_section h2{
		font-size: 30px;
	}
	.contact_form_section p{
		font-size: 16px;
	}
	.contact_form_section .col-sm-5{
		width: 100%;
		margin-bottom: 20px;
	}
	.contact_form_section .col-sm-7{
		width: 100%;
	}
	.contact_page_map{
		height: 400px;
	}
	.first_blog_card img{
		width: 300px;
		height: 200px;
	}
	.first_blog_card_body h2{
		font-size: 30px;
	}
	.first_blog_card{
		gap: 30px;
	}
	.blog_cards_list .col-sm-4{
		width: 50%;
	}
	.blog_main_img{
		height: 400px;
	}
	.blog_detail_head_content h2{
		font-size: 20px;
	}
	.blog_detail_head_content{
		margin-left: 50px;
  		margin-right: 50px;
	}
	.benefits_perks_section h2{
		font-size: 30px;
	}
	.benefits_perks_section p{
		font-size: 16px;
	}
	.job_position_cards_list .col-sm-6{
		width: 100%;
	}
	.intern_section h2{
		font-size: 30px;
	}
	.intern_section p{
		font-size: 16px;
	}
	.related_projects_section .col-sm-4{
		width: 50%;
	}
}

/* Mobile */
@media only screen and (max-width: 481px){
	.web_video{
		display: none;
	}
	.mob_video{
		display: block;
	}
	.main_header{
		padding-left: 0;
		padding-right: 0;
	}
	.sidemenu_nav a {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.sidemenu_nav h4 {
		font-size: 16px;
	}
	.sidemenu_nav {
		margin-top: 20px;
	}
	.main_banner .banner_content .banner_content_txt h1{
		font-size: 38px;
	}
	.banner_counters{
		flex-direction: column;
		gap: 20px;
		left: 15px;
		right: 15px;
	}
	.about_section_card{
		margin-bottom: 20px;
		height: auto;
	}
	.why_choose_card{
		border: none !important;
		border-bottom: 2px dashed #fff !important;
	}
	.why_choose_section2 .col-md-6:last-child .why_choose_card{
		border-bottom: none !important;
	}
	.footer .col-sm-3{
		width: 100%;
	}
	.footer_bottom .col-sm-6{
		width: 100%;
	}
	.footer_bottom .text-end{
		text-align: center !important;
	}
	.footer_bottom .footer_bottom_link{
		justify-content: center;
		margin-bottom: 20px;
	}
	.inner_page_banner_content h1{
		font-size: 38px;
	}
	.inner_page_banner{
		height: 350px;
	}
	.who_we_are_section img{
		margin-bottom: 20px;
	}
	.about_section_card2{
		margin-bottom: 20px;
	}
	.about_section_card2.full_h{
		height: auto;
	}
	.why_choose_card_inner{
		padding: 30px;
		border: none !important;
		border-bottom: 2px dashed #fff !important;
	}
	.col-sm-4:last-child .why_choose_card_inner{
		border-bottom: none !important;
	}
	.counters_card_inner{
		padding: 30px;
		border: none !important;
		border-bottom: 2px dashed #100F0F !important;
	}
	.company_counters .col-sm-3:last-child .counters_card_inner{
		border-bottom: none !important;
	}
	.team_member_card img{
		height: 300px;
	}
	.certifications_section .col-sm-3{
		width: 100%;
	}
	.sub_footer2_content h4{
		font-size: 35px;
	}
	.why_choose_card_inner2{
		padding: 30px;
		border: none !important;
		border-bottom: 2px dashed #616161 !important;
	}
	.col-sm-4:last-child .why_choose_card_inner2{
		border-bottom: none !important;
	}
	.nav-tabs{
		border-radius: 12px;
	}
	.nav-tabs .nav-item{
		flex: 1 1 auto;
		width: 100%;
	}
	.nav-tabs .nav-link{
		width: 100%;
	}
	.projects_list_section .col-md-4{
		width: 100%;
	}
	.sector_cards_list .col-md-4{
		width: 100%;
	}
	.env_commitment_section h2{
		font-size: 25px;
	}
	.env_commitment_section_counter{
		height: auto;
	}
	.env_commitment_section_counter h2{
		font-size: 30px;
	}
	.env_commitment_section_content .col-sm-7{
		margin-bottom: 20px;
	}
	.contact_form_section h2{
		font-size: 25px;
	}
	.blog_cards_list .col-sm-4{
		width: 100%;
	}
	.first_blog_card{
		flex-direction: column;
	}
	.first_blog_card img{
		width: 100%;
		height: 300px;
	}
	.first_blog_card_body h2{
		font-size: 25px;
	}
	.blog_main_img{
		height: 300px;
	}
	.blog_detail_head_content{
		margin-left: 20px;
  		margin-right: 20px;
		padding: 20px;
	}
	.blogdetail_footer{
		flex-direction: column;
		gap: 20px;
	}
	.benefits_perks_section h2{
		font-size: 25px;
	}
	.benefits_perks_section .col-sm-8{
		margin-bottom: 20px;
	}
	.intern_section h2{
		font-size: 25px;
	}
	.internship_program_box{
		margin-top: 20px;
	}
	.project_gallery{
		margin-top: 20px;
	}
	.project_gallery .col-md-6:nth-child(2) .p_inr_feature_img{
		height: 250px;
	}
	.project_gallery .col-md-6:nth-child(3) .p_inr_feature_img{
		height: 250px;
		margin-top: 8px;
	}
	.related_projects_section .col-sm-4{
		width: 100%;
	}
	.services_swiper_main .swiper_navigation{
		display: none;
	}

}

/* Tablet Landscape Mode */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1280px)
and (orientation: landscape){
	
}

/* Mobile Landscape Mode */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 926px) 
and (orientation: landscape) {
 	
}