/* Custom Container */
@media only screen and (min-width : 1200px){
	.container{
		max-width: 1300px;
	}
	.container-fluid{
		padding-right: 100px;
		padding-left: 100px;
	}
}

/* Global */
::-moz-selection { /* Code for Firefox */
	background-color: rgba(116, 104, 220, 0.2);
	color: #7468DC;
}
::selection {
	background-color: rgba(116, 104, 220, 0.2);
	color: #7468DC;
}
/* Works on Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: #D8D8D8 #EEEEF2;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
  width: 8px;
}
*::-webkit-scrollbar-track{
  background: #EEEEF2;
}
*::-webkit-scrollbar-thumb{
  background: #D8D8D8;
}
*, body, h1, h2, h3, h4, h5, h6, p, a{
	outline: 0 !important;
	font-family: 'Nunito', sans-serif;
}
html{
	scroll-behavior: smooth;
}
body{
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0.76) 0%, rgba(243,246,251,0.76) 100%);
}
img{
	max-width: 100%;
	max-height: 100%;
}
.btn:focus,
.form-control:focus,
.form-select:focus{
	outline: 0;
	box-shadow: none;
}
.section_heading{
	font-size: 50px;
	font-weight: 800;
	color: #323682;
}
.section_sub_heading{
	font-weight: 600;
	font-size: 27px;
	color: #D22F5E;
}
.theme_btn{
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 90px;
	background: rgb(210,47,94);
	background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	padding: 12px 25px;
	transition: all 0.3s ease;
	border: none;
}
.theme_btn_secondary{
	background: #fff !important;
	color: #D22F5E;
	border: 1px solid #D22F5E;
	transition: all 0.3s ease;
}
.theme_btn_secondary i{
	background-color: #D22F5E !important;
	color: #fff !important;
	transition: all 0.3s ease;
}
.theme_btn_secondary:hover{
	background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%) !important;
}
.theme_btn_secondary:hover i{
	background-color: #fff !important;
	color: #D22F5E !important;
}
.theme_btn i{
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	color: #D22F5E;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	transition: all 0.3s ease;
}
.theme_btn:hover{
	color: #fff;
	filter: drop-shadow(0 3px 30px rgba(210, 47, 94, 0.45));
}
.theme_btn:hover i{
	margin-left: 30px;
	transform: rotate(360deg);
}
.swiper-pagination-bullet{
	width: 11px;
	height: 11px;
	background: rgba(50, 54, 130, 0.21);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #FAA953;
}
.service_arrow_btn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 20px;
}
.service_arrow_btn .swiper-button-prev,
.service_arrow_btn .swiper-button-next{
	position: unset;
	margin-top: 0;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px solid #323682;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #323682;
	font-size: 24px;
}
.service_arrow_btn .swiper-button-prev::after,
.service_arrow_btn .swiper-button-next::after{
	display: none;
}
.service_arrow_btn .swiper-button-prev:hover,
.service_arrow_btn .swiper-button-next:hover{
	background-color: #323682;
	color: #fff;
}
.service_arrow_btn .swiper-button-prev.swiper-button-disabled,
.service_arrow_btn .swiper-button-next.swiper-button-disabled{
	opacity: 0.43;
}
.modal{
	z-index: 99999;
}
.modal-content{
	background-color: #7669df;
	border-color: #7669df;
	color: #fff;
	border-radius: 20px;
}
.modal-header{
	background-color: #7468dc;
	border-bottom: none;
	filter: drop-shadow(3px -10px 30px rgba(0, 0, 0, 0.2));
}
.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-body{
  scrollbar-width: thin;
  scrollbar-color: #6258bb transparent;
}
.modal-body::-webkit-scrollbar-track{
  background: transparent;
}
.modal-body::-webkit-scrollbar-thumb{
  background: #6258bb;
}
.modal .form-control{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #FAF8FF;
	background-color: transparent;
	padding: 10px 0;
}
.modal textarea.form-control{
	resize: none;
}
.modal .form-control:focus{
	border-bottom-color: #FAA953;
	color: #FAA953;
}
.modal .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(250, 248, 255, 0.76);
  opacity: 1; /* Firefox */
}
.modal .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(250, 248, 255, 0.76);
}
.modal .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(250, 248, 255, 0.76);
}
.modal .form-select{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #FAF8FF;
	background-color: transparent;
	padding: 10px 0;
	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");
}
.modal .form-select:focus{
	border-bottom-color: #FAA953;
	color: #FAA953;
	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='%23FAA953' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.chat_btn{
	display: inline-block;
	background: rgb(62,84,216);
	background: linear-gradient(60deg, rgba(62,84,216,1) 0%, rgba(176,157,231,1) 79%);
	/* border: 1px solid #7468DC; */
	box-shadow: 0px 3px 30px #616ADD73;
	width: 68px;
	height: 68px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	right: 40px;
	color: #fff;
	font-size: 30px;
	z-index: 1100;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.chat_btn:hover{
	transform: scale(1.1);
	color: #fff;
}


/* Back To Top Button */
#back_to_top_btn{
	display: inline-block;
	background-color: rgba(116, 104, 220, 0.3);
	border: 1px solid #7468DC;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1100;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#back_to_top_btn::after{
	font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f062";
	font-size: 22px;
	color: #7468DC;
}
#back_to_top_btn:hover{
	cursor: pointer;
	background-color: #7468DC;
}
#back_to_top_btn:active{
	background-color: #7468DC;
}
#back_to_top_btn:hover::after, #back_to_top_btn:active::after{
	color: #fff;
}
#back_to_top_btn.show{
	opacity: 1;
	visibility: visible;
}

/* Header */
.main_header{
	position: relative;
	z-index: 9999;
	padding: 15px 0;
}
.main_header .header_logo{
	display: inline-block;
	text-decoration: none;
}
.main_header .header_btn{
	padding: 14px 30px;
	border-radius: 90px;
	background-color: #fff;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	transition: all 0.3s ease;
}
.inr_header .header_btn{
	color: #323682;
	background: transparent !important;
	border-color: #323682;
}
#getAQuoteModal .modal-title{
	color: #fff;
}
.inr_header .header_btn:hover{
	background-color: #323682 !important;
	color: #fff !important;
}
.main_header .header_btn:hover{
	background-color: #323682;
	color: #fff;
}
.main_header .nav_col{
	text-align: center;
}
.main_header .bg_blur{
	display: inline-flex;
	background-color: rgba(251, 249, 255, 0);
	border-radius: 90px;
	backdrop-filter: blur(50px) brightness(117%);
	background: linear-gradient(220deg, rgba(255, 255, 255, 0.5) 0%, rgba(213, 213, 213, 0.5) 100%);
	padding: 8px;
}
.main_header .bg_blur .navbar-nav{
	justify-content: space-between;
	width: 100%;
}
.main_header .bg_blur .nav-link{
	font-weight: 700;
	font-size: 16px;
	color: #000;
	padding: 8px 15px;
	margin: 0 10px;
	border-radius: 90px;
}
.main_header .bg_blur .nav-link:first-child{
	margin-left: 0;
}
.main_header .bg_blur .nav-link:last-child{
	margin-right: 0;
}
.main_header .bg_blur .nav-link:hover,
.main_header .bg_blur .nav-link.active{
	color: #7669DF;
	background-color: #fff;
}
.main_header .bg_blur.sticky_menu{
	width: max-content;
	position: fixed;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1020;
	background: rgb(52, 77, 215, 0.5);
	background: linear-gradient(220deg, rgba(255, 255, 255, 0.5) 0%, rgba(213, 213, 213, 0.5) 100%);
}
h1{
	font-size: 55px;
	font-weight: 800;
	line-height: 68px;
	color: #000;
}
h4{
	font-weight: 600;
font-size: 27px;
color: #D22F5E;
line-height: 42px;
}

.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: #56BFFF;
	background: rgb(210,47,94);
  	background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
	padding: 9px;
	border-radius: 12px;
}

/* Banner */
.main_banner_a{
	position: absolute;
	top: 0;
	width: 100%;
	height: 900px;
}
.main_banner_a h5{
	font-size: 18px;
	line-height: 30px;
	color: #D22F5E;
}
.main_banner_a h2{
	font-size: 50px;
	font-weight: 800;
	color: #323682;
}
.main_banner_a .bnr_bg{
	display: flex;
	align-items: center;
	background-image: url("../images/bnr_bg.png");
	width: 100%;
  	background-size: cover;
  	background-repeat: no-repeat;
	height: 100%;
	border-bottom-left-radius: 250px;
	/* padding-top: 100px;
	padding-bottom: 100px; */
	overflow: hidden;
	position: relative;			
}
.main_banner_a video {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
.main_banner_a .bnr_bg img{
	width: 100%;
	object-fit: cover;
}
.bnr_vid .play_btn, .bnr_vid .pause_btn{
	position: absolute;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #D22F5E;
	background-color: #fff;
	font-size: 22px;
	text-decoration: none;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.bnr_vid .pause_btn{
	visibility: hidden;
}
.bnr_vid:hover .pause_btn{
	visibility: visible;
}

/* Mega Menu */
.products_mega {
	width: 1032px;
	padding: 20px;
	border: none;
	background-color: #fff !important;
	box-shadow: 0 16px 24px 2px rgba(29,17,51,.04),0 6px 32px 4px rgba(9,32,77,.12),0 8px 12px -5px rgba(29,17,51,.12);
	border-radius: 8px;
	left: 50% !important;
	transform: translateX(-50%);
  }
.products_dropdown {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
  }
  .products_dropdown .product_box {
	padding: 15px;
	border-radius: 6px;
	width: 324px;
	transition: 0.5s ease;
	text-decoration: none;
	color: #000;
	display: flex;
	gap: 10px;
	background-color: #fff;
  }
  .products_dropdown .product_box:hover{
	background-color: #F6F6F8;;
  }
  .megamenu_navlink{
	margin-right: 0 !important;
  }
  .products_dropdown .product_img {
	width: 50px;
	height: 50px;
	margin-right: 6px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	border-radius: 8px;
	overflow: hidden;
  }
  .product_content_body p{
	margin-bottom: 0 !important;
  }
  .product_content_body h5{
	font-weight: 700;
  }

/* ........  */

.banner_sec{
	width: 100%;
	background-image: url("../images/banner_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.main_banner{
  position: relative;
  height: 820px;
}
.main_banner .banner-content{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.banner-content h4{
	font-weight: 400;
	font-size: 27px;
	color: #fff;
}
.banner-content h1{
	font-weight: 800;
	font-size: 75px;
	color: #fff;
}
.banner-content .theme_btn{
	margin-top: 20px;
}
.banner_top_margin{
  margin-top: 900px !important;
}
.banner_swiper_pagination{
	bottom: auto !important;
	top: 50% !important;
	transform: translateY(-50%);
	left: -30px !important;
	text-align: left;
	width: auto !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.banner_swiper_pagination .swiper-pagination-bullet{
	background: rgba(255, 255, 255, 0.21);
	margin: 4px 0 !important;
}
.banner_swiper_pagination .swiper-pagination-bullet-active{
	background: #FAA953;
}
.banner_swiper_pagination::before{
	font: var(--fa-font-light);
  content: "\f062";
  color: #fff;
  margin-bottom: 10px;
}
.banner_swiper_pagination::after{
	font: var(--fa-font-light);
  content: "\f063";
  color: #fff;
  margin-top: 10px;
}
.scroll_down_banner_btn{
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0);
	backdrop-filter: brightness(111%);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 30px;
	right: 0;
	text-decoration: none;
}
.scroll_down_banner_btn:hover{
	color: #fff;
}

/* Services */
.services_sec{
	padding-top: 100px;
	padding-bottom: 50px;
	overflow: hidden;
}
.services_sec_inner{
	position: relative;
}
.services_sec_inner::after{
	content: "";
	border-radius: 105px;
	display: inline-block;
	width: 980px;
	height: 461px;
	background-color: #FAF8FF;
	position: absolute;
	top: -100px;
	left: -391px;
	z-index: -1;
}
.service-pagination{
	position: relative;
	text-align: center;
	margin: 30px 0;
}
.services_sec p{
	font-weight: 400;
	font-size: 16px;
	color: #484848;
}
.service_swiper{
	margin-top: 30px;
	padding-top: 5px;
}
.service_box{
	display: block;
	background-color: #fff;
	border-radius: 30px;
	border: 2px solid #E3E3E3;
	padding: 40px;
	text-decoration: none;
	transition: all 800ms cubic-bezier(.2,.8,.2,1) 0s;
}
.service_box h6{
	font-size: 20px;
	font-weight: 700;
	color: #000B17;
	transition: all 800ms cubic-bezier(.2,.8,.2,1) 0s;
}
.service_box p{
	font-weight: 400;
	font-size: 16	px;
	color: #484848;
	transition: all 800ms cubic-bezier(.2,.8,.2,1) 0s;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 124px;
}
.service_box .vs_icon{
	display: flex;
	justify-content: flex-end;
}
.service_box .vs_icon i{
	height: 52px;
	width: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #fff;
	/* background: rgb(52,77,215);
	background: linear-gradient(220deg, rgba(52,77,215,1) 0%, rgba(176,157,231,1) 100%); */
	margin-top: 30px;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.service_box .service_box_img{
	margin-bottom: 20px;
	height: 85px;
	width: 85px;
	transition: all 800ms cubic-bezier(.2,.8,.2,1) 0s;
}
.service_box .service_box_img img{
	width: 100%;
}
.s_box_1{
	background: url(../images/hire_dev_bg_img.png);
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background: #E3D6FF !important;
	border: 2px solid #bba3eb !important;
	
}
.s_box_2{
	background: url(../images/web_des_bg_img.png);
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background: #FFF3D6 !important;
	border: 2px solid #e3cd95 !important;
	
}
.s_box_3{
	background: url(../images/web_dev_bg_img.png);
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background: #D6EEFF !important;
	border: 2px solid #b6dcf6 !important;
}
.s_box_4{
	background: url(../images/seo_bg_img.png);
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background: #DFFFD6 !important;
	border: 2px solid #9fe989 !important;
}
.s_box_5{
	background: url(../images/mob_app_bg_img.png);
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background: #D6EEFF !important;
	border: 2px solid #b6dcf6 !important;
	
}
.s_box_6{
	background: url(../images/smm_bg_img.png);
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background: #FFF3D6 !important;
	border: 2px solid #e3cd95 !important;
	
}
.s_box_7{
	background: #BFF !important;
	border: 2px solid #30FFFF !important;
}
.s_box_8{
	background: #CBFFF0 !important;
border: 2px solid #3BFFC6 !important;
}
.s_box_9{
	background: #F7FFB9 !important;
border: 2px solid #E6FF21 !important;
}
.s_box_10{
	background: #FFD9D0 !important;
border: 2px solid #FF947B !important;
}
.s_box_11{
	background: #FFD9FE !important;
	border: 2px solid #FF6EFB !important;
}
.s_box_12{
	background: #FBF4FF !important;
  	border: 2px solid #DECAE8 !important;
}


/* Services Hover Effects */
.s_box_1:hover{
	background: #E3D6FF !important;
	border: 2px solid #bba3eb !important;
}
.s_box_2:hover{
	background: #FFF3D6 !important;
	border: 2px solid #e3cd95 !important;
}
.s_box_3:hover{
	background: #D6EEFF !important;
	border: 2px solid #b6dcf6 !important;
}
.s_box_4:hover{
	background: #DFFFD6 !important;
	border: 2px solid #9fe989 !important;
}
.s_box_5:hover{
	background: #D6EEFF !important;
	border: 2px solid #b6dcf6 !important;
}
.s_box_6:hover{
	background: #FFF3D6 !important;
	border: 2px solid #e3cd95 !important;
}
/* .s_box_7:hover{
	background: #FFD8D6 !important;
	border: 2px solid #f4afab !important;
} */

.s_box_1 .vs_icon i{
	background: #a891d5 !important;
}
.s_box_2 .vs_icon i{
	background: #d2bc85 !important;
}
.s_box_3 .vs_icon i{
	background: #a3cae4 !important;
}
.s_box_4 .vs_icon i{
	background: #8fd57a !important;
}
.s_box_5 .vs_icon i{
	background: #a1c4db !important;
}
.s_box_6 .vs_icon i{
	background: #d1bb86 !important;
}
.s_box_7 .vs_icon i{
	background: #30FFFF !important;
}
.s_box_8 .vs_icon i{
	background: #3BFFC6 !important;
}
.s_box_9 .vs_icon i{
	background: #E6FF21 !important;
}
.s_box_10 .vs_icon i{
	background: #FF947B !important;
}
.s_box_11 .vs_icon i{
	background: #FF6EFB !important;
}
.s_box_12 .vs_icon i{
  	background: #DECAE8 !important;
}















.service_box:hover{
	background: rgb(52,77,215);
	background: linear-gradient(220deg, rgba(52,77,215,1) 0%, rgba(176,157,231,1) 100%);
	/*transform: scale(1.1);
	border-color: transparent;
	filter: drop-shadow(0 3px 30px rgba(97, 106, 221, 0.45));*/
}
.service_box:hover .service_box_img{
	transform: translateY(-10px);
}
.service_box:hover h6{
	/* color: #fff; */
}
.service_box:hover p{
	/* color: #fff; */
}
.service_box:hover .vs_icon i{
	/* color: #7376DF;
	background: rgb(255, 255, 255);
	filter: drop-shadow(0 3px 30px rgba(216, 219, 255, 0.59)); */
	transform: translateY(-10px);
}

/* Our Work Speaks */
.work_sec{
	padding-top: 100px;
	padding-bottom: 50px;
	background: #F1F1FF;
	margin-top: 30px;
	margin-bottom: 100px;
}
.work_sec p{
	font-weight: 400;
	font-size: 20px;
	color: #484848;
}
.work_swiper{
	margin: 30px 0;
}
.work-pagination{
	position: relative;
	margin-top: 50px;
}
.work_swiper a{
	text-decoration: none;
	display: block;
}
.work_swiper .swiper-slide{
  transition: all 200ms linear;
  transform: scale(0.9);
}
.work_swiper .swiper-slide-active{
	transform: scale(1);
}

/* Technologies */
.technologies{
	padding-bottom: 50px;
}
.technologies .nav-pills .nav-link.active{
	border-radius: 50px;
  background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
  color: #fff;
}
.technologies .nav-pills .nav-link {
	color: #484848;
  }
.tech_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 150px;
	text-decoration: none;
	padding: 30px;
	background-color: #fff;
	border-radius: 34px;
	filter: drop-shadow(0 0 50px rgba(176, 157, 231, 0.1));
	margin-bottom: 25px;
	transition: all 0.3s ease;
}
.tech_box:hover{
	transform: scale(1.1);
}

/* Testimonals */
.testimonials_sec{
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	
}
.bg_effect{
	position: relative;
	overflow: hidden;
}
.bg_effect::after{
	content: "";
	border-radius: 100%;
	display: inline-block;
	width: 480px;
	height: 480px;
	background-color: #EAEBF9;
	position: absolute;
	top: 180px;
	left: -322px;
	z-index: -1;
}
.testimonials_sec_inner{
	position: relative;
}
.testimonials_sec_inner::after{
	content: "";
	border-radius: 105px;
	display: inline-block;
	width: 980px;
	height: 461px;
	background-color: #EAEBF9;
	position: absolute;
	top: -50px;
	right: -100px;
	z-index: -1;
}
.review_swiper{
  margin-top: 30px;
}
.review-pagination{
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.review_box{
	display: block;
	background-color: #fff;
	border-radius: 30px;
	border: 1px solid #E3E3E3;
	padding: 40px;
	text-decoration: none;
	transition: all 0.3s ease;
}
.review_box:hover,
.review_swiper .swiper-slide-active .review_box{
	background: rgb(52,77,215);
	background: linear-gradient(220deg, rgba(52,77,215,1) 0%, rgba(176,157,231,1) 100%);
	/*transform: scale(1.1);
	border-color: transparent;
	filter: drop-shadow(0 3px 30px rgba(97, 106, 221, 0.45));*/
}
.review_box p{
	font-weight: 400;
	font-size: 16px;
	color: rgba(72, 72, 72, 0.8);
	position: relative;
	z-index: 2;
	margin-top: 30px;
	transition: all 0.3s ease;
}
.review_box p::before{
	font: var(--fa-font-solid);
  content: "\22";
  color: rgba(176, 157, 231, 0.07);
  font-size: 100px;
  position: absolute;
  top: -35px;
  left: 15px;
  z-index: 1;
}
.review_box h6{
	font-weight: 700;
	font-size: 20px;
	color: #000;
	margin-bottom: 0;
	transition: all 0.3s ease;
}
.review_box:hover h6,
.review_swiper .swiper-slide-active .review_box h6{
	color: #fff;
}
.review_box:hover p,
.review_swiper .swiper-slide-active .review_box p{
	color: rgba(255, 255, 255, 0.8);
}
.review_box:hover p::before,
.review_swiper .swiper-slide-active .review_box p::before{
	color: rgba(255, 255, 255, 0.07);
}
.rating_stars{
	margin-top: 50px;
	margin-bottom: 20px;
}
.rating_stars i{
	color: #F9B403;
}

/* Contact Us */
.contact_form{
	margin: 50px 0;
}
.contact_form_bg{
	background-image: url(../images/newletter_bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 50px;
	border-radius: 27px;
	filter: drop-shadow(-5px 10px 20px rgba(116, 104, 220, 0.35));
}
.contact_form .form-control{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #FAF8FF;
	background-color: transparent;
	padding: 10px 0;
}
.contact_form textarea.form-control{
	resize: none;
}
.contact_form .form-control:focus{
	border-bottom-color: #FAA953;
	color: #FAA953;
}
.contact_form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(250, 248, 255, 0.76);
  opacity: 1; /* Firefox */
}
.contact_form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(250, 248, 255, 0.76);
}
.contact_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(250, 248, 255, 0.76);
}
.contact_form h3{
	color: #FAA953;
	font-weight: 700;
	font-size: 35px;
}
.contact_form h5{
	font-weight: 400;
	font-size: 20px;
	color: #FAF8FF;
	margin-bottom: 0;
}
.contact_form_inner{
	display: flex;
	align-items: center;
	width: 100%;
	gap: 30px;
}
.contact_form_inner .form-control{
	flex: 1;
}
.contact_form .theme_btn{
	color: #FE6845;
	background: #fff;
}
.contact_form .theme_btn i{
	background-color: #FE6845;
	color: #fff;
}
.contact_form .theme_btn:hover{
	color: #FE6845;
	filter: drop-shadow(0 3px 30px rgba(255, 255, 255, 0.45));
}

.contact_body{
	display: flex;
	align-items: center;
}
.c_icon_box{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F0EEFC;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 1px solid #323682;
	flex-shrink: 0;
	color: #323682;
	font-size: 30px;
	margin-right: 15px;
}
.c_detail_body p{
	margin-bottom: 5px !important;
}
.c_detail_body h5{
	font-size: 20px;
	font-weight: 700;
	color: #323682;
}
.c_detail_body a{
	font-size: 20px;
	font-weight: 700;
	color: #323682 !important;
	text-decoration: none !important;
}
.location_map{
	width: 100%;
	height: 300px;
	margin-bottom: 151px;
}
.location_map iframe{
	width: 100%;
}



/* Footer */
.footer{
	background: #fff;
	overflow: hidden;
}
.footer .footer_logo{
	text-decoration: none;
	display: inline-block;
	margin-bottom: 30px;
}
.footer p{
	font-weight: 400;
	font-size: 16px;
	color: #484848;
	margin-bottom: 0;
}
.footer h6{
	font-weight: 700;
	font-size: 18px;
	color: #323682;
	margin-bottom: 20px;
}
.footer .contact_details p{
	font-weight: 400;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 10px;
}
.footer .contact_details p:last-child{
	margin-bottom: 0;
}
.footer .contact_details a{
	font-weight: 400;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	transition: all 0.3s ease;
}
.footer .contact_details a:hover{
	color: #000;
}
.footer .footer_links{
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.footer .footer_links li{
	margin: 10px 0;
}
.footer .footer_links li:first-child{
	margin-top: 0;
}
.footer .footer_links li:last-child{
	margin-bottom: 0;
}
.footer .footer_links li a{
	font-weight: 400;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	transition: all 0.3s ease;
}
.footer .footer_links li a:hover{
	color: #000;
}
.copyright_footer{
	border-top: 1px solid #D8DADE;
}
.copyright_footer_inner{
	padding: 20px 0;
}
.copyright_footer p{
	font-weight: 600;
	font-size: 16px;
	color: #BBBBCA;
	margin-bottom: 0;
}
.footer_bottom_line{
	background-color: #7468DC;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	width: 100%;
	height: 9px;
}
.footer_social_div{
	gap: 12px;
	margin-top: 30px;
}
.footer_social_links{
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.footer_social_links a{
	color: #ADA9CB;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	filter: drop-shadow(0 3px 6px rgba(187, 188, 202, 0.23));
	text-decoration: none;
	transition: all 0.3s ease;
}
.footer_social_links a:hover{
	background-color: #7669DF;
	color: #FAF8FF;
	filter: drop-shadow(0 3px 6px rgba(118, 105, 223, 0.31));
}

.fbg_col{
	background: #EAEBF9;
	position: relative;
	z-index: 2;
}
.fbg_col::after{
	content: "";
	position: absolute;
	background: #EAEBF9;
	top: 0;
	right: -650px;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.f_btn_a{
	border: 1px solid #D22F5E;
	color: #D22F5E;
	transition: all 0.3s ease;
	border-radius: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.f_btn_b{
	border: 0px solid #D22F5E;
	background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
	color: #fff;
	transition: all 0.3s ease;
	border-radius: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.f_btn_a:hover{
	border: 1px solid linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
	color: #fff;
	background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
}
.f_btn_b:hover{
	background: linear-gradient(220deg, rgb(186, 39, 81) 0%, rgb(216, 144, 67) 100%);
	color: #fff;
}
.f_phone a{
	text-decoration: none;
	color: #000;
	display: block;
	margin-top: 25px;

}
.pt_100{
	padding-top: 70px;
}
.hire_dev .serv_img_box {
	height: 620px;
}
.hire_dev{
	margin-bottom: 100px;
}

/* ....................... */

/* What We Do */
.services_list{
	margin-bottom: 100px;
}
.inner_bg{
	width: 100%;
	height: 100%;
	background-image: url("../images/hire_bnr_bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.inr_bnr_a{
	height: 700px;
}
.inr_bnr_content{
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}
.inner_banner_top_margin{
	margin-top: 680px;
}
h2{
	font-size: 50px;
	font-weight: 800;
	color: #323682;
}
.main_service_section{
	margin-top: 100px;
}

.technology-icon {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	gap: 10px;
  }

  .technology-icon .tech_icon_box {
	width: 60px;
	height: 60px;
	padding: 15px;
	font-size: 30px;
	border-radius: 2px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 16px 60px 0px rgba(141, 155, 170, 0.10);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
  }

  .technology-icon .tech_icon_box img {
	width: 100%;
  }
  .service-points {
	margin-top: 20px;
  }
  .service-points ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 13px;
	margin-bottom: 0px;
  }
  .service-points ul.two-col li {
	width: 50%;
  }
  .service-points ul li {
	font-size: 14px;
	color: #252B33;
	list-style-position: outside;
	padding: 0 30px 5px 0px;
	width: 100%;
	position: relative;
  }
  .serv_img_box{
	width: 100%;
	height: 750px;
	border-radius: 20px;
	overflow: hidden;
  }
  .serv_img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  /* Our Work Page */
  .featured_work{
	margin-top: 0 !important;
	margin-bottom: 0;
	padding-top: 100px;
	padding-bottom: 50px;
  }

  .case_box{
	width: 100%;
	height: 420px;
	border-radius: 28px;
	overflow: hidden;
  }
  .case_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .case_content .case_used_technologies {
	display: flex;
	gap: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
  }
  .case_content{
	margin-top: 20px;
  }
  .portfolio a{
	text-decoration: none;
  }
  .portfolio{
	margin-bottom: 100px;
  }
  .case_content h5{
	font-weight: 700;
	color: #000;
  }
  .case_content .case_used_technologies .c_tech_case{
	border: 1px solid #DCDCDC;
	padding: 5px 18px 5px 18px;
	border-radius: 50px;
	color: #484848;
  }
  .portfolio .nav-pills .nav-link.active{
	border-radius: 50px;
	background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%);
	color: #fff;
  }
  .portfolio .nav-pills .nav-link{
	color: #484848;
  }

  /* Hire */
  .hire_inner_banner_top_margin {
	margin-top: 910px;
  }
  .inr_bnr_b{
	height: 650px;
  }
  .inr_bnr_b .inner_bg{
	background: url(../images/hire_bnr_bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	}
  .hire_nav{
	position: relative;
  }
  .hire_nav_btns{
	position: absolute;
	top: 567px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
  }
  .h_btn_box{
	display: block;
	padding: 56px;
	width: 100%;
	background: rgb(225,61,62) !important;
	background: linear-gradient(55deg, rgba(225,61,62,1) 0%, rgba(251,145,100,1) 100%) !important; 
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 3px 30px #BC4A3466;
	transition: all 0.3s ease;
  }
  .h_btn_box:hover{
	color: #fff;
	box-shadow: 0px 3px 30px #bc4b3482;
	transform: scale(1.03);
  }
  .h_btn_box h3{
	margin-top: 20px;
	font-weight: 700;
	font-size: 35px;
	line-height: 48px;
  }
  .h_btn_box .icon_box{
	gap: 10px;
  }
  .h_btn_box_1{
	background: rgb(176,157,231) !important;
	background: linear-gradient(55deg, rgba(176,157,231,1) 0%, rgba(52,77,215,1) 100%) !important; 
	box-shadow: 0px 3px 30px #616ADD73 !important;
  }
  .h_btn_box_1:hover{
	transform: scale(1.03);
	box-shadow: 0px 3px 30px #6169dd89 !important;
  }
  /* Onboard Team Member */
  .process_steps{
	display: flex;
	gap: 136px;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 50px;
  }
  .step_body{
	text-align: center;
  }
  .step_body p{
	margin-top: 20px;
	font-weight: 600;
  }
  .process_steps .setp_circle{
	width: 145px;
	height: 145px;
	border-radius: 50%;
	border: 5px solid;
	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_1{
	border-color: #7CC03F !important;
  }
  .step_2{
	border-color: #00AAB8 !important;
  }
  .step_3{
	border-color: #7669DF !important;
  }
  .step_4{
	border-color: #C03C95 !important;
  }
  .step_5{
	border-color: #F26E20 !important;
  }
  .step_6{
	border-color: #FCD135 !important;
  }
  .step_7{
	border-color: #4E70B2 !important;
  }
  .step_8{
	border-color: #4BAA9F !important;
  }
  .step_9{
	border-color: #00CACF !important;
  }
  .step_10{
	border-color: #B09DE7 !important;
  }
  /* Create Team */
  .create_team{
	margin-top: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #FAF8FF;
  }
  .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;
  }
  .sel_tech_body p{
	margin-top: 10px;
	color: #000;
	font-weight: 600;
  }
  .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;
  }
  .hire_by_tech .tech_icon_box:hover{
	transform: scale(1.09);
	box-shadow: rgba(17, 12, 46, 0.01) 0px 48px 100px 0px;
  }
  /* Hiring Models */
  .hire_models{
	margin-top: 100px;
  }
  .timeoffer_box{
	padding: 25px;
	width: 100%;
	background-color: #FAF8FF;
	border: 1px solid #E1DEF9;
	border-radius: 13px;
	margin-top: 20px;
  }
  .timeoffer_box h5{
	font-weight: 800;
  }
  .timeoffer_box p{
	margin-bottom: 0;
  }
  .hiremodel_box{
	width: 100%;
	height: 270px;
	border-radius: 22px;
	overflow: hidden;
	position: relative;
  }
  .hiremodel_box .overlay{
	background-color: #00000042;
	padding: 20px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
  }
  .hiremodel_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .hiremodel_box .overlay h2{
	color: #fff;
	margin-top: 90px;
  }

  /* Why Abitus */
  .why_abitus{
	background: url(../images/why_bg.png);
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 100px;
  }
  .why_abitus .checkpoint_box{
	background: #fff;
	padding: 40px;
	border: 1px solid #DEDEDE;
	border-radius: 20px;
  }
  .why_abitus .checkpoint_box i{
	color: #000;
	font-size: 65px;
	margin-bottom: 20px;
  }
  .why_abitus .checkpoint_box p{
	margin-bottom: 0 ;
  }
  .why_abitus .checkpoint_box h5{
	font-weight: 800;
  }
  .s_color_1{
	color: #7CC03F !important;
  }
  .s_color_2{
	color: #00AAB8 !important;
  }
  .s_color_3{
	color: #7669DF !important;
  }
  .s_color_4{
	color: #C03C95 !important;
  }
  .s_color_5{
	color: #F26E20 !important;
  }
  .s_color_6{
	color: #FCD135 !important;
  }
  .s_color_7{
	color: #4E70B2 !important;
  }
  .s_color_8{
	color: #4BAA9F !important;
  }
  .s_color_9{
	color: #00CACF !important;
  }
  .s_color_10{
	color: #B09DE7 !important;
  }
/* ............................................................. */

/* Speak To Us */
.inr_bnr_c .inr_bnr_content {	
	top: 33%;
}
.hire_form{
	top: 784px !important;
}
.speak_to_us_form{
	background: #fff;
	padding: 40px;
	border-radius: 28px;
}
.iti {
	width: 100% !important;
}
.form-control{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
}
.form-control:focus{
	border-color: #7669DF;
}
.form-select {
	padding-top: 15px;
	padding-bottom: 15px;
}
.form-select:focus{
	border-color: #7669DF;
}
.iti--separate-dial-code .iti__selected-flag {
	background-color: #fff !important;
	border-radius: 5px;
  }
	.form-check-input:checked {
	background-color: #7669DF;
	border-color: #7669DF;
  }
  .form-check-input{
	height: 20px;
	width: 20px;
	margin-right: 12px;
	flex-shrink: 0;
  }
 .form-check{
	margin-bottom: 20px;
  }
  .attach_file_field input{
	border: none;
  }
  .speak_to_us_form hr{
	border: 1px dashed;
  }
  .speak_to_us_form .policy_p{
	color: #7B7B7B;
  }
  .speak_us_top_margin {
	margin-top: 1514px;
  }
  .btn-check:checked + .tech_icon-check {
	background-color: #F4F3FC !important;
	border-color: #7669DF !important;
  }
  .tech_icon-check{
	width: 100%;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
  }
  .tech_icon-check:hover{
	border: 1px solid #e6e6e6 !important;
  }
  .tech_checkboxes p{
	font-size: 12px;
  }










/* ................................................. */
/* Contact Us  */
.contact_us_bnr .inr_bnr_content{
	top: 56%;
	width: 78%;
}
.contact_us_bnr{
	height: 830px;
	text-align: left !important;
	overflow: hidden;
}
.contact_us_top_margin {
	margin-top: 702px;
  }

  /* About Us  */
  .abt_bnr .inr_bnr_content{
	width: 89%;
  }
  .abt_bnr {
	height: 810px;
  }
  .abt_bnr h5{
	color: #000;
  }
  .who_we_are{}
  .about_banner_top_margin {
	margin-top: 765px;
  }
  .project_detail_top_margin{
	margin-top: 682px;
  }
  .partners_abt{
	background-color: #f3f3ff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 50px;

  }
  .co_logo_box{
	height: 100px;
	width: 150px;
	overflow: hidden;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .co_logo_box img{
  }
  .highlight_features{
	margin-top: 0;
  }

  /* Project Detail Page  */
  .project_detail_bnr strong{
	color: #323682;
  }
  .abt_project{
	display: flex;
	margin-top: 30px;
  }
  .p_info_box{
	display: flex;
	align-items: center;
	margin-right: 50px;
  }
  .p_info_icon{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 20px;
  }
  .p_info_icon img{
	width: 100%;
  }
  .p_info_body p{
	margin-bottom: 5px;
  }
  .p_info_body h5{
	margin-bottom: 0px;
	color: #323682;
	font-weight: 700;
  }
  .project_showcase{
	background: url(../images/project_bg_img.png);
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 100px;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .project_img_shadow{
	background: #ffffff49;
	border-radius: 8px;
	padding: 8px;
	width: 100%;
	height: 100%;
  }
  .project_img_box{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
  }
  .project_img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .project_showcase .head_pc{
	margin-bottom: 40px;
  }
  .project_showcase .head_pc h4{
	color: #F26E20;
  }
  .project_showcase .head_pc h2{
	color: #fff;
  }
  .project_showcase .service_arrow_btn .swiper-button-prev{
  border: 1px solid #fff;
  color: #fff;
  }
  .project_showcase .service_arrow_btn .swiper-button-next{
	border: 1px solid #fff;
	color: #fff;
	}
	.project_showcase .service_arrow_btn .swiper-button-next:hover {
		background-color: #fff;
		color: #323682;
	  }
	  .project_showcase .service_arrow_btn .swiper-button-prev:hover {
		background-color: #fff;
		color: #323682;
	  }
	  .objective_features{
		display: flex;
		align-items: center;
	  }
	  .qbics_objective_features .objective_icon{
		width: 85px;
		height: 85px;
		border-radius: 20px;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 30px;
		flex-shrink: 0;
		background-color: #F3EAEF;
		color: #59143D;
		font-size: 30px;
	  }
	  .objective_icon img{
		width: 100%;
	  }
	  .project_objectives{
		margin-top: 70px;
	  }


	.getintouch_form{
		top: 647px !important;
	}
	.getintouch_top_margin{
		margin-top: 1233px;
	}

	.contact_number_nav{
		color: #fff !important;
		background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%) !important;
	}
	.contact_number_nav:hover{
		color: #fff !important;
		background: linear-gradient(220deg, rgba(210,47,94,1) 0%, rgba(250,169,83,1) 100%) !important;
	}

	/* Software Developmemt Page  */
	.service_contact_form{
		margin-bottom: 80px;
		margin-top: 100px;
	}
	.service_contact_form .contact_box{
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 50px;
		padding-right: 50px;
		background: #fff;
		border-radius: 20px;
	}

	.main_header .responsive_nav{
		display: none;
	}
	.main_header .col-sm-3{
		width: 16.66666667%;
	}
	.main_header .col-sm-6{
		width: 66.66666667%;
	}

	.projects_showcase{
		margin-bottom: 70px;
	}

	.projects_showcase .project_box{
		width: 100%;
		height: 250px;
		border-radius: 14px;
		overflow: hidden;
		padding: 35px;
		background-color: #F6F6F6;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.projects_showcase .project_box img{
	}


/* Responsive */
/* Small Device */
@media only screen and (max-width: 1199px){
	.main_header .header_btn{
		font-size: 14px;
	}
	.main_header .bg_blur .nav-link{
		font-size: 14px;
		padding: 8px;
	}
	.banner-content h4{
		font-size: 25px;
	}
	.banner-content h1{
		font-size: 65px;
	}
	.theme_btn{
		font-size: 14px;
	}
	.section_sub_heading{
		font-size: 25px;
	}
	.section_heading{
		font-size: 40px;
	}
	.services_sec p{
		font-size: 14px;
	}
	.service_arrow_btn .swiper-button-prev,
	.service_arrow_btn .swiper-button-next{
		width: 50px;
		height: 50px;
		font-size: 22px;
	}
	.service_box{
		padding: 30px;
	}
	.service_box h6{
		font-size: 18px;
	}
	.service_box p{
		font-size: 12px;
	}
	.services_sec_inner::after{
		width: 780px;
	}
	.work_sec p{
		font-size: 18px;
	}
	.tech_box{
		height: 100px;
	}
	.testimonials_sec_inner::after{
		width: 780px;
	}
	.review_box{
		padding: 30px;
	}
	.review_box h6{
		font-size: 18px;
	}
	.review_box p{
		font-size: 14px;
		margin-top: 25px;
	}
	.rating_stars{
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.review_box p::before{
		font-size: 90px;
		top: -30px;
	}
	.contact_form h3{
		font-size: 30px;
	}
	.contact_form h5{
		font-size: 18px;
	}
	.contact_form .form-control{
		font-size: 14px;
	}
	.footer p{
		font-size: 14px;
	}
	.footer h6{
		font-size: 16px;
	}
	.footer .footer_links li a{
		font-size: 14px;
	}
	.footer .contact_details a{
		font-size: 14px;
	}
	.footer .contact_details p{
		font-size: 14px;
	}
	.copyright_footer p{
		font-size: 14px;
	}
	.footer_social_links a{
		width: 36px;
		height: 36px;
		font-size: 14px;
	}
	.inr_bnr_content{
		width: 70%;
	}
	.process_steps {
		gap: 51px;
	}
	.hire_inner_banner_top_margin {
		margin-top: 838px;
	}
	.hiremodel_box .overlay h2 {
		color: #fff;
		margin-top: 23px;
	  }
	  .hire_form {
		top: 852px !important;
	  }
	  .getintouch_form{
		top: 667px !important;
	  }
	  .speak_us_top_margin {
		margin-top: 1673px;
	  }
	  .contact_us_bnr .inr_bnr_content {
		width: 71%;
	  }
	  .tech_checkboxes .col-sm-1{
		width: 12%;
	  }
	  .dropdown_nav{
		position: static;
	}

}

@media only screen and (max-width: 992px){
	.banner_swiper_pagination{
		left: -20px !important;
	}
	.main_banner_a .theme_btn_secondary{
		margin-top: 20px;
	}
	.inr_bnr_content {
		width: 83%;
	  }
	  .create_team {
		margin-top: 47px;
		padding-top: 47px;
		padding-bottom: 47px;
	}
	
	.hire_nav_btns {
		top: 488px;
	}
	.h_btn_box h3 {
		font-size: 26px;
		line-height: 35px;
	}
	.hire_inner_banner_top_margin {
		margin-top: 746px;
	  }
	  .process_steps {
		gap: 38px;
	  }
	  .hiremodel_box .overlay h2 {
		color: #fff;
		margin-top: 77px;
		font-size: 32px;
	  }
	  .hire_models {
		margin-top: 57px;
	  }
	  .inr_bnr_b .inr_bnr_content{
		top: 46%;
	}
	.why_abitus {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
	}
	.inr_bnr_c .inr_bnr_content {
		top: 33%;
	  }
	  .hire_form {
		top: 900px  !important;
	  }
	  .getintouch_form {
		top: 655px !important;
	  }
	  .speak_us_top_margin {
		margin-top: 1712px;
	  }
	  .contact_us_bnr .inr_bnr_content {
		width: 95%;
	  }
	  .tech_checkboxes .col-sm-1 {
		width: 14%;
	  }
	  .products_mega {
		width: 698px;
	}
	.main_header .col-sm-3{
		width: 16.66666667%;
	}
	.main_header .col-sm-6{
		width: 66.66666667%;
	}
	
}

/* Tablet */
@media only screen and (max-width: 820px){

	.inr_bnr_b .inr_bnr_content{
		top: 38%;
	}
	
	.main_banner_a {
		height: 722px;
	}
	.hirepage_bnr {
		height: 760px !important;
		top: 0 !important;
	}
	.hirepage_bnr .inr_bnr_content {
		top: 44% !important;
	  }
	  .tab_hire .hire_nav_btns {
		top: 422px;
		width: 90%;
	  }
	  .tab_hire .h_btn_box{
		padding: 39px !important;
	  }
	  .tab_hire .h_btn_box_1{
		margin-top: 0 !important;
	  }
	.main_banner_a h1{
		font-size: 27px;
		line-height: 42px;
	}
	.main_banner_a h1{
		font-size: 27px;
		line-height: 42px;
	}
	.main_banner_a h4{
		font-size: 18px;
		line-height: 30px;
	  }
	.tab_btm {
		margin-top: 676px !important;
	}
	.footer_btns .f_btn_b{
		margin-top: 10px;
	}

	.banner-content h4{
		font-size: 23px;
	}
	.banner-content h1{
		font-size: 50px;
	}
	.theme_btn{
		font-size: 12px;
	}
	.banner_swiper_pagination{
		left: -30px !important;
	}
	.main_header .header_btn{
		font-size: 12px;
		padding: 10px;
	}
	.main_header .bg_blur .nav-link{
		font-size: 12px;
	}
	
	.main_header .col-sm-3{
		width: 16.66666667%;
	}
	.main_header .col-sm-6{
		width: 66.66666667%;
	}
	.section_sub_heading{
		font-size: 23px;
	}
	.section_heading{
		font-size: 30px;
	}
	.services_sec p{
		font-size: 12px;
	}
	.service_arrow_btn .swiper-button-prev,
	.service_arrow_btn .swiper-button-next{
	  width: 45px;
	  height: 45px;
	  font-size: 20px;
	}
	.services_sec_inner::after{
		width: 580px;
	}
	.service_box h6{
		font-size: 20px;
	}
	.service_box p{
		font-size: 14px;
	}
	.work_sec p{
		font-size: 16px;
	}
	.technologies .col-sm-3{
		width: 33.33333333%;
	}
	.tech_box{
		height: 110px;
	}
	.testimonials_sec_inner::after{
		width: 580px;
	}
	.review_box p::before{
		font-size: 100px;
		top: -35px;
	}
	.review_box p{
		font-size: 16px;
		margin-top: 30px;
	}
	.review_box h6{
		font-size: 20px;
	}
	.contact_form h3{
		font-size: 25px;
	}
	.contact_form h5{
		font-size: 16px;
	}
	.contact_form_inner .col-sm-6{
		width: 100%;
	}
	.footer p{
		font-size: 12px;
	}
	.footer h6{
		font-size: 14px;
	}
	.footer .footer_links li a{
		font-size: 12px;
	}
	.footer .contact_details a{
		font-size: 12px;
	}
	.footer .contact_details p{
		font-size: 12px;
	}
	.copyright_footer p{
		font-size: 12px;
	}
	.footer_social_links a{
		font-size: 12px;
		width: 30px;
		height: 30px;
	}

	/* Services  */
	.inr_bnr_a {
		height: 450px !important;
	  }
	.inner_banner_top_margin {
		margin-top: 402px;
	}
	.services_list .col-sm-6{
		width: 100%;
		margin-bottom: 50px;
	}
	.serv_img_box {
		width: 100%;
		height: 420px;
	}
	.main_service_section {
		margin-top: 0;
	  }

	.why_abitus .col-sm-3, .why_abitus .col-sm-9{
		width: 100%;
	}
	.inr_bnr_b .inr_bnr_content {
		top: 22%;
	}
	.hire_nav_btns {
		top: 831px;
	}
	.h_btn_box_1{
		margin-top: 20px;	
	}
	.hire_inner_banner_top_margin {
		margin-top: 670px;
	}
	.hire_models_btns{
		margin-top: 20px;
	}
	.hire_form {
		top: 968px  !important;
	  }
	  .getintouch_form {
		top: 677px !important;
	  }
	  .getintouch_top_margin {
		margin-top: 1293px;
	  }
	  .speak_us_top_margin {
		margin-top: 1897px;
	  }
	  .contact_us_top_margin {
		margin-top: 835px;
	  }
	  .abt_bnr{
		height: 628px !important;
	  }
	  .abt_bnr .inr_bnr_content{
		top: 56%;
	  }
	  .about_banner_top_margin {
		margin-top: 596px;
	  }
	  .highlight_features{
		margin-top: 0;
	  }
	  .highlight_features .col-sm-4{
		width: 50% !important;
	  }

	  .tech_checkboxes .col-sm-1 {
		width: 18%;
	  }
	  .contact_details_USA .col-sm-4{
		width: 50%;
		margin-top: 20px;
	  }
	  .contact_us_bnr{
		height: 940px;
	  }

	  .highlight_features .row{
		justify-content: center;

	  }
	  .services_list{
		margin-top: 50px;
	  }
	  .service_contact_form .contact_box .col-sm-4{
		width: 100%;
	  }
	  .service_contact_form .contact_box .col-sm-8{
		width: 100%;
		margin-top: 20px;
	  }
	  .service_contact_form .contact_box {
		padding: 20px !important;
	  
	}

	h2{
		font-size: 35px;
	}
.main_header .bg_blur .navbar-nav {
	display: block;
	justify-content: start;
	width: 100%;
	
}
.main_header .bg_blur{
	background: transparent !important;
	width: 100%;
}
.main_header .bg_blur .navbar-nav li {
	text-align: left ;
	
}
.main_header .contact_number_nav{
	width: 146px;
  	padding: 14px;
}
.main_header .header_btn{
	display: none;
}
.main_header .col-sm-3 {
    width: 50% !important;
  }
  .main_header .col-sm-6 {
    width: 50% !important;
	text-align: right;
  }

  .main_header .responsive_nav{
	display: block;
  }
  .main_header .desktop_nav{
	display: none;
  }
  .tab_head_margin{
	margin-top: 50px;
  }

  .responsive_nav .navbar-expand .navbar-nav .dropdown-menu {
	position: absolute;
	top: 94px;
  }

 .responsive_nav .products_mega {
    width: 305px;
  }
 .responsive_nav .product_content_body p {
    display: none;
  }
 .responsive_nav .product_content_body h5 {
    font-size: 14px;
    margin-bottom: 0;
  }
.responsive_nav .products_dropdown .product_box{
	align-items: center;
}
.main_header .responsive_nav .bg_blur .nav-link {
	font-size: 14px;
}


}
/* Mobile */
@media only screen and (max-width: 481px){
	.main_header .header_btn{
		display: none;
	}
	.tab_head_margin{
		margin-top: 0;
	  }


	.main_banner_a {
	  top: 195px;
	  height: 900px;
	  text-align: center;
	}
	.main_banner_a .theme_btn_secondary {
		margin-top: 0;
	  }
	  .main_banner_a .bnr_bg {
		height: 40%;
		margin-top: 50px;
		border-radius: 0;
	  }
	  .banner_top_margin {
		margin-top: 984px  !important;
		
	  }
	
	  .footer .col-sm-1{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 50px;
	  }
	  .footer .col-sm-2{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 50px;
	  }
	  .footer h6 {
		margin-top: 5px !important;
	  }
	  .footer .col-sm-7 .mt-3{
		background-color: #EAEBF9;
		text-align: center;
		margin-top: 0 !important;
		padding-top: 20px;
		padding-bottom: 20px;
	  }
	  .footer .col-sm-7 .mb-3{
		margin-bottom: 0 !important;
	  }
	
		.banner-content h4{
			font-size: 21px;
		}
		.banner-content h1{
			font-size: 40px;
		}
		.theme_btn{
			font-size: 14px;
		}
		.banner-content .theme_btn{
			margin-bottom: 25px;
		}
		.main_header .col-sm-3{
			width: 50%;
			margin-bottom: 15px;
		}
		.main_header .col-sm-6{
			width: 50%;
			text-align: right;
		}
		.main_header .col-sm-3.text-end{
			display: none;
		}
		.scroll_down_banner_btn{
			display: none;
		}
		.banner_swiper_pagination{
			left: 50% !important;
			transform: translateX(-50%);
			top: auto !important;
			bottom: 20px !important;
			flex-direction: row;
		}
		.banner_swiper_pagination .swiper-pagination-bullet{
			margin: 0 4px !important;
		}
		.banner_swiper_pagination::before{
			content: "\f060";
			margin-bottom: 0;
			margin-right: 10px;
		}
		.banner_swiper_pagination::after{
			content: "\f061";
			margin-top: 0;
			margin-left: 10px;
		}
		.main_banner{
			height: 920px;
		}
		.banner_top_margin{
			margin-top: 778px;
		}
		.main_banner .banner-content{
			transform: none;
			top: auto;
			bottom: 80px;
		}
		.main_header .bg_blur{
			padding: 8px;
		}
		.main_header .bg_blur .nav-link{
			padding: 5px;
			font-size: 12px;
		}
		.section_sub_heading{
			font-size: 21px;
		}
		.section_heading{
			font-size: 25px;
		}
		.services_sec{
			padding-top: 50px;
		}
		.services_sec p{
			font-size: 14px;
		}
		.services_sec .col-sm-5{
			margin-bottom: 25px;
		}
		.services_sec_inner::after{
			display: none;
		}
		.technologies .col-sm-5{
			margin-bottom: 25px;
		}
		.testimonials_sec_inner::after{
			display: none;
		}
		.testimonials_sec{
			padding-top: 0;
		}
		.contact_form .col-sm-4{
			margin-bottom: 25px;
		}
		.contact_form_inner{
			flex-wrap: wrap;
		}
		.footer p{
			font-size: 14px;
		}
		.footer h6{
			font-size: 16px;
			margin-top: 30px;
		}
		.footer .footer_links li a{
			font-size: 14px;
		}
		.footer .contact_details a{
			font-size: 14px;
		}
		.footer .contact_details p{
			font-size: 14px;
		}
		.copyright_footer p{
			font-size: 14px;
		}
		.copyright_footer .col-sm-6{
			text-align: center;
		}
		.footer_social_div{
			justify-content: center;
			margin-top: 20px;
		}
		.footer_social_links a{
			width: 36px;
			height: 36px;
			font-size: 14px;
		}
		.main_header .bg_blur.sticky_menu{
			transform: none;
			right: calc(1.5rem * .5);
			left: calc(1.5rem * .5);
		}
		.technologies .col-sm-2{
			width: 33%;
		}
		
	/* Services  */
		.inner_banner_top_margin {
			margin-top: 560px;
		}
		.inr_bnr_a{
			top: 0 !important;
		}
		.inr_bnr_a {
			height: 662px !important;
		  }
		  .speak_us_top_margin {
			margin-top: 3303px;
		  }
		  .inr_bnr_c .inr_bnr_content {
			top: 10% !important;
		}
		.hire_form {
			top: 1700px  !important;
		  }
		  .getintouch_form {
			top: 921px !important;
		  }
		  .getintouch_top_margin {
			margin-top: 1765px;
		  }
		  .contact_us_bnr h2{
			font-size: 36px;
		  }
		  .contact_us_bnr{
			height: 1192px  !important;
		  }
	
		  .contact_us_bnr .inr_bnr_content {
			top: 50%;
		}
		.contact_us_top_margin {
			margin-top: 830px;
		  }
		  .abt_bnr .inr_bnr_content {
			top: 62%;
		  }
		  .inr_bnr_a {
			height: 890px !important;
		  }
		  .servicepage_bnr{
			height: 568px !important;
		}
		.servicepage_bnr .inr_bnr_content {
			top: 63% !important;
		}
		.servicepage_top_margin {
			margin-top: 425px;
		  }
		  .about_banner_top_margin {
			margin-top: 825px;
		  }
		  .highlight_features .col-sm-4 {
			width: 100% !important;
		  }
		  .main_banner_a .me-3{
			margin-right: 0 !important;
			margin-bottom: 20px;
		  }
		  .tech_checkboxes .col-sm-1 {
			width: 43%;
		  }
		  .contact_details_USA .col-sm-4 {
			width: 100%;
			margin-top: 20px;
		  }
		  .contact_us_top_margin {
			margin-top: 1244px;
		  }
		  .project_detail_bnr{
			height: 807px !important;
		}
		.abt_project{
			display: block;
			text-align: center;
		}
		.p_info_box{
			margin-top: 20px;
			margin-right: 0;
			justify-content: center;
		}
		.p_mockup_img{
			margin-top: 30px;
		}
		.serv_img_box{
			margin-top: 20px;
		}
		.products_mega {
			width: 305px;
		  }
		.product_content_body h5{
			font-size: 13px;
			margin-bottom: 0;
		}
		.product_content_body p{
			display: none;
		}
		.product_content_body{
			display: flex;
			align-items: center;
		}
		.product_box{
			align-items: center;
			border-bottom: 1px solid #e7e7e7;
		}
		.products_dropdown .product_img {
			width: 25px;
			height: 25px;
		}
		.products_dropdown {
			gap: 1;
		}
		.products_dropdown .product_box {
			padding: 8px;
		}
		.dropdown_nav{
			position: static;
		}
		.tab_hire .hire_nav_btns {
			top: 824px;
		}
		.tab_hire .h_btn_box_1{
			margin-top: 20px !important;
		}
		.hire_inner_banner_top_margin {
			margin-top: 1238px !important;
		}
		.main_header .col-sm-3{
		width: 16.66666667%;
	}
	.main_header .col-sm-6{
		width: 66.66666667%;
	}
}
	
	/* Tablet Landscape Mode */
	@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1280px)
	and (orientation: landscape){
		.main_header .header_btn{
			font-size: 14px;
		}
		.main_header .bg_blur .nav-link{
			font-size: 14px;
			padding: 8px;
		}
		.banner-content h4{
			font-size: 25px;
		}
		.banner-content h1{
			font-size: 65px;
		}
		.theme_btn{
			font-size: 14px;
		}
		.section_sub_heading{
			font-size: 25px;
		}
		.section_heading{
			font-size: 40px;
		}
		.services_sec p{
			font-size: 14px;
		}
		.service_arrow_btn .swiper-button-prev,
		.service_arrow_btn .swiper-button-next{
			width: 50px;
			height: 50px;
			font-size: 22px;
		}
		.service_box{
			padding: 30px;
		}
		.service_box h6{
			font-size: 18px;
		}
		.service_box p{
			font-size: 12px;
		}
		.services_sec_inner::after{
			width: 780px;
		}
		.work_sec p{
			font-size: 18px;
		}
		.tech_box{
			height: 100px;
		}
		.testimonials_sec_inner::after{
			width: 780px;
		}
		.review_box{
			padding: 30px;
		}
		.review_box h6{
			font-size: 18px;
		}
		.review_box p{
			font-size: 14px;
			margin-top: 25px;
		}
		.rating_stars{
			margin-top: 30px;
			margin-bottom: 15px;
		}
		.review_box p::before{
			font-size: 90px;
			top: -30px;
		}
		.contact_form h3{
			font-size: 30px;
		}
		.contact_form h5{
			font-size: 18px;
		}
		.contact_form .form-control{
			font-size: 14px;
		}
		.footer p{
			font-size: 14px;
		}
		.footer h6{
			font-size: 16px;
		}
		.footer .footer_links li a{
			font-size: 14px;
		}
		.footer .contact_details a{
			font-size: 14px;
		}
		.footer .contact_details p{
			font-size: 14px;
		}
		.copyright_footer p{
			font-size: 14px;
		}
		.footer_social_links a{
			width: 36px;
			height: 36px;
			font-size: 14px;
		}
		.hire_dev .serv_img_box{
			margin-top: 28px;
		}
		.main_banner_a .me-3 {
			margin-right: 0 !important;
			margin-bottom: 0px !important;
		  }
		  .contact_details_USA .col-sm-4{
			width: 50%;
		  }
		  .contact_details_USA .contact_body{
			margin-top: 30px;
		  }
		  .contact_us_bnr {
			height: 927px;
		}
		.contact_us_top_margin {
			margin-top: 799px;
		  }
		
	}
	
	/* Mobile Landscape Mode */
	@media only screen 
	and (min-device-width: 360px) 
	and (max-device-width: 926px) 
	and (orientation: landscape) {
		 .banner-content h4{
			font-size: 23px;
		}
		.banner-content h1{
			font-size: 50px;
		}
		.theme_btn{
			font-size: 12px;
		}
		.banner_swiper_pagination{
			left: -30px !important;
		}
		.main_header .header_btn{
			font-size: 12px;
			padding: 10px;
		}
		.main_header .bg_blur .nav-link{
			font-size: 12px;
		}
		.main_header .col-sm-3{
			width: 16.66666667%;
		}
		.main_header .col-sm-6{
			width: 66.66666667%;
		}
		.section_sub_heading{
			font-size: 23px;
		}
		.section_heading{
			font-size: 30px;
		}
		.services_sec p{
			font-size: 12px;
		}
		.service_arrow_btn .swiper-button-prev,
		.service_arrow_btn .swiper-button-next{
		  width: 45px;
		  height: 45px;
		  font-size: 20px;
		}
		.services_sec_inner::after{
			width: 580px;
		}
		.service_box h6{
			font-size: 20px;
		}
		.service_box p{
			font-size: 14px;
		}
		.work_sec p{
			font-size: 16px;
		}
		.technologies .col-sm-3{
			width: 33.33333333%;
		}
		.tech_box{
			height: 110px;
		}
		.testimonials_sec_inner::after{
			width: 580px;
		}
		.review_box p::before{
			font-size: 100px;
			top: -35px;
		}
		.review_box p{
			font-size: 16px;
			margin-top: 30px;
		}
		.review_box h6{
			font-size: 20px;
		}
		.contact_form h3{
			font-size: 25px;
		}
		.contact_form h5{
			font-size: 16px;
		}
		.contact_form_inner .col-sm-6{
			width: 100%;
		}
		.footer p{
			font-size: 12px;
		}
		.footer h6{
			font-size: 14px;
		}
		.footer .footer_links li a{
			font-size: 12px;
		}
		.footer .contact_details a{
			font-size: 12px;
		}
		.footer .contact_details p{
			font-size: 12px;
		}
		.copyright_footer p{
			font-size: 12px;
		}
		.footer_social_links a{
			font-size: 12px;
			width: 30px;
			height: 30px;
		}
		.highlight_features {
			margin-top: 0;
		  }
		.highlight_features .col-sm-4{
			width: 50%;
		}
		.highlight_features .row{
			justify-content: center;
		}
		.footer_btns .f_btn_b{
			margin-top: 10px;
		}
	}