#kontakt{background-color:var(--secondary);color:var(--white)}#section-18-21 > .ct-section-inner-wrap{padding-top:10px;padding-bottom:10px}#section-18-21{background-color:var(--base);color:var(--white)}#div_block-50-21{flex-direction:column;display:flex;text-align:left;align-items:flex-end}#text_block-34-21{color:var(--primary);font-size:var(--text-s) }#text_block-35-21{color:var(--primary-light);font-size:var(--text-m) }#text_block-57-21{color:var(--white)}#text_block-12-21{font-size:var(--text-s) }@media (max-width:767px){#text_block-34-21{font-size:var(--text-xs) }}@media (max-width:767px){#text_block-35-21{font-size:var(--text-s) }}#text_block-59-21{color:#ffffff}#text_block-82-21{color:#ffffff}#link-16-21{overflow:hidden}#link-45-21{flex-direction:column;display:flex;text-align:center;align-items:flex-start}#link-30-21{text-align:center;flex-direction:row;display:flex;gap:20px;align-items:center;font-family:'Rubik'}#link-73-21{overflow:hidden;margin-bottom:var(--space-s) }@media (max-width:767px){#link-30-21{display:flex;text-align:center}}@media (max-width:479px){#link-16-21{display:flex;text-align:center}}@media (max-width:479px){#link-30-21{gap:10px}}@media (max-width:479px){#link-73-21{display:flex;text-align:center}}#image-17-21{width:170px;margin-left:-20px;height:auto}#image-46-21{width:150px;height:auto}#image-74-21{width:170px;margin-left:-20px;height:auto}@media (max-width:991px){#image-46-21{width:160px}}@media (max-width:767px){#image-17-21{width:120px}}@media (max-width:767px){#image-74-21{width:160px}}#code_block-36-21{width:40px}@media (max-width:767px){#code_block-36-21{width:30px;padding-top:5px}}@media (max-width:479px){#code_block-36-21{width:26px}}#_header-2-21 .oxy-nav-menu-open,#_header-2-21 .oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu{background-color:var(--secondary)}#_header-2-21{background-color:var(--secondary);padding-top:5px;padding-bottom:5px}.oxy-header.oxy-sticky-header-active > #_header_row-3-21.oxygen-show-in-sticky-only{display:block}div.ct-section-inner-wrap,div.oxy-header-container{max-width:1250px}#-back-to-top-91-21 .oxy-back-to-top_icon svg{font-size:45px}#-back-to-top-91-21 .oxy-back-to-top_icon{color:var(--primary)}#-back-to-top-91-21 .oxy-back-to-top_icon:hover{color:var(--primary-light)}.oxy-back-to-top{cursor:pointer;position:fixed;bottom:0;right:0;z-index:99;margin:30px;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:0.3s}.oxygen-builder-body .oxy-back-to-top{opacity:1;visibility:visible}.oxy-back-to-top.btt-visible{opacity:1;visibility:visible}.oxy-back-to-top_inner{display:inline-flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}.oxy-back-to-top_image{height:auto;max-width:100%;width:90px}.oxy-back-to-top_icon{display:flex;align-items:center;justify-content:center}.oxy-back-to-top_icon svg{fill:currentColor;width:1em;height:1em;pointer-events:none}@media (max-width:1250px){#-back-to-top-91-21 .oxy-back-to-top_icon svg{font-size:40px}.oxy-back-to-top{cursor:pointer;position:fixed;bottom:0;right:0;z-index:99;margin:30px;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:0.3s}.oxygen-builder-body .oxy-back-to-top{opacity:1;visibility:visible}.oxy-back-to-top.btt-visible{opacity:1;visibility:visible}.oxy-back-to-top_inner{display:inline-flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}.oxy-back-to-top_image{height:auto;max-width:100%;width:90px}.oxy-back-to-top_icon{display:flex;align-items:center;justify-content:center}.oxy-back-to-top_icon svg{fill:currentColor;width:1em;height:1em;pointer-events:none}}@media (max-width:991px){#-back-to-top-91-21 .oxy-back-to-top_icon svg{font-size:40px}.oxy-back-to-top{cursor:pointer;position:fixed;bottom:0;right:0;z-index:99;margin:30px;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:0.3s}.oxygen-builder-body .oxy-back-to-top{opacity:1;visibility:visible}.oxy-back-to-top.btt-visible{opacity:1;visibility:visible}.oxy-back-to-top_inner{display:inline-flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}.oxy-back-to-top_image{height:auto;max-width:100%;width:90px}.oxy-back-to-top_icon{display:flex;align-items:center;justify-content:center}.oxy-back-to-top_icon svg{fill:currentColor;width:1em;height:1em;pointer-events:none}}@media (max-width:767px){#-back-to-top-91-21 .oxy-back-to-top_icon svg{font-size:35px}.oxy-back-to-top{cursor:pointer;position:fixed;bottom:0;right:0;z-index:99;margin:30px;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:0.3s}.oxygen-builder-body .oxy-back-to-top{opacity:1;visibility:visible}.oxy-back-to-top.btt-visible{opacity:1;visibility:visible}.oxy-back-to-top_inner{display:inline-flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}.oxy-back-to-top_image{height:auto;max-width:100%;width:90px}.oxy-back-to-top_icon{display:flex;align-items:center;justify-content:center}.oxy-back-to-top_icon svg{fill:currentColor;width:1em;height:1em;pointer-events:none}}#-burger-trigger-41-21 .hamburger-inner,#-burger-trigger-41-21 .hamburger-inner:after,#-burger-trigger-41-21 .hamburger-inner:before{background-color:var(--primary-light)}.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.oxy-burger-trigger{display:inline-block}.oxy-burger-trigger .hamburger{display:flex;padding:0;align-items:center;touch-action:manipulation}.oxy-burger-trigger .hamburger-box{--burger-size:1;transform:scale(var(--burger-size));-webkit-transform:scale(var(--burger-size))}.oxy-burger-trigger .hamburger-inner,.oxy-burger-trigger .hamburger-inner:after,.oxy-burger-trigger .hamburger-inner:before{transition-duration:400ms;transition-property:all;will-change:transform}#-burger-trigger-41-21{display:none}@media (max-width:991px){#-burger-trigger-41-21 .hamburger-box{--burger-size:0.8}#-burger-trigger-41-21 .hamburger-inner,#-burger-trigger-41-21 .hamburger-inner:after,#-burger-trigger-41-21 .hamburger-inner:before{height:3px}#-burger-trigger-41-21{display:block;padding-top:12px}}@media (max-width:991px){#-burger-trigger-48-21 .hamburger-box{--burger-size:0.8}#-burger-trigger-48-21 .hamburger-inner,#-burger-trigger-48-21 .hamburger-inner:after,#-burger-trigger-48-21 .hamburger-inner:before{height:3px;background-color:var(--primary-light)}}@media (max-width:767px){#-burger-trigger-41-21 .hamburger-box{--burger-size:0.8}#-burger-trigger-41-21 .hamburger-inner,#-burger-trigger-41-21 .hamburger-inner:after,#-burger-trigger-41-21 .hamburger-inner:before{height:3px}#-burger-trigger-41-21{margin-left:5px}}@media (max-width:479px){#-burger-trigger-41-21 .hamburger-box{--burger-size:0.7}#-burger-trigger-41-21{margin-left:0px}}#-off-canvas-42-21 .offcanvas-inner{background-color:var(--secondary);width:50%}#-off-canvas-42-21{display:none}body:not(.oxygen-builder-body) #-off-canvas-42-21{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-42-21{visibility:hidden}body.oxygen-builder-body #-off-canvas-42-21 .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-42-21.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-42-21'].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-42-21:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}@media (max-width:991px){#-off-canvas-42-21 .offcanvas-inner{width:65%}body:not(.oxygen-builder-body) #-off-canvas-42-21{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-42-21{visibility:hidden}body.oxygen-builder-body #-off-canvas-42-21 .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-42-21.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-42-21'].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-42-21:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}}@media (max-width:479px){#-off-canvas-42-21 .offcanvas-inner{width:80%}body:not(.oxygen-builder-body) #-off-canvas-42-21{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-42-21{visibility:hidden}body.oxygen-builder-body #-off-canvas-42-21 .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-42-21.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-42-21'].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-42-21:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}}#-slide-menu-43-21 .oxy-slide-menu_list .menu-item a{color:var(--primary-light);margin-top:5px;margin-bottom:5px}#-slide-menu-43-21 .oxy-slide-menu_list .menu-item a:hover{color:var(--primary-ultra-light)}.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-43-21{font-size:var(--text-l) }#-slide-menu-43-21:hover{oxy-slide-menu-slug-oxyslidemenulistmenuitemacolor:var(--primary-ultra-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-27-21 .oxy-pro-menu-list .menu-item,#-pro-menu-27-21 .oxy-pro-menu-list .menu-item a{color:var(--primary-ultra-light);transition-duration:0.3s}#-pro-menu-27-21 .oxy-pro-menu-list > .menu-item{margin-right:10px;margin-left:10px}#-pro-menu-27-21 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,#-pro-menu-27-21 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within{color:var(--white)}#-pro-menu-27-21 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,#-pro-menu-27-21 .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within,#-pro-menu-27-21 .oxy-pro-menu-list .menu-item a{border-bottom-width:2px}#-pro-menu-27-21 .oxy-pro-menu-list .menu-item.current-menu-item.current-menu-item a{color:var(--white)}#-pro-menu-27-21 .oxy-pro-menu-list .menu-item.current-menu-item.current-menu-item a,#-pro-menu-27-21 .oxy-pro-menu-list .menu-item a{border-bottom-width:2px}#-pro-menu-27-21:hover{oxy-pro-menu-slug-oxypromenulistmenuitemmenuitemmenuitemmenuitemacolor:var(--white)}@media (max-width:991px){#-pro-menu-27-21{display:none}}#home > .ct-section-inner-wrap{max-width:100%;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}#home{overflow:hidden;height:100%}#section-95-18 > .ct-section-inner-wrap{max-width:1400px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}#projekte > .ct-section-inner-wrap{max-width:100%;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;display:flex;flex-direction:row}#projekte{display:block}#projekte{background-image:url(https://malerei-maem.at/wp-content/uploads/Parichart_Hauser_Maem_Malermeisterin_1.jpg);background-size:cover;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:50% 100%}#leistung > .ct-section-inner-wrap{max-width:100%;display:flex;flex-direction:column;align-items:center}#leistung{display:block}#leistung{text-align:left;background-color:var(--primary-ultra-light)}#section-394-18 > .ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center}#section-394-18{display:block}#section-394-18{text-align:left}#section-450-18 > .ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center}#section-450-18{display:block}#section-450-18{text-align:left;background-color:var(--primary-light)}#section-451-18{background-image:linear-gradient(var(--secondary-trans-80),var(--secondary-trans-80)),url(https://malerei-maem.at/wp-content/uploads/Parichart_Hauser_Maem_Malermeisterin_5-scaled.jpg);background-position:50% 90%}@media (max-width:991px){#section-95-18 > .ct-section-inner-wrap{padding-bottom:0}}@media (max-width:991px){#projekte > .ct-section-inner-wrap{display:flex;flex-direction:column}#projekte{display:block}}@media (max-width:479px){#section-450-18 > .ct-section-inner-wrap{padding-bottom:120px}}.oxy-dynamic-list :is([data-id="div_block-34-18"],#incspec){position:relative}.oxy-dynamic-list :is([data-id="div_block-79-18"],#incspec){max-width:1250px;width:100%;display:flex;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto}#div_block-169-18{background-color:var(--primary)}#div_block-170-18{border-right-width:1px;border-right-style:solid;border-right-color:var(--primary-light)}#div_block-181-18{border-right-color:var(--primary-light);border-right-width:1px;border-right-style:solid}#div_block-3-18{background-image:url(https://malerei-maem.at/wp-content/uploads/Parichart_Hauser_Maem_Malermeisterin_15.jpg)}#div_block-4-18{background-image:url(https://malerei-maem.at/wp-content/uploads/Parichart_Hauser_Maem_Malermeisterin_14.jpg)}#div_block-5-18{background-image:url(https://malerei-maem.at/wp-content/uploads/Parichart_Hauser_Maem_Malermeisterin_13.jpg)}#div_block-6-18{background-image:url(https://malerei-maem.at/wp-content/uploads/Parichart_Hauser_Maem_Malermeisterin_12.jpg)}@media (max-width:991px){#div_block-170-18{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}}@media (max-width:991px){#div_block-181-18{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}}@media (max-width:991px){#headline-340-18{text-align:center;z-index:1}}@media (max-width:991px){#headline-396-18{text-align:center}}@media (max-width:991px){#headline-580-18{text-align:center}}.oxy-dynamic-list :is([data-id="text_block-46-18"],#incspec){color:var(--white);font-size:var(--text-m) ;text-transform:uppercase;letter-spacing:0.2em;font-weight:500}.oxy-dynamic-list :is([data-id="text_block-50-18"],#incspec){font-family:'Rubik';color:var(--white);font-weight:900;font-size:80px;line-height:1;text-transform:uppercase;text-align:left}#text_block-16-18{color:var(--white)}#text_block-21-18{color:var(--white)}#text_block-23-18{color:var(--white)}#text_block-25-18{color:var(--white)}@media (max-width:1250px){.oxy-dynamic-list :is([data-id="text_block-50-18"],#incspec){font-size:70px}}@media (max-width:991px){.oxy-dynamic-list :is([data-id="text_block-46-18"],#incspec){font-size:var(--text-s) }}@media (max-width:991px){.oxy-dynamic-list :is([data-id="text_block-50-18"],#incspec){font-size:40px}}@media (max-width:767px){.oxy-dynamic-list :is([data-id="text_block-50-18"],#incspec){font-size:35px}}@media (max-width:479px){.oxy-dynamic-list :is([data-id="text_block-50-18"],#incspec){font-size:30px}}.oxy-dynamic-list :is([data-id="link_button-54-18"],#incspec){}#link_button-26-18{}#link_button-27-18{}#link_button-28-18{}#link_button-29-18{}#link_button-393-18{}#link_button-393-18:hover{}#link_button-393-18:hover{color:var(--accent)}#image-381-18{object-position:50% 100%}#image-697-18{object-fit:cover;width:100%;height:100%}#code_block-15-18{flex-direction:unset;display:none}#_dynamic_list-485-18{use-metabox-clonable-group:true;metabox-group:kundenstimmen_home;listrendertype:1}#_dynamic_list-33-18 .oxy-repeater-pages{font-size:12px}#_dynamic_list-485-18 .oxy-repeater-pages{font-size:12px}div.ct-section-inner-wrap,div.oxy-header-container{max-width:1250px}.oxy-pro-accordion{overflow-anchor:none;border-radius:5px;width:100%}.oxy-pro-accordion_content{width:100%}.oxy-pro-accordion_inner[data-type=acf]{counter-reset:extras_accordion_items}.oxy-pro-accordion_inner[data-type=acf] .oxy-pro-accordion_item{counter-increment:extras_accordion_items}.oxy-pro-accordion_inner[data-type=metabox]{counter-reset:extras_accordion_items}.oxy-pro-accordion_inner[data-type=metabox] .oxy-pro-accordion_item{counter-increment:extras_accordion_items}.oxy-pro-accordion{counter-increment:extras_accordion_items}.oxy-pro-accordion:first-of-type{counter-reset:extras_accordion_items}.oxy-pro-accordion[data-counter="false"]{counter-increment:none}.oxy-pro-accordion[data-counter="false"]:first-of-type{counter-reset:none}.oxy-dynamic-list [data-counter="true"]{counter-increment:extras_accordion_items}.oxy-dynamic-list [data-counter="true"]:first-of-type{counter-reset:extras_accordion_items}.oxy-pro-accordion_header{color:inherit;cursor:pointer;font-size:.7em;letter-spacing:.1em;transition:all var(--extras-accordion-duration);text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;box-shadow:none;text-align:left;padding:0;font-family:inherit}.woocommerce .oxy-pro-accordion_header{transition:all var(--extras-accordion-duration);-webkit-transition:all var(--extras-accordion-duration)}.oxy-pro-accordion_header svg{fill:currentColor;font-size:1em;height:1em;width:1em;transition:transform var(--extras-accordion-duration),opacity calc(var(--extras-accordion-duration)/2);-webkit-transition:-webkit-transform var(--extras-accordion-duration),opacity calc(var(--extras-accordion-duration)/2)}.oxy-pro-accordion_icon{display:flex;padding:20px;align-items:center;font-size:18px;position:relative}.oxy-pro-accordion_inner{padding:0;margin:0}.oxy-pro-accordion_inner[data-icon=switch] .oxy-pro-accordion_close-icon{position:absolute;opacity:0}.oxy-pro-accordion_inner[data-icon=switch] .oxy-pro-accordion_toggle-icon{opacity:1}.oxy-pro-accordion_inner[data-icon=switch] .oxy-pro-accordion_item.active .oxy-pro-accordion_close-icon{opacity:1}.oxy-pro-accordion_inner[data-icon=switch] .oxy-pro-accordion_item.active .oxy-pro-accordion_toggle-icon{opacity:0}.oxy-pro-accordion_context-icon{background-color:rgba(255,255,255,0.35);display:flex;padding:20px;align-items:center;justify-content:center;font-size:18px}.oxy-pro-accordion_title-area{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:10px 20px;line-height:1.2}.oxy-pro-accordion_title{color:inherit}.oxy-pro-accordion_body{display:none;will-change:height,display}.oxy-pro-accordion_item[data-init=open] .oxy-pro-accordion_body{display:block}.oxy-pro-accordion_content{padding:1.5em 1.5em;transition:var(--extras-accordion-duration) ease}.oxy-pro-accordion_item{--extras-accordion-duration:300ms;transition:var(--extras-accordion-duration) ease;-webkit-transition:var(--extras-accordion-duration) ease;list-style-type:none;--extras-counter-type:decimal;padding:0;margin:0}.oxy-pro-accordion_item.active .oxy-pro-accordion_header{transform:scale(var(--header-active-scale))}.oxy-pro-accordion_item.active .oxy-pro-accordion_icon svg{transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.oxy-dynamic-list > .ct-div-block:first-child .oxy-pro-accordion_inner[data-repeater-first="true"] .oxy-pro-accordion_body{display:block}#-pro-accordion-312-18 .oxy-pro-accordion_header{background-color:var(--white);color:var(--secondary);padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;margin-bottom:var(--space-xs) ;border_radius_border-radius:100px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:var(--primary);border-right-color:var(--primary);border-bottom-color:var(--primary);border-left-color:var(--primary);border-radius:100px}#-pro-accordion-312-18 .oxy-pro-accordion_header:hover{color:var(--primary)}#-pro-accordion-312-18 .oxy-pro-accordion_item.active .oxy-pro-accordion_header{color:var(--primary)}#-pro-accordion-312-18 .oxy-pro-accordion_title{font-size:var(--text-m) }#-pro-accordion-312-18 .oxy-pro-accordion_content{padding-top:5px;opacity:0}#-pro-accordion-312-18 .oxy-pro-accordion_icon{color:var(--primary)}#-pro-accordion-312-18 .oxy-pro-accordion_header:hover .oxy-pro-accordion_icon{color:var(--secondary)}#-pro-accordion-312-18 .active .oxy-pro-accordion_icon{color:var(--secondary)}#-pro-accordion-312-18 .oxy-pro-accordion_body{--extras-hide-accordion:none}#-pro-accordion-312-18 > div:not(.oxy-pro-accordion_inner){display:none}#-pro-accordion-312-18 .oxy-pro-accordion_item:first-child .oxy-pro-accordion_body{--extras-hide-accordion:flex}#-pro-accordion-312-18 .oxy-pro-accordion_context-icon{display:none}#-pro-accordion-312-18 .active .oxy-pro-accordion_content{opacity:1}.oxygen-builder-body .oxy-pro-accordion_body,.oxygen-builder-body .oxy-pro-accordion_item[data-init=open] .oxy-pro-accordion_body,.oxy-pro-accordion.oxygenberg-element .oxy-pro-accordion_body,.oxy-pro-accordion.oxygenberg-element .oxy-pro-accordion_item[data-init=open] .oxy-pro-accordion_body{--extras-hide-accordion:block;display:var(--extras-hide-accordion)!important}#-pro-accordion-312-18:hover{oxy-pro-accordion-slug-oxyproaccordionheadercolor:var(--primary)}@media (max-width:767px){#-pro-accordion-312-18 .oxy-pro-accordion_title{font-size:var(--text-s) }#-pro-accordion-312-18 .active .oxy-pro-accordion_content{opacity:1}.oxygen-builder-body .oxy-pro-accordion_body,.oxygen-builder-body .oxy-pro-accordion_item[data-init=open] .oxy-pro-accordion_body,.oxy-pro-accordion.oxygenberg-element .oxy-pro-accordion_body,.oxy-pro-accordion.oxygenberg-element .oxy-pro-accordion_item[data-init=open] .oxy-pro-accordion_body{--extras-hide-accordion:block;display:var(--extras-hide-accordion)!important}#-pro-accordion-312-18{font-size:var(--text-s) }}.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{ background-image:url(); } .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: 1120px; } body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Rubik';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;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: 75px; padding-right: 20px; padding-bottom: 75px; padding-left: 20px; }.ct-new-columns > .ct-div-block { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }.oxy-header-container { padding-right: 20px; padding-left: 20px; }@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; } } .supa-multi-bg-1-all { background-size: cover;transform:scale(1.5,1.5); background-repeat:no-repeat; position:absolute; top:0px; right:0px; bottom:0px; left:0px; opacity:0; transition-duration:0.5s; transition-timing-function:ease; transition-property:all; background-position:50% 50%; } .supa-multi-bg-1-1 { } .supa-multi-bg-1-2 { } .supa-multi-bg-1-3 { } .supa-multi-bg-1-4 { } .supa-multi-bgblock-1-all { padding-left:0px; padding-right:0px; padding-bottom:0px; width:25%; height:800px; z-index:10; text-align:center; padding-top:0px; } .supa-multi-bgblock-1-all:not(.ct-section):not(.oxy-easy-posts), .supa-multi-bgblock-1-all.oxy-easy-posts .oxy-posts, .supa-multi-bgblock-1-all.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; } @media (max-width: 991px) { .supa-multi-bgblock-1-all { width:100%; text-align:center; height:auto; } .supa-multi-bgblock-1-all:not(.ct-section):not(.oxy-easy-posts), .supa-multi-bgblock-1-all.oxy-easy-posts .oxy-posts, .supa-multi-bgblock-1-all.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } } .supa-multi-bgblock-1-1 { } .supa-multi-bg-1-title { font-family:Rubik; font-size:var(--text-l) ; text-transform:uppercase; font-weight:700; color:var(--primary-light); background-color:var(--secondary-trans-80); width:100%; line-height:1.3; padding-top:var(--space-xs) ; padding-bottom:var(--space-xs) ; } @media (max-width: 1120px) { .supa-multi-bg-1-title { font-size:var(--text-m) ; } } @media (max-width: 991px) { .supa-multi-bg-1-title { font-size:var(--text-l) ; padding-top:var(--space-l) ; padding-bottom:var(--space-l) ; } } .supa-multi-bgblock-1-2 { } .supa-multi-bgblock-1-3 { } .supa-multi-bgblock-1-4 { } .pad-section--s { } .text--s { } .bg--accent { } .bg--accent-comp { } .bg--accent-dark { } .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-light { } .bg--base { } .bg--base-comp { } .bg--base-dark { } .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-light { } .bg--primary { } .bg--primary-comp { } .bg--primary-dark { } .bg--primary-light { } .bg--primary-medium { } .bg--primary-ultra-dark { } .bg--primary-ultra-light { } .bg--secondary { } .bg--secondary-comp { } .bg--secondary-dark { } .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-light { } .bg--shade-dark { } .bg--shade-light { } .bg--shade-medium { } .bg--shade-ultra-dark { } .bg--shade-ultra-light { } .box-shadow--l { } .box-shadow--m { } .box-shadow--xl { } .btn--accent { } .btn--base { } .btn--l { } .btn--m { } .btn--outline { } .btn--primary { } .btn--s { } .btn--secondary { } .btn--xl { } .btn--xs { } .btn--xxl { } .gap--m { } .gap--s { } .grid--3 { } .grid--l-1 { } .margin-bottom--s { } .margin-top--l { } .margin-top--m { } .pad--l { } .pad--m { } .pad--s { } .pad--xl { } .pad--xs { } .pad--xxl { } .rounded--l { } .rounded--m { } .rounded--s { } .rounded--xl { } .rounded--xs { } .rounded--xxl { } .text--xs { } .tabs-0118-tab:first-of-type{ margin-left:0px; } .tabs-0118-tab { border-radius:var(--radius-m) ; background-color:var(--shade-ultra-light); color:var(--shade-dark); margin-left:var(--space-s) ; padding-top:.8rem; padding-left:1.8rem; padding-right:1.8rem; padding-bottom:.8rem; font-size:var(--text-s) ; } .tabs-0118-tab-active { background-color:var(--primary); color:var(--shade-white); } .tabs-contents-0118-tab { padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .bg--shade-trans-10 { } .bg--shade-trans-20 { } .bg--shade-trans-40 { } .bg--shade-trans-60 { } .bg--shade-trans-80 { } .bg--shade-trans-90 { } .text--400 { } .text--500 { } .text--700 { } .text--l { } .bg--shade { } .grid--4 { } .btn--white { } .acss-style-guide__h-accent { color:var(--primary); font-weight:700; font-size:var(--text-s) ; text-transform:uppercase; letter-spacing:.05em; } .acss-style-guide__h1 { color:var(--shade-white); margin-top:var(--space-s) ; } .acss-style-guide__lede { color:var(--shade-white); margin-top:var(--space-s) ; max-width:38ch ; } .acss-section-intro__container { width:100%; padding-bottom:var(--space-xs) ; border-bottom-color:var(--shade-ultra-light); border-bottom-width:1px; border-bottom-style:solid; } .acss-color__container { width:100%; margin-top:var(--space-l) ; } .acss-color__title { color:var(--base-dark); font-size:var(--text-s) ; text-transform:uppercase; font-weight:700; } .acss-color-card__container { width:100%; text-align:left; margin-top:var(--space-s) ; min-height:15rem; } .acss-color-card__container:not(.ct-section):not(.oxy-easy-posts), .acss-color-card__container.oxy-easy-posts .oxy-posts, .acss-color-card__container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;justify-items: stretch;align-items: stretch;grid-template-columns: repeat(7, minmax(0px, 1fr));grid-column-gap: var(--space-s) ;grid-row-gap: 20px;} @media (max-width: 1120px) { .acss-color-card__container { } .acss-color-card__container:not(.ct-section):not(.oxy-easy-posts), .acss-color-card__container.oxy-easy-posts .oxy-posts, .acss-color-card__container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;justify-items: stretch;align-items: stretch;grid-template-columns: repeat(4, minmax(0px, 1fr));grid-column-gap: var(--space-s) ;grid-row-gap: 20px;} } @media (max-width: 767px) { .acss-color-card__container { } .acss-color-card__container:not(.ct-section):not(.oxy-easy-posts), .acss-color-card__container.oxy-easy-posts .oxy-posts, .acss-color-card__container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;} } @media (max-width: 479px) { .acss-color-card__container { } .acss-color-card__container:not(.ct-section):not(.oxy-easy-posts), .acss-color-card__container.oxy-easy-posts .oxy-posts, .acss-color-card__container.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;} } .acss-color-card__wrapper { border-radius:var(--radius-m) ; padding-top:var(--space-s) ; padding-left:var(--space-s) ; padding-right:var(--space-s) ; padding-bottom:var(--space-s) ; width:100%; aspect-ratio: 1 / 1; } .acss-color-card__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-color-card__wrapper.oxy-easy-posts .oxy-posts, .acss-color-card__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; justify-content:flex-end; } .acss-section__title { color:var(--shade-dark); } .acss-section__lede { color:var(--base-dark); margin-top:var(--space-xs) ; max-width:60ch ; } .acss-section__subtitle { padding-top:.75em; padding-left:1.5em; padding-right:1.5em; padding-bottom:.75em; background-color:var(--primary); color:var(--shade-white); border-radius:var(--radius-m) ; font-size:var(--text-s) ; line-height:1; margin-top:var(--space-l) ; font-weight:600; } .acss-section__subtitle:not(.ct-section):not(.oxy-easy-posts), .acss-section__subtitle.oxy-easy-posts .oxy-posts, .acss-section__subtitle.ct-section .ct-section-inner-wrap{ display:flex; } .acss-color-card__name { font-size:var(--text-xs) ; color:var(--base); font-weight:700; padding-bottom:.4rem; padding-top:.4rem; padding-left:.8rem; padding-right:.8rem; background-color:var(--shade-white); border-radius:var(--radius-m) ; } .acss-typography__family-title { color:var(--shade-dark); } .acss-typography__family-title--container { margin-top:var(--space-l) ; padding-bottom:1.6rem; width:100%; border-bottom-color:var(--shade-light); border-bottom-width:1px; border-bottom-style:solid; } .acss-typography__headings { max-width:9ch ; } .acss-typography__body { max-width:6ch ; } .acss-buttons__container { width:100%; padding-top:var(--space-l) ; padding-left:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-l) ; } .acss-buttons__title { color:var(--shade-dark); text-transform:uppercase; } .acss-buttons__title-white { color:var(--shade-white); } .acss-button-scale__wrapper:first-of-type{ margin-top:0px; } .acss-button-scale__wrapper { margin-top:1rem; } .acss-widths__wrapper { width:100%; margin-top:var(--space-l) ; border-left-color:var(--base-light); border-left-width:3px; border-left-style:solid; max-width:100%; } .acss-width__bar:first-of-type{ margin-top:0px; } .acss-width__bar { background-color:var(--base-light); height:8rem; border-top-right-radius:var(--radius-m) ; border-bottom-right-radius:var(--radius-m) ; margin-top:var(--space-s) ; position:relative; } .acss-width__bar:not(.ct-section):not(.oxy-easy-posts), .acss-width__bar.oxy-easy-posts .oxy-posts, .acss-width__bar.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:flex-end; } @media (max-width: 991px) { .acss-width__bar { height:6rem; } } @media (max-width: 767px) { .acss-width__bar { height:3.75rem; } } @media (max-width: 479px) { .acss-width__bar { height:3rem; } } .acss-width__bar-label { font-weight:700; color:var(--base-dark); position:absolute; text-align:left; right:2rem; font-size:var(--text-s) ; } @media (max-width: 479px) { .acss-width__bar-label { font-size:var(--text-xs) ; } } .acss-pad-section__wrapper { width:100%; margin-top:var(--space-l) ; border-top-color:var(--base-light); border-top-width:3px; border-top-style:solid; max-width:100%; } .acss-pad-section__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-pad-section__wrapper.oxy-easy-posts .oxy-posts, .acss-pad-section__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; } .acss-pad-section__bar:first-of-type{ background-color:transparent; } .acss-pad-section__bar { padding-bottom:1.8rem; background-color:var(--base-light); text-align:center; border-bottom-left-radius:var(--radius-s) ; border-bottom-right-radius:var(--radius-s) ; width:8rem; position:relative; border-radius:var(--radius-s) ; border-top-left-radius:0px; border-top-right-radius:0px; } .acss-pad-section__bar:not(.ct-section):not(.oxy-easy-posts), .acss-pad-section__bar.oxy-easy-posts .oxy-posts, .acss-pad-section__bar.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; } @media (max-width: 991px) { .acss-pad-section__bar { width:6rem; } } @media (max-width: 767px) { .acss-pad-section__bar { width:3.75rem; } } @media (max-width: 479px) { .acss-pad-section__bar { width:3rem; } } .acss-pad-section__bar-label { font-weight:700; color:var(--base-dark); position:absolute; bottom:-2.5em; font-size:var(--text-s) ; } @media (max-width: 479px) { } .acss-spacing__wrapper { width:100%; margin-top:var(--space-l) ; } .acss-spacing__element:first-of-type{ margin-top:0px; } .acss-spacing__element { margin-top:var(--space-s) ; } .acss-spacing__element:not(.ct-section):not(.oxy-easy-posts), .acss-spacing__element.oxy-easy-posts .oxy-posts, .acss-spacing__element.ct-section .ct-section-inner-wrap{ flex-direction:row; align-items:center; } .acss-spacing__line { background-color:var(--primary); height:.4rem; } .acss-spacing__label { padding-top:0em; padding-left:0em; padding-right:0em; padding-bottom:0em; color:var(--base-dark); font-size:var(--text-s) ; font-weight:700; margin-left:var(--space-s) ; border-radius:var(--radius-m) ; line-height:1; } .acss-padding__wrapper { margin-top:var(--space-m) ; width:100% ; } .acss-padding__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-padding__wrapper.oxy-easy-posts .oxy-posts, .acss-padding__wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: start;grid-template-columns: repeat(3, minmax(0px, 1fr));grid-column-gap: var(--space-m) ;grid-row-gap: var(--space-m) ;} @media (max-width: 991px) { .acss-padding__wrapper { } .acss-padding__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-padding__wrapper.oxy-easy-posts .oxy-posts, .acss-padding__wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: var(--space-m) ;grid-row-gap: var(--space-m) ;} } @media (max-width: 767px) { .acss-padding__wrapper { } .acss-padding__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-padding__wrapper.oxy-easy-posts .oxy-posts, .acss-padding__wrapper.ct-section .ct-section-inner-wrap{ display:grid; display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(0px, 1fr));grid-column-gap: var(--space-m) ;grid-row-gap: var(--space-m) ;} } .acss-padding__container:first-of-type{ margin-left:0px; } .acss-padding__container { background-color:var(--base-dark); border-radius:var(--radius-m) ; text-align:center; font-size:var(--text-s) ; color:var(--base-ultra-light); } @media (max-width: 991px) { .acss-padding__container:first-of-type{ margin-top:0px; } } @media (max-width: 767px) { } .acss-padding__heading { font-size:var(--text-m) ; } .acss-padding__text { margin-top:var(--space-xs) ; } .acss-shadow__wrapper { margin-top:var(--space-l) ; } .acss-shadow__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-shadow__wrapper.oxy-easy-posts .oxy-posts, .acss-shadow__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } @media (max-width: 991px) { .acss-shadow__wrapper { } .acss-shadow__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-shadow__wrapper.oxy-easy-posts .oxy-posts, .acss-shadow__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } } .acss-box-shadow__box:first-of-type{ margin-left:0px; } .acss-box-shadow__box { padding-top:var(--space-s) ; padding-left:var(--space-s) ; padding-right:var(--space-s) ; padding-bottom:var(--space-s) ; border-radius:var(--radius-m) ; 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; border-top-color:var(--base-light); border-right-color:var(--base-light); border-bottom-color:var(--base-light); border-left-color:var(--base-light); margin-left:var(--space-s) ; } @media (max-width: 991px) { .acss-box-shadow__box:first-of-type{ margin-top:0px; } .acss-box-shadow__box { margin-left:0 ; margin-top:var(--space-s) ; } } .acss-box-shadow__label { color:var(--base-dark); font-size:var(--text-s) ; font-weight:700; } .acss-radius__wrapper { margin-left:spx; margin-top:var(--space-l) ; } .acss-radius__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-radius__wrapper.oxy-easy-posts .oxy-posts, .acss-radius__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } @media (max-width: 991px) { .acss-radius__wrapper { } .acss-radius__wrapper:not(.ct-section):not(.oxy-easy-posts), .acss-radius__wrapper.oxy-easy-posts .oxy-posts, .acss-radius__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } } .acss-radius__box:first-of-type{ margin-left:0px; } .acss-radius__box { padding-top:var(--space-s) ; padding-left:var(--space-s) ; padding-right:var(--space-s) ; padding-bottom:var(--space-s) ; 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; border-top-color:var(--base-light); border-right-color:var(--base-light); border-bottom-color:var(--base-light); border-left-color:var(--base-light); margin-left:var(--space-s) ; } @media (max-width: 991px) { .acss-radius__box:first-of-type{ margin-top:0px; } .acss-radius__box { margin-left:0 ; margin-top:var(--space-s) ; } } .acss-style-guide-section { background-image: linear-gradient(var(--base-light-trans-20), rgba(255,255,255,0) 20rem);} .bg--action { } .bg--action-ultra-light { } .bg--action-light { } .bg--action-medium { } .bg--action-dark { } .bg--action-ultra-dark { } .bg--action-comp { } .bg--action-trans-10 { } .bg--action-trans-20 { } .bg--action-trans-40 { } .bg--action-trans-60 { } .bg--action-trans-80 { } .bg--action-trans-90 { } .btn--action { } .align-content--baseline { } .align-content--center { } .align-content--end { } .align-content--start { } .align-items--baseline { } .align-items--center { } .align-items--end { } .align-items--start { } .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-hover { } .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--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--action-hover { } .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-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--base-hover { } .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--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-hover { } .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--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-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-hover { } .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--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--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-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--white { } .bg--white-trans-10 { } .bg--white-trans-20 { } .bg--white-trans-40 { } .bg--white-trans-60 { } .bg--white-trans-80 { } .bg--white-trans-90 { } .breakout--full { } .breakout--l { } .breakout--m { } .breakout--s { } .breakout--xl { } .btn--black { } .center--all { } .center--all-l { } .center--all-m { } .center--all-s { } .center--all-xl { } .center--bottom { } .center--bottom-l { } .center--bottom-m { } .center--bottom-s { } .center--bottom-xl { } .center--left { } .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--self { } .center--top { } .center--top-l { } .center--top-m { } .center--top-s { } .center--top-xl { } .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--action { } .col-rule--action-dark { } .col-rule--action-light { } .col-rule--action-medium { } .col-rule--action-ultra-dark { } .col-rule--action-ultra-light { } .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--2 { } .col-span--3 { } .col-span--4 { } .col-span--5 { } .col-span--6 { } .col-span--all { } .col-span--l-1 { } .col-span--l-2 { } .col-span--l-3 { } .col-span--l-4 { } .col-span--l-5 { } .col-span--l-6 { } .col-span--m-1 { } .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 { } .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 { } .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 { } .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 { } .focus--action { } .focus--accent { } .focus--base { } .focus--black { } .focus--primary { } .focus--secondary { } .focus--shade { } .focus--white { } .gap--l { } .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 { } .gap--xl-l { } .gap--xl-m { } .gap--xl-s { } .gap--xl-xl { } .gap--xl-xs { } .gap--xl-xxl { } .gap--xs { } .gap--xxl { } .grid--alternate-xl { } .grid--alternate-l { } .grid--alternate-m { } .grid--alternate-s { } .grid--1 { } .grid--1-2 { } .grid--1-3 { } .grid--2 { } .grid--2-1 { } .grid--2-3 { } .grid--3-1 { } .grid--3-2 { } .grid--5 { } .grid--6 { } .grid--auto-1-2 { } .grid--auto-1-3 { } .grid--auto-2 { } .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-2 { } .grid--l-3 { } .grid--l-4 { } .grid--l-5 { } .grid--m-1 { } .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 { } .h--1 { } .h--2 { } .h--3 { } .h--4 { } .h--5 { } .h--6 { } .height--30 { } .height--40 { } .height--50 { } .height--60 { } .height--70 { } .height--80 { } .height--90 { } .height--full { } .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 { } .isolation--isolate { } .justify-content--around { } .justify-content--between { } .justify-content--center { } .justify-content--end { } .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--action { } .link--action-dark { } .link--action-light { } .link--action-medium { } .link--action-ultra-dark { } .link--action-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--skip { } .link--white { } .list--none { } .margin-bottom--l { } .margin-bottom--m { } .margin-bottom--xl { } .margin-bottom--xs { } .margin-bottom--xxl { } .margin-left--l { } .margin-left--m { } .margin-left--s { } .margin-left--xl { } .margin-left--xs { } .margin-left--xxl { } .margin-right--l { } .margin-right--m { } .margin-right--s { } .margin-right--xl { } .margin-right--xs { } .margin-right--xxl { } .margin-top--s { } .margin-top--xl { } .margin-top--xs { } .margin-top--xxl { } .marker--action { } .marker--action-comp { } .marker--action-dark { } .marker--action-light { } .marker--action-medium { } .marker--action-ultra-dark { } .marker--action-ultra-light { } .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--30 { } .max-height--40 { } .max-height--50 { } .max-height--60 { } .max-height--70 { } .max-height--80 { } .max-height--90 { } .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 { } .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--cover { } .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 { } .order--first { } .order--first-l { } .order--first-m { } .order--first-s { } .order--first-xl { } .order--last { } .order--last-l { } .order--last-m { } .order--last-s { } .order--last-xl { } .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-trans-10 { } .overlay--accent-trans-20 { } .overlay--accent-trans-40 { } .overlay--accent-trans-60 { } .overlay--accent-trans-80 { } .overlay--accent-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--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 { } .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-trans-10 { } .overlay--base-trans-20 { } .overlay--base-trans-40 { } .overlay--base-trans-60 { } .overlay--base-trans-80 { } .overlay--base-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--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-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-trans-10 { } .overlay--primary-trans-20 { } .overlay--primary-trans-40 { } .overlay--primary-trans-60 { } .overlay--primary-trans-80 { } .overlay--primary-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-trans-10 { } .overlay--secondary-trans-20 { } .overlay--secondary-trans-40 { } .overlay--secondary-trans-60 { } .overlay--secondary-trans-80 { } .overlay--secondary-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 { } .owl--l { } .owl--m { } .owl--s { } .owl--xl { } .owl--xs { } .owl--xxl { } .pad--none { } .pad-header--l { } .pad-header--m { } .pad-header--s { } .pad-header--xl { } .pad-header--xs { } .pad-header--xxl { } .pad-section--l { } .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--none { } .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 { } .pad-section--xl-l { } .pad-section--xl-none { } .pad-section--xl-s { } .pad-section--xl-xl { } .pad-section--xl-xs { } .pad-section--xl-xxl { } .pad-section--xs { } .pad-section--xxl { } .relative { } .rounded--50 { } .rounded--circle { } .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 { } .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 { } .self--center { } .self--end { } .self--start { } .self--stretch { } .sticky { } .sticky-top--l { } .sticky-top--m { } .sticky-top--s { } .stretch { } .text--100 { } .text--200 { } .text--300 { } .text--600 { } .text--800 { } .text--900 { } .text--action { } .text--action-comp { } .text--action-dark { } .text--action-light { } .text--action-medium { } .text--action-ultra-dark { } .text--action-ultra-light { } .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--bold { } .text--capitalize { } .text--center { } .text--decoration-none { } .text--italic { } .text--justify { } .text--larger { } .text--left { } .text--line-through { } .text--lowercase { } .text--m { } .text--oblique { } .text--overline { } .text--primary { } .text--primary-comp { } .text--primary-dark { } .text--primary-light { } .text--primary-medium { } .text--primary-ultra-dark { } .text--primary-ultra-light { } .text--right { } .text--secondary { } .text--secondary-comp { } .text--secondary-dark { } .text--secondary-light { } .text--secondary-medium { } .text--secondary-ultra-dark { } .text--secondary-ultra-light { } .text--shade-dark { } .text--shade-light { } .text--shade-medium { } .text--shade-ultra-dark { } .text--shade-ultra-light { } .text--transform-none { } .text--underline { } .text--underline-dashed { } .text--underline-dotted { } .text--underline-double { } .text--underline-wavy { } .text--uppercase { } .text--white { } .text--xl { } .text--xxl { } .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 { } .width--full { } .width--l { } .width--m { } .width--s { } .width--vp-max { } .width--xl { } .width--xs { } .width--xxl { } .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 { } .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 { } .balance { } .unbalance { } .center--x { } .center--y { } .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 { } .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 { } .supa-multi-content { text-align:center; padding-left:var(--space-m) ; padding-right:var(--space-m) ; } .supa-multi-content:not(.ct-section):not(.oxy-easy-posts), .supa-multi-content.oxy-easy-posts .oxy-posts, .supa-multi-content.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } @media (max-width: 991px) { .supa-multi-content { } } .supa-multi-content-text { padding-top:var(--space-m) ; font-size:var(--text-m) ; } @media (max-width: 1120px) { .supa-multi-content-text { font-size:var(--text-s) ; } } @media (max-width: 991px) { .supa-multi-content-text { font-size:var(--text-m) ; } } .transition { transition-duration:0.3s; } .carousel-home { } .carousel-cell-home { width:100%; position:relative; text-align:center; height:940px; } .carousel-cell-home:not(.ct-section):not(.oxy-easy-posts), .carousel-cell-home.oxy-easy-posts .oxy-posts, .carousel-cell-home.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; } @media (max-width: 1120px) { .carousel-cell-home { height:700px; } } @media (max-width: 991px) { .carousel-cell-home { height:600px; } } @media (max-width: 767px) { .carousel-cell-home { height:60vh; } } @media (max-width: 479px) { .carousel-cell-home { height:50vh ; } } .carousel-cell-img { attachment_height:1242; attachment_width:1920; attachment_url:https://malerei-maem.at/wp-content/uploads/building-1080594_1920.jpg; width:100%; object-fit:cover; height:100%; object-position:center center; } .button-slider { } .text-slider { } .trenner-double-dash { gap:10px; margin-top:20px; margin-bottom:20px; } .trenner-double-dash:not(.ct-section):not(.oxy-easy-posts), .trenner-double-dash.oxy-easy-posts .oxy-posts, .trenner-double-dash.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; gap:10px; } .first-dash { width:60px; height:3px; background-color:var(--primary); } .second-dash { width:10px; height:3px; background-color:var(--primary-ultra-light); } .carousel-cell-overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:var(--secondary-trans-60); } .carousel-cell-content { padding-left:20px; padding-right:20px; } .carousel-cell-content-wrapper { width:100%; max-width:1250px; position:absolute; bottom:var(--space-xxl) ; left:0px; right:0px; margin-left:auto; margin-right:auto; } .carousel-cell-content-wrapper:not(.ct-section):not(.oxy-easy-posts), .carousel-cell-content-wrapper.oxy-easy-posts .oxy-posts, .carousel-cell-content-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; } .intro-box { padding-top:var(--space-s) ; padding-right:var(--space-s) ; padding-bottom:var(--space-s) ; padding-left:var(--space-s) ; } .intro-box:not(.ct-section):not(.oxy-easy-posts), .intro-box.oxy-easy-posts .oxy-posts, .intro-box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:flex-start; } @media (max-width: 991px) { .intro-box { width:70%; margin-left:auto; margin-right:auto; } } @media (max-width: 767px) { .intro-box { width:100%; } } .intro-box-text { font-family:Rubik; font-size:var(--text-m) ; color:var(--primary-ultra-light); line-height:1.4; font-weight:600; } @media (max-width: 1120px) { .intro-box-text { font-size:var(--text-s) ; } } @media (max-width: 991px) { .intro-box-text { font-size:var(--text-m) ; } } @media (max-width: 479px) { .intro-box-text { font-size:var(--text-s) ; } } .intro-box-nr { font-size:var(--text-l) ; color:var(--secondary); font-weight:700; } @media (max-width: 991px) { .intro-box-nr { font-size:var(--text-xl) ; font-weight:600; } } .intro-box-content { padding-left:var(--space-xs) ; } .intro-boxen-dreier { border-bottom-left-radius:50px; border-bottom-right-radius:50px; padding-top:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; padding-left:var(--space-m) ; } @media (max-width: 991px) { .intro-boxen-dreier { } } .intro-box-img { width:120px; } @media (max-width: 767px) { .intro-box-img { width:105px; } } @media (max-width: 479px) { .intro-box-img { width:85px; } } .it-left-img { width:60%; aspect-ratio:3/4; object-fit:cover; border-top-right-radius:100px; border-bottom-left-radius:100px; } @media (max-width: 767px) { .it-left-img { border-top-right-radius:60px; border-bottom-left-radius:60px; } } .it-right-img { width:60%; aspect-ratio:3/4; object-fit:cover; border-top-right-radius:100px; border-bottom-left-radius:100px; } @media (max-width: 767px) { .it-right-img { border-top-right-radius:60px; border-bottom-left-radius:60px; } } .it-img-wrapper { position:relative; } .it-img-wrapper:not(.ct-section):not(.oxy-easy-posts), .it-img-wrapper.oxy-easy-posts .oxy-posts, .it-img-wrapper.ct-section .ct-section-inner-wrap{ display:flex; } .it-left-img-wrapper { width:100%; z-index:1; } .it-left-img-wrapper:not(.ct-section):not(.oxy-easy-posts), .it-left-img-wrapper.oxy-easy-posts .oxy-posts, .it-left-img-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-start; } .it-right-img-wrapper { margin-top:-50%; } .it-right-img-wrapper:not(.ct-section):not(.oxy-easy-posts), .it-right-img-wrapper.oxy-easy-posts .oxy-posts, .it-right-img-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-end; } .heading-overline { font-size:var(--text-l) ; text-transform:uppercase; font-weight:400; color:var(--primary); margin-bottom:10px; } .it-middle-content-wrapper { padding-top:var(--space-s) ; padding-right:var(--space-s) ; padding-bottom:var(--space-s) ; padding-left:var(--space-s) ; background-color:var(--white); position:absolute; z-index:2; top:60%; left:30%; } .it-middle-content-wrapper:not(.ct-section):not(.oxy-easy-posts), .it-middle-content-wrapper.oxy-easy-posts .oxy-posts, .it-middle-content-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } @media (max-width: 991px) { .it-middle-content-wrapper { top:65%; left:40%; } } @media (max-width: 767px) { .it-middle-content-wrapper { top:60%; left:20%; } } .it-middle-nr { font-family:Rubik; font-size:50px; font-weight:900; line-height:1; margin-right:10px; color:var(--accent); } @media (max-width: 479px) { .it-middle-nr { font-size:40px; } } .it-middle-text { font-family:Rubik; font-size:var(--text-m) ; font-weight:600; line-height:1.2; } .it-bg-raster { background-image:url(https://malerei-maem.at/wp-content/uploads/welcome-one-dot.png); position:absolute; left:-60px; top:45%; overflow:hidden; } @media (max-width: 1120px) { .it-bg-raster { left:-40px; top:35%; } } @media (max-width: 991px) { .it-bg-raster { top:50%; left:-20px; } } @media (max-width: 767px) { .it-bg-raster { top:35%; } } @media (max-width: 479px) { .it-bg-raster { left:-100px; top:20%; } } .second-dash-dark { width:10px; height:3px; background-color:var(--accent); } .vorteile-box { width:50%; } .vorteile-wrapper { width:100%; gap:20px; margin-top:var(--space-s) ; } .vorteile-wrapper:not(.ct-section):not(.oxy-easy-posts), .vorteile-wrapper.oxy-easy-posts .oxy-posts, .vorteile-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:20px; } .vorteile-img { aspect-ratio:3/4; object-fit:cover; object-position:50% 100%; } .vorteile-icon-text { width:100%; margin-top:3px; margin-bottom:3px; } .vorteile-icon-text:not(.ct-section):not(.oxy-easy-posts), .vorteile-icon-text.oxy-easy-posts .oxy-posts, .vorteile-icon-text.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .vorteile-icon { color: var(--primary);}.vorteile-icon >svg {width: 20px;height: 20px;}.vorteile-icon { margin-right:5px; } .vorteile-text { font-size:var(--text-s) ; } .service-box { height:100%; } .service-box-title { font-family:Rubik; font-weight:800; color:var(--secondary); margin-bottom:var(--space-xs) ; margin-top:var(--space-xs) ; font-size:calc(var(--text-l) - 5px) ; } @media (max-width: 1120px) { .service-box-title { font-size:calc(var(--text-l) - 8px) ; } } @media (max-width: 991px) { .service-box-title { font-size:calc(var(--text-l) - 2px) ; } } @media (max-width: 767px) { .service-box-title { font-size:var(--text-l) ; } } .service-box-text { font-size:var(--text-m) ; } @media (max-width: 1120px) { .service-box-text { font-size:var(--text-s) ; } } @media (max-width: 991px) { .service-box-text { font-size:var(--text-m) ; } } @media (max-width: 767px) { .service-box-text { font-size:var(--text-s) ; } } .service-box-img { aspect-ratio:4/3; object-fit:cover; object-position:50% 70%; } .service-box-icon { width:100px; height:100px; margin-top:-30px; position:absolute; left:var(--space-m) ; bottom:0px; z-index:2; } @media (max-width: 1120px) { .service-box-icon { width:60px; height:60px; } } @media (max-width: 991px) { .service-box-icon { width:80px; height:80px; } } .service-box-content { margin-top:-50px; width:100%; background-color:var(--white); padding-left:var(--space-xs) ; padding-right:var(--space-xs) ; padding-top:60px; padding-bottom:var(--space-xs) ; height:350px; } @media (max-width: 1120px) { .service-box-content { height:300px; } } @media (max-width: 991px) { .service-box-content { } } @media (max-width: 767px) { .service-box-content { height:250px; } } @media (max-width: 479px) { .service-box-content { } } .service-box-img-wrapper { position:relative; } .service-box-content-wrapper { padding-left:10px; padding-right:10px; height:100%; } .cta-small-section { z-index:5; position:relative; margin-top: -55px; } .cta-small-section .ct-section-inner-wrap { padding-top: 0; padding-bottom: 0; } .cta-small-section:not(.ct-section):not(.oxy-easy-posts), .cta-small-section.oxy-easy-posts .oxy-posts, .cta-small-section.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .cta-small-wrapper { width:80%; padding-top:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; padding-left:var(--space-m) ; background-color:var(--accent); } .cta-small-wrapper:not(.ct-section):not(.oxy-easy-posts), .cta-small-wrapper.oxy-easy-posts .oxy-posts, .cta-small-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; } @media (max-width: 991px) { .cta-small-wrapper { width:100%; } } @media (max-width: 767px) { .cta-small-wrapper { text-align:center; gap:20px; width:100%; } .cta-small-wrapper:not(.ct-section):not(.oxy-easy-posts), .cta-small-wrapper.oxy-easy-posts .oxy-posts, .cta-small-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; gap:20px; } } .cta-small-text { font-size:var(--text-l) ; color:var(--primary-ultra-light); } .step-box { background-color:var(--primary-light); padding-top:var(--space-m) ; border-radius:30px; } .step-box:not(.ct-section):not(.oxy-easy-posts), .step-box.oxy-easy-posts .oxy-posts, .step-box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-end; } .step-box-content { width:100%; padding-left:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; padding-top:0 ; } @media (max-width: 1120px) { .step-box-content { } } @media (max-width: 991px) { .step-box-content { } } @media (max-width: 767px) { .step-box-content { } } @media (max-width: 479px) { .step-box-content { } } .step-box-title { font-family:Rubik; font-weight:800; color:var(--secondary); margin-bottom:var(--space-xs) ; font-size:var(--text-l) ; } @media (max-width: 1120px) { .step-box-title { margin-top:10 ; } } @media (max-width: 991px) { .step-box-title { margin-top:-10 ; } } .step-box-text { font-size:var(--text-m) ; } .testimonial-cell { width:30%; height:100%; min-height:350px; margin-right:5%; } @media (max-width: 991px) { .testimonial-cell { width:47%; } } @media (max-width: 767px) { .testimonial-cell { width:100%; min-height:300px; } } @media (max-width: 479px) { .testimonial-cell { min-height:250px; } } .testimonial { width:100%; margin-top:auto; margin-left:auto; margin-right:auto; margin-bottom:auto; } .testimonial-text { width:100%; background-color:var(--primary-ultra-light); padding-left:var(--space-m) ; padding-right:var(--space-m) ; padding-bottom:var(--space-m) ; padding-top:var(--space-m) ; height:100%; min-height:300px; margin-top:-30px; border-radius:15px; } .testimonial-text:not(.ct-section):not(.oxy-easy-posts), .testimonial-text.oxy-easy-posts .oxy-posts, .testimonial-text.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-start; align-content:center; justify-content:center; } @media (max-width: 767px) { .testimonial-text { min-height:auto ; padding-top:var(--space-xxl) ; } } .testimonial-icon { color: var(--primary-light);}.testimonial-icon >svg {width: 30px;height: 30px;}.testimonial-icon { padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px; } .testimonial-icon-wrapper { background-color:var(--primary); border-top-left-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; z-index:1; margin-left:var(--space-m) ; margin-right:var(--space-m) ; } .service-section { position:relative; } .carousel { } .carousel-cell { } .step-box-nr-wrapper { width:70px; height:70px; margin-right:var(--space-m) ; background-color:var(--primary); border-top-right-radius:20px; border-top-left-radius:20px; border-bottom-right-radius:20px; } .step-box-nr-wrapper:not(.ct-section):not(.oxy-easy-posts), .step-box-nr-wrapper.oxy-easy-posts .oxy-posts, .step-box-nr-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .step-box-nr-text { font-family:Rubik; font-size:35px; color:var(--secondary-light); font-weight:700; } .warum-heading { color:var(--primary-ultra-light); } @media (max-width: 991px) { .warum-heading { margin-bottom:var(--space-l) ; } } .warum-icon { color: var(--primary-ultra-light);}.warum-icon >svg {width: 35px;height: 35px;}.warum-icon { } .warum-icon-wrapper { width:150px; height:150px; background-color:var(--primary); border-top-right-radius:20px; border-top-left-radius:20px; border-bottom-left-radius:20px; margin-bottom:30px; overflow:hidden; border-top-width:5px; border-right-width:5px; border-bottom-width:5px; border-left-width:5px; 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-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .warum-icon-wrapper:not(.ct-section):not(.oxy-easy-posts), .warum-icon-wrapper.oxy-easy-posts .oxy-posts, .warum-icon-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } @media (max-width: 1120px) { .warum-icon-wrapper { width:120px; height:120px; } } .warum-list-wrapper { padding-bottom:8px; padding-top:8px; padding-left:20px; padding-right:20px; width:100%; } .warum-list-wrapper:not(.ct-section):not(.oxy-easy-posts), .warum-list-wrapper.oxy-easy-posts .oxy-posts, .warum-list-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:flex-start; } .warum-list-icon { color: var(--primary);}.warum-list-icon >svg {width: 25px;height: 25px;}.warum-list-icon { margin-right:15px; margin-top:6px; } .warum-list-text { color:var(--primary-ultra-light); font-size:var(--text-l) ; font-weight:400; } .warum-list-container { } .liebe-container { } .liebe-icon-box { margin-bottom:10px; } .liebe-icon-box:not(.ct-section):not(.oxy-easy-posts), .liebe-icon-box.oxy-easy-posts .oxy-posts, .liebe-icon-box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .liebe-icon { color: var(--primary);}.liebe-icon >svg {width: 25px;height: 25px;}.liebe-icon { margin-right:10px; } .liebe-icon-text { font-family:Rubik; color:var(--secondary); font-weight:700; } .footer-headline { color:var(--primary-ultra-light); } .oxy-stock-content-styles { } .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 { } .list--icon { } .link--underline:hover{ text-decoration:underline; color:var(--white); } .link--underline { color:var(--white); } .mb-margin { margin-top:-1em; margin-bottom:-1em; } .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--1 { } .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-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 { } /* File: automatic-oxygen.css - Version: 3.3.5 - Generated: 2025-05-02 08:18:47 */ body, body.acss-boxed-layout { font-size: var(--text-m); line-height: var(--text-m-lh); color: var(--body-color, #8b827d); } .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, #8b827d); 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(6px + 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); color: var(--h1-color); } h2 { font-size: var(--h2); line-height: var(--h2-line-height); max-width: var(--h2-max-width); color: var(--h2-color); } h3 { font-size: var(--h3); line-height: var(--h3-line-height); max-width: var(--h3-max-width); color: var(--h3-color); } h4 { font-size: var(--h4); line-height: var(--h4-line-height); max-width: var(--h4-max-width); color: var(--h4-color); } h5 { font-size: var(--h5); line-height: var(--h5-line-height); max-width: var(--h5-max-width); color: var(--h5-color); } h6 { font-size: var(--h6); line-height: var(--h6-line-height); max-width: var(--h6-max-width); color: var(--h6-color); } body a:where(:not([class*= btn--])) { color: var(--link-color, var(--action)); font-weight: var(--link-weight, 400); -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(--action-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: 1280px) { .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(--action-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(--action-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(--action-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); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--action-ultra-light); --btn-border-width: 0.25rem; --btn-border-color: var(--white); --btn-border-color-hover: var(--white); --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: 1280px) { .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: 1281px) { .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: 1280px) { [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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1281px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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: 1280px) { .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; } }