.name {
    color: #2E2E2E;
}
.home{
    color: #2E2E2E;
}
.custom-border {
    border: none;
    border-bottom: 3rem solid #fff;
}
.w {
    box-shadow: 0px 0px 30px #F1C35826;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #5a5a5a !important;
}
.pang {
    color: #5a5a5a !important;
}

/* lg tablet horizon */
@media (min-width: 992px) and (max-width: 1199px) {
    .pagination .page-link {
        margin: 25px 0px;
        font-size: 18px !important;
        width: 55px;
        height: 55px;
    }
    .page-item {
        justify-content: center;
        align-items: center;
    }

    .page-link {
        color: #A6A9AE;
    }
    .page-link:active {
        color: #232323;
    }

}

/* md tablet vertical */
@media (min-width: 576px) and (max-width: 991px) {
    .wh {
        top: 50% !important;
        left: 50% !important;
    }
    .why {
        width: 100% !important;
    }
    .w {
        width: 100% !important;
    }
    /* สำหรับ multiple-items */
    .multiple-items .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 15px !important;
        /* ปรับขนาดความกว้างของปุ่ม */
        height: 15px !important;
        /* ปรับขนาดความสูงของปุ่ม */
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .multiple-items .slick-dots li button:before {
        font-family: 'slick';
        font-size: 12px !important;
        /* ปรับขนาดของจุด */
        line-height: 40px !important;
        /* ความสูงของจุด */
        position: absolute;
        top: 0;
        left: 0;
        width: 15px !important;
        /* ปรับขนาดความกว้างของจุด */
        height: 15px !important;
        /* ปรับขนาดความสูงของจุด */
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #232323 !important;
        /* สีของจุดที่เลือก */
    }

    .multiple-items .slick-dots li.slick-active button:before {
        color: #232323 !important;
        /* สีของจุดที่เลือก */
    }
}

/* xs mobile */
@media (max-width: 575.98px) {
    .name {
        font-size: 22px !important;
    }
    .breadcrumb {
        width: 130%;
        margin: 0 auto;
    }
    /* สำหรับ multiple-items */
    .multiple-items .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 15px !important;
        /* ปรับขนาดความกว้างของปุ่ม */
        height: 15px !important;
        /* ปรับขนาดความสูงของปุ่ม */
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .multiple-items .slick-dots li button:before {
        font-family: 'slick';
        font-size: 12px !important;
        /* ปรับขนาดของจุด */
        line-height: 40px !important;
        /* ความสูงของจุด */
        position: absolute;
        top: 0;
        left: 0;
        width: 15px !important;
        /* ปรับขนาดความกว้างของจุด */
        height: 15px !important;
        /* ปรับขนาดความสูงของจุด */
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #232323 !important;
        /* สีของจุดที่เลือก */
    }

    .multiple-items .slick-dots li.slick-active button:before {
        color: #232323 !important;
        /* สีของจุดที่เลือก */
    }

}