@charset "utf-8";
/* CSS Document */

.appdevicons{border-bottom-left-radius: 20px; background-image: linear-gradient(244deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); display: block; padding: 25px; margin-bottom: 25px;}
.appdevicons span{display: block;}
.appdevicons p{margin:10px 0 0 0 !important;}


.iosdevservbox{margin-top: 80px;}
.servtextboxdiv{margin-bottom: 50px;}
.servtextbox{width: 100%; display:block; border-radius: 40px; padding: 40px; background-image: linear-gradient(0, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1)); position: relative; min-height: 100%;}
.servtextbox:after{position: absolute; width: 100%; height: 100%; content:''; background:url(../images/ios-dev/corner-circle.png) no-repeat right top; top:0; left: 0; z-index: 0; opacity: 7;}
.servtextbox.nobgimg{padding: 30px;}
.servtextbox.nobgimg .devsertitle{margin-bottom: 0;}
.servtextbox.nobgimg:after{display: none;}
.servtextbox.nobgimg .devsertext{margin-top:30px;}

.devsericon{width: 100%; display: block; margin-bottom: 20px; position: relative; z-index: 1;}
.devsertitle{width: 100%; display: block; margin-bottom: 20px; font-size: 24px; font-weight: bold; position: relative; z-index: 1;}
.devsertext{width: 100%; display: block; margin-bottom: 10px; position: relative; z-index: 1;}

.pressdiv{position: relative; z-index: -1;}


.titlediv{text-align:left; position: relative; background:#1f1f20; padding-top: 50px; padding-bottom: 50px; padding-right: 30px;}
.titledivmobile{display: none;}
.devporcessimg{display: block; position: fixed; top:0; right: 0; width:65%; z-index: 2;}
.devprocessimgbox{position: relative; bottom:20px; right: 0;}
.devporcessimg img{position: absolute; opacity: 0; width:90%;}
.devporcessimg img.active{opacity: 1;}

.processnum{font-size:30px;  font-weight: bold; padding-bottom: 10px; color:#219bff;}
.processtitle{font-size: 25px; font-weight: 600; padding-bottom: 15px;}
.processtext{}

.valuewve{border-bottom-left-radius: 20px; background-image: linear-gradient(244deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); display: block; padding: 25px; margin-bottom: 25px; min-height: 100px; margin-right: 15px;}
.valuewve span{position: absolute; width: 100px; height: 100px; top:25px; left:25px;}
.valuewve p{margin:0 !important; display: inline-block; padding-left: 100px;}


.listicon li.uiux{background-image:url(../images/ios-dev/uiux.svg);}
.listicon li.uxub{background-image:url(../images/ios-dev/uxub.svg);}
.listicon li.custom{background-image:url(../images/ios-dev/custom.svg);}
.listicon li.information{background-image:url(../images/ios-dev/ia.svg);}
.listicon li.ocd{background-image:url(../images/ios-dev/ocd.svg);}
.listicon li.prototyping{background-image:url(../images/ios-dev/prot.svg);}


.co{background-image:url(../images/ios-dev/co.svg);}
.pk{background-image:url(../images/ios-dev/pk.html);}
.uud{background-image:url(../images/ios-dev/uud.html);}
.dev{background-image:url(../images/ios-dev/dev.svg);}
.abt{background-image:url(../images/ios-dev/abt.html);}
.ls{background-image:url(../images/ios-dev/ls.html);}

.adev{background-image:url(../images/android-development/development.svg);}

.hybriddev{background-image:url(../images/services/hybriddev.html);}

.bestview{background-image:url(../images/ios-dev/best-view.svg);}
.latesttech{background-image:url(../images/ios-dev/latest-tech.svg);}
.ourteam{background-image:url(../images/ios-dev/our-team.svg);}

.proswitch{background-image: linear-gradient(73deg, #9654c6 0%, #8460c5 100%);}
.proswitch:after{background-image: url(../images/pro-slider/switch.png)}
.propark{background-image: linear-gradient(253deg, #407aff, #48c2ff);}
.propark:after{background-image: url(../images/pro-slider/parkplace.png)}
.prohonda{ background-image: linear-gradient(74deg, #b61421 13%, #ec1f30 85%);}
.prohonda:after{background-image: url(../images/pro-slider/honda.png)}


.equippedlatesttech{background-image:url(../images/ios-dev/equippedlatesttech.svg);}
.ourteamathelm{background-image:url(../images/ios-dev/ourteamathelm.html);}
.yougetthebestview{background-image:url(../images/ios-dev/yougetthebestview.html);}


.tltt{background-image:url(../images/ios-development/ipad-apps/tltt.svg);}
.gc{background-image:url(../images/ios-development/ipad-apps/gc.svg);}
.ddr{background-image:url(../images/ios-development/ipad-apps/ddr.svg);}

.footerspace{background: #fff;}
@media (max-width:1439px) {
	.devporcessimg{width: 60%;}
}
@media (max-width:991px) {
	.valuewve{margin-right: 0;}
	.valuewve span{position: relative; width: 100px; height: 100px; top:0px; left:0px;}
	.valuewve p{margin:0 !important; padding-left:0px; display: block;}
	.processbox{margin-bottom: 50px;}
	.processnum{font-size: 30px;}
	.processtitle{font-size: 20px;}
	.processtext{}
	.servtextbox:after{display: none;}
}
@media (max-width:767px) {
	.devporcessimg{display: none;}
	.processnum{padding-bottom: 5px;}
	.processtitle{padding-bottom: 5px;}
	.titledivmobile{display: block; padding-bottom: 20px;}
}
