.vertical-card-carousel{--carousel-gap:1rem;--card-radius:12px;--control-size:50px;--control-gap:10px;--dot-size:24px;--dot-gap:8px;--slide-min-height:420px;overflow:hidden;overflow-anchor:none;position:relative}.vertical-card-carousel>div{margin:0 auto;max-width:var(--wp--style--global--wide-size);padding:var(--wp--preset--spacing--60) 0;width:80%}@media only screen and (max-width:1024px){.vertical-card-carousel>div{padding:var(--wp--preset--spacing--50) 0}}.vertical-card-carousel>div.narrow{max-width:var(--wp--style--global--content-size)!important}.vertical-card-carousel>div.full-width{max-width:none!important;width:100%!important}.vertical-card-carousel .content-col{margin:0 auto;max-width:400px;text-align:center}.vertical-card-carousel.dark{background:none;background-color:var(--wp--preset--color--dark-green)}.vertical-card-carousel.green{background:none;background-color:var(--wp--preset--color--bnpp-green)}.vertical-card-carousel.charcoal{background:none;background-color:var(--wp--preset--color--charcoal)}.vertical-card-carousel.off-white{background-color:var(--wp--preset--color--off-white)}.vertical-card-carousel:is(.dark,.green,.charcoal) :not(.bnpp-button){color:var(--wp--preset--color--white)}.vertical-card-carousel:is(.dark,.green,.charcoal).contained{background-color:var(--wp--preset--color--dark-green);padding:var(--wp--preset--spacing--60)}.vertical-card-carousel:is(.dark,.green,.charcoal).contained :not(path):not(.bnpp-button):not(.button-icon){color:var(--wp--preset--color--bnpp-black)}.vertical-card-carousel:is(.dark,.green,.charcoal).contained>div{background-color:var(--wp--preset--color--white)}.vertical-card-carousel:is(.dark,.green,.charcoal).contained h2,.vertical-card-carousel:is(.dark,.green,.charcoal).contained p{color:var(--wp--preset--color--bnpp-black)}.vertical-card-carousel.contained{background-color:var(--wp--preset--color--white);padding:var(--wp--preset--spacing--60)}.vertical-card-carousel.contained *{color:var(--wp--preset--color--white)}.vertical-card-carousel.contained>div{background-color:var(--wp--preset--color--dark-green)}.vertical-card-carousel.full-width{max-width:none;padding:0;width:100%}.vertical-card-carousel.light{--control-bg:#12494b;--control-fg:var(--wp--preset--color--white);--control-border:rgba(0,0,0,.15);--dot-bg:var(--wp--preset--color--bnpp-green-tint-60);--dot-active:var(--wp--preset--color--bnpp-green)}.vertical-card-carousel.dark{--control-bg:var(--wp--preset--color--white);--control-fg:#12494b;--control-border:hsla(0,0%,100%,.25);--dot-bg:#edf5f24d;--dot-active:#d9ece5}.vertical-card-carousel.dark svg :is([style*="1d1d1b"],[style*="rgb(29, 29, 27)"],[stroke*="1d1d1b"],[stroke*="rgb(29, 29, 27)"]){stroke:var(--wp--preset--color--white)!important}.vertical-card-carousel .carousel-wrapper{display:block;padding:0 var(--wp--preset--spacing--40);transition:transform .4s ease;will-change:transform}.vertical-card-carousel .carousel-wrapper .carousel-item{display:grid;gap:var(--carousel-gap);grid-template-columns:1fr;min-height:var(--slide-min-height);opacity:0;padding:var(--wp--preset--spacing--70) var(--wp--preset--spacing--40);position:relative;transition:opacity .25s ease}.vertical-card-carousel .carousel-wrapper .carousel-item.is-active{opacity:1}.vertical-card-carousel .carousel-wrapper .carousel-item:before{border:1px solid var(--wp--preset--color--bnpp-green);border-radius:var(--card-radius);content:"";inset:4.5rem var(--wp--preset--spacing--20);position:absolute}@media(min-width:768px){.vertical-card-carousel .carousel-wrapper .carousel-item{grid-template-columns:minmax(260px,420px) minmax(320px,1fr)}}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--card-radius);margin-left:var(--wp--preset--spacing--50);padding:var(--wp--preset--spacing--50);position:relative;z-index:2}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card[style*=background-image]{overflow:hidden;position:relative}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card[style*=background-image]:before{background:rgba(12,39,40,.7);content:"";inset:0;position:absolute;z-index:0}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card[style*=background-image] *{position:relative;z-index:1}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card h3{color:var(--wp--preset--color--white);font-size:var(--wp--preset--font-size--heading-s);margin:0;text-align:center}@media(min-width:768px){.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card h3{text-align:left}}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card img{align-self:end;display:block;height:auto;justify-self:center;max-width:100%}@media(min-width:768px){.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card img{justify-self:start}}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content{align-content:start;display:grid;gap:clamp(10px,1.5vw,16px);padding:var(--wp--preset--spacing--80) 0;position:relative;text-align:center;z-index:1}@media(min-width:768px){.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content{text-align:left}}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content p{margin:0}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .btn,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .carousel-button,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .vertical-card-carousel-card__button,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .wp-block-button{justify-self:center}@media(min-width:768px){.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .btn,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .carousel-button,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .vertical-card-carousel-card__button,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .wp-block-button{justify-self:start}}.vertical-card-carousel .carousel-controls{align-items:center;display:flex;flex-direction:column;gap:var(--control-gap);height:80%;inset-inline-end:clamp(8px,1vw,12px);justify-content:space-between;max-width:none;padding:0;position:absolute;right:calc((100vw - min(var(--wp--style--global--wide-size),80vw))/2 - var(--wp--preset--spacing--60));top:50%;transform:translateY(-50%);width:auto;z-index:2}.vertical-card-carousel .carousel-controls[hidden]{display:none!important}.vertical-card-carousel .carousel-controls .next,.vertical-card-carousel .carousel-controls .prev{background:var(--control-bg);border:1px solid var(--control-border);border-radius:50%;color:var(--control-fg);cursor:pointer;display:grid;height:var(--control-size);line-height:1;place-items:center;transition:transform .12s ease,box-shadow .12s ease;width:var(--control-size)}.vertical-card-carousel .carousel-controls .next:before,.vertical-card-carousel .carousel-controls .prev:before{border-block-start:2px solid currentColor;border-inline-start:2px solid currentColor;border-radius:1px;content:"";display:inline-block;height:calc(var(--control-size)/4);transform:rotate(45deg);width:calc(var(--control-size)/4)}.vertical-card-carousel .carousel-controls .next:hover,.vertical-card-carousel .carousel-controls .prev:hover{transform:scale(1.04)}.vertical-card-carousel .carousel-controls .next:focus-visible,.vertical-card-carousel .carousel-controls .prev:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--control-fg) 35%,transparent);outline:solid 2px var(--control-bg);outline-offset:2px}.vertical-card-carousel .carousel-controls .prev:before{transform:translateY(2px) rotate(45deg)}.vertical-card-carousel .carousel-controls .next:before{transform:translateY(-2px) rotate(225deg)}.vertical-card-carousel .carousel-controls .pagination-dots{display:flex;flex:1;flex-direction:column;justify-content:space-around;max-height:250px}.vertical-card-carousel .carousel-controls .pagination-dots .dot{background:var(--dot-bg);border:0;border-radius:50%;cursor:pointer;height:var(--dot-size);padding:0;transition:transform .12s ease,background-color .12s ease;width:var(--dot-size)}.vertical-card-carousel .carousel-controls .pagination-dots .dot.is-active{background:var(--dot-active);transform:scale(1.2)}.vertical-card-carousel .carousel-controls .pagination-dots .dot:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--dot-active) 40%,transparent);outline:none}@media(prefers-reduced-motion:reduce){.vertical-card-carousel .carousel-item,.vertical-card-carousel .carousel-wrapper,.vertical-card-carousel .next,.vertical-card-carousel .pagination-dots .dot,.vertical-card-carousel .prev{transition:none}}.vertical-card-carousel.has-single .carousel-item{min-height:unset}@media(max-width:768px){.vertical-card-carousel{padding:var(--wp--preset--spacing--60) 0}.vertical-card-carousel .carousel-controls{display:none!important}.vertical-card-carousel .carousel-wrapper{display:block;height:auto!important;transform:none!important;transition:none!important}.vertical-card-carousel .carousel-wrapper .carousel-item{display:grid;gap:0;min-height:unset;opacity:1;padding:0;pointer-events:auto;position:relative;transition:none}.vertical-card-carousel .carousel-wrapper .carousel-item:before{content:none}.vertical-card-carousel .carousel-wrapper .carousel-item+.carousel-item{margin-top:var(--wp--preset--spacing--50,24px)}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card{border-radius:var(--card-radius) var(--card-radius) 0 0;margin:0;text-align:center}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card h3{text-align:center}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-card img{margin-inline:auto}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content{border:1px solid var(--wp--preset--color--bnpp-green,#0f7164);border-radius:0 0 var(--card-radius) var(--card-radius);border-top:0;padding:var(--wp--preset--spacing--40,16px);text-align:center}.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .btn,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .carousel-button,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .vertical-card-carousel-card__button,.vertical-card-carousel .carousel-wrapper .carousel-item .carousel-item-content .wp-block-button{margin-inline:auto}}
