:root{
    --white-color: #FFFFFF;
    --black-color: hsl(0, 0%, 0%);
    --primary-color: #012a5e;
    --primary-hover-color: #244269;
    --red-color: #f4161e;
    --bigspacing: 80px 0;
    --excellence-color: #0594d1;
    --bold: 'proxima_nova_rgbold';
    --medium: 'proxima_nova_rgmedium';
    --light: 'proxima_novalight';
    --extrabold: 'proxima_nova_extrabold';    
}

@media only screen and (max-width: 768px){
    :root{
        --bigspacing: 60px 0;
    }
}


.darkbg{background-color: var(--primary-color);}

.cloud_consulting_banner{background: url(../img/cloud-consulting-services/cloud-counsulting-services-banner.webp) no-repeat;background-size: cover;height: 500px;display: flex;align-items: center;}
.cloud_consulting_box{width: 60%;margin-left: 80px;}
.cloud_consulting_box h1{color: var(--white-color);font-size: 48px;position: relative;display: flex;align-items: center;margin-bottom: 10px;}
.cloud_consulting_box h1:before{content: '';width: 80px;height: 4px;background-color: var(--red-color);display: inline-flex;position: absolute;left: -90px;}
.cloud_consulting_box p{color: var(--white-color);margin-bottom: 20px;}

.bigspacing{padding: var(--bigspacing);}
.common_heading_box{text-align: center;max-width: 1050px;margin: 0 auto;}
.common_heading_box h2{color: var(--primary-color);font-size: 32px;margin-bottom: 20px;}
.common_heading_box h3{color: var(--primary-color);font-size: 32px;margin-bottom: 20px;}
.common_heading_box h4{color: var(--primary-color);font-size: 28px;margin-bottom: 20px;}

.ccsrow{display: flex;align-items: center;justify-content: center;margin-bottom: 40px;flex-wrap: wrap;margin-top: 50px;}
.ccsbox{width: calc(100%/3 - 20px);margin-right: 20px;padding: 20px;border-radius: 10px;background-color: var(--white-color);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-bottom: 30px;align-self: stretch;}
.ccsbox:nth-child(3){margin-right: 0;}
.ccicon{width: 70px;height: 60px;background: url(../img/cloud-consulting-services/ccicons.webp) no-repeat;background-size: cover;display: inline-flex;margin-bottom: 10px;}
.ccsbox h4{font-family: var(--bold);margin-bottom:10px;font-size: 24px;color: var(--primary-color)}
.ccsbox p{margin-bottom: 0;}
.ccicon.ccicon_1{background-position-x: -8px;}
.ccicon.ccicon_2{background-position-x: -101px;}
.ccicon.ccicon_3{background-position-x: -185px;}
.ccicon.ccicon_4{background-position-x: -275px;}
.ccicon.ccicon_5{background-position-x: -351px;}

.cloud_computing{background: url(../img/cloud-consulting-services/cloud-computing.webp) no-repeat;background-size: cover;height: 590px;display: flex;}
.cloud_computing_inner_box{display: flex;flex-direction: column;justify-content: space-between;}
.cloud_computing_inner_boxL{width: 50%;height: 70%;display: flex;flex-direction: column;justify-content: center;padding-left: 8%;}
.cloud_computing_inner_boxxed{background-color: rgba(255,255,255,0.85);border-radius: 15px;padding: 20px;}
.cloud_computing_inner_boxL h3{color: var(--primary-color);font-size: 32px;line-height: 1.32;font-family: var(--medium);margin-bottom: 10px;}
.cloud_computing_inner_boxL h3 span{font-size: 48px;display: block;font-family: var(--extrabold);text-transform: uppercase;}
.cloud_computing_inner_boxL p{color: var(--black-color);font-family: var(--light);margin-bottom: 0;}
.cloud_computing_inner_boxR{display: flex;align-items: start;justify-content: space-between;height: 30%;backdrop-filter: blur(8px);}
.ccibrbox{width: calc(100%/3);align-self: stretch;padding: 20px 30px;border-top: 1px solid var(--white-color);border-right: 1px solid var(--white-color);}
.ccibrbox h4,.ccibrbox p{color: var(--white-color);}
.ccibrbox h4{font-size: 22px;margin-bottom: 10px;}
.ccibrbox p{margin-bottom: 0;font-family: var(--light)}
.ccibrbox:last-child{border-right: none;}

.cdemainrow{margin-top: 60px;}
.cderow{display: flex;align-items: center;justify-content: space-between;margin-top: 50px;}
/* .cdeBoxL,.cdeBoxR{width: 50%;} */
.cdeBoxL{width: 40%;}
.cdeBoxL{padding-right: 5%;}
.cdeBoxL h4{color: var(--primary-color);font-size: 32px;font-family: var(--bold);margin-bottom: 15px;}
.cdeBoxL p{padding-right: 10%;}
.cdeBoxL ul{list-style: none;}
.cdeBoxL ul li{padding: 10px 15px;background-color: var(--white-color);font-family: var(--bold);font-size: 20px;margin-bottom: 10px;cursor: pointer;border-radius: 10px;border: 1px solid #dadce0;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;color: var(--black-color);position: relative;display: flex;align-items: center;}
.cdeBoxL ul li:before{content: '';width: 25px;height: 1px;display: inline-flex;position: absolute;background-color: var(--white-color);right: 20px;}
.cdeBoxL ul li:after{content: '';width: 15px;height: 15px;display: inline-flex;border-top: 1px solid var(--white-color);border-right: 1px solid var(--white-color);transform: rotate(45deg);position: absolute;right: 20px;}
.cdeBoxL ul li:hover{background-color: var(--primary-hover-color);color: var(--white-color);}
.cdeBoxL ul li.active{background-color: var(--primary-color);color: var(--white-color);}
.cdeBoxL ul li:last-child{margin-bottom: 0;}

.cdeBoxR{width: 60%;padding: 25px;border: 1px solid #dadce0;border-radius: 15px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.cde_box{display: none;flex-direction: column;}
.cde_box.active{display: flex;}
.cde_box h5{color: var(--primary-color);font-size: 22px;font-family: var(--bold);margin-bottom: 15px;}
.cde_box p{margin-bottom: 15px;}
.cde_box img{border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;width: 100%;height: auto;}

.occerow{margin-top: 60px;}
.occeheader{padding: 60px;background-color: var(--excellence-color);text-align: center;border-radius: 15px;padding-bottom: 100px;position: relative;}
.occeheader h3,.occeheader p{color: var(--white-color);}
.occeheader h3{font-size: 28px;}
.occeheader p{margin-bottom: 0;}
.occeimagerow{padding: 20px;background-color: var(--white-color);display: flex;max-width: 1000px;margin: 0 auto;margin-top: -60px;position: relative;border-radius: 15px;justify-content: space-evenly;align-items: center;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.occeibox{width: calc(100%/5 - 7.5px);display: flex;justify-content: center;}
.occeibox img{max-width: 150px;height: auto;}

.noovering{overflow: hidden;}
.ccstatsrow{display: flex;padding: 60px 0;position: relative;}

.ccstatsrow:before{content: '';width: 650px;height: 700px;background: url(../img/cloud-consulting-services/bigo.webp) no-repeat;display: inline-flex;background-size: contain;position: absolute;left: -50px;top: 40px;z-index: 0;}
.ccstatboxL{width: 50%;position: relative;padding-left: 10%;}
.ccstatboxR{width: 50%;}
.ccstatboxL h3{color: var(--white-color);font-size: 40px;font-family: var(--bold);line-height: 1.18;}
.ccstatboxR{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ccstatsbox{width: calc(100%/2);}
.ccstatsbox h4,.ccstatsbox p{color: var(--white-color);}
.ccstatsbox h4{font-family: var(--bold);font-size: 36px;margin-bottom: 5px;}
.ccstatsbox p{margin-bottom: 0;font-size: 18px;}

.ccembracerow{display: flex;align-items: start;justify-content: space-between;max-width: 1100px;margin: 0 auto;margin-top: 50px;margin-bottom: 50px;}
.ccembracebox{width: calc(100%/3 - 10px);margin-right: 10px;padding: 20px;background: rgb(226,240,249);background: linear-gradient(0deg, rgba(226,240,249,1) 0%, rgba(255,255,255,0.01) 100%);align-self: stretch;border: 1px solid #d1d9e5;border-radius: 10px;}
.ccembracebox:last-child{margin-right: 0;}
.ccembracebox progress{margin-bottom: 10px;width: 100%;height: 10px;}
.progress {background-color: #bfd1e7;border-radius: 20px;position: relative;margin: 15px 0;height: 10px;width: 100%;margin-bottom: 20px;}
.progress-done,.progress-done2,.progress-done3 {background: #2193b0;background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);background: linear-gradient(to right, #6dd5ed, #2193b0);box-shadow: 0 3px 3px -5px #6dd5ed, 0 2px 5px #6dd5ed;border-radius: 20px;color: #fff;display: flex;align-items: center;justify-content: center;height: 100%;width: 0;opacity: 0;transition: 1s ease 0.3s;}
.ccembracebox h4{color: var(--primary-color);font-size: 44px;font-family: var(--bold);margin-bottom: 15px;}
.ccembracebox p{color: var(--black-color);font-family: var(--medium);font-size: 20px;}


.accordion_item ul{padding-left: 20px;margin-top: 10px;}
.accordion_item ul li{font-size: 16px;}



@media only screen and (max-width: 768px){
    .cloud_consulting_box h1:before{display: none;}
    .cloud_consulting_banner{height: auto;padding-top: 60px;background-position-x: center;}
    .cloud_consulting_box{margin-left: 0;width: 100%;padding: 60px 0;}
    .cloud_consulting_box h1{font-size: 32px;line-height: 1.24;}
    .cloud_consulting_box p{font-size: 16px;line-height: 1.48;}
    .common_heading_box h2{font-size: 28px;line-height: 1.24;}
    .common_heading_box p{font-size: 16px;line-height: 1.48;}
    .ccsrow{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
    .ccsbox{width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 15px;}
    .ccsbox:nth-child(2n){margin-right: 0;}
    .cloud_computing{height: auto;}
    .cloud_computing_inner_box{justify-content: start;}
    .cloud_computing_inner_boxL,.cloud_computing_inner_boxR{width: 100%;}
    .cloud_computing_inner_boxL{height: auto;padding-left: 0;padding: 15px;}
    .cloud_computing_inner_boxL h3 span{font-size: 36px;}
    .cloud_computing_inner_boxR{flex-direction: column;}
    .ccibrbox{width: 100%;border-right: none;padding: 15px;}
    .cderow{flex-direction: column;margin-top: 30px;}
    .cdeBoxL,.cdeBoxR{width: 100%;}
    .cdeBoxL{padding: 0;margin-bottom: 25px;}
    .cdeBoxL ul{overflow-x: scroll;display: flex;}
    .cdeBoxL ul li{font-size: 16px;border: 1px solid var(--primary-color);border-radius: 5px;display: inline-flex;white-space: pre;margin-bottom: 0;margin-right: 5px;}
    .cdeBoxL ul li:before,.cdeBoxL ul li:after{content: none;}
    .cdeBoxR{padding: 15px;}
    .occeheader{padding: 20px;}
    .occeheader h3{line-height: 1.24;}
    .occeimagerow{padding: 15px;margin-top: 15px;flex-direction: row;flex-wrap: wrap;justify-content: center;}
    .occeibox{width: calc(100%/3 - 7.5px);margin-bottom: 15px;margin-right: 7.5px;}
    .occeibox:nth-child(3n){margin-right: 0;}
    .ccstatsrow{flex-direction: row;flex-wrap: wrap;padding: 40px 0;}
    .ccstatboxL,.ccstatboxR{width: 100%;position: relative;}
    .ccstatboxL{padding: 0;margin-bottom: 15px;}
    .ccstatboxL h3{font-size: 32px;}
    .ccstatsbox{background-color: var(--white-color);padding: 10px;border-radius: 10px;width: calc(100%/2 - 7.5px);margin-right: 7.5px;margin-bottom: 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .ccstatsbox:nth-child(2n){margin-right: 0;}
    .ccstatsbox h4,.ccstatsbox p{color: var(--primary-color);}
    .ccstatsbox h4{font-size: 28px;}
    .ccstatsbox p{line-height: 1.32;font-size: 16px;}
    .ccembracerow{margin: 30px 0;flex-direction: row;flex-wrap: wrap;}
    .ccembracebox{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .ccembracebox p{line-height: 1.2;}
}

@media only screen and (max-width: 480px){
    .ccsbox{width: 100%;margin-right: 0;}
    .occeibox{width: calc(100%/2 - 7.5px);margin-bottom: 15px;margin-right: 7.5px;}
    .occeibox:nth-child(2n){margin-right: 0;}
}