.page-node-type-brand-sub-page .node header {
    padding: 0;
}

.page-node-type-brand-sub-page .block-system-main-block {
    padding: 0;
}

.div-custom-hero-carousel .div-slide {
    height: 500px;
}

.div-custom-hero-carousel .div-slide .img-cs-hero-carousel {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.div-custom-hero-carousel .slick-dots {
    display: block !important;
    width: 100% !important;
    bottom: 8% !important;
}

.div-carousel-arrows .slick-prev:before {
    font-size: 40px !important;
    color: #1c1c1c !important;
    opacity: 1;
    content: "\f104";
    font-family: "FontAwesome";
}

.div-carousel-arrows .slick-next:before {
    font-size: 40px !important;
    color: #1c1c1c !important;
    opacity: 1;
    content: "\f105";
    font-family: "FontAwesome";

}

.div-main-carousel-arrows {
    display: flex;
    justify-content: center;
}

.div-carousel-arrows button.slick-disabled {
    opacity: 0.3;
}

.div-carousel-arrows .prev-btn-cs-slider {
    background-color: #aaaaaa;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: auto;
    right: 5px;
}

.div-carousel-arrows .next-btn-cs-slider {
    background-color: #aaaaaa;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    right: auto;
}


.div-carousel-arrows .prev-btn-cs-slider:hover,
.div-carousel-arrows .prev-btn-cs-slider:focus,
.div-carousel-arrows .next-btn-cs-slider:hover,
.div-carousel-arrows .next-btn-cs-slider:focus
{
    outline: none;
    background-color: #aaaaaa;
}

.slick-dots li {
    margin: 8px 5px;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px !important;
    height: 14px !important;
    content: "" !important;
    border-radius: 50%;
    border: 2px solid white;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
    background: white;
}

.slick-dots {
    position: absolute;
    bottom: 50% !important;
    display: block;
    width: 20px !important;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    right: 1% !important;
    align-items: flex-end !important;
    transform: translateY(50%);
}

.slick-dotted.slick-slider
{
    margin-bottom: 0px !important;
}


@media screen and (max-width: 767px) {
    .slick-dots {
        position: absolute;
        bottom: 0px !important;
        width: auto !important;
        flex-direction: row !important;
        right: 50% !important;
        align-items: flex-end !important;
        transform: translate(50%, 0);
    }
}


.slick-prev:before {
    font-size: 40px !important;
    color: #1c1c1c !important;
    opacity: 1 !important;
    content: "\f104" !important;
    font-family: "FontAwesome" !important;
}

.slick-next:before {
    font-size: 40px !important;
    color: #1c1c1c !important;
    opacity: 1 !important;
    content: "\f105" !important;
    font-family: "FontAwesome" !important;

}

.prev-btn-cs-slider {
    background-color: transparent !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    left: 2% !important;
    z-index: 1;
}

.next-btn-cs-slider {
    background-color: transparent !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    right: 2% !important;
}


.prev-btn-cs-slider:hover,
.next-btn-cs-slider:hover
{
    outline: none !important;
    background-color: #1c1c1c !important;
    color: #fff !important;
}

.slick-next:hover:before,
.slick-prev:hover:before {
    color: #fff !important;
}

@media (max-width: 5000px) and (min-width: 3206px) {
    .div-custom-hero-carousel .div-slide {
        height: 1000px;
    }
}

@media (max-width: 3205px) and (min-width: 3046px) {
    .div-custom-hero-carousel .div-slide {
        height: 925px;
    }
}

@media (max-width: 3045px) and (min-width: 2885px) {
    .div-custom-hero-carousel .div-slide {
        height: 875px;
    }
}

@media (max-width: 2884px) and (min-width: 2660px) {
    .div-custom-hero-carousel .div-slide {
        height: 767px;
    }
}

@media (max-width: 2659px) and (min-width: 2465px) {
    .div-custom-hero-carousel .div-slide {
        height: 712px;
    }
}

@media (max-width: 2464px) and (min-width: 2305px) {
    .div-custom-hero-carousel .div-slide {
        height: 640px;
    }
}

@media (max-width: 2304px) and (min-width: 2140px) {
    .div-custom-hero-carousel .div-slide {
        height: 600px;
    }
}

@media (max-width: 2139px) and (min-width: 2005px) {
    .div-custom-hero-carousel .div-slide {
        height: 560px;
    }
}

@media (max-width: 2004px) and (min-width: 1921px) {
    .div-custom-hero-carousel .div-slide {
        height: 520px;
    }
}