.cnc-skill-bar.layout3{padding:100px 0; position: relative;}
.cnc-skill-bar.layout3 .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffffe6; }
.cnc-skill-bar.layout3 .container{max-width:1430px;width:100%;padding-left:15px;padding-right:15px;margin:0 auto; position: relative;}
.cnc-skill-bar.layout3 .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}        
.cnc-skill-bar.layout3 .content-box, .cnc-skill-bar.layout3 .text-box{max-width:50%;width:100%;padding-left:15px;padding-right:15px;}   
.cnc-skill-bar.layout3 .content-box.head-box{max-width: 100%;width: 100%;margin-bottom: 30px;}     
.cnc-skill-bar.layout3 .align-items-center{align-items:center;}
.cnc-skill-bar.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size:48px;line-height:normal;margin:0 0 10px;color:#005bc5; font-weight: 700;}
.cnc-skill-bar.layout3 :is(p) { font-size:20px;line-height:normal;margin:0 0 10px;color:#323232; font-weight: 400;}
.cnc-skill-bar.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):last-child, .cnc-skill-bar.layout3 :is(p):last-child { margin-bottom: 0; }
.cnc-skill-bar.layout3 .title-box:not(:last-child) { margin-bottom: 30px; }
.cnc-skill-bar.layout3 .content-box h3:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:32px;color:#323232;}        
.cnc-skill-bar.layout3 .content-box :is(p){ max-width: 445px;}      
.cnc-skill-bar.layout3 .content-box .title-box p { font-size: 32px; font-weight: 700; max-width: 100%; word-break: break-word; }
.cnc-skill-bar.layout3 a { color: #323232; text-decoration: underline; }                                        
.cnc-skill-bar.layout3 .text-box .title-box { max-width: 465px; margin: 0 auto; }
.cnc-skill-bar.layout3 .text-box .title-box :is(p){max-width: 445px;}
.cnc-skill-bar.layout3 .progress-box { max-width: 100%; width: 100%; padding-left: 15px; padding-right: 15px; margin-top: 75px; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 50px 108px; }        
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill { max-width: calc(20% - 87px); width: 100%; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle{width:100%;aspect-ratio: 1 / 1; border-radius:50%;background-color:rgba(0,91,197,0.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#323232;}
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle .circle-text{display:flex;justify-content:center;align-items:center;max-width: calc(100% - 90px); width:100%;aspect-ratio: 1 /1; background:#fff;border-radius:50%;}
.circle span { position: relative; z-index: 2; font-size: 20px; font-weight: 700;line-height: normal;}
.cnc-skill-bar.layout3 .progress-box .skill-name{font-size:20px;font-weight:700;margin-top:32px;line-height:normal;color:#323232;text-align: center; word-break: break-word;}
.cnc-skill-bar.layout3 .progress-box .progress{background:rgba(50,50,50,0.2);border-radius:50px;height:12px;position:relative;}
.cnc-skill-bar.layout3 .progress-box .progress-bar{height:12px;width:0;border-radius:50px;background:linear-gradient(90deg,#005BC5 0%,#44039F 100%);position:relative;transition:width 2s ease-in-out;}
.cnc-skill-bar.layout3 .progress-box .progress-bar span{position:absolute;right:0;top:-23px;font-size:20px;font-weight:400;z-index: 10;color:#332233; line-height:normal; white-space: nowrap; }

@media (max-width: 1440px) {
.cnc-skill-bar.layout3 .progress-box .skills-wrap { gap: 50px 80px; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill { max-width: calc(20% - 64px); }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle .circle-text {max-width: calc(100% - 80px);}
}

@media (max-width: 1199px) {
.cnc-skill-bar.layout3 .progress-box .skills-wrap { gap: 50px 60px; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill { max-width: calc(20% - 48px); }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle .circle-text {max-width: calc(100% - 70px);}
}

@media (max-width: 1024px) {
.cnc-skill-bar.layout3{padding:50px 0;}
.cnc-skill-bar.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 40px; }
.cnc-skill-bar.layout3 .content-box h3:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 28px; }
.cnc-skill-bar.layout3 :is(p) { font-size: 18px; }
.cnc-skill-bar.layout3 .content-box .title-box p { font-size: 30px; }
.cnc-skill-bar.layout3 .progress-box { margin-top: 50px; }
.cnc-skill-bar.layout3 .progress-box .skill-name { font-size: 18px; margin-top: 30px;}
.cnc-skill-bar.layout3 .progress-box .skills-wrap { gap: 30px; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill { max-width: calc(20% - 24px); }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle { margin: 0 auto; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle span { font-size: 18px; }
}
@media (max-width: 991px) {
    .cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle .circle-text {max-width: calc(100% - 57px);}
}

@media (max-width: 767px) {
.cnc-skill-bar.layout3{padding:30px 0;}
.cnc-skill-bar.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 30px; }
.cnc-skill-bar.layout3 .content-box h3:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 24px; }
.cnc-skill-bar.layout3 :is(p) { font-size: 16px; }
.cnc-skill-bar.layout3 .content-box, .cnc-skill-bar.layout3 .text-box { max-width: 100%; }
.cnc-skill-bar.layout3 .content-box .title-box p { font-size: 28px; }
.cnc-skill-bar.layout3 .content-box, .cnc-skill-bar.layout3 .progress-box { max-width: 100%; }
.cnc-skill-bar.layout3 .content-box .title-box , .cnc-skill-bar.layout3 .content-box.head-box{ margin-bottom: 20px; }
.cnc-skill-bar.layout3 .content-box.head-box .title-box{margin-bottom: 0;}
.cnc-skill-bar.layout3 .text-box .title-box { margin: 0; }
.cnc-skill-bar.layout3 .progress-box { margin-top: 30px; }
.cnc-skill-bar.layout3 .progress-box .skill-name { font-size: 16px; margin-top: 10px; }
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill { max-width: 130px; }   
.cnc-skill-bar.layout3 .progress-box .skills-wrap .skill .circle span { font-size: 16px; }

}