/* Custom Container */
@media only screen and (min-width : 1399px){
	.container{
		max-width: 1400px;
	}
}

/* Global */
::-moz-selection { /* Code for Firefox */
	background-color: #FFBB00;
	color: #010044 ;
}
::selection {
	background-color: #FFBB00;
	color: #010044 ;
}
/* 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;
}
*,  h1, h2, h3{
	outline: 0 !important;
	font-family: 'Barlow Condensed', sans-serif;
}
*, body, h4, h5, h6, p, a{
	outline: 0 !important;
	font-family: 'Montserrat', sans-serif;
}
html{
	scroll-behavior: smooth;
}
.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);
}

.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 #070a22;
}
.preloader .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 200px;
	height: 200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.preloader .loader img {
	width: 100%;
	animation: fadeinout 4s 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: #389EFA;
	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;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 130px;
}
#back_to_top_btn::after{
	font-family: "Font Awesome 5 Pro";
  	font-weight: 900;
  	content: "\f077";
	font-size: 22px;
	color: #fff;
}
#back_to_top_btn:hover{
	cursor: pointer;
	background-color: #010044;
}
#back_to_top_btn:active{
	background-color: #fff;
}
#back_to_top_btn.show{
	opacity: 1;
	visibility: visible;
}

/* Custom_Edits */
.border_right{
	border-right: 1px solid #ffffff2f;
}
.border_left{
	border-left: 1px solid #ffffff2f;
}
.border_top{
	border-top: 1px solid #ffffff2f;
}
.border_bottom{
	border-bottom: 1px solid #ffffff2f;
}

.theme_btn_secondary {
	background: transparent !important;
	color: #fff;
	border: 1px solid #fff !important;
	transition: all 0.3s ease;
}
.theme_btn_secondary:hover {
	background: #FFBB00 !important;
	color: #010044 !important;
	border-color: #FFBB00 !important;
}
.theme_btn_secondary:focus {
	background: #FFBB00 !important;
	color: #010044 !important;
	border-color: #FFBB00 !important;
}
.theme_btn_secondary:active {
	background: #FFBB00 !important;
	color: #010044 !important;
	border-color: #FFBB00 !important;
}
.theme_btn_secondary:hover i{
	background-color: #010044;
	color: #cccccc;
}
.theme_btn_secondary:hover {
	filter: drop-shadow(0 3px 30px rgba(255, 217, 0, 0.5)) !important;
}
.theme_btn {
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	border-radius: 90px;
	background: #389EFA;
	
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 26px;
	padding-right: 11px;
	transition: all 0.3s ease;
	border: none;
	flex-shrink: 0;
}
.theme_btn:hover {
	color: #fff ;
	background: #389EFA;
	filter: drop-shadow(0 3px 30px rgba(65, 217, 255, 0.45));
}
.theme_btn:focus {
	color: #fff !important;
	background: #389EFA !important;
	border-color: #0386F6 !important;
	filter: drop-shadow(0 3px 30px rgba(65, 217, 255, 0.45));
}
.theme_btn:active {
	color: #fff !important;
	background: #389EFA !important;
	border-color: #0386F6 !important;
	filter: drop-shadow(0 3px 30px rgba(65, 217, 255, 0.45));
}
.theme_btn i {
	width: 45px;
  	height: 45px;
	background-color: #fff;
	border-radius: 50%;
	color: #389EFA;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 21px;
	transition: all 0.3s ease;
}
.theme_btn:hover i {
	margin-left: 30px;
	transform: rotate(360deg);
}
.theme_btn_secondary i {
	background-color: #fff !important;
	color: #010044 !important;
	transition: all 0.3s ease;
}

/* Floadting Button  */
.floating_hiredev_btn{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff1a;
	/* background: linear-gradient(100deg, rgba(69,32,163,1) 0%, rgba(3,134,246,1) 100%);  */
	color: #fff;
	z-index: 10;
	padding: 30px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.8s ease;
	font-size: 18px;
	filter: drop-shadow(0 3px 30px rgba(130, 135, 239, 0.6)) !important;
	
}
.floating_hiredev_btn i{
	font-size: 24px;
}
.floating_hiredev_btn:hover{
	color: #fff;
	filter: drop-shadow(0 3px 30px rgba(130, 135, 239, 0.9)) !important;
}

/*// Glow Border Animation //*/
.animated-border-box, .animated-border-box-glow{
	position: fixed;
	overflow: hidden; 
	z-index: 10;
	right: 0;
	border-top-left-radius: 50px;
  	border-bottom-left-radius: 50px;
	  align-items: center;
	  display: flex;
}
  
  .animated-border-box:before, .animated-border-box-glow:before {
	content: '';
	z-index: -2;
	text-align: center;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%) rotate(0deg);
	position: absolute;
	  width: 99999px;
	  height: 99999px;
	  background-repeat: no-repeat;
	  background-position: 0 0;
	/*border color, change middle color*/
	  background-image: conic-gradient(rgba(0,0,0,0), #348cff, rgba(0,0,0,0) 25%);
	/* change speed here */
	  animation: rotate 4s linear infinite;
  }
  
  .animated-border-box:after {
	  content: '';
	  position: absolute;
	  z-index: -1;
	/* border width */
	  right: 0;
	  top: 5px;
	/* double the px from the border width left */
	  width: calc(100% - 7px);
	  height: calc(100% - 10px);
	/*bg color*/
	background: linear-gradient(140deg, rgba(40,46,148,1) 18%, rgba(130,135,239,1) 100%); 
	/*box border radius*/
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
  }
  
  @keyframes rotate {
	  100% {
		  transform: translate(-50%, -50%) rotate(1turn);
	  }
  }
  
  /*// Border Animation END//*/
.floating_sign_in_btn:hover{
	color: #fff;
}
.floating_whatsapp_btn{
	position: fixed;
	bottom: 30px;
  	right: 24px;
	background: #45D154;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	z-index: 10;
	width: 85px;
  	height: 85px;
	padding: 30px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 54px;
	border-radius: 50px;
	box-shadow: rgba(77, 255, 107, 0.2) 0px 8px 24px;
}
.floating_whatsapp_btn:hover{
	box-shadow: rgba(0, 255, 42, 0.678) 0px 0px 40px;
	cursor: pointer;
	color: #fff;
}

/* Floating Social Icons */
.floating_social_icons{
	position: fixed;
  left: 15px;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(140deg, rgba(40,46,148,1) 18%, rgba(130,135,239,1) 100%); 
	padding: 10px;
	z-index: 8;
	border-radius: 50px;
	transition: all 0.3s ease;
}
.floating_social_icons .circle_social_icon{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: #ffffff3f;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin-bottom: 5px;
	font-size: 20px;
	color: #fff;
	transition: all 0.3s ease;
}
.floating_social_icons .circle_social_icon:hover{
	background: #fff;
	color: rgba(40,46,148,1);
}
.floating_social_icons .circle_social_icon:last-child{
	margin-bottom: 0 !important;
}


/* Header */
.main_header{
	background: rgb(11,2,67);
	background: linear-gradient(0deg, rgba(11, 2, 67, 0) 0%, rgba(0, 0, 0, 0.582) 43%); 
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	transition: all 0.3s ease;
}
.main_header .sticky_logo{
	display: none;
}
.main_header.sticky_header{
	/*position: -webkit-sticky;
  position: sticky;
  top: 0;*/
  z-index: 1020;
  background: url('../images/header_top_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom-right-radius: 174px;
  border-bottom-left-radius: 174px;
}
.main_header.sticky_header .h_top_col{
	display: none !important;
}
.main_header.sticky_header .top_logo{
	display: none;
}
.main_header.sticky_header .sticky_logo{
	display: inline-block;
}
.main_header .header_logo{
	display: inline-block;
}
.main_header .header_top{
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: end;
	padding-top: 8px;
	padding-bottom: 8px;
}
.main_header .head_contact_btn {
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	align-items: center;
}
.main_header .head_contact_btn h6 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
}
.header_logo img{
	padding: 20px;
}
.head_contact_btn i {
	font-size: 22px;
	color: #fff;
	border-radius: 50%;
	width: 43px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	background-color: #ffffff50;
	margin-right: 15px;
}
.main_header .hs_icons {
	color: #fff;
	font-size: 24px;
	transition: all 0.3s ease;
}
.main_header .hs_icons a{
	color: #fff;
	transition: all 0.3s ease;
}
.main_header .hs_icons a:hover{
	color: #FF0090;
}
.main_header .header_bottom{
	height: 100%;
	
}
.main_header .main_navbar{
	height: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
.main_header .main_navbar .navbar-nav{
	display: flex;
	justify-content: end;
	width: 100%;
	padding-right: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.main_header .header_bottom .nav-link{
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.main_header .header_bottom .nav-link:hover{
	color: #389EFA;
}
.main_header .header_bottom .active{
	color: #389EFA;
	font-weight: 700;
}
.bottom_header_btn{
	background: linear-gradient(90deg, rgba(65,4,138,1) 0%, rgba(155,13,138,1) 100%);
	color: #fff;
	border: none;
	border-radius: 90px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.bottom_header_btn i{
	background: #fff;
	color: #000;
	padding: 10px;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}
.bottom_header_btn:hover{
	background-color: #0386F6;
	color: #fff;
}
.bottom_header_btn:hover i{
	background-color: #fff;
	color: #000;
	backdrop-filter: blur(0);
}

/* Header_Mega Menu */
.header_menu_top_offcanvas .offcanvas-header {
	height: 130px;
	padding: 8px;
}
.header_menu_top_offcanvas .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;
}
.header_menu_top_offcanvas {
	background: url(../images/header_top_bg.png);
	  background-repeat: repeat;
	  background-size: auto;
	width: 100%;
	height: 100vh !important;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	/* height: fit-content !important; */
}
.header_menu_top_offcanvas h3 {
	font-weight: 700;
	color: #fff;
	font-weight: 700;
  	color: #fff;
  	font-size: 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.products_dropdown {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.products_dropdown .product_box {
	padding: 12px;
	border-radius: 20px;
	width: 495px;
	transition: 0.5s ease;
	text-decoration: none;
	color: #fff;
	display: flex;
	gap: 10px;
	background-color: transparent;
	align-items: center;
}
.products_dropdown .product_box:hover {
	background: #ffffff1c;
}
.products_dropdown .product_img {
	width: 82px;
  	height: 82px;
	margin-right: 6px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	border-radius: 24px;
	overflow: hidden;
	background: aliceblue;
	  background-color: aliceblue;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 46px;
	color: #fff;
}
.product_content_body h5 {
	font-weight: 600;
	margin-bottom: 0;
	font-size: 22px;
	color: #fff;
	line-height: 36px;
}
.product_content_body p {
	margin-bottom: 0 !important;
	
	color: #fff;
}
.menu_explore_service_bg{
	background: url(../images/menuoffbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding: 30px;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
.menu_explore_service_bg .menu_overlay{
	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
	bottom: 0;
	z-index: 0;
	background: rgb(69,32,163);
	background: linear-gradient(140deg, rgba(69, 32, 163, 0.8) 18%, rgba(3, 134, 246, 0.71) 100%);
}
.menu_explore_service_bg .content_body{
	position: relative;
	z-index: 1;
}
.menu_explore_service_bg .content_body small{
	color: #fff;
}

/* Banner */
.main_banner_parent {
}
.main_banner {
	position: relative;
}
.m_bnr_img {
	width: 100%;
	height: 1080px;
	overflow: hidden;
	position: relative;
}
.m_bnr_img video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-repeat: no-repeat;
}
.m_bnr_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-repeat: no-repeat;
}
.main_banner .pattern_bg_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/pattern_bg_overlay.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	opacity: 1%;
	z-index: 1;
}
.main_banner .banner_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(11, 2, 67, 0.3) 27%, rgba(11,2,67,0) 83%); 
	z-index: 2;
}

.main_banner .banner_content{
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
  	z-index: 4;
	width: 80%;
	text-align: center;
}

.main_banner .banner_content h1{
	font-size: 80px;
	font-weight: 800;
	color: #fff;
}
.main_banner .banner_content h1 span{
	background: #FFBB00;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #010044;
	font-family: 'Barlow Condensed', sans-serif;
}
.main_banner .banner_content h5 {
	font-size: 27px;
	color: #fff;
	line-height: 45px;
}

/* Inner Banner */
.inner_banner {
	position: relative;
}
.inner_banner .m_bnr_img {
	width: 100%;
	height: 538px;
	overflow: hidden;
	position: relative;
}
.inner_banner .m_bnr_img video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-repeat: no-repeat;
}
.inner_banner .m_bnr_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-repeat: no-repeat;
}
.inner_banner .pattern_bg_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/pattern_bg_overlay.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.inner_banner .banner_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(11,2,67);
	background: linear-gradient(0deg, rgba(11,2,67,0.6222689759497548) 27%, rgba(11,2,67,0) 83%); 
	z-index: 2;
}

.inner_banner .banner_content{
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
  	z-index: 4;
	width: 80%;
	text-align: center;
}

.inner_banner .banner_content h1{
	font-size: 100px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
}

.inner_banner .banner_content p{
	color: #fff;
}

.inner_banner .banner_content h1 span{
	background: #FFBB00;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #010044;
	font-family: 'Barlow Condensed', sans-serif;
}
.inner_banner .banner_content h5 {
	font-size: 27px;
	color: #fff;
	line-height: 45px;
}
.abt_page .section_fader{
	top: -168px;
}
.breadcrumb a{
	text-decoration: none;
	color: #FFBB00;
}
.breadcrumb .active{
	color: #ffffffb2;
}
.inner_banner_b .m_bnr_img{
	height: 770px;
}
.inner_banner_b h2{
	color: #fff;
}

/* About Us */
.about_us{
	background: url(../images/flares_img.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.abtsec_overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0100446b; 
	z-index: 0;
}
.about_us .abt_content{
	position: relative;
	z-index: 3;
}
.section_fader{
	background: url(../images/section_fader.png);
	width: 100%;
	height: 336px;
  	top: -182px;
	background-size: cover;
	position: absolute;
	z-index: 2;
}
.about_us .abt_top_img img{
	width: 100%;
}
.about_us h2{
	color: #fff;
}
.about_us p{
	color: #fff;
}
h2{
	font-size: 75px;
	font-weight: 700;
	text-transform: uppercase;
}
h2 span{
	font-family: 'Barlow Condensed', sans-serif;
}
p{
	font-size: 20px;
	
}
.custom_points{
	margin-top: 30px;
}
.custom_points .point_body{
	padding-bottom: 10px;
	padding-top: 10px;
}
.custom_points .point_body h1{
	font-size: 85px;
	font-weight: 700;
	color: #ffffff63;
	margin-right: 30px;
}
.custom_points .point_body p{
	margin-bottom: 0;
}
.neon_light_color{
	color: #D982CF;
}
.abt_key_feature{
	background: rgb(65,4,138);
	background: linear-gradient(0deg, rgba(65,4,138,1) 0%, rgba(155,13,138,1) 100%); 
	padding: 10px;
	padding-bottom: 0 !important;
	border-top-left-radius: 62px;
	border-top-right-radius: 62px;
	margin-top: 30px;
}
.abt_key_feature .dashed_body{
	border: 1px dashed #fff;
	border-bottom: none !important;
	border-top-left-radius: 55px;
	border-top-right-radius: 55px;
	padding: 30px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.icon_item_body{
	display: flex;
	gap: 20px;
	align-items: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
.icon_item_body .icon_box{
	width: 68px;
	height: 68px;
	border-radius: 10px;
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	flex-shrink: 0;
	margin-bottom: 0 !important;
}
.icon_item_body .icon_box img{
	width: 100%;
}
.icon_item_body p{
	margin: 0;
	color: #fff;
}
.icon_item_body small{
	color: #ffffffa2;
}

/* About Us Page */
.da_bg_section{
	position: relative;
}
.mission_vision{
	background: url(../images/pettern_section_bg.png);
	width: 100%;
	padding-top: 50px;
  	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 70px;
	background-size: cover;
	background-repeat: no-repeat;
}
.mission_vision .col-sm-6{
	padding-right: 40px;
	padding-left: 40px;
}
.mission_vision .title_body{
	display: flex;
	gap: 30px;
	align-items: center;
	margin-bottom: 40px;
}
.abt_illus_img img{
	width: 100%;
}
.mission_vision p{
	font-size: 18px;
}
.mission_vision .icon_box {
	width: 110px;
	height: 110px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	padding: 20px;
}

.vision_section2{
	padding-top: 70px;
	padding-bottom: 70px;
}
.vision_section2 h2 span {
	background: #FFBB00;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #010044 !important;
	font-family: 'Barlow Condensed', sans-serif;
}
.vision_section2 h2 {
	margin-bottom: 40px;
}
.vision_features{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.vision_features .v_feature_box{
	width: 18%;
	text-align: center;
}
.vision_features .v_feature_box .icon_body{
	width: 100%;
	display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.vision_features .v_feature_box .icon_box{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	padding: 20px;
	margin-bottom: 20px;
}
.vision_features .v_feature_box .icon_box img{
	width: 100%;
}
.vision_features .v_feature_box p{
	font-size: 18px;
}
.vision_features .v_feature_box {
	padding-bottom: 70px;
}
.abt_head_title{
	text-align: center;
}
/* Counters */
.counters{
	padding-top: 30px;
	padding-bottom: 30px;
}
.counters .counters_flex{
	display: flex;
}
.counters .counters_flex .counter_box{
	width: 33%;
}
.counters h1 span{
	font-size: 60px;
	font-weight: 700;
	font-family: 'Barlow Condensed', sans-serif;
	color: #010044;
}
.counters h5{
	font-size: 20px;
	color: #00000080;
}

/* Services */
.services{
	position: relative;
	background: url(../images/ser_main_img.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 230px;
	border-bottom-left-radius: 235px;
	border-bottom-right-radius: 235px;
	margin-bottom: 326px;
}
.services .services_overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: rgb(69,32,163);
	background: linear-gradient(140deg, rgba(69, 32, 163, 0.8) 18%, rgba(3, 134, 246, 0.71) 100%);
	border-bottom-left-radius: 235px;
  	border-bottom-right-radius: 235px;
}
.services .service_head_content{
	position: relative;
	z-index: 1;
}
.services .services_feature_img img{
	width: 100%;
}
.services_bg h2{
	color: #fff;
}
.services_bg p{
	color: #fff;
}
.services .services_slider{
	position: absolute;
  	width: 100%;
  	bottom: -242px;
  	z-index: 2;
}
.services .services_swiper {
	padding-left: 30px;
  padding-right: 30px;
}
.services .services_slider .service_box{
	width: 90%;
	padding-top: 40px;
  padding-bottom: 40px;
	padding-left: 80px;
	padding-right: 40px;
	border-radius: 44px;
	position: relative;
	margin-left: 142px;
}

.services .services_slider .service_box .s_icon_box{
	position: absolute;
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	top: 34px;
  left: -64px;
	font-size: 60px;
}
.services .services_slider .service_box .s_icon_box img{
	width: 100%;
}
.scroll_s_ul{
	height: 220px;
  overflow-x: hidden;
}
.scroll_s_ul{
  scrollbar-color: #fff transparent;
}
.scroll_s_ul::-webkit-scrollbar-track{
  background: transparent;
}
.scroll_s_ul::-webkit-scrollbar-thumb{
  background: #fff;
}
.services .services_slider .service_box .theme_btn{
	font-size: 15px;
	padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 10px;
}
.services .services_slider .service_box .theme_btn i{
	width: 40px;
	height: 40px;
}
.services .services_slider .service_box ul{
	columns: 2;
	padding-left: 18px;
	gap:50px;
	margin-top: 20px;
}
.services .services_slider .service_box ul li{
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}
.services .services_slider .service_box h4{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.services .services_slider .service_box .theme_btn_secondary:hover{
	background-color: #fff !important;
	border-color: #fff !important;
	color: #000 !important;
	filter: none !important;
}
.services .services_slider .service_box .theme_btn_secondary:hover i {
	background-color: #000 !important;
	color: #fff !important;
	transition: all 0.3s ease;
  }

.orange_gredient{
	background: rgb(213,84,27);
	background: linear-gradient(140deg, rgba(213,84,27,1) 18%, rgba(233,141,8,1) 100%); 
}
.lavblue_gredient{
	background: rgb(40,46,148);
	background: linear-gradient(140deg, rgba(40,46,148,1) 18%, rgba(130,135,239,1) 100%); 
}
.red_pink_grident{
	background: rgb(219,32,62);
	background: linear-gradient(140deg, rgba(219,32,62,1) 18%, rgba(221,36,139,1) 100%); 
}
.violet_grident{
	background: rgb(124,41,249);
	background: linear-gradient(140deg, rgba(124,41,249,1) 18%, rgba(167,65,210,1) 100%); 
}
.green_grident{
	background: rgb(0,126,109);
	background: linear-gradient(140deg, rgba(0,126,109,1) 0%, rgba(79,191,177,1) 100%); 
}
.light_yellow_bg{
	/* background: rgb(255,242,196);
	background: linear-gradient(180deg, rgba(255,242,196,1) 76%, rgba(255,255,255,1) 100%);  */
	/* background: rgb(255,242,196);
	background: linear-gradient(180deg, rgba(255,242,196,1) 47%, rgba(255,255,255,1) 66%, rgba(246,251,255,1) 80%, rgba(228,242,255,0.9275911048012955) 87%, rgba(207,233,255,0.8547619731486344) 91%, rgba(222,240,255,0.921988863904937) 96%, rgba(255,255,255,1) 100%);  */
	background: rgb(230,242,255);
	background: linear-gradient(184deg, rgba(230,242,255,1) 0%, rgba(255,255,255,1) 100%);  
}

/* Cloud Developer */
.cloud_dev h4{
	font-size: 40px;
	line-height: 56px;
	color: #010044;
}
.cloud_dev .nda_sign_note{
	display: flex;
	justify-content: center;
}
.gold_heading{
	color: #FFBB00;
}
.cloud_dev .cloud_sec_dev img{
	width: 100%;
}
.dark_blue_heading{
	color: #010044;
}
.cloud_dev .nda_sign_note .white_box{
	display: flex;
	gap: 30px;
	align-items: center;
	background-color: #fff;
	box-shadow: rgba(149, 157, 165, 0.04) 0px 8px 24px;
	padding: 50px;
	border-radius: 35px;
	width: 80%;
}
.light_blue_grident{
	/* background: rgb(207,233,255);
	background: linear-gradient(180deg, rgba(207,233,255,0) 6%, rgba(207,233,255,0.6) 30%, rgba(207,233,255,0.8) 50%, rgba(207,233,255,0.5998600123643207) 70%, rgba(207,233,255,0) 94%);  */
}
.blue_icons_body{
	padding-top: 40px;
}
.blue_icons_body .col-sm-4{
	text-align: center;
}
.blue_icons_body .icon_box{
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100% !important;
}
.blue_icons_body h6{
	font-size: 27px;
	font-weight: 600;
	line-height: 40px;
	text-transform: capitalize;
	color: #010044;
}
.blue_icons_body .col-sm-4{
	padding-left: 35px;
	padding-right: 35px;
}

/* Customized Services */
.customized_services{
	background: url(../images/pettern_section_bg.png);
	width: 100%;
	background-size: cover;
	padding-top: 115px;
	padding-bottom: 110px;
	margin-top: 80px;
}
.customized_services h2{
	color: #fff;
}
.customized_services a{
	text-decoration: none;
	color: #fff;
}
.customized_services h6{
	color: #fff;
	font-size: 27px;
	line-height: 40px;
	font-weight: 600;
}
.customized_services p{
	color: #ffffffbd;
}
.customized_services .c_services_icons{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.customized_services .c_services_icons .dark_icon_box{
	background: rgb(0,18,52);
	background: linear-gradient(228deg, rgba(0,18,52,1) 31%, rgba(0,0,14,1) 100%); 
	border-radius: 22px;
	width: 48%;
	padding-top: 74px;
	padding-bottom: 20px;
	padding-right: 32px;
	padding-left: 32px;
	position: relative;
	margin-top: 80px;
	top: -38px;
	flex: 0 0 auto;
}
.customized_services .c_services_icons .dark_icon_box:nth-child(2n){
	bottom: 0;
	top: auto;
}
.customized_services .c_services_icons .icon_box{
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	padding: 20px;
	top: -51px;
  	left: 31px;
}
.customized_services .c_services_icons h6{
	font-size: 22px;
	margin-bottom: 0;
}
.customized_services .c_services_icons p{
	font-size: 16px;
}

/* Our Products */
.our_products{
	position: relative;
}
.our_products .our_product1{
	background: url(../images/gym_bg.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 100px;
	padding-bottom: 40px;
}
.our_product1 .bg_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00489bc4;
	z-index: 2;
}

.our_products .p_main_head h2{
	padding-bottom: 80px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}

.our_products .p_main_head h1 span {
	background: #FFBB00;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #010044;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 100px;
  	font-weight: 800;
}
.our_products .pro_body{
	position: relative;
	z-index: 5;
}
.our_products .p_main_body{
}
.our_products .p_main_body h4{
	color: #fff;
	margin-bottom: 10px;
}
.our_products .p_main_body h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 45px;
	line-height: 60px;
	text-transform: capitalize;
	color: #fff;
}
.our_products .p_main_body p{
	color: #fff;
}
.our_products .p_main_features img{
	width: 100%;
}
.our_products .p_main_features{
	margin-top: 70px;
}
.our_products .p_sec_img img{
	width: 100%;
}
/* Product 2 */
.our_products .our_product2{
	background: url(../images/pos_section_bg.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 70px;
	padding-bottom: 100px;
}
.our_product2 .bg_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2b1363d0;
	z-index: 2;
}
.our_products .section_fader {
	background: url(../images/section_fader2.png);
	  background-size: auto;
	width: 100%;
	height: 451px;
	top: 48%;
	background-size: cover;
	position: absolute;
	z-index: 3;
}
.d_purple_btn{
	background: #4F3E9E !important;
}
.d_purple_btn i{
	color: #4F3E9E !important;
}
.d_purple_btn:hover {
	background: #4F3E9E;
	filter: drop-shadow(0 3px 30px rgba(179, 65, 255, 0.45));
}

/* Product Feaure */
.product_core_features{
	position: relative;
	width: 100%;
	padding: 80px;
	border-radius: 80px;
	overflow: hidden;
}
.product_core_features .bg_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
}
.product_core_features .bg_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_core_features .content_body{
	position: relative;
	z-index: 5;
}
.product_core_features .icon_body{
	display: flex;
	gap: 25px;
	align-items: center;
	color: #fff;
}
.product_core_features .reverce_col_ico .icon_body{
	flex-direction: row-reverse;
}
.product_core_features .reverce_col_ico .icon_body p{
	text-align: end;
}
.product_core_features .icon_body{
	font-weight: 700;
	margin-top: 30px;
}
.product_core_features .icon_body:first-child{
	margin-top: 0;
}
.product_core_features .icon_body .icon_box_b{
	width: 110px;
	height: 110px;
	border-radius: 50px;
	padding: 5px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.product_core_features .icon_body .icon_box_b::before{
	content: "";
	background-image: url(../images/grident_ring.svg);
	width: 115px;
	height: 115px;
	position: absolute;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Why Absaka */
.why_abaska {
	background: rgb(239,254,255);
	background: linear-gradient(180deg, rgba(239,254,255,1) 0%, rgba(255,255,255,1) 60%); 
	padding-top: 100px;
	padding-bottom: 100px;
}
.why_abaska h2{
	color: #010044;
}
h2 span{
	background: #FFBB00;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #010044 !important;
	font-family: 'Barlow Condensed', sans-serif;
}
.white_icon_box{
	padding: 32px;
	border-radius: 22px;
	background: #fff;
	box-shadow: rgba(144, 148, 153, 0.11) 0px 8px 24px;
	margin-top: 20px;
}
.white_icon_box p{
	font-weight: 600;
	min-height: 56px;
}
.white_icon_box .icon_box{
	border-radius: 20px;
	display: flex;
	align-items: center;
	font-size: 50px;
	color: #0386F6;
	margin-bottom: 10px;
} 
.white_icon_box p{
	margin: 0;
}
.white_icon_box:hover{
	background: rgb(1,155,249);
	background: linear-gradient(180deg, rgba(1,155,249,1) 0%, rgba(0,82,254,1) 100%); 
	color: #fff;
}
.white_icon_box:hover .icon_box{
	color: #fff;
}

.locations{
	background: url(../images/location_bg_sec.png);
	background-repeat: no-repeat;
	background-size: cover;	
	width: 100%;
	padding-top: 70px;
	/* padding-bottom: 70px; */
}
.locations_head_content{
	text-align: center;
	margin-bottom: 50px;
}
.locations_head_content h4{
	font-size: 27px;
	color: #389EFA;
	margin: 0;
}
.locations_head_content h1{
	font-size: 70px;
	color: #010044;
	font-weight: 700;
	text-transform: uppercase;
}
.locations .world_map{
	width: 100%;
	position: relative;
}

.locations .world_map img{
	width: 100%;
}
.locations .location_body{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.locations .location_relative{
	position: relative;
	width: 400px;
  height: 130px;
}
.locations .location_us{
	position: absolute;
	top: 168px;
	left: 0;
}
.locations .location_pk{
	position: absolute;
	right: 250px;
	top: 50%;
	transform: translateY(-50%);
}
.location_relative .location_icon{
	position: absolute;
	top: -42px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.location_relative .location_icon img{
	width: 45px;
}
.location_body .loaction_box{
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 90px;
	padding: 25px;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.location_body .loaction_box:hover{
	background: #389EFA;
	filter: drop-shadow(0 3px 30px rgba(0, 159, 255, 0.45));
}
.location_body .loaction_box:hover h6{
	color: #fff;
}
.location_body .loaction_box:hover p{
	color: #fff;
}
.location_body .loaction_box:hover .loc_logo{
	filter: brightness(0) invert(1);

}
.location_body .loaction_box .loc_logo{
	width: 90px;
	padding: 10px;
	flex-shrink: 0;
}
.location_body .loaction_box h6{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}
.location_body .loaction_box p{
	font-size: 15px;
}



/*Footer*/
.footer{
	color: #fff;
}
.footer .footer_bg{
	background: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 70px;
	padding-bottom: 20px;
	position: relative;
}
.footer .footer_bg .footer_top {
	padding-bottom: 52px;
}
.footer .footer_bg .footer_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000021ce;
}
.footer .footer_body{
	position: relative;
	z-index: 2;
}
.footer_add_info{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.f_icon_box{
	height: 91px;
	width: 91px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 30px;
	border: 1px dashed #fff;
}
.footer a{
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	flex-shrink: 0;
	transition: all 0.3s ease;
}
.footer_top h3{
	font-size: 45px;
	font-size: 80px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
}
.footer_top h3 span{
	font-family: 'Barlow Condensed', sans-serif;
}
.footer_top p{
	padding: 0;
	font-size: 20px;
	line-height: 37px;
	opacity: 70%;
}
.footer .footer_about_ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer .footer_about_ul a{
	font-size: 18px !important;
	text-transform: uppercase;
	transition: 0.5s ease;
}
.footer .footer_about_ul a:hover{
	color: #FF0090 !important;
}
.fs_icon_box{
	height: 47px;
	width: 47px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff17;
	color: #fff !important;
	transition: 0.5s ease;
}
.fs_icon_box:hover{
	background-color: #FF0090;
}
.footer .locations p{
	font-weight: 500;
	font-size: 20px;
	line-height: 37px;
}

.footer .locations p span{
	opacity: 70%;
	font-weight: 400;
	
}

.footer .locations h5{
	font-size: 27px;
}
.address_col{
	border-left: 1px solid #7C889A;
	padding-left: 50px;
}
p{
	margin: 0 !important;
}

/* Service Detail Page */
.inner_banner_parent_b .section_fader{
	top: 607px !important;
}
.c_submit_form{
	background: rgb(51,190,253);
	background: linear-gradient(288deg, rgba(51,190,253,1) 0%, rgba(40,108,194,1) 29%, rgba(32,49,152,1) 100%);  
	width: 100%;
	padding: 30px;
	border-radius: 30px;
	text-align: left;
	color: #fff;
	position: relative;
  	top: -50px;
	z-index: 2;
}
.c_submit_form h4{
	font-size: 27px;
	font-weight: 700;
	line-height: 38px;
}
.c_submit_form p{
	color: #FFBB00;
}
.c_submit_form h4 span{
	color: #FFBB00;
}
.inner_banner_b .banner_content{
	top: 78%;
}
.custom_input .form-control{
	color: #fff;
	background-color: transparent;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 20px;
	resize: none;
}
.custom_input .form-select{
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 20px;
	resize: none;
	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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.custom_input .form-select option{
	background-color: #fff;
	color: #000;
}
.custom_input .form-control::placeholder{
	color: #ffffffc7;
}
.custom_input .form-control:focus{
	border-color: #FFBB00;
}
.custom_input .form-select:focus{
	border-color: #FFBB00;
}
.service_feature_section{
	background: url(../images/dev_bg_img.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 180px;
	position: relative;
	color: #fff;
	padding-bottom: 70px;
}
.service_feature_section .row{
	align-items: center;
}
.service_feature_section h2{
	color: #fff;
	margin-bottom: 30px;
}
.service_feature_section h4{
	font-size: 40px;
	font-weight: 700;
	line-height: 65px;
}
.service_feature_section ul li{
	font-size: 27px;
	margin-bottom: 15px;
}
.service_feature_section ul{
	list-style-image: url(../images/check2_ico.svg);
	align-items: center;
}
/* Highlighted Feature Section */
.highlighted_bg_section{
	background: url(../images/pettern_section_bg.png);
    background-size: auto;
	width: 100%;
	background-size: cover;
	padding-top: 115px;
	padding-bottom: 110px;
	color: #fff;
}
.highlighted_bg_section .row{
	justify-content: center;
}
.dark_icon_box {
	background: rgb(0,18,52);
	background: linear-gradient(228deg, rgba(0,18,52,1) 31%, rgba(0,0,14,1) 100%);
	border-radius: 22px;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-right: 32px;
	padding-left: 32px;
	margin-top: 30px;
	color: #fff;
	height: 95%;
	transition: all 0.3s ease;
}
.dark_icon_box h6{
	font-size: 27px;
	font-weight: 700;
}
.dark_icon_box p{
	color: #ffffff94;
}
.icon_box {
	width: 110px;
	height: 110px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	font-size: 60px;
  	align-items: center;
	color: #fff;
	padding: 20px;
	margin-bottom: 30px;
	
}
.dark_icon_box:hover{
	filter: drop-shadow(0 3px 60px rgba(255, 217, 0, 0.28)) !important;
}
.dark_icon_box:hover .theme_btn_secondary{
	filter: drop-shadow(0 3px 30px rgba(255, 217, 0, 0.5)) !important;
	background: #FFBB00 !important;
  color: #010044 !important;
  border-color: #FFBB00 !important;
}
.dark_icon_box:hover .theme_btn_secondary i {
	margin-left: 30px;
	transform: rotate(360deg);
}
/* Cloud Employee */
.flare_lines_bg {
	background: url(../images/flares_img.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 195px;
	color: #fff;
	padding-bottom: 70px;
	position: relative;
}
.cloud_developer_sec{
	position: relative;
}
.cloud_developer_sec .title{
	text-align: center;
}
.onboard_process{
	position: relative;
	margin-top: 120px;
}
.process_steps {
	display: flex;
	gap: 54px;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 50px;
}
.step_body {
	text-align: center;
	display: flex;
  	flex-direction: column;
  	align-items: center;
	width: 16%;
}
.process_steps .setp_circle {
	width: 145px;
	height: 145px;
	border-radius: 50%;
	outline: #FFFFFF4F solid 9px !important;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-flow: column nowrap;
	padding: 30px;
}
.process_steps .setp_circle img {
	width: 100%;
}
.step_body p {
	margin-top: 20px !important;
	font-weight: 600;
}
.create_team{
	margin-top: 90px;
}
.hire_by_tech {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 50px;
}
.sel_tech_body {
	text-align: center;
	text-decoration: none !important;
}
.hire_by_tech .tech_icon_box {
	width: 132px;
	height: 132px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-flow: column nowrap;
	background-color: #fff;
	border-radius: 20px;
	transition: all 0.3s ease;
	padding: 20px;
	box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 18px;
}
.hire_by_tech .tech_icon_box:hover {
	transform: scale(1.09);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.hire_by_tech .tech_icon_box img {
	max-width: 100%;
	max-height: 100%;
}
.sel_tech_body p {
	margin-top: 14px !important;
	color: #000;
	font-weight: 600;
}
/* Pricing */
.custom_table{
	position: relative;
}
.lavblue_bg{
	background: #575CC3 !important;
	color: #fff;
}
.color_white{
	color: #fff;
}
.custom_table{
	margin-top: 40px;
}
.custom_table th{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-size: 20px;
	font-weight: 500;
	border-color: #ffffff21;
}
.custom_table thead, .custom_table tbody{
	border-color: #ffffff21 !important;
}
.custom_table tbody th{
	background: #000C26 !important;
	color: #ffffff83;
	font-weight: 400;
	border-color: #ffffff21;
}
.custom_table td{
	background: #000C26 !important;
	color: #fff !important;
	vertical-align: middle;
  	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-color: #ffffff21;

}
.custom_table .colored_coloum th, .custom_table .colored_coloum td{
	background: #0D1034 !important;
	border-color: #ffffff21;
}
/* Contact Us */
.contact_info .call_icon {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background: rgb(65,4,138);
  	background: linear-gradient(0deg, rgba(65,4,138,1) 0%, rgba(155,13,138,1) 100%);
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	color: #fff;
	box-shadow: rgba(49, 84, 189, 0.28) 0px 7px 29px 0px;
}
.contact_info .call_icon i {
	font-size: 40px;
}
.contact_info a{
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	font-weight: 600;

	
}
.contact_info h6 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: 400;
	font-size: 20px;
}

.contact_info p {
	margin-bottom: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
}
.contact_us_page .m_bnr_img {
	height: 865px;
}
.contact_us_page .banner_content {
	top: 74% !important;
}
.contact_page_location{
	padding-top: 128px;
}
.contact_page_location{
	background: url(../images/pettern_section_bg.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.contact_page_location .overlay{
	background: #1c0556a9;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.contact_page_location h1{
	color: #fff;
}
.contact_us_page .section_fader {
	top: 712px !important;
}
.contact_page_location .loc_inner_content{
	position: relative;
	z-index: 2;
}
.hire_dev_page .section_fader {
	top: 363px !important;
}

/* Become Client */
.custom_checkbox .form-check-input{
	width: 30px;
	height: 30px;
	border-color: #fff;
	background: transparent;
	border-radius: 8px;
	box-shadow: none;
}
.custom_checkbox .form-check-label{
	font-size: 20px;
	margin-left: 10px;
	margin-top: 2px;
}
.custom_checkbox .form-check-input:checked{
	background-color: #4C98FF;
  border-color: #4C98FF;

}
.tech_icon-check {
	width: 100%;
	height: 80px;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background-color: #fff;
	border: 4px solid #fff;
}
.tech_icon-check img{
	width: 100%;
}
.btn-check:checked + .tech_icon-check {
	background-color: #fff !important;
  border-color: #00B7FF !important;
  filter: drop-shadow(0 3px 30px rgba(200, 244, 255, 0.65));
}
.btn-check + .btn:hover {
	background-color: #fff;
	border: 4px solid #fff;
}
.tech_checkboxes p {
	font-size: 14px;
	margin-bottom: 20px !important;
}
.s_feature_img_b img{
	width: 100%;
}
.ce_bnr_img img{
	width: 100%;
}
.seo_ser_section{
	background: url(../images/flares_img.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.seo_ser_section .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0d1034dc;
}
.seo_ser_section .seosec_content{
	position: relative;
}

/* Our Solutions */
.sol_card{
	width: 100%;
	height: 400px;	
	overflow: hidden;
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease;
}
.sol_bg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
}
.sol_bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}
.sol_card .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #010044c0;
	z-index: 0;
	transition: all 0.3s ease;
}
.sol_card_body{
	position: relative;
	z-index: 2;
	text-align: center;
}
.sol_card_body h4{
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.3s ease;
	color: #fff;
}
.sol_card_body p{
	font-size: 16px;
	transition: all 0.3s ease;
	color: #fff;
}
.sol_card:hover .overlay{
	background: #01004471;
}
.sol_card:hover .sol_bg img{
	transform: scale(1.1);
}
.all_solutions{
	margin-top: 70px;
}
.our_solution_page{
	padding-top: 80px !important;
	padding-bottom: 0 !important;
}
.service_feature_section .section_fader{
	top: 935px !important;
}
.step_head{
	display: flex;
	gap: 20px;
}
.step_head .icon_box{
	width: 108px;
	height: 108px;
	border-radius: 100%;
	backdrop-filter: blur(10px);
	background: #ffffff33;
	flex-shrink: 0;
}
.trans_sub_h2{
	font-family: Montserrat, sans-serif;
	font-weight: 300 !important;
	text-transform: capitalize;
	font-size: 45px !important;
	color: #ffffff8c;
}
.step_head h2{
	font-size: 35px;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	text-transform: capitalize;
}
.solution_steps{
	position: relative;
	z-index: 2;
	margin-top: 80px;
}
.solution_steps .glass_box{
	backdrop-filter: blur(10px);
	background: #ffffff33;
	padding: 30px;
	border-radius: 20px;
	height: 100%;
}
.solution_steps .row{
	margin-top: 20px;
}
.solution_steps .glass_box h4{
	font-weight: 700;
}
.solution_steps .glass_box p{
	font-size: 16px;
}
.s_clients{
	padding-top: 70px;
	padding-bottom: 70px;
}
.clients_swiper{
	padding-bottom: 40px;
  	padding-top: 40px;
}
.s_clients .client_box{
	width: 100%;
	height: 130px;
	border-radius: 20px;
	padding: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s_clients h2 {
	color: #010044;
}
.ss_col_head{
	width: 100%;
}
.ss_col_body{
	width: 100%;
}

/* Step Form */
#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
}

#msform fieldset {
    background: transparent;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}





#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #311B92
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 27px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #fff;
    font-weight: 600;
}

.steps {
    font-size: 25px;
    color: #ffffff9f;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #673AB7
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #673AB7
}

.progress {
	height: 13px;
	background: #ffffff36;
  	border-radius: 50px;
}

.progress-bar {
	background-color: #11D700;
}

.fit-image {
    width: 100%;
    object-fit: cover
}
.back_btn_a i{
	margin-right: 21px !important;
	margin-left: 0 !important;
}
.back_btn_a{
	padding-left: 11px !important;
  	padding-right: 26px !important;
}
.become_client_page .c_submit_form{
	background: #64646433 !important;
  backdrop-filter: blur(10px);
}
.become_client_page .custom_input .form-control {
  	background-color: #ffffff12;
	border-color: #ffffff12;
}
.become_client_page .custom_input .form-control:focus {
	border-color: #FFBB00;
}
.become_client_page .custom_input .form-select{
	background-color: #ffffff12;
	border-color: #ffffff12;
}
.become_client_page .custom_input .form-select:focus{
	border-color: #FFBB00;
}
.success_icon{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	font-size: 80px;
	color: #fff;
	background-color: #11D700;
	display: flex;
	justify-content: center;
	align-items: center;
}
.small_letters{
	background: transparent !important;
	text-transform: lowercase !important;
	color: #fff !important;
	margin: 0;
	padding: 0;
}

.cookie_consent_box{
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	background: linear-gradient(140deg, rgba(40,46,148,1) 18%, rgba(130,135,239,1) 100%);
	padding: 12px 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.cookie_consent_box.mini{
    right: auto;
}
.cookie_consent_box p{
	color: #fff;
	margin: 0;
}
.cookie_consent_box p a{
	color: #fff;
	text-decoration: underline;
}
.cookie_consent_box .cookie_consent_box_btns{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
}
.cookie_consent_box .cookie_accept_btn{
	border: 1px solid #fff;
	background-color: #fff;
	color: rgba(40,46,148,1);
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	cursor: pointer;
}
.cookie_consent_box .cookie_decline_btn{
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	cursor: pointer;
	flex-shrink: 0;
	transition: all 0.15s ease-in-out;
}
.cookie_consent_box .cookie_decline_btn:hover{
	background-color: #fff;
	color: rgba(40,46,148,1);
}
.cookie_consent_box .cookie_settings_btn{
	color: #fff;
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
}
.cookie_modal_switcher{
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
.cookie_modal_switcher h5{
	color: #fff;
}
.cookie_modal_switcher p{
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
}
.css_switch{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  flex-shrink: 0;
}
.css_switch input{
  opacity: 0;
  width: 0;
  height: 0;
}
.css_switch .css_switch_slider{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.css_switch .css_switch_slider:before{
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.css_switch input:checked + .css_switch_slider{
	background: linear-gradient(90deg, rgba(51,188,252,1) 0%, rgba(32,52,154,1) 100%); 
}
.css_switch input:checked + .css_switch_slider:before{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.css_switch input:disabled + .css_switch_slider{
  opacity: 0.5;
}
.css_switch .css_switch_slider.round{
  border-radius: 34px;
}
.css_switch .css_switch_slider.round:before{
  border-radius: 50%;
}

.modal-content{
	border-color: rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	background: url('../images/header_top_bg.png');
}
.modal-content .modal-title{
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.modal-header .btn-close{
	color: #fff;
	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-header{
	border-bottom-color: rgba(255, 255, 255, 0.5);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.modal-footer{
	border-top-color: rgba(255, 255, 255, 0.5);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

/* Industries We Serve */
.Industries_we_serve{
	margin-top: 80px;
	text-align: center;
	margin-bottom: 80px;
}
.Industries_we_serve h2{
	color: #010044 !important;
}
.w_boxes{
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 50px;
}
.w_i_box{
	text-align: center;
	width: 212px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.w_i_box p{
	margin-top: 14px !important;
	font-weight: 600;

}
.w_i_box .w_icon{
	width: 200px;
	height: 200px;
	flex-shrink: 0;
	background: #f3f3f3;
	border: 1px solid #eee;
	border-radius: 42px;
	padding: 30px;
}
.w_i_box .w_icon img{
	width: 100%;
}
.custom_cta{
	background: url(../images/ga_f_bg1.png);
	width: 100%;
	background-size: cover;
	padding-right: 100px;
	padding-left: 100px;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	margin-bottom: 70px;
}
.custom_cta h4{
	color: #ffffffa1;
	margin-top: 30px;
}
.fw_600{
	font-weight: 600 !important;
}
.fs_16{
	font-size: 16px !important;
}
.hs_18{
	font-size: 18px !important;
}
.custom_ul li p{
	margin-top: 20px !important;
}


/* Responsive */

/* Small Device */
@media only screen and (max-width: 1366px){
	.main_header .header_bottom .nav-link{
		font-size: 14px;
	}
	.m_bnr_img{
		height: 760px;
	}
	.main_banner .banner_content h1 {
		font-size: 75px;
	}
	.main_banner .banner_content h5 {
		font-size: 18px;
		line-height: 32px;
	}
	.main_banner .banner_content {
		padding-bottom: 174px;
	}
	h2{
		font-size: 60px;
	}
	.services .services_slider{
		bottom: -250px;
	}
	.services{
		margin-bottom: 332px;
	}
	.services .services_slider .service_box h4{
		font-size: 35px;
	}
	.location_body .loaction_box p {
		font-size: 16px;
	}
	.location_body .loaction_box h6 {
		font-size: 22px;
	}
	.locations .location_relative{
		width: 400px;
		height: 126px;
	}
	.location_body .loaction_box{
		padding: 15px;
	}
	.location_body .loaction_box .loc_logo{
		width: 80px;
		margin-right: 8px;
	}
	.f_icon_box{
		flex-shrink: 0;
	}
	.footer .footer_about_ul a{
		font-size: 14px !important;
	}
	.contact_info a{
		font-size: 20px;
	}
}

@media only screen and (max-width: 1199px){
	.header_logo img {
		padding: 0;
	}
	.bottom_header_btn{
		font-size: 14px;
	}
	.main_header .header_bottom .me-3{
		margin-right: 0 !important;
	}
	.main_header .row{
		align-items: center;
	}
	.main_header .col-sm-2{
		width: 10%;
	}
	.main_header .col-sm-2 img{
		width: 100%;
	}
	.main_header .col-sm-10{
		width: 90%;
	}
	.main_header .head_contact_btn h6{
		font-size: 16px;
	}
	p {
		font-size: 16px;
	}
	.abt_key_feature .dashed_body{
		padding: 26px;
	}
	.counters {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.counters h1 span{
		font-size: 50px;
	}
	.counters h5{
		font-size: 16px;
	}
	.services .services_slider .service_box h4 {
		font-size: 27px;
	}
	h2 {
		font-size: 50px;
	}
	.cloud_dev h2 span{
		font-size: 50px;
	}
	.cloud_dev h4 {
		font-size: 30px;
		line-height: 43px;
	}
	.blue_icons_body h6 {
		font-size: 18px;
		line-height: 28px;
	}
	.customized_services .c_services_icons{
		gap: 8px;
	}
	.customized_services .c_services_icons h6{
		font-size: 18px;
		line-height: 28px;
	}
	.customized_services .c_services_icons p {
		font-size: 14px;
	}
	.customized_services .c_services_icons .dark_icon_box{
		padding-right: 22px;
  		padding-left: 22px;
		padding-top: 48px;
	}
	.customized_services .c_services_icons .icon_box{
		width: 82px;
		height: 82px;
	}
	.locations .location_us {
		top: 166px;
		left: -57px;
	}
	.locations .location_pk{
		right: 189px;
  		top: 50%;
	}
	.services .services_slider .service_box ul li{
		font-size: 16px;
  		margin-bottom: 6px;
	}
	.services .services_slider .service_box ul {
		padding-left: 18px;
		margin-top: 11px;
	}
	.services .services_slider .service_box .s_icon_box{
		width: 98px;
 		height: 98px;
		left: -40px;
	}
	.theme_btn i {
		width: 38px;
		height: 38px;
	}
	.theme_btn{
		font-size: 16px;
		padding-top: 8px;
  		padding-bottom: 8px;
		padding-right: 8px;
	}
	.our_products .p_main_head h1{
		font-size: 50px;
	}
	.our_products .p_main_body h4{
		font-size: 20px;
	}
	.cloud_emp_page .banner_content {
		top: 60%;
	}
	.flare_lines_bg {
		padding-top: 15px;
	}
	.cloud_developer_sec {
		z-index: 2;
	}
	.contact_info .call_icon {
		height: 68px;
		width: 68px;
	}
}

@media only screen and (max-width: 992px){
	.locations .location_us {
		left: -9px;
	}
	.locations .location_pk {
		right: 28px;
	}
	.c_submit_form h4 {
		font-size: 20px;
		line-height: 30px;
	}
	.custom_input .form-control {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.custom_input .form-select {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.custom_input .form-label{
		font-size: 14px;
	}
	.header_logo img{
		padding: 0;
	}
	.inner_banner_b .banner_content {
		top: 66%;
	}
	.service_feature_section{
		padding-top: 57px;
	}
	.contact_info .call_icon {
		height: 50px;
		font-size: 24px;
		width: 50px;
	}
	.contact_info .call_icon i{
		font-size: 24px;
	}
	.contact_info h6{
		font-size: 14px;
	}
	.contact_info a {
		font-size: 16px;
	}
	.product_core_features{
		padding: 46px;
	}
	.nda_sign_note  .icon_box {
		width: 110px;
		height: 110px;
		font-size: 50px;
		padding: 0;
		flex-shrink: 0;
		margin-bottom: 0;
	}
	.main_header.sticky_header{
		border-radius: 0 !important;
		padding-top: 10px;
    	padding-bottom: 10px;
	}
}

/* Tablet */
@media only screen and (max-width: 810px){
	.main_header .head_contact_btn h6 {
		font-size: 14px;
	}
	.main_header .col-sm-2 {
		width: 15%;
	}
	.main_header .col-sm-10 {
		width: 85%;
	}
	.main_header .hs_icons a{
		font-size: 20px;
	}
	.main_header .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.main_header .navbar-toggler {
		color: #fff;
		border-color: #fff;
		background-color: rgba(255, 255, 255, 0.11);
	}
	.about_us .col-sm-8{
		width: 60%;
	}
	.about_us .col-sm-4{
		width: 40%;
	}
	p {
		font-size: 14px;
	}
	.icon_item_body .icon_box {
		width: 50px;
		height: 50px;
	}
	.icon_item_body{
		gap: 14px;
	}
	.custom_points {
		margin-top: 2px;
	}
	.custom_points .point_body {
		padding-bottom: 4px;
		padding-top: 4px;
	}
	h2 {
		font-size: 40px;
	}
	.main_banner .banner_content h1 {
		font-size: 58px;
	}
	.counters h1{
		margin: 0;
	}
	.counters h1 span {
		font-size: 38px;
	}
	.counters h5 {
		font-size: 12px;
	}
	.services .services_slider .service_box h4 {
		font-size: 20px;
	}
	.services .services_slider .service_box ul li {
		font-size: 14px;
	}
	.services .services_slider .service_box {
		padding-top: 37px;
		padding-bottom: 25px;
		margin-left: 60px;
	}
	.services .services_slider .service_box ul{
		gap: 18px;
	}
	.scroll_s_ul {
		height: 142px;
	}
	.services .services_slider {
		bottom: -138px;
	}
	.services {
		border-bottom-left-radius: 125px;
  		border-bottom-right-radius: 125px;
		margin-bottom: 190px;
	}
	.services .services_overlay{
		border-bottom-left-radius: 125px;
  		border-bottom-right-radius: 125px;
	}
	.cloud_dev .nda_sign_note .white_box{
		width: 100%;
		padding: 31px;
	}
	.customized_services .col-sm-6{
		width: 100%;
	}
	.customized_services .c_services_icons{
		margin-top: 52px;
	}
	.our_products .p_main_body h2{
		font-size: 36px;
  		line-height: 47px;
	}
	.why_abaska .col-sm-6{
		width: 100%;
	}
	.why_abaska .col-sm-6 .row .col-sm-6{
		width: 50%;
	}
	.locations_head_content h1{
		font-size: 70px;
	}
	.locations_head_content h4 {
		font-size: 31px;
		color: #A826B3;
	}
	.locations .location_us {
		left: -44px;
	}
	.locations .location_us {
		top: -17px;
	}
	.locations .location_pk {
		top: 68%;
	}
	.locations{
		padding-bottom: 0;
	}
	.header_menu_top_offcanvas h3{
		font-size: 36px;
	}
	.offcanvas_responsive_col_3 h3{
		margin: 0;
	}
	.offcanvas_responsive_row .offcanvas_responsive_col_9{
		width: 100%;
	}
	.offcanvas_responsive_row .offcanvas_responsive_col_3{
		width: 100%;
		margin-top: 20px;
	}
	/* Header Side Menu */
	.main_header .offcanvas {
		background: url(../images/header_top_bg.png);
		width: 50%;
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 90%;
	}
	.main_header .offcanvas-title{
		color: #fff;
	}
	.main_header .offcanvas-header .btn-close{
		color: #fff;
		opacity: 1;
		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;
	}
	.vision_features .v_feature_box {
		width: 22%;
	}
	.inner_banner .banner_content h1 {
		font-size: 65px;
	}
	.service_feature_section h4 {
		font-size: 25px;
		line-height: 39px;
	}
	.service_feature_section ul li {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.icon_box {
		width: 85px;
		height: 85px;
		font-size: 50px;
	}
	.dark_icon_box h6 {
		font-size: 20px;
	}
	.highlihted_features .col-sm-4{
		width: 50%;
	}
	.cloud_emp_page .banner_content {
		top: 60%;
	}
	.flare_lines_bg {
		padding-top: 0px;
	}
	.process_steps .setp_circle {
		width: 110px;
		height: 110px;
		padding: 26px;
	}
	.contact_us_page .col-sm-4, .contact_us_page .col-sm-8{
		width: 100%;
	}
	.contact_info{
		display: flex;
  		gap: 30px;
	}
	.contact_info .mt-5, .contact_info .mb-5{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.contact_us_page .c_submit_form{
		position: unset;
		margin-top: 20px;
	}
	.contact_us_page .banner_content {
		top: 66% !important;
	}
	.service_feature_section{
		z-index: 3;
	}

	.floating_hiredev_btn{
		padding: 24px;
		font-size: 16px;
	}
	.floating_social_icons{
		padding: 7px !important;
		left: 10px;
	}
	.circle_social_icon {
		width: 36px !important;
		height: 36px !important;
		font-size: 16px !important;
		
	}
	.product_core_features .timg_col{
		display: none;
	}
	.product_core_features .fs_responisve_col{
		width: 50%;
	}
	.product_core_features .reverce_col_ico{
		width: 50%;
	}
	.product_core_features .reverce_col_ico .icon_body {
		flex-direction: unset !important;
	}
	.product_core_features .reverce_col_ico .icon_body p {
		text-align: start;
	}
	
	.animated-border-box, .animated-border-box-glow{
		right: -156px;
	}
	.nda_sign_note{
		margin-top: 40px;
	}
	.nda_sign_note  .icon_box {
		width: 110px;
		height: 110px;
		font-size: 50px;
		padding: 0;
		flex-shrink: 0;
		margin-bottom: 0;
	  }
	.nda_sign_note img{
		width: 100% !important;
	}
}

/* Mobile */
@media only screen and (max-width: 481px){
	.p_sec_img {
		margin-top: 20px;
	}
	.product_core_features {
		padding: 21px;
		border-radius: 50px;
	}
	.product_core_features .fs_responisve_col .icon_body{
		flex-direction: column;
	}
	.product_core_features .reverce_col_ico .icon_body {
		flex-direction: column !important;
	}
	.product_core_features p{
		text-align: center;
		min-height: 100px;
	}
	.product_core_features .reverce_col_ico .icon_body p {
		text-align: center;
	}
	.header_logo img {
		padding: 5px;
	}
	.main_header {
		overflow: hidden;
	}
	.main_header .col-sm-2 {
		width: 30%;
    	border-right: 0;
	}
	.main_header .h_top_col {
		width: 70%;
    	position: absolute;
		top: 0;
		right: 0;
		border-bottom: 0;
	}
	.main_header .header_bottom {
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 4px;
	}
	.bottom_header_btn i{
		width: 30px;
  		height: 30px;
	}
	.border_bottom {
		border: 0;
	}
	.main_header .col-sm-2 img {
	}
	.main_header .header_logo {
		text-align: center;
	}
	.header_top .hs_icons{
		display: none;
	}
	.head_contact_btn i{
		width: 32px;
  		height: 32px;
		margin-right: 7px;
		font-size: 18px;
	}
	.main_header .head_contact_btn small {
		font-size: 12px;
	}
	.main_header .col-sm-10{
		width: 100%;
		padding: 0 !important;
	}
	.main_header .header_top {
		gap: 12px;
		width: 100%;
		padding-right: 10px;
		flex-wrap: wrap;
	}
	.main_banner .banner_content h1 {
		font-size: 52px;
	}
	.main_banner .banner_content h5 {
		font-size: 16px;
		line-height: 25px;
	}
	.main_header .offcanvas{
		width: 90%;
	}
	.about_us{
		overflow: hidden;
	}
	.about_us .col-sm-8 {
		width: 100%;
	}
	.about_us .abt_top_img{
		margin-top: 20px;
	}
	.about_us .col-sm-4 {
		width: 100%;
	}
	.counters h1 span{
		font-size: 35px;
	}
	.counters .counters_flex{
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.counters .counters_flex .counter_box {
		text-align: center;
	}
	.services{
		padding-top: 42px;
		margin-bottom: 430px;
	}
	.services .services_slider .service_box {
		padding-top: 30px;
		padding-bottom: 24px;
		margin-left: 24px;
	}
	.services .services_slider .service_box .s_icon_box {
		width: 65px;
    	height: 65px;
    	left: 18px;
		top: 19px;
		padding: 12px;
		font-size: 35px;
	}
	.services .services_slider .service_box{
		padding-left: 22px;
		padding-right: 22px;
		border-radius: 22px;
		padding-top: 98px;
	}
	.services .services_swiper {
		padding-left: 0px;
		padding-right: 0px;
	}
	.services .services_slider .service_box ul {
		columns: 1;
	}
	.services .services_slider .service_box h4 {
		font-size: 18px;
	}
	.theme_btn {
		font-size: 14px;
	}
	.cloud_dev .nda_sign_note .white_box{
		flex-wrap: wrap;
		justify-content: center;
	}
	.customized_services .c_services_icons p {
		font-size: 12px;
	}
	.customized_services {
		padding-top: 65px;
		padding-bottom: 65px;
		margin-top: 50px;
	}
	.our_products .p_main_head h1 {
		font-size: 35px;
	}
	.our_products .our_product1{
		padding-top: 40px;
	}
	.our_products .p_main_features{
		display: none;
	}
	.our_product2 .p_sec_img{
		margin-top: 20px;
	}
	.our_product2 .p_main_body .row{
		flex-direction: column-reverse;
	}
	.our_products .our_product2{
		padding-top: 67px;
  		padding-bottom: 67px;
	}
	.why_abaska{
		padding-top: 50px;
  	padding-bottom: 50px;
	}
	.locations .location_us{
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.locations .location_pk{
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	.locations {
		padding-bottom: 94px;
		overflow: hidden;
	}
	.locations .world_map{
		height: 322px;
	}
	.footer_add_info {
		margin-top: 30px;
	}
	.products_dropdown .product_img {
		width: 40px;
		height: 40px;
		font-size: 22px;
	}
	.product_content_body h5{
		font-size: 16px;
		line-height: 24px;
	}
	.products_dropdown{
		gap: 0;
	}
	.header_menu_top_offcanvas h3{
		margin-bottom: 6px;
	}
	.offcanvas-body .offcanvas_responsive_row{
		height: 528px;
  		overflow-x: scroll;
	}
	.mission_vision {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.mission_vision .border_right{
		border: 0 !important;
	}
	.mission_vision .col-sm-6{
		padding: 0;
	}
	.mission_vision .title_body{
		margin-bottom: 12px;
		margin-top: 20px;
	}
	.mission_vision .icon_box{
		width: 82px;
		height: 82px;
		padding: 12px;
	}
	.mission_vision .icon_box img{
		width: 100%;
	}
	.icon_box{
		margin-bottom: 12px;
	}
	.abt_illus_img{
		margin-top: 30px;
	}
	.vision_features{
		gap: 0;
	}
	.vision_features .v_feature_box {
		width: 50%;
	}
	.vision_features .v_feature_box {
		padding-bottom: 16px;
	}
	.vision_features .v_feature_box p {
		font-size: 17px;
	}
	.inner_banner_b .banner_content {
		top: 87%;
	}
	.c_submit_form{
		position: unset;
		margin-top: 40px;
	}
	.service_feature_section {
		padding-top: 630px;
	}
	.s_feature_img_b{
		margin-top: 30px;
	}
	.highlihted_features .col-sm-4 {
		width: 100%;
	}
	.cloud_emp_page .banner_content {
		top: 72%;
	}
	.ce_bnr_img{
		margin-top: 30px;
	}
	.flare_lines_bg {
		padding-top: 170px;
	}
	.step_body{
		width: 39%;
	}
	.contact_us_page .banner_content {
		top: 100% !important;
	}
	.contact_info{
		display: block;
	}
	.contact_page_location{
		padding-top: 730px;
	}
	.hire_emp_form_sec {
		padding-top: 2px !important;
	}
	.hire_emp_form_sec .c_submit_form {
		margin-top: 0 !important;
		z-index: 2;
		position: relative;
	}
	.tech_icon-check img{
		max-width: 100%;
  		max-height: 100%;
		width: auto;
	}
	.tech_checkboxes .col-sm-1{
		width: 33%;
	}
	.custom_checkbox .form-check{
		display: flex;
		align-items: center;
	}
	.custom_checkbox .form-check-input{
		flex-shrink: 0;
	}
	.fs_icons {
		justify-content: center !important;
		margin-top: 30px;
	}
	.footer_about_ul{
		justify-content: center;
		margin-bottom: 0;
	}
	.footer_about_ul li {
		margin: 0 !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	.footer .footer_bg .footer_top {
		padding-bottom: 32px;
	}
	.bottom_header_btn {
		border-radius: 50px;
  		padding-left: 19px;
	}
	.bclient_page_bnr .inner_banner .m_bnr_img {
		height: 421px;
	}
	.cookie_consent_box{
		flex-direction: column;
	}
	.scroll_s_ul{
		height: auto;
		min-height: 372px;
	}
	.main_header.sticky_header .col-sm-2{
		width: 30%;
	}
	.main_header.sticky_header .col-sm-10{
		width: 70%;
	}
	.main_header.sticky_header .header_bottom .main_navbar{
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 12px;
	}
	.wow{
		animation: none;
	}
	.footer .footer_about_ul{
		gap: 10px;
	}
	.f_icon_box{
		width: 70px;
		height: 70px;
	}
	.footer_top h3{
		font-size: 40px;
	}
	.footer .footer_bg{
		padding-top: 40px;
	}
	.floating_social_icons{
		position: absolute;
	}
	.services .services_slider{
		bottom: auto;
	}
	#back_to_top_btn{
		display: none;
	}
	.cookie_consent_box.mini{
		display: none !important;
	}
	.custom_cta{
		padding: 50px;
		border-radius: 50px;
	}
	.inner_banner_b .banner_content{
		top: 100%;
	}
	.floating_social_icons.mob{
		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) {
 	
}