#section-189-34 > .ct-section-inner-wrap{max-width:100%;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;align-items:center}#section-189-34{text-align:center}#section-10-108 > .ct-section-inner-wrap{padding-top:0;padding-bottom:0}#div_block-386-34{width:100%;text-align:left;align-items:center;background-color:var(--primary)}#div_block-190-34{align-items:stretch;grid-template-columns:repeat(2,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid;align-items:center;width:100%;margin-top:0px}#div_block-13-108{align-items:center;flex-direction:row;display:flex;justify-content:space-between}#div_block-200-34{display:flex;flex-direction:column;align-items:flex-end;text-align:right}#div_block-16-108{align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid;align-items:center;width:100%;margin-top:0px}#div_block-17-108{text-align:left;align-items:center}#div_block-30-108{flex-direction:row;display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative}@media (max-width:1440px){#div_block-200-34{flex-direction:column;display:flex}}@media (max-width:991px){#div_block-200-34{display:flex;flex-direction:column;align-items:center}}@media (max-width:767px){#div_block-190-34{align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid}}@media (max-width:767px){#div_block-13-108{text-align:left;align-items:center}}@media (max-width:767px){#div_block-200-34{flex-direction:column;display:flex;align-items:center;text-align:center}}@media (max-width:767px){#div_block-16-108{align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid}}@media (max-width:767px){#div_block-17-108{text-align:left;align-items:center}}#text_block-31-108{color:#424242;letter-spacing:-.02em;font-family:'mukta',"mukta Fallback";font-size:0.7em;font-weight:600}#text_block-31-108:hover{text-transform:none}@media (max-width:479px){#text_block-31-108{font-size:0.8em}}#image-15-108{width:250px}#image-38-108{width:180px}#image-18-108{width:150px}@media (max-width:1440px){#image-15-108{width:150px}}@media (max-width:1440px){#image-38-108{width:150px}}@media (max-width:991px){#image-38-108{width:100px}}@media (max-width:767px){#image-15-108{width:150px}}@media (max-width:767px){#image-38-108{width:100px}}@media (max-width:767px){#image-18-108{width:150px}}@media (max-width:479px){#image-38-108{width:80px}}#-off-canvas-11-108 .offcanvas-inner{background-color:var(--primary-trans-90);width:40%}#-off-canvas-11-108{display:none}#-off-canvas-11-108 .offcanvas-inner{height:100vh;min-height:-webkit-fill-available}body:not(.oxygen-builder-body) #-off-canvas-11-108{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-11-108{visibility:hidden}body.oxygen-builder-body #-off-canvas-11-108 .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none;z-index:2147483640}.oxy-off-canvas{visibility:visible;pointer-events:none}.offcanvas-inner{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;height:100vh;max-width:100%;width:280px;overflow-x:hidden;top:0;left:0;padding:30px;z-index:1000;-webkit-transition:-webkit-transform .5s cubic-bezier(0.77,0,0.175,1),box-shadow .5s cubic-bezier(0.77,0,0.175,1);transition:transform .5s cubic-bezier(0.77,0,0.175,1),box-shadow .5s cubic-bezier(0.77,0,0.175,1);-o-transition:-o-transform .5s cubic-bezier(0.77,0,0.175,1),box-shadow .5s cubic-bezier(0.77,0,0.175,1);pointer-events:auto}.offcanvas-inner:focus{outline:none}.oxy-offcanvas_backdrop{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all .5s cubic-bezier(0.77,0,0.175,1);-o-transition:all .5s cubic-bezier(0.77,0,0.175,1);transition:all .5s cubic-bezier(0.77,0,0.175,1);pointer-events:auto;z-index:10}.oxy-off-canvas-toggled .oxy-offcanvas_backdrop{opacity:1;visibility:visible}body.oxygen-builder-body .oxy-slide-menu-dropdown-icon-click-area{position:relative;z-index:2147483641}body.oxygen-builder-body .oxy-offcanvas_backdrop{opacity:1;visibility:visible}.oxy-off-canvas .aos-animate-disabled[data-aos^='fade'][data-aos^='fade']{opacity:0}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-up']{transform:translate3d(0,100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-down']{transform:translate3d(0,-100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-right']{transform:translate3d(-100px,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-left']{transform:translate3d(100px,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-up-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-up-right']{transform:translate3d(-100px,100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-up-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-up-left']{transform:translate3d(100px,100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-down-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-down-right']{transform:translate3d(-100px,-100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-down-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-down-left']{transform:translate3d(100px,-100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom']{opacity:0;transition-property:opacity,transform}.oxy-off-canvas .aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom'].aos-animate,.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom'].aos-animate{opacity:1;transform:translateZ(0) scale(1)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in']{transform:scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-up']{transform:translate3d(0,100px,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-down']{transform:translate3d(0,-100px,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-right']{transform:translate3d(-100px,0,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-left']{transform:translate3d(100px,0,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out']{transform:scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out-up']{transform:translate3d(0,100px,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out-down']{transform:translate3d(0,-100px,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out-right']{transform:translate3d(-100px,0,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-left'],.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-left']{transform:translate3d(100px,0,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos^='slide'][data-aos^='slide'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='slide'][data-aos^='slide']{transition-property:transform}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-up']{transform:translate3d(0,100%,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-down']{transform:translate3d(0,-100%,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-right']{transform:translate3d(-100%,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-left']{transform:translate3d(100%,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos^='flip'][data-aos^='flip'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='flip'][data-aos^='flip']{backface-visibility:hidden;transition-property:transform}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='flip-left']{transform:perspective(2500px) rotateY(-100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-right'],.oxy-off-canvas .aos-animate-disabled[data-aos='flip-right']{transform:perspective(2500px) rotateY(100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='flip-up']{transform:perspective(2500px) rotateX(-100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-up'].aos-animate{transform:perspective(2500px) rotateX(0)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='flip-down']{transform:perspective(2500px) rotateX(100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-down'].aos-animate{transform:perspective(2500px) rotateX(0)}.oxy-off-canvas .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.admin-bar .oxy-off-canvas .offcanvas-inner{margin-top:32px}@media screen and (max-width:782px){.admin-bar .oxy-off-canvas .offcanvas-inner{margin-top:46px}}body.oxygen-builder-body.admin-bar .oxy-off-canvas .offcanvas-inner{margin-top:0}.oxy-off-canvas .offcanvas-inner{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}#-off-canvas-11-108.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-11-108'].oxy-off-canvas-toggled{-webkit-transform:translate(var(--offcanvas-push),0);-ms-transform:translate(var(--offcanvas-push),0);transform:translate(var(--offcanvas-push),0)}body:not(.oxygen-builder-body) #-off-canvas-11-108:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}#-off-canvas-11-108{background-blend-mode:multiply;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}@media (max-width:991px){#-off-canvas-11-108 .offcanvas-inner{width:350px}body:not(.oxygen-builder-body) #-off-canvas-11-108{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-11-108{visibility:hidden}body.oxygen-builder-body #-off-canvas-11-108 .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none;z-index:2147483640}.oxy-off-canvas .offcanvas-inner{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}#-off-canvas-11-108.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-11-108'].oxy-off-canvas-toggled{-webkit-transform:translate(var(--offcanvas-push),0);-ms-transform:translate(var(--offcanvas-push),0);transform:translate(var(--offcanvas-push),0)}body:not(.oxygen-builder-body) #-off-canvas-11-108:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}}@media (max-width:767px){#-off-canvas-11-108 .offcanvas-inner{width:75%}body:not(.oxygen-builder-body) #-off-canvas-11-108{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-11-108{visibility:hidden}body.oxygen-builder-body #-off-canvas-11-108 .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none;z-index:2147483640}.oxy-off-canvas .offcanvas-inner{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}#-off-canvas-11-108.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-11-108'].oxy-off-canvas-toggled{-webkit-transform:translate(var(--offcanvas-push),0);-ms-transform:translate(var(--offcanvas-push),0);transform:translate(var(--offcanvas-push),0)}body:not(.oxygen-builder-body) #-off-canvas-11-108:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}}#-slide-menu-12-108 .oxy-slide-menu_list .menu-item a{color:var(--white);padding-top:10px;padding-bottom:10px}#-slide-menu-12-108 .oxy-slide-menu_list .menu-item a:hover{color:var(--primary-light)}#-slide-menu-12-108 .menu-item a{font-size:1.2em}#-slide-menu-12-108 .sub-menu{background-color:var(--primary-dark);padding-left:15px}#-slide-menu-12-108 .oxy-slide-menu_list .sub-menu .menu-item a{font-size:1em;font-weight:300;padding-left:15px}#-slide-menu-12-108 .oxy-slide-menu_list{column-count:1}.oxy-slide-menu .menu-item a{color:inherit;display:flex;justify-content:space-between;align-items:center}.oxy-slide-menu .menu-item{list-style-type:none;display:flex;flex-direction:column;width:100%}.oxy-slide-menu_dropdown-icon-click-area{background:none;cursor:pointer;color:inherit;border:none;padding:0}.oxy-slide-menu_dropdown-icon-click-area.oxy-slide-menu_open > svg{transform:rotate(180deg)}.oxy-slide-menu_list{padding:0}.oxy-slide-menu .sub-menu{display:none;flex-direction:column;padding:0}.oxy-slide-menu_dropdown-icon{height:1em;fill:currentColor;width:1em}.oxy-slide-menu_dropdown-icon-click-area:first-of-type:nth-last-of-type(2){display:none}.oxy-slide-menu a[href='#'] span[itemprop=name]{pointer-events:none}.oxy-slide-menu .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}#-slide-menu-12-108:hover{oxy-slide-menu-slug-oxyslidemenulistmenuitemacolor:var(--primary-light)}.oxy-pro-menu-list{display:flex;padding:0;margin:0;align-items:center}.oxy-pro-menu .oxy-pro-menu-list .menu-item{list-style-type:none;display:flex;flex-direction:column;width:100%;transition-property:background-color,color,border-color}.oxy-pro-menu-list > .menu-item{white-space:nowrap}.oxy-pro-menu .oxy-pro-menu-list .menu-item a{text-decoration:none;border-style:solid;border-width:0;transition-timing-function:ease-in-out;transition-property:background-color,color,border-color;border-color:transparent}.oxy-pro-menu .oxy-pro-menu-list li.current-menu-item > a,.oxy-pro-menu .oxy-pro-menu-list li.menu-item:hover > a{border-color:currentColor}.oxy-pro-menu .menu-item,.oxy-pro-menu .sub-menu{position:relative}.oxy-pro-menu .menu-item .sub-menu{padding:0;flex-direction:column;white-space:nowrap;display:flex;visibility:hidden;position:absolute;z-index:9999999;top:100%;transition-property:opacity,transform,visibility}.oxy-pro-menu-off-canvas .sub-menu:before,.oxy-pro-menu-open .sub-menu:before{display:none}.oxy-pro-menu .menu-item .sub-menu.aos-animate,.oxy-pro-menu-init .menu-item .sub-menu[data-aos^=flip]{visibility:visible}.oxy-pro-menu-container:not(.oxy-pro-menu-init) .menu-item .sub-menu[data-aos^=flip]{transition-duration:0s}.oxy-pro-menu .sub-menu .sub-menu,.oxy-pro-menu.oxy-pro-menu-vertical .sub-menu{left:100%;top:0}.oxy-pro-menu .sub-menu.sub-menu-left{right:0;left:auto !important;margin-right:100%}.oxy-pro-menu-list > .menu-item > .sub-menu.sub-menu-left{margin-right:0}.oxy-pro-menu .sub-menu li.menu-item{flex-direction:column}.oxy-pro-menu-mobile-open-icon,.oxy-pro-menu-mobile-close-icon{display:none;cursor:pointer;align-items:center}.oxy-pro-menu-off-canvas .oxy-pro-menu-mobile-close-icon,.oxy-pro-menu-open .oxy-pro-menu-mobile-close-icon{display:inline-flex}.oxy-pro-menu-mobile-open-icon > svg,.oxy-pro-menu-mobile-close-icon > svg{fill:currentColor}.oxy-pro-menu-mobile-close-icon{position:absolute}.oxy-pro-menu.oxy-pro-menu-open .oxy-pro-menu-container{width:100%;position:fixed;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:auto;z-index:2147483642 !important;background-color:#fff}.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-container{transition-property:opacity,transform,visibility}.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-container[data-aos^=slide]{transition-property:transform}.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container[data-aos^=flip]{visibility:visible !important}.oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list,.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list{align-items:center;justify-content:center;flex-direction:column}.oxy-pro-menu.oxy-pro-menu-open > .oxy-pro-menu-container{max-height:100vh;overflow:auto;width:100%}.oxy-pro-menu.oxy-pro-menu-off-canvas > .oxy-pro-menu-container{max-height:100vh;overflow:auto;z-index:1000}.oxy-pro-menu-container > div:first-child{margin:auto}.oxy-pro-menu-off-canvas-container{display:flex !important;position:fixed;width:auto;align-items:center;justify-content:center}.oxy-pro-menu-off-canvas-container a,.oxy-pro-menu-open-container a{word-break:break-word}.oxy-pro-menu.oxy-pro-menu-off-canvas .oxy-pro-menu-list{align-items:center;justify-content:center;flex-direction:column}.oxy-pro-menu.oxy-pro-menu-off-canvas .oxy-pro-menu-container .oxy-pro-menu-list .menu-item,.oxy-pro-menu.oxy-pro-menu-open .oxy-pro-menu-container .oxy-pro-menu-list .menu-item{flex-direction:column;width:100%;text-align:center}.oxy-pro-menu.oxy-pro-menu-off-canvas .sub-menu,.oxy-pro-menu.oxy-pro-menu-open .sub-menu{display:none;visibility:visible;opacity:1;position:static;align-items:center;justify-content:center;white-space:normal;width:100%}.oxy-pro-menu.oxy-pro-menu-off-canvas .menu-item,.oxy-pro-menu.oxy-pro-menu-open .menu-item{justify-content:center;min-height:32px}.oxy-pro-menu .menu-item.menu-item-has-children,.oxy-pro-menu .sub-menu .menu-item.menu-item-has-children{flex-direction:row;align-items:center}.oxy-pro-menu .menu-item > a{display:inline-flex;align-items:center;justify-content:center}.oxy-pro-menu.oxy-pro-menu-off-canvas .menu-item-has-children > a .oxy-pro-menu-dropdown-icon-click-area,.oxy-pro-menu.oxy-pro-menu-open .menu-item-has-children > a .oxy-pro-menu-dropdown-icon-click-area{min-width:32px;min-height:32px}.oxy-pro-menu .menu-item-has-children > a .oxy-pro-menu-dropdown-icon-click-area{display:flex;align-items:center;justify-content:center}.oxy-pro-menu .menu-item-has-children > a svg{width:1.4em;height:1.4em;fill:currentColor;transition-property:transform}.oxy-pro-menu.oxy-pro-menu-off-canvas .menu-item > a svg,.oxy-pro-menu.oxy-pro-menu-open .menu-item > a svg{width:1em;height:1em}.oxy-pro-menu-off-canvas .oxy-pro-menu-container:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-dropdown-icon-click-area,.oxy-pro-menu-open .oxy-pro-menu-container:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-dropdown-icon-click-area{display:none}.oxy-pro-menu-off-canvas .menu-item:not(.menu-item-has-children) .oxy-pro-menu-dropdown-icon-click-area,.oxy-pro-menu-open .menu-item:not(.menu-item-has-children) .oxy-pro-menu-dropdown-icon-click-area{min-height:32px;width:0px}.oxy-pro-menu.oxy-pro-menu-off-canvas .oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-list .menu-item-has-children,.oxy-pro-menu.oxy-pro-menu-open .oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-list .menu-item-has-children{padding-right:0px}.oxy-pro-menu-container .menu-item a{width:100%;text-align:center}.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) ul:not(.sub-menu) > li > .sub-menu{top:100%;left:0}.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .sub-menu{top:0;left:100%}.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) a{-webkit-tap-highlight-color:transparent}.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul,.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{border-radius:0px !important;width:100%}.oxy-pro-menu-dropdown-animating[data-aos*="down"]{pointer-events:none}.sub-menu .oxy-pro-menu-dropdown-animating[data-aos*="down"]{pointer-events:auto}.sub-menu .oxy-pro-menu-dropdown-animating[data-aos*="right"]{pointer-events:none}.sub-menu .oxy-pro-menu-dropdown-animating.sub-menu-left[data-aos*="left"]{pointer-events:none}.oxy-pro-menu-dropdown-animating-out{pointer-events:none}.oxy-pro-menu-list .menu-item a{border-color:transparent}.oxy-pro-menu-list .menu-item.current-menu-item a,.oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within,.oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover{border-color:currentColor}#-pro-menu-384-34 .oxy-pro-menu-list .menu-item,#-pro-menu-384-34 .oxy-pro-menu-list .menu-item a{color:#eeeeee;transition-duration:0.25s}#-pro-menu-384-34 .oxy-pro-menu-list .menu-item a{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px}#-pro-menu-384-34 .oxy-pro-menu-list > .menu-item{margin-right:5px;margin-left:5px}#-pro-menu-384-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,#-pro-menu-384-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within{color:#ffffff;background-color:rgba(255,255,255,0)}#-pro-menu-384-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,#-pro-menu-384-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within,#-pro-menu-384-34 .oxy-pro-menu-list .menu-item a{border-top-width:0px;border-bottom-width:0px}#-pro-menu-384-34 .sub-menu{border-radius:4px}#-pro-menu-384-34 .sub-menu > li:last-child > a{border-bottom-left-radius:4px;border-bottom-right-radius:4px}#-pro-menu-384-34 .sub-menu > li:first-child > a{border-top-left-radius:4px;border-top-right-radius:4px}#-pro-menu-384-34 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{font-size:0.7em;margin-left:5px}#-pro-menu-384-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{background-color:var(--primary-trans-90);color:#ffffff;padding-top:12px;padding-right:12px;padding-bottom:8px;padding-left:12px}#-pro-menu-384-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a:hover,#-pro-menu-384-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a:focus-within{background-color:var(--secondary-trans-90);color:#ffffff}#-pro-menu-384-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item,#-pro-menu-384-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{font-size:0.9em}#-pro-menu-384-34:hover{oxy-pro-menu-slug-oxypromenulistmenuitemmenuitemmenuitemmenuitemabackground-color:rgba(255,255,255,0);oxy-pro-menu-slug-oxypromenulistmenuitemmenuitemmenuitemmenuitemacolor:#ffffff;oxy-pro-menu-slug-oxypromenucontainernotoxypromenuopencontainernotoxypromenuoffcanvascontainersubmenumenuitemabackground-color:var(--secondary-trans-90)}@media (max-width:1440px){#-pro-menu-384-34{display:none}} #section-232-34 > .ct-section-inner-wrap{padding-top:62px;padding-bottom:54px;display:grid;align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px}#section-232-34{display:block}#section-232-34{background-repeat:no-repeat;text-align:left;background-position:0% 50%;YmFja2dyb3VuZC1wb3NpdGlvbjpjZW50ZXIgY2VudGVy}@media (max-width:1440px){#section-232-34 > .ct-section-inner-wrap{padding-top:28px}}@media (max-width:767px){#section-232-34 > .ct-section-inner-wrap{padding-bottom:0}#section-232-34{height:250px}}@media (max-width:479px){#section-232-34{height:200px}}#div_block-359-34 > :last-child{grid-column:span 3}#div_block-359-34{align-items:start;grid-template-columns:repeat(4,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid}#div_block-362-34{text-align:center;align-items:flex-end}@media (max-width:1440px){#div_block-359-34{flex-direction:row;display:flex;justify-content:space-between;align-items:center}}#link-424-109{text-align:center;align-items:flex-start}@media (max-width:479px){#link-424-109{text-align:center;align-items:flex-start}}#image-360-34{width:250px}@media (max-width:1440px){#image-360-34{width:200px}}@media (max-width:479px){#image-360-34{width:200px}}#fancy_icon-8-115{color:#ffffff}#fancy_icon-8-115{display:none}@media (max-width:1440px){#fancy_icon-8-115{color:#ffffff}#fancy_icon-8-115>svg{width:36px;height:36px}#fancy_icon-8-115{display:flex}}.oxy_shape_divider{position:absolute;left:0;right:0;bottom:-1px;pointer-events:none}.oxy_shape_divider > svg{min-width:100%;position:absolute;bottom:0;left:0;z-index:0;transform-origin:bottom center}.oxy_shape_divider_top{top:-1px;bottom:initial}.oxy_shape_divider_flipped{transform:scaleX(-1)}#-shape-divider-257-34 .oxy_shape_divider{color:#eeeeee}#-shape-divider-257-34 .oxy_shape_divider svg{height:65px}@media (max-width:1440px){#-shape-divider-257-34 .oxy_shape_divider svg{height:50px}}@media (max-width:767px){#-shape-divider-257-34 .oxy_shape_divider svg{height:30px}}div.ct-section-inner-wrap,div.oxy-header-container{max-width:1440px}.oxy-pro-menu-list{display:flex;padding:0;margin:0;align-items:center}.oxy-pro-menu .oxy-pro-menu-list .menu-item{list-style-type:none;display:flex;flex-direction:column;width:100%;transition-property:background-color,color,border-color}.oxy-pro-menu-list > .menu-item{white-space:nowrap}.oxy-pro-menu .oxy-pro-menu-list .menu-item a{text-decoration:none;border-style:solid;border-width:0;transition-timing-function:ease-in-out;transition-property:background-color,color,border-color;border-color:transparent}.oxy-pro-menu .oxy-pro-menu-list li.current-menu-item > a,.oxy-pro-menu .oxy-pro-menu-list li.menu-item:hover > a{border-color:currentColor}.oxy-pro-menu .menu-item,.oxy-pro-menu .sub-menu{position:relative}.oxy-pro-menu .menu-item .sub-menu{padding:0;flex-direction:column;white-space:nowrap;display:flex;visibility:hidden;position:absolute;z-index:9999999;top:100%;transition-property:opacity,transform,visibility}.oxy-pro-menu-off-canvas .sub-menu:before,.oxy-pro-menu-open .sub-menu:before{display:none}.oxy-pro-menu .menu-item .sub-menu.aos-animate,.oxy-pro-menu-init .menu-item .sub-menu[data-aos^=flip]{visibility:visible}.oxy-pro-menu-container:not(.oxy-pro-menu-init) .menu-item .sub-menu[data-aos^=flip]{transition-duration:0s}.oxy-pro-menu .sub-menu .sub-menu,.oxy-pro-menu.oxy-pro-menu-vertical .sub-menu{left:100%;top:0}.oxy-pro-menu .sub-menu.sub-menu-left{right:0;left:auto !important;margin-right:100%}.oxy-pro-menu-list > .menu-item > .sub-menu.sub-menu-left{margin-right:0}.oxy-pro-menu .sub-menu li.menu-item{flex-direction:column}.oxy-pro-menu-mobile-open-icon,.oxy-pro-menu-mobile-close-icon{display:none;cursor:pointer;align-items:center}.oxy-pro-menu-off-canvas .oxy-pro-menu-mobile-close-icon,.oxy-pro-menu-open .oxy-pro-menu-mobile-close-icon{display:inline-flex}.oxy-pro-menu-mobile-open-icon > svg,.oxy-pro-menu-mobile-close-icon > svg{fill:currentColor}.oxy-pro-menu-mobile-close-icon{position:absolute}.oxy-pro-menu.oxy-pro-menu-open .oxy-pro-menu-container{width:100%;position:fixed;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:auto;z-index:2147483642 !important;background-color:#fff}.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-container{transition-property:opacity,transform,visibility}.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-container[data-aos^=slide]{transition-property:transform}.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container,.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container[data-aos^=flip]{visibility:visible !important}.oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list,.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list{align-items:center;justify-content:center;flex-direction:column}.oxy-pro-menu.oxy-pro-menu-open > .oxy-pro-menu-container{max-height:100vh;overflow:auto;width:100%}.oxy-pro-menu.oxy-pro-menu-off-canvas > .oxy-pro-menu-container{max-height:100vh;overflow:auto;z-index:1000}.oxy-pro-menu-container > div:first-child{margin:auto}.oxy-pro-menu-off-canvas-container{display:flex !important;position:fixed;width:auto;align-items:center;justify-content:center}.oxy-pro-menu-off-canvas-container a,.oxy-pro-menu-open-container a{word-break:break-word}.oxy-pro-menu.oxy-pro-menu-off-canvas .oxy-pro-menu-list{align-items:center;justify-content:center;flex-direction:column}.oxy-pro-menu.oxy-pro-menu-off-canvas .oxy-pro-menu-container .oxy-pro-menu-list .menu-item,.oxy-pro-menu.oxy-pro-menu-open .oxy-pro-menu-container .oxy-pro-menu-list .menu-item{flex-direction:column;width:100%;text-align:center}.oxy-pro-menu.oxy-pro-menu-off-canvas .sub-menu,.oxy-pro-menu.oxy-pro-menu-open .sub-menu{display:none;visibility:visible;opacity:1;position:static;align-items:center;justify-content:center;white-space:normal;width:100%}.oxy-pro-menu.oxy-pro-menu-off-canvas .menu-item,.oxy-pro-menu.oxy-pro-menu-open .menu-item{justify-content:center;min-height:32px}.oxy-pro-menu .menu-item.menu-item-has-children,.oxy-pro-menu .sub-menu .menu-item.menu-item-has-children{flex-direction:row;align-items:center}.oxy-pro-menu .menu-item > a{display:inline-flex;align-items:center;justify-content:center}.oxy-pro-menu.oxy-pro-menu-off-canvas .menu-item-has-children > a .oxy-pro-menu-dropdown-icon-click-area,.oxy-pro-menu.oxy-pro-menu-open .menu-item-has-children > a .oxy-pro-menu-dropdown-icon-click-area{min-width:32px;min-height:32px}.oxy-pro-menu .menu-item-has-children > a .oxy-pro-menu-dropdown-icon-click-area{display:flex;align-items:center;justify-content:center}.oxy-pro-menu .menu-item-has-children > a svg{width:1.4em;height:1.4em;fill:currentColor;transition-property:transform}.oxy-pro-menu.oxy-pro-menu-off-canvas .menu-item > a svg,.oxy-pro-menu.oxy-pro-menu-open .menu-item > a svg{width:1em;height:1em}.oxy-pro-menu-off-canvas .oxy-pro-menu-container:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-dropdown-icon-click-area,.oxy-pro-menu-open .oxy-pro-menu-container:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-dropdown-icon-click-area{display:none}.oxy-pro-menu-off-canvas .menu-item:not(.menu-item-has-children) .oxy-pro-menu-dropdown-icon-click-area,.oxy-pro-menu-open .menu-item:not(.menu-item-has-children) .oxy-pro-menu-dropdown-icon-click-area{min-height:32px;width:0px}.oxy-pro-menu.oxy-pro-menu-off-canvas .oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-list .menu-item-has-children,.oxy-pro-menu.oxy-pro-menu-open .oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-dropdown-links-toggle) .oxy-pro-menu-list .menu-item-has-children{padding-right:0px}.oxy-pro-menu-container .menu-item a{width:100%;text-align:center}.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) ul:not(.sub-menu) > li > .sub-menu{top:100%;left:0}.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .sub-menu{top:0;left:100%}.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) a{-webkit-tap-highlight-color:transparent}.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul,.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{border-radius:0px !important;width:100%}.oxy-pro-menu-dropdown-animating[data-aos*="down"]{pointer-events:none}.sub-menu .oxy-pro-menu-dropdown-animating[data-aos*="down"]{pointer-events:auto}.sub-menu .oxy-pro-menu-dropdown-animating[data-aos*="right"]{pointer-events:none}.sub-menu .oxy-pro-menu-dropdown-animating.sub-menu-left[data-aos*="left"]{pointer-events:none}.oxy-pro-menu-dropdown-animating-out{pointer-events:none}.oxy-pro-menu-list .menu-item a{border-color:transparent}.oxy-pro-menu-list .menu-item.current-menu-item a,.oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within,.oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover{border-color:currentColor}#-pro-menu-363-34 .oxy-pro-menu-list .menu-item,#-pro-menu-363-34 .oxy-pro-menu-list .menu-item a{color:#eeeeee;font-weight:400;transition-duration:0.25s}#-pro-menu-363-34 .oxy-pro-menu-list .menu-item a{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px}#-pro-menu-363-34 .oxy-pro-menu-list > .menu-item{margin-right:5px;margin-left:5px}#-pro-menu-363-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,#-pro-menu-363-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within{color:#ffffff;background-color:rgba(255,255,255,0)}#-pro-menu-363-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,#-pro-menu-363-34 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within,#-pro-menu-363-34 .oxy-pro-menu-list .menu-item a{border-top-width:0px;border-bottom-width:0px}#-pro-menu-363-34 .sub-menu{border-radius:4px}#-pro-menu-363-34 .sub-menu > li:last-child > a{border-bottom-left-radius:4px;border-bottom-right-radius:4px}#-pro-menu-363-34 .sub-menu > li:first-child > a{border-top-left-radius:4px;border-top-right-radius:4px}#-pro-menu-363-34 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{font-size:0.7em;margin-left:5px}#-pro-menu-363-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{background-color:var(--primary-trans-90);color:#ffffff;padding-top:12px;padding-right:12px;padding-bottom:8px;padding-left:12px}#-pro-menu-363-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a:hover,#-pro-menu-363-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a:focus-within{background-color:var(--secondary-trans-90);color:#ffffff}#-pro-menu-363-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item,#-pro-menu-363-34 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{font-size:0.9em}#-pro-menu-363-34:hover{oxy-pro-menu-slug-oxypromenulistmenuitemmenuitemmenuitemmenuitemabackground-color:rgba(255,255,255,0);oxy-pro-menu-slug-oxypromenulistmenuitemmenuitemmenuitemmenuitemacolor:#ffffff;oxy-pro-menu-slug-oxypromenucontainernotoxypromenuopencontainernotoxypromenuoffcanvascontainersubmenumenuitemabackground-color:var(--secondary-trans-90)}@media (max-width:1440px){#-pro-menu-363-34{display:none}} #section-427-109 > .ct-section-inner-wrap{padding-top:60px;display:grid;align-items:start;grid-template-columns:repeat(3,minmax(200px,1fr));grid-column-gap:3rem;grid-row-gap:20px}#section-427-109 > .ct-section-inner-wrap > :nth-child(1){grid-column:span 2}#section-427-109{display:block}#section-427-109{background-image:linear-gradient(#eeeeee,#ffffff)}#section-245-34 > .ct-section-inner-wrap{padding-top:188px}#section-245-34{background-position:center center}@media (max-width:991px){#section-427-109 > .ct-section-inner-wrap{display:grid;align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:0rem;grid-row-gap:4rem}#section-427-109{display:block}}@media (max-width:767px){#section-427-109 > .ct-section-inner-wrap{display:grid;align-items:stretch;grid-template-columns:repeat(1,minmax(200px,1fr));grid-column-gap:0rem;grid-row-gap:20px}#section-427-109{display:block}}#div_block-435-109{min-height:400px}@media (max-width:767px){#div_block-432-109{display:none}}@media (max-width:767px){#div_block-253-34{align-items:center}}#headline-439-109{margin-bottom:36px}#headline-246-34{color:#ffffff;font-size:4em;text-shadow:1px 1px 3px rgba(33,33,33,0.4)}@media (max-width:767px){#headline-246-34{font-size:3rem}}@media (max-width:479px){#headline-439-109{font-size:2.6em}}#text_block-254-34{color:#ffffff}#link_button-249-34{}#image-434-109{min-height:650px}#image-447-109{display:none}@media (max-width:991px){#image-436-109{height:auto}}@media (max-width:767px){#image-447-109{border-top-left-radius:var(--radius-xxl) ;border-bottom-left-radius:var(--radius-xxl) ;border-top-right-radius:var(--radius-xxl) ;border-bottom-right-radius:var(--radius-xxl) ;border-top-color:var(--primary-light);border-right-color:var(--primary-light);border-bottom-color:var(--primary-light);border-left-color:var(--primary-light);border-top-width:15px;border-right-width:15px;border-bottom-width:15px;border-left-width:15px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;display:flex}}#shortcode-443-109{font-size:0.8em}#span-247-34{font-size:0.5em;color:#ffffff}.oxy_shape_divider{position:absolute;left:0;right:0;bottom:-1px;pointer-events:none}.oxy_shape_divider > svg{min-width:100%;position:absolute;bottom:0;left:0;z-index:0;transform-origin:bottom center}.oxy_shape_divider_top{top:-1px;bottom:initial}.oxy_shape_divider_flipped{transform:scaleX(-1)}#-shape-divider-426-109 .oxy_shape_divider{color:#ffffff}#-shape-divider-426-109 .oxy_shape_divider svg{height:125px}@media (max-width:991px){#-shape-divider-426-109 .oxy_shape_divider svg{height:50px}}div.ct-section-inner-wrap,div.oxy-header-container{max-width:1440px} .ct-section { width:100%; background-size:cover; background-repeat:repeat; } .ct-section>.ct-section-inner-wrap { display:flex; flex-direction:column; align-items:flex-start; } .ct-div-block { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .ct-new-columns { display:flex; width:100%; flex-direction:row; align-items:stretch; justify-content:center; flex-wrap:wrap; } .ct-link-text { display:inline-block; } .ct-link { display:flex; flex-wrap:wrap; text-align:center; text-decoration:none; flex-direction:column; align-items:center; justify-content:center; } .ct-link-button { display:inline-block; text-align:center; text-decoration:none; } .ct-link-button { background-color: #1e73be; border: 1px solid #1e73be; color: #ffffff; padding: 10px 16px; } .ct-image { max-width:100%; } .ct-fancy-icon>svg { width:55px;height:55px;} .ct-inner-content { width:100%; } .ct-slide { display:flex; flex-wrap:wrap; text-align:center; flex-direction:column; align-items:center; justify-content:center; } .ct-nestable-shortcode { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-comments { width:100%; text-align:left; } .oxy-comment-form { width:100%; } .oxy-login-form { width:100%; } .oxy-search-form { width:100%; } .oxy-tabs-contents { display:flex; width:100%; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-tab { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-tab-content { display:flex; width:100%; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-testimonial { width:100%; } .oxy-icon-box { width:100%; } .oxy-pricing-box { width:100%; } .oxy-posts-grid { width:100%; } .oxy-gallery { width:100%; } .ct-slider { width:100%; } .oxy-tabs { display:flex; flex-wrap:nowrap; flex-direction:row; align-items:stretch; } .ct-modal { flex-direction:column; align-items:flex-start; } .ct-span { display:inline-block; text-decoration:inherit; } .ct-widget { width:100%; } .oxy-dynamic-list { width:100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ct-div-block, .oxy-post-content, .ct-text-block, .ct-headline, .oxy-rich-text, .ct-link-text { max-width: 100%; } img { flex-shrink: 0; } body * { min-height: 1px; } } .oxy-testimonial { flex-direction: row; align-items: center; } .oxy-testimonial .oxy-testimonial-photo-wrap { order: 1; } .oxy-testimonial .oxy-testimonial-photo { width: 125px; height: 125px; margin-right: 20px; } .oxy-testimonial .oxy-testimonial-photo-wrap, .oxy-testimonial .oxy-testimonial-author-wrap, .oxy-testimonial .oxy-testimonial-content-wrap { align-items: flex-start; text-align: left; } .oxy-testimonial .oxy-testimonial-text { margin-bottom:8px;font-size: 21px; line-height: 1.4; -webkit-font-smoothing: subpixel-antialiased; } .oxy-testimonial .oxy-testimonial-author { font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; } .oxy-testimonial .oxy-testimonial-author-info { font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; } .oxy-icon-box { text-align: left; flex-direction: column; } .oxy-icon-box .oxy-icon-box-icon { margin-bottom: 12px; align-self: flex-start; } .oxy-icon-box .oxy-icon-box-heading { font-size: 21px; margin-bottom: 12px; } .oxy-icon-box .oxy-icon-box-text { font-size: 16px; margin-bottom: 12px;align-self: flex-start; } .oxy-icon-box .oxy-icon-box-link { margin-top: 20px; } /* GLOBALS */ .oxy-pricing-box .oxy-pricing-box-section { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-align: center; } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price { justify-content: center; } /* IMAGE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic { justify-content: center; } /* TITLE */ .oxy-pricing-box .oxy-pricing-box-title-title { font-size: 48px; } .oxy-pricing-box .oxy-pricing-box-title-subtitle { font-size: 24px; } /* PRICE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price { flex-direction: row; } .oxy-pricing-box .oxy-pricing-box-currency { font-size: 28px; } .oxy-pricing-box .oxy-pricing-box-amount-main { font-size: 80px; line-height: 0.7; } .oxy-pricing-box .oxy-pricing-box-amount-decimal { font-size: 13px; } .oxy-pricing-box .oxy-pricing-box-term { font-size: 16px; } .oxy-pricing-box .oxy-pricing-box-sale-price { font-size: 12px; color: rgba(0,0,0,0.5); margin-bottom: 20px; } /* CONTENT */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content { font-size: 16px; color: rgba(0,0,0,0.5); } /* CTA */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta { justify-content: center; } .oxy-progress-bar .oxy-progress-bar-background { background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; } .oxy-progress-bar .oxy-progress-bar-progress-wrap { width: 85%; } .oxy-progress-bar .oxy-progress-bar-progress { background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); } .oxy-progress-bar .oxy-progress-bar-overlay-text { font-size: 30px; font-weight: 900; -webkit-font-smoothing: subpixel-antialiased; } .oxy-progress-bar .oxy-progress-bar-overlay-percent { font-size: 12px; } .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide { padding: 0px; } .oxy-superbox .oxy-superbox-secondary, .oxy-superbox .oxy-superbox-primary { transition-duration: 0.5s; } .oxy-shape-divider { width: 0px; height: 0px; } .oxy_shape_divider svg { width: 100%; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{ box-shadow:px px px px ;} .oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{ margin-left:0px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{ width:30px; height:30px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon{ padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon{ top:20px; left:20px; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{ width:24px; height:24px; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{ background-color:#ffffff; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{ } .oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{ font-size:24px; } .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{ background-color:rgba(0,0,0,0.2); border-top-style:solid; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{ flex-direction: row; } .oxy-pro-menu .oxy-pro-menu-container .menu-item a{ text-align: left; justify-content: flex-start; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{ align-items: flex-start; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container{ top: 0; bottom: 0; right: auto; left: 0; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{ text-align: left; justify-content: flex-start; } .oxy-site-navigation { --oxynav-brand-color:#4831B0; --oxynav-neutral-color:#FFFFFF; --oxynav-activehover-color:#EFEDF4; --oxynav-background-color:#4831B0; --oxynav-border-radius:0px; --oxynav-other-spacing:8px; --oxynav-transition-duration:0.3s; --oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93); } .oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{ text-align:left; } .oxy-site-navigation > ul{ left: 0; } .oxy-site-navigation { --oxynav-animation-name: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ background-color: var(--oxynav-brand-color); transition: var(--oxynav-transition-duration); margin-left: var(--oxynav-other-spacing); border: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ background: transparent; border: 1px solid currentColor; transition: var(--oxynav-transition-duration); margin-left: var(--oxynav-other-spacing); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{ filter: invert(0) !important; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{ background-color: var(--oxynav-activehover-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{ color: var(--oxynav-neutral-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{ color: var(--oxynav-neutral-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{ display: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{ display: none; } .ct-section-inner-wrap, .oxy-header-container{ max-width: 1440px; } body {font-family: 'mukta',"mukta Fallback";}body {line-height: 1.6;font-size: font-size: clamp(1.125rem, 0.9688rem + 0.5vw, 1.25rem); ;font-weight: 300;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans';font-size: clamp(4.6rem, calc(4.6rem + ((1vw - 0.32rem) * 1.6667)), 5.2rem) ;font-weight: 600;line-height: 1.25;}h2, h3, h4, h5, h6{font-size: clamp(3.2rem, calc(3.2rem + ((1vw - 0.32rem) * 1.6667)), 3.6rem) ;font-weight: 700;line-height: 1.25;}h3, h4, h5, h6{font-size: clamp(3.0rem, calc(3.0rem + ((1vw - 0.32rem) * 1.6667)), 3.4rem) ;font-weight: 600;line-height: 1.25;}h4, h5, h6{font-size: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 1.0417)), 3rem) ;font-weight: 600;line-height: 1.25;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: var(--secondary);font-weight: 600;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap { padding-top: 50px; padding-right: 3.2rem; padding-bottom: 50px; padding-left: 3.2rem; }.ct-new-columns > .ct-div-block { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }.oxy-header-container { padding-right: 3.2rem; padding-left: 3.2rem; }@media (max-width: 992px) { .ct-columns-inner-wrap { display: block !important; } .ct-columns-inner-wrap:after { display: table; clear: both; content: ""; } .ct-column { width: 100% !important; margin: 0 !important; } .ct-columns-inner-wrap { margin: 0 !important; } } .gap--xs { } .text--s { } .grid--2 { } .gap--l { } .stretch { } .grid--m-1 { } .sticky { } .sticky-top--l { } .owl--m { } .width--l { } .center--left { } .flex--row { } .bg--primary-ultra-light { } .rounded--s { } .align-items--center { } .bg--white { } .margin-right--xs { } .margin-top--l { } .oxy-stock-content-styles { } .self--center { } .bg--base-ultra-light { } .margin-top--m { } .center--all { } .text--primary { } .margin-top--xl { } .text--left { } .self--end { } .margin-bottom--xl { } .grid--1-2 { } .grid--l-1 { } .col-span--1 { } .sticky-top--m { } .width--full { } .width--m { } .order--first-l { } .owl--s { } .text--shade-medium { } .center--self { } .margin-top--xs { } .margin-top--s { } .margin-top--xxl { } .pad-section--s { } .origin-blog__card { } .origin-blog__img-wrapper { } .object-fit--cover { } .rounded--m { } .origin-blog__content-wrapper { } .pad--m { } .origin-blog__category { } .origin-blog__title { } .origin-blog__excerpt { } .grid--5 { } .gap--m { } .col-span--2 { } .col-span--m-1 { } .col-span--3 { } .grid--2-1 { } .om-blog-r13__card-wrapper { margin-top:var(--space-m) ; } .om-blog-r13__card-wrapper:not(.ct-section):not(.oxy-easy-posts), .om-blog-r13__card-wrapper.oxy-easy-posts .oxy-posts, .om-blog-r13__card-wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;} .om-blog-r13__card-wrapper:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1), .om-blog-r13__card-wrapper.ct-section .ct-section-inner-wrap > :nth-child(1), .om-blog-r13__card-wrapper.oxy-easy-posts .oxy-posts > :nth-child(1){ grid-row: span 5;height: 100%;} @media (max-width: 991px) { .om-blog-r13__card-wrapper { } .om-blog-r13__card-wrapper:not(.ct-section):not(.oxy-easy-posts), .om-blog-r13__card-wrapper.oxy-easy-posts .oxy-posts, .om-blog-r13__card-wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;} .om-blog-r13__card-wrapper:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1), .om-blog-r13__card-wrapper.ct-section .ct-section-inner-wrap > :nth-child(1), .om-blog-r13__card-wrapper.oxy-easy-posts .oxy-posts > :nth-child(1){ grid-row: span 1;} } @media (max-width: 767px) { .om-blog-r13__card-wrapper { } .om-blog-r13__card-wrapper:not(.ct-section):not(.oxy-easy-posts), .om-blog-r13__card-wrapper.oxy-easy-posts .oxy-posts, .om-blog-r13__card-wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;} } .om-blog-r13__card { } .om-blog-r13__img-wrapper { position:relative; } .om-blog-r13__card-category { position:absolute; top:10px; left:10px; background-color:var(--primary-ultra-light); padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; border-radius:var(--radius-xs) ; } .om-blog-r13__content-wrapper { } @media (max-width: 991px) { .om-blog-r13__content-wrapper { margin-top:var(--space-m) ; } } .om-blog-r13__card-meta { font-size:var(--text-xs) ; } .om-blog-r13__card-heading { } .om-blog-r13__card-excerpt { } .tabs-6186-tab { } .tabs-6186-tab-active { } .tabs-contents-6186-tab { } .om-blog-r13__tab-card { margin-bottom:var(--space-s) ; } .om-blog-r13__tab-card:not(.ct-section):not(.oxy-easy-posts), .om-blog-r13__tab-card.oxy-easy-posts .oxy-posts, .om-blog-r13__tab-card.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } @media (max-width: 479px) { .om-blog-r13__tab-card { } .om-blog-r13__tab-card:not(.ct-section):not(.oxy-easy-posts), .om-blog-r13__tab-card.oxy-easy-posts .oxy-posts, .om-blog-r13__tab-card.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } } .om-blog-r13__tab-card--img:ct_depth{ } .om-blog-r13__tab-card--img { width:30%; margin-right:var(--space-s) ; } @media (max-width: 991px) { .om-blog-r13__tab-card--img { width:50%; } } @media (max-width: 479px) { .om-blog-r13__tab-card--img { width:100%; margin-right:0 ; } } .om-blog-r13__tab-card--cont:ct_depth{ } .om-blog-r13__tab-card--cont { width:70%; } @media (max-width: 991px) { .om-blog-r13__tab-card--cont { width:50%; } } @media (max-width: 479px) { .om-blog-r13__tab-card--cont { width:100%; margin-top:var(--space-s) ; } } .breakout--full { } .gap--xl { } .pad--l { } .btn--s { } .btn--primary { } .margin-right--s { } .margin-left--s { } .text--shade-dark { } .feature-1 { } .feature-1:not(.ct-section):not(.oxy-easy-posts), .feature-1.oxy-easy-posts .oxy-posts, .feature-1.ct-section .ct-section-inner-wrap{ align-items:center; } .feature-1-container { width:100%; gap:var(--space-xl) ; } .feature-1-container:not(.ct-section):not(.oxy-easy-posts), .feature-1-container.oxy-easy-posts .oxy-posts, .feature-1-container.ct-section .ct-section-inner-wrap{ gap:var(--space-xl) ; } .section-intro { text-align:center; gap:var(--space-s) ; } .section-intro:not(.ct-section):not(.oxy-easy-posts), .section-intro.oxy-easy-posts .oxy-posts, .section-intro.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; gap:var(--space-s) ; } .section-intro__tagline { } .section-intro__heading { } .section-intro__desc { } .feature-1-grid-ul { width:100%; } .list--none { } .feature-1-card { width:100%; } .feature-1-card:not(.ct-section):not(.oxy-easy-posts), .feature-1-card.oxy-easy-posts .oxy-posts, .feature-1-card.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 0 ;grid-row-gap: 20px;} @media (max-width: 991px) { .feature-1-card { } .feature-1-card:not(.ct-section):not(.oxy-easy-posts), .feature-1-card.oxy-easy-posts .oxy-posts, .feature-1-card.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;} } .feature-1-card__content { padding-top:var(--space-xxl) ; padding-right:var(--space-xxl) ; padding-bottom:var(--space-xxl) ; padding-left:var(--space-xxl) ; gap:var(--space-s) ; margin-left:auto; } .feature-1-card__content:not(.ct-section):not(.oxy-easy-posts), .feature-1-card__content.oxy-easy-posts .oxy-posts, .feature-1-card__content.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; justify-content:center; gap:var(--space-s) ; } .feature-1-card__heading { } .feature-1-card__text { } .om-list-ul { gap:var(--space-xs) ; } .om-list-ul:not(.ct-section):not(.oxy-easy-posts), .om-list-ul.oxy-easy-posts .oxy-posts, .om-list-ul.ct-section .ct-section-inner-wrap{ gap:var(--space-xs) ; } .om-item-li { gap:var(--space-xs) ; } .om-item-li:not(.ct-section):not(.oxy-easy-posts), .om-item-li.oxy-easy-posts .oxy-posts, .om-item-li.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; gap:var(--space-xs) ; } .om-item-li__icon { color: #333333;}.om-item-li__icon >svg {width: 55px;height: 55px;}.om-item-li__icon { } .om-item-li__text { } .feature-1-card__icon { background-color: #f4f4f4; border: 1px solid #f4f4f4; padding: 30px;color: var(--primary);}.feature-1-card__icon >svg {width: 24px;height: 24px;}.feature-1-card__icon { } .feature-1-card__media-wrapper { width:100%; height:100%; } .feature-1-card__figure { width:100%; height:100%; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .feature-1-card__image { width:100%; height:100%; object-fit:cover; } .feature-1-grid-repeater { } .center--all-m { } .gap--s { } .justify-content--end { } .btn--outline { } .height--90 { } .overlay--base-trans-60 { } .grid--auto-2 { } .justify-content--center { } .text--primary-light { } .text--white { } .owl--xxl { } .grid--3 { } .grid--l-2 { } .contact-21__card { background-color:white; padding-top:var(--space-m) ; padding-left:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; border-top-color:var(--primary-ultra-light); border-right-color:var(--primary-ultra-light); border-bottom-color:var(--primary-ultra-light); border-left-color:var(--primary-ultra-light); border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-radius:0.3rem; } @media (max-width: 991px) { .contact-21__card:last-of-type{ margin-top:6rem; } } @media (max-width: 767px) { .contact-21__card { margin-top:6rem; } } .contact-21__card--img-wrap { width:150px; height:150px; border-radius:50rem; overflow:hidden; border-top-color:var(--primary-ultra-light); border-right-color:var(--primary-ultra-light); border-bottom-color:var(--primary-ultra-light); border-left-color:var(--primary-ultra-light); border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; margin-top:-11rem; box-shadow:0px 9px 20px -5px rgba(0,0,0,0.21); } @media (max-width: 991px) { .contact-21__card--img-wrap { width:100px; height:100px; margin-top:-8rem; } } .contact-21__card--heading { color:var(--primary); margin-top:var(--space-m) ; } .contact-21__card--desc { margin-top:var(--space-m) ; } .col-span--l-2 { } .owl--xl { } .pad-section--xs { } .center--all-l { } .width--xs { } .col-span--l-1 { } .content-2 { } .content-2 .ct-section-inner-wrap { padding-bottom: 50px; } .content-2-container { width:100%; } .content-2-container:not(.ct-section):not(.oxy-easy-posts), .content-2-container.oxy-easy-posts .oxy-posts, .content-2-container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0 , 1fr));grid-column-gap: var(--space-l) ;grid-row-gap: 20px;} @media (max-width: 991px) { .content-2-container { } .content-2-container:not(.ct-section):not(.oxy-easy-posts), .content-2-container.oxy-easy-posts .oxy-posts, .content-2-container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: var(--space-xl) ;} } .content-2-content { } .content-2-content__tagline { color:var(--primary); } .content-2-content__heading { } .content-2-content__desc { } .content-2-content__cta-wrapper { } .content-2-content__cta-wrapper:not(.ct-section):not(.oxy-easy-posts), .content-2-content__cta-wrapper.oxy-easy-posts .oxy-posts, .content-2-content__cta-wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: var(--space-s) ;grid-row-gap: 20px;} .content-2-content__cta-primary { background-color :var(--primary); border: 1px solid var(--primary); }.content-2-content__cta-primary { border-radius:0 ; } .content-2-content__cta-secondary { background-color :transparent; border: 1px solid transparent; color: var(--primary); }.content-2-content__cta-secondary { } .content-2-media { height:100%; position:relative; } .content-2-media__figure { margin-top:0 ; margin-right:0 ; margin-bottom:0 ; margin-left:0 ; width:100%; height:100%; border-radius:6.25em; overflow:hidden; } @media (max-width: 991px) { .content-2-media__figure { border-radius:3.125em; width:75%; } } .content-2-media__img { object-fit:cover; width:100%; height:100%; } @media (max-width: 991px) { .content-2-media__img { height:450px; } } .content-2-media__figure-side { width:80%; height:80%; border-radius:6.25em; position:absolute; right:-3.125em; bottom:-3.125em; border-top-width:1.5em; border-right-width:1.5em; border-bottom-width:1.5em; border-left-width:1.5em; border-top-color:var(--white); border-right-color:var(--white); border-bottom-color:var(--white); border-left-color:var(--white); border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } @media (max-width: 1440px) { .content-2-media__figure-side { right:-1.25em; bottom:-2.1875em; } } @media (max-width: 991px) { .content-2-media__figure-side { border-radius:3.125em; width:60%; right:0em; bottom:-3em; } } @media (max-width: 767px) { .content-2-media__figure-side { border-top-width:1em; border-right-width:1em; border-bottom-width:1em; border-left-width:1em; } } .grid-9 { } .grid-9-container { width:100%; gap:var(--space-m) ; } .grid-9-container:not(.ct-section):not(.oxy-easy-posts), .grid-9-container.oxy-easy-posts .oxy-posts, .grid-9-container.ct-section .ct-section-inner-wrap{ display:grid; gap:var(--space-m) ; display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(0 , 1fr));grid-column-gap: var(--space-m) ;grid-row-gap: var(--space-m) ;} @media (max-width: 991px) { .grid-9-container { } .grid-9-container:not(.ct-section):not(.oxy-easy-posts), .grid-9-container.oxy-easy-posts .oxy-posts, .grid-9-container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: var(--space-l) ;} } .grid-9-card { box-shadow:0px 4px 56px var(--shade-light-trans-40); } .grid-9-card:not(.ct-section):not(.oxy-easy-posts), .grid-9-card.oxy-easy-posts .oxy-posts, .grid-9-card.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .grid-9-card__box { width:100%; padding-top:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; padding-left:var(--space-m) ; gap:var(--space-s) ; } .grid-9-card__box:not(.ct-section):not(.oxy-easy-posts), .grid-9-card__box.oxy-easy-posts .oxy-posts, .grid-9-card__box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; gap:var(--space-s) ; } .grid-9-card__box-title { } .grid-9-card__box-desc { margin-top:0 ; margin-bottom:0 ; } .grid-9-card__box-cta { } .grid-9-card__media { width:100%; order:-1; } .grid-9-card__media-figure { margin-top:0 ; margin-right:0 ; margin-bottom:0 ; margin-left:0 ; width:100%; } .grid-9-card__media-src { width:100%; height:13.88888888888889em; object-fit:cover; } .grid--3-2 { } .text--l { } .order--first-m { } .grid-3 { } .grid-3-container { width:100%; padding-left:0 ; padding-right:0 ; margin-top:0 ; margin-bottom:0 ; } .grid-3-container:not(.ct-section):not(.oxy-easy-posts), .grid-3-container.oxy-easy-posts .oxy-posts, .grid-3-container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(0 , 1fr));grid-column-gap: var(--space-xxl) ;grid-row-gap: var(--space-xxl) ;} @media (max-width: 991px) { .grid-3-container { } .grid-3-container:not(.ct-section):not(.oxy-easy-posts), .grid-3-container.oxy-easy-posts .oxy-posts, .grid-3-container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: var(--space-l) ;grid-row-gap: var(--space-l) ;} } .grid-3-content { gap:var(--space-xs) ; } .grid-3-content:not(.ct-section):not(.oxy-easy-posts), .grid-3-content.oxy-easy-posts .oxy-posts, .grid-3-content.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; gap:var(--space-xs) ; } .grid-3-content__title { } .grid-3-content__desc { margin-top:0 ; margin-bottom:0 ; } .grid-3-content__icon { color: #753af2;}.grid-3-content__icon >svg {width: 40px;height: 40px;}.grid-3-content__icon { order: -1; } .align-content--baseline { } .align-content--center { } .align-content--end { } .align-content--start { } .align-items--baseline { } .align-items--end { } .align-items--start { } .bg--accent { } .bg--accent-comp { } .bg--accent-dark { } .bg--accent-hover { } .bg--accent-light { } .bg--accent-medium { } .bg--accent-trans-10 { } .bg--accent-trans-20 { } .bg--accent-trans-40 { } .bg--accent-trans-60 { } .bg--accent-trans-80 { } .bg--accent-trans-90 { } .bg--accent-ultra-dark { } .bg--accent-ultra-dark-trans-10 { } .bg--accent-ultra-dark-trans-20 { } .bg--accent-ultra-dark-trans-40 { } .bg--accent-ultra-dark-trans-60 { } .bg--accent-ultra-dark-trans-80 { } .bg--accent-ultra-dark-trans-90 { } .bg--accent-ultra-light { } .bg--base { } .bg--base-comp { } .bg--base-dark { } .bg--base-hover { } .bg--base-light { } .bg--base-medium { } .bg--base-trans-10 { } .bg--base-trans-20 { } .bg--base-trans-40 { } .bg--base-trans-60 { } .bg--base-trans-80 { } .bg--base-trans-90 { } .bg--base-ultra-dark { } .bg--base-ultra-dark-trans-10 { } .bg--base-ultra-dark-trans-20 { } .bg--base-ultra-dark-trans-40 { } .bg--base-ultra-dark-trans-60 { } .bg--base-ultra-dark-trans-80 { } .bg--base-ultra-dark-trans-90 { } .bg--black { } .bg--black-trans-10 { } .bg--black-trans-20 { } .bg--black-trans-40 { } .bg--black-trans-60 { } .bg--black-trans-80 { } .bg--black-trans-90 { } .bg--primary { } .bg--primary-comp { } .bg--primary-dark { } .bg--primary-hover { } .bg--primary-light { } .bg--primary-medium { } .bg--primary-trans-10 { } .bg--primary-trans-20 { } .bg--primary-trans-40 { } .bg--primary-trans-60 { } .bg--primary-trans-80 { } .bg--primary-trans-90 { } .bg--primary-ultra-dark { } .bg--primary-ultra-dark-trans-10 { } .bg--primary-ultra-dark-trans-20 { } .bg--primary-ultra-dark-trans-40 { } .bg--primary-ultra-dark-trans-60 { } .bg--primary-ultra-dark-trans-80 { } .bg--primary-ultra-dark-trans-90 { } .bg--secondary { } .bg--secondary-comp { } .bg--secondary-dark { } .bg--secondary-hover { } .bg--secondary-light { } .bg--secondary-medium { } .bg--secondary-trans-10 { } .bg--secondary-trans-20 { } .bg--secondary-trans-40 { } .bg--secondary-trans-60 { } .bg--secondary-trans-80 { } .bg--secondary-trans-90 { } .bg--secondary-ultra-dark { } .bg--secondary-ultra-dark-trans-10 { } .bg--secondary-ultra-dark-trans-20 { } .bg--secondary-ultra-dark-trans-40 { } .bg--secondary-ultra-dark-trans-60 { } .bg--secondary-ultra-dark-trans-80 { } .bg--secondary-ultra-dark-trans-90 { } .bg--secondary-ultra-light { } .bg--shade-dark { } .bg--shade-light { } .bg--shade-medium { } .bg--shade-ultra-dark { } .bg--shade-ultra-dark-trans-10 { } .bg--shade-ultra-dark-trans-20 { } .bg--shade-ultra-dark-trans-40 { } .bg--shade-ultra-dark-trans-60 { } .bg--shade-ultra-dark-trans-80 { } .bg--shade-ultra-dark-trans-90 { } .bg--shade-ultra-light { } .box-shadow--l { } .box-shadow--m { } .box-shadow--xl { } .breakout--l { } .breakout--m { } .breakout--s { } .breakout--xl { } .btn--accent { } .btn--base { } .btn--black { } .btn--l { } .btn--m { } .btn--secondary { } .btn--white { } .btn--xl { } .btn--xs { } .btn--xxl { } .center--all-s { } .center--all-xl { } .center--left-l { } .center--left-m { } .center--left-s { } .center--left-xl { } .center--right { } .center--right-l { } .center--right-m { } .center--right-s { } .center--right-xl { } .center--top { } .center--top-l { } .center--top-m { } .center--top-s { } .center--top-xl { } .center--bottom { } .center--bottom-l { } .center--bottom-m { } .center--bottom-s { } .center--bottom-xl { } .col-span--4 { } .col-span--5 { } .col-span--6 { } .col-span--l-3 { } .col-span--l-4 { } .col-span--l-5 { } .col-span--l-6 { } .col-span--m-2 { } .col-span--m-3 { } .col-span--m-4 { } .col-span--m-5 { } .col-span--m-6 { } .col-span--s-1 { } .col-span--s-2 { } .col-span--s-3 { } .col-span--s-4 { } .col-span--s-5 { } .col-span--s-6 { } .col-span--xl-1 { } .col-span--xl-2 { } .col-span--xl-3 { } .col-span--xl-4 { } .col-span--xl-5 { } .col-span--xl-6 { } .flex--col { } .flex--col-l { } .flex--col-m { } .flex--col-reverse { } .flex--col-reverse-l { } .flex--col-reverse-m { } .flex--col-reverse-s { } .flex--col-reverse-xl { } .flex--col-s { } .flex--col-xl { } .flex--row-l { } .flex--row-m { } .flex--row-reverse { } .flex--row-reverse-l { } .flex--row-reverse-m { } .flex--row-reverse-s { } .flex--row-reverse-xl { } .flex--row-s { } .flex--row-xl { } .flex--wrap { } .flip--x { } .flip--xy { } .flip--y { } .gap--xxl { } .grid--1 { } .grid--1-3 { } .grid--2-3 { } .grid--3-1 { } .grid--4 { } .grid--6 { } .grid--auto-1-2 { } .grid--auto-1-3 { } .grid--auto-2-1 { } .grid--auto-2-3 { } .grid--auto-3 { } .grid--auto-3-1 { } .grid--auto-3-2 { } .grid--auto-4 { } .grid--auto-5 { } .grid--auto-6 { } .grid--l-3 { } .grid--l-4 { } .grid--l-5 { } .grid--m-2 { } .grid--m-3 { } .grid--m-4 { } .grid--s-1 { } .grid--s-2 { } .grid--s-3 { } .grid--s-4 { } .grid--xl-1 { } .grid--xl-2 { } .grid--xl-3 { } .grid--xl-4 { } .grid--xl-5 { } .height--30 { } .height--40 { } .height--50 { } .height--60 { } .height--70 { } .height--80 { } .height--full { } .justify-content--around { } .justify-content--between { } .justify-content--start { } .justify-items--center { } .justify-items--end { } .justify-items--start { } .link--accent { } .link--accent-dark { } .link--accent-light { } .link--accent-medium { } .link--accent-ultra-dark { } .link--accent-ultra-light { } .link--base { } .link--base-dark { } .link--base-light { } .link--base-medium { } .link--base-ultra-dark { } .link--base-ultra-light { } .link--black { } .link--primary { } .link--primary-dark { } .link--primary-light { } .link--primary-medium { } .link--primary-ultra-dark { } .link--primary-ultra-light { } .link--secondary { } .link--secondary-dark { } .link--secondary-light { } .link--secondary-medium { } .link--secondary-ultra-dark { } .link--secondary-ultra-light { } .link--shade-dark { } .link--shade-light { } .link--shade-medium { } .link--shade-ultra-dark { } .link--shade-ultra-light { } .link--white { } .margin-bottom--l { } .margin-bottom--m { } .margin-bottom--s { } .margin-bottom--xs { } .margin-bottom--xxl { } .margin-left--l { } .margin-left--m { } .margin-left--xl { } .margin-left--xs { } .margin-left--xxl { } .margin-right--l { } .margin-right--m { } .margin-right--xl { } .margin-right--xxl { } .max-height--30 { } .max-height--40 { } .max-height--50 { } .max-height--60 { } .max-height--70 { } .max-height--80 { } .max-height--90 { } .object-fit--bottom-center { } .object-fit--bottom-left { } .object-fit--bottom-right { } .object-fit--center-left { } .object-fit--center-right { } .object-fit--contain { } .object-fit--top-center { } .object-fit--top-left { } .object-fit--top-right { } .opacity--10 { } .opacity--20 { } .opacity--30 { } .opacity--40 { } .opacity--5 { } .opacity--50 { } .opacity--60 { } .opacity--70 { } .opacity--80 { } .opacity--90 { } .opacity--95 { } .overlay--accent-trans-10 { } .overlay--accent-trans-20 { } .overlay--accent-trans-40 { } .overlay--accent-trans-60 { } .overlay--accent-trans-80 { } .overlay--accent-trans-90 { } .overlay--base-trans-10 { } .overlay--base-trans-20 { } .overlay--base-trans-40 { } .overlay--base-trans-80 { } .overlay--base-trans-90 { } .overlay--black-trans-10 { } .overlay--black-trans-20 { } .overlay--black-trans-40 { } .overlay--black-trans-60 { } .overlay--black-trans-80 { } .overlay--black-trans-90 { } .overlay--primary-trans-10 { } .overlay--primary-trans-20 { } .overlay--primary-trans-40 { } .overlay--primary-trans-60 { } .overlay--primary-trans-80 { } .overlay--primary-trans-90 { } .overlay--secondary-trans-10 { } .overlay--secondary-trans-20 { } .overlay--secondary-trans-40 { } .overlay--secondary-trans-60 { } .overlay--secondary-trans-80 { } .overlay--secondary-trans-90 { } .owl--l { } .owl--xs { } .pad--none { } .pad--s { } .pad--xl { } .pad--xs { } .pad--xxl { } .pad-section--l { } .pad-section--none { } .pad-section--xl { } .pad-section--xxl { } .rounded--circle { } .rounded--l { } .rounded--xl { } .rounded--xs { } .rounded--xxl { } .row-span--2 { } .row-span--3 { } .row-span--4 { } .row-span--5 { } .row-span--6 { } .row-span--l-1 { } .row-span--l-2 { } .row-span--l-3 { } .row-span--l-4 { } .row-span--l-5 { } .row-span--l-6 { } .row-span--m-1 { } .row-span--m-2 { } .row-span--m-3 { } .row-span--m-4 { } .row-span--m-5 { } .row-span--m-6 { } .row-span--s-1 { } .row-span--s-2 { } .row-span--s-3 { } .row-span--s-4 { } .row-span--s-5 { } .row-span--s-6 { } .row-span--xl-1 { } .row-span--xl-2 { } .row-span--xl-3 { } .row-span--xl-4 { } .row-span--xl-5 { } .row-span--xl-6 { } .self--start { } .self--stretch { } .sticky-top--s { } .text--accent { } .text--accent-comp { } .text--accent-dark { } .text--accent-light { } .text--accent-medium { } .text--accent-ultra-dark { } .text--accent-ultra-light { } .text--base { } .text--base-comp { } .text--base-dark { } .text--base-light { } .text--base-medium { } .text--base-ultra-dark { } .text--base-ultra-light { } .text--black { } .text--larger { } .text--m { } .text--primary-comp { } .text--primary-dark { } .text--primary-medium { } .text--primary-ultra-dark { } .text--primary-ultra-light { } .text--secondary { } .text--secondary-comp { } .text--secondary-dark { } .text--secondary-light { } .text--secondary-medium { } .text--secondary-ultra-dark { } .text--secondary-ultra-light { } .text--shade-light { } .text--shade-ultra-dark { } .text--shade-ultra-light { } .text--xl { } .text--xs { } .text--xxl { } .width--s { } .width--vp-max { } .width--xl { } .width--xxl { } .order--first { } .order--first-xl { } .order--first-s { } .order--last { } .order--last-xl { } .order--last-l { } .order--last-m { } .order--last-s { } .pad-header--xs { } .pad-header--s { } .pad-header--m { } .pad-header--l { } .pad-header--xl { } .pad-header--xxl { } .aspect--1-1 { } .aspect--1-2 { } .aspect--16-9 { } .aspect--2-1 { } .aspect--2-3 { } .aspect--3-2 { } .aspect--3-4 { } .aspect--4-3 { } .aspect--9-16 { } .aspect--l-1-1 { } .aspect--l-1-2 { } .aspect--l-16-9 { } .aspect--l-2-1 { } .aspect--l-2-3 { } .aspect--l-3-2 { } .aspect--l-3-4 { } .aspect--l-4-3 { } .aspect--l-9-16 { } .aspect--m-1-1 { } .aspect--m-1-2 { } .aspect--m-16-9 { } .aspect--m-2-1 { } .aspect--m-2-3 { } .aspect--m-3-2 { } .aspect--m-3-4 { } .aspect--m-4-3 { } .aspect--m-9-16 { } .aspect--s-1-1 { } .aspect--s-1-2 { } .aspect--s-16-9 { } .aspect--s-2-1 { } .aspect--s-2-3 { } .aspect--s-3-2 { } .aspect--s-3-4 { } .aspect--s-4-3 { } .aspect--s-9-16 { } .aspect--xl-1-1 { } .aspect--xl-1-2 { } .aspect--xl-16-9 { } .aspect--xl-2-1 { } .aspect--xl-2-3 { } .aspect--xl-3-2 { } .aspect--xl-3-4 { } .aspect--xl-4-3 { } .aspect--xl-9-16 { } .bg--accent-light-trans-10 { } .bg--accent-light-trans-20 { } .bg--accent-light-trans-40 { } .bg--accent-light-trans-60 { } .bg--accent-light-trans-80 { } .bg--accent-light-trans-90 { } .bg--base-light-trans-10 { } .bg--base-light-trans-20 { } .bg--base-light-trans-40 { } .bg--base-light-trans-60 { } .bg--base-light-trans-80 { } .bg--base-light-trans-90 { } .bg--primary-light-trans-10 { } .bg--primary-light-trans-20 { } .bg--primary-light-trans-40 { } .bg--primary-light-trans-60 { } .bg--primary-light-trans-80 { } .bg--primary-light-trans-90 { } .bg--secondary-light-trans-10 { } .bg--secondary-light-trans-20 { } .bg--secondary-light-trans-40 { } .bg--secondary-light-trans-60 { } .bg--secondary-light-trans-80 { } .bg--secondary-light-trans-90 { } .bg--shade-light-trans-10 { } .bg--shade-light-trans-20 { } .bg--shade-light-trans-40 { } .bg--shade-light-trans-60 { } .bg--shade-light-trans-80 { } .bg--shade-light-trans-90 { } .bg--shade-trans-10 { } .bg--shade-trans-20 { } .bg--shade-trans-40 { } .bg--shade-trans-60 { } .bg--shade-trans-80 { } .bg--shade-trans-90 { } .bg--white-trans-10 { } .bg--white-trans-20 { } .bg--white-trans-40 { } .bg--white-trans-60 { } .bg--white-trans-80 { } .bg--white-trans-90 { } .col-count--1 { } .col-count--2 { } .col-count--3 { } .col-count--4 { } .col-count--5 { } .col-count--l-1 { } .col-count--l-2 { } .col-count--l-3 { } .col-count--l-4 { } .col-count--l-5 { } .col-count--m-1 { } .col-count--m-2 { } .col-count--m-3 { } .col-count--m-4 { } .col-count--m-5 { } .col-count--s-1 { } .col-count--s-2 { } .col-count--s-3 { } .col-count--s-4 { } .col-count--s-5 { } .col-count--xl-1 { } .col-count--xl-2 { } .col-count--xl-3 { } .col-count--xl-4 { } .col-count--xl-5 { } .col-end--1 { } .col-end--2 { } .col-end--3 { } .col-end--4 { } .col-end--5 { } .col-end--6 { } .col-end--l-1 { } .col-end--l-2 { } .col-end--l-3 { } .col-end--l-4 { } .col-end--l-5 { } .col-end--l-6 { } .col-end--l-last { } .col-end--last { } .col-end--m-1 { } .col-end--m-2 { } .col-end--m-3 { } .col-end--m-4 { } .col-end--m-5 { } .col-end--m-6 { } .col-end--m-last { } .col-end--s-1 { } .col-end--s-2 { } .col-end--s-3 { } .col-end--s-4 { } .col-end--s-5 { } .col-end--s-6 { } .col-end--s-last { } .col-end--xl-1 { } .col-end--xl-2 { } .col-end--xl-3 { } .col-end--xl-4 { } .col-end--xl-5 { } .col-end--xl-6 { } .col-end--xl-last { } .col-gap--l { } .col-gap--m { } .col-gap--s { } .col-gap--xl { } .col-gap--xs { } .col-gap--xxl { } .col-rule--accent { } .col-rule--accent-dark { } .col-rule--accent-light { } .col-rule--accent-medium { } .col-rule--accent-ultra-dark { } .col-rule--accent-ultra-light { } .col-rule--base { } .col-rule--base-dark { } .col-rule--base-light { } .col-rule--base-medium { } .col-rule--base-ultra-dark { } .col-rule--base-ultra-light { } .col-rule--black { } .col-rule--dashed { } .col-rule--dotted { } .col-rule--double { } .col-rule--groove { } .col-rule--inset { } .col-rule--l { } .col-rule--m { } .col-rule--outset { } .col-rule--primary { } .col-rule--primary-dark { } .col-rule--primary-light { } .col-rule--primary-medium { } .col-rule--primary-ultra-dark { } .col-rule--primary-ultra-light { } .col-rule--ridge { } .col-rule--s { } .col-rule--secondary { } .col-rule--secondary-dark { } .col-rule--secondary-light { } .col-rule--secondary-medium { } .col-rule--secondary-ultra-dark { } .col-rule--secondary-ultra-light { } .col-rule--shade-dark { } .col-rule--shade-light { } .col-rule--shade-medium { } .col-rule--shade-ultra-dark { } .col-rule--shade-ultra-light { } .col-rule--solid { } .col-span--all { } .col-start--1 { } .col-start--2 { } .col-start--3 { } .col-start--4 { } .col-start--5 { } .col-start--6 { } .col-start--l-1 { } .col-start--l-2 { } .col-start--l-3 { } .col-start--l-4 { } .col-start--l-5 { } .col-start--l-6 { } .col-start--m-1 { } .col-start--m-2 { } .col-start--m-3 { } .col-start--m-4 { } .col-start--m-5 { } .col-start--m-6 { } .col-start--s-1 { } .col-start--s-2 { } .col-start--s-3 { } .col-start--s-4 { } .col-start--s-5 { } .col-start--s-6 { } .col-start--xl-1 { } .col-start--xl-2 { } .col-start--xl-3 { } .col-start--xl-4 { } .col-start--xl-5 { } .col-start--xl-6 { } .col-width--l { } .col-width--m { } .col-width--s { } .display--block { } .display--contents { } .display--inline { } .display--inline-block { } .display--inline-flex { } .display--l-block { } .display--l-none { } .display--list-item { } .display--m-block { } .display--m-none { } .display--none { } .display--s-block { } .display--s-none { } .display--xl-block { } .display--xl-none { } .focus--accent { } .focus--base { } .focus--black { } .focus--primary { } .focus--secondary { } .focus--shade { } .focus--white { } .gap--l-l { } .gap--l-m { } .gap--l-s { } .gap--l-xl { } .gap--l-xs { } .gap--l-xxl { } .gap--m-l { } .gap--m-m { } .gap--m-s { } .gap--m-xl { } .gap--m-xs { } .gap--m-xxl { } .gap--s-l { } .gap--s-m { } .gap--s-s { } .gap--s-xl { } .gap--s-xs { } .gap--s-xxl { } .gap--xl-l { } .gap--xl-m { } .gap--xl-s { } .gap--xl-xl { } .gap--xl-xs { } .gap--xl-xxl { } .h--1 { } .h--2 { } .h--3 { } .h--4 { } .h--5 { } .h--6 { } .height--l-30 { } .height--l-40 { } .height--l-50 { } .height--l-60 { } .height--l-70 { } .height--l-80 { } .height--l-90 { } .height--m-30 { } .height--m-40 { } .height--m-50 { } .height--m-60 { } .height--m-70 { } .height--m-80 { } .height--m-90 { } .height--s-30 { } .height--s-40 { } .height--s-50 { } .height--s-60 { } .height--s-70 { } .height--s-80 { } .height--s-90 { } .height--xl-30 { } .height--xl-40 { } .height--xl-50 { } .height--xl-60 { } .height--xl-70 { } .height--xl-80 { } .height--xl-90 { } .hidden-accessible { } .link--skip { } .marker--accent { } .marker--accent-comp { } .marker--accent-dark { } .marker--accent-light { } .marker--accent-medium { } .marker--accent-ultra-dark { } .marker--accent-ultra-light { } .marker--base { } .marker--base-comp { } .marker--base-dark { } .marker--base-light { } .marker--base-medium { } .marker--base-ultra-dark { } .marker--base-ultra-light { } .marker--primary { } .marker--primary-comp { } .marker--primary-dark { } .marker--primary-light { } .marker--primary-medium { } .marker--primary-ultra-dark { } .marker--primary-ultra-light { } .marker--secondary { } .marker--secondary-comp { } .marker--secondary-dark { } .marker--secondary-light { } .marker--secondary-medium { } .marker--secondary-ultra-dark { } .marker--secondary-ultra-light { } .marker--shade { } .marker--shade-comp { } .marker--shade-dark { } .marker--shade-light { } .marker--shade-medium { } .marker--shade-ultra-dark { } .marker--shade-ultra-light { } .max-height--l-30 { } .max-height--l-40 { } .max-height--l-50 { } .max-height--l-60 { } .max-height--l-70 { } .max-height--l-80 { } .max-height--l-90 { } .max-height--m-30 { } .max-height--m-40 { } .max-height--m-50 { } .max-height--m-60 { } .max-height--m-70 { } .max-height--m-80 { } .max-height--m-90 { } .max-height--s-30 { } .max-height--s-40 { } .max-height--s-50 { } .max-height--s-60 { } .max-height--s-70 { } .max-height--s-80 { } .max-height--s-90 { } .max-height--xl-30 { } .max-height--xl-40 { } .max-height--xl-50 { } .max-height--xl-60 { } .max-height--xl-70 { } .max-height--xl-80 { } .max-height--xl-90 { } .overlay--accent-light-trans-10 { } .overlay--accent-light-trans-20 { } .overlay--accent-light-trans-40 { } .overlay--accent-light-trans-60 { } .overlay--accent-light-trans-80 { } .overlay--accent-light-trans-90 { } .overlay--accent-ultra-dark-trans-10 { } .overlay--accent-ultra-dark-trans-20 { } .overlay--accent-ultra-dark-trans-40 { } .overlay--accent-ultra-dark-trans-60 { } .overlay--accent-ultra-dark-trans-80 { } .overlay--accent-ultra-dark-trans-90 { } .overlay--base-light-trans-10 { } .overlay--base-light-trans-20 { } .overlay--base-light-trans-40 { } .overlay--base-light-trans-60 { } .overlay--base-light-trans-80 { } .overlay--base-light-trans-90 { } .overlay--base-ultra-dark-trans-10 { } .overlay--base-ultra-dark-trans-20 { } .overlay--base-ultra-dark-trans-40 { } .overlay--base-ultra-dark-trans-60 { } .overlay--base-ultra-dark-trans-80 { } .overlay--base-ultra-dark-trans-90 { } .overlay--primary-light-trans-10 { } .overlay--primary-light-trans-20 { } .overlay--primary-light-trans-40 { } .overlay--primary-light-trans-60 { } .overlay--primary-light-trans-80 { } .overlay--primary-light-trans-90 { } .overlay--primary-ultra-dark-trans-10 { } .overlay--primary-ultra-dark-trans-20 { } .overlay--primary-ultra-dark-trans-40 { } .overlay--primary-ultra-dark-trans-60 { } .overlay--primary-ultra-dark-trans-80 { } .overlay--primary-ultra-dark-trans-90 { } .overlay--secondary-light-trans-10 { } .overlay--secondary-light-trans-20 { } .overlay--secondary-light-trans-40 { } .overlay--secondary-light-trans-60 { } .overlay--secondary-light-trans-80 { } .overlay--secondary-light-trans-90 { } .overlay--secondary-ultra-dark-trans-10 { } .overlay--secondary-ultra-dark-trans-20 { } .overlay--secondary-ultra-dark-trans-40 { } .overlay--secondary-ultra-dark-trans-60 { } .overlay--secondary-ultra-dark-trans-80 { } .overlay--secondary-ultra-dark-trans-90 { } .pad-section--l-l { } .pad-section--l-none { } .pad-section--l-s { } .pad-section--l-xl { } .pad-section--l-xs { } .pad-section--l-xxl { } .pad-section--m { } .pad-section--m-l { } .pad-section--m-none { } .pad-section--m-s { } .pad-section--m-xl { } .pad-section--m-xs { } .pad-section--m-xxl { } .pad-section--s-l { } .pad-section--s-none { } .pad-section--s-s { } .pad-section--s-xl { } .pad-section--s-xs { } .pad-section--s-xxl { } .pad-section--xl-l { } .pad-section--xl-none { } .pad-section--xl-s { } .pad-section--xl-xl { } .pad-section--xl-xs { } .pad-section--xl-xxl { } .relative { } .rounded--50 { } .row-start--1 { } .row-start--2 { } .row-start--3 { } .row-start--4 { } .row-start--5 { } .row-start--6 { } .row-start--l-1 { } .row-start--l-2 { } .row-start--l-3 { } .row-start--l-4 { } .row-start--l-5 { } .row-start--l-6 { } .row-start--m-1 { } .row-start--m-2 { } .row-start--m-3 { } .row-start--m-4 { } .row-start--m-5 { } .row-start--m-6 { } .row-start--s-1 { } .row-start--s-2 { } .row-start--s-3 { } .row-start--s-4 { } .row-start--s-5 { } .row-start--s-6 { } .row-start--xl-1 { } .row-start--xl-2 { } .row-start--xl-3 { } .row-start--xl-4 { } .row-start--xl-5 { } .row-start--xl-6 { } .text--100 { } .text--200 { } .text--300 { } .text--400 { } .text--500 { } .text--600 { } .text--700 { } .text--800 { } .text--900 { } .text--bold { } .text--capitalize { } .text--center { } .text--decoration-none { } .text--italic { } .text--justify { } .text--line-through { } .text--lowercase { } .text--oblique { } .text--overline { } .text--right { } .text--transform-none { } .text--underline { } .text--underline-dashed { } .text--underline-dotted { } .text--underline-double { } .text--underline-wavy { } .text--uppercase { } .visibility--hidden { } .visibility--l-hidden { } .visibility--l-visible { } .visibility--m-hidden { } .visibility--m-visible { } .visibility--s-hidden { } .visibility--s-visible { } .visibility--visible { } .visibility--xl-hidden { } .visibility--xl-visible { } .width--50 { } .width--auto { } .z--0 { } .z--10 { } .z--20 { } .z--30 { } .z--40 { } .z--50 { } .z--60 { } .z--70 { } .z--80 { } .z--90 { } .z--bottom { } .z--l-0 { } .z--l-10 { } .z--l-20 { } .z--l-30 { } .z--l-40 { } .z--l-50 { } .z--l-60 { } .z--l-70 { } .z--l-80 { } .z--l-90 { } .z--l-bottom { } .z--l-top { } .z--m-0 { } .z--m-10 { } .z--m-20 { } .z--m-30 { } .z--m-40 { } .z--m-50 { } .z--m-60 { } .z--m-70 { } .z--m-80 { } .z--m-90 { } .z--m-bottom { } .z--m-top { } .z--s-0 { } .z--s-10 { } .z--s-20 { } .z--s-30 { } .z--s-40 { } .z--s-50 { } .z--s-60 { } .z--s-70 { } .z--s-80 { } .z--s-90 { } .z--s-bottom { } .z--s-top { } .z--top { } .z--xl-0 { } .z--xl-10 { } .z--xl-20 { } .z--xl-30 { } .z--xl-40 { } .z--xl-50 { } .z--xl-60 { } .z--xl-70 { } .z--xl-80 { } .z--xl-90 { } .z--xl-bottom { } .z--xl-top { } .clickable-parent { } .bg--action { } .bg--action-comp { } .bg--action-dark { } .bg--action-hover { } .bg--action-light { } .bg--action-light-trans-10 { } .bg--action-light-trans-20 { } .bg--action-light-trans-40 { } .bg--action-light-trans-60 { } .bg--action-light-trans-80 { } .bg--action-light-trans-90 { } .bg--action-medium { } .bg--action-trans-10 { } .bg--action-trans-20 { } .bg--action-trans-40 { } .bg--action-trans-60 { } .bg--action-trans-80 { } .bg--action-trans-90 { } .bg--action-ultra-dark { } .bg--action-ultra-dark-trans-10 { } .bg--action-ultra-dark-trans-20 { } .bg--action-ultra-dark-trans-40 { } .bg--action-ultra-dark-trans-60 { } .bg--action-ultra-dark-trans-80 { } .bg--action-ultra-dark-trans-90 { } .bg--action-ultra-light { } .btn--action { } .col-rule--action { } .col-rule--action-dark { } .col-rule--action-light { } .col-rule--action-medium { } .col-rule--action-ultra-dark { } .col-rule--action-ultra-light { } .focus--action { } .grid--alternate-xl { } .grid--alternate-l { } .grid--alternate-m { } .grid--alternate-s { } .isolation--isolate { } .link--action { } .link--action-dark { } .link--action-light { } .link--action-medium { } .link--action-ultra-dark { } .link--action-ultra-light { } .marker--action { } .marker--action-comp { } .marker--action-dark { } .marker--action-light { } .marker--action-medium { } .marker--action-ultra-dark { } .marker--action-ultra-light { } .overlay--action-light-trans-10 { } .overlay--action-light-trans-20 { } .overlay--action-light-trans-40 { } .overlay--action-light-trans-60 { } .overlay--action-light-trans-80 { } .overlay--action-light-trans-90 { } .overlay--action-trans-10 { } .overlay--action-trans-20 { } .overlay--action-trans-40 { } .overlay--action-trans-60 { } .overlay--action-trans-80 { } .overlay--action-trans-90 { } .overlay--action-ultra-dark-trans-10 { } .overlay--action-ultra-dark-trans-20 { } .overlay--action-ultra-dark-trans-40 { } .overlay--action-ultra-dark-trans-60 { } .overlay--action-ultra-dark-trans-80 { } .overlay--action-ultra-dark-trans-90 { } .text--action { } .text--action-comp { } .text--action-dark { } .text--action-light { } .text--action-medium { } .text--action-ultra-dark { } .text--action-ultra-light { } .content-gap { } .container-gap { } .grid-gap { } .bg--action-trans-30 { } .bg--action-trans-50 { } .bg--action-trans-70 { } .bg--action-light-trans-30 { } .bg--action-light-trans-50 { } .bg--action-light-trans-70 { } .bg--action-ultra-dark-trans-30 { } .bg--action-ultra-dark-trans-50 { } .bg--action-ultra-dark-trans-70 { } .bg--primary-trans-30 { } .bg--primary-trans-50 { } .bg--primary-trans-70 { } .bg--primary-light-trans-30 { } .bg--primary-light-trans-50 { } .bg--primary-light-trans-70 { } .bg--primary-ultra-dark-trans-30 { } .bg--primary-ultra-dark-trans-50 { } .bg--primary-ultra-dark-trans-70 { } .bg--secondary-trans-30 { } .bg--secondary-trans-50 { } .bg--secondary-trans-70 { } .bg--secondary-light-trans-30 { } .bg--secondary-light-trans-50 { } .bg--secondary-light-trans-70 { } .bg--secondary-ultra-dark-trans-30 { } .bg--secondary-ultra-dark-trans-50 { } .bg--secondary-ultra-dark-trans-70 { } .bg--accent-trans-30 { } .bg--accent-trans-50 { } .bg--accent-trans-70 { } .bg--accent-light-trans-30 { } .bg--accent-light-trans-50 { } .bg--accent-light-trans-70 { } .bg--accent-ultra-dark-trans-30 { } .bg--accent-ultra-dark-trans-50 { } .bg--accent-ultra-dark-trans-70 { } .bg--base-trans-30 { } .bg--base-trans-50 { } .bg--base-trans-70 { } .bg--base-light-trans-30 { } .bg--base-light-trans-50 { } .bg--base-light-trans-70 { } .bg--base-ultra-dark-trans-30 { } .bg--base-ultra-dark-trans-50 { } .bg--base-ultra-dark-trans-70 { } .bg--shade-trans-30 { } .bg--shade-trans-50 { } .bg--shade-trans-70 { } .bg--shade-light-trans-30 { } .bg--shade-light-trans-50 { } .bg--shade-light-trans-70 { } .bg--shade-ultra-dark-trans-30 { } .bg--shade-ultra-dark-trans-50 { } .bg--shade-ultra-dark-trans-70 { } .overlay--action-trans-30 { } .overlay--action-trans-50 { } .overlay--action-trans-70 { } .overlay--action-light-trans-30 { } .overlay--action-light-trans-50 { } .overlay--action-light-trans-70 { } .overlay--action-ultra-dark-trans-30 { } .overlay--action-ultra-dark-trans-50 { } .overlay--action-ultra-dark-trans-70 { } .overlay--primary-trans-30 { } .overlay--primary-trans-50 { } .overlay--primary-trans-70 { } .overlay--primary-light-trans-30 { } .overlay--primary-light-trans-50 { } .overlay--primary-light-trans-70 { } .overlay--primary-ultra-dark-trans-30 { } .overlay--primary-ultra-dark-trans-50 { } .overlay--primary-ultra-dark-trans-70 { } .overlay--secondary-trans-30 { } .overlay--secondary-trans-50 { } .overlay--secondary-trans-70 { } .overlay--secondary-light-trans-30 { } .overlay--secondary-light-trans-50 { } .overlay--secondary-light-trans-70 { } .overlay--secondary-ultra-dark-trans-30 { } .overlay--secondary-ultra-dark-trans-50 { } .overlay--secondary-ultra-dark-trans-70 { } .overlay--accent-trans-30 { } .overlay--accent-trans-50 { } .overlay--accent-trans-70 { } .overlay--accent-light-trans-30 { } .overlay--accent-light-trans-50 { } .overlay--accent-light-trans-70 { } .overlay--accent-ultra-dark-trans-30 { } .overlay--accent-ultra-dark-trans-50 { } .overlay--accent-ultra-dark-trans-70 { } .overlay--base-trans-30 { } .overlay--base-trans-50 { } .overlay--base-trans-70 { } .overlay--base-light-trans-30 { } .overlay--base-light-trans-50 { } .overlay--base-light-trans-70 { } .overlay--base-ultra-dark-trans-30 { } .overlay--base-ultra-dark-trans-50 { } .overlay--base-ultra-dark-trans-70 { } .overlay--shade-trans-30 { } .overlay--shade-trans-50 { } .overlay--shade-trans-70 { } .overlay--shade-light-trans-30 { } .overlay--shade-light-trans-50 { } .overlay--shade-light-trans-70 { } .overlay--shade-ultra-dark-trans-30 { } .overlay--shade-ultra-dark-trans-50 { } .overlay--shade-ultra-dark-trans-70 { } .text--success { } .bg--success { } .link--success { } .text--success-light { } .bg--success-light { } .link--success-light { } .text--danger { } .bg--danger { } .link--danger { } .text--danger-light { } .bg--danger-light { } .link--danger-light { } .text--warning { } .bg--warning { } .link--warning { } .text--warning-light { } .bg--warning-light { } .link--warning-light { } .text--info { } .bg--info { } .link--info { } .text--info-light { } .bg--info-light { } .link--info-light { } .ribbon { } .ribbon--top-right { } .ribbon--top-left { } .center--x { } .center--y { } .form--light { } .form--dark { } .flex-grid--1 { } .flex-grid--2 { } .flex-grid--3 { } .flex-grid--4 { } .flex-grid--5 { } .flex-grid--6 { } .flex-grid--xl-1 { } .flex-grid--xl-2 { } .flex-grid--xl-3 { } .flex-grid--xl-4 { } .flex-grid--xl-5 { } .flex-grid--xl-6 { } .flex-grid--l-1 { } .flex-grid--l-2 { } .flex-grid--l-3 { } .flex-grid--l-4 { } .flex-grid--l-5 { } .flex-grid--l-6 { } .flex-grid--m-1 { } .flex-grid--m-2 { } .flex-grid--m-3 { } .flex-grid--m-4 { } .flex-grid--m-5 { } .flex-grid--m-6 { } .flex-grid--s-1 { } .flex-grid--s-2 { } .flex-grid--s-3 { } .flex-grid--s-4 { } .flex-grid--s-5 { } .flex-grid--s-6 { } .flex--grow { } .blogPost { padding-top:var(--space-l) ; padding-right:var(--space-l) ; padding-bottom:var(--space-l) ; padding-left:var(--space-l) ; border-radius:var(--radius-l) ; background-color:#ffffff; border-top-color:#e3e3e3; border-right-color:#e3e3e3; border-bottom-color:#e3e3e3; border-left-color:#e3e3e3; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .balance { } .unbalance { } .contain { } .content-width { } .content-width--safe { } .overlay--white-trans-10 { } .overlay--white-trans-20 { } .overlay--white-trans-40 { } .overlay--white-trans-60 { } .overlay--white-trans-80 { } .overlay--white-trans-90 { } .smart-spacing { } .card { padding-top:var(--space-l) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; padding-left:var(--space-m) ; border-radius:var(--radius-l) ; position:relative; background-color:#f9f9f9; border-top-color:var(--primary); border-right-color:var(--primary); border-bottom-color:var(--primary); border-left-color:var(--primary); border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .card__title { font-size:1.6em; font-weight:700; line-height:1.15; } .card__content { font-size:0.9em; line-height:1.2; } .card__icon { background-color: var(--primary); border: 1px solid var(--primary); padding: 10px;color: #ffffff;}.card__icon >svg {width: 24px;height: 24px;}.card__icon { position:absolute; top:-40px; margin-left:0px; margin-right:0px; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-color:#bbbbbb; border-right-color:#bbbbbb; border-bottom-color:#bbbbbb; border-left-color:#bbbbbb; } .bg--neutral { } .bg--neutral-comp { } .bg--neutral-dark { } .bg--neutral-hover { } .bg--neutral-light { } .bg--neutral-light-trans-10 { } .bg--neutral-light-trans-20 { } .bg--neutral-light-trans-40 { } .bg--neutral-light-trans-60 { } .bg--neutral-light-trans-80 { } .bg--neutral-light-trans-90 { } .bg--neutral-medium { } .bg--neutral-trans-10 { } .bg--neutral-trans-20 { } .bg--neutral-trans-40 { } .bg--neutral-trans-60 { } .bg--neutral-trans-80 { } .bg--neutral-trans-90 { } .bg--neutral-ultra-dark { } .bg--neutral-ultra-dark-trans-10 { } .bg--neutral-ultra-dark-trans-20 { } .bg--neutral-ultra-dark-trans-40 { } .bg--neutral-ultra-dark-trans-60 { } .bg--neutral-ultra-dark-trans-80 { } .bg--neutral-ultra-dark-trans-90 { } .bg--neutral-ultra-light { } .col-rule--shade { } .col-rule--neutral { } .col-rule--neutral-dark { } .col-rule--neutral-light { } .col-rule--neutral-medium { } .col-rule--neutral-ultra-dark { } .col-rule--neutral-ultra-light { } .focus--neutral { } .focus-parent { } .focus-parent--shadow { } .focus-parent--outline { } .link--shade { } .link--neutral { } .link--neutral-dark { } .link--neutral-light { } .link--neutral-medium { } .link--neutral-ultra-dark { } .link--neutral-ultra-light { } .marker--neutral { } .marker--neutral-comp { } .marker--neutral-dark { } .marker--neutral-light { } .marker--neutral-medium { } .marker--neutral-ultra-dark { } .marker--neutral-ultra-light { } .text--shade { } .text--neutral { } .text--neutral-dark { } .text--neutral-light { } .text--neutral-medium { } .text--neutral-ultra-dark { } .text--neutral-ultra-light { } .bg--neutral-trans-30 { } .bg--neutral-trans-50 { } .bg--neutral-trans-70 { } .bg--neutral-light-trans-30 { } .bg--neutral-light-trans-50 { } .bg--neutral-light-trans-70 { } .bg--neutral-ultra-dark-trans-30 { } .bg--neutral-ultra-dark-trans-50 { } .bg--neutral-ultra-dark-trans-70 { } .overlay--neutral-trans-30 { } .overlay--neutral-trans-50 { } .overlay--neutral-trans-70 { } .overlay--neutral-light-trans-30 { } .overlay--neutral-light-trans-50 { } .overlay--neutral-light-trans-70 { } .overlay--neutral-ultra-dark-trans-30 { } .overlay--neutral-ultra-dark-trans-50 { } .overlay--neutral-ultra-dark-trans-70 { } .color-scheme--main { } .color-scheme--alt { } .menuBtn { } .menuBtn:not(.ct-section):not(.oxy-easy-posts), .menuBtn.oxy-easy-posts .oxy-posts, .menuBtn.ct-section .ct-section-inner-wrap{ display:none; } .grid--xxl-1 { } .grid--xxl-2 { } .grid--xxl-3 { } .grid--xxl-4 { } .grid--s-5 { } .grid--m-5 { } .grid--xxl-5 { } .grid--s-6 { } .grid--m-6 { } .grid--l-6 { } .grid--xl-6 { } .grid--xxl-6 { } .grid--7 { } .grid--s-7 { } .grid--m-7 { } .grid--l-7 { } .grid--xl-7 { } .grid--xxl-7 { } .grid--8 { } .grid--s-8 { } .grid--m-8 { } .grid--l-8 { } .grid--xl-8 { } .grid--xxl-8 { } .grid--9 { } .grid--s-9 { } .grid--m-9 { } .grid--l-9 { } .grid--xl-9 { } .grid--xxl-9 { } .grid--10 { } .grid--s-10 { } .grid--m-10 { } .grid--l-10 { } .grid--xl-10 { } .grid--xxl-10 { } .grid--11 { } .grid--s-11 { } .grid--m-11 { } .grid--l-11 { } .grid--xl-11 { } .grid--xxl-11 { } .grid--12 { } .grid--s-12 { } .grid--m-12 { } .grid--l-12 { } .grid--xl-12 { } .grid--xxl-12 { } .grid--auto-rows { } .variable-grid { } .content-grid { } .content--feature { } .content--feature-max { } .content--full { } .content--full-safe { } .col-start--xxl-1 { } .col-start--xxl-2 { } .col-start--xxl-3 { } .col-start--xxl-4 { } .col-start--xxl-5 { } .col-start--xxl-6 { } .col-start--7 { } .col-start--s-7 { } .col-start--m-7 { } .col-start--l-7 { } .col-start--xl-7 { } .col-start--xxl-7 { } .col-start--8 { } .col-start--s-8 { } .col-start--m-8 { } .col-start--l-8 { } .col-start--xl-8 { } .col-start--xxl-8 { } .col-start--9 { } .col-start--s-9 { } .col-start--m-9 { } .col-start--l-9 { } .col-start--xl-9 { } .col-start--xxl-9 { } .col-start--10 { } .col-start--s-10 { } .col-start--m-10 { } .col-start--l-10 { } .col-start--xl-10 { } .col-start--xxl-10 { } .col-start--11 { } .col-start--s-11 { } .col-start--m-11 { } .col-start--l-11 { } .col-start--xl-11 { } .col-start--xxl-11 { } .col-start--12 { } .col-start--s-12 { } .col-start--m-12 { } .col-start--l-12 { } .col-start--xl-12 { } .col-start--xxl-12 { } .col-end--xxl-1 { } .col-end--xxl-2 { } .col-end--xxl-3 { } .col-end--xxl-4 { } .col-end--xxl-5 { } .col-end--xxl-6 { } .col-end--7 { } .col-end--s-7 { } .col-end--m-7 { } .col-end--l-7 { } .col-end--xl-7 { } .col-end--xxl-7 { } .col-end--8 { } .col-end--s-8 { } .col-end--m-8 { } .col-end--l-8 { } .col-end--xl-8 { } .col-end--xxl-8 { } .col-end--9 { } .col-end--s-9 { } .col-end--m-9 { } .col-end--l-9 { } .col-end--xl-9 { } .col-end--xxl-9 { } .col-end--10 { } .col-end--s-10 { } .col-end--m-10 { } .col-end--l-10 { } .col-end--xl-10 { } .col-end--xxl-10 { } .col-end--11 { } .col-end--s-11 { } .col-end--m-11 { } .col-end--l-11 { } .col-end--xl-11 { } .col-end--xxl-11 { } .col-end--12 { } .col-end--s-12 { } .col-end--m-12 { } .col-end--l-12 { } .col-end--xl-12 { } .col-end--xxl-12 { } .col-end--xxl-last { } .row-start--xxl-1 { } .row-start--xxl-2 { } .row-start--xxl-3 { } .row-start--xxl-4 { } .row-start--xxl-5 { } .row-start--xxl-6 { } .row-start--7 { } .row-start--s-7 { } .row-start--m-7 { } .row-start--l-7 { } .row-start--xl-7 { } .row-start--xxl-7 { } .row-start--8 { } .row-start--s-8 { } .row-start--m-8 { } .row-start--l-8 { } .row-start--xl-8 { } .row-start--xxl-8 { } .row-start--9 { } .row-start--s-9 { } .row-start--m-9 { } .row-start--l-9 { } .row-start--xl-9 { } .row-start--xxl-9 { } .row-start--10 { } .row-start--s-10 { } .row-start--m-10 { } .row-start--l-10 { } .row-start--xl-10 { } .row-start--xxl-10 { } .row-start--11 { } .row-start--s-11 { } .row-start--m-11 { } .row-start--l-11 { } .row-start--xl-11 { } .row-start--xxl-11 { } .row-start--12 { } .row-start--s-12 { } .row-start--m-12 { } .row-start--l-12 { } .row-start--xl-12 { } .row-start--xxl-12 { } .row-end--1 { } .row-end--s-1 { } .row-end--m-1 { } .row-end--l-1 { } .row-end--xl-1 { } .row-end--xxl-1 { } .row-end--2 { } .row-end--s-2 { } .row-end--m-2 { } .row-end--l-2 { } .row-end--xl-2 { } .row-end--xxl-2 { } .row-end--3 { } .row-end--s-3 { } .row-end--m-3 { } .row-end--l-3 { } .row-end--xl-3 { } .row-end--xxl-3 { } .row-end--4 { } .row-end--s-4 { } .row-end--m-4 { } .row-end--l-4 { } .row-end--xl-4 { } .row-end--xxl-4 { } .row-end--5 { } .row-end--s-5 { } .row-end--m-5 { } .row-end--l-5 { } .row-end--xl-5 { } .row-end--xxl-5 { } .row-end--6 { } .row-end--s-6 { } .row-end--m-6 { } .row-end--l-6 { } .row-end--xl-6 { } .row-end--xxl-6 { } .row-end--7 { } .row-end--s-7 { } .row-end--m-7 { } .row-end--l-7 { } .row-end--xl-7 { } .row-end--xxl-7 { } .row-end--8 { } .row-end--s-8 { } .row-end--m-8 { } .row-end--l-8 { } .row-end--xl-8 { } .row-end--xxl-8 { } .row-end--9 { } .row-end--s-9 { } .row-end--m-9 { } .row-end--l-9 { } .row-end--xl-9 { } .row-end--xxl-9 { } .row-end--10 { } .row-end--s-10 { } .row-end--m-10 { } .row-end--l-10 { } .row-end--xl-10 { } .row-end--xxl-10 { } .row-end--11 { } .row-end--s-11 { } .row-end--m-11 { } .row-end--l-11 { } .row-end--xl-11 { } .row-end--xxl-11 { } .row-end--12 { } .row-end--s-12 { } .row-end--m-12 { } .row-end--l-12 { } .row-end--xl-12 { } .row-end--xxl-12 { } .row-end--last { } .row-end--s-last { } .row-end--m-last { } .row-end--l-last { } .row-end--xl-last { } .row-end--xxl-last { } .col-span--7 { } .col-span--s-7 { } .col-span--m-7 { } .col-span--l-7 { } .col-span--xl-7 { } .col-span--8 { } .col-span--s-8 { } .col-span--m-8 { } .col-span--l-8 { } .col-span--xl-8 { } .col-span--9 { } .col-span--s-9 { } .col-span--m-9 { } .col-span--l-9 { } .col-span--xl-9 { } .col-span--10 { } .col-span--s-10 { } .col-span--m-10 { } .col-span--l-10 { } .col-span--xl-10 { } .col-span--11 { } .col-span--s-11 { } .col-span--m-11 { } .col-span--l-11 { } .col-span--xl-11 { } .col-span--12 { } .col-span--s-12 { } .col-span--m-12 { } .col-span--l-12 { } .col-span--xl-12 { } .col-span--s-all { } .col-span--m-all { } .col-span--l-all { } .col-span--xl-all { } .row-span--1 { } .row-span--7 { } .row-span--s-7 { } .row-span--m-7 { } .row-span--l-7 { } .row-span--xl-7 { } .row-span--8 { } .row-span--s-8 { } .row-span--m-8 { } .row-span--l-8 { } .row-span--xl-8 { } .row-span--9 { } .row-span--s-9 { } .row-span--m-9 { } .row-span--l-9 { } .row-span--xl-9 { } .row-span--10 { } .row-span--s-10 { } .row-span--m-10 { } .row-span--l-10 { } .row-span--xl-10 { } .row-span--11 { } .row-span--s-11 { } .row-span--m-11 { } .row-span--l-11 { } .row-span--xl-11 { } .row-span--12 { } .row-span--s-12 { } .row-span--m-12 { } .row-span--l-12 { } .row-span--xl-12 { } .order--first-xxl { } .order--first-xs { } .order--last-xxl { } .order--last-xs { } .justify-content--stretch { } .justify-items--stretch { } .align-content--stretch { } .align-items--stretch { } .width--content { } .height--vp-max { } .height--content { } .height--auto { } .height--20 { } .height--xxl-20 { } .height--xl-20 { } .height--l-20 { } .height--m-20 { } .height--s-20 { } .height--xs-20 { } .height--xxl-30 { } .height--xs-30 { } .height--xxl-40 { } .height--xs-40 { } .height--xxl-50 { } .height--xs-50 { } .height--xxl-60 { } .height--xs-60 { } .height--xxl-70 { } .height--xs-70 { } .height--xxl-80 { } .height--xs-80 { } .height--xxl-90 { } .height--xs-90 { } .height--100 { } .height--xxl-100 { } .height--xl-100 { } .height--l-100 { } .height--m-100 { } .height--s-100 { } .height--xs-100 { } .max-height--full { } .max-height--20 { } .max-height--xxl-20 { } .max-height--xl-20 { } .max-height--l-20 { } .max-height--m-20 { } .max-height--s-20 { } .max-height--xs-20 { } .max-height--xxl-30 { } .max-height--xs-30 { } .max-height--xxl-40 { } .max-height--xs-40 { } .max-height--xxl-50 { } .max-height--xs-50 { } .max-height--xxl-60 { } .max-height--xs-60 { } .max-height--xxl-70 { } .max-height--xs-70 { } .max-height--xxl-80 { } .max-height--xs-80 { } .max-height--xxl-90 { } .max-height--xs-90 { } .max-height--100 { } .max-height--xxl-100 { } .max-height--xl-100 { } .max-height--l-100 { } .max-height--m-100 { } .max-height--s-100 { } .max-height--xs-100 { } .display--xs-block { } .display--xxl-block { } .display--xs-none { } .display--xxl-none { } .visibility--xs-hidden { } .visibility--xxl-hidden { } .visibility--xs-visible { } .visibility--xxl-visible { } .center--all-xs { } .center--all-xxl { } .center--y-xs { } .center--y-s { } .center--y-m { } .center--y-l { } .center--y-xl { } .center--y-xxl { } .center--x-xs { } .center--x-s { } .center--x-m { } .center--x-l { } .center--x-xl { } .center--x-xxl { } .center--left-xs { } .center--left-xxl { } .center--right-xs { } .center--right-xxl { } .center--top-xs { } .center--top-xxl { } .center--bottom-xs { } .center--bottom-xxl { } .z--xs-bottom { } .z--xxl-bottom { } .z--xs-0 { } .z--xxl-0 { } .z--xs-10 { } .z--xxl-10 { } .z--xs-20 { } .z--xxl-20 { } .z--xs-30 { } .z--xxl-30 { } .z--xs-40 { } .z--xxl-40 { } .z--xs-50 { } .z--xxl-50 { } .z--xs-60 { } .z--xxl-60 { } .z--xs-70 { } .z--xxl-70 { } .z--xs-80 { } .z--xxl-80 { } .z--xs-90 { } .z--xxl-90 { } .z--xs-top { } .z--xxl-top { } .sticky-top { } .masonry--1 { } .masonry--xs-1 { } .masonry--s-1 { } .masonry--m-1 { } .masonry--l-1 { } .masonry--xl-1 { } .masonry--xxl-1 { } .masonry--2 { } .masonry--xs-2 { } .masonry--s-2 { } .masonry--m-2 { } .masonry--l-2 { } .masonry--xl-2 { } .masonry--xxl-2 { } .masonry--3 { } .masonry--xs-3 { } .masonry--s-3 { } .masonry--m-3 { } .masonry--l-3 { } .masonry--xl-3 { } .masonry--xxl-3 { } .masonry--4 { } .masonry--xs-4 { } .masonry--s-4 { } .masonry--m-4 { } .masonry--l-4 { } .masonry--xl-4 { } .masonry--xxl-4 { } .masonry--5 { } .masonry--xs-5 { } .masonry--s-5 { } .masonry--m-5 { } .masonry--l-5 { } .masonry--xl-5 { } .masonry--xxl-5 { } .pad-section--xxl-xs { } .pad-section--xxl-s { } .pad-section--s-m { } .pad-section--m-m { } .pad-section--l-m { } .pad-section--xl-m { } .pad-section--xxl-m { } .pad-section--xxl-l { } .pad-section--xxl-xl { } .pad-section--xxl-xxl { } .pad-section--xxl-none { } .gap--none { } .row-gap--xs { } .row-gap--xs-xs { } .row-gap--s-xs { } .row-gap--m-xs { } .row-gap--l-xs { } .row-gap--xl-xs { } .row-gap--xxl-xs { } .row-gap--s { } .row-gap--xs-s { } .row-gap--s-s { } .row-gap--m-s { } .row-gap--l-s { } .row-gap--xl-s { } .row-gap--xxl-s { } .row-gap--m { } .row-gap--xs-m { } .row-gap--s-m { } .row-gap--m-m { } .row-gap--l-m { } .row-gap--xl-m { } .row-gap--xxl-m { } .row-gap--l { } .row-gap--xs-l { } .row-gap--s-l { } .row-gap--m-l { } .row-gap--l-l { } .row-gap--xl-l { } .row-gap--xxl-l { } .row-gap--xl { } .row-gap--xs-xl { } .row-gap--s-xl { } .row-gap--m-xl { } .row-gap--l-xl { } .row-gap--xl-xl { } .row-gap--xxl-xl { } .row-gap--xxl { } .row-gap--xs-xxl { } .row-gap--s-xxl { } .row-gap--m-xxl { } .row-gap--l-xxl { } .row-gap--xl-xxl { } .row-gap--xxl-xxl { } .text--dark { } .text--dark-muted { } .text--light { } .text--light-muted { } .text--action-hover { } .text--primary-hover { } .text--secondary-hover { } .text--accent-hover { } .text--base-hover { } .text--shade-comp { } .text--shade-hover { } .text--neutral-comp { } .text--neutral-hover { } .text--success-dark { } .text--success-hover { } .text--danger-dark { } .text--danger-hover { } .text--warning-dark { } .text--warning-hover { } .text--info-dark { } .text--info-hover { } .bg--ultra-dark { } .bg--dark { } .bg--light { } .bg--ultra-light { } .bg--action-dark-trans-90 { } .bg--action-dark-trans-80 { } .bg--action-dark-trans-70 { } .bg--action-dark-trans-60 { } .bg--action-dark-trans-50 { } .bg--action-dark-trans-40 { } .bg--action-dark-trans-30 { } .bg--action-dark-trans-20 { } .bg--action-dark-trans-10 { } .bg--primary-dark-trans-90 { } .bg--primary-dark-trans-80 { } .bg--primary-dark-trans-70 { } .bg--primary-dark-trans-60 { } .bg--primary-dark-trans-50 { } .bg--primary-dark-trans-40 { } .bg--primary-dark-trans-30 { } .bg--primary-dark-trans-20 { } .bg--primary-dark-trans-10 { } .bg--secondary-dark-trans-90 { } .bg--secondary-dark-trans-80 { } .bg--secondary-dark-trans-70 { } .bg--secondary-dark-trans-60 { } .bg--secondary-dark-trans-50 { } .bg--secondary-dark-trans-40 { } .bg--secondary-dark-trans-30 { } .bg--secondary-dark-trans-20 { } .bg--secondary-dark-trans-10 { } .bg--accent-dark-trans-90 { } .bg--accent-dark-trans-80 { } .bg--accent-dark-trans-70 { } .bg--accent-dark-trans-60 { } .bg--accent-dark-trans-50 { } .bg--accent-dark-trans-40 { } .bg--accent-dark-trans-30 { } .bg--accent-dark-trans-20 { } .bg--accent-dark-trans-10 { } .bg--base-dark-trans-90 { } .bg--base-dark-trans-80 { } .bg--base-dark-trans-70 { } .bg--base-dark-trans-60 { } .bg--base-dark-trans-50 { } .bg--base-dark-trans-40 { } .bg--base-dark-trans-30 { } .bg--base-dark-trans-20 { } .bg--base-dark-trans-10 { } .bg--neutral-dark-trans-90 { } .bg--neutral-dark-trans-80 { } .bg--neutral-dark-trans-70 { } .bg--neutral-dark-trans-60 { } .bg--neutral-dark-trans-50 { } .bg--neutral-dark-trans-40 { } .bg--neutral-dark-trans-30 { } .bg--neutral-dark-trans-20 { } .bg--neutral-dark-trans-10 { } .bg--shade-dark-trans-90 { } .bg--shade-dark-trans-80 { } .bg--shade-dark-trans-70 { } .bg--shade-dark-trans-60 { } .bg--shade-dark-trans-50 { } .bg--shade-dark-trans-40 { } .bg--shade-dark-trans-30 { } .bg--shade-dark-trans-20 { } .bg--shade-dark-trans-10 { } .bg--shade { } .bg--shade-comp { } .bg--shade-hover { } .bg--black-trans-70 { } .bg--black-trans-50 { } .bg--black-trans-30 { } .bg--white-trans-70 { } .bg--white-trans-50 { } .bg--white-trans-30 { } .bg--success-dark { } .bg--success-hover { } .bg--danger-dark { } .bg--danger-hover { } .bg--warning-dark { } .bg--warning-hover { } .bg--info-dark { } .bg--info-hover { } .overlay--action-dark-trans-90 { } .overlay--action-dark-trans-80 { } .overlay--action-dark-trans-60 { } .overlay--action-dark-trans-30 { } .overlay--action-dark-trans-50 { } .overlay--action-dark-trans-40 { } .overlay--action-dark-trans-70 { } .overlay--action-dark-trans-20 { } .overlay--action-dark-trans-10 { } .overlay--primary-dark-trans-90 { } .overlay--primary-dark-trans-80 { } .overlay--primary-dark-trans-60 { } .overlay--primary-dark-trans-30 { } .overlay--primary-dark-trans-50 { } .overlay--primary-dark-trans-40 { } .overlay--primary-dark-trans-70 { } .overlay--primary-dark-trans-20 { } .overlay--primary-dark-trans-10 { } .overlay--secondary-dark-trans-90 { } .overlay--secondary-dark-trans-80 { } .overlay--secondary-dark-trans-60 { } .overlay--secondary-dark-trans-30 { } .overlay--secondary-dark-trans-50 { } .overlay--secondary-dark-trans-40 { } .overlay--secondary-dark-trans-70 { } .overlay--secondary-dark-trans-20 { } .overlay--secondary-dark-trans-10 { } .overlay--accent-dark-trans-90 { } .overlay--accent-dark-trans-80 { } .overlay--accent-dark-trans-60 { } .overlay--accent-dark-trans-30 { } .overlay--accent-dark-trans-50 { } .overlay--accent-dark-trans-40 { } .overlay--accent-dark-trans-70 { } .overlay--accent-dark-trans-20 { } .overlay--accent-dark-trans-10 { } .overlay--base-dark-trans-90 { } .overlay--base-dark-trans-80 { } .overlay--base-dark-trans-60 { } .overlay--base-dark-trans-30 { } .overlay--base-dark-trans-50 { } .overlay--base-dark-trans-40 { } .overlay--base-dark-trans-70 { } .overlay--base-dark-trans-20 { } .overlay--base-dark-trans-10 { } .overlay--neutral-ultra-dark-trans-90 { } .overlay--neutral-ultra-dark-trans-80 { } .overlay--neutral-ultra-dark-trans-60 { } .overlay--neutral-ultra-dark-trans-40 { } .overlay--neutral-ultra-dark-trans-20 { } .overlay--neutral-ultra-dark-trans-10 { } .overlay--neutral-dark-trans-90 { } .overlay--neutral-dark-trans-80 { } .overlay--neutral-dark-trans-60 { } .overlay--neutral-dark-trans-30 { } .overlay--neutral-dark-trans-50 { } .overlay--neutral-dark-trans-40 { } .overlay--neutral-dark-trans-70 { } .overlay--neutral-dark-trans-20 { } .overlay--neutral-dark-trans-10 { } .overlay--neutral-trans-90 { } .overlay--neutral-trans-80 { } .overlay--neutral-trans-60 { } .overlay--neutral-trans-40 { } .overlay--neutral-trans-20 { } .overlay--neutral-trans-10 { } .overlay--neutral-light-trans-90 { } .overlay--neutral-light-trans-80 { } .overlay--neutral-light-trans-60 { } .overlay--neutral-light-trans-40 { } .overlay--neutral-light-trans-20 { } .overlay--neutral-light-trans-10 { } .overlay--shade-ultra-dark-trans-90 { } .overlay--shade-ultra-dark-trans-80 { } .overlay--shade-ultra-dark-trans-60 { } .overlay--shade-ultra-dark-trans-40 { } .overlay--shade-ultra-dark-trans-20 { } .overlay--shade-ultra-dark-trans-10 { } .overlay--shade-dark-trans-90 { } .overlay--shade-dark-trans-80 { } .overlay--shade-dark-trans-60 { } .overlay--shade-dark-trans-30 { } .overlay--shade-dark-trans-50 { } .overlay--shade-dark-trans-40 { } .overlay--shade-dark-trans-70 { } .overlay--shade-dark-trans-20 { } .overlay--shade-dark-trans-10 { } .overlay--shade-trans-90 { } .overlay--shade-trans-80 { } .overlay--shade-trans-60 { } .overlay--shade-trans-40 { } .overlay--shade-trans-20 { } .overlay--shade-trans-10 { } .overlay--shade-light-trans-90 { } .overlay--shade-light-trans-80 { } .overlay--shade-light-trans-60 { } .overlay--shade-light-trans-40 { } .overlay--shade-light-trans-20 { } .overlay--shade-light-trans-10 { } .overlay--black-trans-70 { } .overlay--black-trans-50 { } .overlay--black-trans-30 { } .overlay--white-trans-70 { } .overlay--white-trans-50 { } .overlay--white-trans-30 { } .btn--clear { } .skip-link { } .link--action-comp { } .link--action-hover { } .link--primary-comp { } .link--primary-hover { } .link--secondary-comp { } .link--secondary-hover { } .link--accent-comp { } .link--accent-hover { } .link--base-comp { } .link--base-hover { } .link--neutral-comp { } .link--neutral-hover { } .link--shade-comp { } .link--shade-hover { } .link--success-dark { } .link--success-hover { } .link--danger-dark { } .link--danger-hover { } .link--warning-dark { } .link--warning-hover { } .link--info-dark { } .link--info-hover { } .aspect--xs-1-1 { } .aspect--xxl-1-1 { } .aspect--xs-1-2 { } .aspect--xxl-1-2 { } .aspect--xs-2-1 { } .aspect--xxl-2-1 { } .aspect--xs-2-3 { } .aspect--xxl-2-3 { } .aspect--xs-3-2 { } .aspect--xxl-3-2 { } .aspect--xs-3-4 { } .aspect--xxl-3-4 { } .aspect--xs-4-3 { } .aspect--xxl-4-3 { } .aspect--xs-16-9 { } .aspect--xxl-16-9 { } .aspect--xs-9-16 { } .aspect--xxl-9-16 { } .flip--both { } .selection--alt { } .radius--xs { } .radius--s { } .radius--m { } .radius--l { } .radius--xl { } .radius--xxl { } .radius--50 { } .radius--circle { } .marker--action-hover { } .marker--primary-hover { } .marker--secondary-hover { } .marker--accent-hover { } .marker--base-hover { } .marker--neutral-hover { } .marker--shade-hover { } .marker--white { } .marker--black { } .col-count--xs-1 { } .col-count--xxl-1 { } .col-count--xs-2 { } .col-count--xxl-2 { } .col-count--xs-3 { } .col-count--xxl-3 { } .col-count--xs-4 { } .col-count--xxl-4 { } .col-count--xs-5 { } .col-count--xxl-5 { } .col-rule--action-comp { } .col-rule--action-hover { } .col-rule--primary-comp { } .col-rule--primary-hover { } .col-rule--secondary-comp { } .col-rule--secondary-hover { } .col-rule--accent-comp { } .col-rule--accent-hover { } .col-rule--base-comp { } .col-rule--base-hover { } .col-rule--neutral-comp { } .col-rule--neutral-hover { } .col-rule--shade-comp { } .col-rule--shade-hover { } .col-rule--white { } .fr-bg--light { } .fr-bg--dark { } .fr-text--light { } .fr-text--dark { } .fr-hero-padding { } .fr-lede { } .fr-container-gap { } .fr-content-gap { } .fr-grid-gap { } .focus--action-ultra-dark { } .focus--action-dark { } .focus--action-medium { } .focus--action-light { } .focus--action-ultra-light { } .focus--primary-ultra-dark { } .focus--primary-dark { } .focus--primary-medium { } .focus--primary-light { } .focus--primary-ultra-light { } .focus--secondary-ultra-dark { } .focus--secondary-dark { } .focus--secondary-medium { } .focus--secondary-light { } .focus--secondary-ultra-light { } .focus--accent-ultra-dark { } .focus--accent-dark { } .focus--accent-medium { } .focus--accent-light { } .focus--accent-ultra-light { } .focus--base-ultra-dark { } .focus--base-dark { } .focus--base-medium { } .focus--base-light { } .focus--base-ultra-light { } .focus--neutral-ultra-dark { } .focus--neutral-dark { } .focus--neutral-medium { } .focus--neutral-light { } .focus--neutral-ultra-light { } .focus--shade-ultra-dark { } .focus--shade-dark { } .focus--shade-medium { } .focus--shade-light { } .focus--shade-ultra-light { } .grid--auto-7 { } .grid--auto-8 { } .grid--auto-9 { } .grid--auto-10 { } .grid--auto-11 { } .grid--auto-12 { } .padding--xs { } .padding--s { } .padding--m { } .padding--l { } .padding--xl { } .padding--xxl { } .padding--none { } .header--xs { } .header--s { } .header--m { } .header--l { } .header--xl { } .header--xxl { } .section--xs { } .section--s-xs { } .section--m-xs { } .section--l-xs { } .section--xl-xs { } .section--xxl-xs { } .section--s { } .section--s-s { } .section--m-s { } .section--l-s { } .section--xl-s { } .section--xxl-s { } .section--m { } .section--s-m { } .section--m-m { } .section--l-m { } .section--xl-m { } .section--xxl-m { } .section--l { } .section--s-l { } .section--m-l { } .section--l-l { } .section--xl-l { } .section--xxl-l { } .section--xl { } .section--s-xl { } .section--m-xl { } .section--l-xl { } .section--xl-xl { } .section--xxl-xl { } .section--xxl { } .section--s-xxl { } .section--m-xxl { } .section--l-xxl { } .section--xl-xxl { } .section--xxl-xxl { } .section--none { } .section--s-none { } .section--m-none { } .section--l-none { } .section--xl-none { } .section--xxl-none { } .text--action-semi-dark { } .text--action-semi-light { } .text--primary-semi-dark { } .text--primary-semi-light { } .text--secondary-semi-dark { } .text--secondary-semi-light { } .text--accent-semi-dark { } .text--accent-semi-light { } .text--base-semi-dark { } .text--base-semi-light { } .text--shade-semi-dark { } .text--shade-semi-light { } .text--neutral-semi-dark { } .text--neutral-semi-light { } .text--success-ultra-dark { } .text--success-semi-dark { } .text--success-medium { } .text--success-semi-light { } .text--success-ultra-light { } .text--success-comp { } .text--danger-ultra-dark { } .text--danger-semi-dark { } .text--danger-medium { } .text--danger-semi-light { } .text--danger-ultra-light { } .text--danger-comp { } .text--warning-ultra-dark { } .text--warning-semi-dark { } .text--warning-medium { } .text--warning-semi-light { } .text--warning-ultra-light { } .text--warning-comp { } .text--info-ultra-dark { } .text--info-semi-dark { } .text--info-medium { } .text--info-semi-light { } .text--info-ultra-light { } .text--info-comp { } .h1 { } .h2 { } .h3 { } .h4 { } .h5 { } .h6 { } .bg--action-semi-dark { } .bg--action-semi-light { } .bg--primary-semi-dark { } .bg--primary-semi-light { } .bg--secondary-semi-dark { } .bg--secondary-semi-light { } .bg--accent-semi-dark { } .bg--accent-semi-light { } .bg--base-semi-dark { } .bg--base-semi-light { } .bg--neutral-semi-dark { } .bg--neutral-semi-light { } .bg--shade-semi-dark { } .bg--shade-semi-light { } .bg--success-ultra-dark { } .bg--success-ultra-dark-trans-90 { } .bg--success-ultra-dark-trans-80 { } .bg--success-ultra-dark-trans-70 { } .bg--success-ultra-dark-trans-60 { } .bg--success-ultra-dark-trans-50 { } .bg--success-ultra-dark-trans-40 { } .bg--success-ultra-dark-trans-30 { } .bg--success-ultra-dark-trans-20 { } .bg--success-ultra-dark-trans-10 { } .bg--success-dark-trans-90 { } .bg--success-dark-trans-80 { } .bg--success-dark-trans-70 { } .bg--success-dark-trans-60 { } .bg--success-dark-trans-50 { } .bg--success-dark-trans-40 { } .bg--success-dark-trans-30 { } .bg--success-dark-trans-20 { } .bg--success-dark-trans-10 { } .bg--success-semi-dark { } .bg--success-medium { } .bg--success-trans-90 { } .bg--success-trans-80 { } .bg--success-trans-70 { } .bg--success-trans-60 { } .bg--success-trans-50 { } .bg--success-trans-40 { } .bg--success-trans-30 { } .bg--success-trans-20 { } .bg--success-trans-10 { } .bg--success-semi-light { } .bg--success-light-trans-90 { } .bg--success-light-trans-80 { } .bg--success-light-trans-70 { } .bg--success-light-trans-60 { } .bg--success-light-trans-50 { } .bg--success-light-trans-40 { } .bg--success-light-trans-30 { } .bg--success-light-trans-20 { } .bg--success-light-trans-10 { } .bg--success-ultra-light { } .bg--success-comp { } .bg--danger-ultra-dark { } .bg--danger-ultra-dark-trans-90 { } .bg--danger-ultra-dark-trans-80 { } .bg--danger-ultra-dark-trans-70 { } .bg--danger-ultra-dark-trans-60 { } .bg--danger-ultra-dark-trans-50 { } .bg--danger-ultra-dark-trans-40 { } .bg--danger-ultra-dark-trans-30 { } .bg--danger-ultra-dark-trans-20 { } .bg--danger-ultra-dark-trans-10 { } .bg--danger-dark-trans-90 { } .bg--danger-dark-trans-80 { } .bg--danger-dark-trans-70 { } .bg--danger-dark-trans-60 { } .bg--danger-dark-trans-50 { } .bg--danger-dark-trans-40 { } .bg--danger-dark-trans-30 { } .bg--danger-dark-trans-20 { } .bg--danger-dark-trans-10 { } .bg--danger-semi-dark { } .bg--danger-medium { } .bg--danger-trans-90 { } .bg--danger-trans-80 { } .bg--danger-trans-70 { } .bg--danger-trans-60 { } .bg--danger-trans-50 { } .bg--danger-trans-40 { } .bg--danger-trans-30 { } .bg--danger-trans-20 { } .bg--danger-trans-10 { } .bg--danger-semi-light { } .bg--danger-light-trans-90 { } .bg--danger-light-trans-80 { } .bg--danger-light-trans-70 { } .bg--danger-light-trans-60 { } .bg--danger-light-trans-50 { } .bg--danger-light-trans-40 { } .bg--danger-light-trans-30 { } .bg--danger-light-trans-20 { } .bg--danger-light-trans-10 { } .bg--danger-ultra-light { } .bg--danger-comp { } .bg--warning-ultra-dark { } .bg--warning-ultra-dark-trans-90 { } .bg--warning-ultra-dark-trans-80 { } .bg--warning-ultra-dark-trans-70 { } .bg--warning-ultra-dark-trans-60 { } .bg--warning-ultra-dark-trans-50 { } .bg--warning-ultra-dark-trans-40 { } .bg--warning-ultra-dark-trans-30 { } .bg--warning-ultra-dark-trans-20 { } .bg--warning-ultra-dark-trans-10 { } .bg--warning-dark-trans-90 { } .bg--warning-dark-trans-80 { } .bg--warning-dark-trans-70 { } .bg--warning-dark-trans-60 { } .bg--warning-dark-trans-50 { } .bg--warning-dark-trans-40 { } .bg--warning-dark-trans-30 { } .bg--warning-dark-trans-20 { } .bg--warning-dark-trans-10 { } .bg--warning-semi-dark { } .bg--warning-medium { } .bg--warning-trans-90 { } .bg--warning-trans-80 { } .bg--warning-trans-70 { } .bg--warning-trans-60 { } .bg--warning-trans-50 { } .bg--warning-trans-40 { } .bg--warning-trans-30 { } .bg--warning-trans-20 { } .bg--warning-trans-10 { } .bg--warning-semi-light { } .bg--warning-light-trans-90 { } .bg--warning-light-trans-80 { } .bg--warning-light-trans-70 { } .bg--warning-light-trans-60 { } .bg--warning-light-trans-50 { } .bg--warning-light-trans-40 { } .bg--warning-light-trans-30 { } .bg--warning-light-trans-20 { } .bg--warning-light-trans-10 { } .bg--warning-ultra-light { } .bg--warning-comp { } .bg--info-ultra-dark { } .bg--info-ultra-dark-trans-90 { } .bg--info-ultra-dark-trans-80 { } .bg--info-ultra-dark-trans-70 { } .bg--info-ultra-dark-trans-60 { } .bg--info-ultra-dark-trans-50 { } .bg--info-ultra-dark-trans-40 { } .bg--info-ultra-dark-trans-30 { } .bg--info-ultra-dark-trans-20 { } .bg--info-ultra-dark-trans-10 { } .bg--info-dark-trans-90 { } .bg--info-dark-trans-80 { } .bg--info-dark-trans-70 { } .bg--info-dark-trans-60 { } .bg--info-dark-trans-50 { } .bg--info-dark-trans-40 { } .bg--info-dark-trans-30 { } .bg--info-dark-trans-20 { } .bg--info-dark-trans-10 { } .bg--info-semi-dark { } .bg--info-medium { } .bg--info-trans-90 { } .bg--info-trans-80 { } .bg--info-trans-70 { } .bg--info-trans-60 { } .bg--info-trans-50 { } .bg--info-trans-40 { } .bg--info-trans-30 { } .bg--info-trans-20 { } .bg--info-trans-10 { } .bg--info-semi-light { } .bg--info-light-trans-90 { } .bg--info-light-trans-80 { } .bg--info-light-trans-70 { } .bg--info-light-trans-60 { } .bg--info-light-trans-50 { } .bg--info-light-trans-40 { } .bg--info-light-trans-30 { } .bg--info-light-trans-20 { } .bg--info-light-trans-10 { } .bg--info-ultra-light { } .bg--info-comp { } .btn--primary-light { } .btn--primary-dark { } .btn--secondary-light { } .btn--secondary-dark { } .btn--tertiary { } .btn--tertiary-light { } .btn--tertiary-dark { } .btn--accent-light { } .btn--accent-dark { } .btn--base-light { } .btn--base-dark { } .btn--neutral { } .btn--neutral-light { } .btn--neutral-dark { } .link--action-semi-dark { } .link--action-semi-light { } .link--primary-semi-dark { } .link--primary-semi-light { } .link--secondary-semi-dark { } .link--secondary-semi-light { } .link--accent-semi-dark { } .link--accent-semi-light { } .link--base-semi-dark { } .link--base-semi-light { } .link--neutral-semi-dark { } .link--neutral-semi-light { } .link--shade-semi-dark { } .link--shade-semi-light { } .link--success-ultra-dark { } .link--success-semi-dark { } .link--success-medium { } .link--success-semi-light { } .link--success-ultra-light { } .link--success-comp { } .link--danger-ultra-dark { } .link--danger-semi-dark { } .link--danger-medium { } .link--danger-semi-light { } .link--danger-ultra-light { } .link--danger-comp { } .link--warning-ultra-dark { } .link--warning-semi-dark { } .link--warning-medium { } .link--warning-semi-light { } .link--warning-ultra-light { } .link--warning-comp { } .link--info-ultra-dark { } .link--info-semi-dark { } .link--info-medium { } .link--info-semi-light { } .link--info-ultra-light { } .link--info-comp { } .link-hover--action-ultra-dark { } .link-hover--action-dark { } .link-hover--action-semi-dark { } .link-hover--action-medium { } .link-hover--action { } .link-hover--action-semi-light { } .link-hover--action-light { } .link-hover--action-ultra-light { } .link-hover--action-comp { } .link-hover--action-hover { } .link-hover--primary-ultra-dark { } .link-hover--primary-dark { } .link-hover--primary-semi-dark { } .link-hover--primary-medium { } .link-hover--primary { } .link-hover--primary-semi-light { } .link-hover--primary-light { } .link-hover--primary-ultra-light { } .link-hover--primary-comp { } .link-hover--primary-hover { } .link-hover--secondary-ultra-dark { } .link-hover--secondary-dark { } .link-hover--secondary-semi-dark { } .link-hover--secondary-medium { } .link-hover--secondary { } .link-hover--secondary-semi-light { } .link-hover--secondary-light { } .link-hover--secondary-ultra-light { } .link-hover--secondary-comp { } .link-hover--secondary-hover { } .link-hover--accent-ultra-dark { } .link-hover--accent-dark { } .link-hover--accent-semi-dark { } .link-hover--accent-medium { } .link-hover--accent { } .link-hover--accent-semi-light { } .link-hover--accent-light { } .link-hover--accent-ultra-light { } .link-hover--accent-comp { } .link-hover--accent-hover { } .link-hover--base-ultra-dark { } .link-hover--base-dark { } .link-hover--base-semi-dark { } .link-hover--base-medium { } .link-hover--base { } .link-hover--base-semi-light { } .link-hover--base-light { } .link-hover--base-ultra-light { } .link-hover--base-comp { } .link-hover--base-hover { } .link-hover--neutral-ultra-dark { } .link-hover--neutral-dark { } .link-hover--neutral-semi-dark { } .link-hover--neutral-medium { } .link-hover--neutral { } .link-hover--neutral-semi-light { } .link-hover--neutral-light { } .link-hover--neutral-ultra-light { } .link-hover--neutral-comp { } .link-hover--neutral-hover { } .link-hover--shade-ultra-dark { } .link-hover--shade-dark { } .link-hover--shade-semi-dark { } .link-hover--shade-medium { } .link-hover--shade { } .link-hover--shade-semi-light { } .link-hover--shade-light { } .link-hover--shade-ultra-light { } .link-hover--shade-comp { } .link-hover--shade-hover { } .link-hover--black { } .link-hover--white { } .link-hover--success-ultra-dark { } .link-hover--success-dark { } .link-hover--success-semi-dark { } .link-hover--success-medium { } .link-hover--success { } .link-hover--success-semi-light { } .link-hover--success-light { } .link-hover--success-ultra-light { } .link-hover--success-comp { } .link-hover--success-hover { } .link-hover--danger-ultra-dark { } .link-hover--danger-dark { } .link-hover--danger-semi-dark { } .link-hover--danger-medium { } .link-hover--danger { } .link-hover--danger-semi-light { } .link-hover--danger-light { } .link-hover--danger-ultra-light { } .link-hover--danger-comp { } .link-hover--danger-hover { } .link-hover--warning-ultra-dark { } .link-hover--warning-dark { } .link-hover--warning-semi-dark { } .link-hover--warning-medium { } .link-hover--warning { } .link-hover--warning-semi-light { } .link-hover--warning-light { } .link-hover--warning-ultra-light { } .link-hover--warning-comp { } .link-hover--warning-hover { } .link-hover--info-ultra-dark { } .link-hover--info-dark { } .link-hover--info-semi-dark { } .link-hover--info-medium { } .link-hover--info { } .link-hover--info-semi-light { } .link-hover--info-light { } .link-hover--info-ultra-light { } .link-hover--info-comp { } .link-hover--info-hover { } .radius--none { } .marker--action-semi-light { } .marker--action-semi-dark { } .marker--primary-semi-light { } .marker--primary-semi-dark { } .marker--secondary-semi-light { } .marker--secondary-semi-dark { } .marker--accent-semi-light { } .marker--accent-semi-dark { } .marker--base-semi-light { } .marker--base-semi-dark { } .marker--neutral-semi-light { } .marker--neutral-semi-dark { } .marker--shade-semi-light { } .marker--shade-semi-dark { } .col-rule--action-semi-dark { } .col-rule--action-semi-light { } .col-rule--primary-semi-dark { } .col-rule--primary-semi-light { } .col-rule--secondary-semi-dark { } .col-rule--secondary-semi-light { } .col-rule--accent-semi-dark { } .col-rule--accent-semi-light { } .col-rule--base-semi-dark { } .col-rule--base-semi-light { } .col-rule--neutral-semi-dark { } .col-rule--neutral-semi-light { } .col-rule--shade-semi-dark { } .col-rule--shade-semi-light { } .focus--action-semi-dark { } .focus--action-semi-light { } .focus--primary-semi-dark { } .focus--primary-semi-light { } .focus--secondary-semi-dark { } .focus--secondary-semi-light { } .focus--accent-semi-dark { } .focus--accent-semi-light { } .focus--base-semi-dark { } .focus--base-semi-light { } .focus--neutral-semi-dark { } .focus--neutral-semi-light { } .focus--shade-semi-dark { } .focus--shade-semi-light { } .divider--all { } .divider-top { } .divider-bottom { } .border { } .border-light { } .border-dark { } .border-top { } .border-top--dark { } .border-top--light { } .border-right { } .border-right--dark { } .border-right--light { } .border-bottom { } .border-bottom--dark { } .border-bottom--light { } .border-left { } .border-left--dark { } .border-left--light { } .border-block { } .border-block--dark { } .border-block--light { } .border-inline { } .border-inline--dark { } .border-inline--light { } .margin-block--xs { } .margin-block--s { } .margin-block--m { } .margin-block--l { } .margin-block--xl { } .margin-block--xxl { } .margin-inline--xs { } .margin-inline--s { } .margin-inline--m { } .margin-inline--l { } .margin-inline--xl { } .margin-inline--xxl { } .texture-1 { } .texture-2 { } .texture-3 { } .texture-4 { } .texture-5 { } .overlay-1 { } .overlay-2 { } .overlay-3 { } .overlay-4 { } .overlay-5 { } .icon-list { } .grid--auto-fill { } .grid--auto-fit { } .grid--stack-even { } .grid--stack-even-xxl { } .grid--stack-even-xl { } .grid--stack-even-l { } .grid--stack-even-m { } .grid--stack-even-s { } .grid--stack-even-xs { } .grid--stack-any { } .grid--stack-any-xxl { } .grid--stack-any-xl { } .grid--stack-any-l { } .grid--stack-any-m { } .grid--stack-any-s { } .grid--stack-any-xs { } .is-bg { } .fade--block { } .fade--inline { } .fade--top { } .fade--right { } .fade--bottom { } .fade--left { } .icon--boxed { } .icon--naked { } .icon--s { } .icon--m { } .icon--l { } .justify-content--start-s { } .justify-content--start-m { } .justify-content--start-l { } .justify-content--start-xl { } .justify-content--end-s { } .justify-content--end-m { } .justify-content--end-l { } .justify-content--end-xl { } .justify-content--center-s { } .justify-content--center-m { } .justify-content--center-l { } .justify-content--center-xl { } .justify-content--between-s { } .justify-content--between-m { } .justify-content--between-l { } .justify-content--between-xl { } .justify-content--around-s { } .justify-content--around-m { } .justify-content--around-l { } .justify-content--around-xl { } .justify-content--stretch-s { } .justify-content--stretch-m { } .justify-content--stretch-l { } .justify-content--stretch-xl { } .justify-items--start-s { } .justify-items--start-m { } .justify-items--start-l { } .justify-items--start-xl { } .justify-items--end-s { } .justify-items--end-m { } .justify-items--end-l { } .justify-items--end-xl { } .justify-items--center-s { } .justify-items--center-m { } .justify-items--center-l { } .justify-items--center-xl { } .justify-items--stretch-s { } .justify-items--stretch-m { } .justify-items--stretch-l { } .justify-items--stretch-xl { } .align-content--start-s { } .align-content--start-m { } .align-content--start-l { } .align-content--start-xl { } .align-content--end-s { } .align-content--end-m { } .align-content--end-l { } .align-content--end-xl { } .align-content--center-s { } .align-content--center-m { } .align-content--center-l { } .align-content--center-xl { } .align-content--baseline-s { } .align-content--baseline-m { } .align-content--baseline-l { } .align-content--baseline-xl { } .align-content--stretch-s { } .align-content--stretch-m { } .align-content--stretch-l { } .align-content--stretch-xl { } .align-items--start-s { } .align-items--start-m { } .align-items--start-l { } .align-items--start-xl { } .align-items--end-s { } .align-items--end-m { } .align-items--end-l { } .align-items--end-xl { } .align-items--center-s { } .align-items--center-m { } .align-items--center-l { } .align-items--center-xl { } .align-items--baseline-s { } .align-items--baseline-m { } .align-items--baseline-l { } .align-items--baseline-xl { } .align-items--stretch-s { } .align-items--stretch-m { } .align-items--stretch-l { } .align-items--stretch-xl { } .self--start-s { } .self--start-m { } .self--start-l { } .self--start-xl { } .self--end-s { } .self--end-m { } .self--end-l { } .self--end-xl { } .self--center-s { } .self--center-m { } .self--center-l { } .self--center-xl { } .self--stretch-s { } .self--stretch-m { } .self--stretch-l { } .self--stretch-xl { } .line-clamp--1 { } .line-clamp--2 { } .line-clamp--3 { } .line-clamp--4 { } .line-clamp--5 { } .line-clamp--custom { } .icon--light { } .icon--dark { } .icon--xs { } .icon--xl { } .icon--xxl { } .--neutral-ultra-light { } /* File: automatic-oxygen.css - Version: 3.3.7 - Generated: 2026-08-10 10:21:55 */ body, body.acss-boxed-layout { font-size: var(--text-m); line-height: var(--text-m-lh); color: var(--body-color, var(--black)); } .ct-section-inner-wrap { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .oxy-header-container { padding-inline: var(--section-padding-x); } :where(section:not(section section)) { padding: 0 !important; } :focus { outline: none; box-shadow: none; } :focus-visible { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } @supports not selector(:focus-visible) { :focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } } *:focus.focus--action { --focus-color: var(--action); } .focus--action *:focus, .focus--action:focus-within { --focus-color: var(--action); } *:focus.focus--action-hover { --focus-color: var(--action-hover); } .focus--action-hover *:focus, .focus--action-hover:focus-within { --focus-color: var(--action-hover); } *:focus.focus--action-ultra-light { --focus-color: var(--action-ultra-light); } .focus--action-ultra-light *:focus, .focus--action-ultra-light:focus-within { --focus-color: var(--action-ultra-light); } *:focus.focus--action-light { --focus-color: var(--action-light); } .focus--action-light *:focus, .focus--action-light:focus-within { --focus-color: var(--action-light); } *:focus.focus--action-semi-light { --focus-color: var(--action-semi-light); } .focus--action-semi-light *:focus, .focus--action-semi-light:focus-within { --focus-color: var(--action-semi-light); } *:focus.focus--action-semi-dark { --focus-color: var(--action-semi-dark); } .focus--action-semi-dark *:focus, .focus--action-semi-dark:focus-within { --focus-color: var(--action-semi-dark); } *:focus.focus--action-dark { --focus-color: var(--action-dark); } .focus--action-dark *:focus, .focus--action-dark:focus-within { --focus-color: var(--action-dark); } *:focus.focus--action-ultra-dark { --focus-color: var(--action-ultra-dark); } .focus--action-ultra-dark *:focus, .focus--action-ultra-dark:focus-within { --focus-color: var(--action-ultra-dark); } *:focus.focus--action-comp { --focus-color: var(--action-comp); } .focus--action-comp *:focus, .focus--action-comp:focus-within { --focus-color: var(--action-comp); } *:focus.focus--action-medium { --focus-color: var(--action-medium); } .focus--action-medium *:focus, .focus--action-medium:focus-within { --focus-color: var(--action-medium); } *:focus.focus--primary { --focus-color: var(--primary); } .focus--primary *:focus, .focus--primary:focus-within { --focus-color: var(--primary); } *:focus.focus--primary-hover { --focus-color: var(--primary-hover); } .focus--primary-hover *:focus, .focus--primary-hover:focus-within { --focus-color: var(--primary-hover); } *:focus.focus--primary-ultra-light { --focus-color: var(--primary-ultra-light); } .focus--primary-ultra-light *:focus, .focus--primary-ultra-light:focus-within { --focus-color: var(--primary-ultra-light); } *:focus.focus--primary-light { --focus-color: var(--primary-light); } .focus--primary-light *:focus, .focus--primary-light:focus-within { --focus-color: var(--primary-light); } *:focus.focus--primary-semi-light { --focus-color: var(--primary-semi-light); } .focus--primary-semi-light *:focus, .focus--primary-semi-light:focus-within { --focus-color: var(--primary-semi-light); } *:focus.focus--primary-semi-dark { --focus-color: var(--primary-semi-dark); } .focus--primary-semi-dark *:focus, .focus--primary-semi-dark:focus-within { --focus-color: var(--primary-semi-dark); } *:focus.focus--primary-dark { --focus-color: var(--primary-dark); } .focus--primary-dark *:focus, .focus--primary-dark:focus-within { --focus-color: var(--primary-dark); } *:focus.focus--primary-ultra-dark { --focus-color: var(--primary-ultra-dark); } .focus--primary-ultra-dark *:focus, .focus--primary-ultra-dark:focus-within { --focus-color: var(--primary-ultra-dark); } *:focus.focus--primary-comp { --focus-color: var(--primary-comp); } .focus--primary-comp *:focus, .focus--primary-comp:focus-within { --focus-color: var(--primary-comp); } *:focus.focus--primary-medium { --focus-color: var(--primary-medium); } .focus--primary-medium *:focus, .focus--primary-medium:focus-within { --focus-color: var(--primary-medium); } *:focus.focus--secondary { --focus-color: var(--secondary); } .focus--secondary *:focus, .focus--secondary:focus-within { --focus-color: var(--secondary); } *:focus.focus--secondary-hover { --focus-color: var(--secondary-hover); } .focus--secondary-hover *:focus, .focus--secondary-hover:focus-within { --focus-color: var(--secondary-hover); } *:focus.focus--secondary-ultra-light { --focus-color: var(--secondary-ultra-light); } .focus--secondary-ultra-light *:focus, .focus--secondary-ultra-light:focus-within { --focus-color: var(--secondary-ultra-light); } *:focus.focus--secondary-light { --focus-color: var(--secondary-light); } .focus--secondary-light *:focus, .focus--secondary-light:focus-within { --focus-color: var(--secondary-light); } *:focus.focus--secondary-semi-light { --focus-color: var(--secondary-semi-light); } .focus--secondary-semi-light *:focus, .focus--secondary-semi-light:focus-within { --focus-color: var(--secondary-semi-light); } *:focus.focus--secondary-semi-dark { --focus-color: var(--secondary-semi-dark); } .focus--secondary-semi-dark *:focus, .focus--secondary-semi-dark:focus-within { --focus-color: var(--secondary-semi-dark); } *:focus.focus--secondary-dark { --focus-color: var(--secondary-dark); } .focus--secondary-dark *:focus, .focus--secondary-dark:focus-within { --focus-color: var(--secondary-dark); } *:focus.focus--secondary-ultra-dark { --focus-color: var(--secondary-ultra-dark); } .focus--secondary-ultra-dark *:focus, .focus--secondary-ultra-dark:focus-within { --focus-color: var(--secondary-ultra-dark); } *:focus.focus--secondary-comp { --focus-color: var(--secondary-comp); } .focus--secondary-comp *:focus, .focus--secondary-comp:focus-within { --focus-color: var(--secondary-comp); } *:focus.focus--secondary-medium { --focus-color: var(--secondary-medium); } .focus--secondary-medium *:focus, .focus--secondary-medium:focus-within { --focus-color: var(--secondary-medium); } *:focus.focus--accent { --focus-color: var(--accent); } .focus--accent *:focus, .focus--accent:focus-within { --focus-color: var(--accent); } *:focus.focus--accent-hover { --focus-color: var(--accent-hover); } .focus--accent-hover *:focus, .focus--accent-hover:focus-within { --focus-color: var(--accent-hover); } *:focus.focus--accent-ultra-light { --focus-color: var(--accent-ultra-light); } .focus--accent-ultra-light *:focus, .focus--accent-ultra-light:focus-within { --focus-color: var(--accent-ultra-light); } *:focus.focus--accent-light { --focus-color: var(--accent-light); } .focus--accent-light *:focus, .focus--accent-light:focus-within { --focus-color: var(--accent-light); } *:focus.focus--accent-semi-light { --focus-color: var(--accent-semi-light); } .focus--accent-semi-light *:focus, .focus--accent-semi-light:focus-within { --focus-color: var(--accent-semi-light); } *:focus.focus--accent-semi-dark { --focus-color: var(--accent-semi-dark); } .focus--accent-semi-dark *:focus, .focus--accent-semi-dark:focus-within { --focus-color: var(--accent-semi-dark); } *:focus.focus--accent-dark { --focus-color: var(--accent-dark); } .focus--accent-dark *:focus, .focus--accent-dark:focus-within { --focus-color: var(--accent-dark); } *:focus.focus--accent-ultra-dark { --focus-color: var(--accent-ultra-dark); } .focus--accent-ultra-dark *:focus, .focus--accent-ultra-dark:focus-within { --focus-color: var(--accent-ultra-dark); } *:focus.focus--accent-comp { --focus-color: var(--accent-comp); } .focus--accent-comp *:focus, .focus--accent-comp:focus-within { --focus-color: var(--accent-comp); } *:focus.focus--accent-medium { --focus-color: var(--accent-medium); } .focus--accent-medium *:focus, .focus--accent-medium:focus-within { --focus-color: var(--accent-medium); } *:focus.focus--base { --focus-color: var(--base); } .focus--base *:focus, .focus--base:focus-within { --focus-color: var(--base); } *:focus.focus--base-hover { --focus-color: var(--base-hover); } .focus--base-hover *:focus, .focus--base-hover:focus-within { --focus-color: var(--base-hover); } *:focus.focus--base-ultra-light { --focus-color: var(--base-ultra-light); } .focus--base-ultra-light *:focus, .focus--base-ultra-light:focus-within { --focus-color: var(--base-ultra-light); } *:focus.focus--base-light { --focus-color: var(--base-light); } .focus--base-light *:focus, .focus--base-light:focus-within { --focus-color: var(--base-light); } *:focus.focus--base-semi-light { --focus-color: var(--base-semi-light); } .focus--base-semi-light *:focus, .focus--base-semi-light:focus-within { --focus-color: var(--base-semi-light); } *:focus.focus--base-semi-dark { --focus-color: var(--base-semi-dark); } .focus--base-semi-dark *:focus, .focus--base-semi-dark:focus-within { --focus-color: var(--base-semi-dark); } *:focus.focus--base-dark { --focus-color: var(--base-dark); } .focus--base-dark *:focus, .focus--base-dark:focus-within { --focus-color: var(--base-dark); } *:focus.focus--base-ultra-dark { --focus-color: var(--base-ultra-dark); } .focus--base-ultra-dark *:focus, .focus--base-ultra-dark:focus-within { --focus-color: var(--base-ultra-dark); } *:focus.focus--base-comp { --focus-color: var(--base-comp); } .focus--base-comp *:focus, .focus--base-comp:focus-within { --focus-color: var(--base-comp); } *:focus.focus--base-medium { --focus-color: var(--base-medium); } .focus--base-medium *:focus, .focus--base-medium:focus-within { --focus-color: var(--base-medium); } *:focus.focus--shade { --focus-color: var(--shade); } .focus--shade *:focus, .focus--shade:focus-within { --focus-color: var(--shade); } *:focus.focus--shade-hover { --focus-color: var(--shade-hover); } .focus--shade-hover *:focus, .focus--shade-hover:focus-within { --focus-color: var(--shade-hover); } *:focus.focus--shade-ultra-light { --focus-color: var(--shade-ultra-light); } .focus--shade-ultra-light *:focus, .focus--shade-ultra-light:focus-within { --focus-color: var(--shade-ultra-light); } *:focus.focus--shade-light { --focus-color: var(--shade-light); } .focus--shade-light *:focus, .focus--shade-light:focus-within { --focus-color: var(--shade-light); } *:focus.focus--shade-semi-light { --focus-color: var(--shade-semi-light); } .focus--shade-semi-light *:focus, .focus--shade-semi-light:focus-within { --focus-color: var(--shade-semi-light); } *:focus.focus--shade-semi-dark { --focus-color: var(--shade-semi-dark); } .focus--shade-semi-dark *:focus, .focus--shade-semi-dark:focus-within { --focus-color: var(--shade-semi-dark); } *:focus.focus--shade-dark { --focus-color: var(--shade-dark); } .focus--shade-dark *:focus, .focus--shade-dark:focus-within { --focus-color: var(--shade-dark); } *:focus.focus--shade-ultra-dark { --focus-color: var(--shade-ultra-dark); } .focus--shade-ultra-dark *:focus, .focus--shade-ultra-dark:focus-within { --focus-color: var(--shade-ultra-dark); } *:focus.focus--shade-comp { --focus-color: var(--shade-comp); } .focus--shade-comp *:focus, .focus--shade-comp:focus-within { --focus-color: var(--shade-comp); } *:focus.focus--shade-medium { --focus-color: var(--shade-medium); } .focus--shade-medium *:focus, .focus--shade-medium:focus-within { --focus-color: var(--shade-medium); } *:focus.focus--neutral { --focus-color: var(--neutral); } .focus--neutral *:focus, .focus--neutral:focus-within { --focus-color: var(--neutral); } *:focus.focus--neutral-hover { --focus-color: var(--neutral-hover); } .focus--neutral-hover *:focus, .focus--neutral-hover:focus-within { --focus-color: var(--neutral-hover); } *:focus.focus--neutral-ultra-light { --focus-color: var(--neutral-ultra-light); } .focus--neutral-ultra-light *:focus, .focus--neutral-ultra-light:focus-within { --focus-color: var(--neutral-ultra-light); } *:focus.focus--neutral-light { --focus-color: var(--neutral-light); } .focus--neutral-light *:focus, .focus--neutral-light:focus-within { --focus-color: var(--neutral-light); } *:focus.focus--neutral-semi-light { --focus-color: var(--neutral-semi-light); } .focus--neutral-semi-light *:focus, .focus--neutral-semi-light:focus-within { --focus-color: var(--neutral-semi-light); } *:focus.focus--neutral-semi-dark { --focus-color: var(--neutral-semi-dark); } .focus--neutral-semi-dark *:focus, .focus--neutral-semi-dark:focus-within { --focus-color: var(--neutral-semi-dark); } *:focus.focus--neutral-dark { --focus-color: var(--neutral-dark); } .focus--neutral-dark *:focus, .focus--neutral-dark:focus-within { --focus-color: var(--neutral-dark); } *:focus.focus--neutral-ultra-dark { --focus-color: var(--neutral-ultra-dark); } .focus--neutral-ultra-dark *:focus, .focus--neutral-ultra-dark:focus-within { --focus-color: var(--neutral-ultra-dark); } *:focus.focus--neutral-comp { --focus-color: var(--neutral-comp); } .focus--neutral-comp *:focus, .focus--neutral-comp:focus-within { --focus-color: var(--neutral-comp); } *:focus.focus--neutral-medium { --focus-color: var(--neutral-medium); } .focus--neutral-medium *:focus, .focus--neutral-medium:focus-within { --focus-color: var(--neutral-medium); } *:focus.focus--white { --focus-color: var(--white); } .focus--white *:focus, .focus--white:focus-within { --focus-color: var(--white); } *:focus.focus--black { --focus-color: var(--black); } .focus--black *:focus, .focus--black:focus-within { --focus-color: var(--black); } body.ct_inner div#ct-builder div.ct-component.ct-inner-content-workarea .hidden-accessible { position: relative !important; inline-size: 20px !important; block-size: auto !important; margin: 0; line-height: 1; visibility: hidden; } body.ct_inner div#ct-builder div.ct-component.ct-inner-content-workarea .hidden-accessible::before { content: "A"; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; background: #111; color: #f5f5f5; font-size: max(60%, 13px); padding: 0.5em; inset-block-start: 0; inset-inline-start: 0; inline-size: 20px; block-size: 20px; visibility: visible; border-radius: 50%; } .link--skip, .ct-link-text.link--skip { position: absolute; inset-block-start: 1rem; inset-inline-start: 1rem; transform: translateY(-250%); --btn-min-width: fit-content; background: var(--btn-background); color: var(--btn-text-color); padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-size: var(--btn-font-size, var(--text-m)); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); text-decoration: var(--btn-text-decoration); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-radius); border-color: var(--btn-border-color); transition: var(--btn-transition, var(--transition)); justify-content: var(--btn-justify-content, center); text-align: var(--btn-text-align, center); --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --focus-color: var(--primary-dark); } @media (hover: hover) and (pointer: fine) { .link--skip:hover, .ct-link-text.link--skip:hover { background: var(--btn-background-hover); color: var(--btn-text-color-hover); border-color: var(--btn-border-color-hover); text-decoration: var(--btn-text-decoration-hover); } } .link--skip:focus, .ct-link-text.link--skip:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } .link--skip:focus, .ct-link-text.link--skip:focus { transform: translateY(0); } .clickable-parent:not(a) { position: static; } .clickable-parent:not(a) a { position: static; } .clickable-parent:not(a) > a::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; z-index: 1; } button.clickable-parent, a.clickable-parent { position: static !important; } button.clickable-parent::after, a.clickable-parent::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; z-index: 1; } #ct-builder a.clickable-parent::after, #ct-builder .clickable-parent > a::after { content: ""; position: relative; } body { color: var(--body-color, var(--black)); background-color: var(--body-bg-color, var(--white)); } html:has(body.boxed-layout) { background-color: var(--device-bg-color, var(--white)); } body { font-size: var(--default-font-size, var(--text-m)); color: var(--text-color); line-height: var(--text-line-height); text-wrap: var(--text-text-wrap); } p, li { line-height: var(--text-line-height, calc(10px + 2ex)); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 { line-height: var(--heading-line-height); font-weight: var(--heading-font-weight); max-width: var(--heading-max-width); text-wrap: var(--heading-text-wrap); } h1 { font-size: var(--h1); line-height: var(--h1-line-height); max-width: var(--h1-max-width); } h2 { font-size: var(--h2); line-height: var(--h2-line-height); } h3 { font-size: var(--h3); line-height: var(--h3-line-height); } h4 { font-size: var(--h4); line-height: var(--h4-line-height); } h5 { font-size: var(--h5); line-height: var(--h5-line-height); } h6 { font-size: var(--h6); line-height: var(--h6-line-height); } body a:where(:not([class*= btn--])) { color: var(--link-color, var(--primary)); font-weight: var(--link-weight, 700); -webkit-text-decoration: var(--link-decoration, none); text-decoration: var(--link-decoration, none); text-underline-offset: var(--link-underline-offset, auto); transition: var(--link-transition, var(--transition)); } @media (hover: hover) and (pointer: fine) { body a:where(:not([class*= btn--])):hover { color: var(--link-color-hover, var(--primary-hover)); } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: inherit; color: currentcolor; text-underline-offset: var(--link-underline-offset, auto); } @media (hover: hover) and (pointer: fine) { h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: currentcolor; } } [class*="center--"]:where(:not([class*="self"], .ct-section))[class*="center--"]:where(:not([class*="self"], .ct-section)), .ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap[class*="center--"]:where(:not([class*="self"], .ct-section)), [class*="center--"]:where(:not([class*="self"], .ct-section)).ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap, .ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap.ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: var(--align-items, initial); align-content: var(--align-content, initial); justify-items: var(--justify-items, initial); justify-content: var(--justify-content, initial); text-align: var(--text-align, inherit); } .center--all:not(.ct-section).center--all:not(.ct-section), .ct-section.center--all > .ct-section-inner-wrap.center--all:not(.ct-section), .center--all:not(.ct-section).ct-section.center--all > .ct-section-inner-wrap, .ct-section.center--all > .ct-section-inner-wrap.ct-section.center--all > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: center; --justify-content: center; --text-align: center; } .center--y:not(.ct-section).center--y:not(.ct-section), .ct-section.center--y > .ct-section-inner-wrap.center--y:not(.ct-section), .center--y:not(.ct-section).ct-section.center--y > .ct-section-inner-wrap, .ct-section.center--y > .ct-section-inner-wrap.ct-section.center--y > .ct-section-inner-wrap { --align-items: flex-start; --justify-items: center; --justify-content: center; } .center--x:not(.ct-section).center--x:not(.ct-section), .ct-section.center--x > .ct-section-inner-wrap.center--x:not(.ct-section), .center--x:not(.ct-section).ct-section.center--x > .ct-section-inner-wrap, .ct-section.center--x > .ct-section-inner-wrap.ct-section.center--x > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-start; --justify-content: flex-start; } .center--left:not(.ct-section).center--left:not(.ct-section), .ct-section.center--left > .ct-section-inner-wrap.center--left:not(.ct-section), .center--left:not(.ct-section).ct-section.center--left > .ct-section-inner-wrap, .ct-section.center--left > .ct-section-inner-wrap.ct-section.center--left > .ct-section-inner-wrap { --align-items: flex-start; --align-content: flex-start; --justify-items: center; --justify-content: center; --text-align: left; } .center--right:not(.ct-section).center--right:not(.ct-section), .ct-section.center--right > .ct-section-inner-wrap.center--right:not(.ct-section), .center--right:not(.ct-section).ct-section.center--right > .ct-section-inner-wrap, .ct-section.center--right > .ct-section-inner-wrap.ct-section.center--right > .ct-section-inner-wrap { --align-items: flex-end; --align-content: flex-end; --justify-items: center; --justify-content: center; --text-align: right; } .center--top:not(.ct-section).center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap.center--top:not(.ct-section), .center--top:not(.ct-section).ct-section.center--top > .ct-section-inner-wrap, .ct-section.center--top > .ct-section-inner-wrap.ct-section.center--top > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: flex-start; --justify-content: flex-start; } .center--bottom:not(.ct-section).center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap.center--bottom:not(.ct-section), .center--bottom:not(.ct-section).ct-section.center--bottom > .ct-section-inner-wrap, .ct-section.center--bottom > .ct-section-inner-wrap.ct-section.center--bottom > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-end; --justify-content: flex-end; } @media (max-width: 1366px) { .center--all-xl:not(.ct-section).center--all-xl:not(.ct-section), .ct-section.center--all-xl > .ct-section-inner-wrap.center--all-xl:not(.ct-section), .center--all-xl:not(.ct-section).ct-section.center--all-xl > .ct-section-inner-wrap, .ct-section.center--all-xl > .ct-section-inner-wrap.ct-section.center--all-xl > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: center; --justify-content: center; --text-align: center; } .center--y-xl:not(.ct-section).center--y-xl:not(.ct-section), .ct-section.center--y-xl > .ct-section-inner-wrap.center--y-xl:not(.ct-section), .center--y-xl:not(.ct-section).ct-section.center--y-xl > .ct-section-inner-wrap, .ct-section.center--y-xl > .ct-section-inner-wrap.ct-section.center--y-xl > .ct-section-inner-wrap { --align-items: flex-start; --justify-items: center; --justify-content: center; } .center--x-xl:not(.ct-section).center--x-xl:not(.ct-section), .ct-section.center--x-xl > .ct-section-inner-wrap.center--x-xl:not(.ct-section), .center--x-xl:not(.ct-section).ct-section.center--x-xl > .ct-section-inner-wrap, .ct-section.center--x-xl > .ct-section-inner-wrap.ct-section.center--x-xl > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-start; --justify-content: flex-start; } .center--left-xl:not(.ct-section).center--left-xl:not(.ct-section), .ct-section.center--left-xl > .ct-section-inner-wrap.center--left-xl:not(.ct-section), .center--left-xl:not(.ct-section).ct-section.center--left-xl > .ct-section-inner-wrap, .ct-section.center--left-xl > .ct-section-inner-wrap.ct-section.center--left-xl > .ct-section-inner-wrap { --align-items: flex-start; --align-content: flex-start; --justify-items: center; --justify-content: center; --text-align: left; } .center--right-xl:not(.ct-section).center--right-xl:not(.ct-section), .ct-section.center--right-xl > .ct-section-inner-wrap.center--right-xl:not(.ct-section), .center--right-xl:not(.ct-section).ct-section.center--right-xl > .ct-section-inner-wrap, .ct-section.center--right-xl > .ct-section-inner-wrap.ct-section.center--right-xl > .ct-section-inner-wrap { --align-items: flex-end; --align-content: flex-end; --justify-items: center; --justify-content: center; --text-align: right; } .center--top-xl:not(.ct-section).center--top-xl:not(.ct-section), .ct-section.center--top-xl > .ct-section-inner-wrap.center--top-xl:not(.ct-section), .center--top-xl:not(.ct-section).ct-section.center--top-xl > .ct-section-inner-wrap, .ct-section.center--top-xl > .ct-section-inner-wrap.ct-section.center--top-xl > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: flex-start; --justify-content: flex-start; } .center--bottom-xl:not(.ct-section).center--bottom-xl:not(.ct-section), .ct-section.center--bottom-xl > .ct-section-inner-wrap.center--bottom-xl:not(.ct-section), .center--bottom-xl:not(.ct-section).ct-section.center--bottom-xl > .ct-section-inner-wrap, .ct-section.center--bottom-xl > .ct-section-inner-wrap.ct-section.center--bottom-xl > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-end; --justify-content: flex-end; } } @media (max-width: 992px) { .center--all-l:not(.ct-section).center--all-l:not(.ct-section), .ct-section.center--all-l > .ct-section-inner-wrap.center--all-l:not(.ct-section), .center--all-l:not(.ct-section).ct-section.center--all-l > .ct-section-inner-wrap, .ct-section.center--all-l > .ct-section-inner-wrap.ct-section.center--all-l > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: center; --justify-content: center; --text-align: center; } .center--y-l:not(.ct-section).center--y-l:not(.ct-section), .ct-section.center--y-l > .ct-section-inner-wrap.center--y-l:not(.ct-section), .center--y-l:not(.ct-section).ct-section.center--y-l > .ct-section-inner-wrap, .ct-section.center--y-l > .ct-section-inner-wrap.ct-section.center--y-l > .ct-section-inner-wrap { --align-items: flex-start; --justify-items: center; --justify-content: center; } .center--x-l:not(.ct-section).center--x-l:not(.ct-section), .ct-section.center--x-l > .ct-section-inner-wrap.center--x-l:not(.ct-section), .center--x-l:not(.ct-section).ct-section.center--x-l > .ct-section-inner-wrap, .ct-section.center--x-l > .ct-section-inner-wrap.ct-section.center--x-l > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-start; --justify-content: flex-start; } .center--left-l:not(.ct-section).center--left-l:not(.ct-section), .ct-section.center--left-l > .ct-section-inner-wrap.center--left-l:not(.ct-section), .center--left-l:not(.ct-section).ct-section.center--left-l > .ct-section-inner-wrap, .ct-section.center--left-l > .ct-section-inner-wrap.ct-section.center--left-l > .ct-section-inner-wrap { --align-items: flex-start; --align-content: flex-start; --justify-items: center; --justify-content: center; --text-align: left; } .center--right-l:not(.ct-section).center--right-l:not(.ct-section), .ct-section.center--right-l > .ct-section-inner-wrap.center--right-l:not(.ct-section), .center--right-l:not(.ct-section).ct-section.center--right-l > .ct-section-inner-wrap, .ct-section.center--right-l > .ct-section-inner-wrap.ct-section.center--right-l > .ct-section-inner-wrap { --align-items: flex-end; --align-content: flex-end; --justify-items: center; --justify-content: center; --text-align: right; } .center--top-l:not(.ct-section).center--top-l:not(.ct-section), .ct-section.center--top-l > .ct-section-inner-wrap.center--top-l:not(.ct-section), .center--top-l:not(.ct-section).ct-section.center--top-l > .ct-section-inner-wrap, .ct-section.center--top-l > .ct-section-inner-wrap.ct-section.center--top-l > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: flex-start; --justify-content: flex-start; } .center--bottom-l:not(.ct-section).center--bottom-l:not(.ct-section), .ct-section.center--bottom-l > .ct-section-inner-wrap.center--bottom-l:not(.ct-section), .center--bottom-l:not(.ct-section).ct-section.center--bottom-l > .ct-section-inner-wrap, .ct-section.center--bottom-l > .ct-section-inner-wrap.ct-section.center--bottom-l > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-end; --justify-content: flex-end; } } @media (max-width: 768px) { .center--all-m:not(.ct-section).center--all-m:not(.ct-section), .ct-section.center--all-m > .ct-section-inner-wrap.center--all-m:not(.ct-section), .center--all-m:not(.ct-section).ct-section.center--all-m > .ct-section-inner-wrap, .ct-section.center--all-m > .ct-section-inner-wrap.ct-section.center--all-m > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: center; --justify-content: center; --text-align: center; } .center--y-m:not(.ct-section).center--y-m:not(.ct-section), .ct-section.center--y-m > .ct-section-inner-wrap.center--y-m:not(.ct-section), .center--y-m:not(.ct-section).ct-section.center--y-m > .ct-section-inner-wrap, .ct-section.center--y-m > .ct-section-inner-wrap.ct-section.center--y-m > .ct-section-inner-wrap { --align-items: flex-start; --justify-items: center; --justify-content: center; } .center--x-m:not(.ct-section).center--x-m:not(.ct-section), .ct-section.center--x-m > .ct-section-inner-wrap.center--x-m:not(.ct-section), .center--x-m:not(.ct-section).ct-section.center--x-m > .ct-section-inner-wrap, .ct-section.center--x-m > .ct-section-inner-wrap.ct-section.center--x-m > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-start; --justify-content: flex-start; } .center--left-m:not(.ct-section).center--left-m:not(.ct-section), .ct-section.center--left-m > .ct-section-inner-wrap.center--left-m:not(.ct-section), .center--left-m:not(.ct-section).ct-section.center--left-m > .ct-section-inner-wrap, .ct-section.center--left-m > .ct-section-inner-wrap.ct-section.center--left-m > .ct-section-inner-wrap { --align-items: flex-start; --align-content: flex-start; --justify-items: center; --justify-content: center; --text-align: left; } .center--right-m:not(.ct-section).center--right-m:not(.ct-section), .ct-section.center--right-m > .ct-section-inner-wrap.center--right-m:not(.ct-section), .center--right-m:not(.ct-section).ct-section.center--right-m > .ct-section-inner-wrap, .ct-section.center--right-m > .ct-section-inner-wrap.ct-section.center--right-m > .ct-section-inner-wrap { --align-items: flex-end; --align-content: flex-end; --justify-items: center; --justify-content: center; --text-align: right; } .center--top-m:not(.ct-section).center--top-m:not(.ct-section), .ct-section.center--top-m > .ct-section-inner-wrap.center--top-m:not(.ct-section), .center--top-m:not(.ct-section).ct-section.center--top-m > .ct-section-inner-wrap, .ct-section.center--top-m > .ct-section-inner-wrap.ct-section.center--top-m > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: flex-start; --justify-content: flex-start; } .center--bottom-m:not(.ct-section).center--bottom-m:not(.ct-section), .ct-section.center--bottom-m > .ct-section-inner-wrap.center--bottom-m:not(.ct-section), .center--bottom-m:not(.ct-section).ct-section.center--bottom-m > .ct-section-inner-wrap, .ct-section.center--bottom-m > .ct-section-inner-wrap.ct-section.center--bottom-m > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-end; --justify-content: flex-end; } } @media (max-width: 480px) { .center--all-s:not(.ct-section).center--all-s:not(.ct-section), .ct-section.center--all-s > .ct-section-inner-wrap.center--all-s:not(.ct-section), .center--all-s:not(.ct-section).ct-section.center--all-s > .ct-section-inner-wrap, .ct-section.center--all-s > .ct-section-inner-wrap.ct-section.center--all-s > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: center; --justify-content: center; --text-align: center; } .center--y-s:not(.ct-section).center--y-s:not(.ct-section), .ct-section.center--y-s > .ct-section-inner-wrap.center--y-s:not(.ct-section), .center--y-s:not(.ct-section).ct-section.center--y-s > .ct-section-inner-wrap, .ct-section.center--y-s > .ct-section-inner-wrap.ct-section.center--y-s > .ct-section-inner-wrap { --align-items: flex-start; --justify-items: center; --justify-content: center; } .center--x-s:not(.ct-section).center--x-s:not(.ct-section), .ct-section.center--x-s > .ct-section-inner-wrap.center--x-s:not(.ct-section), .center--x-s:not(.ct-section).ct-section.center--x-s > .ct-section-inner-wrap, .ct-section.center--x-s > .ct-section-inner-wrap.ct-section.center--x-s > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-start; --justify-content: flex-start; } .center--left-s:not(.ct-section).center--left-s:not(.ct-section), .ct-section.center--left-s > .ct-section-inner-wrap.center--left-s:not(.ct-section), .center--left-s:not(.ct-section).ct-section.center--left-s > .ct-section-inner-wrap, .ct-section.center--left-s > .ct-section-inner-wrap.ct-section.center--left-s > .ct-section-inner-wrap { --align-items: flex-start; --align-content: flex-start; --justify-items: center; --justify-content: center; --text-align: left; } .center--right-s:not(.ct-section).center--right-s:not(.ct-section), .ct-section.center--right-s > .ct-section-inner-wrap.center--right-s:not(.ct-section), .center--right-s:not(.ct-section).ct-section.center--right-s > .ct-section-inner-wrap, .ct-section.center--right-s > .ct-section-inner-wrap.ct-section.center--right-s > .ct-section-inner-wrap { --align-items: flex-end; --align-content: flex-end; --justify-items: center; --justify-content: center; --text-align: right; } .center--top-s:not(.ct-section).center--top-s:not(.ct-section), .ct-section.center--top-s > .ct-section-inner-wrap.center--top-s:not(.ct-section), .center--top-s:not(.ct-section).ct-section.center--top-s > .ct-section-inner-wrap, .ct-section.center--top-s > .ct-section-inner-wrap.ct-section.center--top-s > .ct-section-inner-wrap { --align-items: center; --align-content: center; --justify-items: flex-start; --justify-content: flex-start; } .center--bottom-s:not(.ct-section).center--bottom-s:not(.ct-section), .ct-section.center--bottom-s > .ct-section-inner-wrap.center--bottom-s:not(.ct-section), .center--bottom-s:not(.ct-section).ct-section.center--bottom-s > .ct-section-inner-wrap, .ct-section.center--bottom-s > .ct-section-inner-wrap.ct-section.center--bottom-s > .ct-section-inner-wrap { --align-items: center; --justify-items: flex-end; --justify-content: flex-end; } } .btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --focus-color: var(--primary-dark); } .btn--primary-dark { --btn-background: var(--primary-dark); --btn-background-hover: var(--primary-ultra-dark); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--primary-dark); --btn-border-color-hover: var(--primary-ultra-dark); --focus-color: var(--primary-semi-dark); } .btn--primary-light { --btn-background: var(--primary-ultra-light); --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-dark); --btn-border-color: var(--primary-ultra-light); --btn-border-color-hover: var(--primary-light); --focus-color: var(--primary-light); } .btn--primary.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --focus-color: var(--primary-dark); } .btn--primary-dark.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-dark); --btn-text-color: var(--primary-dark); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--primary-dark); --btn-border-color-hover: var(--primary-dark); --focus-color: var(--primary-dark); } .btn--primary-light.btn--outline { --btn-background: transparent; --btn-background-hover: var(--primary-light); --btn-text-color: var(--primary-light); --btn-text-color-hover: var(--primary-dark); --btn-border-width: 0.25rem; --btn-border-color: var(--primary-light); --btn-border-color-hover: var(--primary-light); --focus-color: var(--primary-dark); } .btn--secondary { --btn-background: var(--secondary); --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--secondary-ultra-light); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-color: var(--secondary); --btn-border-color-hover: var(--secondary-hover); --focus-color: var(--secondary-dark); } .btn--secondary-dark { --btn-background: var(--secondary-dark); --btn-background-hover: var(--secondary-ultra-dark); --btn-text-color: var(--secondary-ultra-light); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-color: var(--secondary-dark); --btn-border-color-hover: var(--secondary-ultra-dark); --focus-color: var(--secondary-semi-dark); } .btn--secondary-light { --btn-background: var(--secondary-ultra-light); --btn-background-hover: var(--secondary-light); --btn-text-color: var(--secondary); --btn-text-color-hover: var(--secondary-ultra-dark); --btn-border-color: var(--secondary-ultra-light); --btn-border-color-hover: var(--secondary-light); --focus-color: var(--secondary-light); } .btn--secondary.btn--outline { --btn-background: transparent; --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--secondary); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--secondary); --btn-border-color-hover: var(--secondary-hover); --focus-color: var(--secondary-dark); } .btn--secondary-dark.btn--outline { --btn-background: transparent; --btn-background-hover: var(--secondary-dark); --btn-text-color: var(--secondary-dark); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--secondary-dark); --btn-border-color-hover: var(--secondary-dark); --focus-color: var(--secondary-dark); } .btn--secondary-light.btn--outline { --btn-background: transparent; --btn-background-hover: var(--secondary-light); --btn-text-color: var(--secondary-light); --btn-text-color-hover: var(--secondary-dark); --btn-border-width: 0.25rem; --btn-border-color: var(--secondary-light); --btn-border-color-hover: var(--secondary-light); --focus-color: var(--secondary-dark); } .btn--accent { --btn-background: var(--accent); --btn-background-hover: var(--accent-hover); --btn-text-color: var(--accent-ultra-light); --btn-text-color-hover: var(--accent-ultra-light); --btn-border-color: var(--accent); --btn-border-color-hover: var(--accent-hover); --focus-color: var(--accent-dark); } .btn--base { --btn-background: var(--base); --btn-background-hover: var(--base-hover); --btn-text-color: var(--base-ultra-light); --btn-text-color-hover: var(--base-ultra-light); --btn-border-color: var(--base); --btn-border-color-hover: var(--base-hover); --focus-color: var(--base-dark); } .btn--action { --btn-background: var(--action); --btn-background-hover: var(--action-hover); --btn-text-color: var(--action-ultra-light); --btn-text-color-hover: var(--action-ultra-light); --btn-border-color: var(--action); --btn-border-color-hover: var(--action-hover); --focus-color: var(--action-dark); } .btn--action.btn--outline { --btn-background: transparent; --btn-background-hover: var(--action-hover); --btn-text-color: var(--action); --btn-text-color-hover: var(--action-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--action); --btn-border-color-hover: var(--action-hover); --focus-color: var(--action-dark); } .btn--black { --btn-background: var(--shade-black); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-black); --btn-border-color-hover: var(--shade-white); --focus-color: var(--action); } .btn--black.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white); --btn-text-color: var(--shade-black); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--black); --btn-border-color-hover: var(--white); --focus-color: var(--action); } .btn--white { --btn-background: var(--shade-white); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--shade-black); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-white); --btn-border-color-hover: var(--shade-black); --focus-color: var(--action); } .btn--white.btn--outline { --btn-background: transparent; --btn-background-hover: var(--white-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--white); --btn-border-color-hover: var(--white-hover); --focus-color: var(--action); } [class*="btn--"]:where(:not(.btn--none, .wp-block-button)) { background: var(--btn-background); color: var(--btn-text-color); padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-size: var(--btn-font-size, var(--text-m)); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); text-decoration: var(--btn-text-decoration); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-radius); border-color: var(--btn-border-color); transition: var(--btn-transition, var(--transition)); justify-content: var(--btn-justify-content, center); text-align: var(--btn-text-align, center); } @media (hover: hover) and (pointer: fine) { [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover { background: var(--btn-background-hover); color: var(--btn-text-color-hover); border-color: var(--btn-border-color-hover); text-decoration: var(--btn-text-decoration-hover); } } [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } .btn--xs { font-size: var(--text-xs); } .btn--s { font-size: var(--text-s); } .btn--m { font-size: var(--text-m); } .btn--l { font-size: var(--text-l); } .btn--xl { font-size: var(--text-xl); } .btn--xxl { font-size: var(--text-xxl); } .btn--clear.btn--clear, .btn--none.btn--none { background: none; border: none; } .ct-video.aspect--1-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--1-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--1-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--1-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--2-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--2-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--2-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--2-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--3-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--3-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--3-4 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--3-4 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--4-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--4-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--16-9 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--16-9 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .ct-video.aspect--9-16 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .ct-video.aspect--9-16 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } @media (max-width: 1366px) { .aspect--xl-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-1-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-1-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-2-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-2-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-3-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-3-4 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-4-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-16-9 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--xl-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--xl-9-16 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } } @media (max-width: 992px) { .aspect--l-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-1-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-1-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-2-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-2-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-3-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-3-4 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-4-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-16-9 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--l-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--l-9-16 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } } @media (max-width: 768px) { .aspect--m-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-1-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-1-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-2-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-2-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-3-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-3-4 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-4-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-16-9 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--m-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--m-9-16 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } } @media (max-width: 480px) { .aspect--s-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-1-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-1-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-2-1 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-2-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-3-2 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-3-4 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-4-3 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-16-9 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } .aspect--s-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe { position: relative; } .aspect--s-9-16 > .oxygen-vsb-responsive-video-wrapper { padding-block-end: 0 !important; } } @media (min-width: 1367px) { .breakout--s { inline-size: 60vw; max-inline-size: 60vw !important; margin-inline: calc(-30vw + 50%); } .ct-image.breakout--s { inline-size: 60vw; max-inline-size: 60vw !important; margin-inline: calc(-30vw + 50%); } .breakout--m { inline-size: 70vw; max-inline-size: 70vw !important; margin-inline: calc(-35vw + 50%); } .ct-image.breakout--m { inline-size: 70vw; max-inline-size: 70vw !important; margin-inline: calc(-35vw + 50%); } .breakout--l { inline-size: 80vw; max-inline-size: 80vw !important; margin-inline: calc(-40vw + 50%); } .ct-image.breakout--l { inline-size: 80vw; max-inline-size: 80vw !important; margin-inline: calc(-40vw + 50%); } .breakout--xl { inline-size: 90vw; max-inline-size: 90vw !important; margin-inline: calc(-45vw + 50%); } .ct-image.breakout--xl { inline-size: 90vw; max-inline-size: 90vw !important; margin-inline: calc(-45vw + 50%); } } .breakout--full { inline-size: 100vw !important; max-inline-size: 100vw !important; margin-inline: calc(-50vw + 50%) !important; align-self: flex-start; } .ct-image.breakout--full { inline-size: 100vw !important; max-inline-size: 100vw !important; margin-inline: calc(-50vw + 50%) !important; align-self: flex-start; } @media (max-width: 1366px) { [class*="breakout--"]:not(.breakout--full) { inline-size: 100% !important; max-inline-size: 100% !important; margin-inline: 0; } } .flex-grid--1:not(section), section.flex-grid--1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--1:not(section) > *, section.flex-grid--1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--2:not(section), section.flex-grid--2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--2:not(section).gap--xs, section.flex-grid--2 > .ct-section-inner-wrap.gap--xs { --gap: var(--space-xs); } .flex-grid--2:not(section).gap--s, section.flex-grid--2 > .ct-section-inner-wrap.gap--s { --gap: var(--space-s); } .flex-grid--2:not(section).gap--m, section.flex-grid--2 > .ct-section-inner-wrap.gap--m { --gap: var(--space-m); } .flex-grid--2:not(section).gap--l, section.flex-grid--2 > .ct-section-inner-wrap.gap--l { --gap: var(--space-l); } .flex-grid--2:not(section).gap--xl, section.flex-grid--2 > .ct-section-inner-wrap.gap--xl { --gap: var(--space-xl); } .flex-grid--2:not(section).gap--xxl, section.flex-grid--2 > .ct-section-inner-wrap.gap--xxl { --gap: var(--space-xxl); } .flex-grid--2:not(section) > *, section.flex-grid--2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } @media (max-width: 1366px) { .flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 992px) { .flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 768px) { .flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 480px) { .flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } .flex-grid--3:not(section), section.flex-grid--3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--3:not(section).gap--xs, section.flex-grid--3 > .ct-section-inner-wrap.gap--xs { --gap: var(--space-xs); } .flex-grid--3:not(section).gap--s, section.flex-grid--3 > .ct-section-inner-wrap.gap--s { --gap: var(--space-s); } .flex-grid--3:not(section).gap--m, section.flex-grid--3 > .ct-section-inner-wrap.gap--m { --gap: var(--space-m); } .flex-grid--3:not(section).gap--l, section.flex-grid--3 > .ct-section-inner-wrap.gap--l { --gap: var(--space-l); } .flex-grid--3:not(section).gap--xl, section.flex-grid--3 > .ct-section-inner-wrap.gap--xl { --gap: var(--space-xl); } .flex-grid--3:not(section).gap--xxl, section.flex-grid--3 > .ct-section-inner-wrap.gap--xxl { --gap: var(--space-xxl); } .flex-grid--3:not(section) > *, section.flex-grid--3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } @media (max-width: 1366px) { .flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 992px) { .flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 768px) { .flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 480px) { .flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } .flex-grid--4:not(section), section.flex-grid--4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--4:not(section).gap--xs, section.flex-grid--4 > .ct-section-inner-wrap.gap--xs { --gap: var(--space-xs); } .flex-grid--4:not(section).gap--s, section.flex-grid--4 > .ct-section-inner-wrap.gap--s { --gap: var(--space-s); } .flex-grid--4:not(section).gap--m, section.flex-grid--4 > .ct-section-inner-wrap.gap--m { --gap: var(--space-m); } .flex-grid--4:not(section).gap--l, section.flex-grid--4 > .ct-section-inner-wrap.gap--l { --gap: var(--space-l); } .flex-grid--4:not(section).gap--xl, section.flex-grid--4 > .ct-section-inner-wrap.gap--xl { --gap: var(--space-xl); } .flex-grid--4:not(section).gap--xxl, section.flex-grid--4 > .ct-section-inner-wrap.gap--xxl { --gap: var(--space-xxl); } .flex-grid--4:not(section) > *, section.flex-grid--4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } @media (max-width: 1366px) { .flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 992px) { .flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 768px) { .flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 480px) { .flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } .flex-grid--5:not(section), section.flex-grid--5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--5:not(section).gap--xs, section.flex-grid--5 > .ct-section-inner-wrap.gap--xs { --gap: var(--space-xs); } .flex-grid--5:not(section).gap--s, section.flex-grid--5 > .ct-section-inner-wrap.gap--s { --gap: var(--space-s); } .flex-grid--5:not(section).gap--m, section.flex-grid--5 > .ct-section-inner-wrap.gap--m { --gap: var(--space-m); } .flex-grid--5:not(section).gap--l, section.flex-grid--5 > .ct-section-inner-wrap.gap--l { --gap: var(--space-l); } .flex-grid--5:not(section).gap--xl, section.flex-grid--5 > .ct-section-inner-wrap.gap--xl { --gap: var(--space-xl); } .flex-grid--5:not(section).gap--xxl, section.flex-grid--5 > .ct-section-inner-wrap.gap--xxl { --gap: var(--space-xxl); } .flex-grid--5:not(section) > *, section.flex-grid--5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } @media (max-width: 1366px) { .flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 992px) { .flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 768px) { .flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 480px) { .flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } .flex-grid--6:not(section), section.flex-grid--6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--6:not(section).gap--xs, section.flex-grid--6 > .ct-section-inner-wrap.gap--xs { --gap: var(--space-xs); } .flex-grid--6:not(section).gap--s, section.flex-grid--6 > .ct-section-inner-wrap.gap--s { --gap: var(--space-s); } .flex-grid--6:not(section).gap--m, section.flex-grid--6 > .ct-section-inner-wrap.gap--m { --gap: var(--space-m); } .flex-grid--6:not(section).gap--l, section.flex-grid--6 > .ct-section-inner-wrap.gap--l { --gap: var(--space-l); } .flex-grid--6:not(section).gap--xl, section.flex-grid--6 > .ct-section-inner-wrap.gap--xl { --gap: var(--space-xl); } .flex-grid--6:not(section).gap--xxl, section.flex-grid--6 > .ct-section-inner-wrap.gap--xxl { --gap: var(--space-xxl); } .flex-grid--6:not(section) > *, section.flex-grid--6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } @media (max-width: 1366px) { .flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs { --gap: var(--space-xs); } .flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s { --gap: var(--space-s); } .flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m { --gap: var(--space-m); } .flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l { --gap: var(--space-l); } .flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl { --gap: var(--space-xl); } .flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl { --gap: var(--space-xxl); } .flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 992px) { .flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs { --gap: var(--space-xs); } .flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s { --gap: var(--space-s); } .flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m { --gap: var(--space-m); } .flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l { --gap: var(--space-l); } .flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl { --gap: var(--space-xl); } .flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl { --gap: var(--space-xxl); } .flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 768px) { .flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs { --gap: var(--space-xs); } .flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s { --gap: var(--space-s); } .flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m { --gap: var(--space-m); } .flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l { --gap: var(--space-l); } .flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl { --gap: var(--space-xl); } .flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl { --gap: var(--space-xxl); } .flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } @media (max-width: 480px) { .flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: column; gap: var(--gap); } .flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * { width: 100%; max-width: 100%; flex-basis: auto; } .flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 1)) / 2); } .flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 2)) / 3); } .flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 3)) / 4); } .flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 4)) / 5); } .flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap { --gap: var(--grid-gap); display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap); justify-content: center; } .flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs { --gap: var(--space-xs); } .flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s { --gap: var(--space-s); } .flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m { --gap: var(--space-m); } .flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l { --gap: var(--space-l); } .flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl { --gap: var(--space-xl); } .flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl { --gap: var(--space-xxl); } .flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * { width: 100%; max-width: calc((100% - (var(--gap) * 5)) / 6); } } .flex--col:not(.ct-section), .ct-section.flex--col > .ct-section-inner-wrap { display: flex; flex-direction: column; } .flex--row:not(.ct-section), .ct-section.flex--row > .ct-section-inner-wrap { display: flex; flex-direction: row; } .flex--col-reverse:not(.ct-section), .ct-section.flex--col-reverse > .ct-section-inner-wrap { display: flex; flex-direction: column-reverse; } .flex--row-reverse:not(.ct-section), .ct-section.flex--row-reverse > .ct-section-inner-wrap { display: flex; flex-direction: row-reverse; } @media (max-width: 1366px) { .flex--col-xl:not(.ct-section), .ct-section.flex--col-xl > .ct-section-inner-wrap { display: flex; flex-direction: column; } .flex--row-xl:not(.ct-section), .ct-section.flex--row-xl > .ct-section-inner-wrap { display: flex; flex-direction: row; } .flex--col-reverse-xl:not(.ct-section), .ct-section.flex--col-reverse-xl > .ct-section-inner-wrap { display: flex; flex-direction: column-reverse; } .flex--row-reverse-xl:not(.ct-section), .ct-section.flex--row-reverse-xl > .ct-section-inner-wrap { display: flex; flex-direction: row-reverse; } } @media (max-width: 992px) { .flex--col-l:not(.ct-section), .ct-section.flex--col-l > .ct-section-inner-wrap { display: flex; flex-direction: column; } .flex--row-l:not(.ct-section), .ct-section.flex--row-l > .ct-section-inner-wrap { display: flex; flex-direction: row; } .flex--col-reverse-l:not(.ct-section), .ct-section.flex--col-reverse-l > .ct-section-inner-wrap { display: flex; flex-direction: column-reverse; } .flex--row-reverse-l:not(.ct-section), .ct-section.flex--row-reverse-l > .ct-section-inner-wrap { display: flex; flex-direction: row-reverse; } } @media (max-width: 768px) { .flex--col-m:not(.ct-section), .ct-section.flex--col-m > .ct-section-inner-wrap { display: flex; flex-direction: column; } .flex--row-m:not(.ct-section), .ct-section.flex--row-m > .ct-section-inner-wrap { display: flex; flex-direction: row; } .flex--col-reverse-m:not(.ct-section), .ct-section.flex--col-reverse-m > .ct-section-inner-wrap { display: flex; flex-direction: column-reverse; } .flex--row-reverse-m:not(.ct-section), .ct-section.flex--row-reverse-m > .ct-section-inner-wrap { display: flex; flex-direction: row-reverse; } } @media (max-width: 480px) { .flex--col-s:not(.ct-section), .ct-section.flex--col-s > .ct-section-inner-wrap { display: flex; flex-direction: column; } .flex--row-s:not(.ct-section), .ct-section.flex--row-s > .ct-section-inner-wrap { display: flex; flex-direction: row; } .flex--col-reverse-s:not(.ct-section), .ct-section.flex--col-reverse-s > .ct-section-inner-wrap { display: flex; flex-direction: column-reverse; } .flex--row-reverse-s:not(.ct-section), .ct-section.flex--row-reverse-s > .ct-section-inner-wrap { display: flex; flex-direction: row-reverse; } } .justify-content--start:not(.ct-section), .ct-section.justify-content--start > .ct-section-inner-wrap { display: flex; justify-content: flex-start; } .justify-content--end:not(.ct-section), .ct-section.justify-content--end > .ct-section-inner-wrap { display: flex; justify-content: flex-end; } .justify-content--center:not(.ct-section), .ct-section.justify-content--center > .ct-section-inner-wrap { display: flex; justify-content: center; } .justify-content--between:not(.ct-section), .ct-section.justify-content--between > .ct-section-inner-wrap { display: flex; justify-content: space-between; } .justify-content--around:not(.ct-section), .ct-section.justify-content--around > .ct-section-inner-wrap { display: flex; justify-content: space-around; } .justify-content--stretch:not(.ct-section), .ct-section.justify-content--stretch > .ct-section-inner-wrap { display: flex; justify-content: stretch; } .align-content--start:not(.ct-section), .ct-section.align-content--start > .ct-section-inner-wrap { display: flex; align-content: flex-start; } .align-content--end:not(.ct-section), .ct-section.align-content--end > .ct-section-inner-wrap { display: flex; align-content: flex-end; } .align-content--center:not(.ct-section), .ct-section.align-content--center > .ct-section-inner-wrap { display: flex; align-content: center; } .align-content--baseline:not(.ct-section), .ct-section.align-content--baseline > .ct-section-inner-wrap { display: flex; align-content: baseline; } .align-content--stretch:not(.ct-section), .ct-section.align-content--stretch > .ct-section-inner-wrap { display: flex; align-content: stretch; } .justify-items--start:not(.ct-section), .ct-section.justify-items--start > .ct-section-inner-wrap { display: flex; justify-items: flex-start; } .justify-items--center:not(.ct-section), .ct-section.justify-items--center > .ct-section-inner-wrap { display: flex; justify-items: center; } .justify-items--end:not(.ct-section), .ct-section.justify-items--end > .ct-section-inner-wrap { display: flex; justify-items: flex-end; } .justify-items--stretch:not(.ct-section), .ct-section.justify-items--stretch > .ct-section-inner-wrap { display: flex; justify-items: stretch; } .align-items--start:not(.ct-section), .ct-section.align-items--start > .ct-section-inner-wrap { display: flex; align-items: flex-start; } .align-items--end:not(.ct-section), .ct-section.align-items--end > .ct-section-inner-wrap { display: flex; align-items: flex-end; } .align-items--center:not(.ct-section), .ct-section.align-items--center > .ct-section-inner-wrap { display: flex; align-items: center; } .align-items--baseline:not(.ct-section), .ct-section.align-items--baseline > .ct-section-inner-wrap { display: flex; align-items: baseline; } .align-items--stretch:not(.ct-section), .ct-section.align-items--stretch > .ct-section-inner-wrap { display: flex; align-items: stretch; } .self--start:not(.ct-section), .ct-section.self--start > .ct-section-inner-wrap { display: flex; align-self: flex-start; } .self--end:not(.ct-section), .ct-section.self--end > .ct-section-inner-wrap { display: flex; align-self: flex-end; } .self--stretch:not(.ct-section), .ct-section.self--stretch > .ct-section-inner-wrap { display: flex; align-self: stretch; } .self--center:not(.ct-section), .ct-section.self--center > .ct-section-inner-wrap { display: flex; align-self: center; } .flex--wrap:not(.ct-section), .ct-section.flex--wrap > .ct-section-inner-wrap { flex-wrap: wrap; } .stretch:not(.ct-section), .ct-section.stretch > .ct-section-inner-wrap { display: flex; align-content: stretch; align-items: stretch; justify-content: stretch; justify-items: stretch; } .flex--grow:not(.ct-section) > *, .ct-section.flex--grow > .ct-section-inner-wrap > * { flex-grow: 1; } .grid--1:not(.ct-section), .ct-section.grid--1 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)); inline-size: 100%; } .grid--1:not(.ct-section) > *, .ct-section.grid--1 > .ct-section-inner-wrap > * { grid-column: 1 !important; } .grid--2:not(.ct-section), .ct-section.grid--2 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; } .grid--3:not(.ct-section), .ct-section.grid--3 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); inline-size: 100%; } .grid--4:not(.ct-section), .ct-section.grid--4 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); inline-size: 100%; } .grid--5:not(.ct-section), .ct-section.grid--5 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); inline-size: 100%; } .grid--6:not(.ct-section), .ct-section.grid--6 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); inline-size: 100%; } .grid--7:not(.ct-section), .ct-section.grid--7 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); inline-size: 100%; } .grid--8:not(.ct-section), .ct-section.grid--8 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(8, minmax(0, 1fr)); inline-size: 100%; } .grid--9:not(.ct-section), .ct-section.grid--9 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(9, minmax(0, 1fr)); inline-size: 100%; } .grid--10:not(.ct-section), .ct-section.grid--10 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(10, minmax(0, 1fr)); inline-size: 100%; } .grid--11:not(.ct-section), .ct-section.grid--11 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(11, minmax(0, 1fr)); inline-size: 100%; } .grid--12:not(.ct-section), .ct-section.grid--12 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); inline-size: 100%; } .grid--1-2:not(.ct-section), .ct-section.grid--1-2 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); inline-size: 100%; } .grid--1-3:not(.ct-section), .ct-section.grid--1-3 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); inline-size: 100%; } .grid--2-1:not(.ct-section), .ct-section.grid--2-1 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); inline-size: 100%; } .grid--2-3:not(.ct-section), .ct-section.grid--2-3 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); inline-size: 100%; } .grid--3-1:not(.ct-section), .ct-section.grid--3-1 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); inline-size: 100%; } .grid--3-2:not(.ct-section), .ct-section.grid--3-2 > .ct-section-inner-wrap { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); inline-size: 100%; } @media (max-width: 1366px) { .grid--xl-1:not(.ct-section), .ct-section.grid--xl-1 > .ct-section-inner-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--xl-1:not(.ct-section) > .ct-section, .ct-section.grid--xl-1 > .ct-section-inner-wrap > .ct-section { grid-column: 1 !important; } .grid--xl-2:not(.ct-section), .ct-section.grid--xl-2 > .ct-section-inner-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--xl-3:not(.ct-section), .ct-section.grid--xl-3 > .ct-section-inner-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--xl-4:not(.ct-section), .ct-section.grid--xl-4 > .ct-section-inner-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--xl-5:not(.ct-section), .ct-section.grid--xl-5 > .ct-section-inner-wrap { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--xl-6:not(.ct-section), .ct-section.grid--xl-6 > .ct-section-inner-wrap { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--xl-7:not(.ct-section), .ct-section.grid--xl-7 > .ct-section-inner-wrap { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--xl-8:not(.ct-section), .ct-section.grid--xl-8 > .ct-section-inner-wrap { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--xl-9:not(.ct-section), .ct-section.grid--xl-9 > .ct-section-inner-wrap { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--xl-10:not(.ct-section), .ct-section.grid--xl-10 > .ct-section-inner-wrap { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--xl-11:not(.ct-section), .ct-section.grid--xl-11 > .ct-section-inner-wrap { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--xl-12:not(.ct-section), .ct-section.grid--xl-12 > .ct-section-inner-wrap { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 992px) { .grid--l-1:not(.ct-section), .ct-section.grid--l-1 > .ct-section-inner-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--l-1:not(.ct-section) > .ct-section, .ct-section.grid--l-1 > .ct-section-inner-wrap > .ct-section { grid-column: 1 !important; } .grid--l-2:not(.ct-section), .ct-section.grid--l-2 > .ct-section-inner-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--l-3:not(.ct-section), .ct-section.grid--l-3 > .ct-section-inner-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--l-4:not(.ct-section), .ct-section.grid--l-4 > .ct-section-inner-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--l-5:not(.ct-section), .ct-section.grid--l-5 > .ct-section-inner-wrap { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--l-6:not(.ct-section), .ct-section.grid--l-6 > .ct-section-inner-wrap { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--l-7:not(.ct-section), .ct-section.grid--l-7 > .ct-section-inner-wrap { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--l-8:not(.ct-section), .ct-section.grid--l-8 > .ct-section-inner-wrap { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--l-9:not(.ct-section), .ct-section.grid--l-9 > .ct-section-inner-wrap { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--l-10:not(.ct-section), .ct-section.grid--l-10 > .ct-section-inner-wrap { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--l-11:not(.ct-section), .ct-section.grid--l-11 > .ct-section-inner-wrap { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--l-12:not(.ct-section), .ct-section.grid--l-12 > .ct-section-inner-wrap { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 768px) { .grid--m-1:not(.ct-section), .ct-section.grid--m-1 > .ct-section-inner-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--m-1:not(.ct-section) > .ct-section, .ct-section.grid--m-1 > .ct-section-inner-wrap > .ct-section { grid-column: 1 !important; } .grid--m-2:not(.ct-section), .ct-section.grid--m-2 > .ct-section-inner-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--m-3:not(.ct-section), .ct-section.grid--m-3 > .ct-section-inner-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--m-4:not(.ct-section), .ct-section.grid--m-4 > .ct-section-inner-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--m-5:not(.ct-section), .ct-section.grid--m-5 > .ct-section-inner-wrap { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--m-6:not(.ct-section), .ct-section.grid--m-6 > .ct-section-inner-wrap { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--m-7:not(.ct-section), .ct-section.grid--m-7 > .ct-section-inner-wrap { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--m-8:not(.ct-section), .ct-section.grid--m-8 > .ct-section-inner-wrap { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--m-9:not(.ct-section), .ct-section.grid--m-9 > .ct-section-inner-wrap { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--m-10:not(.ct-section), .ct-section.grid--m-10 > .ct-section-inner-wrap { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--m-11:not(.ct-section), .ct-section.grid--m-11 > .ct-section-inner-wrap { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--m-12:not(.ct-section), .ct-section.grid--m-12 > .ct-section-inner-wrap { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 480px) { .grid--s-1:not(.ct-section), .ct-section.grid--s-1 > .ct-section-inner-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--s-1:not(.ct-section) > .ct-section, .ct-section.grid--s-1 > .ct-section-inner-wrap > .ct-section { grid-column: 1 !important; } .grid--s-2:not(.ct-section), .ct-section.grid--s-2 > .ct-section-inner-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--s-3:not(.ct-section), .ct-section.grid--s-3 > .ct-section-inner-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--s-4:not(.ct-section), .ct-section.grid--s-4 > .ct-section-inner-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--s-5:not(.ct-section), .ct-section.grid--s-5 > .ct-section-inner-wrap { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--s-6:not(.ct-section), .ct-section.grid--s-6 > .ct-section-inner-wrap { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--s-7:not(.ct-section), .ct-section.grid--s-7 > .ct-section-inner-wrap { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--s-8:not(.ct-section), .ct-section.grid--s-8 > .ct-section-inner-wrap { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--s-9:not(.ct-section), .ct-section.grid--s-9 > .ct-section-inner-wrap { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--s-10:not(.ct-section), .ct-section.grid--s-10 > .ct-section-inner-wrap { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--s-11:not(.ct-section), .ct-section.grid--s-11 > .ct-section-inner-wrap { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--s-12:not(.ct-section), .ct-section.grid--s-12 > .ct-section-inner-wrap { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (min-width: 1367px) { .grid--alternate-xl:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-xl:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-xl:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-xl:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-xl:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-xl:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-xl:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-xl:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-xl:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-xl:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-xl:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-xl:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child { order: -1; } } @media (min-width: 993px) { .grid--alternate-l:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-l:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-l:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-l:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-l:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-l:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-l:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-l:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-l:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-l:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-l:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-l:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child { order: -1; } } @media (min-width: 769px) { .grid--alternate-m:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-m:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-m:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-m:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-m:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-m:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-m:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-m:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-m:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-m:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-m:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-m:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child { order: -1; } } @media (min-width: 481px) { .grid--alternate-s:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-s:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-s:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-s:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-s:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-s:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-s:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-s:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-s:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-s:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child { order: -1; } .grid--alternate-s:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-s:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child { order: -1; } } .grid--auto-2:not(.ct-section), .ct-section.grid--auto-2 > .ct-section-inner-wrap { --column-count: 2; } .grid--auto-3:not(.ct-section), .ct-section.grid--auto-3 > .ct-section-inner-wrap { --column-count: 3; } .grid--auto-4:not(.ct-section), .ct-section.grid--auto-4 > .ct-section-inner-wrap { --column-count: 4; } .grid--auto-5:not(.ct-section), .ct-section.grid--auto-5 > .ct-section-inner-wrap { --column-count: 5; } .grid--auto-6:not(.ct-section), .ct-section.grid--auto-6 > .ct-section-inner-wrap { --column-count: 6; } .grid--auto-7:not(.ct-section), .ct-section.grid--auto-7 > .ct-section-inner-wrap { --column-count: 7; } .grid--auto-8:not(.ct-section), .ct-section.grid--auto-8 > .ct-section-inner-wrap { --column-count: 8; } .grid--auto-9:not(.ct-section), .ct-section.grid--auto-9 > .ct-section-inner-wrap { --column-count: 9; } .grid--auto-10:not(.ct-section), .ct-section.grid--auto-10 > .ct-section-inner-wrap { --column-count: 10; } .grid--auto-11:not(.ct-section), .ct-section.grid--auto-11 > .ct-section-inner-wrap { --column-count: 11; } .grid--auto-12:not(.ct-section), .ct-section.grid--auto-12 > .ct-section-inner-wrap { --column-count: 12; } .grid--auto-1-2:not(.ct-section), .ct-section.grid--auto-1-2 > .ct-section-inner-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--auto-1-3:not(.ct-section), .ct-section.grid--auto-1-3 > .ct-section-inner-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--auto-2-1:not(.ct-section), .ct-section.grid--auto-2-1 > .ct-section-inner-wrap { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--auto-2-3:not(.ct-section), .ct-section.grid--auto-2-3 > .ct-section-inner-wrap { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--auto-3-1:not(.ct-section), .ct-section.grid--auto-3-1 > .ct-section-inner-wrap { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--auto-3-2:not(.ct-section), .ct-section.grid--auto-3-2 > .ct-section-inner-wrap { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } @media (max-width: 992px) { .grid--auto-1-2:not(.ct-section), .ct-section.grid--auto-1-2 > .ct-section-inner-wrap { grid-template-columns: var(--grid-template-columns); --column-count: 1; } .grid--auto-1-3:not(.ct-section), .ct-section.grid--auto-1-3 > .ct-section-inner-wrap { grid-template-columns: var(--grid-template-columns); --column-count: 1; } .grid--auto-2-1:not(.ct-section), .ct-section.grid--auto-2-1 > .ct-section-inner-wrap { grid-template-columns: var(--grid-template-columns); --column-count: 1; } .grid--auto-2-3:not(.ct-section), .ct-section.grid--auto-2-3 > .ct-section-inner-wrap { grid-template-columns: var(--grid-template-columns); --column-count: 1; } .grid--auto-3-1:not(.ct-section), .ct-section.grid--auto-3-1 > .ct-section-inner-wrap { grid-template-columns: var(--grid-template-columns); --column-count: 1; } .grid--auto-3-2:not(.ct-section), .ct-section.grid--auto-3-2 > .ct-section-inner-wrap { grid-template-columns: var(--grid-template-columns); --column-count: 1; } } .gap--xs:not(section), section.gap--xs > .ct-section-inner-wrap { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); --grid-gap: var(--space-xs); } .gap--s:not(section), section.gap--s > .ct-section-inner-wrap { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); --grid-gap: var(--space-s); } .gap--m:not(section), section.gap--m > .ct-section-inner-wrap { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); --grid-gap: var(--space-m); } .gap--l:not(section), section.gap--l > .ct-section-inner-wrap { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); --grid-gap: var(--space-l); } .gap--xl:not(section), section.gap--xl > .ct-section-inner-wrap { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); --grid-gap: var(--space-xl); } .gap--xxl:not(section), section.gap--xxl > .ct-section-inner-wrap { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); --grid-gap: var(--space-xxl); } @media (max-width: 1366px) { .gap--xl-xs:not(section), section.gap--xl-xs > .ct-section-inner-wrap { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); --grid-gap: var(--space-xs); } .gap--xl-s:not(section), section.gap--xl-s > .ct-section-inner-wrap { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); --grid-gap: var(--space-s); } .gap--xl-m:not(section), section.gap--xl-m > .ct-section-inner-wrap { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); --grid-gap: var(--space-m); } .gap--xl-l:not(section), section.gap--xl-l > .ct-section-inner-wrap { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); --grid-gap: var(--space-l); } .gap--xl-xl:not(section), section.gap--xl-xl > .ct-section-inner-wrap { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); --grid-gap: var(--space-xl); } .gap--xl-xxl:not(section), section.gap--xl-xxl > .ct-section-inner-wrap { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); --grid-gap: var(--space-xxl); } } @media (max-width: 992px) { .gap--l-xs:not(section), section.gap--l-xs > .ct-section-inner-wrap { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); --grid-gap: var(--space-xs); } .gap--l-s:not(section), section.gap--l-s > .ct-section-inner-wrap { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); --grid-gap: var(--space-s); } .gap--l-m:not(section), section.gap--l-m > .ct-section-inner-wrap { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); --grid-gap: var(--space-m); } .gap--l-l:not(section), section.gap--l-l > .ct-section-inner-wrap { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); --grid-gap: var(--space-l); } .gap--l-xl:not(section), section.gap--l-xl > .ct-section-inner-wrap { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); --grid-gap: var(--space-xl); } .gap--l-xxl:not(section), section.gap--l-xxl > .ct-section-inner-wrap { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); --grid-gap: var(--space-xxl); } } @media (max-width: 768px) { .gap--m-xs:not(section), section.gap--m-xs > .ct-section-inner-wrap { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); --grid-gap: var(--space-xs); } .gap--m-s:not(section), section.gap--m-s > .ct-section-inner-wrap { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); --grid-gap: var(--space-s); } .gap--m-m:not(section), section.gap--m-m > .ct-section-inner-wrap { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); --grid-gap: var(--space-m); } .gap--m-l:not(section), section.gap--m-l > .ct-section-inner-wrap { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); --grid-gap: var(--space-l); } .gap--m-xl:not(section), section.gap--m-xl > .ct-section-inner-wrap { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); --grid-gap: var(--space-xl); } .gap--m-xxl:not(section), section.gap--m-xxl > .ct-section-inner-wrap { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); --grid-gap: var(--space-xxl); } } @media (max-width: 480px) { .gap--s-xs:not(section), section.gap--s-xs > .ct-section-inner-wrap { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); --grid-gap: var(--space-xs); } .gap--s-s:not(section), section.gap--s-s > .ct-section-inner-wrap { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); --grid-gap: var(--space-s); } .gap--s-m:not(section), section.gap--s-m > .ct-section-inner-wrap { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); --grid-gap: var(--space-m); } .gap--s-l:not(section), section.gap--s-l > .ct-section-inner-wrap { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); --grid-gap: var(--space-l); } .gap--s-xl:not(section), section.gap--s-xl > .ct-section-inner-wrap { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); --grid-gap: var(--space-xl); } .gap--s-xxl:not(section), section.gap--s-xxl > .ct-section-inner-wrap { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); --grid-gap: var(--space-xxl); } } .grid-gap:not(section), section.grid-gap > .ct-section-inner-wrap { gap: var(--grid-gap); } .container-gap:not(section), section.container-gap > .ct-section-inner-wrap { gap: var(--container-gap); } .content-gap:not(section), section.content-gap > .ct-section-inner-wrap { gap: var(--content-gap); } .height--20:not(.ct-section), .ct-section.height--20 > .ct-section-inner-wrap { min-block-size: 20vh; } .height--30:not(.ct-section), .ct-section.height--30 > .ct-section-inner-wrap { min-block-size: 30vh; } .height--40:not(.ct-section), .ct-section.height--40 > .ct-section-inner-wrap { min-block-size: 40vh; } .height--50:not(.ct-section), .ct-section.height--50 > .ct-section-inner-wrap { min-block-size: 50vh; } .height--60:not(.ct-section), .ct-section.height--60 > .ct-section-inner-wrap { min-block-size: 60vh; } .height--70:not(.ct-section), .ct-section.height--70 > .ct-section-inner-wrap { min-block-size: 70vh; } .height--80:not(.ct-section), .ct-section.height--80 > .ct-section-inner-wrap { min-block-size: 80vh; } .height--90:not(.ct-section), .ct-section.height--90 > .ct-section-inner-wrap { min-block-size: 90vh; } .height--100:not(.ct-section), .ct-section.height--100 > .ct-section-inner-wrap { min-block-size: 100vh; } .height--full:not(.ct-section), .ct-section.height--full > .ct-section-inner-wrap { min-block-size: 100vh; } @media (max-width: 1366px) { .height--xl-20:not(.ct-section), .ct-section.height--xl-20 > .ct-section-inner-wrap { min-block-size: 20vh; } .height--xl-30:not(.ct-section), .ct-section.height--xl-30 > .ct-section-inner-wrap { min-block-size: 30vh; } .height--xl-40:not(.ct-section), .ct-section.height--xl-40 > .ct-section-inner-wrap { min-block-size: 40vh; } .height--xl-50:not(.ct-section), .ct-section.height--xl-50 > .ct-section-inner-wrap { min-block-size: 50vh; } .height--xl-60:not(.ct-section), .ct-section.height--xl-60 > .ct-section-inner-wrap { min-block-size: 60vh; } .height--xl-70:not(.ct-section), .ct-section.height--xl-70 > .ct-section-inner-wrap { min-block-size: 70vh; } .height--xl-80:not(.ct-section), .ct-section.height--xl-80 > .ct-section-inner-wrap { min-block-size: 80vh; } .height--xl-90:not(.ct-section), .ct-section.height--xl-90 > .ct-section-inner-wrap { min-block-size: 90vh; } .height--xl-100:not(.ct-section), .ct-section.height--xl-100 > .ct-section-inner-wrap { min-block-size: 100vh; } .height--xl-full:not(.ct-section), .ct-section.height--xl-full > .ct-section-inner-wrap { min-block-size: 100vh; } } @media (max-width: 992px) { .height--l-20:not(.ct-section), .ct-section.height--l-20 > .ct-section-inner-wrap { min-block-size: 20vh; } .height--l-30:not(.ct-section), .ct-section.height--l-30 > .ct-section-inner-wrap { min-block-size: 30vh; } .height--l-40:not(.ct-section), .ct-section.height--l-40 > .ct-section-inner-wrap { min-block-size: 40vh; } .height--l-50:not(.ct-section), .ct-section.height--l-50 > .ct-section-inner-wrap { min-block-size: 50vh; } .height--l-60:not(.ct-section), .ct-section.height--l-60 > .ct-section-inner-wrap { min-block-size: 60vh; } .height--l-70:not(.ct-section), .ct-section.height--l-70 > .ct-section-inner-wrap { min-block-size: 70vh; } .height--l-80:not(.ct-section), .ct-section.height--l-80 > .ct-section-inner-wrap { min-block-size: 80vh; } .height--l-90:not(.ct-section), .ct-section.height--l-90 > .ct-section-inner-wrap { min-block-size: 90vh; } .height--l-100:not(.ct-section), .ct-section.height--l-100 > .ct-section-inner-wrap { min-block-size: 100vh; } .height--l-full:not(.ct-section), .ct-section.height--l-full > .ct-section-inner-wrap { min-block-size: 100vh; } } @media (max-width: 768px) { .height--m-20:not(.ct-section), .ct-section.height--m-20 > .ct-section-inner-wrap { min-block-size: 20vh; } .height--m-30:not(.ct-section), .ct-section.height--m-30 > .ct-section-inner-wrap { min-block-size: 30vh; } .height--m-40:not(.ct-section), .ct-section.height--m-40 > .ct-section-inner-wrap { min-block-size: 40vh; } .height--m-50:not(.ct-section), .ct-section.height--m-50 > .ct-section-inner-wrap { min-block-size: 50vh; } .height--m-60:not(.ct-section), .ct-section.height--m-60 > .ct-section-inner-wrap { min-block-size: 60vh; } .height--m-70:not(.ct-section), .ct-section.height--m-70 > .ct-section-inner-wrap { min-block-size: 70vh; } .height--m-80:not(.ct-section), .ct-section.height--m-80 > .ct-section-inner-wrap { min-block-size: 80vh; } .height--m-90:not(.ct-section), .ct-section.height--m-90 > .ct-section-inner-wrap { min-block-size: 90vh; } .height--m-100:not(.ct-section), .ct-section.height--m-100 > .ct-section-inner-wrap { min-block-size: 100vh; } .height--m-full:not(.ct-section), .ct-section.height--m-full > .ct-section-inner-wrap { min-block-size: 100vh; } } @media (max-width: 480px) { .height--s-20:not(.ct-section), .ct-section.height--s-20 > .ct-section-inner-wrap { min-block-size: 20vh; } .height--s-30:not(.ct-section), .ct-section.height--s-30 > .ct-section-inner-wrap { min-block-size: 30vh; } .height--s-40:not(.ct-section), .ct-section.height--s-40 > .ct-section-inner-wrap { min-block-size: 40vh; } .height--s-50:not(.ct-section), .ct-section.height--s-50 > .ct-section-inner-wrap { min-block-size: 50vh; } .height--s-60:not(.ct-section), .ct-section.height--s-60 > .ct-section-inner-wrap { min-block-size: 60vh; } .height--s-70:not(.ct-section), .ct-section.height--s-70 > .ct-section-inner-wrap { min-block-size: 70vh; } .height--s-80:not(.ct-section), .ct-section.height--s-80 > .ct-section-inner-wrap { min-block-size: 80vh; } .height--s-90:not(.ct-section), .ct-section.height--s-90 > .ct-section-inner-wrap { min-block-size: 90vh; } .height--s-100:not(.ct-section), .ct-section.height--s-100 > .ct-section-inner-wrap { min-block-size: 100vh; } .height--s-full:not(.ct-section), .ct-section.height--s-full > .ct-section-inner-wrap { min-block-size: 100vh; } } .max-height--20:not(.ct-section), .ct-section.max-height--20 > .ct-section-inner-wrap { max-block-size: 20vh; } .max-height--30:not(.ct-section), .ct-section.max-height--30 > .ct-section-inner-wrap { max-block-size: 30vh; } .max-height--40:not(.ct-section), .ct-section.max-height--40 > .ct-section-inner-wrap { max-block-size: 40vh; } .max-height--50:not(.ct-section), .ct-section.max-height--50 > .ct-section-inner-wrap { max-block-size: 50vh; } .max-height--60:not(.ct-section), .ct-section.max-height--60 > .ct-section-inner-wrap { max-block-size: 60vh; } .max-height--70:not(.ct-section), .ct-section.max-height--70 > .ct-section-inner-wrap { max-block-size: 70vh; } .max-height--80:not(.ct-section), .ct-section.max-height--80 > .ct-section-inner-wrap { max-block-size: 80vh; } .max-height--90:not(.ct-section), .ct-section.max-height--90 > .ct-section-inner-wrap { max-block-size: 90vh; } .max-height--100:not(.ct-section), .ct-section.max-height--100 > .ct-section-inner-wrap { max-block-size: 100vh; } .max-height--full:not(.ct-section), .ct-section.max-height--full > .ct-section-inner-wrap { max-block-size: 100vh; } @media (max-width: 1366px) { .max-height--xl-20:not(.ct-section), .ct-section.max-height--xl-20 > .ct-section-inner-wrap { max-block-size: 20vh; } .max-height--xl-30:not(.ct-section), .ct-section.max-height--xl-30 > .ct-section-inner-wrap { max-block-size: 30vh; } .max-height--xl-40:not(.ct-section), .ct-section.max-height--xl-40 > .ct-section-inner-wrap { max-block-size: 40vh; } .max-height--xl-50:not(.ct-section), .ct-section.max-height--xl-50 > .ct-section-inner-wrap { max-block-size: 50vh; } .max-height--xl-60:not(.ct-section), .ct-section.max-height--xl-60 > .ct-section-inner-wrap { max-block-size: 60vh; } .max-height--xl-70:not(.ct-section), .ct-section.max-height--xl-70 > .ct-section-inner-wrap { max-block-size: 70vh; } .max-height--xl-80:not(.ct-section), .ct-section.max-height--xl-80 > .ct-section-inner-wrap { max-block-size: 80vh; } .max-height--xl-90:not(.ct-section), .ct-section.max-height--xl-90 > .ct-section-inner-wrap { max-block-size: 90vh; } .max-height--xl-100:not(.ct-section), .ct-section.max-height--xl-100 > .ct-section-inner-wrap { max-block-size: 100vh; } .max-height--xl-full:not(.ct-section), .ct-section.max-height--xl-full > .ct-section-inner-wrap { max-block-size: 100vh; } } @media (max-width: 992px) { .max-height--l-20:not(.ct-section), .ct-section.max-height--l-20 > .ct-section-inner-wrap { max-block-size: 20vh; } .max-height--l-30:not(.ct-section), .ct-section.max-height--l-30 > .ct-section-inner-wrap { max-block-size: 30vh; } .max-height--l-40:not(.ct-section), .ct-section.max-height--l-40 > .ct-section-inner-wrap { max-block-size: 40vh; } .max-height--l-50:not(.ct-section), .ct-section.max-height--l-50 > .ct-section-inner-wrap { max-block-size: 50vh; } .max-height--l-60:not(.ct-section), .ct-section.max-height--l-60 > .ct-section-inner-wrap { max-block-size: 60vh; } .max-height--l-70:not(.ct-section), .ct-section.max-height--l-70 > .ct-section-inner-wrap { max-block-size: 70vh; } .max-height--l-80:not(.ct-section), .ct-section.max-height--l-80 > .ct-section-inner-wrap { max-block-size: 80vh; } .max-height--l-90:not(.ct-section), .ct-section.max-height--l-90 > .ct-section-inner-wrap { max-block-size: 90vh; } .max-height--l-100:not(.ct-section), .ct-section.max-height--l-100 > .ct-section-inner-wrap { max-block-size: 100vh; } .max-height--l-full:not(.ct-section), .ct-section.max-height--l-full > .ct-section-inner-wrap { max-block-size: 100vh; } } @media (max-width: 768px) { .max-height--m-20:not(.ct-section), .ct-section.max-height--m-20 > .ct-section-inner-wrap { max-block-size: 20vh; } .max-height--m-30:not(.ct-section), .ct-section.max-height--m-30 > .ct-section-inner-wrap { max-block-size: 30vh; } .max-height--m-40:not(.ct-section), .ct-section.max-height--m-40 > .ct-section-inner-wrap { max-block-size: 40vh; } .max-height--m-50:not(.ct-section), .ct-section.max-height--m-50 > .ct-section-inner-wrap { max-block-size: 50vh; } .max-height--m-60:not(.ct-section), .ct-section.max-height--m-60 > .ct-section-inner-wrap { max-block-size: 60vh; } .max-height--m-70:not(.ct-section), .ct-section.max-height--m-70 > .ct-section-inner-wrap { max-block-size: 70vh; } .max-height--m-80:not(.ct-section), .ct-section.max-height--m-80 > .ct-section-inner-wrap { max-block-size: 80vh; } .max-height--m-90:not(.ct-section), .ct-section.max-height--m-90 > .ct-section-inner-wrap { max-block-size: 90vh; } .max-height--m-100:not(.ct-section), .ct-section.max-height--m-100 > .ct-section-inner-wrap { max-block-size: 100vh; } .max-height--m-full:not(.ct-section), .ct-section.max-height--m-full > .ct-section-inner-wrap { max-block-size: 100vh; } } @media (max-width: 480px) { .max-height--s-20:not(.ct-section), .ct-section.max-height--s-20 > .ct-section-inner-wrap { max-block-size: 20vh; } .max-height--s-30:not(.ct-section), .ct-section.max-height--s-30 > .ct-section-inner-wrap { max-block-size: 30vh; } .max-height--s-40:not(.ct-section), .ct-section.max-height--s-40 > .ct-section-inner-wrap { max-block-size: 40vh; } .max-height--s-50:not(.ct-section), .ct-section.max-height--s-50 > .ct-section-inner-wrap { max-block-size: 50vh; } .max-height--s-60:not(.ct-section), .ct-section.max-height--s-60 > .ct-section-inner-wrap { max-block-size: 60vh; } .max-height--s-70:not(.ct-section), .ct-section.max-height--s-70 > .ct-section-inner-wrap { max-block-size: 70vh; } .max-height--s-80:not(.ct-section), .ct-section.max-height--s-80 > .ct-section-inner-wrap { max-block-size: 80vh; } .max-height--s-90:not(.ct-section), .ct-section.max-height--s-90 > .ct-section-inner-wrap { max-block-size: 90vh; } .max-height--s-100:not(.ct-section), .ct-section.max-height--s-100 > .ct-section-inner-wrap { max-block-size: 100vh; } .max-height--s-full:not(.ct-section), .ct-section.max-height--s-full > .ct-section-inner-wrap { max-block-size: 100vh; } } .pad-section--xs:not(.ct-section), .pad-section--xs .ct-section-inner-wrap { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--s:not(.ct-section), .pad-section--s .ct-section-inner-wrap { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--m:not(.ct-section), .pad-section--m .ct-section-inner-wrap { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--l:not(.ct-section), .pad-section--l .ct-section-inner-wrap { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--xl:not(.ct-section), .pad-section--xl .ct-section-inner-wrap { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--xxl:not(.ct-section), .pad-section--xxl .ct-section-inner-wrap { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--none:not(.ct-section), .pad-section--none .ct-section-inner-wrap { padding: 0 var(--section-padding-x); } @media (max-width: 1366px) { .pad-section--xl-xs:not(.ct-section), .pad-section--xl-xs .ct-section-inner-wrap { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--xl-s:not(.ct-section), .pad-section--xl-s .ct-section-inner-wrap { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--xl-m:not(.ct-section), .pad-section--xl-m .ct-section-inner-wrap { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--xl-l:not(.ct-section), .pad-section--xl-l .ct-section-inner-wrap { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--xl-xl:not(.ct-section), .pad-section--xl-xl .ct-section-inner-wrap { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--xl-xxl:not(.ct-section), .pad-section--xl-xxl .ct-section-inner-wrap { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap { padding: 0 var(--section-padding-x); } .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap { padding: 0 !important; } } @media (max-width: 992px) { .pad-section--l-xs:not(.ct-section), .pad-section--l-xs .ct-section-inner-wrap { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--l-s:not(.ct-section), .pad-section--l-s .ct-section-inner-wrap { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--l-m:not(.ct-section), .pad-section--l-m .ct-section-inner-wrap { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--l-l:not(.ct-section), .pad-section--l-l .ct-section-inner-wrap { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--l-xl:not(.ct-section), .pad-section--l-xl .ct-section-inner-wrap { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--l-xxl:not(.ct-section), .pad-section--l-xxl .ct-section-inner-wrap { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap { padding: 0 var(--section-padding-x); } .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap { padding: 0 !important; } } @media (max-width: 768px) { .pad-section--m-xs:not(.ct-section), .pad-section--m-xs .ct-section-inner-wrap { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--m-s:not(.ct-section), .pad-section--m-s .ct-section-inner-wrap { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--m-m:not(.ct-section), .pad-section--m-m .ct-section-inner-wrap { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--m-l:not(.ct-section), .pad-section--m-l .ct-section-inner-wrap { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--m-xl:not(.ct-section), .pad-section--m-xl .ct-section-inner-wrap { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--m-xxl:not(.ct-section), .pad-section--m-xxl .ct-section-inner-wrap { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap { padding: 0 var(--section-padding-x); } .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap { padding: 0 !important; } } @media (max-width: 480px) { .pad-section--s-xs:not(.ct-section), .pad-section--s-xs .ct-section-inner-wrap { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--s-s:not(.ct-section), .pad-section--s-s .ct-section-inner-wrap { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--s-m:not(.ct-section), .pad-section--s-m .ct-section-inner-wrap { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--s-l:not(.ct-section), .pad-section--s-l .ct-section-inner-wrap { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--s-xl:not(.ct-section), .pad-section--s-xl .ct-section-inner-wrap { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--s-xxl:not(.ct-section), .pad-section--s-xxl .ct-section-inner-wrap { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap { padding: 0 var(--section-padding-x); } .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap { padding: 0 !important; } } .pad--none .ct-section-inner-wrap { padding: 0 !important; } section.fr-hero-padding { padding-block: var(--fr-hero-padding); } .pad-header--xs { padding: var(--space-xs) 0; } .pad-header--s { padding: var(--space-s) 0; } .pad-header--m { padding: var(--space-m) 0; } .pad-header--l { padding: var(--space-l) 0; } .pad-header--xl { padding: var(--space-xl) 0; } .pad-header--xxl { padding: var(--space-xxl) 0; } .display--inline { display: inline; } .display--block { display: block; } .display--contents { display: contents; } .display--inline-block { display: inline-block; } .display--inline-flex { display: inline-flex; } .display--list-item { display: list-item; } .display--none { display: none; } @media (max-width: 1366px) { .display--xl-block { display: block; } .display--xl-none { display: none; } } @media (max-width: 992px) { .display--l-block { display: block; } .display--l-none { display: none; } } @media (max-width: 768px) { .display--m-block { display: block; } .display--m-none { display: none; } } @media (max-width: 480px) { .display--s-block { display: block; } .display--s-none { display: none; } } :where(html.wpc-bgl255) #section-245-34{background-image:linear-gradient(var(--base-trans-60),var(--secondary-trans-20)),url(https://www.albertadiving.ca/wp-content/uploads/2023/09/img.young-diver-alberta-diving-competition.jpg)}:where(html.wpc-bgl255) .oxy-pro-menu .oxy-pro-menu-off-canvas-container,:where(html.wpc-bgl255) .oxy-pro-menu .oxy-pro-menu-open-container{background-image:url()}