/* cloud computing page css start */
.cloud-computing-bg{
    background:url(../images/cloud-computing/banner3.png);
    background-position: 75% center;
}


.cloud-wrp{}
.cld-cont{display: block;}
.cld-cont h2{
    font-size: 27px;
    color: #333;
    line-height: 34px
    }
.cld-cont p{
    /* font-size: 15px; */
    color: #666;
    /* line-height: 25px; */
    font-weight: 300;
    margin-bottom: 30px;
}



.cld-ser{
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-top: 55px;
    }
.cld-ser ul{}
.cld-ser ul li{
    display: flex;
    width: 100%;
    padding: 25px 20px 15px;
    background-color: #e4f4f896;
    border-radius: 6px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
    transition: all 1s;
    box-shadow: 0 1px 2px #ccccccb0;
    }

.icon-box-img{
    padding-right: 15px;
    position: relative;
    top: 1px;
    width: 150px;
}
.iq-content-wrapper{display:inline-block;}
.iq-content-wrapper h5{
    /* float: left; */
    margin-right: 5px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    color: #0071bc;
    transition: all 1s;
    margin-bottom: 10px;
}
.iq-content-wrapper p{
    line-height: 23px;
    transition: all 1s;
}

.icon-box-img svg{
    stroke: #0071bc;
    transition: all 1s;
    /* width: 100px; */
    color: #0071bc;
}
.icon-box-img svg{fill: #0071bc;}
.icon-box-img svg .cls-1{ fill: #0071bc;}

.cld-ser ul li:hover .icon-box-img svg .cls-1{ fill: #ffffff;}

.cld-ser ul li:hover{
    background-color: #11a0c5;}

.cld-ser ul li:hover .icon-box-img svg path{stroke: #fff;}
.cld-ser ul li:hover .iq-content-wrapper h5{ color: #fff;}
.cld-ser ul li:hover .iq-content-wrapper p{color: #fff;}


.cloud-servi-wrp{
    background: #f1f2f2;
}
.cloud-servi-wrp .rowcloud-md-row{
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.cloud-md{display: flex;/* justify-content: center; *//* align-items: center; *//* border: 1px #ccc solid; *//* height: 200px; *//* width: 200px; *//* border-radius: 50%; *//* background: #fff; *//* box-shadow: 0px 0px 3px #b2b2b2cf; */}
.cld-sv-bx{
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* border: 1px #ccc solid; */
    /* height: 200px; */
    /* width: 200px; */
    /* border-radius: 50%; */
    /* background: #fff; */
    /* box-shadow: 0px 0px 3px #b2b2b2cf; */
}
.cld-sv-bx a{
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px #ccc solid; */
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 3px #b2b2b2cf;
    flex-direction: column;
    transition: all .5s;
    padding: 10px 15px;
}


.cld-sv-bx a:hover{

margin-top: -20px;

box-shadow: 0px 0px 15px #838282cf;
}


.icon-cld{
    margin-bottom: 6px;
}
.icon-cld img{
    width: 83px;
}

.icon-cld svg{
    width: 60px;
    height: 75px;
}

.icon-cld svg path{
    
}

.hdg-bx{}
.hdg-bx h5{
    line-height: 1.3;
    font-size: 12px;
    /* text-transform: capitalize; */
    color: #595757;
}

.cld-sv-bx a:hover .hdg-bx h5{    
    color: #11a0c5;
}


.infr-Dept h2{
    color:#333;
    font-size: 27px;
}

.infr-Dept p{
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 27px;
}


.lft-img-dv {
    padding-right: 40px;
    padding-left: 40px;
}



.key-features{background: #eef1f8ed;background-image: url(../images/cloud-computing/bg-img-cloud.png);background-position: center;background-attachment: fixed;}


.key-features h2{text-align: center;font-size: 27px;color: #333;}
.img-bx-rgt{margin-top: -13px;}
.flex-clom-4{
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 25px;
}

.fr-colm{width: 47%;display: flex;margin-bottom: 10px;}
.fr-colm .icon-colm{
    padding: 5px 11px 6px 6px;
    width: 40px;
    height: 40px;
    /* border: 2px #ccc solid; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* border-radius: 50%; */
}
.fr-colm .icon-colm img{
    width: 100%;
}
.text-box-colm {
    width: 86%;
}

.fr-colm .icon-colm svg path{stroke: #407bff;}

.fr-colm .text-box-colm h5{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 8px;
    margin-bottom: 6px;
}

.fr-colm .text-box-colm p{
    font-weight: 300;
}


.contant-area.benefits-sec{background-image:url(../images/cloud-computing/benefits-bg.png);display: block;background-color: #fff;background-size: 30%;background-position: 100% center;background-repeat: no-repeat;padding: 60px 0 !important;}
.benefits-sec h2{
    font-size: 27px;
    color: #333;
    display: inline-block;
    margin-bottom: 25px;
}

.benefits-sec h2::after{content: "";border-bottom: 3px #0071bc solid;display: block;width: auto;margin-top: 3px;}

.benefits-sec ul{}
.benefits-sec ul li{
    /* display: flex; */
    position: relative;
    padding-left: 40px;
    line-height: 22px;
    margin-bottom: 31px;
}
.benefits-sec ul li::before{
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #0071bc;
    font-size: 16px;
    width: 30px;
    display: inline-block;
    height: 30px;
    border-radius: 50%;
    border: 3px #0071bc solid;
    text-align: center;
    font-weight: 400;
    line-height: 26px;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: -3px;
}

.benefits-sec ul li span{font-weight: 600;color: #0071bc;font-size: 17px;margin-right: 4px;}


.tech-stack {/* background: #e5f3f78c; *//* background: #fff; */}

.tech-stack h2{text-align: center;font-size: 27px;color: #333;}
.row.list-colm{
    /* align-items: center; */
    border-bottom: 1px #fff solid;
    margin-bottom: 20px;
    padding: 7px 0;
    justify-content: center;
}

.bg-hig{
    /* background: #fff; */
    padding: 15px;
    margin-bottom: 20px;
    height: calc(100% - 20px);
    margin-bottom: 20px;
    /* border-top: 4px #0084ff solid; */
    /* border-radius: 10px; */
    /* box-shadow: 0px 2px 4px #ccc; */
    width: 100%;
    border-bottom: 1px #eaeaea solid;
}

.row.list-colm h4{
    color: #333;
    position: relative;
    margin-bottom: 4px;
    font-size: 19px;
    line-height: 25px;
    /* padding-left: 15px; */
    font-weight: 600;
    width: 30%;
    padding-left: 5px;
    padding-right: 20px;
}



.row.list-colm h4::before{
    content: "";
    margin-right: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 10px;
}


.row.list-colm h4::after{
    content: "";
    margin-right: 10px;
    height: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* border-radius: 10px; */
    border-bottom: 3px #a5caff solid;
    display: block;
    width: 65px;
    padding-top: 10px;
}

.wrap-bx span{
    width: 39px;
    display: inline-block;
    /* flex: 1; */
}
.wrap-bx span i{color: #0084ff;font-size: 27px;line-height: 35px;}

.stack-li li{
    display: block;
    position: relative;
    font-size: 13px;
    padding-left: 17px;
    width: auto;
    vertical-align: middle;
    padding-right: 10px;
    margin-bottom: 10px;
    line-height: 18px;
}

.stack-li li::before{
    content: "\f101";
    /* width: 5px; */
    display: block;
    position: absolute;
    /* height: 5px; */
    /* background: #000; */
    /* border-radius: 50%; */
    left: 0;
    top: -2px;
    font-family: "FontAwesome";
    color: #000;
    font-weight: 500;
    font-size: 14px;
}


ul.stack-li {
  
margin-left: 2px;
  
padding-bottom: 13px;
  
padding-left: 35px;
  
width: 75%;
  
margin-top: 5px;
}


.wrap-bx{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}



.cloud-migration {
    margin-bottom: 40px;
}


.menuzord-menu>li>.megamenu ul li a i.fa.fa-cubes {
    margin-top: 5px;
}

.menuzord-menu>li>.megamenu ul li a i.fa.fa-pie-chart {
    margin-top: 3px;
}



.infrastructure-deployment-bg {background: url(../images/cloud-computing/banner-img.png);background-position: center;}
.cost-optimization-bg {background: url(../images/cloud-computing/banner6.png);background-position: 94% center;}
.cloud-to-cloud-migration-bg {background: url(../images/cloud-computing/cloud-to-cloud-migration-bg.png);background-position: 90% center;}
.devops-as-a-service-bg{background: url(../images/cloud-computing/devops-as-a-service-bg.png);background-position: 94% center;background-size: cover;}
.performance-optimization-bg{background: url(../images/cloud-computing/performance-optimization-bg.png);background-position: center;}

.tech-logos{display: flex;width: 65%;gap: 5%;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.tech-logo-img{
    background: #fff;
    border: 1px #e1e1e1 solid;
    padding: 4px;
    width: 90px;
    margin-bottom: 24px;
    text-align: center;
}
.tech-logo-img img{width: 78%;margin-bottom: 10px;}

.help-box{background-image: url(../images/cloud-computing/banner-img-help.png);background-position: center;/* background-attachment: fixed; */background-color: #0000;background-repeat: no-repeat;background-size: cover;}
.logoname{
    font-size: 11px;
    line-height: 14px;
    width: auto !important;
    /* min-height: 41px; */
    display: block !important;
}

section.contant-area.tech-stack {
    padding-top: 70px !important;
}
.help-box .container {
    width: 826px;
    
}
.help-box p {
    line-height: 24px;
}

@media only screen and (max-width:990.98px){
    .tech-logos{width: 60%;}  
    .tech-logo-img{
    width: 86px;
}
.help-box .container {
    width: 90%;
}
.help-box p {

    line-height: inherit;
}

}




@media only screen and (max-width:767.98px){
    .fr-colm{    width: 100%;}
    .contant-area.benefits-sec{background: none;}
    .cloud-migration {
        margin-bottom: 0px;
    }
    section.contant-area.infr-Dept.cloud-migration {
        padding-bottom: 0 !important;
    }
    .lft-img-dv{padding-right: 15px;
        padding-left: 15px; margin-bottom: 15px;}

        .subbanner .caption h1, .subbanner .caption h2{/* color: #000; */}
       

        .tech-logos {
            width: 100%;
            margin-top: 15px;
            justify-content: center;
        }

        .wrap-bx{
    justify-content: center;
}

.row.list-colm h4{width: auto;padding-right: 0;font-size: 16px;}
.row.list-colm h4::after{display: none;}
section.contant-area.tech-stack{text-align: center;}
section.contant-area.tech-stack h2 {
    font-size: 22px;
    margin-bottom: 15px!important;
    text-align: center;
    display: block;
    }
    section.contant-area.tech-stack .col-md-12{ width: 100%;}
    .wrap-bx span{width: 30px;}
    .wrap-bx span i{
    font-size: 19px;
    line-height: 28px;
}
.tech-logo-img{width: 78px;}
section.contant-area.key-features h2{font-size:22px ;}
section.contant-area.infr-Dept h2{font-size:22px ;}

.bg-hig{height: auto;margin-bottom: 0;}
.help-box h1, .help-box h3{font-size:22px;margin-bottom: 7px;}
.row{/* margin-left: 0; *//* margin-right: 0; */}

section.contant-area.tech-stack{padding-bottom: 0 !important;}

.help-box {
    background-image: url(../images/cloud-computing/banner-img-help-mobile.png);
    padding: 20px 0px;
}

.help-box p{
    font-size: 12px;
    font-weight: 400;
}

.help-box .btn-blue{
    font-size: 14px;
    padding: 5px 9px;
    margin-bottom: 5px;
}

}

@media only screen and (max-width:639.98px){
.devops-as-a-service-bg{background: url(../images/cloud-computing/devops-as-a-service-bg_mobile.png);background-position: right center;background-size: cover;}

.performance-optimization-bg{background: url(../images/cloud-computing/performance-optimization-bg-mobile.png);background-position: right center;}
.cloud-to-cloud-migration-bg {background: url(../images/cloud-computing/cloud-to-cloud-migration-bg-mobile.png);background-position: right center;}



}
/* cloud computing page css End */



@media only screen and (max-width:991px){.banner-wso{height:300px!important;padding-top:30px!important;margin-top:50px!important}.banner-wso .caption h1{font-size:20px!important;line-height:30px!important}.banner-wso .breadcrumb{margin-bottom:0!important;margin-top:20px}ul.web-app-format li{padding-right:10px!important}.banner-wso .caption{margin-top:10px!important}}@media only screen and (max-width:768px){.banner-wso{height:auto!important}.flex-3{flex-basis:50%!important}.what-we-are .page-title .lead{font-size:22px}}@media only screen and (max-width:500px){section.contant-area.bg-grey p{text-align:left}.banner-wso .breadcrumb{margin-bottom:0!important;margin-top:10px}.banner-wso{height:auto!important}.flex-3{flex-basis:100%!important}}@media only screen and (min-width:992px){.banner-wso .caption{margin-top:35px;float:left;color:#fff;text-align:left}}.banner-wso{background:center no-repeat #fcfdfd;margin-top:100px;height:auto;position:relative;background-size:cover!important}.banner-wso .breadcrumb{padding:8px 0;margin-bottom:20px;color:#777;background-color:transparent}.banner-wso .caption a{color:#777;text-decoration:none}.banner-wso .caption h1,.banner-wso .caption h2{font-size:30px;color:#fff;line-height:42px;font-weight:600;margin-bottom:0;text-shadow:0 1px 2px #666}.banner-wso #background-video{position:absolute;right:0;bottom:0;min-width:100%;width:100%;min-height:100%;object-fit:cover}.banner-wso a#button-link{text-align:center;font-size:14px;color:#fff;line-height:20px;font-weight:500;background-color:#11a0c5;padding:8px 15px;border:0;border-radius:5px}.banner-wso a#button-link:hover{background-color:#fff;color:#11a0c5}.contant-area,.services-list{padding: 45px 0!important;}.dis-flex{display:flex;flex-wrap:wrap}.margin-t-80{margin-top:40px}.why-choose-us .threebox .flex-3.has-anchor{transition:.3s ease-in-out;display:block}.why-choose-us .threebox .flex-3{padding-right:10px;margin-top:20px;padding-left:10px}.flex-3{flex-basis:33.33%}.why-choose-us .threebox .box-3{text-align: center;height:100%;min-height:260px;border:1px solid rgba(212,224,237,.7);border-radius:5px;padding:40px 30px;transition:.3s ease-in-out}.why-choose-us .threebox .box-3 h3{margin-top:20px;font-size:18px}.result-driven-software-service .box-3 p{min-height:182px}.why-choose-us .threebox .box-3 p{line-height:1.7;margin-top:15px;opacity:.9}.why-choose-us .threebox .flex-3.has-anchor:hover .box-3{border:1px solid #016be3;box-shadow:0 16px 40px rgba(176,202,228,.2);border-radius:5px}.contant-area h4.text-center.mt-3{color:#0071bc}