.customDesign .gallerySection{background:#000;padding:30px 0}
@media screen and (min-width:767px){.customDesign .gallerySection{background:#000 url("/_motorcycle_assets/f2ffd7589a7599c59b481472.png") no-repeat right bottom}
}
.customDesign .story{max-width:1000px;margin:0 auto;z-index:0}
@media screen and (min-width:767px){.customDesign .story::after{content:"";background:url("/_motorcycle_assets/a7d6aeee6075081b50594974.png") no-repeat right 20px;background-size:47%;display:block;width:100%;height:100%;position:absolute;right:0;top:0;z-index:-1}
}
.customDesign .story__slider{width:100%;height:100vh;overflow:hidden}
.customDesign .story__slide{position:relative;position:relative;height:90vh;z-index:0;display:flex;align-items:center;justify-content:center;gap:4%}
.customDesign .story__slide .item.youtube{width:100%}
.customDesign .story__slide video,.customDesign .story__slide img,.customDesign .story__slide iframe{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}
.customDesign .story__slide::before{content:"";background:linear-gradient(0,rgba(0,0,0,0) 0,#000 100%);background-repeat:no-repeat;background-size:contain;background-position:left top;width:100%;height:20px;position:absolute;top:0;left:0}
@media screen and (min-width:767px){.customDesign .story__slide::before{display:none}
}
.customDesign .story__slide .videoSec{display:flex;width:100%;height:calc(100vh - 180px);z-index:-1;position:absolute;top:0}
.customDesign .story__slide .cardSec{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;padding:30px 75px;width:100%;gap:30px;z-index:1;background:#000}
.customDesign .story__slide .cardSec::before{content:"";width:100%;height:3px;display:block;position:absolute;left:0;top:0;z-index:0;background:radial-gradient(48.55% 70% at 52.23% 10.78%,#fff .95%,rgba(255,255,255,0) 90%)}
.customDesign .story__slide .cardSec::after{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:linear-gradient(162.61deg,rgba(217,217,217,0.0748) 14.45%,rgba(217,217,217,0.22) 100%),radial-gradient(48.55% 158.17% at 52.23% 10.78%,#232323 .1%,rgba(120,120,120,0) 100%);z-index:-1}
.customDesign .story__slide .cardSec .heading{position:relative;display:block;padding-right:30px}
.customDesign .story__slide .cardSec .heading::after{content:none;width:1px;height:100%;position:absolute;right:0;top:0;background:rgba(255,255,255,0.1019607843)}
.customDesign .story__slide .cardSec .heading h3{font-family:"guardian_sanssemibold";font-size:16px;font-weight:400;letter-spacing:0;text-align:left;color:#fff;margin-bottom:0}
.customDesign .story__slide .cardSec .heading h5{font-family:"guardian_sanssemibold";font-size:14px;font-weight:500;line-height:20px;letter-spacing:.02em;text-align:left;color:rgba(226,226,226,0.6)}
@media screen and (min-width:767px){.customDesign .story__slide .cardSec .heading::after{display:none}
.customDesign .story__slide .cardSec .heading h3{font-size:24px}
}
.customDesign .story__slide .cardSec .socialIcons{list-style:none;margin:0;padding:0;display:flex;gap:40px;align-items:center}
@media screen and (min-width:767px){.customDesign .story__slide{align-items:baseline;flex-direction:row}
.customDesign .story__slide .videoSec{flex-basis:40%;margin-left:60px;height:100%;position:relative}
.customDesign .story__slide .cardSec{flex-basis:60%;position:relative;top:-12%;padding:20px 40px 40px 40px;align-items:start}
.customDesign .story__slide .cardSec .heading{padding-bottom:60px}
}
@media screen and (min-width:768px) and (max-width:991px){.customDesign .story__slide .cardSec{padding:20px 25px 40px 25px}
.customDesign .story__slide .cardSec .heading h3{font-size:20px}
}
.customDesign .story__pagination{bottom:unset !important;top:38px !important;display:flex;padding:0 4px}
.customDesign .story__pagination .swiper-pagination-bullet{flex-grow:1;border-radius:100vh;height:3px;margin:0 2px !important;background-color:rgba(247,247,245,0.4);opacity:1}
.customDesign .story__pagination .swiper-pagination-bullet .swiper-pagination-progress{height:100%;width:0;border-radius:100vh;background-color:#f7f7f5}
.customDesign .story .slick-prev,.customDesign .story .slick-next{height:46px;width:46px;margin-top:0;top:inherit;position:absolute;z-index:9;background:transparent;border:0;text-indent:-400%;overflow:hidden;bottom:21px;cursor:pointer}
.customDesign .story .slick-prev::before,.customDesign .story .slick-next::before{content:"";background:url("/_motorcycle_assets/d61c21c9fd1b0b16a23f15f5.svg") no-repeat;width:12px;height:17px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.customDesign .story .slick-prev.slick-disabled,.customDesign .story .slick-next.slick-disabled{opacity:.5}
.customDesign .story .slick-prev:hover,.customDesign .story .slick-prev:focus,.customDesign .story .slick-next:hover,.customDesign .story .slick-next:focus{outline:0}
.customDesign .story .slick-prev{left:16px}
.customDesign .story .slick-next{right:16px;transform:rotate(180deg)}
.customDesign .story .slick-dots{top:0;list-style:none;margin:0;padding:0 20px;display:flex;position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;width:100%}
.customDesign .story .slick-dots li{width:20px;height:20px;flex-grow:1;border-radius:100vh;height:3px;margin:0 2px !important;background-color:rgba(247,247,245,0.4);opacity:1;cursor:pointer}
.customDesign .story .slick-dots li button{display:none}
.customDesign .story .slick-dots li.slick-active{background-color:rgba(247,247,245,0.9)}
@media screen and (min-width:767px){.customDesign .story .slick-prev,.customDesign .story .slick-next{background:linear-gradient(0,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(0,rgba(255,255,255,0.1),rgba(255,255,255,0.1));border:1px solid rgba(255,255,255,0.1019607843)}
.customDesign .story .slick-prev{left:0;position:absolute;top:50%}
.customDesign .story .slick-next{left:calc(42% + 40px);position:absolute;top:50%}
.customDesign .story .slick-dots{top:inherit;bottom:2%;left:47.2%;width:auto}
.customDesign .story .slick-dots li{width:7px;height:6px}
.customDesign .story .slick-dots li.slick-active{width:30px}
}
@media screen and (min-width:768px) and (max-width:991px){.customDesign .story .slick-dots{left:47%;bottom:-5%}
}
.customDesign .animateJs1{position:relative}
@media screen and (min-width:767px){.customDesign .animateJs1 #scrollpanel1{display:none}
}
.customDesign .animateJs1 #scrollpanel1 .stage{height:100vh;position:relative}
.customDesign .animateJs1 #scrollpanel1 #img1{position:absolute;left:20%;top:0}
.customDesign .animateJs1 #scrollpanel1 #img2{position:absolute;top:18%;right:0}
.customDesign .animateJs1 #scrollpanel1 #img3{position:absolute;top:25%;left:0}
.customDesign .animateJs1 #scrollpanel1 #img4{position:absolute;top:60%;right:0}
.customDesign .animateJs1 #scrollpanel1 #img5{position:absolute;top:65%;left:0}
.customDesign .animateJs1 #scrollpanel1 #img6{position:absolute;bottom:0;right:20%}
.customDesign .animateJs1 #scrollpanel1 #heading{top:40%;position:absolute;left:0;text-align:center;width:100%}
.customDesign .animateJs1 #scrollpanel1 .title{font-family:"guardian_sanssemibold";text-align:center;font-size:70px;line-height:100px;color:#fff}
@media screen and (min-width:767px){.customDesign .animateJs1 #scrollpanel1 .title{font-size:100px}
}
.customDesign .animateJs1 .textSection{height:100vh !important;position:absolute;left:0;top:0}
.customDesign .animateJs1 .textSection h2{font-family:"guardian_sanssemibold";text-align:center;top:40%;position:relative;min-height:40vh;font-size:85px;line-height:100px;color:#fff}
@media screen and (min-width:767px){.customDesign .animateJs1 .textSection h2{font-size:100px}
}
.customDesign .story__slide .cardSec .heading p{font-size:18px;color:white;padding:5px 0;font-family:"montserrat-regular";line-height:24px}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.customDesign .story .slick-dots{bottom:5% !important}
.customDesign .story__slide .cardSec .heading{padding-bottom:0}
}
.customDesign .story__slide .cardSec a{display:flex;justify-content:flex-start;align-items:center;padding:10px 0;text-decoration:none}
.customDesign .story__slide .cardSec a img{width:25px;margin-right:10px}
@media screen and (max-width:580px){.customDesign .story__slide .cardSec a img{width:25px !important}
.customDesign .story__slide .cardSec .heading p{font-size:16px !important;line-height:20px !important}
.customDesign .story__slide{height:95vh !important}
}