/*==== home css ====*/
@charset "UTF-8";

/* -------- CSS for HOME -------- */

.home-banner img {
    /* 	min-width: 1440px; */
    /* 	height: 460px; */
    width: 100%;
}

.box-advertising {
    height: 65px;
    border-radius: 5px;
    border: solid 1px #aec0bf;
    background-color: #ffffff;
    font-size: 1.15rem;
}

.box-style-info {
    padding: 0 10px;
}

.box-style-title {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #02031c;
    margin-bottom: 5px
}

.box-style-content {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e6563;
}

/*.carousel-control-prev {*/
/*    left: -8%;*/
/*}*/

/*.carousel-control-next {*/
/*    right: -8%;*/
/*}*/

/*.carousel-control-prev, .carousel-control-next {*/
/*    z-index: auto;*/
/*}*/

/*.carousel-control-prev-icon, .carousel-control-next-icon {*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    outline: black;*/
/*    background-size: 100%, 100%;*/
/*    background-image: none;*/
/*}*/

/*.carousel-control-next-icon:after {*/
/*    content: '>';*/
/*    font-size: 30px;*/
/*    color: red;*/
/*}*/

/*.carousel-control-prev-icon:after {*/
/*    content: '<';*/
/*    font-size: 30px;*/
/*    color: red;*/
/*}*/

.v-desktop ul {
    width: 100%;
}

.category-image .bottom_categoty{
    height: 50%;
    flex-grow: 0;
    transform: rotate(
            0deg
    );
    background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.category-image {
    border-radius: 8px;
    border-bottom: none;
    text-align: center;
    position: relative;
}

.category-image img {
    width: 100%;
    border-radius: 8px;
    object-fit: scale-down;
}

.category-title {
    text-align: center;
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.category-image:hover .category-title .text a{
    display: inline-block;
}
.category-title .text a{
    padding: 7px 30px;
    color: #f48473;
    border-radius: 4px;
    background-color: #ffffff;
    margin-top: 20px;
    display: none;
}
.category-title .name {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0.25px;
}

.category-title .count {
    font-family: Barlow;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
}

/*#modalPopup .modal-dialog .modal-content .modal-body {*/
/*    padding: 0 !important;*/
/*}*/

/*#modalPopup .modal-dialog .modal-content .modal-body button.close {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    font-size: 2rem;*/
/*}*/

/*==== end home css ====*/


@charset "UTF-8";

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-25 {
    font-size: 25px;
}

.fs-26 {
    font-size: 26px;
}

.fs-30 {
    font-size: 30px;
}

.fs-desktop {
    font-size: 1.25rem;
}

.fs-mobile {
    font-size: 1rem;
}