html {
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
}

.judul1{
    display:flex;
    justify-content:center;
    align-items:center;
    height:120px;
    color:#00A1D1;
    background-color: rgba(0, 168, 175, 0.23);
    border-radius:30px;
    margin-top:50px;
    margin-bottom:50px;
    width:95%;
    margin-left:30px;
}
h2,h1{
    font-weight:bold;
    font-family:Poppins;

}
.judul{
    display:flex;
    color:rgba(0, 133, 255, 1);
    justify-content:center;
    margin-top:150px;
    margin-bottom:50px;
}


.container{
    display:flex;
    /* background-color:black; */

}
.kepsek{
    display:flex;
    /* justify-content:flex-start; */
    margin-right:285px;
}
.pt{
    border-radius:50%;
    display:flex;

}

.gambar1{
    width:416px;
    height:500px;
    border-radius:20px;
}
.pt1{
    width:416px;
    height:500px;
    border-radius:20px;
}

.gmbr{
    width:50px;
    
}


.items{
    width:273px;
    height:324px;
    border-radius:20px;
    box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.3);
}
.item{
    border-radius:20px;
    box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.3);
   
    height:374px;
}
.card-atas{
    display:flex;
    justify-content:center;
}


.atas{
  
    width:50%;
    border-radius:20px;
}
.atas1{
  
    width:180px;
    border-radius:20px;
}
.caption1{
display:flex;
justify-content:center;
font-weight:bold;
font-size:19px;
text-transform:uppercase;
}
.caption2{
    display:flex;
    justify-content:center;
    color:#575757;
    font-weight:bold;
    font-size:20px;
   text-transform:capitalize;
    }
.cp1{
    display:flex;
    justify-content:center;
    text-transform:uppercase;
    font-family:Poppins;
    font-size:19px;
 
}

.cp2{
    display:flex;
    justify-content:center;
    color:#575757;
    font-weight:bold;
    font-family:Poppins;
    font-size:20px;
 
}


.slider1 .slick-slide {
	margin: 0 36px;
}
 .slider3 .slick-slide{
    margin: 0 50px;
    transform:scale(0.8);
    opacity:0.3;
    transition:all ease .0.5s;
}
.slider3 .slick-slide.slick-current{
    transform:scale(1);
    opacity:1;
}
 .slick-arrow{
    position:absolute;
    bottom:0;
    z-index:9999;
    background:#ffff;
    border:none;

 }

 @media screen and (max-width: 600px) {
.gambar1{
    width:162px;
    height:180px;
    border-radius:20px;
}

.pt1{
    width:162px;
    height:180px;
    margin-left:-240px;
}
.judul1{
    display:flex;
    justify-content:center;
    align-items:center;
   color:#00A1D1;
   background-color: rgba(0, 168, 175, 0.23);
    border-radius:30px;
    margin-top:50px;
    margin-bottom:50px;
    width:358px;
    height:70px;
    margin-left:20px;
}
.judul1 h2{
    font-size:20px;
}

.atas{
  
    width:50%;
    border-radius:20px;
}
.atas1{
   
  
        width:70px;
        border-radius:20px;
    
}

.items{
    width:158px;
    height:175px;
    border-radius:20px;
 }
 .item{
    
    height:170px;
    border-radius:20px;
 }

.cp1 {
    font-size:10px;
  
    font-family:Poppins;
    text-transform:uppercase;
}
.cp2{
    font-size:12px;
   
    font-family:Poppins;
    text-transform:medium;
}

.slider1 .slick-slide {
	margin: 0 7px;
}
.slider3 .slick-slide {
    margin: 0 10px;

}
.judul{
    margin-top:20px
}
.caption1{
    display:flex; 
   
    justify-content:center;
    font-weight:bold;
    font-size:10px;
    text-transform:uppercase;
    } 
 .caption2{
        display:flex;
        justify-content:center;
        color:#575757;
        font-weight:bold;
        font-size:12px;
       text-transform:capitalize;
        }


 }