/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slider__wrapper { margin: 0 auto; } .slider__wrapper .slick-track { overflow: hidden; } .slider__content { display: flex !important; align-items: center; justify-content: flex-end; width: 100%; position: relative; min-height: 600px; height: 70vh; max-height: 1100px; } .slider__text { opacity: 0; transition: all 1s ease; background: rgba(white, .75); padding: 2.5em 4em; position: relative; left: 0; /* width: 40%; */ z-index: 1; opacity: 0; transition: all 1s linear; } .slider__text span { font-weight: 600; font-size: 1.5em; background: linear-gradient(151deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%); border-radius: 50%; line-height: 35px; width: 35px; display: block; text-align: center; color: white; } .slider__text h3 { /* font-weight: 600; font-size: 2em; display: inline-block; margin-bottom: 0; */ display: inline-block; font-size: 50px; color: #fff; font-weight: 700; max-width: 550px; margin-bottom: 20px; text-shadow: 0px -2px 4px #00000087; } .slider__text p { line-height: 2; } .slider__image { width: 100%; margin: 0; position: absolute; left: 0; right: 0; top: 0; } .slider__image:before { content: ""; /* padding-top: 56.25%; */ display: block; } .slider__image img { position: absolute; top: 0; left: 0; width: 0; min-height: 600px; height: 70vh; object-fit: cover; transition: all .75s ease; } .slick-arrow { position: absolute; bottom: 2em; right: 2em; z-index: 2; background: radial-gradient(circle, #0033a0 0, #000063 50%, #000e2b 85%); background-size: 100%; border: 0; width: 30px; height: 25px; text-indent: -9999px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); cursor: pointer; transition: all .5s ease; display: none !important; } .slick-arrow :hover { background-size: 190%; } .slick-prev { right: 5em; transform: rotate(-90deg); display: none; } .slick-next { transform: rotate(90deg); display: none; } .slick-active .slider__text { opacity: 1; } .slick-active .slider__image img { width: 100%; } .default-btn { opacity: 1; }