.slider{position:relative;height:500px}.slider .navigation{position:absolute;top:50%;width:100%;max-width:50px;cursor:pointer}.slider .navigation.leftArrow{left:0}.slider .navigation.rightArrow{right:0}.slider .items ul{max-width:10000px;display:flex;align-items:center}.slider .items ul li{opacity:0;max-width:500px;width:100%;position:absolute;top:100%;z-index:1;transform:translateY(-50%);transition:all .5s linear 0s}.slider .items ul li.active{opacity:1;top:50%}.slider .items .content{max-width:450px;background:white;border-radius:5px;padding:30px;width:100%}.slider .items .content .heading{align-items:baseline;display:flex;flex-wrap:wrap}.slider .items .content .desg{color:#9ac53d;font-size:16px;vertical-align:middle}.slider .items .content h2{color:#9ac53d;font-size:26px;padding-bottom:20px}.slider .items .content .comment{color:#4f4f4f;font-size:18px;padding-bottom:20px}.slider .items .social-connet ul{display:flex;align-items:center;max-width:500px}.slider .items .social-connet li{padding:0;max-width:40px;width:100%;transform:none;position:relative;top:0;opacity:1}.slider .indicatiors{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}.slider .indicatiors ul{display:flex;align-items:center}.slider .indicatiors ul li{width:12px;height:12px;background:#ddd;border-radius:100%;margin:0 5px}.slider .indicatiors ul li.active{background:#9ac53d}.slider .bg-images ul{display:flex}.slider .bg-images ul li{width:100%;position:absolute;top:50%;transform:translateY(-50%);transition:all 1s linear 0s;opacity:0}.slider .bg-images ul li.active{opacity:1}.slider .bg-images ul li img{width:100%;height:500px;object-fit:cover;object-position:center}@media screen and (max-width:1199px){.slider .items ul li{margin-left:30px}}@media screen and (max-width:767px){.slider .items ul li{max-width:460px;left:50%;margin-left:0;transform:translate(-50%,-50%)}.slider{margin-top:170px}}@media screen and (max-width:479px){.slider .items ul li{max-width:370px}.slider .items .content .heading{margin-bottom:15px}.slider .items .content h2{padding-bottom:10px}.slider .items .content{padding:20px;width:90%;margin:0 auto}}