@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

.font2{
font-family: Poppins;
}
.bg-l{
background-color: #f8f8f8;
}
.mb_100{
margin-bottom: 100px;
}
.mt_40{
margin-top: 40px;
}
.mt_30{
margin-top: 30px;
}
.mT_60{
margin-top: 60px;
}
.ptb_100{
padding: 100px 0;
}
.pd_30{
padding: 30px;
}
.pt_90{
padding-top: 90px;
}
._100{
width: 100%;
}
.w_55{
width: 55% !important;
}
.fs_30{
font-size: 30px !important;
line-height: 46px !important;
}
.fs_40{
font-size: 40px !important;
line-height: 50px !important;
}
ul.lsD li{
list-style: disc;
}
.bg-dark{
background: rgb(37, 43, 51);
cursor: #fff;
}
.bg-dark .t2 .section-title,.bg-dark p,.bg-dark .service-content h2,.bg-dark .service-points ul li,.bg-dark.section .section-title{
color: #fff !important;
}
.section .section-title{
font-family: Poppins;

}
.center{
text-align: center;
}
.row{
overflow: hidden;
}
.pt_150{
padding-top: 150px !important;
}
.navbar .navbar-menu > li .sub-menu.multi{
width: 920px;
display: flex;
flex-wrap:wrap;
left: 50%;
margin-left: -460px;
}
.navbar .navbar-menu > li.tech .sub-menu.multi{
width: 670px;;   
left: 50%;
margin-left: -335px;
}
.bold{
font-family: Gilroy-bold  !important;
}
.boxes-div{
padding: 60px 20px 30px;
}
.boxes-div .box{
min-height: 600px;
cursor: grab;
}
.qa-bg{
background-image: linear-gradient(rgb(244, 220, 204) 0%, rgb(244, 220, 204) 100%) !important;
}
.hDd-bg{
background-image: linear-gradient(rgb(195, 216, 246) 0%, rgb(195, 216, 246) 100%) !important;
}
.mA-bg{
background-image: linear-gradient(rgb(230, 221, 244) 0%, rgb(230, 221, 244) 100%) !important;
}
.wD-bg{
background-image: linear-gradient(rgb(209, 211, 246) 0%, rgb(209, 211, 246) 100%) !important;
}
.ui-bg{
background-image: linear-gradient(rgb(246, 214, 214) 0%, rgb(246, 214, 214) 100%) !important;
}
.dev-bg{
background-image: linear-gradient(rgb(186, 228, 244) 0%, rgb(186, 228, 244) 100%) !important;
}
.boxes-div img{    
margin-bottom: 60px;
height: 250px;
}
.boxes-div p.box-desc{
color: #252b33;
}
ul.nav.nav-tabs{
border-bottom: 1px solid #eee;
justify-content: center;
}
ul.nav.nav-tabs li a{
color: #252b33;
font-size: 16px;
font-weight: 600;
padding: 0 20px 24px;
border-radius: 0;
border: none;
border-bottom: 1px solid transparent;
background-color: transparent;
}
.tab-content{
margin-top: 46px;
}
.tab-content h5{
font-size: 14px;
line-height: 24px;
color: #252b33;
margin-top: 16px;
font-family: "Gilroy"
}
.tab-content a{
display: block;
text-align: center;
padding: 34px 6px;
margin-bottom: 30px;
}
ul.nav.nav-tabs li.a a{
color: #f13c31;
border-bottom: 1px solid #f13c31;
}
.tab-content .row{
justify-content: center;
}
.tab-content a{
transition: all .3s ease-in-out;
}
.tab-content a:hover{
background-color: #fafafa;
}

.t2 .section-subtitle{
font-family: Poppins;	
font-size: 20px;
color: #252b33;
font-weight: 500;
line-height: 30px;
}
.t2 .section-title{
font-family: Poppins;	
font-size: 48px;
color: #252b33;
font-weight: 800;
line-height: 70px;
letter-spacing: -1px;
margin-bottom: 50px;
max-width: initial;
}
.t2 .section-desc{
font-family: Poppins;	
font-size: 20px;
color: #252b33;
font-weight: 400;
line-height: 30px;
}
.t2 .section-desc-2{	
font-family: Poppins;	
font-size: 16px;
line-height: 26px;
color: #252b33;
text-align: center;
margin: 30px auto;
max-width: 55rem;

}
.t2 h3.section-title{
font-size: 40px;
line-height: 50px;
font-weight: 800;
letter-spacing: -1px;
}
.t2 h5.section-title{
font-size: 24px;
line-height: 34px;
font-weight: 800;
margin-bottom: 15px;
}
p{
font-size: 16px;
line-height: 26px;
color: #252b33;
}
.mB_60{
margin-bottom: 60px;
}
.cvHd{
position: sticky;
top: 100px;
}
.container-box{
max-width: 1430px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.service-content.left{
padding: 60px 80px 0 0;
}
.service-content.right{
padding: 60px 0 0 80px;
}
.service-content h2{
font-family: 'Poppins';
font-size: 40px;
line-height: 50px;
font-weight: 800;
color: #252b33;
margin-bottom: 30px;
}
.service-content h3{
font-family: 'Poppins';
color: #252b33;
font-size: 22px;
line-height: 30px;
font-weight: 800;
margin-bottom: 15px;
}
.service-content p{
font-family: 'Poppins';
font-size: 16px;
line-height: 26px;
color: #252b33;
}
.service-img img{
width: 100%;
}
.service-points {
margin: 40px 0;
}
.service-points ul {
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
margin-left: 30px;
margin-bottom: 0;
}
.service-points ul.two li{
width: 50%;
}
.service-points ul li {
font-family: 'Poppins';
font-size: 14px;
width:100%;
color: #252b33;
list-style-position: outside;
padding: 0 30px 5px 0;
list-style: disc;
}
.header{
z-index: 1;
height: 90px;
}
.header .navbar{
z-index: 1;
position: fixed;
top: 0;
width: 100%;
background: #fff;
}
.header-wrap{
margin-top: 75px;
}
.process.section .section-title{
max-width: 100%;
}
.process .box{
min-height: 320px;
margin-bottom: -40px;
}
.mnuHd{
padding-left: 20px;
margin-bottom: 5px;
}
.mnuHd a{
padding-left: 10px !important;
font-size: 16px !important;
}
.mnuHd img{
height: 25px;
}
.navbar .navbar-menu > li .sub-menu li{
line-height: 1.5;
}
.navbar .navbar-menu > li.tech .sub-menu li{
width: 210px;
}
.navbar .navbar-menu > li .sub-menu li a{
padding: 0;
padding-left: 60px;
font-size: 14px;
}
.sub-menu.multi > li{
margin-bottom: 20px;
padding-right: 25px;
}
.navbar .navbar-menu > li .sub-menu{
padding: 2em 1em;
}
.crtAps .row h3{
margin: 32px 0 16px;
font-weight: 600;
color: #252b33;
font-size: 24px;
}
.btn-primary.lrnMr{
background: #3480ff;
color: #fff;
border: solid 2px #3480ff;
}
.btn-primary.lrnMr:hover{
color: #3480ff;
background: #fff !important;
border: solid 2px #3480ff;
}
.hero{
padding: 50px 15px 0 50px;
}
.ios-app-div .service-img{
background-image: linear-gradient(225deg, rgb(37, 43, 51) 0%, rgb(102, 102, 102) 100%);
padding: 50px;
}
.ios-app-div .service-img img{
max-height: 550px;
width: 100%;
}
.img-box{
width: 100%;
max-width: 350px;
margin: 0 auto;
}
.service-box{
border: 1px solid #d9dee2;
padding: 30px;
border-radius: 4px;
background: #fff;
height: 100%;
}
.service-box img{
margin-bottom: 15px;
}
.service-box h3{
font-family: "Poppins"	
color: #252b33;
font-size: 22px;
line-height: 30px;
font-weight: 800;
margin-bottom: 15px;
}
.service-box h4{
color: #3480ff;
font-size: 40px;
line-height: 56px;
font-weight: 400;
}
.service-box p{
font-family: "Poppins";	
color: #252b33;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.service-box-2 img{
width: 100%;
height: 208px;
}
.service-box-2{
padding: 60px 40px 0;
}
.service-box-2{
padding: 60px 40px 0;
}
.service-box-2 h3{
color: #252b33;
font-size: 22px;
line-height: 30px;
font-weight: 800;
margin-bottom: 15px;
line-height: 32px;
margin-top: 30px;
}
.arrow2 img{
transform: rotateY(180deg);
}
.main-page-header{
height: calc(100vh - 90px);
padding: 60px 0;
text-align: center;
display: flex;
display: -ms-flexbox;
align-items: center;
}
.h-Auto{
height: auto !important;
}

@media screen and (max-width: 768px){
.pt_150 {
padding-top: 50px !important;
}
.t2 .section-title{
font-size: 40px;
line-height: 50px;
margin-bottom: 20px;
}
.t2 .section-desc{
font-size: 18px;
line-height: 28px;
}
img{
max-width: 100%;
}
.service-content h2 {
font-size: 26px;
line-height: 34px;
}
.service-content.left {
padding: 60px 0 0 00px;
}
.service-content.right {
padding: 60px 0 0 00px;
}	
}