@font-face{
    font-family: DinAlternate;
    src: url(../font/Din-Alternate-Regular.otf);

    font-family: GESSMedium;
    src: url(../font/GE-SS-Medium.otf);
}
:root{
    --DinAlternate: 'DinAlternate', sans-serif;
    --GESSMedium: 'GESSMedium', sans-serif;
    --backgroundColor: #F8F0E3;
    --borderColor: #DDC297;
    --textColor: #BB8C33;
}

body {
    box-sizing: border-box;
    margin: 0;
}

.slider .inner-wrapper .left-side .title h2 { font-family: var(--DinAlternate);text-transform: uppercase;font-size: 50px;text-align: center; font-weight: 100;line-height: 1;color: var(--textColor); }
.slider .inner-wrapper { display: flex;align-items: center;justify-content: space-between; background-color: var(--backgroundColor);padding: 80px 0px;overflow-x: hidden; }
.slider .inner-wrapper .right-side { width: calc(110% - 762px); background-color: var(--lightBackground);position: relative; }
.slider .inner-wrapper .left-side { min-width: 740px; width: 740px; }
.slider .inner-wrapper .right-side .slick-arrow {position: absolute;left: -460px;top: 340px; }
.slider .inner-wrapper .right-side .slick-arrow.slick-next { margin-left: 75px; }
.slider .inner-wrapper .right-side .slick-arrow.slick-next:before { content: url(../images/next.png);opacity: 1; }
.slider .inner-wrapper .right-side .slick-arrow.slick-prev:before { content: url(../images/pre.png);opacity: 1; }
.slider .inner-wrapper .right-side .slick-arrow.slick-prev:before, 
.slider .inner-wrapper .right-side .slick-arrow.slick-next:before:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .15); }
.slider .inner-wrapper .right-side .img-box img { position: relative; object-fit: cover;overflow: hidden;width: 100%;object-position: center; }
.slider .inner-wrapper .right-side .img-box { margin: 0px 15px;overflow: hidden;min-height: 485px; border: 3px solid var(--borderColor);border-radius: 20px; }

html[lang="ar"] .slider .inner-wrapper .left-side .title h2 { font-family: var(--GESSMedium); }

@media(max-width:1520px){
    .slider .inner-wrapper .left-side .title h2 { font-size: 40px; }
    .slider .inner-wrapper .left-side { min-width: 520px; width: 520px; }
    .slider .inner-wrapper .right-side { width: calc(120% - 670px); } 
    .slider .inner-wrapper .right-side .slick-arrow {left: -340px; }
}
@media(max-width:1199px){
    .slider .inner-wrapper { display: block;padding: 20px 0px 100px; }
    .slider .inner-wrapper .right-side { width: 110%; }
    .slider .inner-wrapper .left-side { width: 100%;min-width: 100%; }
    .slider .inner-wrapper .right-side .slick-arrow { left: 50%;top: 50%;transform: translate(50%, 50%); }
    .slider .inner-wrapper .right-side .slick-arrow.slick-prev:before,
    .slider .inner-wrapper .right-side .slick-arrow.slick-next:before { position: absolute; left: 50%; bottom: -295px; transform: scale(0.6) translate(-190%, 0); }
    .slider .inner-wrapper .right-side .img-box { min-height: 425px; }
    .slider .inner-wrapper .right-side .slick-arrow.slick-next { margin-left: 55px; }
}
@media(max-width:991px){
    .slider .inner-wrapper .left-side .title h2 { font-size: 30px;line-height: 1.3; }
    .slider .inner-wrapper .right-side .slick-arrow.slick-prev:before, 
    .slider .inner-wrapper .right-side .slick-arrow.slick-next:before { bottom: -335px; }
}
@media(max-width:767px){
    .slider .inner-wrapper .left-side .title h2 { font-size: 20px; }
    .slider .inner-wrapper .right-side { width: 100%; }
    .slider .inner-wrapper .right-side .slick-arrow.slick-prev:before, 
    .slider .inner-wrapper .right-side .slick-arrow.slick-next:before { bottom: -295px; }
    .slider .inner-wrapper .right-side .img-box { min-height: 420px; }
    .slider .inner-wrapper .right-side .slick-arrow.slick-prev:before, 
    .slider .inner-wrapper .right-side .slick-arrow.slick-next:before { transform: scale(0.6) translate(-170%, 0); }
}