.viewmoreskill{
width:100%;
margin:0px 0px 0px 0px;
background-color:#e5e5e5;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 25px;
}
#skilldesc{
font-size:18px;
color:#274CC2;
padding:100px 200px 100px 100px;
text-align:justify;
width:850px;
}
.playerdiv{
padding:0px 0px 7px 470px;
}
.playerdivskill{
padding:0px 0px 7px 470px;
}
.skilllowerp img{
}
.skilldownbg{
display: flex;
flex-direction: column;    /* Stacks elements vertically */
text-align: center;        /* Inline text fallback centering */
background-image:url(../../cec/sites/default/skill/skilllowerpbg.png);
background-position: center;
background-repeat:no-repeat;
padding: 25px 0px 0px 40px;
height:1100px;
flex-wrap: wrap;
background-size: cover;
}
.skillvideosource{
background-image:url(../../cec/sites/default/beyond/buffering.gif);
background-position:center;
background-size:100%;
width:500px;
height:400px;
}
.skillvideosourcep{
background-image:url(../../cec/sites/default/beyond/buffering.gif);
background-position:center;
background-size:100%;
width:100%;
height:auto;
}
.skillcontent{
display: grid;  
grid-template-columns: 40% 20% 0%;
gap: 10px;
height: 650px;
justify-content: center;
}
.skillvideop{
background-color:#FFFFFF;
padding:10% 25px 25px 25px;
text-align: right;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.concepttxtskill{
background-color:#FFFFFF;
padding:25px;
text-align:justify;
line-height: 27px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.concepthdskill{
font-size:28px;
padding:0px 0px 15px 0px;
text-align:center;
}
.concepthdskill span{
font-size:18px;
}
.dotsdivsp{
color:#FFFFFF;
padding:25px 0px 15px 0px;
font-size:30px;
}
.dotsdivsp span{
margin-left:25px;
}
.contentdivskill{
width:100%;
font-size:16px;
text-align:center;
}
#middlespanp{
font-size:42px;
}
#viewallmoreskill{
margin:-100px 0px 0px 0px;
}
width:15800px;
height:550px;
margin:300px 0px 0px -520px;
background-color:#e5e5e5;
}
.moreless{
text-align: left;
color:#f75700;
cursor:pointer;
font-size:18px;
position:absolute;
width:170px;
}
.morelabel:hover{
font-weight:bold;
}
.lesslabel:hover{
font-weight:bold;
}
#viewallmoreskill{
margin:-100px 0px 0px 0px;
}
#skilldiv1{
//float:left;
//position:absolute;
//margin:0px 0px 0px 100px;
}
.tskilldiv1{
font-size:22px;
color:#FFFFFF;
margin:35px 0px 0px 20px;
float:left;
position:absolute;
width:345px;
height:95px;
text-align:center;
vertical-align:middle;
}
.prakritivideo{
width:450px;
height:275px;
background-color:#000000;
}
.vskilldiv1{
background-position:center;
background-size:100%;
float:left;
position:absolute;
margin:121px 0px 0px 21px;
text-align:center;
}
#skilldiv2{
//float:left;
//position:absolute;
//margin:0px 0px 0px 550px;
}
#skilldiv3{
//float:left;
//position:absolute;
//margin:0px 0px 0px 990px;
}
.vmskill{
color: #f75700;
cursor:pointer;
text-align:right;
margin:30px 0px 0px 0px;
}
.vmskill:hover{
font-weight:bold;
}
.morelabel:hover{
font-weight:bold;
}
.lesslabel:hover{
font-weight:bold;
}
#viewallmoreskill{
margin:-100px 0px 0px 0px;
}
.likebutton{
margin:400px 0px 0px 170px;
float:left;
position:absolute;
}
.tskilldiv1{
font-size:22px;
color:#FFFFFF;
margin:35px 0px 0px 20px;
float:left;
position:absolute;
width:345px;
height:95px;
text-align:center;
vertical-align:middle;
}
.vskillvide1{
width:345px;
height:275px;
}
.qmarea{
cursor:pointer;
}
.facebookspan{
float:left;
position:absolute;
margin:5px;
background-image:url(../../cec/sites/default/skill/fbshare.png);
height: 24px;
width: 67px;
}
.leftbgwhite{
background-color:#FFFFFF;
padding:25px;
}
.rightbgwhite{
background-color:#FFFFFF;
padding:25px;
}
.leftrightdiv{
	display: ruby;
    justify-content: center;
    color: #fff;
}
.rightscrollsp{
padding: 25px 0px 15px 25px;
font-size: 50px;
cursor:pointer;
}
.rightscrollsp:hover{
color:var(--accent-color);
}
.leftscrollsp:hover{
color:var(--accent-color);
}
.leftscrollsp{
padding: 25px 0px 15px 25px;
font-size: 50px;
cursor: pointer;
}
/* Small Laptops and Large Tablets */
@media (max-width: 1700px) {
	.skillcontent{
		max-width: 100%;
		grid-template-columns: 50% 20%;
	}	
    
}
@media (max-width: 1650px) {
	.skillcontent{
		max-width: 100%;
		grid-template-columns: 52% 22%;
	}	
    
}
@media (max-width: 1500px) {
	.skillcontent{
		max-width: 100%;
		grid-template-columns: 54% 30%;
	}
    
}

@media (max-width: 1300px) {
	.skillcontent{
		max-width: 100%;
		grid-template-columns: 54% 31%;
	}		

}
@media (max-width: 1100px) {
	 .container {
		 width:100%
	 }
	.skillcontent{
		max-width: 85%;
		grid-template-columns:1fr;
        margin-left: 4%;
	}	
	.skilldownbg{
		height:1450px;
	}
	.dotsdivsp{
		margin-top: 32%;
	}
}

@media (max-width: 950px) {
.skillcontent{
		max-width: 75%;
		padding:0px;
		margin:0px;
	}
	.leftrightdiv {
    margin-left: -40%;
    margin-top: -10%;
}
.viewmoreskill{
	    margin-top: -30%;
	}
	.playerdivskill {
	    padding: 0px 0px 7px 0px;
	}
	.playerdivskill img{
		vertical-align:middle;
		transform: scale(0.9);
	}
}
/* Mobile Devices (Smartphones) */
@media (max-width: 768px) {
.skillcontent{
		max-width:60%;
		padding:0px;
		margin:0px;
	}
	.leftrightdiv{
    margin-left: -62%;
    margin-top: -30%;
	}
	.viewmoreskill{
	    margin-top: -40%;
	}
	.playerdivskill img{
        vertical-align: middle;
        transform: scale(0.9);
        margin-left: -35%;
    }
}