.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)}
.banner--extra-large.dark .actionEle.pause:focus-visible,.banner--extra-large.dark .actionEle.play:focus-visible,.banner--large.dark .actionEle.pause:focus-visible,.banner--large.dark .actionEle.play:focus-visible{outline-color:var(--white)}
.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)}
.banner--extra-large.dark .swiper-pagination-bullet:focus-visible,.banner--large.dark .swiper-pagination-bullet:focus-visible{outline-color:var(--white)}
.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)}
.banner.banner--small:not(.banner--rectangular) .pseduo__container{-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%}
.banner--large.banner--left .banner__item{justify-content:start}
.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--extra-large .item__image{height:425px}
.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{z-index:0;object-fit:cover}
.banner:not(.banner--rectangular) .item__image .image img{border-radius:0 0 32px 0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 100%,0 85%)}
.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;word-break:break-word;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}
.content__overline{font-size:16px;line-height:24px;margin:0 0 16px}
.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}
.banner .swiper-button-prev,.banner .swiper-button-next{transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.banner.banner--large .cq-dd-image{position:relative}
.banner.banner--large:not(.no-gradient) .cq-dd-image:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;z-index:1}
.banner.banner--large:not(.no-gradient) .cq-dd-image:before{background:0}
.banner.banner--extra-large.light-gradient .cq-dd-image:before{background:linear-gradient(0,rgba(0,0,0,0.00) 8.38%,rgba(0,0,0,0.25) 100%)}
.banner.banner--extra-large.dark-gradient .cq-dd-image:before{background:linear-gradient(0,rgba(0,0,0,0.00) 8.38%,rgba(0,0,0,0.50) 100%)}
.banner--extra-large .swiper-button-next:focus-visible,.banner--extra-large .swiper-button-prev:focus-visible,.banner--large .swiper-button-next:focus-visible,.banner--large .swiper-button-prev:focus-visible{outline:2px solid var(--grey-darker);outline-offset:4px;box-shadow:0 4px 8px 2px rgba(0,0,0,0.16)}
.banner--extra-large.dark .swiper-button-next:focus-visible,.banner--extra-large.dark .swiper-button-prev:focus-visible,.banner--large.dark .swiper-button-next:focus-visible,.banner--large.dark .swiper-button-prev:focus-visible{outline-color:var(--white)}
.animate-content{position:relative;animation:moveUp 2s ease forwards;animation-delay:.25s;opacity:0}
@keyframes moveUp{100%{opacity:1;top:0}
}
.animate-image{animation:fadeIn 2s ease forwards;opacity:0}
@keyframes fadeIn{100%{opacity:100%}
}
@media screen and (min-width :991px){.banner--top .animate-content,.banner--right .animate-content{top:130px}
.banner--bottom .animate-content{top:40px}
.banner--left .animate-content{top:80px}
.banner{padding-bottom:0}
.banner.banner--large{height:640px}
.banner.banner--extra-large{height:715px}
.banner--large.banner--top .banner__item,.banner--large.banner--bottom .banner__item{justify-content:center;text-align:center}
.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:not(.banner--rectangular) .item__image .image img,.banner.banner--x-small:not(.banner--rectangular) .item__image .image img{border-radius:16px}
.banner.banner--medium .item__image .image img{border-radius:8px}
.banner.banner--medium.banner--rectangular .item__image .image img{border-radius:16px}
.banner.banner--medium:not(.banner--rectangular) .item__image .image img{border-bottom-right-radius:48px}
.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--large.banner--left .item__content{padding-right:0;padding-left:175px}
.banner.banner--large.banner--top .item__content,.banner.banner--large.banner--bottom .item__content{padding-right:0}
.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--large.banner--top .banner__item{align-items:start;padding-top:48px}
.banner.banner--extra-large.banner--top .banner__item{padding-top:106px}
.banner.banner--large.banner--bottom .banner__item{align-items:end;padding-bottom:96px}
.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}
.content__overline{font-size:20px;line-height:30px}
.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:var(--white)}
.banner.banner--large.dark .btn--primary .cmp-button{background:var(--white);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(--inverse-hover);border:0}
.banner.banner--large .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:var(--white);opacity:1;vertical-align:middle}
.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{height:10px;width:10px}
.banner.banner--large .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--herobanner-carousel-medium);height:10px;width:10px}
.banner .swiper-button-prev,.banner .swiper-button-next{background-color:var(--white);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:not(.banner--rectangular) .pseduo__container{border-radius:0 0 32px 0}
.herobanner .banner.banner--medium .swiper-pagination-bullet:hover{background-color:var(--herobanner-carousel-medium)}
.herobanner .banner.banner--medium .actionEle.pause:hover .pauseSvg path,.herobanner .banner.banner--medium .actionEle.play:hover .playSvg path{cursor:pointer;fill:var(--herobanner-carousel-medium)}
.herobanner .banner.banner--large .swiper-pagination-bullet:hover{background-color:var(--herobanner-carousel-large)}
.herobanner .banner.banner--large .actionEle.pause:hover .pauseSvg path,.herobanner .banner.banner--large .actionEle.play:hover .playSvg path{fill:var(--herobanner-carousel-large);cursor:pointer}
.banner.banner--large:not(.banner--rectangular) .cq-dd-image{border-radius:0 0 64px 0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 100%,0 85%);overflow:hidden}
.banner.banner--large.banner--right.light-gradient .cq-dd-image:before{background:linear-gradient(90deg,rgba(0,0,0,0.00) 0,rgba(0,0,0,0.25) 100%)}
.banner.banner--large.banner--right.dark-gradient .cq-dd-image:before{background:linear-gradient(90deg,rgba(0,0,0,0.00) 0,rgba(0,0,0,0.50) 100%)}
.banner.banner--large.banner--top.light-gradient .cq-dd-image:before{background:linear-gradient(0,rgba(0,0,0,0.00) 8.38%,rgba(0,0,0,0.25) 100%)}
.banner.banner--large.banner--top.dark-gradient .cq-dd-image:before{background:linear-gradient(0,rgba(0,0,0,0.00) 8.38%,rgba(0,0,0,0.50) 100%)}
.banner.banner--large.banner--bottom.light-gradient .cq-dd-image:before{background:linear-gradient(180deg,rgba(0,0,0,0.00) 0,rgba(0,0,0,0.25) 100%)}
.banner.banner--large.banner--bottom.dark-gradient .cq-dd-image:before{background:linear-gradient(180deg,rgba(0,0,0,0.00) 0,rgba(0,0,0,0.50) 100%)}
.banner.banner--large.banner--left.light-gradient .cq-dd-image:before{background:linear-gradient(270deg,rgba(0,0,0,0.00) 0,rgba(0,0,0,0.25) 100%)}
.banner.banner--large.banner--left.dark-gradient .cq-dd-image:before{background:linear-gradient(270deg,rgba(0,0,0,0.00) 0,rgba(0,0,0,0.50) 100%)}
.banner--extra-large .btn--primary .cmp-button:focus-visible,.banner--extra-large .btn--primary--icon .cmp-button:focus-visible,.banner--extra-large .btn--secondary .cmp-button:focus-visible,.banner--extra-large .btn--secondary--icon .cmp-button:focus-visible,.banner--extra-large .btn--fluid--primary .cmp-button:focus-visible,.banner--extra-large .btn--fluid--secondary .cmp-button:focus-visible{outline-color:var(--grey-darker)}
.banner--extra-large.dark .cmp-button:focus-visible,.banner--large.dark .cmp-button:focus-visible{background:var(--inverse-hover) !important;outline-color:var(--white)}
}
@media screen and (max-width :991px){.item__image .image{filter:none !important}
.animate-content{top:50px}
}
@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}
}