.service-area .service-box .wc-btn-normal {
	display: none
}

.overlay22.purple {
	background: #320b60;
}

.main-menu ul.dp-menu .menuList li a {
	text-transform: none !important
}

.header-area.min-sticky {
	transform: translateY(-100px)
}

.portfolio-content .main-mobile-menu {
	width: 100%;
	overflow-x: auto;
	padding-right: 30px;
	padding-bottom: 80px
}

.main-mobile-menu nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-mobile-menu nav ul li {
	position: relative;
	border-bottom: 1px solid #eee
}

.main-mobile-menu nav ul li ul {
	margin-left: 25px
}

.main-mobile-menu nav ul li ul li {
	border-bottom: 1px solid
}

.main-mobile-menu nav ul li ul li:last-child {
	border: none
}

.main-mobile-menu nav ul li a {
	display: block;
	padding: 15px;
	color: #fff;
	text-decoration: none
}

.main-mobile-menu nav ul li ul {
	display: none
}

.main-mobile-menu nav ul li.open>ul {
	display: block
}

.submenu-toggle {
	font-size: 14px;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	user-select: none
}

.nav-menu ul li a.active {
	-webkit-text-fill-color: #fff
}

.wtsp_btn {
	position: fixed;
	bottom: 16px;
	z-index: 999;
	max-width: 60px;
	height: auto;
	display: inline-block;
	left: 20px
}

.container.large {
	width: 90.34%;
	max-width: 1730px;
	margin: 0 auto
}

.container {
	max-width: 1326px
}

.branexBG__shade {
	background-color: var(--black);
	background-size: cover;
	background-position: top center
}

.header__cta {
	display: flex;
	align-items: center
}

.header__cta * {
	display: block
}

.header__cta>div {
	margin-left: 9.5px
}

.header__cta span {
	color: var(--white);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 7px
}

.header__cta a {
	color: #000;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	line-height: normal
}

.menu-item-has-children.overflow--class {
	position: static !important
}

.menu-item-has-children.overflow--class .dp-menu {
	padding: 40px !important;
	background-color: var(--black);
	border-radius: 0 0 15px 15px !important
}

.menucol-4 {
	width: 30%
}

.menu-item-has-children.overflow--class .dp-menu {
	width: 100%
}

.services_drop--down {
	display: flex
}

.services_drop--down p {
	text-transform: capitalize;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	color: var(--primary);
	margin-bottom: 10px;
	justify-content: space-between;
	max-width: 75%;
	border-bottom: 1px solid var(--primary);
	padding-bottom: 10px
}

.main-menu ul.dp-menu .menuList li a::before {
	left: 0 !important
}

.main-menu ul.dp-menu .menuList li {
	padding-left: 17px
}

.ser--menu-left {
	width: 27%
}

.menucol-4 p img {
	height: 35px;
	width: auto
}

.left_wrapper--menu span {
	font-size: 30px;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 20px;
	display: block;
	margin-top: 8px
}

.left_wrapper--menu p {
	margin-bottom: 40px;
	border: 0;
	font-size: 15px;
	max-width: 100%;
	text-transform: none;
	font-weight: 400
}

.left_wrapper--menu img {
	width: 60%;
	height: auto
}

.left_wrapper--menu img {
	animation: moveUpDownMenu 3s infinite ease-in-out;
	position: relative
}

@keyframes moveUpDownMenu {
	0% {
		top: 0
	}

	50% {
		top: 30px
	}

	100% {
		top: 0
	}
}

.left_wrapper--menu {
	border-right: 1px solid #eee;
	height: 100%;
	margin-right: 60px;
	padding-right: 44px
}

.ser-menu-right {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
	gap: 30px
}

.herobanner__swiper {
	width: 100%;
	height: auto
}

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

.hero-area .section-header .section-title .icon-first {
	display: inline !important
}

.banner-arrows {
	margin-top: 89px;
	gap: 15px;
	display: flex
}

.section-header .wc-btn-primary {
	box-shadow: 0 12px 18px 0 #1B8B8324
}

.container_inner {
	max-width: 1498px
}

#featured__in .h3 {
	color: var(--white);
	font-family: Roboto;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 175%
}

.featured_row {
	display: flex;
	align-items: center;
	margin-top: 115px;
	margin-bottom: 144px
}

.featured_row .slick-slide {
	display: flex;
	align-items: center;
	min-height: 73px;
	margin-right: 50px;
	border: 1px solid var(--white);
    background-color: var(--white);
    border-radius: 15px
}

.featured_row .slick-list {
	margin-right: -50px
}

.left_featuredIn {
	max-width: 17% !important;
	border-right: 1px solid #E3E7E7;
	width: 100%
}

.featured_slider.slick-initialized.slick-slider {
	max-width: 83%;
	width: 100%;
	overflow: hidden;
	margin-left: 23px
}

.featured_slider::before {
	content: "";
	/*background: var(--primary);*/
	width: 53px;
	position: absolute;
	z-index: 9;
	display: block;
	filter: blur(6.3px);
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 73px
}

.featured_slider::after {
	content: "";
	/*background: #fff;*/
	width: 53px;
	position: absolute;
	z-index: 9;
	display: block;
	filter: blur(6.3px);
	right: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 73px
}

.journey_row {
	background: var(--white);
	background-size: cover;
	border-radius: 30px;
	padding-left: 190px;
	height: 484px;
	overflow: hidden
}

.journey_row .row {
	height: 100%
}

.journey_row .col-md-4 {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.journey_row .col-md-2,
.journey_row .col-md-4 {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.sub_heading {
	color: var(--primary) !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	display: flex;
	align-items: center;
	margin-bottom: 21px
}

.sub_heading img {
	margin-right: 24px
}

#my-marketing .main_h2 {
	text-transform: none
}

.main_h2 {
	color: var(--white);
	font-size: 50px;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 1.4 !important
}

/*Creating Solutions For Tomorrow*/

.graphics-design .main_h2 {
	line-height: 1.3 !important
}

.count_j strong {
	color: #BD2020;
	font-size: 160px;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize
}

.count_j p {
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px
}

.seprator_cs {
	width: 196px;
	height: 1px;
	display: block;
	background: #000
}

.count_j {
	margin: 90px 0
}

.counter_journey {
	overflow-y: auto;
	scrollbar-width: none
}

.counter_journey::-webkit-scrollbar {
	display: none
}

.branex_journey__wrapper {
	position: relative
}

.journey_row::after {
	content: "";
	background: url(../imgs/branex-journey.png);
	display: block;
	width: 422px;
	position: absolute;
	right: 0;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 0
}

.transfroming_ideas {
	padding-top: 100px;
	padding-bottom: 50px
}

.transfroming_ideas .wpforms-container-full .wpforms-field-label{
	color: var(--white) !important;
}

.transfroming_ideas .wpforms-container-full .wpforms-field-label-inline{
	color: var(--white) !important;
	font-size: 13px;
}

.transfroming_ideas .wpforms-container-full .wpforms-field-label-inline a{
	color: var(--white) !important;
}

.transfroming_ideas .wpforms-container-full .wpforms-field-label-inline a:hover{
	color: var(--primary) !important;
}


.transfroming_ideas p:not(.sub_heading) {
	margin-bottom: 30px;
	color: #212121;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6 !important
}

.transfroming_ideas .main_h2 {
	margin-bottom: 30px
}

.transfroming_ideas p strong {
	font-size: 22px;
	line-height: 1.6
}

.stat-number {
	font-family: Roboto;
	font-size: 40px;
	font-style: normal;
	font-weight: 700
}

.stats-container {
	display: flex;
	align-items: center;
	justify-content: space-between
}


@media only screen and (max-width: 468px){
	.stats-container
	{
		flex-direction: column;
  		align-items: start;
	}
}

.stat-divider {
	background: #191919;
	width: 1px;
	height: 41px
}

.transfroming_ideas p.stat-label {
	margin-bottom: 0 !important;
	color: var(--primary) !important;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	margin-top: 7px
}

.branding_red {
	color: var(--white);
}

.branding_green {
	color: var(--white);
}

.branding_yellow {
	color: var(--white);
}

.branding_black {
	color: var(--white);
}

.mx51 {
	width: 60%
}

.mx49 {
	width: 40%
}

.mx49 img {
	max-width: 115%;
	animation: moveUpDown 3s infinite ease-in-out;
	position: relative;
	border-radius: 15px;
}

.transfroming_ideas .wc-btn-primary {
	padding: 18.5px 32.8px;
	background-color: var(--primary);
	box-shadow: 0 12px 18px 0 #BD202021;
	color: #FFF;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-top: 45px
}




.service-area .service-area-inner {
	position: relative;
	z-index: 1;
	padding-top: 100px;
	padding-bottom: 100px
}

.service-area .section-header {
	display: flex;
	gap: 20px 60px;
	align-items: center;
	justify-content: space-between
}

.service-area .service-box .wc-btn-normal {
	text-transform: capitalize;
	font-weight: 600
}

@media only screen and (max-width:767px) {
	.service-area .section-header {
		flex-direction: column;
		align-items: flex-start
	}
}

.service-area .section-header .text {
	max-width: 400px;
	color: #fff;
	font-size: 20px;
	line-height: 1.5
}

.service-area .section-header .title-wrapper {
	margin-top: 17px
}

.service-area .section-subtitle {
	color: var(--white)
}

.service-area .section-title {
	max-width: 505px;
	color: var(--white)
}

.service-area .service-box {
	padding: 40px 35px 40px
}

.services-wrapper .slick-track {
	display: flex !important
}

.services-wrapper .slick-slide {
	height: inherit !important;
	margin: 0 10px;
	background-color: var(--white);
	border-radius: 20px
}

.dark .service-area .service-box {
	background-color: #222
}

.service-area .service-box:hover .wc-btn-normal {
	color: var(--theme)
}

.service-area .service-box .thumb img {
	max-height: 100px
}

.service-area .service-box .title {
	font-size: 25px;
	font-weight: 700;
	color: var(--black);
	line-height: 1.5
}

.service-area .service-box .content {
	margin-top: 33px
}

.service-area .service-box .text {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--black) !important;
	margin-top: 20px
}

.service-area .service-box .btn-wrapper {
	margin-top: 48px
}

.service-area .service-box .wc-btn-normal {
	color: var(--white);
	transition: all .5s
}

.service-area .services-wrapper-box {
	margin-top: 49px
}

.service-area .cf_btn.wc-btn-normal i {
	margin-left: 17px;
	font-size: 17px
}

.services-wrapper .slick-prev.slick-arrow::before {
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	z-index: 99999999;
	background: url(../imgs/services/service_slider_lef_arrow.png);
}

.services-wrapper .slick-next.slick-arrow::before {
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	z-index: 99999999;
	background: url(../imgs/services/service_slider_right_arrow.png);
}

.services-wrapper .slick-arrow {
	width: auto;
	height: auto;
	z-index: 9;
	opacity: 1 !important
}

.services-wrapper .slick-prev.slick-arrow {
	left: -15px
}

.services-wrapper .slick-next.slick-arrow {
	right: -15px
}

.services-wrapper .slick-prev::before,
.services-wrapper .slick-prev::before,
.services-wrapper .slick-next::before,
.services-wrapper .slick-next::before {
	opacity: 1 !important
}

.top_img {
	margin-bottom: -36px
}

.solutions_ondemand {
	padding: 120px 0
}

.on_demand--wrapper h3 {
	color: #212121;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 17px
}

.on_demand--wrapper p {
	color: var(--black) !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7
}

.ond--sec {
	background: #F7F2FF;
	border-radius: 20px
}




.coupon,
.apparel_fashion {
	float: right
}

.apwrapepr {
	padding-left: 40px;
	max-width: 90%;
	padding-top: 38px;
	margin-bottom: -20px
}

.apwrapepr-2 {
	padding-left: 40px;
	max-width: 75%;
	padding-top: 38px
}

.ond--sec>div>img {
	margin-bottom: 10px
}

.ond--sec.rental-app {
	display: flex;
	background: #FFF1F6;
	padding-left: 42px;
	align-items: center;
	margin-bottom: 27px
}

.rentalApp {
	max-width: 58%;
	margin-left: -50px
}

.ond--sec.rental-app {
	display: flex;
	background: #FFF1F6;
	padding-left: 42px;
	align-items: center;
	margin-bottom: 27px
}

.ond--sec.handy-man {
	background: #F8FFDA;
	display: flex;
	padding-left: 43px;
	padding-top: 35px;
	padding-right: 73px
}

.ond--sec.handy-man>img {
	margin-left: 46px
}

.ond--sec.handy-man div {
	width: 65%
}

.ond--sec.handy-man {
	background: #F8FFDA;
	display: flex;
	padding-left: 43px;
	padding-top: 46px;
	padding-right: 73px
}

.ond--sec.handy-man p {
	margin-bottom: 30px
}



.ond--sec.grocery-app {
	background: #E7F6FF
}

.ond--sec.parking-app {
	background: #E9FFEB
}

.ond--sec.grocery-app {
	background: #E7F6FF;
	display: flex;
	padding-left: 42px;
	align-items: center;
	margin-bottom: 27px
}

.Grocery {
	padding-top: 34px
}

.ond--sec.parking-app {
	background: #E9FFEB;
	display: flex;
	padding-left: 43px;
	padding-top: 44px;
	padding-right: 33px
}

.coupon {
	max-width: 90.6%
}

.ond--sec.Classified {
	background: #FFEEFE;
	padding-top: 20px
}

.Classified .apwrapepr-2 {
	padding-top: 0;
	padding-bottom: 38px;
	margin-top: -130px
}

.ond--sec.event-app {
	background: #E7F6FF;
	padding: 40px;
	padding-bottom: 0;
	padding-top: 38px
}

.ond--sec.event-app p {
	max-width: 55%
}

.ond--sec.event-app>img {
	margin: 0 auto !important;
	margin-top: 0;
	display: block;
	margin-top: -55px !important
}

.solutions_ondemand .section-header__cs {
	margin-bottom: 40px
}

.on_demand_slide {
	max-width: 1296px;
	margin: 0 15px
}

.section-header__cs {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

.industries_wrapper {
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 100px 0
}

.in--cnt_div p {
	color: var(--black) !important;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 22px
}

.in--cnt_div {
	background: #fff;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 50px;
	border-radius: 10.222px
}

.industries_wrapper .section-header__cs {
	margin-bottom: 45px
}

.arrows-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px
}

.arrows-wrapper .slick-arrow {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary) !important;
}

.arrows-wrapper .slick-arrow img {
	opacity: 0;
	display: none
}

.arrows-wrapper .slick-arrow:before {
	content: "\f104";
	font-family: 'FontAwesome';
	
}

.arrows-wrapper .slick-arrow:last-child:before {
	content: "\f105";
}

.arrows-wrapper .slick-arrow:hover {
	background-color: var(--primary) !important;
	color: var(--white);
}

.in--cnt_div img {
	margin: 0 auto
}

.industries_slider {
	margin: 30px -9px
}

.industries--slide {
	margin: 0 9px
}

.custom__portfolio {
	padding: 120px 0
}

.portfolio_box {
	display: none;
	transition: opacity 0.5s ease-in-out
}

.portfolio_bg.bg {
	background: var(--white);
	background-size: cover;
	border-radius: 30px
}

.hm-portfolio {
	background: url(../imgs/home-portfolio-image.png) !important;
	background-size: cover !important
}

.portfolio_box.pr-show {
	display: block;
	opacity: 1
}

.portfolio_bg {
	position: sticky;
	top: 150px;
	padding: 80px 0
}

.col-pr-right {
	width: 59%;
	text-align: right
}

.col-pr-left {
	width: 41%;
	display: flex;
	align-items: center
}

.portfolio_box p:not(.sub_heading) {
	color: var(--black) !important;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6
}

.pr_row {
	display: flex;
	gap: 140px
}

.ui-design {
	color: var(--white);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	border-radius: 100px;
	background: var(--primary);
	height: 31px;
	display: inline-block;
	padding: 0 17px;
	line-height: 31px;
	margin-right: 10px
}

.ui-design.clr {
	color: var(--white);
	background: var(--secondary);
}

.mgad {
	margin-bottom: 50px !important;
	margin-top: 25px
}

.ceo_message {
	background: url(../..assets/imgs/ceo_bg.jpg);
	text-align: center;
	padding: 90px 0;
	background-size: cover
}

.ceo_message .sub_heading {
	justify-content: center
}

.ceo_quote {
	padding: 102px 85px 55px;
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / .05);
	margin-top: 50px
}

.ceo_quote p {
	color: #212121;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8
}

.ceo_name {
	color: #BD2020;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 20px
}

.designation {
	color: #212121;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 400
}

.ceo_quote p {
	position: relative
}

.ceo_quote p::before {
	content: '';
	background: url(../imgs/left-quote.png);
	width: 118px;
	background-size: contain;
	background-repeat: no-repeat;
	height: 73px;
	display: block;
	position: absolute;
	top: -48px
}

.ceo_quote p::after {
	content: '';
	background: url(../imgs/right-quote.png);
	width: 118px;
	background-size: contain;
	background-repeat: no-repeat;
	height: 73px;
	display: block;
	position: absolute;
	bottom: 0;
	right: -43px
}

.next_level .wc-btn.wc-btn-primary {
	font-size: 18px;
	font-weight: 700;
	padding: 21px 35.8px;
	background-color: var(--primary);
	box-shadow: 0 12px 18px 0 #BD202021
}

.next_level p {
	color: #212121;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 17px;
	margin-bottom: 37px
}

.next_level {
	text-align: center;
	padding-top: 120px;
	padding-bottom: 45px;
	background: url(../imgs/next-level-bg.jpg);
	background-size: cover;
	background-position: bottom center;
	position: relative
}


.next_level .container.nlb{
	border-radius: 15px;
	padding: 30px 0;
	background-color: var(--white);
}

.img_wrapper {
	position: relative;
	display: inline-block;
	margin-top: 60px
}

.n-shape-1 {
	position: absolute;
	right: 0;
	border-radius: 15.147px;
	background: #1B8B83;
	box-shadow: -23px 13px 50px 0 rgb(0 0 0 / .2);
	animation: next_level 5s infinite ease-in-out
}

.n-shape-2 {
	position: absolute;
	left: 0;
	box-shadow: 0 0 76.9px 0 rgb(0 0 0 / .1);
	border-radius: 15.147px;
	animation: next_level2 5s infinite ease-in-out;
	bottom: 200px
}

.n-shape-3 {
	position: absolute;
	right: 6%;
	top: 17%;
	animation: next_level3 5s infinite ease-in-out
}

@keyframes next_level3 {
	0% {
		top: 17%
	}

	50% {
		top: 18%
	}

	100% {
		top: 17%
	}
}

@keyframes next_level {
	0% {
		top: 100px
	}

	50% {
		top: 120px
	}

	100% {
		top: 100px
	}
}

@keyframes next_level2 {
	0% {
		bottom: 200px
	}

	50% {
		bottom: 220px
	}

	100% {
		bottom: 200px
	}
}

.testimonial_wrapper {
	background: url(../imgs/testimonial_bg.jpg);
	padding: 100px 0;
	background-size: cover;
	background-position: center
}

.testimonial_wrapper .arrows-wrapper .slick-arrow{
	color: var(--white) !important;
	background-color: var(--primary) !important;
}

.testimonai_left--box {
	background: #FDFAF8;
	text-align: center
}

.arrows-wrapper.tst {
	justify-content: center;
	margin-bottom: 0
}

.testimonai_left--box span {
	color: #212121;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	display: block;
	line-height: 1.1
}

.total_review {
	color: var(--black) !important;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 2
}

.start_tst {
	margin-bottom: 10px;
	margin-top: 10px
}

.testimonai_left--box .txt {
	color: var(--black) !important;
	text-align: center;
	font-family: Roboto;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 45px !important
}

.testimonai_left--box {
	background: #FDFAF8;
	text-align: center;
	padding-top: 39px;
	padding-bottom: 43px;
	padding-left: 85px;
	padding-right: 85px;
	border-radius: 20px
}

.tst-sl-wrapper {
	background: #FDFAF8;
	padding: 40px;
	border-radius: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start
}

.tst-sl-wrapper>div>p {
	color: var(--black) !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	margin-top: 35px;
	line-height: 1.5
}

.tst-sl-wrapper>div>p span {
	color: #2C2C2C
}

.tst_name {
	color: var(--primary) !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.7
}

.tst_designation {
	color: var(--secondary) !important;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 7px
}

.tst_foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	width: 100%
}

.tst_foot img {
	width: 64px;
	height: 64px
}

.testimonial_wrapper .slick-list.draggable,
.testimonial_slider {
	height: 100%
}

.testimonial_slider .slick-track {
	display: flex;
	height: 100%;
	gap: 30px
}

.testimonial_wrapper .col-md-8 {
	padding: 0
}

.testimonial_wrapper .main_h2 {
	margin-bottom: 60px
}

.clientele_wrapper {
	
	padding-top: 96px;
	padding-bottom: 77px
}

.clientele_wrapper .client_slider {

	background-color: #fff;
        border-radius: 15px;
}

.clientele_wrapper .slick-slide img{
	padding: 15px 0;
}

.client_slider .slick-track {
	display: flex;
	align-items: center;
	gap: 71px
}

.client_slider {
	margin-top: 40px;
	position: relative
}

.client_slider::before {
	content: "";
	width: 56px;
	position: absolute;
	z-index: 9;
	display: block;
	filter: blur(6.3px);
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 110px
}

.client_slider::after {
	content: "";
	width: 56px;
	position: absolute;
	z-index: 9;
	display: block;
	filter: blur(6.3px);
	right: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 110px
}

.right_head-blog {
	display: flex
}

.blg_cnt {
	padding: 0 10px
}

.blg_cnt img {
	border-radius: 20px
}

.blg_cnt .h3 {
	color: #212121;
	font-family: Roboto;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 25px;
	line-height: 1.4
}

.home_blog {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative
}

section.home_blog:after {
	content: "";
	background: url(../imgs/home-blogs.png);
	width: 126px;
	height: 229px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9
}

.blg_date {
	color: #212121;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	align-items: center;
	display: flex
}

.blg_date::before {
	content: "";
	width: 48px;
	margin-right: 20px;
	height: 1px;
	background: #000;
	display: block
}

.right_head-blog {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.right_head-blog p {
	color: #212121;
	font-size: 20px;
	line-height: 1.5;
	max-width: 57%
}

.blg_section_head .row {
	align-items: flex-end
}

.blg_section_head .arrows-wrapper {
	margin-bottom: 0
}

.blg_section_head {
	margin-bottom: 60px
}

.footer_location .sub_heading {
	justify-content: center
}

.footer_location {
	text-align: center;
	position: relative
}

.location_head {
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	margin: auto
}

.location_head h2 {
	font-size: 70px
}

.location_head .sub_heading {
	margin-bottom: 0
}

.footer_location img {
	pointer-events: none
}

.footer-area {
	background: radial-gradient(125% 125% at 50% 10%, #000000 40%, #2b092b 100%);
	border-top: 2px solid #191919;
}

.footer-area #wpforms-42068{
	margin: 0 !important;
}

.footer-logo img {
	margin-bottom: 50px
}

.copyright-area {
	border-top: 1px solid #202020
}

.copyright-area-inner {
	padding: 32px 0;
	position: relative
}

.copyright-area-inner {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.copyright-text p {
	font-size: 18px;
	color: #999;
	font-weight: 500
}

.copyright-area-inner ul {
	padding: 0;
	margin: 0;
	display: flex;
	gap: 20px;
	font-size: 18px;
	font-weight: 500;
	color: #999
}

.copyright-area-inner a:hover {
	color: #fff
}

.footer-logo p {
	color: #999;
	line-height: 1.7;
	font-size: 18px;
	padding-right: 50px
}

.footer-area .footer-area-inner {
	display: grid;
	gap: 80px 50px;
	grid-template-columns: 23% 16% 18% 29%;
	justify-content: space-between;
	overflow: hidden;
	padding-bottom: 94px;
	padding-top: 150px
}

@media only screen and (max-width:1080px) {
	.footer-area .footer-area-inner {
		padding-top: 60px;
		padding-bottom: 54px;
		gap: 50px 60px;
		grid-template-columns: auto auto auto
	}

	ul#pr-tabs li a {
		text-align: center
	}
}

@media only screen and (max-width:767px) {
	.footer-area .footer-area-inner {
		grid-template-columns: auto auto
	}

	.arrows-wrapper {
		justify-content: end
	}

	section.transfroming_ideas .mx49 {
		text-align: center
	}

	.contact-banner img {
		width: 85%;
		margin: 0 auto
	}

	.contact-banner .c-img {
		text-align: center
	}

}

@media(max-width:575px) {
	.footer-area .footer-area-inner {
		grid-template-columns: auto
	}
}

.footer-area .footer-area-inner>* {
	min-width: 130px
}

.footer-area .footer-area-inner>*:first-child {
	grid-row: span 2;
	position: relative
}

@media only screen and (max-width:1080px) {
	.footer-area .footer-area-inner>*:first-child {
		grid-row: auto
	}
}

.footer-area .footer-area-inner>*:first-child:after {
	position: absolute;
	content: "";
	width: 1px;
	height: calc(100% + 400px);
	
	top: 0;
	inset-inline-end: 0
}

.cntfootdetails li {
	margin-bottom: 15px
}

.footer-area .social-links {
	margin-left: -7px
}

@media only screen and (max-width:1080px) {
	.footer-area .footer-area-inner>*:first-child:after {
		display: none
	}
}

@media only screen and (max-width:1080px) {
	.footer-area .footer-area-inner>*.newsletter {
		grid-column: span 2
	}
}

@media only screen and (max-width:767px) {
	.footer-area .footer-area-inner>*.newsletter {
		order: 1
	}
}

@media(max-width:575px) {
	.footer-area .footer-area-inner>*.newsletter {
		grid-column: auto
	}
}

@media only screen and (max-width:1080px) {
	.footer-area .footer-logo img {
		max-height: 34px
	}
}

.footer-area .footer-widget-wrapper .title {
	font-size: 25px;
	line-height: .73;
	font-weight: 500;
	color: #fff
}

@media only screen and (max-width:1080px) {
	.footer-area .footer-widget-wrapper .title {
		font-size: 22px
	}
}

.footer-area .footer-nav-list {
	margin-top: 27px
}

.footer-area .footer-nav-list li {
	font-size: 18px;
	line-height: 30px;
	color: var(--white-2)
}

.footer-area .footer-nav-list li a:hover {
	color: var(--white)
}

.footer-area .footer-nav-list li .location {
	margin-bottom: 22px;
	display: inline-block
}

.footer-area .social-links {
	display: flex;
	margin-top: 36px
}

.footer-area .social-links li {
	line-height: 1
}

.footer-area .social-links li a {
	color: var(--white-2)
}

.footer-area .social-links li a:hover {
	color: var(--white)
}

.footer-area .newsletter-text {
	margin-top: 29px
}

.footer-area .newsletter-text .text {
	color: var(--white-2)
}

.subscribe-form {
	margin-top: 38px
}

.subscribe-form .input-field {
	background-color: #202020;
	border-radius: 20px;
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 25px 25px
}

.subscribe-form .input-field input {
	border: 0;
	background-color: #202020;
	color: #999;
	width: 100%
}

.subscribe-form .input-field input::-moz-placeholder {
	color: var(--white-2);
	font-size: 14px;
	font-weight: 400;
	line-height: 1
}

.subscribe-form .input-field input::placeholder {
	color: var(--white-2);
	font-size: 14px;
	font-weight: 400;
	line-height: 1
}

.subscribe-form .input-field input:focus {
	outline: 0
}

.subscribe-form .input-field .subscribe-btn img,
.subscribe-form .input-field .subscribe-btn i {
	color: var(--theme)
}

.dir-rtl .subscribe-form .input-field .subscribe-btn img,
.dir-rtl .subscribe-form .input-field .subscribe-btn i {
	transform: rotateY(180deg)
}

.subscribe-form .input-field .icon {
	color: var(--white-2)
}

.subscribe-form .policy-field {
	margin-top: 20px
}

.subscribe-form .policy-field label {
	font-size: 14px;
	margin-inline-start: 6px
}

.subscribe-form .policy-field label span {
	color: var(--primary);
	font-weight: 500
}

div#newsletterMessage {
	padding: 0 5px
}

div#newsletterMessage * {
	color: #fff
}

div#newsletterMessage p {
	border: 1px solid;
	padding: 10px 10px;
	margin-top: 14px
}

div#newsletterMessage p.danger {
	border-color: red
}

div#newsletterMessage p.success {
	border-color: green
}

.comapny_banner--wrapper {
	text-align: center;
	padding-top: 200px;
	padding-bottom: 100px
}

.about-container {
	max-width: 1435px;
	margin: 0 auto
}

.comapny_banner--wrapper .h1 {
	color: var(--white);
	font-size: 90px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 40px
}

.abt_cnt_wrapper {
	max-width: 751px;
	display: flex;
	margin: 0 auto
}

.abtpg_cnt-right p {
	color: #555;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4
}

.abtpg_cnt-right {
	width: 60%;
	text-align: left
}

.abtpg_cnt-left {
	width: 40%
}

.comapny_banner--wrapper .sub_heading img {
	width: 35px;
	margin-right: 50px
}

.comapny_banner--wrapper .sub_heading {
	font-size: 22px;
	margin-top: 7px
}

.global_achievement .container-fluid {
	padding: 0
}

.global_achievement .row {
	margin: 0;
	gap: .6%
}

.global_achievement .col-md-5,
.global_achievement .col-md-7 {
	padding: 0
}

@media (min-width:768px) {
	.global_achievement .col-md-7 {
		width: 54.033%
	}

	.global_achievement .col-md-5 {
		width: 45.367%
	}
}

.four_colwrapper {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	gap: 1.2% !important
}

.four_colwrapper .col_one {
	width: 49.4%;
	height: 49.4%;
	background-size: cover !important;
	background-position: top left !important
}

.global_achievement img {
	width: 100%
}

.col_one.green_bg {
	background: var(--secondary);
}

.col_one.white_bg {
	background-image: url(../imgs/about-us/about-right-white-bg.jpg)
}

.col_one.red_bg {
	background: var(--primary);
}

.col_one.black_bg {
	background: #191919;
}

.col_one p {
	color: var(--black) !important;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	max-width: 65%
}

.col_one span {
	color: #121212;
	font-size: 90px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.1
}

.col_one.red_bg *,
.col_one.black_bg *,
.col_one.green_bg * {
	color: #fff !important
}

.col_one {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 50px
}

.col_one.img {
	padding: 0
}

.whoweare_abpg .row {
	align-items: center
}

.abtext_ad {
	color: #212121;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7;
	max-width: 90%
}

.abtext_ad {
	margin-top: 12px;
	margin-bottom: 30px
}

.success_rate p {
	color: #212121;
	font-family: Roboto;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4
}

.success_rate img {
	margin-bottom: 18px
}

.success_rate::before {
	content: "";
	width: 36px;
	height: 36px;
	display: block;
	background-image: url(../imgs/about-us/sucess-rate.png);
	background-size: contain
}

.success_rate {
	display: flex;
	gap: 26px
}

.max-img {
	width: 108%;
	max-width: 108%;
	margin-left: -8%
}

.bg_about {
	padding-top: 100px;
	padding-bottom: 100px
}

.mission_wrapper {
	border-radius: 20px;
	background: var(--primary);
	box-shadow: 0 0 25px 0 rgb(0 0 0 / .05);
	padding: 40px;
	height: 100%
}

.mission_wrapper * {
	color: #fff !important
}

.mission_wrapper .h3 {
	font-family: Roboto;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 70px;
	margin-bottom: 20px;
	gap: 22px;
	display: flex;
	align-items: center
}

.mission_wrapper p {
	color: #E8E8E8 !important;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	max-width: 96%
}

.mission_wrapper.green {
	background: var(--secondary) !important
}

.mission_vision {
	margin-top: 80px;
	margin-bottom: 80px
}

.fnt_20 {
	color: #212121;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4
}

@media (min-width:768px) {
	.core_values .col-md-4 {
		flex: 0 0 auto;
		width: 38.333%
	}

	.core_values .col-md-8 {
		flex: 0 0 auto;
		width: 61.667%
	}
}

.core_values .sub_heading {
	margin-top: 50px
}

.core_values .main_h2 {
	margin-bottom: 20px
}

.core_values .fnt_20 {
	max-width: 88%
}

.core_values img {
	border-radius: 15px
}

.core_values>img {
	margin-top: 30px;
	margin-bottom: 77px
}

.center_timeline {
	position: relative
}

.core_timeline {
	display: flex
}

.core_timeline p {
	color: #444;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5
}

.right_timeline p {
	max-width: 89%
}

.left_timeline p {
	max-width: 80%;
	margin-left: auto
}

.core_timeline .left_timeline {
	width: 45%;
	text-align: right
}

.time_cnt .h3 {
	color: var(--white);
	font-family: Roboto;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	gap: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.core_timeline .left_timeline .time_cnt .h3 {
	justify-content: flex-end
}

.core_timeline .left_timeline .time_cnt {
	margin-top: 279px
}

.core_timeline .right_timeline .time_cnt {
	margin-bottom: 279px
}

.core_timeline .center_timeline {
	width: 10%
}

.core_timeline .right_timeline {
	width: 45%
}

.right_timeline {
	padding-top: 63px
}

.core_timeline .left_timeline {
	padding-top: 10px
}

.timeline_sticky {
	text-align: center !important
}

.timeline_sticky {
	text-align: center !important;
	position: sticky;
	top: 150px
}

.center_timeline::after {
	content: '';
	position: absolute;
	width: 1px;
	background-color: rgb(25 25 25 / 0.2);
	top: 0;
	bottom: 0;
	left: 50%
}

.timeline_sticky img {
	margin-top: -22px
}

.webdpg_banner--wrapper {
	padding-top: 200px;
	padding-bottom: 70px;
}

.webdpg_banner--wrapper .bnr_row .row {
	align-items: center
}

.banner_heading {
	color: var(--white);
	font-size: 65px;
	font-weight: 600;
	line-height: 1.25
}

.fnt-62 {
	font-size: 62px;
}

.graphics-design .banner_heading {
	font-size: 61px
}

.banner_heading span {
	color: #BD2020
}

.bnr_row p {
	color: #555;
	font-size: 20px;
	line-height: 1.38;
	margin-bottom: 35px;
	margin-top: 20px
}

.pg_btn {
	padding: 17.5px 30px;
	background-color: var(--primary);
	border-radius: 15px;
	transition: all .3s;
	box-shadow: 0 12px 18px 0 #1B8B8324;
	color: #FFF !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: inline-block;
	text-align: center;
	margin-top: 15px
}

.pg_btn:hover{
	color: var(--white) !important;
}
.pg_btn.wd223 {
	width: 223px
}

.bnr_row .clrblck {
	color: #000 !important;
	margin-bottom: 40px !important
}

.pg_btn:hover {
	opacity: .9
}

.webbannerImg {
	animation: webmove 3s infinite ease-in-out;
	position: relative;
	margin-top: -1%
}

@keyframes webmove {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

.fnt_18 {
	color: #212121;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.65
}

.custom_list-ic {
	color: #212121;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.65;
	margin-bottom: 16px
}

.custom_list-ic li::before {
	content: "";
	background: #fff;
	width: 15px;
	height: 15px;
	display: block;
	border: 4px solid #BD2020;
	border-radius: 10px;
	margin-right: 12px
}

.custom_list-ic li {
	display: flex;
	align-items: center
}

.bld600 {
	font-weight: 600
}

p:not(:last-child) {
	margin-bottom: 15px
}

.web_row_2 .main_h2 {
	margin-bottom: 22px
}

.accordion-body ul li {
	font-size: 18px
}

@media (min-width:768px) {
	.col-md-6.web44 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-6.web56 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-6.web49 {
		flex: 0 0 auto;
		width: 49%
	}

	.col-md-6.web51 {
		flex: 0 0 auto;
		width: 51%
	}
}

.web_row_2 .row {
	align-items: center
}

@media only screen and (max-width: 991px){
	.web_row_2 .mb{
		flex-direction: column-reverse;
	}
}


.wnImg {
	animation: webmove 3s infinite ease-in-out;
	position: relative;
	max-width: 132.3%;
	margin-left: -32%
}

.pd90 {
	padding-top: 90px;
	padding-bottom: 90px
}

.service-area .section-header .webpg-text {
	max-width: 691px;
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 20px
}

.web_process {
	padding: 50px 0
}

.web_process .row:first-child {
	align-items: flex-end;
	margin-bottom: 90px
}

.web_process .row:first-child .pr_head_para {
	margin-bottom: 7px
}

.web_process .row:last-child {
	justify-content: center
}

.webp-wrapper {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / .1);
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	margin-bottom: 65px
}

.webp-wrapper img {
	margin-top: -45px
}

.webp-wrapper h3 {
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 17px
}

.webp-wrapper h3.green {
	color: var(--black);
}

.webp-wrapper h3.red {
	color: var(--black);
}

.webp-wrapper h3.yellow {
	color: var(--black);
}

.webp-wrapper p {
	color: var(--black) !important;
	font-family: Roboto;
	font-size: 18px;
	line-height: 1.6
}

.award_honors {
	background-position: center center;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 75px
}

.award_honors p {
	max-width: 71%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 46px
}

.awards_logo {
	background: #fff;
	padding: 17px 50px;
	position: relative;
	border-radius: 15px;
}

.awards_logo::before {
	content: "";
	background: linear-gradient(90deg, #FFF 5.09%, #fff0 10.97%, #fff0 88.15%, #FFF 94.26%);
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	left: 0;
	height: 100%;
	width: 97%;
	margin: auto;
	top: 0
}

.awrd_slide::before {
	content: "";
	width: 1px;
	height: 71px;
	background: #CFCFCF;
	display: block;
	position: absolute;
	left: 0
}

.awards_logo .slick-track {
	background: #fff;
	display: flex
}

.awards_logo .slick-list.draggable {
	display: flex;
	height: 100% !important
}

.awrd_slide {
	position: relative;
	width: 244px;
	display: flex !important;
	align-items: center !important;
	height: 100%;
	justify-content: center;
	min-height: 100% !important
}

.webFAQ .accordion-item {
	border: 0 !important;
	margin-bottom: 20px;
	border-radius: 12px !important;
	background: #FFF;
	box-shadow: 0 4px 24px 0 rgb(0 0 0 / .06);
	overflow: hidden;
	padding: 10px 30px
}

.webFAQ .accordion-button {
	color: #222 !important;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	background: transparent !important;
	border: 0 !important;
	padding: 0;
	height: 60px
}

button.accordion-button:focus {
	outline: none;
	box-shadow: none
}

.webFAQ .accordion {
	--bs-accordion-border-color: #fff
}

.webFAQ .accordion-body {
	color: #444;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	padding: 0;
	max-width: 86%
}


.webFAQ .accordion-body p{
	color: var(--black) !important;
	font-size: 15px !important;

}

.webFAQ .accordion-body {
	margin-bottom: 35px
}

@media only screen and (max-width:1680px) and (min-width:1551px) {
	.container.large {
		width: auto !important;
		max-width: 1415px
	}

	.header-area .wc-btn-primary {
		padding: 15.4px 23.06px
	}

	.wc-btn-primary {
		font-size: 13.32px
	}

	.main-menu li>a {
		font-size: 13.32px;
		padding: 47px 19.98px
	}

	.services_drop--down p {
		font-size: 15px
	}

	.main-menu ul.dp-menu li a {
		font-size: 13.32px
	}

	.header__logo {
		max-width: 220px;
	}

	.header__cta img {
		max-width: 46.61px
	}

	.header__cta span {
		font-size: 11.65px;
		margin-bottom: 5px
	}

	.header__cta a {
		font-size: 13.32px
	}

	.header-area .header-area__inner {
		height: 107px
	}

	.hero-area {
		padding-top: 107px
	}

	.hero-area .year-box .title {
		margin-top: 24.97px;
		font-size: 24.97px
	}

	.hero-area .year-box {
		border-radius: 29.13px;
		padding: 24.97px 31.63px 33.29px
	}

	.hero-area .section-header .section-title {
		font-size: 83.24px
	}

	.hero-area .content-first {
		padding-top: 83.24px
	}

	.hero-area .content-second {
		padding-top: 58.26px
	}

	.banner-arrows {
		margin-top: 74.08px
	}

	.hero-area .meta-info .text {
		margin-top: 21.64px;
		font-size: 16.65px
	}

	.featured_row {
		display: flex;
		align-items: center;
		margin-top: 95.72px;
		margin-bottom: 119.86px
	}

	.journey_row {
		border-radius: 24.97px;
		padding-left: 158.15px;
		height: 402.86px
	}

	.journey_row::after {
		width: 351.25px
	}

	#featured__in .h3 {
		font-size: 33.29px;
		line-height: 175%
	}

	.journey_row .main_h2 {
		font-size: 41.62px
	}

	.count_j strong {
		font-size: 133.18px
	}

	.portfolio_bg {
		position: sticky;
		top: 124.85px;
		padding: 66.59px 0
	}

	.hero-area .section-content {
		gap: 0 80px;
		grid-template-columns: 35% 50% 1fr auto
	}
	.col_one span {
		font-size: 79px
	}
}

@keyframes moveUpDown1550 {
	0% {
		top: 68.41px
	}

	50% {
		top: 85.51px
	}

	100% {
		top: 68.41px
	}
}

@media only screen and (max-width:1550px) {
	.container.large {
		width: auto !important;
		max-width: 1250px
	}

	.container {
		max-width: 1080px
	}

	.header-area .wc-btn-primary {
		padding: 13.17px 19.72px;
		border-radius: 12.83px
	}

	.menu-item-has-children.overflow--class .dp-menu {
		padding: 30px !important
	}

	.ser-menu-right {
		width: 70%;
		gap: 25px
	}

	.menucol-4 {
		width: 31%
	}

	.left_wrapper--menu span {
		font-size: 21px;
		margin-bottom: 15px;
		margin-top: 5px
	}

	.left_wrapper--menu {
		margin-right: 35px;
		padding-right: 30px
	}

	.hero-area .section-content {
		display: grid;
		gap: 0 80px;
		grid-template-columns: 35% 50% auto;
		position: relative
	}

	.wc-btn-primary {
		font-size: 11.39px
	}

	.main-menu li>a {
		padding: 40px 17.09px;
		font-size: 14px
	}

	.sticky .main-menu li>a {
		padding: 35px 17.09px
	}

	.services_drop--down p {
		font-size: 14px;
		margin-bottom: 7px;
		max-width: 90%
	}

	.main-menu ul.dp-menu li a {
		font-size: 13px
	}

	.main-menu ul.dp-menu .menuList li a {
		padding: 6.4px 0;
		font-size: 12.3px
	}

	.left_wrapper--menu p {
		font-size: 13px !important
	}

	.menucol-4 p img {
		height: 30px;
		width: auto
	}

	.header__logo {
		max-width: 220px;
	}

	.header__cta img {
		max-width: 39.86px
	}

	.header__cta span {
		font-size: 9.96px;
		margin-bottom: 4.28px
	}

	.header__cta a {
		font-size: 11.39px
	}

	.header-area .header-area__inner {
		height: 91.5px
	}

	.hero-area {
		padding-top: 91.5px
	}

	.wc-btn-primary {
		padding: 15.82px 18.98px;
		font-size: 11.39px;
		border-radius: 12.83px;
		gap: 25.65px
	}

	.hero-area .video-btn {
		position: relative;
		gap: 17.1px
	}

	.wc-btn-normal {
		font-size: 15.39px;
		gap: 5px
	}

	.hero-area .hero-social .title {
		padding-inline-end: 68.41px;
		font-size: 13.68px
	}

	.hero-area .year-box .title {
		margin-top: 21.35px;
		font-size: 21.35px
	}

	.hero-area .year-box {
		border-radius: 24.91px;
		padding: 21.35px 27.05px 28.47px
	}

	.hero-area .section-header .section-title {
		font-size: 65px
	}

	.hero-area .content-first {
		padding-top: 71.18px
	}

	.hero-area .content-second {
		padding-top: 49.82px
	}

	.banner-arrows {
		margin-top: 63.35px;
		gap: 12.83px
	}

	.hero-area .meta-info .text {
		margin-top: 18.5px;
		font-size: 15px
	}

	.featured_row {
		display: flex;
		align-items: center;
		margin-top: 81.85px;
		margin-bottom: 102.5px
	}

	.journey_row {
		border-radius: 21.35px;
		padding-left: 135.24px;
		height: 344.5px
	}

	.journey_row::after {
		width: 260.36px
	}

	#featured__in .h3 {
		font-size: 28.47px;
		line-height: 175%
	}

	.journey_row .main_h2 {
		font-size: 35.59px
	}

	.count_j strong {
		font-size: 113.89px
	}

	.portfolio_bg {
		position: sticky;
		top: 106.76px;
		padding: 56.94px 0
	}

	.header__nav {
		margin-right: 4.93px
	}

	.hero-area .year-box .meta {
		font-size: 11.97px;
		padding: 7.7px 20.52px;
		border-radius: 8.55px
	}

	.banner-arrows img {
		width: 70px
	}

	.left_hero__slider img {
		width: 59.86px
	}

	.hero-area-inner .shape-1 {
		top: 68.41px;
		z-index: -1;
		width: 580px;
		animation: moveUpDown1550 2.5s infinite ease-in-out
	}

	.hero-area .section-header .btn-wrapper {
		margin-top: 34.2px;
		gap: 34.2px
	}

	.hero-area .meta-info {
		margin-top: 30px
	}

	.hero-area .hero-social .title::before {
		height: 51.31px
	}

	.hero-social-links a img {
		max-width: 43.61px
	}

	.featured_row .slick-slide {
		min-height: 62.42px;
		margin-right: 42.76px
	}

	.sub_heading {
		font-size: 17.79px;
		margin-bottom: 14.95px
	}

	.sub_heading img {
		max-width: 35px;
		margin-right: 22.06px
	}

	.seprator_cs {
		max-width: 100%
	}

	.count_j {
		margin: 76.96px 0
	}

	.count_j p {
		font-size: 15.27px;
		line-height: 25.65px
	}

	.main_h2 {
		font-size: 38.16px
	}

	.transfroming_ideas {
		padding-top: 83.96px;
		padding-bottom: 50px
	}

	.transfroming_ideas p strong {
		font-size: 20px;
		line-height: 1.6
	}

	.transfroming_ideas p:not(.sub_heading) {
		margin-bottom: 22.9px;
		font-size: 18px
	}

	.stat-number {
		font-size: 30.53px
	}

	.transfroming_ideas .wc-btn-primary {
		padding: 14.12px 25.03px;
		box-shadow: 0 12px 18px 0 #BD202021;
		font-size: 13.74px;
		margin-top: 34.35px
	}

	.top_img img {
		width: 156.47px
	}

	.top_img {
		margin-bottom: -28px
	}

	.service-area .section-header .text {
		font-size: 18px;
		max-width: 305.3px
	}

	.service-area .service-area-inner {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.service-area .service-box .title {
		font-size: 20px
	}

	.service-area .service-box .text {
		font-size: 17px
	}

	.service-area .service-box {
		padding: 38.16px 30.53px 36.64px
	}

	.services-wrapper .slick-prev.slick-arrow::before {
		background-size: contain;
		width: 38.16px;
		height: 38.16px
	}

	.services-wrapper .slick-next.slick-arrow::before {
		background-size: contain;
		width: 38.16px;
		height: 38.16px
	}

	.service-area .cf_btn.wc-btn-normal i {
		margin-left: 12.98px;
		font-size: 12.98px
	}

	.service-area .service-box .thumb img {
		max-height: 76.33px
	}

	.on_demand--wrapper p {
		font-size: 13.74px
	}

	.ond--sec>div>img {
		margin-bottom: 7px;
		max-width: 53.43px
	}

	.apparel_fashion {
		max-width: 93%
	}

	.apwrapepr {
		padding-left: 30.53px;
		max-width: 82%;
		padding-top: 29px;
		margin-bottom: 3px
	}

	.apwrapepr-2 {
		margin-bottom: 7px
	}

	.on_demand--wrapper h3 {
		font-size: 22.9px;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 12.98px
	}

	.ond--sec.rental-app {
		padding-left: 32.06px;
		margin-bottom: 20.61px
	}

	.ond--sec.handy-man {
		background: #F8FFDA;
		display: flex;
		padding-left: 32.82px;
		padding-top: 22px;
		padding-right: 32.72px
	}

	.ond--sec.handy-man>img {
		margin-left: 30px;
		max-width: 45% !important;
		max-width: 43.6% !important
	}

	.on_demand_slide .col-md-5>div {
		height: 100%
	}

	.hero-area .section-header .section-title .icon-first {
		max-width: 107.62px !important
	}

	.ond--sec.handy-man p {
		margin-bottom: 22px
	}

	.ond--sec.grocery-app {
		padding-left: 32.06px;
		margin-bottom: 20.61px
	}

	.Grocery {
		padding-top: 25.95px;
		max-width: 62%
	}

	.ond--sec.parking-app {
		padding-left: 32.82px;
		padding-top: 32.82px;
		padding-right: 25.19px
	}

	.car-parking-img {
		max-width: 50.4%
	}

	.apwrapepr-2 {
		padding-left: 30.53px;
		max-width: 75%;
		padding-top: 29px
	}

	.ond--sec.event-app {
		padding: 30.53px;
		padding-top: 29px;
		padding-bottom: 0
	}

	.Classified .apwrapepr-2 {
		padding-top: 0;
		padding-bottom: 30.53px
	}

	.ond--sec.event-app>img {
		max-width: 92.3%
	}

	.on_demand_slide {
		max-width: 1080px;
		margin: 0 11.45px;
		margin-bottom: 0
	}

	.solutions_ondemand {
		padding: 91.59px 0
	}

	.industries_wrapper {
		padding: 91.59px 0
	}

	.in--cnt_div p {
		font-size: 18.32px;
		line-height: 1.4;
		margin-bottom: 16.79px
	}

	.in--cnt_div img {
		width: 92.35px
	}

	.arrows-wrapper img {
		width: 38.93px
	}

	.industries_wrapper .section-header__cs {
		margin-bottom: 34.35px
	}

	.portfolio_box p:not(.sub_heading) {
		font-size: 17px
	}

	.solutions-btn {
		margin-top: 30px
	}

	.mgad {
		margin-bottom: 38.16px;
		margin-top: 19.08px
	}

	.ui-design {
		font-size: 10.69px;
		height: 23.66px;
		padding: 0 12.98px;
		line-height: 23.66px;
		margin-right: 7.63px
	}

	.col-pr-right img {
		max-width: 90%
	}

	.col-pr-right {
		text-align: center
	}

	.custom__portfolio {
		padding: 91.59px 0
	}

	.ceo_message {
		padding: 68.69px 0
	}

	.ceo_quote {
		padding: 77.85px 85px 41.98px;
		border-radius: 22.9px;
		margin-top: 38.16px
	}

	.ceo_quote p {
		font-size: 20px
	}

	.ceo_name {
		font-size: 21.37px;
		margin-top: 22.9px;
		margin-bottom: 15.27px
	}

	.designation {
		font-size: 16.79px
	}

	.next_level {
		padding-top: 91.59px;
		padding-bottom: 34.35px
	}

	.next_level p {
		font-size: 18px;
		margin-top: 12.98px;
		margin-bottom: 28.24px
	}

	.next_level .wc-btn.wc-btn-primary {
		font-size: 13.74px;
		padding: 16.03px 27.32px
	}

	.img_wrapper {
		position: relative;
		margin-top: 45.8px
	}

	.img_wrapper img {
		max-width: 824.31px
	}

	.n-shape-1 {
		max-width: 157.99px !important
	}

	.n-shape-2 {
		max-width: 173.26px !important
	}

	.testimonial_wrapper {
		padding: 80px 0
	}

	.testimonial_wrapper .main_h2 {
		margin-bottom: 45.8px
	}

	.testimonai_left--box span {
		font-size: 61.06px
	}

	.total_review {
		font-size: 13.74px
	}

	.testimonai_left--box .txt {
		font-size: 19.08px;
		margin-bottom: 34.35px !important
	}

	.tst-sl-wrapper>div>p {
		font-size: 18.32px;
		margin-top: 26.71px
	}

	.tst_foot {
		margin-top: 30.53px
	}

	.tst_name {
		font-size: 15.27px
	}

	.tst_designation {
		font-size: 12.21px;
		line-height: 1.3
	}

	.tst-sl-wrapper {
		padding: 30.53px;
		border-radius: 15.27px
	}

	.testimonai_left--box {
		padding-top: 29.77px;
		padding-bottom: 32.82px;
		padding-left: 64.88px;
		padding-right: 64.88px;
		border-radius: 15.27px
	}

	.clientele_wrapper {
		padding-top: 73.27px;
		background-position: right center;
		padding-bottom: 58.77px
	}

	.home_blog {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.right_head-blog p {
		font-size: 16px
	}

	.blg_section_head {
		margin-bottom: 45.8px
	}

	.blg_slide.slick-slide {
		margin: 0 10px
	}

	.blg_cnt .h3 {
		font-size: 19.08px;
		margin-bottom: 15.27px;
		margin-top: 19.08px
	}

	.blg_date {
		font-size: 11.45px
	}

	.footer-logo img {
		max-width: 125px;
		margin-bottom: 38.16px
	}

	.footer-logo p {
		font-size: 14px;
		padding-right: 38.16px
	}

	.footer-area .footer-widget-wrapper .title {
		font-size: 20px
	}

	.footer-area .footer-nav-list {
		margin-top: 20.61px
	}

	.footer-area .footer-nav-list li {
		font-size: 14px;
		line-height: 22.9px
	}

	.footer-area .newsletter-text .text {
		font-size: 14px
	}

	.subscribe-form .input-field {
		border-radius: 20px;
		display: flex;
		gap: 10px;
		align-items: center;
		padding: 25px 25px
	}

	.subscribe-form .input-field {
		border-radius: 15.27px;
		padding: 19.08px 19.08px
	}

	.copyright-text p {
		font-size: 13.74px
	}

	.copyright-area-inner ul {
		font-size: 13.74px
	}

	.footer-area .footer-area-inner {
		padding-top: 114.49px;
		padding-bottom: 71.75px
	}

	.comapny_banner--wrapper {
		padding-top: 150px;
		padding-bottom: 80px
	}

	.about-container {
		max-width: 1060px;
		margin: 0 auto
	}

	.comapny_banner--wrapper .h1 {
		font-size: 64px;
		margin-bottom: 29.55px;
		font-weight: 600
	}

	.abt_cnt_wrapper {
		max-width: 550px
	}

	.comapny_banner--wrapper .sub_heading {
		font-size: 16.25px;
		margin-top: 5.17px
	}

	.comapny_banner--wrapper .sub_heading img {
		width: 35px;
		margin-right: 36.93px
	}

	.abtpg_cnt-right p {
		font-size: 16px
	}

	.col_one p {
		font-size: 17.07px;
		max-width: 65%
	}

	.col_one span {
		font-size: 64.03px
	}

	.col_one {
		padding: 35.57px
	}

	.bg_about {
		padding-top: 85.38px;
		padding-bottom: 73.28px
	}

	.abtext_ad {
		margin-top: 8.54px;
		margin-bottom: 21.34px;
		font-size: 16px;
		max-width: 90%
	}

	.success_rate p {
		font-size: 17.92px
	}

	.mission_vision {
		margin-top: 70px;
		margin-bottom: 70px
	}

	.mission_wrapper {
		padding: 32.58px
	}

	.mission_wrapper .h3 {
		font-size: 24.43px;
		line-height: 57.01px;
		margin-bottom: 16.29px;
		gap: 17.92px
	}

	.mission_wrapper .h3 img {
		width: 42.35px
	}

	.mission_wrapper p {
		font-size: 16.29px
	}

	.core_values .main_h2 {
		margin-bottom: 16.29px
	}

	.fnt_20 {
		font-size: 18px
	}

	.core_values>img {
		margin-top: 30px;
		margin-bottom: 77px
	}

	.time_cnt .h3 {
		font-size: 22.81px;
		line-height: 32.58px;
		gap: 24.43px;
		margin-bottom: 16.29px
	}

	.time_cnt .h3 img {
		width: 68.42px
	}

	.core_timeline p {
		font-size: 18px
	}

	.right_timeline {
		padding-top: 51.31px
	}

	.core_timeline .left_timeline {
		padding-top: 8.14px
	}

	.core_timeline .right_timeline .time_cnt {
		margin-bottom: 227.24px
	}

	.core_timeline .left_timeline .time_cnt {
		margin-top: 227.24px
	}
}

@media only screen and (max-width:1200px) {
	.container.large {
		width: auto !important;
		max-width: 97%
	}

	.mx49 img {
		max-width: 100%
	}

	.journey_row::after {
		width: 215px;
		margin: auto;
		height: 236px
	}

	.hero-area .section-header .section-title {
		font-size: 65px
	}

	.hero-area .section-content {
		gap: 70px
	}
}

@media only screen and (max-width:1150px) {
	.journey_row::after {
		display: none
	}

	.featured_row {
		margin: 50px 0
	}

	.portfolio_bg {
		padding: 40px 30px
	}
}

@media only screen and (max-width:1080px) {
	.arrows-wrapper.game_arrow {
		margin: 0 -12px !important
	}

	.hero-area .section-content {
		grid-template-columns: 35% 50% 0;
		gap: 40px !important
	}

	.container {
		max-width: 97% !important
	}

	.container.large .container {
		max-width: 100% !important
	}

	.testimonial_wrapper .testimonai_left--box {
		height: 100%
	}

	.about-container {
		max-width: 97% !important
	}

	.comapny_banner--wrapper .h1 {
		font-size: 48px
	}

	.col_one span {
		font-size: 33px
	}

	.col_one p {
		font-size: 15.07px;
		max-width: 100%
	}

	.max-img {
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important
	}

	.col_one {
		padding: 18.57px
	}
}

@media only screen and (max-width:992px) {
	.gm_sr_row {
		display: block !important
	}

	.game_development .marketing_section {
		padding-bottom: 0
	}

	.service-area .section-title-wrapper .main_h2 {
		margin-bottom: 20px
	}

	.service-area .section-title-wrapper .main_h2 br {
		display: none
	}

	.gm_sr_row .game_service-left,
	.gm_sr_row * {
		width: 100% !important
	}

	.hero-area .section-content {
		grid-template-columns: 40% 45% 0;
		gap: 0 20px !important
	}

	.hero-area .content-third {
		display: block !important
	}

	.hero-area .meta-info {
		margin-top: 35px
	}

	.hero-area .content-first {
		padding-top: 51.18px
	}

	.hero-area .section-header .section-title {
		font-size: 50px
	}

	.hero-area .content-third {
		display: block
	}

	.hero-area-inner .shape-1 {
		width: 500px
	}

	.hero-area .content-third {
		grid-column: span 2;
		display: flex;
		justify-content: center;
		padding-top: 30px;
		border-top: 1px solid var(--border);
		padding-bottom: 30px;
		margin-top: 30px
	}

	.hero-area .hero-social .title::before {
		height: 1px;
		background: #191919;
	}

	.main_h2 {
		font-size: 30px
	}

	.transfroming_ideas {
		padding-top: 50px
	}

	.service-area .service-area-inner {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.solutions_ondemand {
		padding: 50px 0
	}

	.industries_wrapper {
		padding: 50px 0
	}

	.custom__portfolio {
		padding: 50px 0
	}

	.ceo_message {
		padding: 50px 0
	}

	.next_level {
		padding-top: 50px;
		padding-bottom: 10px
	}

	.testimonial_wrapper {
		padding: 50px 0
	}

	.clientele_wrapper {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.home_blog {
		padding: 50px 0
	}

	.footer-area .footer-area-inner {
		padding-top: 50px;
		padding-bottom: 71.75px
	}

	.hero-area .hero-social {
		writing-mode: initial
	}

	.featured_row {
		display: block
	}

	#featured__in .h3 {
		margin-bottom: 20px
	}

	.featured_slider.slick-initialized.slick-slider {
		max-width: 100%;
		width: 100%;
		margin-left: 0
	}

	.left_featuredIn {
		max-width: 100% !important;
		border-right: 0;
		width: 100%
	}

	.blg_cnt .h3 .br-none {
		display: none
	}

	.core_timeline p {
		max-width: 100%
	}

	.comapny_banner--wrapper .h1 {
		font-size: 34px
	}
}

@media only screen and (max-width:900px) {
	.journey_row {
		padding: 0 50px
	}

	.stats-container .stat-item:nth-child(3) {
		display: none
	}

	.stats-container .stat-divider:nth-child(2) {
		display: none
	}

	.pr_row {
		gap: 20px
	}

	.col-pr-left {
		width: 50%
	}

	.col-pr-right {
		width: 50%
	}
}

@media only screen and (max-width:830px) {
	.hero-area .section-header .section-title {
		font-size: 40px
	}

	.hero-area .section-content {
		grid-template-columns: 32% 68% 0;
		gap: 0 30px !important
	}

	.img_wrapper img {
		max-width: 100%
	}

	.journey_row .main_h2 {
		font-size: 24px
	}

	.sub_heading img {
		max-width: 35px;
		margin-right: 12.06px
	}

	.sub_heading {
		font-size: 16.79px
	}

	.testimonai_left--box {
		padding: 20px
	}

	.tst-sl-wrapper {
		padding: 20px
	}
}

@media only screen and (max-width:767px) {
	.hero-area .section-content {
		gap: 0 !important;
		display: flex;
		flex-direction: column
	}

	.hero-area .content-third {
		grid-column: auto;
		border-top: 0;
		justify-content: flex-start;
		padding-top: 0
	}

	.hero-area .content-third {
		order: 3
	}

	.hero-area .content-first {
		padding-top: 0px !important;
		padding-bottom: 0;
		order: 2
	}

	.hero-area .meta-info .text {
		margin-top: 18.5px;
		font-size: 15px;
		line-height: 1.6
	}

	.hero-area .content-first {
		text-align: center
	}
	
	.hero-area .section-content .banner_img_left img{
	    transform: none !important;
	    width: 60%;
	}

	.hero-area .content-second {
		text-align: center
	}

	.hero-area .section-header .btn-wrapper {
		justify-content: center;
		margin-top: 25px
	}

	.hero-area .section-header .section-title .icon-first {
		max-width: 67px !important;
		margin-top: -14px
	}

	.banner-arrows {
		justify-content: center;
		margin-top: 40px
	}

	.hero-area .meta-info img {
		margin: 0 auto
	}

	.offcanvas-3__menu-wrapper {
		height: 100%
	}

	.fa-solid.fa-bars {
		font-size: 25px
	}

	.featured_slider::before {
		background: #fff;
		height: 91px
	}

	.featured_row {
		margin: 0;
		margin-bottom: 40px
	}

	#featured__in .h3 {
		font-size: 22px
	}

	#featured__in {
		border-top: 1px solid #f3f3f3;
		padding-top: 30px
	}

	.journey_row .col-md-2,
	.journey_row .col-md-4 {
		height: auto !important
	}

	.journey_row .col-md-6 {
		overflow: hidden
	}

	.journey_row {
		padding: 40px
	}

	.seprator_cs {
		margin-top: 30px;
		margin-bottom: 30px
	}

	.count_j strong {
		font-size: 55px;
		margin-bottom: 5px;
		display: inline-block
	}

	.count_j {
		margin: 30px 0
	}

	.mx51 {
		width: 100%
	}

	.mx49 {
		width: 100%
	}

	.main_h2 {
		font-size: 25px
	}

	.top_img {
		margin-top: 80px
	}

	.n-shape-1,
	.n-shape-2,
	.n-shape-3 {
		display: none
	}

	.ceo_quote {
		padding: 25px
	}

	.ceo_quote p {
		font-size: 17px
	}

	.testimonial_slider .slick-track {
		display: flex;
		height: auto !important;
		gap: 0 !important
	}

	.testimonial_wrapper .col-md-8 {
		padding: 0 10px
	}

	.client_slider.slick-initialized.slick-slider::before {
		display: none
	}

	.testimonial_wrapper .row {
		flex-direction: column-reverse
	}

	.testimonial_wrapper .row {
		flex-direction: column-reverse;
		gap: 20px 1px
	}

	.location_head {
		position: static
	}

	.col_one.img {
		overflow: hidden
	}

	.four_colwrapper {
		margin-top: 5px
	}

	.comapny_banner--wrapper .h1 {
		font-size: 29px;
		padding: 0 20px
	}

	.comapny_banner--wrapper {
		padding-bottom: 60px
	}

	.bg_about {
		padding: 40px 0 !important
	}

	.mission_vision {
		margin-top: 40px;
		margin-bottom: 40px
	}

	.mission_wrapper.green {
		margin-top: 20px
	}

	.mission_wrapper {
		height: auto
	}

	.core_values .sub_heading {
		margin-top: 0
	}

	.core_timeline {
		display: flex;
		flex-direction: column
	}

	.core_timeline .left_timeline {
		width: 100%;
		text-align: left
	}

	.core_timeline .right_timeline {
		width: 100%
	}

	.center_timeline {
		display: none
	}

	.core_timeline .left_timeline .time_cnt .h3 {
		justify-content: flex-end;
		flex-direction: row-reverse
	}

	.core_timeline .left_timeline .time_cnt {
		margin-top: 0 !important;
		padding: 0 !important
	}

	.core_timeline .right_timeline .time_cnt {
		margin-bottom: 0 !important
	}

	.core_timeline .right_timeline .time_cnt {
		margin-bottom: 23px !important
	}

	.right_timeline {
		padding-top: 0
	}

	.core_timeline .time_cnt {
		margin-bottom: 23px !important
	}

	.core_values>img {
		margin-bottom: 30px !important
	}
}

@media only screen and (max-width:600px) {
	.header__cta {
		display: none
	}

	.pr_row {
		flex-direction: column
	}

	.pr_row .col-pr-left {
		width: 100%;
		margin-bottom: 32px
	}

	.pr_row .col-pr-right {
		width: 100%
	}

	.col-pr-right img {
		max-width: 100%
	}

	.col-pr-left {
		height: 342px
	}

	.copyright-area-inner {
		flex-direction: column;
		line-height: 2;
		padding: 20px 15px
	}
}

@media only screen and (max-width:580px) {
	.header__cta {
		display: none
	}

	.abt_cnt_wrapper {
		display: block
	}

	.abtpg_cnt-right {
		width: 100%;
		text-align: center
	}

	.abtpg_cnt-left {
		width: 100%;
		text-align: center
	}

	.comapny_banner--wrapper .sub_heading {
		text-align: center;
		justify-content: center
	}

	.comapny_banner--wrapper .sub_heading img {
		width: 35px;
		margin-right: 7px
	}
}

section.feature-section {
	padding-bottom: 100px
}

.laptop-anime-section {
	position: relative;
	margin-left: -30%
}

.laptop-anime-section:before {
	content: "";
	width: 571px;
	height: 100%;
	border-radius: 30px;
	opacity: .24;
	background: var(--secondary);
	position: absolute;
	right: 80px;
	top: 0;
	z-index: 0
}

.only-laptop {
	padding: 100px 0;
	text-align: center;
	position: relative;
	z-index: 1
}

.animate-part {
	display: inline-block;
	position: relative;
	overflow: hidden
}

.animate-part img.laptop-screen {
	display: block;
	width: 100%;
	height: auto;
	z-index: 2;
	position: relative
}

.scrolling-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	z-index: 1
}

.bottom-part {
	position: relative;
	top: -3px
}

.plantimg {
	position: absolute;
	right: -20px;
	top: -80px;
	z-index: 3
}

.inner-feat {
	background-color: #fff;
	width: 115px;
	height: 120px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: absolute;
	box-shadow: 0 0 24px 0 #0000001f;
	border-radius: 10px;
	z-index: 3;
	animation: up-down linear 4s infinite, -webkit-up-down linear 4s infinite, -moz-up-down linear 4s infinite, -o-up-down linear 4s infinite, -ms-up-down linear 4s infinite;
	transform-origin: 50% 50%
}

.inner-feat h4 {
	color: #514B4B;
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px
}

.feature1 {
	top: -60px;
	left: 50%
}

.feature2 {
	top: -60px;
	right: 10%
}

.feature3 {
	top: 30%;
	right: 3%
}

.feature4 {
	bottom: -60px;
	right: 50%
}

.feature5 {
	bottom: 5%;
	left: 12%
}

.feature6 {
	top: 20%;
	left: 0
}

@keyframes up-down {
	0% {
		transform: translate(1px, 20px)
	}

	24% {
		transform: translate(1px, 30px)
	}

	50% {
		transform: translate(1px, 12px)
	}

	74% {
		transform: translate(1px, 22px)
	}

	100% {
		transform: translate(1px, 22px)
	}
}

section.cta-section {
	background-color: var(--secondary);
	padding: 70px 35px;
	border-radius: 25px;
	max-width: 80%;
	margin: 0 auto;
	margin-top: 90px
}

@media only screen and (max-width: 768px){
	section.cta-section .ms-auto{
		margin-top: 5px 0 !important;
	}
}

section.cta-section * {
	color: #fff
}

.cta-section h2 {
	margin-bottom: 20px
}

.webFAQ {
	padding: 0 0 50px
}

.accordion-wrapper {
	margin-top: 30px
}

.accordion-button::after {
	content: "+";
	background: no-repeat;
	font-size: 32px;
	line-height: 18px;
	font-weight: 300
}

.accordion-button:not(.collapsed)::after {
	content: "_";
	background: no-repeat
}

section.technologies-section {
	background-position: left top;
	padding: 80px 0
}

.graphics-design section.technologies-section {
	padding: 110px 0
}

section.technologies-section .section-header__cs {
	margin-bottom: 40px
}

.custom-tabs {
	margin-bottom: 10px
}

.gm-development .custom-tabs {
	gap: 15px !important;
	display: flex;
	flex-wrap: wrap
}

.custom-tabs .tab-btn {
	background-color: #fff;
	border-radius: 100px;
	background: #FFF;
	box-shadow: 0 4px 10.2px 0 rgb(0 0 0 / .15) inset, -10px 10px 20px 0 rgb(0 0 0 / .05);
	padding: 0 30px;
	height: 60px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-gap: 10px;
	margin: 0 5px
}

.gm-development .custom-tabs .tab-btn {
	margin: 0 0px !important
}

.tab-content>div {
	display: none
}

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

.tab-btn {
	cursor: pointer
}

.tab-btn.active {
	font-weight: 700;
	color: #000
}

.mobile-application-portfolio button {
	width: 170px;
	background: #bd2020;
	margin: 0 auto !important;
	display: block;
	margin-top: 60px !important
}

.mobile-application-portfolio a::before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	background: linear-gradient(180deg, #fff0 62%, rgb(0 0 0 / .74) 100%);
	display: block;
	z-index: 9;
	transition: all 0.7s ease
}

.mobile-application-portfolio a {
	position: relative
}

.mobile-application-portfolio a:hover::before {
	background: linear-gradient(180deg, #fff0 62%, rgb(0 0 0 / .63) 100%)
}

.portfolio-head {
	padding: 100px 0 50px
}

.portfolio-head .sub_heading {
	display: block;
	margin-bottom: 15px
}

ul#pr-tabs {
	display: flex;
	border-bottom: 1px solid #191919;
	justify-content: center
}

ul#pr-tabs li {
	margin: 0 15px
}

ul#pr-tabs li.active {
	border-bottom: 3px solid var(--primary);
}

ul#pr-tabs li.active a {
	color: #bd2020;
	font-weight: 700
}

ul#pr-tabs li a {
	text-decoration: none;
	color: #555;
	font-size: 20px;
	font-weight: 500;
	outline: none;
	display: inline-block;
	padding: 15px 15px
}

.portfolio-content {
	margin-top: 70px
}

.mobile-application-portfolio a {
	border-radius: 25px;
	display: inline-block;
	background: #eaeaea !important;
	overflow: hidden;
	transition: all 0.5s ease;
	box-shadow: rgb(0 0 0 / .1) 0 0 13px 0
}

.mobile-application-portfolio a img {
	transition: all 0.5s ease
}

.mobile-application-portfolio a:hover img {
	transform: scale(1.1)
}

.web-design-sec {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px
}

.web-item {
	position: relative;
	box-shadow: 0 0 15px 0 #0000001A;
	border-radius: 15px;
	overflow: hidden
}

.web-item img {
	height: 306px;
	width: 100%;
	object-fit: cover;
	object-position: center top;
	transition: all 4s ease-in
}

.web-item:hover img {
	object-position: center bottom
}

.web-d-text {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 30px 20px;
	opacity: 0;
	transform: translateY(80px);
	transition: all 0.8s ease-in
}

.web-item:hover .web-d-text {
	transform: translateY(10px);
	opacity: 1
}

.web-d-text h4 {
	color: #fff;
	z-index: 99
}

.web-d-text:after {
	content: "\f061";
	font-family: 'FontAwesome';
	font-size: 20px;
	transform: rotate(-35deg);
	display: inline-block;
	position: relative;
	color: #fff;
	z-index: 99
}

.web-d-text:before {
	content: "";
	background-image: linear-gradient(to bottom, #fff0, #000000);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 200px;
	left: 0;
	bottom: 0;
	z-index: 0
}

.inner_popup {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 30px
}

.solutions-btn span {
	padding: 10px 20px;
	background-color: #ff0;
	border-radius: 30px;
	margin-right: 10px
}

.banner_america h2.banner_heading {
	margin: 30px 0
}

.banner_america .inner-col-img{
	border-radius: 15px;
}


.span-text {
	display: flex;
	margin-bottom: 30px;
	margin-top: 20px
}

.span-text span {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	flex-shrink: 0
}

.span-text span:after {
	content: "|";
	margin: 0 7px;
	font-weight: 300;
	color: #D5D5D5
}

.span-text span:last-child:after {
	display: none
}

section.team-squad {
	background-position: center;
	padding: 110px 0
}

section.team-squad * {
	color: #fff
}

#myteam-squad .section-title-wrapper {
	text-align: center;
	margin: 0 auto
}

#myteam-squad .section-title-wrapper h2.sub_heading {
	justify-content: center
}

#myteam-squad .main_h2 {
	width: 65%;
	margin: 0 auto
}

#myteam-squad .text-wrapper {
	width: 85%;
	margin: 0 auto
}

section.team-squad p a {
	color: #bd2020
}

#myteam-squad a.pg_btn {
	background: var(--primary);
}

section.team-squad a.pg_btn {
	margin-top: 20px
}

section.team-squad .text-wrapper {
	margin-top: 20px
}

section.team-squad .text-wrapper p {
	margin-bottom: 10px
}

.team-grid {
	display: flex;
	grid-gap: 20px;
	padding-left: 50px
}

.team-grid .team-col {
	width: 100%
}

.team-grid .team-col:last-child {
	margin-top: 60px
}

.team-grid .team-col .team-inner:first-child {
	margin-bottom: 20px
}

.team-grid .team-inner {
	border-radius: 20px;
	text-align: center;
	padding: 30px 20px 0;
	position: relative
}

.team-grid .team-inner:before {
	content: "";
	border-radius: 20px;
	opacity: .05;
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.team-inner h6 {
	font-size: 25px;
	font-weight: 700
}

.team-inner p.desig {
	color: #9B9B9B;
	font-size: 18px;
	font-style: normal;
	line-height: 35px;
	margin-bottom: 15px
}

section.after-team {
	background: url(../imgs/americadigital/AfterTeamBG.jpg);
	background-size: cover;
	background-position: top
}

#after-sec {
	background: none
}

.creactive-section p a {
	color: #bd2020;
	font-weight: 700
}

.creactive-section ul {
	margin-left: 20px;
	margin-bottom: 40px
}

.creactive-section ul li {
	list-style: disc !important;
	color: var(--white);
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 15px
}

.section_counter {
	margin-top: 50px;
	padding-bottom: 100px
}

.section_counter ul li {
	color: var(--white);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	display: flex;
	align-items: center
}

.section_counter li:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 20px;
	background-color: #fff;
	border: 4px solid var(--primary);
	margin-right: 30px
}

.color-counter {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	text-align: center
}

.inner_count {
	padding: 40px 60px
}

.inner_count:nth-child(1),
.inner_count:nth-child(3) {
	border-right: 1px solid #E3E3E3
}

.inner_count:nth-child(1),
.inner_count:nth-child(2) {
	border-bottom: 1px solid #E3E3E3
}

.inner_count h2 {
	font-size: 61.149px;
	font-style: normal;
	font-weight: 700
}

.inner_count p {
	color: #212121;
	font-size: 22.421px;
	font-weight: 700
}

section.marketing_section {
	padding: 100px 0
}

section.marketing_section .inner_marketing p{
	color: var(--black) !important;
}

.custom-mm {
	position: sticky;
	top: 80px
}

@media only screen and (max-width: 768px){
	.ebooks #my-marketing .custom-mm img{
		width: 80% !important;
	}
}

.custom-mm p.strong {
	color: #BD2020;
	font-size: 28px;
	font-weight: 700;
	text-transform: capitalize
}

.custom-mm .main_h2~p {
	margin-top: 20px
}

.inner_marketing {
	padding: 40px 30px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / .1);
	margin-bottom: 20px
}

.inner_marketing h3,
.inner_marketing h4 {
	font-weight: 700;
	font-size: 24px;
	margin: 15px 0
}

.marketing-column>p {
	font-size: 22px;
	color: #212121;
	margin-top: 40px
}

section.digital-section {
	background-size: cover
}

.digital-section .in--cnt_div {
	padding-left: 10px;
	padding-right: 10px
}

.digital-section .in--cnt_div p {
	min-height: 80px;
	line-height: 32.7px;
	margin-bottom: 10px
}

section.section-game {
	padding: 80px 0;
	background-color: var(--black)
}

.web_row_2 .main_h2 {
	margin-bottom: 22px
}

.game-column p a {
	color: #bd2020;
	font-weight: 700
}

.designbg img.game_img {
	margin-left: -10%;
	max-width: 110%
}

section.DM-section {
	position: relative;
	margin-top: 100px
}

.dm-inner-slider {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / .1);
	padding: 0 90px 40px 40px;
	margin: 60px 10px 20px
}

.dm-inner-slider img {
	margin-top: -50px;
	margin-bottom: 10px
}

.dm-inner-slider h4 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 15px
}

.dm-inner-slider h4.green {
	color: #1B8B83
}

.dm-inner-slider h4.red {
	color: #BD2020
}

.dm-inner-slider h4.yellow {
	color: #F8B418
}

section.DM-section .arrows-wrapper {
	margin-bottom: 50px
}

.cms-head {
	padding: 100px 0
}

p.p-width {
	color: #212121;
	max-width: 70%;
	margin: 20px auto 0
}

.mid-sect {
	padding: 100px 0
}

.service-area-inner h2.sub_heading.d-block {
	margin-top: 20px
}

section.choose-branex {
	padding-top: 100px
}

.choose-branex h2.sub_heading {
	margin-top: 50px
}

.choose-branex .core_timeline {
	padding-top: 100px
}

.core_timeline .right_timeline .time_cnt:last-child {
	margin-bottom: 50px
}

section.business-section {
	padding: 80px 0
}

section.business-section .game_img{
	border-radius: 15px;
}

.software_banner .bnr_row p {
	max-width: 100%
}

.software_banner .span-text {
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 0
}

.software_banner .span-text span {
	padding: 10px 0
}

section.business-growth {
	padding: 90px 0
}

section.business-growth .game_img {
	border-radius: 15px;
}



section.achievement-section {
	padding: 100px 0;
	background: url(../imgs/digital-marketing/AchievementBG.jpg);
	background-size: cover
}

.achievement-col h2 {
	justify-content: center
}

.achievement-col h2.main_h2 {
	margin-bottom: 20px
}

.achievement-col p {
	max-width: 70%;
	margin: 0 auto
}

.achieve-counter {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	text-align: center;
	margin-top: 60px
}

.achieve-counter .counter-item {
	border-right: 1px solid lightgray;
	padding: 0 25px
}

.achieve-counter .counter-item:last-child {
	border-right: 0
}

.counter-item h5 {
	font-size: 61.15px
}

.counter-item p {
	font-size: 22.42px;
	font-weight: 700;
	color: #212121
}

.section_bg {
	background: url(../imgs/digital-marketing/ExpectBG.jpg) no-repeat;
	background-size: contain
}

section.expect-section {
	padding-top: 70px
}

.expect-section h2.main_h2 {
	margin-bottom: 70px
}

.expect-section .webp-wrapper {
	text-align: left
}

.expect-section .webp-wrapper h3 {
	text-align: left;
	font-size: 24px
}

.expect-section .webp-wrapper {
	padding-left: 45px;
	padding-right: 45px;
	margin-bottom: 0
}

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

.process-item .process-image {
	flex: 0 0 50%
}

.process-image {
	text-align: center
}

.process-col {
	flex: 0 0 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 50px;
	position: relative
}

.process-item:first-child .process-col:before {
	content: "";
	width: 10px;
	height: 80px;
	border-left: 2px dashed #1B8B83;
	position: absolute;
	left: -1px;
	bottom: 50px
}

.process-item:nth-child(even) .process-image {
	border: 2px dashed #1B8B83;
	border-left: none;
	border-radius: 0 30px 30px 0
}

.process-item:nth-child(3) .process-col,
.process-item:nth-child(5) .process-col {
	border-left: 2px dashed #1B8B83
}

.process-item:nth-child(3) .process-col:before,
.process-item:nth-child(5) .process-col:before {
	content: "";
	height: 50px;
	width: 50px;
	background-color: #fff;
	position: absolute;
	top: -2px;
	left: -2px;
	box-shadow: -10px -10px 0 0 #fff;
	border-top: 2px dashed #1B8B83;
	border-left: 2px dashed #1B8B83;
	border-radius: 30px 0 0
}

.process-item:nth-child(3) .process-col:after,
.process-item:nth-child(5) .process-col:after,
.process-item:first-child .process-col:after {
	content: "";
	height: 50px;
	width: 50px;
	background-color: #fff;
	position: absolute;
	bottom: -2px;
	left: -2px;
	box-shadow: -10px -10px 0 0 #fff;
	border-top: 2px dashed #1B8B83;
	border-left: 2px dashed #1B8B83;
	border-radius: 30px 0 0;
	transform: rotate(-90deg);
	z-index: 1
}

.process-item:nth-child(even) {
	justify-content: unset
}

.process-item:not(:first-of-type) .process-image {
	padding: 50px 0
}

.process-col h4 {
	font-weight: 700;
	margin-bottom: 15px
}

.process-item:nth-child(3n-2) .process-col h4 {
	color: #1B8B83
}

.process-item:nth-child(3n-1) .process-col h4 {
	color: #D03D3D
}

.process-item:nth-child(3n) .process-col h4 {
	color: #F8B418
}

.process-item:nth-child(3n-2) .process-col h4::before {
	background-color: #EBFBFF
}

.process-item:nth-child(3n-1) .process-col h4::before {
	background-color: #FFF1F1
}

.process-item:nth-child(3n) .process-col h4::before {
	background-color: #FFF9EB
}

.inner-process {
	counter-reset: heading-counter
}

.process-item {
	counter-increment: heading-counter;
	position: relative
}

.process-item .process-col h4 {
	position: relative
}

.process-item .process-col h4::before {
	content: "0" counter(heading-counter);
	color: #212121;
	font-size: 30px;
	font-weight: 600;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	border: 5px solid #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / .08);
	position: absolute;
	left: -100px;
	top: -20px
}

.process-item:last-child .process-image {
	border: none;
	border-top: 2px dashed #1B8B83;
	position: relative
}

.process-item:last-child .process-image:after {
	content: "";
	height: 50px;
	width: 50px;
	background-color: #fff;
	position: absolute;
	top: -2px;
	right: -2px;
	box-shadow: -10px -10px 0 0 #fff;
	border-top: 2px dashed #1B8B83;
	border-left: 2px dashed #1B8B83;
	border-radius: 30px 0 0;
	transform: rotate(90deg);
	z-index: 1
}

.process-item:last-child .process-image:before {
	content: "";
	width: 2px;
	height: 80px;
	border-left: 2px dashed #1B8B83;
	position: absolute;
	right: -2px;
	top: 50px
}

.case-banner {
	height: 555px;
	display: flex;
	align-items: center;
	text-align: center;
	margin-top: 130px
}

.case-banner h1 {
	font-size: 150px !important;
	color: #fff;
	font-weight: 700;
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0 auto
}

.case-banner h1:before {
	content: "Case Studies";
	color: #FFF0;
	font-weight: 700;
	-webkit-text-stroke-width: 1px;
	stroke-width: 1px;
	-webkit-text-stroke-color: #FFFFFF5E;
	stroke: #FFFFFF5E;
	position: absolute;
	top: -12px;
	right: 5px
}

section.work-sec-portfolio.newcase {
	padding: 80px 0
}

.row.top-part {
	margin-bottom: 50px
}

p.spnc {
	color: var(--primary) !important;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal
}

h2.hidees {
	color: var(--white);
	text-align: center;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: normal
}

.newcase #myBtnContainer button.btn.active {
	border-bottom: 0 solid #b01515;
	border-radius: 0;
	box-shadow: none !important;
	font-weight: 500;
	padding: 10px 28px;
	border-radius: 5px;
	background: var(--primary);
	box-shadow: 0 0 14px 0 rgb(0 0 0 / .1);
	color: #fff;
	border-color: var(--primary);
}

.newcase #myBtnContainer button.btn.active:hover{
	color: var(--white) !important;
}
.newcase #myBtnContainer li button:hover{
	color: var(--primary) !important;
}

.newcase #myBtnContainer li button {
	background: #fff0;
	text-transform: uppercase;
	font-size: 15px;
	padding: 10px 22px;
	padding-bottom: 7px !important;
	border-radius: 5px;
	background: var(--White, #fff);
	box-shadow: 0 0 14px 0 rgb(0 0 0 / .1);
	margin: 0 8px
}

.newcase .nav-tabs {
	border-bottom: 0 solid #dee2e6
}

.shena {
	position: relative;
	display: inline-block;
	overflow: hidden
}

.shena img {
	max-width: 97%;
	height: 500px;
	display: block
}

.overlay22 {
	position: absolute;
	top: 0;
	left: -100%;
	width: 97%;
	height: 100%;
	background: var(--primary);
	color: #fff;
	display: flex;
	align-items: center;
	transition: 0.9s
}

.overlay22 * {
	color: #fff
}

.overlay22.blue {
	background: #142996
}

.overlay22.grey {
	background: #9d9494
}

.overlay22.yello {
	background: #e3da48
}

.overlay22.red {
	background: var(--secondary);
}

.overlay22.midnight{
	background: #19535F !important;
}

.overlay22.green {
	background: #42843a
}

.overlay-text22 {
	padding: 20px;
	text-align: center
}

.shena:hover .overlay22 {
	left: 0
}

.overlay-text22 {
	padding: 20px;
	text-align: left;
	position: absolute;
	bottom: 0
}

.imtext {
	position: absolute;
	bottom: 30px;
	left: 35px;
	text-align: left;
	color: #fff
}

.imtext * {
	color: #fff
}

.newcase .col-md-6.column.responsive-websites.shena.show {
	padding: 0 0
}

.shena .content {
	padding: 0 0
}

.work-sec-portfolio .show {
	display: block
}

.work-sec-portfolio .column {
	float: left;
	display: none
}

.show {
	display: block !important
}

.page-portfolio .work-sec-portfolio .column .content {
	height: 335px;
	overflow: hidden;
	margin-bottom: 30px
}

.page-portfolio .content>a {
	display: inline-block
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	pointer-events: none
}

#myBtnContainer {
	margin-bottom: 29px;
	display: flex;
	justify-content: center
}

#myBtnContainer li button {
	background: #fff0;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 12px;
	padding-bottom: 10px !important
}

#myBtnContainer button.btn.active {
	border-bottom: 3px solid #b01515;
	border-radius: 0;
	box-shadow: none !important;
	font-weight: 500
}

.work-sec-portfolio .column {
	margin-bottom: 20px !important;
	padding: 0 0
}

.inner-banner.sharjah-banner {
	background: url(../../assets/imgs/case-studies/emirates-exhibition/emirates.png) no-repeat;
	background-size: cover
}

.banner-slider {
	height: 100vh
}

.simple-txt,
.gray-pizza {
	position: relative;
	z-index: 9
}

.topSpace {
	height: 150px
}

.wordpress-banner-img {
	margin-left: -15%;
	max-width: -webkit-fill-available;
	animation: webmove 3s infinite ease-in-out;
	position: relative;
	margin-top: -1%
}

.clrblck {
	color: #000 !important;
	font-weight: 500
}

.webbg {
	background-image: url(/zedtronix/assets/imgs/wordpress/web-img.jpg);
	background-size: cover;
	width: 100%
}

.webbg h2,
.webbg .web_row_2 p {
	color: #fff
}

.webbg .pg_btn {
	background: var(--primary);
	box-shadow: 0 12px 18.9px 0 rgb(27 139 131 / .2)
}

.service-box p.bold {
	color: #fff;
	margin-top: 20px
}

section.business-growth img.seo_img {
	max-width: max-content;
	border-radius: 15px;
}

.accordion-body strong {
	font-weight: 700
}

.webFAQ .accordion-body p:not(:last-child) {
	margin-bottom: 15px
}

.accordion-body ul {
	margin-top: 15px
}

.accordion-body ul li:before {
	content: "\f111";
	font-family: "FontAwesome";
	font-size: 6px;
	vertical-align: middle;
	margin-right: 15px;
	color: #000
}

div#responseMessage p {
	padding: 20px 20px;
	border: 1px solid;
	margin-top: 30px;
	margin-bottom: 0
}

.formmm {
	padding: 40px 30px;
	border: 1px solid #ababab;
	border-radius: 15px; 
}

.privacy-popup {
	display: none !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .5);
	justify-content: center;
	align-items: center;
	z-index: 99999
}

.popup-style {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%
}

@media onlyscreen and (max-width: 480px){
	.popup-style {
		height: 100%;
	}
}

.privacy-form {
	width: 900px;
	padding: 50px 30px;
	background-color: pink;
	background: url(../../assets/imgs/PopupNew.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 20px
}

form#privacyForm .col-md-6 {
	margin-bottom: 15px
}

form#privacyForm .col-md-12:not(:last-child) {
	margin-bottom: 15px
}

.privacy-form .privacy-input {
	width: 100%;
	border: none;
	padding: 15px 20px 15px 52px;
	height: 50px;
	outline: none;
	border-radius: 5px;
	box-shadow: 0 0 20px 0 #dfdfdf
}

.privacy-form textarea {
	padding-top: 20px !important;
	height: auto !important
}

form#privacyForm>div span {
	position: relative;
	display: block
}

form#privacyForm>div span i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	display: flex;
	align-items: center
}

form#privacyForm .pt-area span i {
	bottom: unset;
	top: 20px
}

label.consent-label {
	display: flex;
	align-items: flex-start;
	color: #666;
	line-height: 25px
}

label.consent-label input {
	margin-right: 10px;
	width: 20px;
	height: 30px;
	box-shadow: none !important
}

form#privacyForm .privacy-submit {
	font-size: 22px;
	color: #fff;
	background-color: #bd2020;
	padding: 12px 50px;
	border-radius: 10px;
	margin-top: 20px
}

.privacy-form {
	position: relative
}

.privacy-form span.close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary);
	color: #fff;
	border-radius: 50px;
	cursor: pointer
}

.iti.iti--allow-dropdown {
	width: 100%
}

.iti__country {
	padding: 10px 10px;
	display: flex
}

.sidebar-contact {
	position: fixed;
	top: 50%;
	right: -350px;
	transform: translateY(-50%);
	width: 350px;
	height: auto;
	padding: 30px;
	background: #fff;
	box-sizing: border-box;
	transition: 0.5s;
	z-index: 9999
}

.sidebar-contact.active {
	right: 0
}

.sidebar-contact input,
.sidebar-contact textarea {
	width: 100%;
	border: none;
	padding: 10px 20px;
	height: 50px;
	margin-bottom: 20px;
	outline: none;
	border-radius: 5px;
	box-shadow: 0 0 20px 0 #dfdfdf
}

.sidebar-contact textarea {
	height: 90px;
	resize: none
}

.sidebar-contact p {
	font-size: 28px;
	color: var(--black) !important;
	font-weight: 600;
	margin-bottom: 20px
}

.sidebar-contact button.contact-bttn {
	background: #bd2020;
	color: #fff;
	cursor: pointer;
	border: none;
	font-size: 18px;
	padding: 14px 30px;
	border-radius: 8px
}

form#sideForm label.consent-label {
	margin-bottom: 25px
}

div#sideform_message p {
	font-size: 17px;
	margin-top: 20px;
	border: 1px solid;
	padding: 5px 10px
}

.toggle {
	position: absolute;
	width: 48px;
	text-align: center;
	cursor: pointer;
	background: var(--primary);
	top: 35%;
	left: -48px;
	line-height: 48px;
	writing-mode: vertical-rl;
	color: #fff;
	transform: scale(-1);
	padding: 30px 0;
	border-radius: 5px;
	font-size: 18px
}

@media(max-width:768px) {
	.sidebar-contact {
		width: 100%;
		height: 100%;
		left: -100%
	}

	.sidebar-contact .toggle {
		top: 50%;
		transform: translateY(-50%);
		transition: 0.5s
	}

	.sidebar-contact.active .toggle {
		top: 0;
		right: 0;
		transform: translateY(0)
	}

	.scroll {
		width: 100%;
		height: 100%;
		overflow-y: auto
	}
}

.thanks-section {
	padding-top: 200px;
	padding-bottom: 80px;
	text-align: center;
	background-image: url(../imgs/ThankyouBG.jpg);
	background-size: cover
}

.thanks-inner h1 {
	font-size: 60px;
	color: #404040;
	font-weight: 700
}

.thanks-inner p {
	font-size: 30px;
	margin: 20px 0
}

.thanks-inner a {
	background: #BD2020;
	color: #fff;
	padding: 17px 30px;
	border-radius: 12px;
	display: inline-block
}

body.terms-page {
	background-image: url(../imgs/web/web-pg-bg-1.webp);
	background-size: cover
}

.simple-page {
	padding-top: 200px;
	padding-bottom: 80px
}

.simple-page a {
	color: #c42626
}

.simple-page strong {
	font-weight: 600;
	color: #000
}

.simple-page h1 {
	color: #121212;
	font-size: 90px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 40px
}

.simple-page p {
	margin-bottom: 15px
}

.simple-page h2 {
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 700
}

section.inner-secc .row:not(:last-child) {
	margin-bottom: 30px
}

.simple-page ol li,
.simple-page ul li {
	font-size: 18px;
	line-height: normal
}

.simple-page ol>li,
.simple-page ul>li {
	margin-bottom: 15px;
	display: flex;
	align-items: center
}

.simple-page ol>li:before,
.simple-page ul>li:before {
	content: "\f058";
	font-family: "FontAwesome";
	color: #1b8b83;
	margin-right: 10px;
	font-size: 25px
}

.simple-page li p {
	margin-bottom: 0
}

.simple-page ul li ul {
	margin-top: 15px
}

.simple-page ul li ul li {
	list-style: square
}

.simple-page ul li ul {
	margin-left: 40px
}

.simple-page ul li ul li:before {
	display: none
}

.simple-page h3 {
	margin-bottom: 20px;
	font-weight: 600
}

.simple-page h4 {
	margin-bottom: 20px
}

.staff-banner {
	text-align: center;
	position: relative
}

.staff-text {
	background-color: #fff;
	box-shadow: 0 0 48.617px rgb(0 0 0 / .15);
	position: absolute;
	display: flex;
	align-items: center;
	height: 85px;
	padding: 0 15px;
	border-radius: 50px;
	text-align: left;
	animation: downMove 3s linear infinite
}

.staff-text img {
	margin-right: 10px
}

.staff-text h6 {
	font-size: 18px;
	font-weight: 700
}

.staff-text.one {
	top: 50px;
	width: 237px;
	left: -10px
}

.staff-text.two {
	bottom: 90px;
	right: 0;
	width: 272px
}

span.developer,
span.designer {
	position: absolute
}

span.designer {
	bottom: 250px;
	right: 0;
	animation: designMove 3s linear infinite
}

span.developer {
	bottom: 40px;
	left: 70px;
	animation: devMove 3s linear infinite
}

@keyframes downMove {
	0% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(20px)
	}

	80% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes designMove {
	0% {
		transform: translateY(0)
	}

	40% {
		transform: translate(30px, 30px)
	}

	80% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes devMove {
	0% {
		transform: translateY(0)
	}

	40% {
		transform: translate(-30px, 30px)
	}

	80% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

section.staff-section {
	background-color: #000;
	padding: 100px 0
}

.staff-section * {
	color: #fff
}

.inner-staff {
	display: flex;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
	margin: 70px 0
}

.inner-staff .circle {
	content: "";
	width: 327px;
	height: 327px;
	opacity: 0.2 !important;
	background: #F8B418;
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 0;
	border-radius: 50%
}

.inner-staff:nth-child(even) .circle {
	left: unset;
	right: 0
}

.inner-staff.staff-two .circle {
	background: #C42626
}

.inner-staff.staff-three .circle {
	background: #1B8B83
}

.col-left {
	display: flex;
	flex-grow: 1;
	margin-right: -160px;
	z-index: 99;
	padding-left: 25px;
	grid-gap: 30px
}

.col-left .staff-icon {
	flex-shrink: 0
}

.inner-staff .content h5 {
	color: #FFF;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px
}

.inner-staff .content p {
	color: #A4A2A2;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px
}

.inner-staff .content {
	position: relative
}

.inner-staff .content span {
	font-size: 150px;
	font-weight: 900;
	background: linear-gradient(180deg, #6F6D6D 0%, #121212 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	position: absolute;
	top: -100px;
	left: 200px;
	z-index: -11
}

.inner-staff:nth-child(even) .content span {
	left: unset;
	right: 170px
}

.inner-staff .staff_image {
	flex-shrink: 0
}

.inner-staff:nth-child(even) {
	flex-direction: row-reverse
}

.inner-staff:nth-child(even) .col-left {
	flex-direction: row-reverse;
	text-align: right;
	margin-right: 0;
	margin-left: -160px;
	padding-left: 0;
	padding-right: 25px
}

.inner-staff.staff-four .content {
	max-width: 75%
}

section.service-section {
	background: url(../imgs/staff-augmentation/ServiceBG.jpg);
	background-size: cover;
	padding: 100px 0;
	overflow: hidden
}

section.service-section * {
	color: #fff
}

.service-column {
	display: flex;
	margin-top: 40px
}

.item-service {
	position: relative;
	border-radius: 15px 15px 0 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	cursor: pointer
}

.service-first-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 40px 25px;
	height: 100%
}

.service-first-col h6 {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: scale(-1);
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	margin-top: 25px
}

.service-first-col h6 i {
	margin-bottom: 10px
}

.item-service .second-col {
	width: 400px;
	padding: 0 30px
}

.item-service .second-col h6 {
	font-size: 25px;
	font-weight: 700;
	margin: 10px 0
}

section.workflow-sec {
	padding-top: 90px;
	background: url(../imgs/staff-augmentation/WorkflowBG.jpg);
	background-size: contain;
	background-repeat: no-repeat
}

.steps-row {
	border-top: 1px solid;
	margin-top: 30px;
	padding-top: 10px
}

.steps-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 0
}

.step-col {
	padding-right: 50px
}

.pstep {
	color: #212121;
	font-size: 20px;
	margin-bottom: 0 !important;
	display: flex;
	align-items: center
}

p.pstep:before {
	content: "";
	background: url(../imgs/staff-augmentation/icon-step.png);
	width: 42px;
	height: 41px;
	display: inline-block;
	margin-right: 10px;
	margin-left: -20px
}

.step-info h4 {
	color: #212121;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
	display: flex;
	align-items: center
}

.step-info h4 img {
	margin-right: 20px
}

.step-image {
	flex-shrink: 0
}

.b-line {
	height: 213px;
	border-left: 1px solid #302C2C;
	margin: 20px 0
}

.rightsec h2.main_h2 {
	margin-bottom: 20px
}

span.contact {
	color: #121312;
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	margin-left: 20px
}

section.customdroid {
	background-color: #000;
	padding: 90px 0 0
}

section.customdroid * {
	color: #fff
}

#newcustomdroid {
	position: relative;
	height: 720px;
	margin-bottom: 360px;
	background-position: center center !important;
	background-size: cover !important
}

#newcustomdroid .cmt-img img {
	padding-top: 45px
}

#newcustomdroid a.pg_btn {
	background-color: #D03D3D
}

.arrows-wrapper.game_arrow {
	justify-content: space-between;
	margin-left: -30px;
	position: absolute;
	bottom: 40%;
	left: 0;
	right: 0;
	margin-right: -30px
}

.arrows-wrapper.game_arrow .slick-arrow {
	background-color: #bd2020;
	border-color: #bd2020;
	color: #fff
}

.gm-development .tab-content {
	position: relative
}

.gm_sr_row {
	display: flex;
	align-items: center
}

.game_service-left {
	width: 42% !important
}

.gm_sr_row .text-wrapper {
	width: 58%
}

.gm_sr_row .text-wrapper p {
	color: #A4A2A2 !important;
	font-size: 20px
}

.gm-development .custom-tabs .tab-btn {
	background-color: #fff;
	border-radius: 100px;
	background: #FFF;
	box-shadow: 0 4px 10.2px 0 rgb(0 0 0 / .15) inset, -10px 10px 20px 0 rgb(0 0 0 / .05);
	padding: 0 30px;
	height: 60px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-gap: 10px;
	margin: 0 5px;
	font-size: 20px;
	font-weight: 600 !important;
}

.gm-development .tab-btn:hover,
.gm-development .tab-btn.active {
	color: #fff !important;
	background: var(--primary);
}

.clrblck {
	color: #000
}

section.webdpg_banner--wrapper.graphics-banner {
	padding-top: 270px;
	background-image: url(../imgs/graphic-design/graphics_bg.webp);
	padding-bottom: 20px
}

.pd200 {
	padding-top: 200px
}

.graphics-design .col-md-8.wdth-md-8 img {
	width: 106%;
	max-width: 106%
}

.graphics-design .webFAQ {
	margin-top: 100px
}

.list_fnt_18 {
	color: #212121;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.65;
	margin-bottom: 30px;
	padding-left: 17px
}

.list_fnt_18 li {
	list-style: disc
}

.graphics-design .web_row_2 .clrblck {
	margin-bottom: 30px
}

.graphics_cta h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 25px
}

.cta-section.graphics_cta .row {
	align-items: center
}

.graphics_cta .pg_btn.wd223 {
	margin-top: 0;
	margin-left: auto;
	display: block
}

.pdtpbtm100 {
	background-image: url(../imgs/graphic-design/elipse_bg.webp);
	padding: 100px 0;
	background-size: cover;
	background-repeat: no-repeat
}

.wdthinc {
	width: 115%;
	max-width: 115%;
	margin-left: 4%
}

.graphics_right p {
	max-width: 376px !important
}

.text-wrapper.graphics_right {
	display: flex;
	justify-content: flex-end
}

.graphics-design .gm_sr_row {
	width: 100%
}

.graphics-design .custom-mm {
	position: sticky;
	top: 180px;
	max-width: 80%
}

.graphics-design .custom-mm-right {
	position: sticky;
	top: 135px
}

.whychooseleft-graphics .main_h2 {
	margin-bottom: 30px
}

.whychooseleft-graphics .clrblck.fnt_18 {
	margin-bottom: 35px
}

.cta-section.graphics_cta.cta2 {
	margin-top: 20px
}

.graphics-design .custom-mm .main_h2 {
	margin-bottom: 40px
}

.hire_expert {
	background-size: cover;
	background-image: url(../imgs/graphic-design/teab_bg.webp);
	padding: 100px 0;
	color: #fff
}

.hire_expert .section-title-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 50px
}

.hire_expert .section-title-wrapper * {
	color: #fff
}

.hire_expert .has_fade_anim {
	max-width: 355px
}

.hire_expert .text-wrapper {
	width: 58%;
	display: flex;
	justify-content: flex-end
}

.team_graphics>img {
	border-radius: 10px;
	margin: 0 auto;
	margin-bottom: 20px
}

.team_graphics {
	background: #fff;
	padding: 17px;
	border-radius: 10px
}

.team_graphics>p {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #212121
}

.team_graphics span {
	color: #212121;
	font-size: 16px;
	font-weight: 500;
	opacity: 40%;
	margin-bottom: 20px;
	display: inline-block
}

.btm-flex strong {
	color: #BD2020;
	font-weight: 700;
	font-size: 16px
}

.btm-flex {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.hire_expert a {
	background: #BD2020;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px
}

.hire_expert>.container>div:last-child {
	text-align: center
}

@media (min-width:768px) {
	.graphics-design .col-md-4.wdth-md-4 {
		flex: 0 0 auto;
		width: 37.1%
	}

	.graphics-design .col-md-8.wdth-md-8 {
		flex: 0 0 auto;
		width: 62.667%
	}
}

@media only screen and (max-width:1680px) {
	.graphics-design .col-md-4.wdth-md-4 {
		flex: 0 0 auto;
		width: 41.6%
	}

	.graphics-design .col-md-8.wdth-md-8 {
		flex: 0 0 auto;
		width: 58.4%
	}

	.graphics-design .bnr_row p {
		max-width: 100%
	}

	.graphics-design .banner_heading {
		font-size: 53px;
		max-width: 90%
	}

	.pdtpbtm100 {
		padding: 76px 0
	}

	.gm_sr_row .text-wrapper p {
		font-size: 17px
	}

	.gm-development .custom-tabs .tab-btn {
		padding: 0 22px;
		height: 45px;
		font-size: 15px
	}

	#newcustomdroid {
		margin-bottom: 180px
	}

	.webdpg_banner--wrapper {
		padding-top: 150px
	}

	.banner_heading {
		font-size: 43px !important;
	}

	.bnr_row p {
		font-size: 18px
	}

	.main_h2 {
		font-size: 38.16px
	}

	.fnt_18 {
		font-size: 18px
	}

	.wnImg {
		max-width: 112.3%;
		margin-left: -20%
	}

	.service-area .section-header .webpg-text {
		max-width: 600px;
		font-size: 18px
	}

	.laptop-anime-section {
		margin-left: -10%
	}

	.laptop-anime-section:before {
		width: 481px
	}

	.only-laptop {
		padding: 80px 0;
		transform: scale(.8)
	}

	.inner-feat {
		width: 100px;
		height: 110px
	}

	.inner-feat h4 {
		font-size: 16px
	}

	.inner-feat img {
		transform: scale(.9)
	}

	.feature1 {
		top: -40px;
		left: 30%
	}

	.feature2 {
		top: -40px;
		right: 5%
	}

	.feature3 {
		top: 27%;
		right: 2%
	}

	.feature4 {
		bottom: -20px;
		right: 35%
	}

	.feature5 {
		bottom: 15%;
		left: 5%
	}

	.feature6 {
		left: -20px
	}

	.plantimg {
		right: -110px;
		top: -90px
	}

	.span-text span {
		font-size: 16px
	}

	.span-text span:after {
		margin: 0 5px
	}

	section.team-squad {
		padding: 70px 0
	}

	.team-inner h6 {
		font-size: 22px
	}

	.team-inner p.desig {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 10px
	}

	.section_counter ul li {
		font-size: 17px;
		margin-bottom: 15px
	}

	.section_counter li:before {
		width: 12px;
		height: 12px;
		border: 3px solid #C42626;
		margin-right: 20px
	}

	.inner_count {
		padding: 30px 40px
	}

	.inner_count h2 {
		font-size: 46.149px
	}

	.inner_count p {
		font-size: 18.421px
	}

	.inner_marketing h3,
	.inner_marketing h4 {
		font-size: 22px
	}

	.digital-section .in--cnt_div p {
		min-height: 55px;
		line-height: 22.7px
	}

	.dm-inner-slider h4 {
		font-size: 22px;
		margin-bottom: 10px
	}

	.dm-inner-slider {
		padding: 0 60px 30px 30px;
		margin: 60px 10px 20px
	}

	.marketing-column>p {
		font-size: 18px;
		margin-top: 30px
	}

	.creactive-section ul li {
		font-size: 18px;
		line-height: normal;
		margin-bottom: 10px
	}

	.cta-section h2 {
		font-size: 30px
	}

	.counter-item h5 {
		font-size: 44.15px
	}

	.counter-item p {
		font-size: 19.42px
	}

	.expect-section .webp-wrapper {
		padding-left: 30px;
		padding-right: 30px
	}

	.expect-section .webp-wrapper h3 {
		font-size: 20px
	}

	.process-col {
		flex: 0 0 45%
	}

	.process-item .process-col h4 {
		position: relative;
		font-size: 22px
	}

	.process-item .process-col h4::before {
		font-size: 26px;
		width: 70px;
		height: 70px;
		left: -90px
	}

	.simple-page ol li,
	.simple-page ul li {
		font-size: 16px
	}

	.sidebar-contact {
		padding: 20px
	}

	.sidebar-contact input,
	.sidebar-contact textarea {
		font-size: 14px;
		padding: 10px 20px;
		height: 40px;
		margin-bottom: 14px;
		box-shadow: 0 0 14px 0 #dfdfdf
	}

	.sidebar-contact textarea {
		height: 70px
	}

	.sidebar-contact p {
		font-size: 24px;
		margin-bottom: 15px
	}

	.sidebar-contact button.contact-bttn {
		font-size: 16px;
		padding: 11px 20px
	}

	form#sideForm label.consent-label {
		margin-bottom: 15px;
		font-size: 15px
	}

	div#sideform_message p {
		font-size: 15px;
		margin-top: 15px;
		padding: 5px 10px
	}

	.toggle {
		width: 40px;
		left: -40px;
		line-height: 38px;
		padding: 20px 0;
		font-size: 16px
	}

	p:not(:last-child) {
		margin-bottom: 10px
	}

	.simple-page {
		padding-top: 150px;
		padding-bottom: 60px
	}

	.simple-page h1 {
		font-size: 65px;
		margin-bottom: 30px
	}

	.simple-page h2 {
		margin-bottom: 15px;
		font-size: 34px
	}

	.simple-page h3 {
		margin-bottom: 15px;
		font-size: 30px
	}

	section.inner-secc .row:not(:last-child) {
		margin-bottom: 20px
	}

	.simple-page ul>li {
		margin-bottom: 10px
	}

	.simple-page ul>li:before {
		font-size: 20px
	}

	.location_head h2 {
		font-size: 60px
	}

	section.business-growth img.seo_img {
		max-width: 120%
	}

	section.cta-section {
		padding: 40px 50px;
		margin-top: 70px
	}

	.cta-margin {
		margin-bottom: 70px !important
	}

	section.marketing_section {
		padding: 80px 0
	}

	.pd90 {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.cms-head,
	.mid-sect {
		padding: 80px 0
	}

	section.choose-branex {
		padding-top: 80px
	}

	section.business-growth {
		padding: 80px 0
	}

	section.technologies-section {
		padding: 60px 0
	}

	.graphics-design section.technologies-section {
		padding: 80px 0
	}

	.section_counter {
		padding-bottom: 70px
	}

	ul#pr-tabs li {
		margin: 0 10px
	}

	ul#pr-tabs li a {
		font-size: 17px;
		padding: 12px 10px
	}

	.web-d-text h4 {
		font-size: 22px
	}

	.service-first-col {
		padding: 30px 12px
	}

	.service-first-col h6 {
		font-size: 20px;
		margin-top: 10px
	}

	.item-service .second-col {
		width: 300px;
		padding: 0 20px
	}

	.item-service .second-col h6 {
		font-size: 20px;
		margin: 10px 0
	}

	.staff-banner {
		padding: 0 40px
	}

	.staff-text.one {
		width: 217px;
		left: -40px
	}

	.staff-text.two {
		right: 0;
		width: 250px
	}

	span.designer {
		bottom: 250px;
		right: -40px
	}

	.staff-text h6 {
		font-size: 16px
	}

	section.staff-section {
		background-color: #000;
		padding: 80px 0
	}

	.inner-staff {
		margin: 50px 0
	}

	.inner-staff .circle {
		width: 267px;
		height: 267px
	}

	.inner-staff .content span {
		font-size: 110px;
		top: -80px;
		left: 140px
	}

	.staff-icon {
		width: 80px
	}

	.staff_image {
		width: 60%
	}

	.inner-staff .content h5 {
		font-size: 26px;
		margin-bottom: 10px
	}

	.inner-staff .content p {
		font-size: 18px;
		line-height: 24px
	}

	.col-left {
		gap: 20px;
		padding-left: 20px;
		margin-right: -120px
	}

	.inner-staff:nth-child(even) .col-left {
		margin-left: -120px;
		padding-right: 20px
	}

	.step-col {
		width: 40%
	}

	.step-image {
		width: 60%
	}

	.b-line {
		height: 163px
	}

	.step-info h4 {
		font-size: 24px;
		margin-bottom: 15px
	}

	.step-info h4 img {
		margin-right: 15px;
		width: 65px
	}

	section.service-section {
		padding: 80px 0
	}

	section.webdpg_banner--wrapper.graphics-banner {
		padding-top: 150px
	}

	.graphics-banner .bnr_row .clrblck {
		margin-bottom: 25px !important
	}

	.pg_btn.wd223 {
		width: 180px
	}

	.graphics-design .fnt_18,
	.graphics-design .list_fnt_18,
	.graphics-design .custom_list-ic {
		font-size: 16px
	}

	.graphics-design .web_row_2 .clrblck {
		font-size: 16px;
		margin-bottom: 20px
	}

	.wdthinc {
		width: 100%;
		max-width: 100%;
		margin-left: 0
	}
}

@media only screen and (max-width:1680px) and (min-width:1551px) {
	.service-first-col {
		padding: 30px 20px
	}
}

@media only screen and (max-width:1279px) {
	.sub_heading {
		font-size: 15.79px;
		margin-bottom: 14.95px
	}

	.banner_heading {
		font-size: 38px
	}

	.bnr_row p {
		font-size: 16px
	}

	.web_row_2 .main_h2 {
		margin-bottom: 15px
	}

	.main_h2 {
		font-size: 30.16px
	}

	.wnImg {
		max-width: 100%;
		margin-left: 0
	}

	.fnt_18 {
		font-size: 15px
	}

	.service-area .section-header .webpg-text {
		max-width: 550px;
		font-size: 16px
	}

	.webp-wrapper p {
		font-size: 15px;
		line-height: 1.4
	}

	.webp-wrapper h3 {
		font-size: 22px;
		margin-bottom: 15px
	}

	.laptop-anime-section {
		margin-left: 0
	}

	.laptop-anime-section:before {
		width: 300px
	}

	.only-laptop {
		padding: 60px 0;
		transform: scale(.75)
	}

	.inner-feat {
		width: 90px;
		height: 100px
	}

	.inner-feat h4 {
		font-size: 15px
	}

	section.cta-section {
		padding: 50px 30px;
		max-width: 95%;
		margin-top: 30px
	}

	.section_counter ul li {
		font-size: 16px;
		margin-bottom: 13px
	}

	.inner_count {
		padding: 25px 30px
	}

	.inner_count h2 {
		font-size: 40.149px
	}

	.inner_count p {
		font-size: 17.421px
	}

	.inner_marketing h3,
	.inner_marketing h4 {
		font-size: 20px
	}

	.custom-mm p.strong {
		font-size: 22px
	}

	.marketing-column>p {
		font-size: 18px;
		margin-top: 30px
	}

	.dm-inner-slider h4 {
		font-size: 20px
	}

	p,
	.webp-wrapper p,
	.fnt_18 {
		font-size: 14px
	}

	.accordion-body ul li {
		font-size: 14px
	}

	.accordion-body {
		font-size: 14px !important
	}

	.simple-page ol li,
	.simple-page ul li {
		font-size: 14px
	}

	.simple-page h1 {
		font-size: 50px;
		margin-bottom: 30px
	}

	.simple-page h2 {
		font-size: 30px
	}

	.simple-page h3 {
		font-size: 26px
	}

	.location_head h2 {
		font-size: 46px
	}

	.wordpress-banner .webbannerImg,
	section.business-growth img.seo_img {
		margin-left: 0;
		max-width: 100%
	}

	.ond--sec.Classified {
		height: 100%
	}

	section.global_achievement .col-md-7 img {
		height: -webkit-fill-available
	}

	.inner-staff {
		flex-direction: column-reverse
	}

	.staff_image {
		width: 100%;
		text-align: center
	}

	.col-left {
		padding-left: 20px;
		padding-right: 20px;
		margin-right: 0;
		padding-top: 60px
	}

	.inner-staff:nth-child(even) .col-left {
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px
	}

	.inner-staff:nth-child(even) {
		flex-direction: column-reverse
	}

	.inner-staff:nth-child(even) .col-left {
		text-align: left;
		flex-direction: unset !important
	}

	.inner-staff .circle {
		display: none
	}

	.inner-staff:nth-child(even) .content span {
		left: 140px;
		right: unset
	}
}

@media only screen and (max-width:991px) {
	.webdpg_banner--wrapper {
		padding-top: 150px
	}

	.banner_heading {
		font-size: 28px
	}

	.banner_america h2.banner_heading {
		margin-top: 0
	}

	.bnr_row p {
		font-size: 14px
	}

	.main_h2 {
		font-size: 24.16px
	}

	.fnt_18 {
		font-size: 14px
	}

	.pd90 {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.pg_btn {
		padding: 15.5px 10px;
		font-size: 14px;
		width: 200px
	}

	.service-area .section-header .webpg-text {
		max-width: 420px;
		font-size: 14px
	}

	.service-area .service-box .title {
		font-size: 17.08px
	}

	.service-area .service-box .text {
		font-size: 14.37px
	}

	.webp-wrapper {
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 40px;
		margin-bottom: 70px
	}

	.web_process {
		padding: 50px 0 0
	}

	.features-col {
		display: flex;
		flex-wrap: wrap;
		grid-gap: 15px;
		justify-content: center
	}

	.inner-feat {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		animation: none;
		flex-shrink: 0
	}

	.laptop-anime-section:before {
		display: none
	}

	.only-laptop {
		padding: 40px 0;
		transform: none
	}

	.animate-part {
		max-width: 90%
	}

	.plantimg {
		right: -20px;
		top: -50px;
		transform: scaleX(-1)
	}

	.plantimg img {
		width: 170px
	}

	.cta-section h2 {
		font-size: 24px
	}

	section.technologies-section {
		background-position: center;
		padding: 60px 0
	}

	.graphics-design section.technologies-section {
		padding: 80px 0
	}

	.span-text {
		flex-wrap: wrap;
		margin-bottom: 30px
	}

	.span-text span {
		font-size: 14px;
		margin-bottom: 7px
	}

	.section_counter ul li {
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 13px
	}

	.inner_count {
		padding: 25px 20px
	}

	.inner_count h2 {
		font-size: 36.149px
	}

	.inner_count p {
		font-size: 16.421px
	}

	.inner_marketing h3,
	.inner_marketing h4 {
		font-size: 18px
	}

	.inner_marketing {
		padding: 20px 25px;
		border-radius: 15px;
		margin-bottom: 15px
	}

	.team-grid {
		padding-left: 0
	}

	section.team-squad {
		padding: 50px 0
	}

	.team-inner h6 {
		font-size: 18px
	}

	.team-inner p.desig {
		font-size: 14px
	}

	.dm-inner-slider {
		padding: 0 30px 30px 20px
	}

	.dm-inner-slider h4 {
		font-size: 18px
	}

	.core_timeline p {
		font-size: 14.29px
	}

	.cms-head {
		padding: 60px 0
	}

	.mid-sect {
		padding: 50px 0
	}

	.cms-col-row img.ic-img {
		width: 100px
	}

	.cms-col-row img.ic-img,
	.cms-col-row .main_h2 {
		margin-bottom: 15px
	}

	.simple-page h1 {
		font-size: 44px;
		margin-bottom: 20px
	}

	section.inner-secc .row:not(:last-child) {
		margin-bottom: 15px
	}

	.simple-page h2 {
		margin-bottom: 10px;
		font-size: 26px
	}

	.simple-page h3 {
		font-size: 22px
	}

	.location_head {
		top: 20px
	}

	.location_head h2 {
		font-size: 34px
	}
}

@media only screen and (max-width:767px) {
	.inner_popup {
		grid-template-columns: repeat(2, 1fr)
	}

	ul#pr-tabs li.active {
		border-bottom: 0 solid #BD2020;
		background: var(--primary);
		color: #fff !important
	}

	ul#pr-tabs li.active a {
		color: var(--white) !important;
		font-weight: 700
	}

	ul#pr-tabs {
		flex-wrap: wrap
	}

	.webdpg_banner--wrapper {
		padding-top: 150px
	}

	.sub_heading {
		font-size: 14.79px
	}

	.banner_heading {
		font-size: 24px
	}

	.bnr_row p {
		font-size: 14px
	}

	.webbannerImg {
		margin-top: 30px
	}

	.wnImg {
		margin-bottom: 40px
	}

	.main_h2 {
		font-size: 20.16px
	}

	.service-area .section-header .webpg-text {
		max-width: 100%;
		font-size: 13px
	}

	p,
	.webp-wrapper p,
	.fnt_18 {
		font-size: 13px
	}

	.solutions-btn span {
		padding: 8px 15px;
		margin-right: 3px;
		font-size: 13px
	}

	.webp-wrapper h3 {
		font-size: 18px
	}

	.award_honors p {
		max-width: 100%;
		margin-top: 10px;
		margin-bottom: 25px
	}

	.plantimg {
		display: none
	}

	.mt-mobile-3 {
		margin-top: 1.5rem
	}

	section.cta-section {
		padding: 30px 15px;
		max-width: 90%;
		margin-top: 30px
	}

	.webFAQ .accordion-item {
		margin-bottom: 15px;
		padding: 10px 25px
	}

	.webFAQ .accordion-button {
		font-size: 17px;
		line-height: 22px;
		height: 50px
	}

	webFAQ .accordion-body {
		margin-bottom: 20px
	}

	.webFAQ .accordion-body {
		font-size: 13px;
		line-height: 20px;
		max-width: 100%
	}

	.accordion-button:not(.collapsed)::after {
		position: relative;
		top: 15px
	}

	.section-header__cs {
		display: block
	}

	.custom-tabs {
		margin-top: 30px
	}

	.custom-tabs .tab-btn {
		padding: 0 25px;
		font-size: 15px;
		height: 50px
	}

	.cta-section h2 {
		font-size: 20px
	}

	.team-grid {
		margin-top: 40px;
		grid-gap: 10px
	}

	.team-grid .team-col:last-child {
		margin-top: 30px
	}

	.team-grid .team-col .team-inner:first-child {
		margin-bottom: 10px
	}

	.section_counter ul li {
		font-size: 14px;
		line-height: 1.3;
		margin-bottom: 10px
	}

	.inner_count {
		padding: 20px 20px
	}

	.inner_count h2 {
		font-size: 28.149px
	}

	.inner_count p {
		font-size: 14.421px
	}

	.custom-mm p.strong {
		font-size: 16px
	}

	.marketing-column {
		margin-top: 30px
	}

	.custom-mm .main_h2~p {
		margin-top: 10px
	}

	.marketing-column>p {
		font-size: 15px;
		margin-top: 30px
	}

	.game-column a.pg_btn {
		width: 220px
	}

	section.DM-section .arrows-wrapper {
		margin-bottom: 0;
		margin-top: 30px
	}

	.creactive-section ul li {
		font-size: 13px
	}

	.time_cnt .h3 {
		font-size: 18.81px;
		line-height: 24.58px;
		gap: 15px
	}

	.core_timeline p {
		font-size: 13.29px
	}

	p.p-width {
		max-width: 100%
	}

	.cms-col-row img.inner-col-img {
		margin-bottom: 50px
	}

	.mid-sect {
		display: flex;
		flex-direction: column-reverse
	}

	section.choose-branex {
		padding-top: 40px
	}

	.choose-n .core_timeline {
		padding-top: 50px;
		padding-bottom: 30px
	}

	.simple-page {
		padding-top: 130px;
		padding-bottom: 50px
	}

	.simple-page h1 {
		font-size: 38px;
		margin-bottom: 20px
	}

	.simple-page h2 {
		font-size: 24px
	}

	.simple-page h3 {
		font-size: 20px
	}

	.location_head h2 {
		font-size: 30px
	}

	ul#pr-tabs li {
		margin: 0 10px;
		margin-bottom: 0;
		background: var(--white);
		margin-bottom: 10px;
		border-radius: 9px
	}
	ul#pr-tabs li a{
		color: var(--black) !important;
	}
	
	ul#pr-tabs li.active a:hover {
  		color: var(--white) !important;
	}

	ul#pr-tabs li a {
		font-size: 14px;
	}
}

@media only screen and (max-width:480px) {
	ul#pr-tabs li a {
		padding: 12px 0
	}

	.inner_popup {
		grid-template-columns: repeat(1, 1fr)
	}

	ul#pr-tabs li {
		width: 44%;
		text-align: center
	}
}


input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
  
input[type="number"] {
    -moz-appearance: textfield !important;
}

.sidebar-contact .wpforms-container .wpforms-field-label-inline{
    font-size: 11px !important;
}

.wpforms-container a{
    color: var(--black) !important;
}
.wpforms-container a:hover{
    color: var(--primary) !important;
}

.sidebar-contact .wpforms-container{
	margin: 0 !important;
}

.sidebar-contact .wpforms-container input,
.sidebar-contact .wpforms-container textarea
{
    max-width: 100% !important;
    height: 40px !important; 
    font-size: 13px !important
}

.sidebar-contact .wpforms-container textarea
{
    height: 50px !important;
}



.middlebg .wpforms-container input,
.middlebg .wpforms-container textarea
{
    max-width: 100% !important;
    height: 50px !important;
}

#privacyPopup .wpforms-container input,
#privacyPopup .wpforms-container textarea{
    max-width: 100% !important;
}

.home .middlebg::before{
    background: none !important;
}


/* Hero Section Homepage*/

.hero-area .section-content .banner_img_left img{
	    transform: scaleX(-1);
	}

.sub_heading img{
    max-width: 35px;
}

.branex_journey__wrapper .main_h2,
.custom__portfolio .main_h2,
.next_level .main_h2,
.next_level p

{
    color: var(--black) !important;
}

.custom__portfolio .sub_heading{
	color: var(--primary) !important;
}

.footer-area .footer-logo img{
	max-width: 170px;
}


.ai-investment img.wd-100{
	border-radius: 15px;
}

section.btm_bg{
	padding-top: 80px 0px !important;
}

section.industries_wrapper-ai{
	padding: 80px 0px !important;
}


@media only screen and (max-width: 480px){
	.header-area .header-area__inner > :nth-child(2){
		gap: 15px !important;
	}
}


div.wpforms-container-full .wpforms-confirmation-container-full{
	background: var(--black) !important;
	border: 1px solid var(--white) !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p{
	color: var(--primary) !important;
}