.about-banner-inr.full_banner{height:100vh}body:has(.section-announcement-bar) .about-banner-inr.full_banner{height:calc(100vh - 18px)}.about-banner-inr{position:relative}.about-banner-inr:after{content:"";position:absolute;left:0;width:100%;height:100%}.abou-main-banner .media-caption{color:var(--White)}.abou-main-banner .media-caption-inner{display:grid;gap:12px}@media (min-width:992px){.about-banner-inr.desk_full_banner{height:100vh}.abou-main-banner .media-caption-inner{padding:24px}.mbanner-subtitle{line-height:150%}.about-bnr-pointer .pointer{color:var(--White)}.left-arrow,.right-arrow{position:absolute;display:flex;flex-direction:column;opacity:0;color:var(--White);font-size:10px;gap:17px}@keyframes fadeIn{to{opacity:1}}.left-arrow{animation:fadeIn .1s forwards;animation-delay:.8s}.right-arrow{align-items:end;animation:fadeIn .1s forwards;animation-delay:2.4s}.left-arrow p{line-height:100%;text-transform:uppercase;margin-left:-16px;white-space:nowrap;overflow:hidden;opacity:1}.left-arrow p span{display:inline-block;width:0;overflow:hidden;white-space:nowrap;animation:typing .1s steps(4) forwards;animation-delay:.8s}.right-arrow p{margin-right:-16px;line-height:100%;text-transform:uppercase;white-space:nowrap;overflow:hidden;width:35px;opacity:1}.right-arrow p span{display:inline-block;width:0;overflow:hidden;white-space:nowrap;animation:typing .1s steps(5) forwards;animation-delay:2.44s}@keyframes typing{0%{width:0}to{width:35px}}.right-arrow .about-arrow svg{margin:0 auto}.left-arrow .about-arrow svg .draw-arrow,.right-arrow .about-arrow svg .draw-arrow{stroke-width:1;stroke:var(--White);fill:none;stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.2s forwards;animation-fill-mode:forwards}.left-arrow .about-arrow .draw-arrow.tail-1{animation-delay:1.3s}.left-arrow .about-arrow .draw-arrow.tail-2{animation-delay:1.7s}.left-arrow .about-arrow .draw-arrow.tail-3{animation-delay:1.9s}.right-arrow .about-arrow .draw-arrow.tail-1{animation-delay:2.7s}.right-arrow .about-arrow .draw-arrow.tail-2{animation-delay:3.1s}.right-arrow .about-arrow .draw-arrow.tail-3{animation-delay:3.3s}@keyframes draw{to{stroke-dashoffset:0}}}@media (max-width:991px){.about-banner-inr.mb_full_banner{height:100vh}.abou-main-banner .media-caption-inner{padding:16px 12px}.abou-main-banner .media-caption h1{letter-spacing:-.26px}.mbanner-subtitle{line-height:150%}.left-arrow,.right-arrow{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/About-banner.css.map */