.missions-sec{background:#ffffff; padding:120px 0 0 0;}
.mission_banner{display:flex; justify-content:center; margin-top:100px; overflow:hidden;}
.mission_banner img{width:100%; min-width: 1200px; max-width: 2000px;}

.missions-sec .side-content-sec.other-style-side-content{margin:0 auto; max-width:100%; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; }

.missions-sec .side-content-sec.other-style-side-content .left{width:48%; position:sticky; top:150px;}

.missions-sec .side-content-sec.other-style-side-content .side-sec-des{width:40%; margin:0 !important; }

.missions-sec .other-style-side-content .side-sec-des p {
        font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: #ffffff;
    font-weight: 400;
    padding: 25px 25px 25px 60px;
    border-radius: 15px;
	letter-spacing:0.5px;
	font-weight:500;
    background: #0F2027; 
	position:relative;
	
background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  
background: linear-gradient(to right, #2C5364, #203A43, #0F2027); 
    }
	
	
.missions-sec .other-style-side-content .side-sec-des p::before {
     content: '1';
    position: absolute;
    left: 0;
    background: #ffffff;
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);
    top: 50%;
    transform: translate(-50%, -50%);
    color: #111111;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 21px;
    font-weight: 600;
}
	
	.missions-sec .other-style-side-content .side-sec-des p:nth-child(2),
	.missions-sec .other-style-side-content .side-sec-des p:nth-child(6)
	{background: #000046;  
background: -webkit-linear-gradient(to right, #1CB5E0, #000046);  
background: linear-gradient(to right, #1CB5E0, #000046); 
}




	.missions-sec .other-style-side-content .side-sec-des p:nth-child(3),
	.missions-sec .other-style-side-content .side-sec-des p:nth-child(7)
	{background: #000000;  */
background: -webkit-linear-gradient(to right, #434343, #000000);  
background: linear-gradient(to right, #434343, #000000); 

}
.missions-sec .other-style-side-content .side-sec-des p:nth-child(2)::before{ content: '2';}
.missions-sec .other-style-side-content .side-sec-des p:nth-child(3)::before{ content: '3';}
.missions-sec .other-style-side-content .side-sec-des p:nth-child(4)::before{ content: '4';}
.missions-sec .other-style-side-content .side-sec-des p:nth-child(5)::before{ content: '5';}
.missions-sec .other-style-side-content .side-sec-des p:nth-child(6)::before{ content: '6';}
.missions-sec .other-style-side-content .side-sec-des p:nth-child(7)::before{ content: '7';}


.missions-sec .other-style-side-content .side-sec-des p:nth-child(4),
.missions-sec .other-style-side-content .side-sec-des p:nth-child(8)
{background: #525252;  
background: -webkit-linear-gradient(to right, #3d72b4, #525252);  
background: linear-gradient(to right, #3d72b4, #525252); 
}



@media screen and (max-width: 1500px){
}


@media screen and (max-width: 1199px){	
	
}

@media screen and (max-width: 991px){
	.missions-sec{background:#ffffff; padding:80px 0 0 0;}
}

@media screen and (max-width: 767px){
.missions-sec .other-style-side-content .side-sec-des p::before {  transform: translate(-30%, -50%);  width: 50px;
    height: 50px; font-size: 18px;}	
.missions-sec{background:#ffffff; padding:50px 0 0 0;}
.missions-sec .side-content-sec.other-style-side-content{flex-direction:column; gap:30px;}

.missions-sec .side-content-sec.other-style-side-content .left { width: 100%; position: static;}
.missions-sec .side-content-sec.other-style-side-content .side-sec-des {width: 100%;}
.missions-sec .other-style-side-content .side-sec-des p{font-size: 15px;  line-height: 24px;}

}

@media screen and (max-width: 575px) {
.mission_banner img{min-width: 760px;}	
}