.cnc-skill-bar.layout1{padding:100px 0; position: relative;}
.cnc-skill-bar.layout1 .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffffe6; }
.cnc-skill-bar.layout1 .container{max-width:1430px;width:100%;padding-left:15px;padding-right:15px;margin:0 auto; position: relative;}
.cnc-skill-bar.layout1 .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}        
.cnc-skill-bar.layout1 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:48px; font-weight: 700; line-height:normal;margin:0 0 10px;color:#005bc5; word-break: break-word; }
/* .cnc-skill-bar.layout1 :is(p){font-size:20px;line-height:normal;margin:0 0 10px;color:#323232; word-break: break-word;} */
.cnc-skill-bar.layout1 :is(p):last-child, .cnc-skill-bar.layout1 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):last-child {margin-bottom:0;}
.cnc-skill-bar.layout1 .title-box:not(:last-child) { margin-bottom: 30px; }        
.cnc-skill-bar.layout1 .content-box, .cnc-skill-bar.layout1 .progress-box{max-width:50%;width:100%;padding-left:15px;padding-right:15px;}        
.cnc-skill-bar.layout1 .content-box.full-content-box, .cnc-skill-bar.layout1 .progress-box.full-progssbox { max-width: 100%; }
.cnc-skill-bar.layout1 .content-box.full-content-box .title-box { max-width: 100%; }
.cnc-skill-bar.layout1 .content-box.full-content-box .title-box :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { width: 100%; }
.cnc-skill-bar.layout1 .align-items-center{align-items:center;}        
.cnc-skill-bar.layout1 .content-box small, .cnc-skill-bar.layout1 .content-box p { font-size: 16px; line-height: normal;margin: 0;color: #323232;}     
.cnc-skill-bar.layout1 .content-box small:not(:last-child),.cnc-skill-bar.layout1 .content-box p:not(:last-child){margin: 0 0 10px;}
.cnc-skill-bar.layout1 .content-box .title-box { max-width: 565px; }            
.cnc-skill-bar.layout1 .content-box .title-box :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { width: 70%; }
.cnc-skill-bar.layout1 .content-box a { color: #323232; text-decoration: underline; }
.cnc-skill-bar.layout1 .progress-box .skills-wrap { overflow: hidden; }
.cnc-skill-bar.layout1 .progress-box .skill:not(:last-child){margin-bottom:50px;}
.cnc-skill-bar.layout1 .progress-box .skill-name{font-size:20px;font-weight:700;margin-bottom:10px;line-height:normal;color:#323232;display:inline-block;}
.cnc-skill-bar.layout1 .progress-box .progress{background:rgba(50,50,50,0.2);border-radius:50px;min-height:12px;position:relative;}
.cnc-skill-bar.layout1 .progress-box .progress-bar{min-height:12px;width:0;border-radius:50px;background:linear-gradient(90deg,#005BC5 0%,#44039F 100%);position:relative; max-width: 100%; transition:width 2s ease-in-out;}
.cnc-skill-bar.layout1 .progress-box .progress-bar span{position:absolute;right:0;top:-33px;font-size:20px;font-weight:400;z-index: 10;color:#332233; line-height:normal; white-space: nowrap; opacity: 0; transition: all 0.3s ease-in-out; }

@media (max-width: 1024px) {
.cnc-skill-bar.layout1{padding:50px 0;}
.cnc-skill-bar.layout1 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 40px; }
.cnc-skill-bar.layout1 .content-box small, .cnc-skill-bar.layout1 .content-box p { font-size: 15px; }
.cnc-skill-bar.layout1 .progress-box .skill:not(:last-child) { margin-bottom: 30px; }
.cnc-skill-bar.layout1 .progress-box .skill-name { font-size: 18px; }
.cnc-skill-bar.layout1 .progress-box .progress-bar span { font-size: 18px; }
}

@media (max-width: 767px) {
.cnc-skill-bar.layout1{padding:30px 0;}
.cnc-skill-bar.layout1 .content-box { margin-bottom: 30px; }
.cnc-skill-bar.layout1 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 30px; }
.cnc-skill-bar.layout1 .content-box .title-box :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { width: 100%; }
.cnc-skill-bar.layout1 .content-box small, .cnc-skill-bar.layout1 .content-box p { font-size: 14px; }
.cnc-skill-bar.layout1 .content-box, .cnc-skill-bar.layout1 .progress-box { max-width: 100%; }
.cnc-skill-bar.layout1 .progress-box .skill:not(:last-child) { margin-bottom: 20px; }
.cnc-skill-bar.layout1 .progress-box .skill-name { font-size: 16px; }
.cnc-skill-bar.layout1 .progress-box .progress-bar span { font-size: 16px; top: -27px; }
}