/* Main-Container For Sectiom "Info PPDB" Start Here!*/

.wrapper-ppdb{
    width: 100%;
    height: 52rem;
    /*max-width: auto;
    padding-top: 8rem;*/
    margin: auto;
    position: relative; 
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: ease 1s;
/*    animation: fade linear;
    animation-timeline: view();
    animation-range: entry 0% cover 50%;*/
}
.wrapper-ppdb .container-content{
    width: 100%;
    height: 36rem;
    margin-top: 15rem;
    background-color: transparent;
    align-items: center;
    justify-content: left;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    transition: ease 1s;
    display: flex;
}
.wrapper-ppdb .container-content .img-container{
    width: 23rem;
    height: 35.2rem;
    margin-left: 4rem;
    margin-top: 0.1rem;
    background-color: transparent;
    border-radius: 1.5rem;

}
.wrapper-ppdb .container-content .img-container img{
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
}
.wrapper-ppdb .container-content .posters{
    width: 23rem;
    height: 35.2rem;
    margin-left: 3rem;
    margin-top: 0.1rem;
    background-color: cyan;
    border-radius: 1.5rem;
    overflow: hidden;
    transition: 5s ease;
}
.wrapper-ppdb .container-content .posters .images{
    height: auto;
    width: auto;
    align-content: center;
    justify-items: left;
    display: flex;
    transition: 1s ease;
    animation: scrollLeftPoster 50s ease-in-out infinite;
}
.wrapper-ppdb .container-content .desc{
    margin-left: 2.3rem;
    margin-top: 0.3rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    background-color: transparent;
    width: 25.2rem;
    height: 35.2rem;
    overflow: hidden;
    /*border-radius: 1.5rem;
    border: solid #fff 1px;*/
}
.wrapper-ppdb .container-content .desc h4{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    font-size: 1rem;
    margin-top: 0rem;
}
.wrapper-ppdb .container-content .desc p{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.wrapper-ppdb .container-content .desc .dot-slider{
    width: 100%;
    height: fit-content;
    display: flex;
    text-align: center;
    justify-content: left;
    align-items: center;
    margin-top: -0.4rem;
    margin-left: -1.23rem;
}
.wrapper-ppdb .container-content .desc .dot-slider a{
    text-decoration: none;
    color: #fff;
    font-size: 3rem;
    margin-left: 1rem;
}
.wrapper-ppdb .container-content .desc .dot-slider a:hover{
    color: cyan;
}
#tkro-reg:target ~ .posters .images{
    transform: translateX(0rem);
}
#tkro-inds:target ~ .posters .images{
    transform: translateX(-23.37rem);
}
#tbsm-reg:target ~ .posters .images{
    transform: translateX(-46.62rem);
}
#tbsm-inds:target ~ .posters .images{
    transform: translateX(-69.89rem);
}
#tab-reg:target ~ .posters .images{
    transform: translateX(-93.3rem);
}