.in-bnr{position: relative;height: calc(100vh - 75px);background-color:#000 !important;background-position: center center !important;background-size: cover !important;}

.h-bnr-tagline{font-size:5rem;line-height:61px;color:#1e2255;font-weight:700;margin-bottom:20px;text-transform: uppercase;text-align: left;}
.h-bnr-slogan{font-size:2.4rem;line-height:32px;color:#fff;font-weight:400; text-align: center;}
.in-bnr .h-bnr-ct{max-width:1100px;height:100%;display:flex;flex-direction:column;justify-content:center;margin: 0 auto;}
@media screen and (max-width:1024px){
  .in-bnr { height: 400px;}
  .h-bnr-tagline{font-size: 4.4rem;line-height: 47px;}
  .in-bnr .h-bnr-ct{max-width:100%;}  
}
@media screen and (max-width:991px){
  .in-bnr{padding: 40px 0;}
}
@media screen and (max-width:767px){
  .h-bnr-tagline{font-size: 3.6rem;line-height: 41px;}
  .in-bnr .h-bnr-ct{text-align: left;}
  .h-bnr-slogan{text-align: left;font-size: 2rem;line-height: 27px;}
}


.sol-service-gride{width: 100%;}
.sol-service-row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sol-service-col{width: 31%;min-height: auto;background: transparent linear-gradient(180deg, #59B7C0 0%, #202255 100%) 0% 0% no-repeat padding-box;padding: 8px;margin-top:170px;}
.sol-service-col-inner{background:#fff;width: 100%;height: 100%;position: relative;text-align: center;padding: 20px;padding-top: 135px;}
.s-hd{color:#000;font-size:2.2rem;line-height:28px;margin:24px 0;font-weight:700}
.round-des{background:#f6fcfc;width:220px;height:220px;border-radius:100%;margin:auto;position:absolute;top:-120px;padding:41px;display:flex;align-items:center;justify-content:center;right:0;left:0}
.btn-holder{display: flex;align-items: center;justify-content: center;margin: 45px 0 0;}
@media screen and (max-width:1024px){
  .sol-service-col{width: 48%;}
  .s-hd{font-size: 1.8rem;line-height: 24px;margin: 20px 0;}
}
@media screen and (max-width:991px){
  .s-hd br{display: none;}  
}
@media screen and (max-width:767px){
  .round-des{width: 188px;height: 188px;top: -103px;}
  .sol-service-col{width:100%;max-width: 300px;margin: 130px auto 0;}
  .sol-service-col-inner{padding: 82px 16px 16px 16px;}  
}



.web-pattern{width: 100%;background: #F2F6F9;}
.abt-sec-r{display: flex;flex-wrap: wrap;justify-content: space-between;}
.abt-blk-box{width: 31%;min-height: 458px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 0px 25px #00000017;padding: 3%;text-align: center;margin-bottom:50px;}
.abt-blk-box p{margin-bottom: 0px;}
.abt-blk-box.aibox{box-shadow: none; text-align: left;padding: 0px;background: transparent;}
.abt-blk-box.aibox p{font-size: 2.1rem;line-height: 40px;}
.mobile-img{width: 100%;text-align: center; margin-top: 50px;}
@media screen and (max-width:1024px){
  .abt-blk-box{width: 48%;margin-bottom: 30px;}
}
@media screen and (max-width:991px){ 
  .abt-sec-r{margin-top: 30px;}
  .abt-blk-box.aibox p{line-height: 35px;}
}
@media screen and (max-width:767px){
  .abt-blk-box{min-height: auto;width:100%;max-width: 300px;margin: 0 auto 30px;padding: 22px;}
  .abt-blk-box img{height: 80px;}  
}

.cti-software{width: 100%;}
.cti-software .sol-service-col{width: 23%;}
.cti-software .h-sec{text-align: right;}
.gis-btm-img.sec{padding-bottom: 0px;}
@media screen and (max-width:1024px){
  .cti-software .sol-service-col{width: 48%;}
  .cti-software .h-sec{text-align: center;}
}
@media screen and (max-width:991px){  
}
@media screen and (max-width:767px){
  .cti-software .sol-service-col{width: 100%;max-width: 300px;margin: 130px auto 0;}
}

.call-management{background: #F0F0F0;}
.call-management .h-sec{text-align: right;}
.call-man-row{display: flex;align-items: flex-start;justify-content: space-between;min-height: 450px;}
.call-col-left{width: 65%;padding-right: 3%;display: flex;flex-wrap: wrap;}
.call-col-right{width: 39%;position: absolute;right: 0px;top: 60px;height: 426px;text-align: right;}
.callbox{width: 48%; text-align: center;padding: 0 20px;}
.cllhead{color:#000;font-size:2rem;line-height:28px;margin:24px 0;font-weight:700}
@media screen and (max-width:1024px){
  .call-management .h-sec{text-align: center;}
}
@media screen and (max-width:991px){  
}
@media screen and (max-width:767px){
  .call-man-row .container{display: flex; flex-direction: column-reverse;}
  .call-col-right{position: relative;width: 100%;padding: 0px;top:auto;right: inherit;height: auto;}
  .call-col-left{width: 100%;padding: 0px;}
  .callbox{padding: 0 10px;}
}
@media screen and (max-width:575px){
  .call-col-left{ display: block;}
  .callbox{width: 100%;}
}