
:root {
	--main-text-color:rgba(0,0,0,1);
	--secondary-text-color:rgba(244, 215, 164, 1);
	--main-bg-color:rgba(25, 92, 75, 1);
	--main-title-color:rgba(25, 92, 75, 1);
	--link-main-color:rgba(25, 92, 75, 1);
	--link-hover-color:rgba(244, 215, 164, 1);
	--button-main-color:rgba(244, 215, 164, 1);
	--button-secondary-color:rgba(25, 92, 75, 1);
	--decoration-color:rgba(244, 215, 164, 1);
	--btn-secondary-main-color:rgba(25, 92, 75, 1);
	--btn-secondary-hover-color:rgb(42, 154, 128);
	--alert-color:#c3033d;
}
html {
	margin-top:60px!important;
}
body,html {
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-optical-sizing: auto;
	font-variant-numeric: lining-nums;
}
a,
a:visited {
    color:var(--link-main-color);
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: none;
	outline: 0;
}
img,
video {
	display: flex;
	max-width: 100%;
	height: auto;
}
ul {
	display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 20px;
    unicode-bidi: isolate;
}
h1,h2 {
	font-family: 'Playfair', serif;
	font-weight: 700;
	line-height: 120%;
}
h3,h4,h5 {
	font-family: 'Raleway', sans-serif;
	line-height: 120%;
	font-weight: 600;
	line-height: 120%;
}
h1 {
	font-size:3rem;
	margin-top:1rem;
	margin-bottom:0.5rem;
    hyphens: auto;
    overflow-wrap: break-word;
}
h2 {
	font-size:2.75rem;
	margin-top:1.5rem;
	margin-bottom:0.75rem;
    hyphens: auto;
    overflow-wrap: break-word;
}
h3 {
	font-size:2.125rem;
	margin-top:1.5rem;
	margin-bottom:0.75rem;
    hyphens: auto;
    overflow-wrap: break-word;
}
h4 {
	font-size:1.25rem;
	margin-top:1rem;
	margin-bottom:0.5rem;
}
h2.has-border {
    font-size: 3rem;
    margin-top:0;
    margin-bottom: 3rem;
    padding-bottom: 1.125rem;
    border-bottom: 2px solid;
    line-height: 120%;
    color:var(--main-title-color);
}
ul.column-style {
	column-count: 2;
    column-gap: 75px;
	column-fill: balance;
	break-after: avoid;
}
ul.column-style li {
	margin-bottom: 1rem;
}
.flex-inline {
    display: flex;
    gap: 10px;
}
.note {
    font-style: italic;
}
.note.warning-note {
    background-color: #f3d7a4;
    padding: 7px;
    border-radius: 7px;
    display: inline;
}
.table-wrap {
    overflow-x: auto;
}
.table-wrap table {
    width: 100%;
    min-width: 600px;
    margin:15px 0;
}
.table-wrap table tr th {
    border-bottom: 1px solid #666666;
    padding: 3px 10px;
}
.table-wrap table tr td {
    padding: 3px 10px;
    border-bottom: 1px dashed #999999;
}
.header {
    position: fixed;
    display: flex;
    align-items: center;
    background-color: var(--main-bg-color);
    color:var(--secondary-text-color);
    height: 60px;
    width: 100%;
    top:0;
    left:0;
    z-index: 900;
}
.header-line {
    align-items: center;
    font-weight: 400;
}
.header-nav-button {
    display: flex;
    gap:0.5rem;
}
.header-nav-button {
    cursor: pointer;
}
.header-nav-button .header-nav-button__btn {
    background: url(../images/menu-button-close.svg) 50% 50% no-repeat;
    height: 23px;
    width: 23px;
    flex: 0 0 23px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.header-nav-button.active .header-nav-button__btn {
    background: url(../images/menu-button-open.svg) 50% 50% no-repeat;
    transform: rotate(0);
}
.header-nav-button__text {
    font-size: 1.125rem;
    text-transform: uppercase;
}
.header-contacts-phones,
.header-contacts-email {
    font-size: 1.125rem;
    margin-right: 3.175rem;
}
.header-contacts-phones span,
.header-contacts-email span {
    display: block;
    font-size: 0.875rem;
}
.header-contacts-phones a:hover,
.header-contacts-email a:hover {
    border-bottom: 1px solid;
}
.header-line a,
.header-line a:visited {
    color: var(--link-hover-color);
}
.header-line a:hover,
.header-line a:focus {
    border-bottom: 1px solid;
}
.header-nav-menu {
    position: fixed;
    left: -999px;
    top: 60px;
    max-width: 390px;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.header-nav-menu.active {
    left: 0;
}
.header-nav-menu__logo {
    display: flex;
    margin-top:2.5rem;
    justify-content: center;
}
.header-nav-menu .menu-main-menu-container {
    margin-top:2.5rem;
}
.header-nav-menu .menu {
    list-style: none;
    margin: 0 0 0 80px;
    padding: 0 30px;
}
.header-nav-menu .menu .menu-item {
    margin-bottom: 15px;
}
.header-nav-menu .menu .menu-item a,
.header-nav-menu .menu .menu-item a:visited {
    font-family: 'Playfair', serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--link-main-color);
}
.header-nav-menu .menu .menu-item a:hover,
.header-nav-menu .menu .menu-item a:focus {
    color: var(--link-main-color);
    border-bottom: 1px solid;
}
.breadcrumbs {
    margin-top: 2.5rem;
    margin-bottom: 1.75rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--main-title-color);
}
.breadcrumb a,
.breadcrumb a:visited {
    color: #000000;
    border-bottom: 1px solid;
}

.breadcrumb a:hover,
.breadcrumb a:hover {
    color:var(--link-main-color);
    border-bottom: 1px solid;
}
.page-main-title {
    font-size: 5rem;
    font-weight: 900;
    text-align: center;
    color: var(--main-title-color);
    margin: 0 0 2.375rem 0;
}
.page-single-title {
    font-size: 4rem;
    font-weight: 900;
    text-align: center;
    color: var(--main-title-color);
    margin: 0 0 2.375rem 0;
}
.page-subscription {
    font-size: 1.5rem;
    line-height: 160%;
    max-width: 780px;
    text-align: center;
    margin: 0 auto 3rem auto;
}
.archive-description {
    font-size: 1.25rem;
    line-height: 140%;
    max-width: 900px;
    text-align: center;
    margin: 0 auto 3rem auto;
}
.archive-rooms {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(372px, 1fr));
    grid-gap: 20px;
    margin-bottom: 6.875rem;
}
.archive-rooms .archive-room {
    margin-bottom: 3.125rem;
}
.archive-room {
    display: flex!important;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 0 1px #000000;
    border-radius: 12px;
    overflow: hidden;
}
.archive-room__preview {
    overflow: hidden;
}
.archive-room__preview img {
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.archive-room__preview img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5);
}
.archive-room__title {
    font-family: 'Playfair', serif;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0.938rem 1.25rem;
    line-height: 140%;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    max-width: 75%;
}
.archive-room__title a:hover {
    border-bottom: 1px solid;
}
.archive-room__info {
    display: flex;
    gap:16px;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1.25rem 1.125rem 1.25rem;
    margin-top:auto;
}
.archive-room__info__cost {
    margin-left: auto;
}
.archive-room__info__square,
.archive-room__info__place {
    display: flex;
    gap:5px;
    align-items: baseline;
}
.archive-room__info__square::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../images/square.svg) 0 0 no-repeat;
    background-size: contain;
}
.archive-room__info__place::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../images/place.svg) 0 0 no-repeat;
    background-size: contain;
}
.archive-room__action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.25rem 1.25rem 1.25rem;
}
.archive-room__action .archive-room__action__readmore a,
.archive-room__action .archive-room__action__readmore a:visited {
    color: #000000;
    border-bottom: 1px solid;
}
.archive-room__action .archive-room__action__readmore a:hover,
.archive-room__action .archive-room__action__readmore a:focus {
    color:var(--link-main-color);
    border-bottom: 1px solid;
}
.archive-room__action .btn.archive-room__action__booking-btn {
    max-width: 158px;
    height: 28px;
}
.room-single-description {
    font-size: 1.25rem;
    line-height: 140%;
    margin-top:26px;
}
.front-slide {
    position: relative;
    overflow: hidden;
}
.front-slide__image {
    aspect-ratio: 16/7;
    object-fit: cover;
    width: 100%;
    -webkit-transition: 6s ease-out;
    transition: 6s ease-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.front-slide__image.loaded {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.front-slide__icon {
    position: absolute;
    text-align: center;
    top:60px;
    left:50%;
    transform: translateX(-50%);
    z-index: 10;
}
.front-slide__title {
    position: absolute;
    z-index: 10;
    top:268px;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    font-family: 'Playfair', serif;
    font-size: 3rem;
    font-weight: 900;
    color:#ffffff;
    letter-spacing: 0.1rem;
}
.booking-form {
    position: relative;
    box-sizing: content-box;
    background-color: #ffffff;
    border:20px solid var(--decoration-color);
    margin-top:-75px;
    height: 110px;
}
.booking-form .b-start {
    box-shadow: none!important;
}
.inform-group,
.custom-inform-group {
    font-size: 1.375rem;
    line-height: 160%;
}
.inform-group h2,
.custom-inform-group h2 {
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 3rem;
    padding-bottom: 1.125rem;
    border-bottom: 2px solid;
    line-height: 120%;
    color: var(--main-title-color);
}
.inform-group img,
.custom-inform-group img {
    border-radius: 12px;
}
.inform-group video,
.custom-inform-group video {
    max-width: 100%;
    aspect-ratio: 427 / 285;
    object-fit: cover;
    border-radius: 12px;
}
.inform-group__line,
.custom-inform-group__line {
    margin-bottom: 4rem;
}
.inform-group__before-media,
.custom-inform-group__before-media {
    margin-top:12px;
    margin-bottom: 48px;
}
.custom-inform-group hr {
    border-style: solid;
    border-width: 1px;
    color:var(--main-title-color);
    margin-bottom: 60px;
}
.block-slogan {
    text-align: center;
    font-family: 'Playfair', serif;
    font-size: 2.25rem;
    font-weight: 700;
    margin:4.375rem 0;
    line-height: 120%;
    letter-spacing: 0.1rem;
}
.block-rooms {
    margin-top:4rem;
    padding:4rem 0;
    background-color: rgb(244, 215, 164, 0.4);
}
.block-rooms-title {
    font-size: 3rem;
    margin-top:0;
    margin-bottom: 3rem;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid;
    line-height: 120%;
    color:var(--main-title-color);
}
.block-custom {
    padding:90px 0;
}
.block-custom__main-title {
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1.125rem;
    line-height: 120%;
    color: var(--main-title-color);
}
.block-custom-text {
    font-size: 1.375rem;
    line-height: 160%;
}
.block-restoran {
    background: rgba(25, 92, 75, 0.1);
    padding:90px 0;
}
.block-contacts {
    margin:100px 0;
}
.block-contacts a,
.block-contacts a:visited {
    border-bottom: 1px solid transparent;
}
.block-contacts a:hover,
.block-contacts a:focus {
    border-bottom: 1px solid;
}
.block-contacts-address,
.block-contacts-phone,
.block-contacts-email {
    font-size: 1.375rem;
    line-height: 140%;
    margin-bottom: 1rem;
}
.block-contacts-address {
    margin-top:2rem;
}
.block-contacts-social {
    display: flex;
    margin-top:41px;
    gap:10px;
}
.block-contacts-rekvizits {
    margin-top:64px;
    line-height: 160%;
}
.block-events {
    padding: 90px 0;
}
.rooms-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(31.333333%, 1fr));
    grid-gap: 20px;
}
.rooms-list-item {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: #ffffff;
    padding: 2rem;
}
.rooms-list-item .rooms-list-item__img img {
    display: inline-block;
    border-radius: 12px;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    aspect-ratio: 2.7/3;
    object-fit: cover;
}

.rooms-list-item .rooms-list-item__img img:hover {
    -webkit-filter:saturate(2.0);
    filter:saturate(2.0);
}
.rooms-list-item .rooms-list-item__title {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    margin-top:30px;
    margin-bottom: 14px;
    color:var(--main-title-color);
}
.rooms-list-item .rooms-list-item__title a:hover,
.rooms-list-item .rooms-list-item__title a:focus {
    border-bottom: 1px solid;
}
.rooms-list-item .rooms-list-item__excerpt {
    font-size: 1rem;
    line-height: 140%;
    margin-bottom: 1.25rem;
}
.rooms-list-item .rooms-list-item__cost {
    font-weight: 500;
    margin-bottom: 1rem;
}
.rooms-list-item .rooms-list-item__booking {
    margin-top: auto;
}
.rooms-list-item .rooms-list-item__booking-btn {
    height: 48px;
    border-radius: 8px;
}
.room-info-wrap {

}
.room-info {
    margin-top:34px;
    padding:20px 30px;
    background: rgb(25, 92, 75, 0.1);
    border-radius: 20px;
}
.room-info__option {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}
.room-info__option strong {
    color: var(--main-title-color);
    font-weight: 700;
}
.room-info-action {
    margin-top:auto;
    padding-top:34px;
    text-align: center;
}
.room-comfort {
    margin-top:34px;
    padding:0 20px;
}
.room-comfort__title {
    font-size: 1.5rem;
    font-weight: 700;
    color:var(--main-title-color);
    margin-top: 0;
    margin-bottom: 15px;
}
.room-comfort-items {
    padding: 0;
    max-width:90%;
}
.room-comfort-items li {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    line-height: 140%;
}
.room-comfort-items li::marker {
    color: #195C4B;
}
.other-rooms {
    margin-top:100px;
    padding:50px 0;
    background-color: rgb(244, 215, 164,0.4);
}
.other-rooms-slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.other-rooms-slider .slick-slide {
    padding: 10px;
}
.other-rooms-slider .slick-track {
    height: 430px;
}
.other-rooms-slider .archive-room {
    height: 100%;
}
.other-rooms-slider .slick-slide > div {
    height: 100%;
}
.events-format-items {
    display: flex;
    flex-wrap: wrap;
}
.events-format-item {
    width: calc(33.333333% - 1.25rem);
    flex: 0 0 auto;
    padding:1.875rem 1.25rem;
    font-size: 1.25rem;
    box-sizing: border-box;
    margin: 10px;
}
.events-format-item-border {
    border: 1.5px solid #195C4B;
    border-radius: 16px;
    background: url(../images/pattern.svg) 100% 0 repeat-y;
}
.events-format-item h3 {
    font-family: 'Playfair', serif;
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
}
footer {
    background-color: var(--main-bg-color);
	color:#ffffff;
	padding:45px 0;
}
footer a,
footer a:visited {
    color:var(--link-hover-color);
}
footer a:hover,
footer a:focus {
    color:var(--link-hover-color);
	border-bottom: 1px solid;
}
.footer-copyright {
    font-size: 0.75rem;
    margin-top:10px;
}
.footer-subinfo {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
}
.footer-address {
    max-width: 280px;
}
.footer-address,
.footer-contacts {
    line-height: 120%;
}
.footer-custom-links {
    font-size: 0.75rem;
}
.footer-social-links .social-icons {
    justify-content: center;
}
.footer-nav .menu {
    margin: 0 90px 40px 0;
    padding: 0;
    list-style: none;
}
.footer-nav .menu a,
.footer-nav .menu a:visited {
    font-size: 1.125rem;
    color:#ffffff;
}
.footer-nav .menu a:hover,
.footer-nav .menu a:focus {
    color:var(--link-hover-color);
    border-bottom: 1px solid;
}
.footer-nav .menu .menu-item {
    margin-bottom: 16px;
}
.social-icons {
    display: flex;
    gap:15px;
    justify-content: flex-end;
}
.social-icons .social-icon a:hover,
.social-icons .social-icon a:focus {
    border-bottom: 0;
}
.social-icons .social-icon-color svg circle {
    fill:#F4D7A4;
}
.social-icons .social-icon-color svg path {
    fill:#195C4B;
}
.social-icons .social-icon-color.wa-icon svg path {
    fill:#F4D7A4;
}
.social-icons .social-icon-white svg circle {
    fill:#ffffff;
}
.social-icons .social-icon-white svg path {
    fill:#195C4B;
}
.social-icons .social-icon-white.wa-icon svg path {
    fill:#ffffff;
}
.pyramid-slider-slick .slick-arrow {
    position: absolute;
    background: url('../images/icon-arrow.png');
    background-size: cover;
    opacity: 0.0;
    width:50px;
    height:50px;
    top:50%;
    margin-top:-25px;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
    z-index: 90;
}
.pyramid-slider-slick:hover .slick-arrow {
    opacity: 1.0;
}
.pyramid-slider-slick .slick-arrow.slick-prev {
    transform: rotate(-180deg);
    left:15px;
}
.pyramid-slider-slick .slick-arrow.slick-next {
    right:15px;
}
.pyramid-slider-slick .slick-list {
    padding: 30px 0!important;
}
.pyramid-slider-slick .slick-slide {
    position: relative;
    aspect-ratio: 5.7 / 3.8;
    object-fit: cover;
    max-width: 570px;
    transform: scale(1.0);
    transition: 0.3s linear;
    opacity: 0.5;
    z-index: 5;
}
.pyramid-slider-slick .slick-slide.slick-active {
    transform: scale(1.1);
    opacity: 0.75;
    z-index: 10;
}
.pyramid-slider-slick .slick-slide.slick-current {
    transform: scale(1.2);
    opacity: 1.0;
    z-index: 20;
}
.video-preview {
    position: relative;
}
.video-preview .play-button {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: url('../images/video_player.svg') 50% 50% no-repeat;
    cursor: pointer;
    z-index: 90;
}
.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}
.text-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.pull-right {
    display: flex;
    justify-content: flex-end;
}
.pull-between {
    display: flex;
    justify-content: space-between;
}
.slick-arrow {
	cursor: pointer;
	background: transparent;
	border: 0;
}
.slick-prev,
.slick-next {
	font-size: 2rem;
	max-width: 50px;
	height: 50px;
}
.slick-arrow:hover {
	color:var(--link-main-color);
}
.simple-text {
	font-size: 1.125rem;
    line-height: 160%;
}
.middle-text {
	font-size: 1.375rem;
    line-height: 160%;
}
.extra-text {
	font-size: 1.5rem;
}
.decoration-text {
	background-color: rgb(25 92 75 / 10%);
	padding:30px;
	border-radius: 20px;
}
.border-round {
	border-radius: 12px;
	overflow: hidden;
}
.icon {
    display: flex;
    gap:1rem;
    align-items: anchor-center;
}
.icon.icon-geo::before {
    display: block;
    content: "";
    height: 38px;
    width: 32px;
    flex: 0 0 32px;
    background: url(../images/icon-geo.svg) 0 50% no-repeat;
    background-size: contain;
}
.icon.icon-phone::before {
    display: block;
    content: "";
    height: 30px;
    width: 32px;
    flex: 0 0 32px;
    background: url(../images/icon-phone.svg) 0 50% no-repeat;
    background-size: contain;
}
.icon.icon-email::before {
    display: block;
    content: "";
    height: 21px;
    width: 32px;
    flex: 0 0 32px;
    background: url(../images/icon-email.svg) 0 50% no-repeat;
    background-size: contain;
}
.slick-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    bottom:40px;
    width:100%;
    z-index: 90;
}
.slick-dots li {
    background: rgba(255, 255, 255, 0.75);
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.slick-dots li:hover,
.slick-dots li:focus,
.slick-dots li.slick-active {
    cursor: pointer;
    background: rgba(255, 255, 255, 1.0);
}
.slick-dots button {
    display: none;
}
.slider-vertical {
    display: flex;
}
.slider-vertical .slider-for {
    flex: 0 0 80%;
    max-width: 80%;
    width: 80%;
}

.slider-vertical .slider-for div {
    height: 100%;
}

.slider-vertical .slider-for .slick-slide > div {
    margin-right: 20px;
    padding-bottom: 20px;
}

.slider-vertical .slider-for .slick-slide img {
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 20px;
    height: 100%;
    width: 100%;
}
.slider-vertical .slider-nav {
    flex: 0 0 20%;
    max-width: 20%;
    width: 20%;
}
.slider-vertical .slider-nav .slick-track {
    margin: -10px 0;
}

.slider-vertical .slider-nav .slick-slide img {
    aspect-ratio: 5/4;
    object-fit: cover;
    border-radius: 12px;
}
.slider-vertical .slider-nav .slick-arrow {
    position: absolute;
    opacity: 0.0;
    width: 30px;
    height: 30px;
    z-index: 90;
    left: 50%;
    margin-left: -15px;
    background-size: cover!important;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.slider-vertical .slider-nav .slick-prev {
    background: url(../images/icon-arrow-up.webp) 0 0 no-repeat;
    top: 10px;
}

.slider-vertical .slider-nav .slick-next {
    background: url(../images/icon-arrow-down.webp) 0 0 no-repeat;
    bottom: 30px;
}

.slider-vertical .slider-nav:hover .slick-arrow,
.slider-horizontal .slider-nav:hover .slick-arrow {
    opacity: 1.0;
}

.slider-vertical .slick-vertical .slick-slide {
    padding: 10px 0;
    border: 0;
    margin-bottom: 0;
}

.slider-vertical .slick-slide > div,
.slider-horizontal .slick-slide > div {
    display: flex;
}
.slider-horizontal .slider-nav {
    margin:20px -10px;
}
.slider-horizontal .slider-nav .slick-slide {
    padding: 0 10px;
}
.slider-horizontal .slider-for img {
    border-radius: 20px;
}
.slider-horizontal .slider-nav img {
    border-radius: 12px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.slider-horizontal .slick-prev, .slider-horizontal .slick-next {
    position: absolute;
    opacity: 0.0;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    background-size: cover!important;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    z-index: 90;
}
.slider-horizontal .slick-prev {
    left: 20px;
}
.slider-horizontal .slick-next {
    right:20px;
}
.slider-horizontal .slider-nav .slick-prev {
    background: url(../images/icon-arrow-up.webp) 0 0 no-repeat;
    transform: rotate(-90deg);
}
.slider-horizontal .slider-nav .slick-next {
    background: url(../images/icon-arrow-down.webp) 0 0 no-repeat;
    transform: rotate(-90deg);
}