html{
	scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6{
	font-family: "CircularStdBold";
}
p{
	font-family: "CircularStdMedium";
}

.all-btns {
  display: inline-block;
  margin-top: 10px;
}
.all-btns a {
  display: block;
  width: fit-content;
  height: 54px;
  padding: 0px 66px;
  line-height: 54px;
  color: #fff;
  font-size: 18px;
  background: #f77d33;
  border-radius: 0px;
  text-align: center;
  font-family: "CircularStdRegular";
}
.all-btns a:hover{
	color: #fff;
}
.complete-heading h2{
	font-size: 35px;
	color: #000C51;
    line-height: 50px;
}
.pera-text p{
	color: #828FAD;
	font-size: 20px;
	line-height: 34px;
}
.mgt100{
	padding-top: 100px;
}
.language-tools{
	margin-top: 40px;
}
.language-btn a{
	color: #FFFFFF;
    background: #f77d33;
    display: block;
    width: 170px;
    height: 56px;
    text-align: center;
    font-size: 20px;
    line-height: 56px;
    border-radius: 12px;
}
.language-btn a:hover{
	color: #fff;
}
.hadoop-heading h4{
	color: #f77d33;
}
.main-card .accordions .accordion .cont-header h3{
	line-height: 34px;
}
/*=======================
	how we work css
========================*/
.complete-mobile{
	padding-bottom: 100px;
}
.complete-mobile h2{
	color: #000C51;
	font-size: 30px;
	line-height: 50px;
}
.complete-pera p{
	color: #828FAD;
	line-height: 40px;
	font-size: 20px;
}
.complete-bg{
	background: #FFFFFF;
	box-shadow: 0px 10px 20px #DDE2FF80;
	padding: 40px;
	border-radius: 20px;
}
.complete-mobile-img{
	margin-top: 15px;
}

/*our-process-area*/

.process-back{
	background: #fff;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	margin-bottom: 60px;
	position: relative;
	margin-bottom: 120px;
}
.process-back:before{
	position: absolute;
    content: '';
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/our-process-dot.png);
    bottom: -100px;
    height: 82px;
    z-index: 1;
    width: 10px;
}
.process-back-2{
	position: relative;
}
.process-back-2:after{
   	position: absolute;
	content: '';
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/process-bg-1.png);
	height: 553px;
	width: 372px;
	right: -205px;
	top: -100px;
	background-repeat: no-repeat;
	z-index: -1;
}
.process-back-3:after{
    position: absolute;
    content: '';
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/process-bg-2.png);
    height: 553px;
    width: 400px;
    left: -270px;
    top: 40px;
    background-repeat: no-repeat;
    z-index: -1;
}
.our-process h3{
	font-size: 39px;
	color: #000C51;
}
.process-left img {
    padding-left: 90px;
}
.process-right{
	padding:0 30px;
}
.process-right-1{
	padding: 0 0 0 30px;
}
.process-back:last-child:before{
	display: none;
}







/*slider-area*/
.slider-area a span{
	font-family: "CircularStdMedium";
	font-size: 18px;
	color: #28659B !important;
}
.slider-area a img{
	width: auto !important;
	display: initial !important;
}
.how-we-work-slider.owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: block;
}
.how-we-work-slider.owl-theme .owl-dots .owl-dot span {
    width: 17px;
    height: 7px;
    margin: 5px 5px;
    background: #f77d33;
    opacity: .3;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.how-we-work-slider.owl-theme .owl-dots .owl-dot.active span{
    background: #f77d33;
    width: 64px;
    opacity: 1;
}
 .how-we-work-slider.owl-theme .owl-dots .owl-dot:hover span{
 	background: #f77d33;
 	opacity: 1;
 }
 .how-we-work-slider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
}
/*==============Settlyt-sec================*/
.settlyt-slider {
  background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/settlyt.png) repeat 0 0;
}
.mindset-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/mindset.png) repeat 0 0;
}
.maxsold-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/idealprotein.png) repeat 0 0;
}
.thatsgame-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/thatsgame.png) repeat 0 0;
}
.maxsold-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/maxsold.png) repeat 0 0;
}
.dynaglo-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/dyna.png) repeat 0 0;
}
.alphamatch-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/alphamatch.png) repeat 0 0;
}
.ideal-protein-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/idealprotein.png) repeat 0 0;
}
.all-client-slider{
  margin: 0;
  background-size: cover;
  height: 122vh;
  padding-top: 100px;
  box-sizing: border-box;
  margin-left: -10%;
  width: 130%;
}
.ar-vr-bg:hover .all-client-slider{
	-webkit-animation: slide 125s linear infinite;
}

@-webkit-keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}

/*==============end-Settlyt-sec================*/

/*roi-box*/
section.roi-area {
    /*margin-bottom: 60px;*/
}
.roi-box{
	min-height: 300px;
	border-radius: 20px;
	padding: 30px 10px 40px 10px;
	border: 2px solid transparent
}
.roi-box:hover{
	box-shadow: 0px 27px 50px #0000000D;
	border: 2px solid #D2EAFF;
}
.roi-box h3{
	font-size: 21px;
	color: #0A2540;
	margin-top: 20px;
}
.roi-box p{
	line-height: 35px;
	font-size: 18px;
	color: #6C7A97;
}
.how-we-work-roi .roi-box{
	min-height: 480px;
    padding: 30px 10px 10px 10px;
}
.how-we-work-roi .roi-box p{
	font-size: 16px;
}
/*desgin-tab-hading*/
.design-tabs-area{
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/tabs-bg.png);
	    background-size: cover;
    padding: 20px 0;
}
.design-tab-content{
	margin-top: -30px;
}
/*.design-right-img img{
	position: relative;
	left: 100px;
}*/
.design-tabs-area ul{
	margin-bottom: 40px;
}
.desgin-tab-hading{
	margin-top: 20px;
}
.desgin-tab-hading .nav-tabs {
    border-bottom: none;
}
.desgin-tab-hading li a{
	font-size: 23px;
	color: #0A2540;
	font-family: "CircularStdMedium";
	text-align: center;
	padding: 8px 25px;
}
.desgin-tab-hading li a:hover{
	text-decoration: none;
}
.desgin-tab-hading li.active{
	background: #f77d33;
	color: #fff;
	box-shadow: 0px 6px 19px #f77d3369;
	border-radius: 100px;
	text-decoration: none;
}
.desgin-tab-hading li.active a{
	color: #fff;
}
.design-box li{
	font-size: 20px;
	color: #6C7A97;
	font-family: "CircularStdMedium";
}
.design-tabs-area .container-fluid{
	padding-right: 0
}
/*.design-box {
    margin-left: 110px;
}*/
.design-tab-content .fade:not(.show) {
    opacity: 1;
}


.agile-benifit .AR-app-development-box{
    min-height: 250px !important;
}





/*media query*/
@media(max-width: 991px){
	.process-left img {
	    padding-left: 0px;
	}
	.process-right, .process-right-1{
	    padding: 0px; 
	}
	.roi-box{
		padding: 30px 10px 40px 10px;
	}
	.roi-box h3{
		font-size: 18px;
	}
	.roi-box p{
		font-size: 15px;
		line-height: 32px;
	}
	.agile-develop-product .roadmap-of-iot-app-development-content-box{
		min-height: 250px;
	}
	.cycle-process img{
		width: 100%;
	}
}

@media(min-width: 767px){
	.mobile-img{
		display: none;
	}
}

@media(max-width: 767px){
	.desktop-img{
		display: none;
	}
	.complete-bg{
		padding: 0px 20px 40px;
	}
	.complete-mobile-img{
		margin-top: 30px;
	}
	.process-back{
		padding-bottom: 30px;
		margin-bottom: 90px;
	}
	.process-left,.process-right{
		text-align: center;
	}
	.process-number{
		text-align: center;
		margin-bottom: -50px;
	}
	.process-number img{
		width: auto;
	}
	.mob-order-1{
		order: 1;
	}
	.mob-order-2{
		order: 2;
	}
	.mob-order-3{
		order: 3;
	}
	.process-back-2:after,.process-back-3:after{
		display: none;
	}
	.our-process-area .mt-5 {
	    margin-top: 0 !important;
	}
	.slider-area{
		padding-top: 40px;
	}
	.client-section-image2{
		margin-top: 30px;
	}
	.design-right-img {
	    margin-top: 30px;
	}
	.desgin-tab-hading li{
		margin-bottom: 20px;
	}
	.desgin-tab-hading li a{
		font-size: 19px;
		padding: 8px 20px;
	}
	.design-tabs-area .mt-5{
		margin-top: 20px !important;
	}
	.design-box li {
		font-size: 15px;
	}
	.how-we-work-slider .strategy > p{
		padding-right: 0;
		margin-top: 14px;
	}
	.agile-developement img{
		width: 100%;
	}
	.agile-developement a img{
		width: auto;
	}
	.agile-developement .aglie-heading{
		margin-top: 30px;	
	}
	.agile-benifit .line-img{
		display: none !important;
	}
	.agile-benifit .AR-app-development-process-right{
		margin-top: 0 !important;
	}
	.agile-benifit .AR-app-development-box h3 img{
		width: 40px;
	}
	.agile-develop-product .roadmap-of-iot-app-development-content-box{
		width: 100% !important;
		min-height: 330px !important;
	}
	.agile-develop-product .roadmap-of-iot-app-development-img-box {
	    display: none;
	}
	.cycle-process p br{
		display: none !important;
	}
	.cycle-process .mt-5{
		margin-top: 0 !important;
	}
	.agile-client{
		padding-bottom: 0!important
	}
	.agile-client h2 br,.heading-text h2 br{
		display: none;
	}
	.cycle-process p{
		text-align: center;
	}
	.agile-develop-product .mt-5{
		margin-top: 0 !important
	}
	.aglie-heading h2,.heading-text h2{
		font-size: 30px !important;
		line-height: 52px;
	}
	.agile-developement p,.agile-mobile-application p{
		font-size: 20px !important;
	}
	.agile-devops img{
		margin-bottom: 30px;
	}
	.agile-devops {
	    margin-bottom: 50px !important;
	}
	.all-client-slider{
		-webkit-animation: slide 125s linear infinite;
	}
}

@media(max-width: 370px){
	.design-box li {
	    font-size: 10px;
	}
}



/*============================
	agile developement css
==============================*/
.aglie-heading h2{
	font-size: 44px;
	color: #000C51;
}
.aglie-heading h2 span{
	color: #f77d33;
}
.aglie-heading {
    padding-left: 40px;
}
.agile-developement p{
	font-size: 26px;
	color: #828FAD;
	line-height: 38px;
}
.agile-develop-product{
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/agile/agile-develop-product-bg.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.agile-develop-product .roadmap-flexbox-right h4{
	font-size: 94px;
    margin-top: -40px;
    color: #f77d33;
    opacity: .1;
}
.agile-develop-product .roadmap-of-iot-app-development-content-box p {
    color: #828FAD;
    padding: 20px 0px;
    margin-top: -30px !important;
    font-size: 18px;
}
.agile-develop-product .roadmap-of-iot-app-development-content-box {
    width: 660px;
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 18px 20px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 20px #dde2ff80;
    padding: 40px 20px 30px;
    min-height: 0px;
    height: auto;
    margin-bottom: 40px;
}
.agile-develop-product .roadmap-of-iot-app-development-img-box {
	margin-top: 180px;
}
.agile-develop-product .roadmap-of-iot-app-development-img-box {
	width: 50%;
}
.agile-benifit .AR-app-development-box h3{
	    line-height: 50px;
}
/*.img-top-40px img {
    position: relative;
    top: -40px;
}*/
.img-top-40px img{
	position: relative;
    top: 0;
    width: 60px;
    height: 60px;
    object-fit: contain;
}
/*cycle-process*/
.cycle-process p{
	font-size: 20px;
	color: #828FAD;
	line-height: 34px;
}


/*client area*/
.agile-client .client-img img {
  opacity: 0.3;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  filter: grayscale(100%);
}
.agile-client .client-img:hover img {
    filter: grayscale(0);
    opacity: 1;
}
.agile-client .client-img {
  background-color: white;
  border-radius: 5px;
  width: 200px;
  height: 100px;
}
/*.agile-client .client-img:hover {
  background-color: white;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.055);
  border-radius: 5px;
  width: 200px;
  height: 100px;
}*/

.agile-client .owl-carousel .owl-item .award-img {
  display: block;
  width: 70% !important;
  margin-top: -5%;
}

.agile-client .owl-carousel .owl-item .award-img1 {
  display: block;
  width: 85% !important;
  margin-top: 0%;
}

.agile-client .owl-carousel .owl-item img {
  display: block;
  width: auto !important;
}


/*agile-mobile-application*/
.agile-mobile-application{
	background: #EBFBFF;
	padding: 100px 0 80px;
}
.agile-mobile-application p{
	font-size: 26px;
	color: #52545A;
	line-height: 38px;
}

/*agile-devops*/
.agile-devops{
	margin-bottom:100px;
}
.agile-devops p{
	font-size: 20px;
	color: #828FAD;
	line-height: 34px;
}




/*====================
	mvp developement
======================*/
.mvp-heading h2{
	font-size: 35px;
	color: #000C51;
	line-height: 50px;
}
.mvp-pera p{
	font-size:22px;
	color: #828FAD;
	line-height: 35px; 
}
.garnering-validation p{
    padding-right: 40px;
}
.garnering-validation img{
	margin-top: 15px;
}
/*stayiing-learn*/
.stayiing-learn{
	margin-top: 100px;
	padding: 57px 0 0px;
	background: #EAF8FF;
	z-index: -1;
}
.stayiing-learn-box{
	background: #fff;
	width: 251px;
	min-height: 260px;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	padding: 25px 15px;
	position: relative;
	margin-bottom: 90px;
	z-index: 1;
}
.stayiing-learn-box:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 20px; 	
	opacity: 0.57;
	transform: matrix(0.96, -0.28, 0.28, 0.96, 0, 0);
}
.stayiing-learn-box p{
	font-size: 18px;
	color: #6C7A97;
	line-height: 34px;
}
/*solution-area*/
.solution-area{
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/mvp/solution-bg.svg);    
	background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 190px;
}
.solution-box {
    background: #fff;
    padding: 30px 36px 19px 30px;
    width: 403px;
    min-height: 420px;
    box-shadow: 0px 27px 50px #0000000d;
    border-radius: 29px;
    margin-top: 60px;
}

.solution-box-1{
	margin-left: 50px;
}
.solution-box h3{
	font-size: 22px;
	line-height: 27px;
	color: #0A2540;
	margin-top: 20px;
}
.solution-box p{
	font-size: 18px;
	line-height: 35px;
	color: #6C7A97;
}

/*develop-mvp*/
.develop-mvp-box {
    width: 276px;
    background: #FEF1F2;
    min-height: 480px;
    padding: 30px 23px 0px;
    border-radius: 20px;
    position: relative;
}
.develop-mvp-box:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    width: 130px;
    height: 10px;
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/mvp/dots.png);
}
.develop-mvp-box h3{
	font-size: 21px;
	color: #F5808B;
	margin-top: 18px;
}
.develop-mvp-box p{
	font-size: 18px;
	color: #828FAD;
	margin-top: 17px;
	line-height: 32px;
}
.develop-mvp-box-1{
	background: #E8FFF7;
}
.develop-mvp-box-1 h3{
	color: #4DD59E;
}
.develop-mvp-box-2{
	background: #EBEEFF
}
.develop-mvp-box-2 h3{
	color: #f77d33;
}
.develop-mvp-box-2:before{
	display: none;	
}

/*why-choose-mvp*/
.why-choose-mvp{
	background: #EAF8FF;
	padding: 75px 0 45px;
	margin-top: -90px;
}
.why-choose-mvp-box {
    height: 240px;
    background: #fff;
    border-radius: 20px;
    padding: 31px 25px 20px 25px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.why-choose-mvp-box h3{
	font-size: 24px;
	color: #000C51;
	line-height: 36px;
	margin-top: 20px;
	text-align: center;
}




@media(max-width: 1199px){
	.develop-mvp-box{
		width: 100%;
		min-height: 570px;
		padding: 20px 17px 20px;
	}
	.develop-mvp-box p{
		font-size: 17px;
		margin-top: 10px;
	}
	.solution-box{
		width: 100%;
	}
	.why-choose-mvp-box h3{
		font-size: 22px;
		line-height: 32px;
	}
	.hadoop-heading h4{
		font-size: 34px;
	}
	.solution-box-1{
		margin-left: 0;
	}
}

@media(max-width: 991px){
	.develop-mvp-box h3{
		    font-size: 17px;
	    margin-top: 11px;
	}
	.develop-mvp-box p{
		margin-top: 0;
		font-size: 15px;
		line-height: 28px;
	}
	.why-choose-mvp-box{
	    padding: 20px 15px 20px 15px;
	}
	.why-choose-mvp-box h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.android-box{
		padding: 20px;
	}
	.hadoop-heading h4 {
	    font-size: 31px;
	}
	.develop-mvp-box{
	    min-height: 510px;
	}
	.solution-box{
		min-height: 700px;
	}
}


@media(max-width: 767px){
	.agile-benifit .AR-app-development-box h3 {
		line-height: 30px;
		font-size: 18px;
	}
	.img-top-40px img {
		position: relative;
		top: 16px;
	}
	.stayiing-learn-box{
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		min-height: auto;
	}
	.stayiing-learn-box:before{
     	transform: rotate(-4deg);
	}
	.stayiing-learn-box p{
	    font-size: 14px;
    	line-height: 25px;
	}
	.develop-mvp-box{
		margin-bottom: 30px;
	}
	.develop-mvp-box:before{
		display: none;
	}
	.why-choose-mvp-box h3{
		font-size: 17px;
	}
	.garnering-validation p {
	    padding-right: 0px;
	}
	.solution-box{
		padding-bottom: 10px !important;
		margin-top:30px;
		min-height: 0
	}
	.mgt100{
		padding-top: 50px;
	}
	.agile-devops{
		padding-top: 0!important;
		margin-top: -50px !important
	}
	.agile-mobile-application{
		padding-top: 30px;

	}
	.hadoop-heading h4 {
	    font-size: 27px;
	}
	.develop-mvp-box {
	    min-height: auto;
	}
	.aglie-heading {
	    padding-left: 0px;
	}
}

@media(min-width: 374px) and (max-width: 767px){
	.stayiing-learn-box{
		min-height: 0px;
	}
	.stayiing-learn-box p{
		font-size: 16px;
	}
}



/*=========================
	web app developement
===========================*/
.bg-half-170 .agile-developement p {
    font-size: 26px;
    color: #828FAD;
    line-height: 38px;
    width: 100%;
    padding-left: 0;
    margin-top: 11px;
}
.index-can-we-talk {
    padding-left: 9px;
    font-size: 18px;
    color: #000c51;
    width: 157px;
    font-family: "CircularStdMedium";
}
.benefit-box p{
	margin-top: 13px;
	font-weight: bold !important;
}
.example-application .healthcare-soft-box ul li p{
	    font-size: 38px !important;
    color: #000C51;
    font-weight: 600 !important;
    display: flex;
}
.example-application .healthcare-soft-box ul span{
    opacity: .2;
    color: #f77d33;
    font-size: 80px;
    font-weight: bold;
    margin-left: 30px;
}
.web-application-right{
	    justify-content: initial !important;
}
.web-application-right ul span{
	margin-left: 0!important;
	margin-right: 30px;
}
.essential-steps .king-p{
	margin-top: 0;
}
.web-app-services .benifits-of-rpa-box h4{
	font-size: 24px;
	padding-bottom: 0px !important;
}
.web-app-services .benifits-of-rpa-box p{
	font-size: 15px !important;
    line-height: 23px !important;
    margin-bottom: 0px;
}
.web-app-services .benifits-of-rpa-box{
	min-height: 484px;
}
.web-app-services .benifits-of-rpa-box-1{
	min-height: 457px;
}
.advantage-area{
	padding-top: 0;
	margin-top: -30px;
}
.advantage-area a{
	font-size: 20px;
    color: #f77d33;
    font-family: "CircularStdRegular";
}
.advantage-area .choose-box{
	    padding: 28px 20px 14px;
	width: 100%;
	margin: 30px 0;
}
.advantage-area .choose-box-1{
    margin-top: 60px;
        margin-left: 50px;
}
.choose-box-2{
	position: relative;
	left: 50px;
}
.we-consider-area .AR-plateforms-bg h2{
	font-size: 44px;
	line-height: 62px;
}
.we-consider-area .AR-plateforms-bg h2 span{
	color: #f77d33;
}
.we-consider-area .AR-plateforms-bg p{
		font-size: 22px;
		line-height: 38px;
}
.we-consider-area-box ul{
	margin-bottom: 0;
}
.we-consider-area-box {
    box-shadow: 0px 10px 20px #dde2ff80;
    border-radius: 20px;
    min-height: 350px;
    background: #fff;
    padding: 40px 30px 30px;
}
.we-consider-area-box h4{
	font-size: 26px;
	color: #000C51;
	line-height:  36px;
}
.we-consider-area-box .head-list{
	display: flex;
    justify-content: space-between;
}
.we-consider-area-box .we-consider-list{
	font-size: 18px;
	line-height: 34px;
	font-family: "CircularStdMedium";
	color: #828FAD;
	margin-top: 10px;
}
.we-consider-area-box .we-consider-list li{
	position: relative;
	padding-left:  10px;
	line-height: 32px;
	font-size: 18px;
}
.we-consider-area-box .we-consider-list li:before{
	/*position: absolute;*/
	display: none;
    content: '';
    width: 4px;
    height: 4px;
    background: #000C51;
    border-radius: 50%;
    top: 14px;
    left: 0px;
}
.we-consider-area{
	padding-bottom: 10px;
}
.web-application-devlop-process .benefit-box ul li p{ 
	display: flex;
    justify-content: center;
    align-items: center;
}
.essential-steps .apart{
	height: 515px !important
}
.Custom-software .apart{
	    height: 480px !important;
}
.business-needs .game-apart{
	height: 414px;
}



/*media query*/
@media(max-width: 1199px){
	.web-app-services .benifits-of-rpa-box h4{
		font-size: 22px;
	}
	.web-app-services .benifits-of-rpa-box {
	    min-height: 460px;
	}

.essential-steps .apart p{
	font-size: 18px;
}
.essential-steps .apart{
	    padding: 28px 20px 14px;
}
.essential-steps .apart h4{
	    font-size: 23px;
	        padding: 15px 0px 0px;
}
	.example-application .healthcare-soft-box ul li p{
		font-size: 30px !important;
	}
	.we-consider-area-box{
	    padding: 40px 15px 30px;
	    min-height: 384px;
	}
}

@media (max-width: 991px){
	.bg-half-170 .mr-5{
		margin-right: 13px !important
	}
	.advantage-area .choose-box-1{
		    margin-left: 20px;
	}
	.choose-box-2{
		left: 30px
	}
	.advantage-area .choose-box p{
		font-size: 17px;
	}
	.we-consider-area-box{
		    padding: 20px 15px 30px;
	}
	.we-consider-area-box h4{
		font-size: 19px;
		line-height: 28px;
	}
	.head-list img{
	    width: 40px;
	    height: 50px;
	    margin-top: 7px;
	}
	.we-consider-area-box .we-consider-list{
		margin-top: 0;
	}
}


@media (max-width: 767px){
	.business-needs .game-apart{
		height: auto;
	}

.Custom-software .apart{
	height: auto;
}
	.index-can-we-talk {
	    font-size: 14px !important;
	}
	.btn-primary {
	    font-size: 14px !important;
	    padding: 11px 7px !important;
	}
	
	.healthcare-soft-box {
        margin: 0px 0px 28px;
    }
    .benefit-box {
        width: 98%;
            margin: 18px auto;
        height: auto;
        }
    .healthcare-soft-1 {
        margin-left: 0px;
        margin-top: 0px;
    }
    .web-application-right {
	    justify-content: center !important;
	}
	.example-application{
		background-image: none !important;
	}
	.essential-steps .apart{
		height: auto !important;
	}
	.web-app-services .benifits-of-rpa-box {
	    min-height: 0px;
	}
	.benifits-of-rpa-description{
		width: 100%
	}
	.web-app-services .heading-text p{
		padding-right: 0;
	}
	.advantage-area .chosse-app-reverse{
		flex-direction: column-reverse;
		margin-top: 30px;
	}
	.advantage-area .choose-box-1{
		margin-left: 0;
	}
	.advantage-area .choose-box-2{
		left: 0;
		top: -30px
	}
	.we-consider-area-box{
		min-height: 0px;
		margin-bottom: 30px;
	}
	.we-app-client{
		padding-top: 10px;
	}
	.advantage-area{
		padding-bottom: 0;
	}
}



/*=========================
	software development
===========================*/
.what-we-do{
	padding-bottom: 70px !important;
}
.what-we-do .apart{
    height: 340px;
    padding: 28px 20px 14px;
}
.what-we-do .apart h4{
    padding: 15px 0px 0;
}
.what-we-do .apart p{
	font-size: 16px;
}
.software-integrations h3{
	font-size: 26px;
}
.software-integrations .roi-box p{
	line-height: 30px;
}
.software-integrations .roi-box{
	min-height: 430px;
	    padding: 30px 10px 10px 10px;
}
.digital-transform h2 span{
	color: #f77d33;
}
.digital-transform .complete-bg{
	padding: 20px;
}
.digital-transform .complete-pera p{
	line-height: 35px;
}
.Custom-software{
	margin-top: 100px;
}
.Custom-software .apart{
	height: 400px;
}
.Custom-software .apart a{
	font-size: 20px;
	color: #f77d33;
	font-family: "CircularStdMedium";
}
.custome-software-development p{
	padding-right: 0;
	margin-top: 0;
}
.custome-software-development .heading-text p{
	padding-right: 40px;
}
.custome-software-development .why-adopting-tab{
    padding: 30px 35px 15px;
    margin-top: 35px;
}
.custome-software-development .why-adopting-tab:last-child{
	margin-bottom: 40px
}
.powering-cross-device .heading-text p{
	margin-top: 0;
}
.enterprise-software{
	background-size: cover;
	padding-bottom: 40px;
	    margin-top: -40px;
}
.enterprise-software .benifits-of-rpa-description{
	width: 100%;
}
.enterprise-software p{
	padding-right: 0;
}
.enterprise-software .benifits-of-rpa-box {
    min-height: 436px;
}
.integrations-applications p{
	line-height: 35px;
}
.complete-heading span{
	color: #f77d33;
}
.integrations-applications .col{
	width: 200px;
}
.integrations-row{
	background-position: center;
    background-repeat: no-repeat; 
    padding: 70px 0;
    margin-top: 30px;
    margin-bottom: 100px;
}
.software-technologies-box{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	width: 242px;
	height: 243px;
	padding: 40px 30px;
}
.software-technologies-box h3{
	font-size: 26px;
	line-height: 36px;
	margin-top: 20px;
	color: #000C51;
}
.software-technologies .row{
	margin-top: 35px;
}



/*media query*/
@media(max-width: 1199px){
	.what-we-do .apart {
	    height: 450px;
	}
	.heading-text h2{
		font-size: 39px;
	}
	.enterprise-software .benifits-of-rpa-box {
	    min-height: 430px;
	}
	.software-technologies-box{
		width: 100%;
		padding: 40px 20px;
	}
	.software-technologies-box h3{
		font-size: 16px;
    	line-height: 29px;
	}
}

@media(max-width: 991px){
	.what-we-do .apart{
	    padding: 28px 20px 14px;
	}
	.what-we-do .apart h4{
		font-size: 25px;
	}
	.what-we-do .apart {
	    height: 480px;
	}
	.Custom-software .apart h4{
		font-size: 21px;
	}
	.Custom-software .apart{
		height: 570px;
	}
	.custome-software-development .why-adopting-tab{
		    padding: 30px 15px 15px;
		    margin-top: 35px;
	}
	.why-adopting-tab-content{
		margin-left: 30px;
	}
	.enterprise-software .benifits-of-rpa-box {
	    min-height: 610px;
	}

}

@media(max-width: 767px){
	.what-we-do .apart {
	    height: auto;
	}
	.digital-transform .row{
		flex-direction: column-reverse;
	}
	.Custom-software .mt-5{
		margin-top: 0 !important
	}
	.Custom-software .heading-text p,.custome-software-development .heading-text p,.heading-text p{
		padding-right: 0;
	}
	.custome-software-development .why-adopting-tab{
		margin: 35px 0;
	}
	.enterprise-software .benifits-of-rpa-box {
	    min-height: 0px;
	}
	.integrations-applications .col {
        max-width: 50%;
        flex-basis: auto;
        text-align: center;
        margin-top: 10px;
	}
	.integrations-applications .mt-4{
		margin-top: 0!important
	}
	.software-technologies-box{
		margin-bottom: 30px;
		height: 224px;
	}
	.integrations-row{
		padding: 0px 0;
    	margin-top: 0;
	}
	.software-technologies .row {
	    margin-top: 0;
	}
	.main-card .accordions .accordion .cont-header h3 {
	    line-height: 30px;
	    font-size: 17px;
	    margin-right: 0;
	}
}



/*=========================
	big-data-industries
===========================*/
.big-data-industries{
	padding-top: 50px;
}
.big-data-industries .integrations-row{
	margin-bottom: 0px;
	margin-top: 0;
	padding-top: 20px;
}
.big-data-using{
	padding-bottom: 70px;
}
.big-data-using .apart{
	padding: 28px 25px 14px;
	    height: 520px !important;
}
.big-data-using .apart h4{
	font-size: 28px;
    line-height: 34px;
    padding: 0;
    margin-top: 20px;
}
.big-data-using .apart p{
	font-size: 16px;
	line-height: 30px;
}
.big-data-service{
	padding-top: 40px;
	padding-bottom: 40px;
}
.big-data-service .benifits-of-rpa-box{
	text-align: center;
	padding: 28px 20px 14px;
	    min-height: 420px;
}
.big-data-service .benifits-of-rpa-box h4{
	font-size: 22px;
	line-height: 30px;
}
.big-data-service .benifits-of-rpa-box p{
	font-size: 18px !important;
	line-height: 34px !important;
	color: #828FAD;
}
.big-data-offering{
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 50px;
}
.big-data-offering .we-consider-area-box h4{
	font-size: 22px;
	line-height: 30px;
	color: #000C51;
}
.big-data-offering .we-consider-area-box p{
	font-size: 14px;
	line-height: 34px;
	color: #828FAD;
}
.big-data-offering .we-consider-area-box img{
	width: 53px;
	height: 53px;
}
.big-data-offering .we-consider-area-box{
	margin-bottom: 50px;
    width: 340px;
    min-height: 440px;
    padding: 30px;
}
.big-data-lifestyle .col{
	width: 200px;
}
.big-data-lifestyle .complete-heading{
    position: relative;
    top: 50px;
}
.big-data-lifestyle .complete-heading h2{
    font-size: 44px;
}
.big-data-lifestyle{
	padding-top: 40px;
}
.big-data-lifestyle .row{
	padding-top: 92px;
	padding-bottom: 80px;
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/services/what-we-do-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 100px;
}
.lifestyle-box{
	background: #fff;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	padding: 30px ;
	width: 200px;
	height: 200px;
	position: relative;
	text-align: center;
}
.lifestyle-box:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-1.png);
    width: 32px;
    height: 70px;
    background-repeat: no-repeat;
}
.lifestyle-box.lifestyle-box-1 {
    margin-top: 68px;
}
.lifestyle-box-1:before{
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-2.png);
    top: 30px;
}
.last-lifestyle:before{
	display: none;
}
.lifestyle-box h4{
	font-size: 18px;
	line-height: 26px;
	margin-top: 20px;
	color: #000C51;
}

/*media query*/
@media(max-width: 1199px){
	.big-data-using .apart {
	    padding: 28px 15px 14px;
	    height: 480px;
	}
	.big-data-using{
		padding-top: 0px !important;
	}
	.big-data-service{
		padding-bottom: 90px;
	}
	.big-data-service .benifits-of-rpa-box {
	    text-align: center;
	    padding: 28px 10px 14px;
	    min-height: 450px;
	}
	.big-data-offering .we-consider-area-box{
		width: 100%;
		padding: 20px;
		min-height: 360px;
		margin-bottom: 30px;
	}
	.big-data-lifestyle .row{
		background-size: contain;
		padding-top: 82px;
    	padding-bottom: 50px;
	}
	.big-data-offering .we-consider-area-box h4{
		font-size: 21px;
	}
	.lifestyle-box{
		width: 162px;
		padding: 20px;
		height: 180px;
	}
	.lifestyle-box h4{
		font-size: 17px;
	}
}


@media(max-width: 991px){
	.big-data-using .apart{
		height: 550px;
	}
	.big-data-using .apart p {
	    font-size: 14px;
	    line-height: 27px;
	}
	.big-data-service{
		padding-bottom: 50px;
	}
	.big-data-service .benifits-of-rpa-box{
		    min-height: 610px;
	}
	.big-data-industries .complete-pera p br {
	    display: none;
	}
	.big-data-offering .we-consider-area-box{
		    padding: 20px 15px;
	}
	.big-data-offering .we-consider-area-box h4 br{
		display: none;
	}
	.big-data-offering .we-consider-area-box h4{
		font-size: 17px;
		line-height: 25px;
	}
	.big-data-offering .we-consider-area-box img {
	    width: 43px;
	    height: 43px;
        position: relative;
    	left: 8px;
    	top: -4px;
	}
	.big-data-lifestyle .col{
		padding: 0;
	}
	.big-data-offering .we-consider-area-box p{
		line-height: 28px;
	}
	.lifestyle-box{
		width: 120px;
	    padding: 17px 10px;
	    height: 160px;
	}
	.lifestyle-box img{
		width: 50px;
	}
	.lifestyle-box h4 {
	    font-size: 14px;
	    line-height: 20px;
	}
	.lifestyle-box:before{
		top: 40%;
	}
	.lifestyle-box-1:before{
		top: 0;
	}
}

	.big-data-what-set .game-apart{
		height: 440px !important
	}
@media(max-width: 767px){
	.big-data-using .apart {
	    height: auto !important;
	}
	.big-data-what-set .game-apart{
		height: auto !important
	}
	.big-data-service .benifits-of-rpa-box {
	    min-height: 0px;
	}
	.big-data-offering .we-consider-area-box h4{
		font-size: 20px;
	}
	.big-data-offering .we-consider-area-box{
		min-height: 0px;
	}
	.big-data-lifestyle .row{
		margin: 20px;
		background-size: cover;
		border-radius: 30px;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	.big-data-lifestyle .col{
		flex-basis: 100%;
	}
	.lifestyle-box{
	    width: 200px;
	    padding: 17px 10px;
	    height: 160px;
	    margin: 0 auto;
	    margin-bottom: 36px;
	}
	.lifestyle-box.lifestyle-box-1{
		margin-top: 0;
	}
	.lifestyle-box h4{
		font-size: 18px;
		line-height: 26px;
	}
	.lifestyle-box:before {
	    position: absolute;
	    content: '';
	    top: 90% !important;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-1.png);
	    width: 32px;
	    height: 70px;
	    background-repeat: no-repeat;
	    transform: rotate(-90deg);
	}
	.lifestyle-box-1:before{
		background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-2.png) !important;
	}
	.big-data-lifestyle .complete-heading h2 br {
	    display: none;
	}
	.heading-font-30 h2{
		font-size: 30px !important;
		line-height: 42px !important;
	}
}


/*==========================
	ecommerce-application
============================*/
.ecommerce-feature{
		padding-bottom:40px;
}
.ecommerce-application .apart{
    padding: 35px 40px 20px;
}

.ecommerce-application .apart p{
	font-size: 20px;
	line-height: 36px;
	color: #828FAD;
	text-align: inherit;
}
.types-of-machine-learning-tabs {
  width: 97%;
  background-color: #fff;
  padding: 28px 18px 14px;
  box-shadow: 0px 10px 20px #dde2ff54;
  border-radius: 20px;
  margin: 23px 6px;
  min-height: 360px;
}
.types-of-machine-learning-tabs h4 {
  font-size: 20px;
  color: #000c51;
  line-height: 28px;
  font-family: "CircularStdBold";
}
.types-of-machine-learning-tabs p {
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
  color: #828fad;
  font-family: "CircularStdRegular";
}



.agile-what-set-apart .game-apart{
	height: 440px;
}
.how-we-what-set-apart .game-apart{
	height: 570px;
}
.ecommerce-what-set .game-apart{
	height:490px;
}
@media(max-width: 767px){
	.how-we-what-set-apart .game-apart {
	    height: auto;
	}
	.agile-what-set-apart .game-apart{
		    height: auto;
	}
	.ecommerce-what-set .game-apart{
		height: auto;
	}
	.some-popular ul li span{
		display: none;
	}
	.displayhidein-mobile{
		display: none;
	}
	.some-popular .healthcare-soft-box ul li p {
		font-size: 25px !important;
	}
	.blc-text p {
	    padding-right: 0;
	}

}




/*====================== NEW CSS =======================*/
.how-can-we-style{
	padding-top: 80px;
}
.vr-slide-style{
	padding-top: 100px;
}
.ios-sec4{
	padding-top: 80px;
}
.mid-phone img{
	padding-top: 100px;
}
.py-30{
	padding: 30px 0;
}
.client-rate-style{
	padding: 50px 0;
}
.ar-help-style  .augment-box p{
	font-size:16px;
}
.ar-help-style .augment-box h4 {
    height: 60px;
}
.ar-banner{
	margin-left: 0;
}
.ar-help-style .augment-box{
	height: 705px;
}
.ar-slide-style .owl-slider2 {
    max-height: 640px;
}
.how-we-work-roi .roi-box {
    height: 560px;
}
.tech-stack-style{
	margin-top: 50px;
}
.ios-box-style .apart {
    width: 100%;
    height: 375px;
}
.exp-img-style img{
	width: 92%;
}
.blockchain-dev-services-box {
    min-height: 500px;
}

.iot-tabs {
    min-height: 505px;
}
.ar-slide-style .owl-slider2 p{
	width: 100%;
	height: 450px;
}
.story-slider .career-btn a{
	color: #fff;
}
.story-slider .career-btn a:hover{
	color: #fff;
}
.AR-plateforms-box img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}
.python-box-style .exp-in-python-tabs {
    width: 100%;
    margin-left: 0;
}
.python-banner-style img{
	width: 90%;
}
.python-banner-style .banner-image{
	text-align: right;
}
.fe-banner-style img{
	margin-top: 45px;
}
.react-boxes-style .resion-box {
    width: 100%;
    height: 435px;
}
.pdp-section .pdp-img img{
	width: 100%;
}
.pdp-section{
	padding-top: 40px;
}
.pdp-section h2{
	padding-bottom: 30px;
}
.fe-development-process .process-img-style img{
	width: 100%;
}
.fe-style .section1{
	padding-top: 60px;
}
.fe-sec2{
	padding-top: 50px;
}
.hadoop-sbox-style .game-apart {
    height: 455px;
}

.fc-sec2 .Product-Managers p{
	font-size: 19px;
    line-height: 30px;
}

.fc-style .core-idea-box p{
	font-size: 17px;
    line-height: 28px;
}
.fc-style .core-idea-box{
    height: 430px;
}
.about-bstyle .game-apart {
    height: 525px !important;
}
.the-fleek .game-apart {
    height: 462px !important;
}
.service-boxes .game-apart {
    height: 445px;
}
.iot-sec4{
	padding: 40px 0;
}
.vr-boxes-style .vr-box{
    height: 378px;
}
.fbox-h .best-flutter-app-development-box {
    min-height: 401px;
}
.react-boxes-style .apart{
	height: 405px;
}
.web-bstyle .benifits-of-rpa-box {
    min-height: 427px;
}
 .top-rated-style{
 	padding-top: 0;
 	padding-bottom: 60px;
 }
.startup-sec2 h2{
	font-size: 33px;
    line-height: 47px;
}
.startup-sec2 .txt-style p{
font-size: 20px;
}
.startupbox{
	padding-top: 60px;
}
.career-section1{
	padding-top: 130px !important;
}
.career-section1 .banner-heading{
padding-top: 90px;
}
.career-section1 p{
	font-size: 26px;
    color: #828FAD;
    line-height: 38px;
    width: 100%;
    padding-left: 0;
    margin-top: 11px;
}
.career-culture-sec h4{
	font-size: 22px;
    line-height: 37px;
}
.career-box-style .apart{
	height: 405px;
}
.career-location-slider .item img{
	width: 100% !important;
}
.mac-box-style .apart{
	width: 100%;
    height: 454px;
}
.mac-box-style .apart h4{
	font-size: 24px;
	margin-bottom: 0;
}
.macBanner .banner-image img{
width: 100%;
}
.web-sec4{
	padding-top: 40px;
}
.web-circle .healthcare-soft-1 {
    margin-left: 81px;
    margin-top: 42px;
}
.web-circle .healthcare-soft-4 {
    margin-left: -79px;
    margin-top: 46px;
}
.web-circle .healthcare-soft-2 {
    margin-left: -61px;
    margin-top: -18px;
}
.web-circle .healthcare-soft-5 {
    margin-left: 60px;
    position: relative;
    top: -20px;
}
.web-circle .healthcare-soft-3 {
    margin-left: -3px;
    position: relative;
    top: 46px;
}
.web-circle .healthcare-soft-6 {
    margin-left: 2px;
    position: relative;
    top: 16px;
}



@media only screen and (max-width: 768px){
	.web-circle .healthcare-soft-1 {
    margin-left: 0;
    margin-top: 0;
}
.web-circle .healthcare-soft-4 {
    margin-left: 0;
    margin-top: 0;
}
.web-circle .healthcare-soft-2 {
    margin-left: 0;
    margin-top: 0;
}
.web-circle .healthcare-soft-5 {
    margin-left: 0;
    position: unset;
    top: 0;
}
.web-circle .healthcare-soft-3 {
    margin-left: 0;
    position: unset;
    top: 0;
}
.web-circle .healthcare-soft-6 {
    margin-left: 0;
    position: unset;
    top: 0;
}
	.mac-box-style .apart{
	width: 100%;
    height: auto;
}
	.stayiing-learn{
		margin-top: 60px;
	}
	.solution-area{
		padding-top: 0 !important
	}
	.why-choose-mvp{
		margin-top: -120px;
	}
	.react-boxes-style .apart {
	    height: auto;
	}
	.vr-boxes-style .vr-box {
	    height: auto !important;
	}
	.resion-box {
	    height: auto !important;
	}
    .vr-banner-style .banner-heading h1{
       margin-top: 0;
    }
    .how-can-we-style{
    	padding-top: 0px;
    }
    .vr-slide-style .owl-slider2 {
	    min-height: 400px;
	}
	.ar-vr-bg .hvr-float-shadow.all_btns a {
	    padding: 15px 15px 15px 15px;
	}
	.vr-slide-style{
		padding-top: 0px;
	}
	.flutter-cycle-style{
		padding-top: 0;
	}
	.best-flutter-app-development {
    margin-top: 30px;
    padding: 0 0 50px 0;
}
.why-flutter-style{
	padding-top: 0;
}
.one-stop-style{
	padding: 30px 0 30px 0;
}
.best-flutter-app-development-box {
    min-height: auto;
}
.why-choose-slider .owl-slider2 {
    min-height: auto;
}
.dual-sec h4 {
    font-size: 14px;
}
.dual-sec .android-img {
    width: 28px;
    margin-right: 5px;
}
.dual-same-size .android-box{
	height: 260px;
	padding: 20px 10px;
}
.iot-sec2{
	padding-top: 30px;
}
.iot-sec3{
	padding-top: 0px;
}
.iot-sec4{
	padding:20px 0;
}
.iot-sec5 p{
	margin-bottom: 0;
}
.iot-feature-style p{
	margin-bottom: 0;
}
.roadmap-of-iot-app-development {
    margin-bottom: 50px;
}
.iot-detail-style{
	padding-top: 30px;
}
.ios-sec4{
	padding-top: 0px;
}
.list-ios{
	padding-top: 0px;
}
.mid-phone img{
	padding-top: 20px;
	margin-bottom: 40px;
	width: 70%;
}
.mid-phone{
	text-align: center;
}
.space-sec{
	padding-top: 30px;
}
.content-over-marquee {
    top: 80px;
}
.service-banner-style .banner-img{
	display: none;
}
.row-rev {
    flex-direction: column-reverse;
}
.client-rate-style{
	padding-top: 105px;
   padding-bottom: 20px;
}
.ai-sec1{
	    padding-top: 25px;
}
.ai-h{
	padding-top: 40px;
}
.ai-service-style{
	padding-top: 0px;
	padding-bottom: 40px;
}
.machine-learning-process h2 {
    margin: 60px 0px;
}
.what-we-done-tabs{
	margin-left: 0;
}
.sm-content{
    padding-top: 15px;
}
.section-padding{
	padding: 40px 0;
}
.benifits-of-rpa-box{
	min-height: auto;
}
.hadoop-heading h4 {
    font-size: 11px !important;
}
.process-left img {
    margin-bottom: 28px;
}
.design-tabs-area nav a {
    width: 30% !important;
    padding: 1px 2px;
    font-size: 17px;
}
.desgin-tab-hading .nav a{
	margin-bottom: 12px;
	font-size: 14px;
}
.android-img {
    margin-right: 5px;
}
.company-banner img{
	display: none;
}

.react-slide-style .owl-carousel .owl-item img {
    width: 100% !important;
    height: 115px;
    object-fit: contain;
}
.AR-tech-overview {
    margin: 20px 10px;
}
.ar-slide-style .owl-slider2 {
    min-height: auto !important;
}
.ar-slide-style .owl-slider2 img{
	    width: 26% !important;
}

.active-dash {
    width: 8px !important;
    margin-top: 5px !important;
}
.ar-vr-bg .tab button {
    font-size: 11px;
}
.ar-vr-bg .tab button {
    padding: 14px 0px !important;
}
.augmented-reality{
	padding-top: 20px;
}
.augmented-reality-img img {
    width: 75%;
}
.augmented-reality-img{
	text-align: center;
}
.lang-box1 p {
    line-height: 12px;
}
.ar-slide-style{
	padding-top: 0px;
	padding-bottom: 0;
}
.tech-stack-style{
	margin-top: 0px;
}
.AR-plateforms-box {
    min-height: 140px;
    margin-bottom: 0;
    margin-top: 25px;
 }
.AR-plateforms-box p {
    font-size: 17px;
}
.we-consider-area .AR-plateforms-bg h2{
	font-size: 30px;
    line-height: 45px;
}
.we-consider-area .AR-plateforms-bg p {
    font-size: 16px !important;
    line-height: 28px;
}
.AR-plateforms-box img {
    padding: 10px 10px;
}
.our-engagement-model-tab1 {
    margin-top: 0px !important;
}
.ar-solution-style{
	padding-top: 0;
}
.build-intelligent-AR {
    height: 200px;
}
.ar-solution-img{
	padding: 0 0;
}
.how-we-work-roi .roi-box {
    height: auto;
}
.ar-slide-style .owl-slider2 .card-body p {
        font-size: 13px;
    line-height: 20px;
}
.ar-slide-style .owl-slider2 {
    /* max-height: 711px !important;
	min-height: 630px !important; */
	height: 527px;
}


.ar-slide-style .owl-slider2 p{
	width: 100%;
	height: 390px !important;
}
img#long-line {
    height: 1719px;
}
.story-slider .owl-dots .owl-dot span {
    background: #fff !important;
}
.about-sec2{
    padding-top: 40px !important;
}
.blc-text p {
    padding-right: 0;
}
.why-adopting{
	margin-bottom: 30px;
}
.exp-icon-style img{
	width: 100%;
}
.block-service-style h2 {
    font-size: 73px !important;
    margin-top: -20px !important;
}
.eng-model-text {
    min-height: auto;
}
.block-sec2{
	padding-top: 30px;
}
.AR-plateforms-box img {
    width: 110px !important;
    height: 110px !important;
}
.fe-box{
	margin-left: 0 !important;
}
.fe-style{
	margin-top: 0;
}
.fe-button .android-box.hadoop-heading.aos-init.aos-animate{
margin-bottom: 30px !important;
}
.story-slider .owl-theme .owl-nav.disabled + .owl-dots {
    left: 21%;
    bottom: 20px;
    background: #f77d33;
    padding-top: 6px;
}
.python-sec2{
	padding-top: 30px;
	padding-bottom: 24px;
}
.python-service-style{
	padding-bottom: 0 !important;
}
.python-pioneer-style{
	padding-top: 50px;
}
.python-box-style .exp-in-python-tabs {
    margin-bottom: 30px;
}
.python-btn-style{
	    padding-top: 35px;
}
.industries-we-serve h2 {
    font-size: 30px;
    line-height: 50px;
}
.pdp-section h2{
	font-size: 30px;
    line-height: 50px;
}
.block-banner h1{
	padding-bottom: 15px;
}
.blockchain-dev-services-box {
    min-height: auto !important;
}
.blockchain-buttons{
	padding: 45px 0;
}
.hadoop-sbox-style .game-apart {
    height: auto !important;
}
.fc-style .core-idea-box{
    height: auto !important;
}
.the-fleek .game-apart {
    height: auto !important;
}
.about-bstyle .game-apart {
    height: auto !important;
}
.agile-what-set-apart .game-apart{
	height: 440px;
}
.web-bstyle .benifits-of-rpa-box{
	min-height: auto !important;
}
.advantage-orderning {
    display: flex;
}
.ad-order-1{
order: 1;
}
.ad-order-2{
order: 2;
}
.ad-order-3{
order: 3;
}
.education-section1 .banner-heading h1{
	margin-top: 0;
}
.ai-section1 .banner-heading h1{
	margin-top: 0;
}
.media-space{
	margin-left: 16px;
}
.fe-sec2 .fe-txt{
    padding-left: 15px;
    padding-right: 15px;
}
.fe-btn{
	padding-bottom: 30px;
}
.service-media-txt{
	margin-top: 20px;
}
.career-section1 .banner-heading {
    padding-top: 0;
}
.career-section1 h1{
	margin-top: 0 !important;
}
.career-section1 {
    padding-top: 50px !important;
}
.compnay-top-banner{
	display: none;
}
.career-box-style .apart {
    height: auto;
}
.startup-sec2 .txt-style p {
    font-size: 12px;
}
.startupbox {
    padding-top: 0;
}
.startup-section {
    padding: 15px 0 20px;
}
.startup-btn-sec{
	padding-bottom: 45px;
}
.career-location-slider {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
}
.iot-ete{
	margin-top: 0;
}
.mac-sec4{
	padding-top: 40px;
}
.mac-img-style img{
	margin-top: 30px;
}
.mac-market{
	padding-top: 40px;
}
.mac-box-style .choose-box1{
height: auto !important;
}


}

/*============== Media Query Ends ==============*/

/*Other screen*/
@media only screen and (min-width: 1440px){
	.counter-about .counter-box {
	    padding: 23px 12px !important;
	}
	.counter-about p {
	    padding-top: 13px !important;
	}
}
@media(max-width: 1399px){
	.software-integrations .roi-box {
	    min-height: 460px;
	    padding: 30px 10px 10px 10px;
	}
}

@media(max-width: 1200px){
	.software-integrations .roi-box {
	    min-height: 520px;
	    padding: 30px 10px 10px 10px;
	}
}
@media(max-width: 768px){
	.software-integrations .roi-box {
	    min-height: auto;
	    padding: 30px 10px 10px 10px;
	}
}

.list-contents li{
    line-height: 28px !important;
}
@media (max-width: 350px){
	.ar-slide-style .owl-slider2{
		height: 726px !important;
		max-height: 727px !important;
	}
	.ar-slide-style .owl-slider2 p{
		height: 577px !important;
	}
	
	
}



/*pwa page*/

/*` page*/

.pwa_banner_area{
	background: linear-gradient(100.81deg, #092140 4.27%, #34546E 57.81%) !important;
}
.pwa_banner_area .banner_img_right{
	margin-top: -40px;
}

.pwa-second-area .right-side{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.how_we_progressive .container{
	    background: #DEFFFC;
    border-radius: 34px;
    padding-top: 40px;
    padding-left: 40px;
}
.pwa_android_area .container{
	background: #FEF1E7; 
	margin-top:60px;
}

.pwaevelopment_service{
	padding-top: 70px !important;
	padding-bottom: 70px; 
}
.migration_area{
	padding: 100px 0 0;
}
.inner_migration_area{
	background: #EDEDED;
	padding: 20px;
	border-radius: 21px 21px 30px;
	margin-bottom: 80px;
}
.inner_migration_area img{
	    margin-top: -70px;
    	margin-bottom: 10px;
}


.others_btns{
	margin-top: 30px;
}
.others_btns a{
	background: #28ABFE;
	color: #fff;
	box-shadow: 0px 6px 20px #001D3633;
	padding: 10px 20px 12px;
	border-radius: 35px;
}

.my_heading h1{
	font-size: 70px;
    line-height: 80px;
	font-weight: bold;
}
.my_heading h2{
	font-size: 50px;
  	line-height: 65px;
	font-weight: bold;
}
.my_heading h3{
	font-size: 25px;
	line-height: 36px;
	font-weight: bold;
}
.my_heading h4{
	font-size: 40px;
	font-weight: bold;
}
.my_heading p{
    font-size: 20px;
    line-height: 30px;
    color: #b9b9b9;
}
.my_heading h2 span{
	color: #473EFD;
}
.we_understand_area{
padding: 40px 0;
}

@media(max-width: 768px){
	.how_we_progressive .container{
		padding-left: 20px;
	}
	.column_reverse .row{
		    flex-direction: column-reverse;
	}
	.my_heading h2{
		    font-size: 30px !important; 
    	line-height: 40px;
	}
	.migration_area{
		padding-top: 40px;
	}
	.pwa_maintenance{
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 768px){
	.how-we-work-roi .roi-box {
	    height: auto;
	    text-align: center;
	    min-height: auto;
	    padding: 20px 6px 6px 6px;
	}
	 .media-btn{
	 	padding-top: 55px;
	 }
}
.city-box .programming-languages-box{
	height: 454px;
}
.city-process-box .process-box h4 {
    font-size: 23px;
    line-height: 26px;
}
.city-process-box .process-box{
	height: 617px;
}
.city-custom-solution .apart{
	height: 495px;
}
.city-custom-solution .apart p {
    font-size: 15px;
    line-height: 28px;
}
.banner-style .banner-heading p {
    padding-left: 0;
    line-height: 30px;
}
.android-section2{
	padding-top: 60px;
	padding-bottom: 55px;
}
.android-section3 img{
	border-radius: 12px;
}
.Create-img{
	text-align: center;
}
.Create-img img{
	width: 80%;
}
.react-section2{
	padding-top: 0px;
}

.content-based-table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
}
.content-based-table td,.content-based-table th {
  border: 1px solid #dddddd !important;
  text-align: left;
  padding: 8px;
  font-size: 24px;
  color: #000c51;
}
.content-based-table tr:nth-child(odd) {
  background-color: #fbfbfb;
}
.content-based-table table h3 {
    font-size: 20px;
    color: #000c51;
}
.content-based-table table p{
	margin-top: 0;
}
.content-based-table table tr:last-child td:first-child {
    border-bottom-left-radius: unset;
}
.content-based-table table tr:last-child td:last-child {
    border-bottom-right-radius: unset;
}
.javascript-development-text ul li {
    color: #000c51 !important;
}
.ecommerce-sec2 .aglie-heading h2 {
    font-size: 40px;
    line-height: 52px;
}
.ecommerce-sec2 .aglie-heading p {
    font-size: 20px;
    line-height: 36px;
}
.ed-process{
	text-align: center;
}
.ed-process img{
	width: 80%;
}
.real-estate-box .benifits-of-rpa-box{
    min-height: 458px;
}
.real-estate-style .we-consider-area-box h4 {
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.real-estate-style .we-consider-area-box {
    height: 530px;
}
.real-estate-style img{
	width: 60px;
	height: 60px;
}
.ag-process-img{
	text-align: center;
}
.ag-process-img img{
	width: 78%;
}
.eco-best img{
	    width: 42%;
    margin-bottom: 8px;
}
@media only screen and (max-width: 768px){
.zService-banner .marquee_image{
	display: none;
}
.zService-banner{
	width: 100%;
    height: 430px;
}



	.vr-slide-style .heading-text{
		padding-left: 15px;
		padding-right: 15px;
	}
img#long-line {
    height: 1712px !important;
}
.eco-best img {
    width: 25%;
}
.hideDot{
	display: none;
}
.ag-process-img img {
    width: 100%;
}
	.txt-remove-justify p{
		text-align: left !important;
	}
	.web-trusted .section {
    padding-top: 0px;
}
.web-trusted .heading-text {
    padding-top: 0;
}
.real-estate-style img {
    margin-top: 0;
}
.city-box .programming-languages-box{
	height: auto;
}	
.city-process-box .process-box{
	height: auto;
}
.city-custom-solution .apart{
	height: auto;
}
.city-section2 .top-notch-image {
    margin-top: 38px;
}
.sydney-box .process-box {
    min-height: auto;
}
.city-process-box .process-box {
    min-height: auto;
}
.txt-line-height{
	line-height: 30px;
}
.banner-heading p {
    font-size: 18px !important;
    line-height: 30px;
}
.android-section2 img{
	margin-top: 20px;
}
.android-section2 {
    padding-top: 0;
}
.android-section3{
	padding-top: 32px;
}
.top-notch p {
    font-size: 16px;
    line-height: 30px;
}
.content-based-table table {
  margin-bottom: 10px;
}
.content-based-table td, .content-based-table th {
    font-size: 15px;
    color: #000c51;
}
.content-based-table table h3 {
    font-size: 13px;
    line-height: 20px;
}
.content-based-table table p {
    line-height: 19px;
    font-size: 12px;
}
.ed-process img {
    width: 94%;
}
.fbox-h .best-flutter-app-development-box {
    min-height: auto !important;
}
.real-estate-box .benifits-of-rpa-box{
    min-height: auto;
}
.real-estate-style .we-consider-area-box {
    height: auto;
}
.real-estate-banner{
	padding-top: 0 !important;
}
.java-tab-style #Tokyo .research span {
    display: contents;
	font-size: 11px;
	line-height: 15px;
}
.research1, .research2, .research3, .research4, .research5, .research6, .research7 {
    margin-top: 0;
}

}


/*TAB*/
@media only screen and (min-width: 768px) and (max-width: 990px){
	.zService-banner .banner-heading h1 {
	    font-size: 35px !important;
	    line-height: 51px !important;
	}
	.zService-banner {
    width: 100%;
    height: 450px;
}
}
/* iphone */
@media only screen and (min-width: 414px) and (max-width: 896px){
	.hadoop-heading h4 {
		font-size: 13px !important;
	}
}


/* RIYADH CSS */
/* .riyadhBanner{
	background-image: url('/web/20220620102237im_/https://www.zazz.io/assets/images/riyadh/riyadh-banner.png');
	width: 100%;
	height: 800px;
}
.riyadhBanner h1{
	color: #fff;
	font-size: 100px;
	font-weight: bold;
	line-height: 119px;
}
.riyadhBanner h1 span{
	font-size: 120px;
}
.riyadhBanner .banner-txt{
	padding-top: 50px;
}
.riyadhBanner .banner-txt p{
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 20px;
}
.riyadhBanner ul li img{
	width: 140px;
	height: 43px;
} */
.riyadhBanbottom{
	width: 220px;
    height: 220px;
    text-align: center;
    position: relative;
    margin: auto;
    top: -91px;
    left: 25px;
    margin-bottom: -215px;
    z-index: 2;
}

.aboutRiyadh{
	padding-top: 100px;
	padding-bottom: 135px;
}
.aboutRiyadh h2{
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	font-size: 45px;
	line-height: 58px;
	margin-bottom: 40px;
	font-weight: bold;
}
.aboutRiyadh .pstyle{
	font-size: 20px;
	line-height: 37px;
	margin-bottom: 35px;
	font-weight: 500;
	width: 534px;
	color: #000;
}

.aboutRiyadh .normaltxt{
	padding-top: 60px;
}
.aboutRiyadh .normaltxt p{
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 30px;
	color: #000;
	width: 552px;
}
.aboutRiyadh .rating-txt span{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	font-weight: 500;
	margin-bottom: 12px;
}
.aboutRiyadh .rating-txt p{
	font-size: 20px;
    line-height: 30px;
    font-family: 'poppins' !important;
    color: #000;
    width: 157px;
    margin-bottom: 34px;
    font-weight: 600;
}
.aboutRiyadh .rating-txt{
	border-bottom: 1px solid #EBEBFC;
	opacity: 1;
}
.aboutRiyadh .projects-details{
	padding-top: 61px;
}
.aboutRiyadh .projects-details .p-head{
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	font-weight: 600;
	margin-bottom: 10px;
}
.aboutRiyadh .projects-details p{
	text-align: left;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	font-weight: normal;
font-size: 15px;
line-height: 18px;
}
.aboutRiyadh .txt-lpad{
	padding-left: 135px;
}
.orrangeBanner{
	background: #F77041 0% 0% no-repeat padding-box;
	opacity: 1;
	padding: 0px 0 31px 0;
}

.orrangeBanner .banner-text {
    margin-top: 75px;
}
@media (max-width: 1366px){
	.orrangeBanner .banner-text{
		margin-top: -25px;
	}
}
.vid-section img{
width: 100%;
}
.promo-video{
	width: 100%;
	height: 585px;
	position: relative;
}
.promo-video video{
	position: absolute;
	width: 100%;
	height: auto;
	bottom: -15px;
}
@media (max-width: 1366px){
	.promo-video video{
		bottom: 85px;
	}
}
.orrangeBanner p{
	font-weight: normal;
	font-size: 19px;
	line-height: 29px;
	color: #FFCEBD;
}
.orrangeBanner p:first-child{
	font-weight: bold;
font-size: 18px;
line-height: 28px;
color: #fff;
}
.orrangeBanner .banner-text .h-details{
	padding-right: 75px;
}
.orrangeBanner .banner-text .h-details h2{
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	font-size: 43px;
	line-height: 52px;
}
.orrangeBanner .banner-text .h-details p{
	color: #fff;
}
.orrangeBanner .banner-text .h-details p{
    font-weight: normal;
	font-size: 26px;
	line-height: 34px;
}
.solution-section{
	padding: 0 0;
}
/* .v-head{
	text-align: center;
	transform: rotate(-90deg);
	position: relative;
    top: -200px;
    left: -621px;
    z-index: 2;
}
.v-head h3{
	letter-spacing: 1.61px;
	color: #000;
	text-transform: uppercase;
	opacity: 1;
	display: flex;
	font-size: 14px;
	line-height: 17px;
}
.v-head h3 span{
	margin-left: 15px;
} */

.v-head{
	text-align: center;
	transform: rotate(-90deg);
	position: relative;
	top: 230px;
    left: -86px;
    z-index: 0;
}
@media (max-width: 1366px){
	.v-head {
		left: -104px;
	}
}

.v-head h3{
	letter-spacing: 1.61px;
	color: #000;
	text-transform: uppercase;
	opacity: 1;
	display: flex;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
}
.v-head h3 span{
	letter-spacing: 1.61px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	position: relative;

}

.solution-section .nav-pills .nav-link.active, .solution-section .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #fff;
}
.solution-section .nav-pills .nav-link span{
	color: #999999;
	font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.solution-section .nav-pills .nav-link.active span{
	color: #000;
}
.solution-section .nav-pills .nav-link.active span:after{
	content: "";
    width: 39px;
    height: 2px;
    background-color: #000000;
	position: absolute;
    bottom: -5px;
    right: 29px;
}
.solution-section  .nav-pills .show>.nav-link {
    color: #fff;
    background-color: unset;
}
.solution-section .nav-pills .nav-link{
	margin-bottom: 72px;
}
.solution-section{
padding-top: 79px;
margin-bottom: 60px;
}
.solution-section .image-style img {
    width: 550px;
    margin-left: -25px;
    height: auto;
}

.solution-section .txt{
	padding-left: 0px;
	width: 630px;
}
@media (max-width: 1366px){
	.solution-section .image-style img {
		width: 517px;
		margin-left: -40px;
	}
	.solution-section .txt{
		padding-left: 30px;
		width: 100%;
	}
}
.solution-section .txt h2{
	font-weight: bold;
font-size: 48px;
line-height: 60px;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	margin-bottom: 35px;
	padding-top: 10px;
}
/* .solution-section .txt h2 span{
	position: relative;
}
.solution-section .txt h2 span:after{
    content: "";
    width: 208px;
    height: 21px;
    background-color: #FACC0A;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: -1;
} */
.solution-section .txt li{
	list-style: none;
	display: flex;
	width: 100%;
    height: 165px;
}
.solution-section .problem-txt li{
	width: 100%;
    height: 145px;
}
.solution-section .txt li img{
	display: block;
	width: 7px;
	height: 7px;
	margin-top: 9px;
    margin-right: 7px;
}
.solution-section .txt li p{
	font-weight: normal;
font-size: 16px;
line-height: 28px;
	letter-spacing: 0px;
	color: #929292;
}
.ar-section{
	background-color: #FACC0A;
	/* padding-top: 81px; */
	position: relative;
    z-index: 1;
}
.ar-section .img-style img{
width: 100%;
height: 803px;
position: relative;
top: 85px;
margin-top: -85px;
}
.ar-contents h2{
	font-weight: bold;
font-size: 62px;
line-height: 73px;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
}
.ar-contents{
	padding-left: 96px;
    padding-top: 152px;
}
.ar-contents p{
	font-size: 18px;
	line-height: 34px;
	color: #000000;
	font-weight: 500;
	width: 547px;
}
.ar-contents .c1{
	position: relative;
    top: 54px;
    left: 70px;
}
.ar-contents .c2{
	position: relative;
    top: -50px;
    left: 185px;
}
.flow-section{
	background:#D42654;
	padding-top: 61px;
	padding-bottom: 0px;
}
.flow-section h2{
	font-weight: bold;
font-size: 60px;
line-height: 80px;
	letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 2px 4px #00000016;
/* text-transform: uppercase; */
}
.flow-section .txt{
	color: #fff;
}
.flow-section .txt .p1{
	font-size: 20px;
	line-height: 37px;
	font-weight: 500;
}
.flow-section .txt .p2{
	font-weight: normal;
	font-size: 17px;
	line-height: 29px;
	letter-spacing: 0px;
	color: #FFA3BC;
	opacity: 1;
}
.ri-head h2{
	color: #000000;
	font-weight: 600;
	font-size: 23px;
	line-height: 36px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.ri-head h2 span{
position: relative;
}
.ri-head h2 span:after{
	content: "";
    width: 60%;
    height: 3px;
    background-color: #D42654;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.ri-head h2 span:before{
	content: "";
    width: 40%;
    height: 3px;
    background-color: #0CABCC;
    position: absolute;
    bottom: -20px;
    right: 0;
}
.graph1 img{
	margin-top: 34px;
	width: 100%;
}
.architech-section .owl-carousel .graph2 img{
	margin-top: 20px;
	width: 90% !important;
	margin: auto;
}
.architech-section{
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 62px;
	padding-right: 62px;
	position: relative;
	top: 130px;
    margin-top: -105px;
	z-index: 2;
	box-shadow: 0 6px 30px #0000001d;
}
.ri-slider img{
	width: 100%;
}
.architech-section .owl-carousel img{
	width: 100% !important;
}
.architech-section .owl-carousel .owl-dots {
    display: block !important;
	margin-top: 27px;
}
.architech-section .owl-theme .owl-dots .owl-dot.active span{
	width:17px;
	height:5px;
	background-color: #D42654;
}
.architech-section .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 5px 3px;
}
.architech-section .owl-nav {
    display: none;
}
/* COLOR PALETTE */

/* TYPE FACE */

.typeface-head h2{
	font-weight: bold;
	font-size: 49px;
	line-height: 58px;
	letter-spacing: 0px;
	color: #002A50;
	border-bottom: 1px solid #FF7650;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.typeface-section p{
	font-weight: 300;
font-size: 17px;
line-height: 36px;
	color: #000;
    margin-bottom: 25px;
    letter-spacing: 0;
}
.typeface-section .a-txt p{
	color: #F5F7F8;
    font-size: 332px;
    line-height: 100px;
	font-weight: 600;
    text-align: right;
	margin-bottom: 40px;
}
.typeface-section .muli-txt p{
	color: #F60958;
    font-size: 218px;
    line-height: 260px;
    text-align: right;
	font-weight: 600;
}
.typeface-section .muli-txt{
	position: relative;
}
.typeface-section .muli-txt img{
	position: absolute;
    top: 55px;
    z-index: -1;
    left: 85px;
}
.spcl-char{
	padding-left: 90px;
}
@media (max-width: 1366px){
	.spcl-char{
		padding-left: 0;
	}
}
.typeface-section .spcl-char p{
	font-size: 21px;
    line-height: 25px;
    word-spacing: 46px;
	font-weight: 500;
}
.typeface-section .spcl-char .p2{
	word-spacing: 43px;
}
.typeface-section .alpha-char p{
	font-size: 21px;
    line-height: 25px;
    word-spacing: 20px;
    margin-bottom: 31px;
	font-weight: normal;
}
.typeface-section .alpha-char{
	padding-top: 154px;
}
.typeface-section .alpha-char .para2{
    word-spacing: 19px;
}
.typeface-section .font-list ul li span{
	font-size: 21px;
    line-height: 25px;
	color: #000000;
}
.typeface-section .font-list ul{
	padding-top: 76px;
    padding-bottom: 20px;
    border-bottom: 2px solid #00B7EB;
}
.typeface-section .font-list ul li{
margin-right: 37px;
}
/* TYPE SCALE */
.typescale-section{
	padding-top: 50px;
}
.typescale-section h2{
	font-weight: bold;
font-size: 49px;
line-height: 58px;
color: #002A50;
}
.typescale-section .h-styles{
	border-bottom: 1px solid #D8D8D8;
	padding-top: 50px;
	padding-bottom: 0px;
}
.typescale-section .s1{
	font-size: 40px;
	font-weight: bolder;
}
.typescale-section .s2{
	font-size: 28px;
	font-weight: bold;
}
.typescale-section .s3{
	font-size: 22px;
	font-weight: 600;
}
.typescale-section .s4{
	font-size: 22px;
	font-weight: 500;
}
.typescale-section .s5{
	font-size: 22px;
	font-weight: normal;
}
.typescale-section span{
	color: #002A50;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	height: 40px;
}
.typescale-section p{
	color: #FF7650;
	font-weight: normal;
font-size: 20px;
line-height: 24px;
}
.typescale-section .h1-box{
	margin-bottom: 70px;
	width: 300px;
}
.typescale-section .h2-box{
	margin-bottom: 70px;
	padding-left: 42px;
}
/* DESIGN ELEMENT */
.design-element{
	padding-top: 91px;
	/* padding-bottom: 93px; */
}
.design-element h2{
	font-weight: bold;
font-size: 57px;
line-height: 68px;
	color: #002A50;
}
.design-element .contents{
	font-weight: 300;
font-size: 22px;
line-height: 36px;
padding-top: 15px;
}
.design-element .content{
	padding-bottom: 93px;
	color: #000;
	font-size: 22px;
	line-height: 36px;
}
.button-styles ul li a{
	font-weight: normal;
font-size: 17px;
line-height: 20px;
	display: block;
	width: 260px;
	height: 64px;
	border-radius: 32px;
	display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	color: #fff;
	pointer-events: none
}
.button-styles ul li .sm-button{
	width: 150px;
	height: 64px;
}
.button-styles {
    width: 79%;
    margin: auto;
	padding-bottom: 93px;
	
}
.button-styles h3{
	font-size: 22px;
	line-height: 27px;
	color: #000;
	margin-bottom: 56px;
}
.button-body{
	border-bottom: 1px solid #D8D8D8;
}
.icongraphy-section{
	padding-top: 79px;
}
.icongraphy-section h3{
	font-weight: 500;
font-size: 22px;
line-height: 26px;
	color: #000;
	margin-bottom: 140px;
}
.icongraphy-section p{
	font-weight: 600;
font-size: 12px;
line-height: 14px;
color: #000;
}
.icongraphy-box{
	text-align: center;
}
.icongrapghy-section .bottom-style{
	margin-bottom: 107px;
}
.icongraphy-box img{
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin-bottom: 23px;
}
.icongrapghy-section .owl-carousel img{
	width: 100% !important;
}

.homescreen-section{
	background-color: #1B1B1B;
	padding-top: 150px;
	padding-bottom: 147px;
	margin-top: 230px;
	position: relative;
}
.homescreen-section .screen-img{
	position: relative;
    top: -300px;
    padding-bottom: 50px;
	margin-bottom: -175px;
    border-bottom: 1px solid #2A2A2A;
}
/* SLIDER */
.homescreen-slider .owl-carousel .owl-dots {
    display: block !important;
	margin-top: 27px;
}
.homescreen-slider .owl-theme .owl-dots .owl-dot.active span{
	width:17px;
	height:5px;
	background-color: #D42654;
}
.homescreen-slider .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 5px 3px;
}
.homescreen-slider .owl-nav {
    display: none;
}
.homescreen-section .screen-img img {
    width: 100% !important;
	/* height: 380px; */
	height: auto;
    /* object-fit: cover; */
}

.homescreen-section .screen-txt h2{
	color: #fff;
	font-size: 57px;
	line-height: 67px;
	font-weight: bold;
	margin-left: -8px;
}
.homescreen-section .screen-txt p{
	color: #717171;
}
.notificationEngine p {
    padding-top: 30px;
    padding-right: 116px;
}
.homescreen-section .notificationEngine h2 {
    margin-left: 0;
}
.homescreen-section .ri-head h2 span:after {
    width: 42%;
}
.homescreen-section .ri-head h2 span:before {
    width: 24%;
    bottom: -19px;
    right: 144px;
}
.homescreen-section .ri-head{
	position: relative;
	margin-bottom: 25px;
}
.homescreen-section .h-dot{
	position: absolute;
    bottom: 12px;
	left: -31px;
}
.homescreen-section .event-listing .h-dot {
    position: absolute;
    top: 185px;
    left: -21px;
}
.homescreen-section .homeScreen .img-style img{
	width: 972px;
    height: 654px;
    position: relative;
	top: 48px;
    right: 7px;
}
/* EVENT LISTING */
.homescreen-section .event-listing .img-style img{
width: 90%;
}
.homescreen-section .event-listing h2 {
    color: #fff;
    font-weight: bold;
font-size: 57px;
line-height: 68px;
	padding-top: 238px;
}
.homescreen-section .event-listing .ri-head h2 span:after {
    content: "";
    width: 80%;
    height: 3px;
    background-color: #FACC0A;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.homescreen-section .event-listing .ri-head h2 span:before {  
    content: "";
    width: 51%;
    height: 3px;
    background-color: #D42654;
    position: absolute;
    bottom: -20px;
    right: -65px;
}
.homescreen-section .event-listing p {
    color: #717171;
	padding-left: 16px;
}
.homescreen-section .event-listing {
	padding-top: 81px;
    padding-bottom: 160px;
    border-bottom:  1px solid #2A2A2A;
}
/* MOBILE UI */
.homescreen-section .mobile-ui{
	padding-top: 91px;
}
.homescreen-section .mobile-ui h2{
	color: #fff;
	font-weight: bold;
font-size: 57px;
line-height: 68px;
	margin-bottom: 0;
}
.homescreen-section .mobile-ui p{
	color: #717171;
	font-weight: 300;
font-size: 17px;
line-height: 38px;
}
.homescreen-section .ui-images img{
	width: 100%;
}
.homescreen-section .ui-images{
	padding-top: 67px;
	border-bottom: 1px dotted #D8D8D8;
    padding-bottom: 50px;
}
.homescreen-section .borderImg {
    width: 164px !important;
    height: 42px;
    position: relative;
    top: 72px;
}
/* AR SCREEN */
.homescreen-section .ar-screen .ri-head h2 span:after {
    width: 100% !important;
}
.homescreen-section .ar-screen .ri-head h2 span:before {
	width: 60%;
    right: -113px;
}

.homescreen-section p{
	font-size: 17px;
    line-height: 38px;
	font-weight: 300;
}
.homescreen-section .ar-screen .img-style img {
    right: 0;
    top: -98px;
}
.border-none{
	border-bottom: none !important;
}
/* NOTIFICATION ENGINE */
.homescreen-section .notificationEngine .img-style img{
	width: 100%;
    position: relative;
    right: 0;
    top: -97px;
	margin-bottom: -97px;
}
.homescreen-section .notificationEngine .ri-head h2 span:after {
    width: 93% !important;
}
.homescreen-section .notificationEngine .ri-head h2 span:before {
	width: 60%;
    right: -113px;
}
.homescreen-section .notificationEngine .ri-head {
    padding-top: 140px;
}
/* MY ZONES */
.homescreen-section .myZone .img-style{
padding-top: 45px;
}
.homescreen-section .myZone .ri-head h2 span:before {
    right: 0;
}
/* HOME SCREEN-2 */
.screen-vid-second{
	width: 100%;
}
.screen-vid-second video{
	width: 100%;
	height: auto;
}
/* SECRET INGREDIENTS */
.secret-ingredient{
	padding-top: 111px;
	padding-bottom: 50px;
}
.secret-ingredient .ri-head h2{
	color: #000000;
    font-weight: bold;
font-size: 57px;
line-height: 68px;
    margin-bottom: 34px;
	position: relative;
}
.secret-ingredient .ri-head img{
	position: absolute;
    bottom: 0px;
    left: 0;
}





/* MEDIA */
/*SCREEN SIZE*/
@media (max-width: 1366px){
	.aboutRiyadh .txt-lpad {
		padding-left: 64px;
	}
	.riyadhBanbottom {
		top: -75px;
	}
	.aboutRiyadh h2 {
		font-size: 39px;
		margin-bottom: 25px;
	}
	.solution-section .image-style img{
		width: 515px;
		margin-left: -40px;
	}
	.solution-section .txt{
		padding-left: 8px;
	}
	.orrangeBanner{
		padding: 0px 0 31px 0;
	}
	.typeface-section .muli-txt img{
		left: 8px;
    top: 84px;
	}
	.typeface-section .muli-txt p {
		font-size: 195px;
	}
	.typeface-section .alpha-char{
		padding-top: 116px;
	}
	.typescale-section .s1 {
		font-weight: 800;
font-size: 40px;
line-height: 47px;
	}
	.button-styles{
		width: 93%;
	}
	.homescreen-section .img-style img{
		right: 9px;
	}
	.homescreen-section .notificationEngine .ri-head {
		padding-top: 110px;
	}
	.homescreen-section .myZone .img-style{
		padding-top: 71px;
		}
	
}
@media (max-width: 1440px){

}
.hid-dots img{
	display: none;
  }

/*==================== MEDIA QUERY =============== */

@media only screen and (max-width: 767px){
	.homescreen-section .screen-img img {
		width: 100% !important;
		height: auto;
		object-fit: unset;
	}
	.secret-ingredient {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.riyadhBanner h1 {
	  font-size: 55px;
	  line-height: 49px;
	}
	.riyadhBanner h1 span {
	  font-size: 55px;
	}
.riyadhBanbottom{
	display: none;
}
.riyadhBanner ul li img {
    width: 105px;
    height: auto;
}
.aboutRiyadh {
    padding-top: 20px;
    padding-bottom: 0px;
}
.aboutRiyadh h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
}
.aboutRiyadh .projects-details {
    padding-top: 20px;
}
.aboutRiyadh .projects-details .p-head {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
.aboutRiyadh .normaltxt p{
	width: 100%;
}
.aboutRiyadh .txt-lpad {
    padding-left: 0;
}
.aboutRiyadh .pstyle {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
	width: 100%;
}
.aboutRiyadh .normaltxt {
    padding-top: 20px;
}
.hid-dots img{
	display: block;
    width: 160px;
    height: 178px;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 8px;
    opacity: 0.7;
    z-index: 0;
  }
  .intro-banner{
	padding-left: 8px;
  } 
.vid-section img {
    width: 100%;
    height: 345px;
    object-fit: cover;
}
.orrangeBanner {
    padding: 0px 0 31px 0;
	margin-top: 68px;
}
.orrangeBanner .banner-text .h-details {
    padding-right: 0;
}
.solution-section-new .image-style img {
    width: 100%;
}
.solution-section {
    padding-top: 40px;
    margin-bottom: 40px;
}
.v-head {
	position: relative;
	top: 255px;
    left: -43px;
}
.solution-section-new {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* AR_SECTION */
.ar-section .img-style img {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	margin-top: 0;
  }
  .ar-contents .c1 {
    position: relative;
    top: -595px;
    left: 0px;
	
}
.cube1 {
    width: 100px;
	height: 100px;
    left: 111px;
}
.ar-contents .c2 {
    position: relative;
    top: -688px;
    left: 194px;
}
.cube2 {
    width: 60px;
    height: 60px;
    left: 111px;
    top: 363px;
}
.ar-contents h2 {
	margin-top: -63px;
    font-size: 38px;
    line-height: 43px;
    padding-left: 20px;
    margin-bottom: 33px;
}
.ar-contents h2 br{
   display: none;
}
.ar-contents p {
    /* font-size: 15px;
    line-height: 20px;
	width: 100%; */
	display: none;
}
.ar-contents {
    padding-left: 0;
	padding-top: 0px;
}

.flow-section h2 {
    font-size: 21px;
    line-height: 32px;
}
.architech-section {
	padding: 20px 15px;
    position: relative;
    top: 105px;
    margin-top: -93px;
    z-index: 2;
}
.color-palette-section {
    padding-top: 131px;
}
.primary-palette {
    padding-top: 10px;
}
.promo-video {
    width: 100%;
    height: 280px;
}
.promo-video video {
    bottom: 140px;
}
.orrangeBanner .banner-text {
    margin-top: -110px;
}
.orrangeBanner .banner-text .h-details h2 {
    font-size: 34px;
    line-height: 43px;
}
.orrangeBanner .banner-text .h-details p {
    font-size: 25px;
    line-height: 31px;
	color: #fff;
}
.orrangeBanner .banner-text .h-details p br{
    display: none;
}
.orrangeBanner p:first-child {
    font-size: 16px;
    line-height: 26px;
}
.orrangeBanner p {
    font-size: 16px;
    line-height: 27px;
	color: #21cae5;
}
.solution-section .txt h2 {
	font-size: 26px;
    line-height: 34px;
    margin-bottom: 12px;
    padding-top: 0;
}
.my-yellow-border .ystrips {
    display: none;
}
.solution-section ul{
	margin-bottom: 0;
}
.solution-section .txt li{
    height: auto;
}
.solution-section .problem-txt li {
    height: auto;
}
.solution-section .txt li p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 16px;
}
.ar-section {
    padding-top: 50px;
}
.video-border {
	width: 280px;
    margin: auto;
    height: 582px;
}
.ar-section video {
    width: 100%;
    height: auto;
}
.ar-section .txt1 h3 {
    font-size: 60px;
    line-height: 60px;
}
.ar-section .txt2 h3 {
    font-size: 63px;
    line-height: 60px;
}
.ar-section .txt1 {
    /* top: 330px;
    left: -138px; */
	display: none;
}
.ar-section .txt2 {
    /* bottom: 408px;
    left: 140px;
    margin-bottom: -150px; */
	display: none;
}
.aboutRiyadh .projects-details p {
font-size: 12px;
}
.aboutRiyadh .rating-txt p {
font-size: 14px;
width: 105px;
margin-bottom: 0;
}
.aboutRiyadh .rating-txt {
    border-bottom: unset;
}
.orrangeBanner {
    background: #08abcc;
}
.solution-section .nav-pills .nav-link span {
    font-size: 11px;
    line-height: 11px;
}
.solution-section .nav-pills .nav-link.active span:after {
    width: 28px;
    bottom: -5px;
    right: 27px;
}
.flow-section .txt .p1 {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
	color: #f9e2e7;
}
.flow-section .txt .p2{
	display: none;
}
.homescreen-section {
padding-top: 0;
padding-bottom: 40px;
margin-top: 70px;
}
.homescreen-section .screen-img {
top: -43px;
padding-bottom: 11px;
margin-bottom: 0;
}
.homescreen-slider .owl-carousel .owl-dots {
    margin-top: 14px;
}
.homescreen-section .screen-txt h2 {
    font-size: 24px;
    line-height: 34px;
	margin-left: 0;
}
.homescreen-section .h-dot {
    bottom: -105px;
    left: -5px;
}
.homescreen-section p {
    font-size: 14px;
    line-height: 25px;
}
.homescreen-section .homeScreen .img-style img {
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    margin-top: 16px;
}
.homescreen-section .event-listing h2 {
    font-size: 24px;
    line-height: 34px;
    padding-top: 20px;
	margin-left: 0;
}
.homescreen-section .event-listing p {
    padding-left: 0;
}
.homescreen-section .event-listing .img-style img {
    width: 100%;
    height: auto;
}
.homescreen-section .event-listing {
    padding-bottom: 68px;
}
.homescreen-section .mobile-ui h2 {
    font-size: 24px;
    line-height: 34px;
	margin-left: 0;
}
.ar-screen h2{
	margin-left: 0;
}
.homescreen-section .mobile-ui p{
	font-size: 14px;
    line-height: 28px;
}
.grid-slider-section {
    padding-top: 18px;
    padding-bottom: 40px;
}
.homescreen-section .ar-screen .img-style img {
    right: 0;
    top: 0;
}
.homescreen-section .myZone .img-style {
    padding-top: 0;
}
.secret-ingredient .ri-head h2 {
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 10px;
	margin-left: 0;
}
.secret-ingredient .my-border .strips {
    left: -11px;
}
.intro-banner {
    padding-top: 40px;
    padding-bottom: 40px;
}
.secret-ingredient .ri-head img {
    position: absolute;
    bottom: -120px;
    left: 0;
}
.homescreen-section .myZone{
	padding-top: 40px;
}





}
/* MEDIA ENDS */

/* TAB MEDIA CSS */
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.homescreen-section .screen-img img {
		width: 100% !important;
		height: auto;
		object-fit: cover;
	}
	.riyadh-banner h1 {
		font-size: 70px;
		line-height: 75px;
	}
	.riyadh-banner h1 span {
		font-size: 79px;
	}
	.riyadh-banner .banner-txt p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px;
		width: 336px;
	}
	.sm-bimg .bird-img {
		width: 175px;
		height: 175px;
		top: -60px;
		left: 33px;
	}
	.sm-bimg .yellow-oval-icon {
		width: 68px;
		height: 68px;
		top: -38px;
		left: 14px;
	}
	.banner-img-style img {
		width: 509px;
		height: 537px;
		object-fit: contain;
		margin-left: 75px;
		top: -56px;
	}
	.riyadh-banner .banner-txt {
		padding-top: 40px;
	}
	.o-oval img {
		width: 180px;
		height: 180px;
		position: relative;
		top: -122px;
		left: 215px;
	}
	.sm-bimg .ballon-icon {
		width: 120px;
		height: 120px;
		object-fit: contain;
		position: relative;
		top: -15px;
		left: 163px;
	}
	.riyadh-banner ul {
		width: 350px;
	}
	.riyadh-banner ul li img {
		width: 108px;
		height: auto;
	}
	.riyadhBanbottom {
		width: 110px;
		height: 187px;
		top: -70px;
		margin-bottom: -240px;
	}
	.aboutRiyadh h2 {
		font-size: 25px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.aboutRiyadh .rating-txt p {
		font-size: 14px;
		line-height: 30px;
		width: 104px;
		margin-bottom: 32px;
	}	
	.aboutRiyadh .pstyle {
		font-size: 15px;
    line-height: 23px;
    margin-bottom: 14px;
    font-weight: 500;
    width: 100%;
	}
	.aboutRiyadh .normaltxt {
		padding-top: 30px;
	}
	.aboutRiyadh .normaltxt p {
		font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px;
    color: #000;
    width: 100%;
	}
	.aboutRiyadh .txt-lpad {
		padding-left: 82px;
	}
	.aboutRiyadh .projects-details p {
	
		font-size: 10px;
		line-height: 14px;
	}
	.aboutRiyadh .projects-details .p-head {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 9px;
	}
	.promo-video {
		width: 100%;
		height: 375px;
		margin-bottom: -40px;
	}
	.orrangeBanner .banner-text .h-details h2 {
		font-size: 26px;
		line-height: 40px;
	}
	.orrangeBanner .banner-text .h-details p {
		font-size: 17px;
		line-height: 30px;
	}
	.orrangeBanner p:first-child {
		font-weight: 500;
		font-size: 15px;
		line-height: 24px;
	}
	.orrangeBanner p {
		font-weight: normal;
		font-size: 13px;
		line-height: 20px;
	}
	.solution-section .image-style img {
		width: 100%;
		margin-left: 0;
	}
	.solution-section .txt h2 {
		font-size: 26px;
		line-height: 33px;
		letter-spacing: 0px;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	.solution-section .txt li p {
		font-size: 10px;
    line-height: 15px;
	}
	.solution-section .problem-txt li {
		width: 100%;
		height: 83px;
	}
	.solution-section .txt li {
		height: 109px;
	}
	.v-head {
		text-align: center;
		top: 137px;
		left: -50px;
		z-index: 0;
	}
	.my-yellow-border .ystrips {
		height: 9px;
		bottom: 41px;
	}
	@keyframes yellow_border_animate {
		0%{
		  width: 0%;
		}
		100%{
		  width: 130px;
		}
	  }
	.solution-section {
		padding-top: 40px;
		margin-bottom: 0px;
	}
	.ar-section video {
		width: 100%;
		height: 470px;
	}
	.video-border {
		width: 237px;
		height: 490px;
	}
	.ar-section .txt2 h3 {
		font-size: 70px;
		line-height: 95px;
	}
	.ar-section .txt2 {
		bottom: 382px;
		left: 145px;
		margin-bottom: -76px;
	}
	.ar-section .txt1 h3 {
		font-size: 54px;
		line-height: 90px;
	}
	.ar-section .txt1 {
		top: 349px;
		left: -137px;
		margin-top: -55px;
	}
	.ar-contents h2 {
		font-weight: bold;
		font-size: 42px;
		line-height: 57px;
	}
	.ar-contents {
		padding-left: 26px;
		padding-top: 110px;
	}
	.ar-contents p {
		font-size: 16px;
		line-height: 25px;
		width: 100%;
	}
	.ar-contents .c1 {
		position: relative;
		top: 13px;
		left: -10px;
		width: 110px;
		height: 110px;
	}
	.ar-contents .c2 {
		position: relative;
		top: -50px;
		left: 97px;
		width: 60px;
		height: 60px;
	}
	.wireframe-section .plant-img img {
		width: 300px;
		height: 300px;
		top: -54px;
		left: -96px;
	}
	.wireframe-section h2 {
		font-size: 33px;
		line-height: 46px;
		display: block;
		width: 270px;
	}
	.wireframe-head {
		top: -18px;
		left: -7px;
	}
	.wireframe-section .frame1-style .img1 {
		position: relative;
    width: 603px;
    top: -13px;
    left: -79px;
    margin-bottom: -14px;
	}
	.wireframe-section .frame1-style .img2 {
		position: absolute;
		width: 96%;
    top: 92px;
    left: 56px;
		margin-bottom: 0;
	}
	.flow-section h2 {
		font-weight: bold;
    font-size: 30px;
    line-height: 39px;
	}
	.flow-section .txt .p1 {
		font-size: 16px;
		line-height: 26px;
	}
	.flow-section .txt .p2 {
		font-size: 14px;
		line-height: 22px;
	}
	.architech-section {
		padding: 30px 30px 30px 30px;
		top: 130px;
		margin-top: -105px;
	}
	.color-palette-section {
		padding-top: 173px;
	}
	.color-palette-section .palette-h2 {
		font-size: 38px;
		line-height: 40px;
	}
	.color-palette-section .color-txt {
		font-size: 15px;
		line-height: 30px;
	}
	.primary-palette {
		padding-top: 50px;
	}
	.primary-palette li .pink-bubble {
		width: 260px;
		height: 260px;
		padding: 104px 12px;
		left: -21px;
	}
	.primary-palette li .blue-bubble {
		width: 230px;
		height: 230px;
		padding: 89px 20px;
		bottom: 265px;
		left: 128px;
	}
	.primary-palette li h4 {
		font-size: 20px;
		line-height: 28px;
	}
	.primary-palette li p {
		font-size: 20px;
		line-height: 22px;
	}
	.secondary-palette {
		width: 588px;
		height: 565px;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: 256px;
		margin-top: 28px;
		margin-left: -11px;
		background-position: right;
	}
	.secondary-palette .tory-bubble {
		width: 130px;
		height: 130px;
		padding: 45px 12px;
		left: 11px;
	}
	.secondary-palette li h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.secondary-palette li p {
		font-size: 14px;
		line-height: 17px;
	}
	.secondary-palette .citrine-bubble {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background-color: #FACC0A;
		text-align: center;
		padding: 45px 0px;
		border: 4px solid #fff;
		top: -58px;
		left: -38px;
	}
	.secondary-palette .orrange-bubble {
		width: 130px;
		height: 130px;
		padding: 37px 0px;
		top: 21px;
		left: -113px;
		border: 4px solid #fff;
	}
	.sm-img{
		width: 130px;
		height: 130px;
		bottom: 84px;
		left: -56px;
		margin-bottom: -50px;
	}
	.secondary-palette .second-head {
		top: -80px;
		left: 161px;
		font-size: 20px;
		line-height: 25px;
	}
	.secondary-palette .green-bubble {
		width: 120px;
		height: 120px;
		padding: 38px 0px;
		top: -43px;
		left: -166px;
		border: 4px solid #fff;
	}
	.typeface-head h2 {
		font-size: 42px;
		line-height: 50px;
		padding-bottom: 17px;
		margin-bottom: 19px;
	}
	.typeface-section p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 14px;
	}
	.typeface-section .a-txt p {
		font-size: 205px;
		line-height: 77px;
		margin-bottom: 12px;
	}
	.typeface-section .muli-txt p {
		font-size: 143px;
		line-height: 185px;
	}
	.typeface-section .spcl-char p {
		font-size: 15px;
		line-height: 15px;
		word-spacing: 25px;
	}
	.typeface-section .spcl-char .p2 {
		word-spacing: 23px;
	}
	.typeface-section .alpha-char {
		padding-top: 8px;
	}
	.typeface-section .alpha-char p {
		font-size: 13px;
		line-height: 3px;
		word-spacing: 20px;
		margin-bottom: 29px;
	}
	.typeface-section .font-list ul {
		padding-top: 31px;
		padding-bottom: 15px;
	}
	.typescale-section {
		padding-top: 20px;
	}
	.typescale-section .h1-box {
		margin-bottom: 20px;
		width: 100%;
	}
	.typescale-section .s1 {
		font-weight: 800;
		font-size: 20px;
		line-height: 30px;
	}
	.typescale-section .s2 {
		font-size: 20px;
	}
	.typescale-section .s3 {
		font-size: 20px;
	}
	.typescale-section .s4 {
		font-size: 20px;
	}
	.typescale-section .s5 {
		font-size: 20px;
	}
	.typescale-section p {
		font-size: 13px;
		line-height: 18px;
	}
	.typescale-section .h2-box {
		margin-bottom: 0;
		padding-left: 0;
	}
	.typescale-section span {
		margin-bottom: 0;
	}	
	.typescale-section .h-styles {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.typescale-section h2 {
		font-size: 38px;
		line-height: 34px;
	}
	.design-element {
		padding-top: 30px;
	}
	.design-element h2 {
		font-weight: bold;
		font-size: 38px;
		line-height: 55px;
	}
	.design-element .contents {
		font-size: 15px;
		line-height: 33px;
		padding-top: 5px;
	}
	.design-element .content {
		padding-bottom: 40px;
	}
	.button-styles {
		width: 88%;
		padding-bottom: 35px;
	}
	.button-styles ul li .sm-button {
		width: 150px;
		height: 57px;
	}
	.button-styles ul li a {
		font-size: 14px;
		line-height: 20px;
		width: 140px;
		height: 57px;
	}
	.icongraphy-section h3 {
		margin-bottom: 60px;
	}
	.icongraphy-box img {
		width: 40px;
		height: 40px;
		margin-bottom: 20px;
	}
	.icongrapghy-section .bottom-style {
		margin-bottom: 38px;
	}
	.homescreen-section {
		margin-top: 177px;
		padding-bottom: 50px;
	}
	.homescreen-section .screen-txt h2 {
		font-size: 30px;
		line-height: 40px;
		margin-left: 0;
	}
	.homescreen-section .homeScreen .img-style img {
		width: 552px;
		top: 0;
		right: -3px;
		height: auto;
	}
	.homescreen-section p {
		font-size: 14px;
		line-height: 23px;
	}
	.homescreen-section .event-listing p {
		padding-left: 0;
	}
	.homescreen-section .event-listing h2 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 120px;
		margin-left: 0;
	}
	.homescreen-section .myZone h2{
		margin-left: 13px;
	}
	.homescreen-section .myZone .zone-txtt{
		margin-left: 13px;
	}
	.homescreen-section .event-listing .img-style img {
		width: 98%;
	}
	.homescreen-section .event-listing {
		padding-bottom: 40px;
	}
	.homescreen-section .mobile-ui h2 {
		font-size: 36px;
		line-height: 50px;
	}
	.homescreen-section .mobile-ui p{
		font-size: 15px;
		line-height: 30px;
	}
	.drag-line1 {
		width: 86px;
		position: relative;
		left: -9px;
		height: 360px;
	}
	.canvasImages .drag-line2 {
		width: 86px;
		position: relative;
		right: -89px;
		height: 360px;
	}
	.canvasImages img {
		width: 88%;
		height: auto;
	}
	.canvasImages .drag1-img {
		position: absolute;
		top: 9px;
	}
	.canvasImages .drag2-img {
		position: absolute;
		top: -57px;
		left: 23px;
	}
	.myzone-video video {
		top: 54px;
		left: 129px;
		width: 55%;
		height: 153px;
	}
	.yellowBall {
		width: 70px;
		height: 70px;
		left: 227px;
		top: 28px;
	}
	.secret-ingredient {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.secret-ingredient .ri-head h2 {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 28px;
		margin-left: -14px;
	}
	.secret-ingredient .my-border {
		left: -13px;
	}
	.secret-ingredient .ri-head img {
		position: absolute;
		bottom: -73px;
		left: 0;
	}
	.secret-ingredient h4 {
		font-size: 12px;
    line-height: 24px;
    margin-bottom: 26px;
	}
	.secret-ingredient .logo-contents img {
		width: auto;
		height: 23px;
		margin-bottom: 26px;
	}
	.secret-ingredient .logoImg1 {
		padding-left: 6px;
	}
	.secret-ingredient .logoImg2 {
		text-align: left;
		padding-left: 50px;
	}
	.intro-banner h2 {
		font-size: 30px;
		line-height: 45px;
		padding-top: 0px;
	}
	.intro-banner p {
		font-size: 14px;
		line-height: 24px;
	}
	.intro-banner {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.ri-CTA {
		text-align: center;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.ri-CTA h2 {
		font-size: 24px;
		line-height: 33px;
	}
	.ri-CTA .cta-body {
		padding: 56px 20px 35px 20px;
		width: 100%;
		height: auto;
	}
	.dual-video .map-box {
		padding: 6px;
	}




}
.sm-dotss .h-dot{
	width: 191px;
    height: auto;
    position: relative;
    bottom: 74px;
    left: -88px;
    margin-bottom: -242px;
}
@media only screen and (max-width: 1920px) {
	.solution-section .nav-pills .nav-link span {
		font-weight: 600;
	  }
}
@media screen and (min-width: 1080px) and (max-width: 1920px) {
	.typeface-head h2{
		padding-bottom: 51px;
	  }
	  .typeface-section .a-txt p {
		font-size: 332px;
		line-height: 35px;
		margin-bottom: 100px;
	}
	.design-element h2 {
		margin-left: 25px;
	}
	.button-styles ul li{
		margin-right: 30px !important;
	}
	.button-styles ul li:last-child{
		margin-right: 0 !important;
	}
	.ul-btn{
		margin-bottom: 47px;
	}
	.icongrapghy-section{
		width: 95%;
		margin: auto;
	}
	.right-contents{
		padding: 0 60px;
	}
	.mobile-ui .h-dot {
		position: absolute;
		bottom: -57px;
		left: -8px;
	}
	.homescreen-section .mobile-ui p {
		padding-left: 15px;
	}
	.ar-screen p {
		padding-right: 104px;
	}
	.news-right-contents {
		padding: 0 53px;
	}
	.notificationEngine .h-dot {
		bottom: -42px;
		left: -31px;
	}
	.notificationEngine .my-border {
		position: relative;
		top: 57px;
		margin-bottom: 62px;
	}
	.anime-img img{
		margin-top: -70px;
	}
	.ar-head-area{
		padding-top: 50px;
		padding-left: 20px;
	}
}
@media (max-width: 1366px){
	.right-contents{
		padding: 0 0px;
	}
	.ar-screen .homescreen-section p {
		padding-right: 0px;
	}
}

@media only screen and (min-width: 424px) and (max-width: 767px){
  .secret-ingredient .ri-head img {
	bottom: -23px;
	left: 12px;
	width: 128px;
	height: 130px;
	object-fit: cover;
  }
  
  }
  
  /* ashraf, code here */
  @media (min-width: 1241px) {
	.ar-slide-style .owl-slider2{
		max-height: 500px !important;
	}
  }
  @media (min-width: 1300px) {
	.ar-slide-style .owl-slider2{
		max-height: 475px !important;
	}
  }
  @media (max-width: 840px) {
	.ar-slide-style .owl-slider2{
		max-height: 545px !important;
	}
  }
  @media (max-width: 768px) {
	.ar-slide-style .owl-slider2{
		max-height: 313px !important;
	}
  }
  @media (max-width: 430px) {
	.ar-slide-style .owl-slider2{
		max-height: 420px !important;
	}
  }
  @media (max-width: 320px) {
	.ar-slide-style .owl-slider2{
		max-height: 510px !important;
	}
  }
  @media (max-width: 350px){
	img#long-line{
		height: 2090px !important;
	}
	
}