.cnc-skill-bar.layout5{padding:100px 0; position: relative;}        
.cnc-skill-bar.layout5 .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffffe6; }
.cnc-skill-bar.layout5 .container{max-width:1430px;width:100%;padding-left:15px;padding-right:15px;margin:0 auto; position: relative;}
.cnc-skill-bar.layout5 .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}  
.cnc-skill-bar.layout5 :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; word-break: break-word; font-weight: 700;}         
.cnc-skill-bar.layout5 :is(p) { font-size:20px;line-height:normal;margin:0 0 10px;color:#323232; word-break: break-word; font-weight: 400;}
.cnc-skill-bar.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):last-child, .cnc-skill-bar.layout5 :is(p):last-child { margin-bottom: 0; }
.cnc-skill-bar.layout5 small { font-size: 16px; line-height: normal; word-break: break-word; }             
.cnc-skill-bar.layout5 .title-box:not(:last-child) { margin-bottom: 30px; }        
.cnc-skill-bar.layout5 .content-box, .cnc-skill-bar.layout5 .progress-box{width:100%;padding-left:15px;padding-right:15px;position: relative; }        
.cnc-skill-bar.layout5 .content-box{max-width: 48%;}
 .cnc-skill-bar.layout5 .progress-box{max-width: 52%;}
.cnc-skill-bar.layout5 .align-items-center{align-items:center;}
.cnc-skill-bar.layout5 .content-box .profile-pic { max-width: 595px; height: 603px; width: 100%; }         
.cnc-skill-bar.layout5 .content-box .profile-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; }        
.cnc-skill-bar.layout5 .progress-box :is(p) { max-width: 500px; }
.cnc-skill-bar.layout5 .progress-box .skill{ display: flex; align-items: center; gap: 20px;margin-bottom: 30px;}
.cnc-skill-bar.layout5 .progress-box .skill:last-child{margin-bottom:0;}
.cnc-skill-bar.layout5 .progress-box .skill-name{font-size:20px;font-weight:700;line-height:normal;color:#323232;display:inline-block;width: 100px; word-break: break-word; }
.cnc-skill-bar.layout5 .progress-box .progress{background:#ededed;border-radius:0 50px 50px 0;height:40px;position:relative;width: calc(100% - 100px); overflow: hidden;}
.cnc-skill-bar.layout5 .progress-box .progress-bar{height:40px;width:0;border-radius:0 50px 50px 0;background:#005BC5;position:relative;transition:width 2s ease-in-out;}
.cnc-skill-bar.layout5 .progress-box .progress-bar span{position:absolute;right:10px;bottom:9px;font-size:20px;font-weight:700;z-index: 10;color:#fff; line-height:normal; white-space: nowrap; }     
.cnc-skill-bar.layout5 .progress-box.full-progssbox, .cnc-skill-bar.layout5 .content-box.full-content-box { max-width: 100%; }
.cnc-skill-bar.layout5 .progress-box.full-progssbox :is(p) { max-width: 100%; }
.cnc-skill-bar.layout5 .content-box.full-content-box .profile-pic { margin: 0 auto; }

@media (max-width: 1024px) {
.cnc-skill-bar.layout5{padding:50px 0;}
.cnc-skill-bar.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 40px; }  
.cnc-skill-bar.layout5 .content-box .profile-pic { max-width: 475px; height: 475px; }      
.cnc-skill-bar.layout5 :is(p) { font-size: 18px; }
.cnc-skill-bar.layout5 .progress-box .skill { gap: 30px; }
.cnc-skill-bar.layout5 .progress-box .skill-name { font-size: 18px; }     
.cnc-skill-bar.layout5 .progress-box .progress-bar, .cnc-skill-bar.layout5 .progress-box .progress { height: 30px; }   
.cnc-skill-bar.layout5 .progress-box .progress-bar span { bottom: 3px; font-size: 18px; }        
.cnc-skill-bar.layout5 .progress-box :is(p) {max-width: 100%; }
} 

@media (max-width: 991px) {
.cnc-skill-bar.layout5 .content-box, .cnc-skill-bar.layout5 .progress-box { max-width: 100%; }
.cnc-skill-bar.layout5 .content-box{margin-bottom: 30px;}
}

@media (max-width: 767px) {       
.cnc-skill-bar.layout5{padding:30px 0;}         
.cnc-skill-bar.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { font-size: 30px; }     
.cnc-skill-bar.layout5 :is(p) {font-size: 16px;}
.cnc-skill-bar.layout5 .content-box .profile-pic { max-width: 100%; }
.cnc-skill-bar.layout5 .content-box .profile-pic {height: 64vw; }   
.cnc-skill-bar.layout5 .progress-box .skill-name { font-size: 16px; }        
.cnc-skill-bar.layout5 .progress-box .progress-bar, .cnc-skill-bar.layout5 .progress-box .progress { height: 20px; } 
.cnc-skill-bar.layout5 .progress-box .skill { flex-direction: column; gap: 10px; }
.cnc-skill-bar.layout5 .progress-box .progress { width: 100%; }
.cnc-skill-bar.layout5 .progress-box .progress-bar span { bottom: 1px; font-size: 16px; }

}