/* Slide */
 .widget-slick-carousel.widget-instance-40 {
    padding: 0;
 }

 .main-slide {
     width: 100%;
     overflow: hidden;
     position: relative;
     margin: 0 !important;
     padding: 0;
 }

 .main-slide .slick-list {
     margin: 0 !important;
     padding: 0 !important;
     overflow: visible;
 }

 .main-slide .slick-track {
     margin: 0 !important;
     padding: 0 !important;
 }

 .main-slide .slick-slide {
     margin: 0;
     padding: 0;
 }

 .main-slide .slick-slide>div {
     margin: 0;
     padding: 0;
 }

 .main-slide .bg-home {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     aspect-ratio: 1920 / 500;
     position: relative;
     margin: 0;
     padding: 0;
     display: block;
 }

 .main-slide .custom-arrow {
     background: #a0b6ff;
     border: none;
     border-radius: 50%;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     z-index: 2;
     transition: background 0.3s, transform 0.3s;
 }

 .main-slide .custom-arrow:hover {
     background: #a0b6ff;
     transform: translateY(-50%) scale(1.1);
 }

 .main-slide .slick-prev,
 .main-slide .slick-next {
     background: transparent;
     border: none;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     z-index: 2;
 }

 .main-slide .slick-prev:before,
 .main-slide .slick-next:before {
     content: '';
 }


 .main-slide .slick-prev {
     left: 10px;
 }

 .main-slide .slick-next {
     right: 10px;
 }

 .main-slide .slick-prev svg,
 .main-slide .slick-next svg {
     width: 50px;
     height: 37px;
 }

 /* Dots slide */
 .main-slide .slick-dots {
     position: absolute;
     bottom: 22px;
     left: 50%;
     transform: translateX(-50%);
     display: flex !important;
     justify-content: center;
     align-items: center;
     gap: 8px;
     margin: 0;
     padding: 0;
     list-style: none;
     width: max-content;
 }

 /* Reset mặc định của Slick */
 .main-slide .slick-dots li {
     margin: 0;
     padding: 0;
     width: auto;
     height: auto;
 }

 /* Dot button */
 .main-slide .slick-dots li button {
     width: 16px;
     height: 16px;
     padding: 0;
     border-radius: 50%;
     border: 2px solid #a0b6ff;
     background-color: transparent;
     font-size: 0;
     outline: none;
     cursor: pointer;
 }

 /* Dot active */
 .main-slide .slick-dots li.slick-active button {
     background-color: #a0b6ff;
     transform: scale(1.1);
 }

 .main-slide .slick-dots li button:before {
     content: none !important;
 }

 .main-slide .info-slideshow {
     position: absolute;
     bottom: 70px;
     right: 0;
     background-color: #0009;
     padding: 40px 30px;
     text-align: right;
 }

.main-slide .name-slideshow {
    margin: 0;
    padding: 0;
}

.main-slide .name-slideshow a,
.main-slide .name-slideshow span {
    font-size: 35px;
    letter-spacing: 1px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Saira";
    display: inline-block;
}

/* Description slideshow */
.main-slide .desc-slideshow {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.main-slide .desc-slideshow.text-split-1 {
    display: block;
}

/* Transition class */
.main-slide .transition {
    transition: all 0.3s ease;
}

/* Slide item link wrapper */
.main-slide .slide-item-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.main-slide .slide-item-link:hover {
    text-decoration: none;
}

 .main-slide .slide-item~.slide-item {
     display: none;
 }

 .main-slide.slick-initialized .slide-item~.slide-item {
     display: block;
 }

 @media (max-width: 1199px) {

     .main-slide .info-slideshow {
         bottom: 40px;
         padding: 28px 24px;
     }

     .main-slide .name-slideshow a {
         font-size: 28px;
         line-height: 32px;
     }
 }

 @media (max-width: 991px) {
     .main-slide .slick-list {
         overflow: hidden;
     }

     .main-slide .custom-arrow {
         width: 42px;
         height: 42px;
     }

     .main-slide .info-slideshow {
         display: none;
     }
 }

 @media (max-width: 767px) {
     .main-slide .info-slideshow {
         margin: 16px;
         padding: 18px;
         font-size: 14px;
     }

     .main-slide .name-slideshow a {
         font-size: 20px;
         line-height: 28px;
     }
 }

 @media (max-width: 575px) {
     .main-slide .custom-arrow {
         display: none;
     }

     .main-slide .info-slideshow {
         margin: 10px;
         padding: 16px;
     }
 }

 /* End slide */