hr {
    border-color: #969696;
}

/*-----------------------------------------------------*/

.needs_row_1 {
    width: 1010px;
    margin: 0 auto;
}

.needs_grid {
    background-color: #F1F0F0;
}

/* Tab */
@media only screen and (max-width: 1024px) {

    .needs_row_1 {
        width: 980px;
    }
}

@media only screen and (max-width: 932px) {

    .needs_row_1 {
        width: 748px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .needs_grid {
        width: 200px !important;
    }
}

@media only screen and (max-width: 740px) and (min-height: 360px) {

    .needs_row_1 {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    
    .needs_grid {
        width: 100%;
        height: 220px;
    }
}

@media only screen and (max-width: 720px) and (min-height: 540px) {

    .needs_row_1 {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    
    .needs_grid {
        width: 100%;
        height: 220px;
    }
}

@media only screen and (max-width: 540px) {
    
    .needs_grid {
        width: 100%;
        height: 220px;
    }
}

/* Mobile */
@media only screen and (max-width: 435px) {

    .needs_row_1 {
        width: 320px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .needs_grid {
        width: 250px !important;
        height: 180px;
    }
}

@media only screen and (max-width: 345px) {

    .needs_row_1 {
        width: 100%;
    }
}

/*-----------------------------------------------------*/

/* .plan_x_pc {
    height: 728px;
} */

.plan_x_pc_raya {
    height: 765px;
}

#carousel-1 .splide__pagination__page {
    top: 35px;
}

#carousel-2 .splide__pagination__page {
    top: 15px;
}

#carousel-3 .splide__pagination__page {
    top: 35px;
}

#carousel-4 .splide__pagination__page {
    top: 35px;
}

#carousel-5 .splide__pagination__page {
    top: 35px;
}

@media only screen and (max-width: 1180px) {
    .plan_x_pc_raya {
        height: 837px;
    }
}

@media only screen and (max-width: 1024px) and (min-height: 768px) {
    .plan_x_pc_raya {
        height: 812px;
    }
}

@media only screen and (max-width: 1024px) and (max-height: 600px) {
    .plan_x_pc_raya {
        height: 815px;
    }
}

@media only screen and (max-width: 1024px) and (min-height: 1366px)  {
    .plan_x_pc_raya {
        height: 836px;
    }
}

@media only screen and (max-width: 935px) {
    .plan_x_pc_raya {
        height: 860px;
    }
}

@media only screen and (max-width: 932px) {
    .plan_x_pc_raya {
        height: 835px;
    }
    
    .plan_x_pc {
        height: 795px;
    }
}

@media only screen and (max-width: 920px) {
    .plan_x_pc_raya {
        height: 880px;
    }
}

@media only screen and (max-width: 916px) and (max-height: 413px) {
    .plan_x_pc_raya {
        height: 830px;
    }
}

@media only screen and (max-width: 915px) {
    .plan_x_pc_raya {
        height: 837px;
    }
}

@media only screen and (max-width: 912px) {
    .plan_x_pc_raya {
        height: 828px;
    }
    
    .plan_x_pc {
        height: 790px;
    }
}

@media only screen and (max-width: 882px) {
    .plan_x_pc_raya {
        height: 832px;
    }
    
    .plan_x_pc {
        height: 790px;
    }
}

@media only screen and (max-width: 853px) {
    .plan_x_pc_raya {
        height: 834px;
    }
}

@media only screen and (max-width: 844px) {
    .plan_x_pc_raya {
        height: 830px;
    }
}

@media only screen and (max-width: 820px) {
    .plan_x_pc_raya {
        height: 830px;
    }
}

@media only screen and (max-width: 740px) {
    .plan_x_pc_raya {
        height: 834px;
    }
}

@media only screen and (max-width: 720px) {
    .plan_x_pc_raya {
        height: 858px;
    }
    
    .plan_x_pc {
        height: 840px;
    }
}

@media only screen and (max-width: 670px) {
    .plan_x_pc_raya {
        height: 883px;
    }
}

@media only screen and (max-width: 540px) {
    .plan_x_pc_raya {
        height: 802px;
    }
    
    .plan_x_pc {
        height: 760px;
    }
}

@media only screen and (max-width: 435px) {
    .plan_x_pc_raya {
        height: 742px;
    }
    
    .plan_x_pc {
        height: 700px;
    }
}

@media only screen and (max-width: 412px) {
    .plan_x_pc_raya {
        height: 743px;
    }
    
    .plan_x_pc {
        height: 700px;
    }
}

@media only screen and (max-width: 380px) {
    .plan_x_pc_raya {
        height: 762px;
    }
    
    .plan_x_pc {
        height: 720px;
    }
}

@media only screen and (max-width: 360px) {
    .plan_x_pc_raya {
        height: 762px;
    }
}

@media only screen and (max-width: 344px) {
    .plan_x_pc_raya {
        height: 762px;
    }
}

.splide__pagination__page.is-active {
    background: #2D4153 !important;
}