.my-slider-wrapper{
overflow:hidden;
width:100%;
padding:40px 0;
position:relative;
}

.my-slider-track{
display:flex;
gap:20px;
}

.my-slide-col{
flex:0 0 calc(33.333% - 14px);
transition:.4s;
opacity:.5;
transform:scale(.9);
}

@media(max-width:991px){
.my-slide-col{
flex:0 0 100%;
}
}

@media(max-width:767px){
.my-slide-col{
flex:0 0 100%;
}
}

.my-slide-col.active{
opacity:1;
transform:scale(1.08);
z-index:2;
}

.my-slide-col.active .my-card{
box-shadow:0 25px 45px rgba(0,0,0,.4);
}

.my-slide-col h5 {
    color: white;
}



.my-card{
background:#0b3d2e;
border-radius:16px;
padding:20px;
text-align:center;
display:block;
text-decoration:none;
color:white;
}

.my-card img{
width:100%;
height:260px;
object-fit:cover;
border-top-left-radius:60px;
border-top-right-radius:4px;
}


.my-slider-dots{
text-align:center;
margin-top:20px;
}

.my-dot{
height:10px;
width:10px;
margin:5px;
background:#bbb;
display:inline-block;
border-radius:50%;
cursor:pointer;
transition:.3s;
}

.my-dot.active{
background:#19b37d;
transform:scale(1.6);
}










/* vision-mission-quality */

	
	.project-section-one .project-box-item{
margin-bottom:80px;
}

.project-section-one .project-thumb{
position:relative;
}

.project-section-one .project-thumb img{
width:100%;
height:auto;
border-radius:20px;
display:block;


 
}

/* desktop card */

.project-section-one .project-card{
position:absolute;
top:90px;
right:80px;
width:456px;
height:442px;
padding:60px 50px;
border-radius:20px;
 background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22456%22%20height%3D%22442%22%20viewBox%3D%220%200%20456%20442%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.9543%208.95431%200%2020%200H436C447.046%200%20456%208.9543%20456%2020V365.171C456%20376.217%20447.046%20385.171%20436%20385.171H408C396.954%20385.171%20388%20394.126%20388%20405.171V422C388%20433.046%20379.046%20442%20368%20442H20C8.95431%20442%200%20433.046%200%20422V20Z%22%20fill%3D%22url(%23paint0_linear_6252_246)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6252_246%22%20x1%3D%22448.052%22%20y1%3D%22434.551%22%20x2%3D%2211.0165%22%20y2%3D%226.86237%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.00708379%22%20stop-color%3D%22%23FFF4DD%22%2F%3E%3Cstop%20offset%3D%220.496742%22%20stop-color%3D%22%23F1FFDE%22%2F%3E%3Cstop%20offset%3D%220.836162%22%20stop-color%3D%22%23E7FFD8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

/* mission card left */

.project-section-one .project-card.two{
left:80px;
right:auto;
}


/* TABLET + MOBILE */

@media (max-width:991px){

.project-section-one .project-card{

position:relative;

top:auto;
left:auto;
right:auto;

width:100%;
height:auto;

margin-top:20px;

padding:25px;

border-radius:15px;
}

/* remove offset */

.project-section-one .project-card.two{
left:0;
}

.project-section-one .project-box-item{
margin-bottom:40px;
}

}



.project-card  .project-content h4 {
  display: inline-block;
  color: var(--heading-color);
  font-weight: 500;
  font-size: 16px;
  border: 1px solid rgba(12, 35, 24, 0.15);
  padding: 7px 28px;
  border-radius: 20px;
}


/* vision-mission-quality */
