.landing_page,.utility_landing_page{&.rental_red{& #promoSlider{& h2{color:#fff}}}& #promoSlider{& h2{color:var(--color-cat-yellow);font-family:var(--font-family-roboto);letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:32px;padding:32px 0 0;font-size:1.125em;font-weight:600;line-height:105%}}& .home-promo-slider{background:#000;& .home-promo-slider{background:0 0;&:after{display:none}}&:after{display:none}}}.home-promo-slider{z-index:3;background:url(/wp-content/themes/warren-cat/assets/images/mid-texture.jpg) top;position:relative;& .home-promo-slider{background:0 0;&:after{display:none}}& .container{margin:0 auto;max-width:1328px!important;padding:0!important}& p,& h2,& h3,& h4,& h5,& h6,& ul,& li,& a{margin:0}& h2{color:var(--color-cat-yellow);font-family:var(--font-family-roboto);letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:60px;font-size:1.125em;font-weight:600;line-height:105%;@media screen and (width>=768px){&{margin-bottom:50px}}}& .promo-cards{box-sizing:content-box;flex-wrap:wrap;gap:24px;max-width:1328px;margin:0 auto;padding:0 24px;display:flex;& .promo{color:#fff;box-sizing:border-box;border-radius:10px;align-content:end;width:411px;height:330px;padding:36px 32px;text-decoration:none;transition:all .3s ease-in-out;position:relative;overflow:hidden;& .flag{font-family:var(--font-family-roboto);padding:2px 17px;font-size:1em;font-weight:400;display:block;position:absolute;top:0;left:0;text-transform:capitalize!important;&.offer{display:none!important;&:after{content:"";display:none!important}}&.buy,&.service{background:var(--color-cat-yellow);color:#000;&:after{content:"";border-top:29px solid var(--color-cat-yellow);border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}&.parts{background:var(--color-cat-yellow);color:#000;&:after{content:"";border-top:29px solid var(--color-cat-yellow);border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}&.rent{color:var(--color-rental-red);background:#fff;&:after{content:"";border-top:29px solid #fff;border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}&.technology{color:#ffc820;background:#000;&:after{content:"";border-top:29px solid #000;border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}}& h3{font-size:44px;font-family:var(--font-family-univers);z-index:2;text-transform:uppercase;margin-bottom:12px;font-weight:750;line-height:100%;position:relative;@media screen and (width>=768px){&{font-size:52px}}}& p{z-index:2;font-size:18px;font-weight:700;line-height:100%;position:relative;@media screen and (width>=768px){&{font-size:20px}}}& .details{z-index:2;grid-template-rows:0fr;margin-top:8px;font-size:1em;transition:grid-template-rows .3s ease-in-out;display:grid;position:relative;& div{grid-gap:16px;grid-template-columns:1fr 115px;display:grid;overflow:hidden;&>span{background:var(--color-cat-yellow);color:#000;border-radius:10px;grid-template-columns:1fr 20px;align-items:center;padding:4px 12px;display:none;@media screen and (width>=1000px){&{display:grid}}& .arrow-right{display:grid;& svg{& path{stroke:#000}}}}}& p{font-size:.875em;font-weight:400}}&.hide-content{& h3,& p,& .details span{display:none}}&:after{content:"";background:linear-gradient(#0000 0%,#000000e6 100%);width:100%;display:block;position:absolute;inset:0}&:hover{width:75%;transition:all .5s ease-in-out;background-size:cover!important;& .details{grid-template-rows:1fr}}}& .promo-row{gap:24px;width:fit-content;display:none;@media screen and (width>=768px){&{width:100%;display:flex}}&.row-1{& .promo{width:627px;margin:0 auto;background-size:cover!important;&:hover{width:700px;transition:all .5s ease-in-out;background-size:cover!important;& .details{grid-template-rows:1fr}}}}&.row-2{& .promo{width:627px;background-size:cover!important;&:hover{width:75%;transition:all .5s ease-in-out;background-size:cover!important;& .details{grid-template-rows:1fr}}}}&.row-3{& .promo{width:411px;background-size:cover!important;&:hover{width:75%;transition:all .5s ease-in-out;background-size:cover!important;& .details{grid-template-rows:1fr}}}}}}& .mobile-promos{display:block;@media screen and (width>=768px){&{display:none}}& .promo{color:#fff;border-radius:10px;align-items:end;height:250px;margin:0 5px 45px;padding:24px;text-decoration:none;display:grid;position:relative;overflow:hidden;background-size:cover!important;&:hover{& .details{grid-template-rows:1fr}}& .flag{font-family:var(--font-family-roboto);padding:2px 17px;font-size:1em;font-weight:400;display:block;position:absolute;top:0;left:0;text-transform:capitalize!important;&.offer{display:none!important;&:after{content:"";display:none!important}}&.buy,&.service{background:var(--color-cat-yellow);color:#000;&:after{content:"";border-top:29px solid var(--color-cat-yellow);border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}&.rent{color:var(--color-rental-red);background:#fff;&:after{content:"";border-top:29px solid #fff;border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}&.technology{color:#ffc820;background:#000;&:after{content:"";border-top:29px solid #000;border-right:16px solid #0000;width:0;height:0;position:absolute;top:0;right:-15px}}}& h3{font-size:44px;font-family:var(--font-family-univers);z-index:2;text-transform:uppercase;margin-bottom:12px;font-weight:750;line-height:100%;position:relative;@media screen and (width>=768px){&{font-size:52px}}}& p{z-index:2;font-size:18px;font-weight:700;line-height:100%;position:relative;@media screen and (width>=768px){&{font-size:20px}}}&:after{content:"";background:linear-gradient(#0000 0%,#000000e6 100%);width:100%;display:block;position:absolute;inset:0}}& .slick-dots{text-align:center;margin:0;padding:0;list-style:none;& li{display:inline-block;&.slick-active{& button{background:var(--color-cat-yellow)}}& button{border:2px solid var(--color-cat-yellow);background:0 0;border-radius:14px;width:14px;height:14px;margin:0 4px;font-size:0;@media screen and (width>=375px){&{margin:0 8px}}}}}& .slick-prev,& .slick-next{background:url(/wp-content/themes/warren-cat/assets/images/slider-arrow-right.svg) 50%/contain no-repeat;border:0;width:48px;height:48px;font-size:0;position:absolute;bottom:-17px}& .slick-prev{left:24px;transform:rotate(180deg)}& .slick-next{right:24px}}& .slick-disabled{opacity:.2}& .sub-links{flex-wrap:wrap;justify-content:center;gap:20px;padding:36px 24px;display:flex;@media screen and (width>=375px){&{flex-wrap:nowrap}}& a{color:#fff;align-items:center;text-decoration:none;display:flex;&:hover{& .arrow-right{right:-5px}}& .arrow-right{transition:right .3s ease-in-out;display:grid;position:relative;right:0;& path{stroke:#fff}}}}&>svg{fill:#1d1103;width:100%;height:auto;position:absolute}&:after{content:"";z-index:-1;background:linear-gradient(#0000 1.37%,#1d1101 100%);width:100%;height:200px;display:block;position:absolute;bottom:0;left:0;right:0}}