.banner-new.custom-image-carousel{.custom-carousel img{width:100%;height:auto}
.custom-carousel .slick-slide{margin:0 10px}
.custom-carousel{margin:0 -10px}
.slick-prev,.slick-next{position:static;transform:none;background:transparent;border:0;cursor:pointer;padding:10px;border-radius:50%;transition:background-color .3s ease}
.slick-prev:hover,.slick-next:hover{background-color:rgba(255,255,255,0.1)}
.slick-prev:focus,.slick-next:focus{outline:2px solid #007bff;outline-offset:2px}
.custom-arrows{display:flex}
.custom-carousel .slick-slide{transition:all .3s ease;opacity:.5}
.custom-carousel .slick-center{opacity:1}
.custom-carousel img{width:100%;border-radius:10px}
.carousel-wrapper{width:80%;margin:0 auto;overflow:hidden;position:relative}
.custom-carousel .slick-slide{transition:all .3s ease;opacity:1}
.custom-carousel .slick-center{opacity:1}
.custom-carousel img{width:100%;border-radius:10px}
.custom-carousel .slick-slide>div{padding:0 10px}
.custom-carousel{margin:0 -10px}
.carousel-wrapper{width:95%;margin:0 auto;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%)}
.custom-carousel img{width:100%;height:auto}
.slick-track{display:flex}
.carousel-item{position:relative;width:558px;height:297px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px}
.carousel-item::after{content:'';position:absolute;bottom:0;left:0;right:0;top:50%;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);z-index:1}
.carousel-data{position:absolute;bottom:0;box-sizing:border-box;padding-right:36px;padding-left:36px;padding-bottom:34px;z-index:2}
.carousel-data .heading{font-family:UniCredit;font-weight:700;font-size:30px;line-height:100%;letter-spacing:0;color:#fff;margin-bottom:14px}
.carousel-data .heading.on-dark{color:#fff}
.carousel-data .heading.on-light{color:#262626}
.carousel-data .subheading{font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;color:#fff;margin-bottom:14px}
.carousel-data .copytext{font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;color:#fff;margin-bottom:14px}
.carousel-data .link a{font-family:UniCredit;font-weight:700;font-size:14px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#fff;display:flex}
.carousel-data .link a::after{content:url('banner/img/arrow.png');position:relative;display:inline-block;height:100%;padding-left:2px}
.slick-prev,.slick-next{background:transparent;border:0;cursor:pointer;padding:10px;border-radius:50%;transition:background-color .3s ease}
.slick-prev:hover,.slick-next:hover{background-color:rgba(255,255,255,0.1)}
.slick-prev:focus,.slick-next:focus{outline:2px solid #007bff;outline-offset:2px}
.slick-prev::after{content:url('banner/img/left-btn.svg')}
.slick-next::after{content:url('banner/img/right-btn.svg')}
.carousel-title{font-family:UniCredit;font-weight:400;font-size:35px;line-height:36px;letter-spacing:-1%;vertical-align:bottom;color:#fff}
.carousel-header{margin-bottom:60px;margin-top:40px;justify-content:space-between}
.slick-track{display:flex !important}
}
@media only screen and (min-width:1025px) and (max-width:1440px){.banner-new.custom-image-carousel .slick-list{padding:0 20% !important}
}
@media only screen and (min-width:769px) and (max-width:1024px){.banner-new.custom-image-carousel .slick-list{padding:0 10% !important}
}
@media only screen and (max-width:768px){.banner-new.custom-image-carousel{.carousel-item{height:178px !important}
.carousel-wrapper{-webkit-mask-image:none !important;mask-image:none !important}
.slick-list{padding:0 10% !important}
.custom-arrows{display:none !important}
.carousel-title{font-size:35px !important}
.carousel-header{margin-bottom:20px !important;margin-top:30px !important}
.carousel-data .heading{font-size:24px !important}
.carousel-data .link a{font-size:12px !important}
.carousel-data .subheading{display:none !important}
.carousel-data .copytext{display:none !important}
.carousel-data{padding-right:24px !important;padding-left:24px !important;padding-bottom:22px !important}
.carousel-wrapper{width:100% !important}
}
}