.actionEle.pause:focus-visible,.actionEle.play:focus-visible{outline:2px solid var(--grey);outline-offset:2px;box-shadow:0 4px 8px 2px rgba(0,0,0,0.16)}
.swiper-pagination-bullet:focus-visible{outline:2px solid var(--grey);outline-offset:4px;box-shadow:0 4px 8px 2px rgba(0,0,0,0.16)}
.herobanner .swiper-slide{opacity:0}
.herobanner .swiper-slide.swiper-slide-active{opacity:1}
.herobanner .icon a:focus-visible{outline:2px solid var(--grey);outline-offset:4px;box-shadow:0 4px 8px 2px rgba(0,0,0,0.16);display:inline-block;height:min-content}
.banner{width:100%;background:#fff;color:var(--grey-darkest);position:relative;padding-bottom:64px}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{cursor:auto;pointer-events:none}
.pseduo__container{height:0}
.banner.banner--small{padding:24px 16px 48px 16px}
.banner.banner--small .pseduo__container{height:124px;width:100%;position:absolute;top:0;left:0;background:var(--primary-color);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 60%);clip-path:polygon(0 0,100% 0,100% 100%,0 60%);border-radius:0 0 4px 0}
.banner__container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;margin:0}
.banner.banner--small .banner__item .item__content{padding-bottom:48px}
.banner.banner--small .noImage .banner__item{z-index:1;height:min-content}
.banner.banner--small .banner__container{border-radius:8px;box-shadow:0 20px 70px rgba(26,26,26,0.08)}
.banner__item{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;width:100%}
.hightlightText{background:linear-gradient(230.32deg,var(--highlight-text-light) 0,var(--highlight-text-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.item__image{display:flex;justify-content:center;align-items:center;width:100%}
.banner.banner--large .item__image{height:360px}
.banner.banner--medium .item__image{height:270px}
.banner.banner--small .item__image{height:246px}
.banner.banner--x-small .item__image{height:360px}
.item__image .image,.item__image .image *{width:100%;height:100%}
.item__image .image img{border-radius:2px 2px 20px 2px;z-index:0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 90%);clip-path:polygon(0 0,100% 0,100% 100%,0 90%);object-fit:cover}
.banner.banner--x-small .item__image .image img,.banner.banner--small .item__image .image img{-webkit-clip-path:unset;clip-path:unset;border-radius:0}
.item__image .icon{position:absolute;z-index:3;align-self:center}
.icon .play-outline{height:64px;width:64px}
.item__content{z-index:0;flex:0 0 100%;display:flex;flex-direction:column;justify-content:start;background:white;padding:24px 16px 0 16px;height:max-content}
.banner.banner--x-small .item__content{padding-top:48px}
.content__heading{font-size:31px;line-height:39px;font-weight:600;margin:0}
.content__heading p{margin-top:0;margin-bottom:0}
.banner.banner--x-small .content__heading{font-size:39px;line-height:49px;font-weight:600}
.content__description{font-size:16px;line-height:24px;font-weight:400;align-self:stretch;margin-top:24px}
.content__description>*{margin:0}
.banner.banner--large .content__description,.banner.banner--small .noImage .content__description,.banner.banner--x-small .noImage .content__description{margin-bottom:0;margin-top:16px}
.banner .swiper-pagination{position:static}
.banner .pagination{display:flex;margin-top:48px}
.actionEle{display:flex;align-items:center}
.actionEle.pause .playSvg,.actionEle.play .pauseSvg{display:none}
.pause svg path,.play svg path{fill:var(--grey)}
.banner .btn{margin-top:48px}
.banner .btn--primary .cmp-button:active,.btn--primary--icon .cmp-button:focus,.btn--primary--icon .cmp-button:active{background:var(--primary-color-dark)}
.banner .btn .custom-container{padding-left:0;padding-right:0}
@media screen and (min-width :991px){.banner{padding-bottom:0}
.banner.banner--large{height:640px}
.banner.banner--large.dark{color:var(--white)}
.banner.banner--medium{height:615px}
.banner__container{height:100%}
.banner:not(.banner--large) .swiper__item{height:auto;max-width:1224px;margin:0 71px}
.banner.banner--large .swiper__item,.banner.banner--large .banner__item{height:100%}
.banner.banner--small .banner__item{margin-bottom:72px}
.banner.banner--small .noImage .banner__item .item__content{padding:40px 48px 40px 48px;min-height:227px}
.icon .play-outline{height:96px;width:96px}
.banner.banner--small .pseduo__container{height:218px}
.banner.banner--large .item__image{height:100%;position:absolute;top:0;left:0;bottom:0;right:0}
.item__image{padding-bottom:0}
.banner.banner--medium .item__image{height:455px;width:66.67%;padding-left:4.031px;padding-right:4px}
.banner.banner--medium .item__image,.banner.banner--x-small .item__image{order:1}
.banner.banner--x-small .item__image{height:496px;width:41.67%;padding-left:7.031px;padding-right:7px}
.banner.banner--small .item__image .image img,.banner.banner--x-small .item__image .image img{border-radius:16px}
.banner.banner--medium .item__image .image img{border-radius:8px 8px 32px 8px}
.banner.banner--large .item__image .image img{border-radius:2px 2px 30px 2px}
.banner.banner--small .item__image{width:50%;height:400px;position:absolute;top:0;right:0;padding-right:48px;padding-left:32px;margin-top:48px;z-index:1}
.item__content{padding:0}
.banner.banner--x-small .item__content{padding-top:0;padding-right:25px;flex:0 0 50%}
.banner.banner--small .banner__container{border-radius:0;box-shadow:none}
.banner.banner--small .item__content{box-shadow:0 20px 70px rgba(26,26,26,0.08);border-radius:8px;min-height:382px;justify-content:start;flex:0 0 100%;padding:48px;padding-bottom:64px;padding-right:calc(50% + 48px)}
.banner.banner--small .noImage .banner__item .item__content,.banner.banner--x-small .noImage .banner__item .item__content{flex:0 0 75%}
.banner.banner--large .item__content{z-index:1;flex:0 0 50%;background:transparent;padding-right:175px}
.banner.banner--medium,.banner.banner--x-small{padding:64px 0 96px 0}
.banner.banner--small{padding:40px 0 96px 0}
.banner.banner--small.zero-padding-bottom{padding-bottom:0}
.banner.banner--small .noImage .banner__item{margin-bottom:96px}
.banner:not(.banner--large) .banner__item{justify-content:space-evenly;align-items:start;flex-wrap:nowrap}
.banner.banner--small .noImage .banner__item,.banner.banner--x-small .noImage .banner__item{justify-content:start}
.banner.banner--large .banner__item{align-items:center}
.banner.banner--medium .item__content{flex:0 0 33.33%;padding-right:16px}
.content__heading{font-size:39px;line-height:49px}
.content__description{font-size:20px;line-height:30px;margin-top:16px !important}
.banner.banner--x-small .content__heading{font-size:49px;line-height:61px}
.banner.banner--large .item__image .icon{width:50%}
.banner.banner--large.dark .cmp-button{color:#fff}
.banner.banner--large.dark .btn--primary .cmp-button{background:#fff;color:var(--primary-color)}
.banner.banner--large.dark .btn--primary .icon-theme path{fill:var(--primary-color)}
.banner.banner--large.dark .btn--primary .cmp-button:hover,.banner.banner--large.dark .btn--primary--icon .cmp-button:hover{background:var(--primary-color);border:0;color:white}
.banner.banner--large.dark .btn--primary .cmp-button:hover,.banner.banner--large.dark .btn--primary--icon .cmp-button:hover,.banner.banner--large.dark .btn--primary .cmp-button:hover .button-icon svg path{fill:white}
.banner.banner--large .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:#fff;opacity:1;vertical-align:middle}
.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{height:8px;width:8px}
.banner.banner--large .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--primary-color);height:8px;width:8px}
.banner .swiper-button-prev,.banner .swiper-button-next{background-color:#fff;padding:8px}
.banner .swiper-button-prev svg,.banner .swiper-button-next svg{fill:var(--primary-color)}
.banner .swiper-button-prev{margin:0}
.banner.banner--large .swiper-button-prev,.banner .swiper-button-next{margin:0 32px}
.banner .swiper-pagination-bullets.swiper-pagination-horizontal{left:-45px}
.banner .swiper-pagination{text-align:end;margin:0;flex:1}
.banner .pagination{z-index:10}
.banner.banner--large .pagination{bottom:15px;padding-right:4px;padding-bottom:48px;width:fit-content;right:45px;position:absolute}
.banner.banner--large .pause svg path,.banner.banner--large .play svg path{fill:var(--white)}
.banner:not(.banner--large) .pagination{padding:0 64px;justify-content:start;flex:1;position:absolute;width:100%;max-width:1244px;bottom:0;left:auto}
.banner .btn{margin-top:48px}
.banner.banner--small .pseduo__container{border-radius:0 0 32px 0}
}
@media screen and (min-width :1366px){.banner:not(.banner--large) .swiper__item{height:auto;max-width:1224px;margin:auto}
.banner:not(.banner--large) .pagination{padding:0}
}