#div_block-3-2978{border-radius:var(--radius-m) ;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;border-top-color:#00b5e2;border-right-color:#00b5e2;border-bottom-color:#00b5e2;border-left-color:#00b5e2;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:4px;border-right-width:4px;border-bottom-width:4px;border-left-width:4px;position:relative}#text_block-4-2978{margin-top:0px;margin-bottom:0px;font-weight:900;font-size:var(--text-l) ;line-height:1}#text_block-5-2978{font-weight:800;order:-1}#text_block-6-2978{font-size:14px;margin-bottom:10px}#image-9-2978{width:100%;order:-2;max-width:400px}#fancy_icon-11-2978{color:#ffffff}#fancy_icon-11-2978>svg{width:46px;height:46px}#fancy_icon-11-2978{position:absolute;right:15px;top:15px;background-color:#05253c;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#00b5e2;border-right-color:#00b5e2;border-bottom-color:#00b5e2;border-left-color:#00b5e2;border-top-width:3px;border-right-width:3px;border-bottom-width:3px;border-left-width:3px}#shortcode-7-2978{width:100%;margin-top:-20px}#modal-2-2978{width:500px;border-radius:var(--radius-m) ;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;background-color:#ffffff}@media (max-width:767px){#modal-2-2978{width:400px}}@media (max-width:479px){#modal-2-2978{background-color:#ffffff;width:90%}}#section-227-571 > .ct-section-inner-wrap{max-width:100%;padding-right:150px;padding-left:150px}#section-227-571{background-color:#05253c}#section-232-571 > .ct-section-inner-wrap{padding-top:100px;padding-bottom:100px}#section-232-571{background-size:cover;background-color:#ffffff;background-position:50% 0%}#section-24-12 > .ct-section-inner-wrap{padding-top:0;padding-bottom:0;flex-direction:row;align-items:center;justify-content:center}#section-24-12{background-color:#05253c;text-align:center}#section-29-12 > .ct-section-inner-wrap{padding-top:6px;padding-bottom:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#section-29-12{display:block}#section-29-12{background-color:#ffffff;text-align:justify;color:#000000}@media (max-width:1120px){#section-227-571 > .ct-section-inner-wrap{padding-right:25px;padding-left:25px}}@media (max-width:991px){#section-232-571 > .ct-section-inner-wrap{padding-top:0}}@media (max-width:991px){#section-24-12 > .ct-section-inner-wrap{flex-direction:unset;align-items:center;justify-content:center}}@media (max-width:767px){#section-232-571 > .ct-section-inner-wrap{padding-top:9px}}@media (max-width:767px){#section-24-12 > .ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center}#section-24-12{display:block}#section-24-12{text-align:center}}@media (max-width:767px){#section-29-12 > .ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center}#section-29-12{display:block}#section-29-12{text-align:center}}@media (max-width:479px){#section-29-12 > .ct-section-inner-wrap{padding-top:26px}}#div_block-228-571{width:100%;flex-direction:row;display:flex;align-items:center;justify-content:space-around;text-align:justify}#div_block-234-571{align-items:center;width:35%;justify-content:space-between;text-align:center;gap:var(--space-m) }#div_block-236-571{width:100%}#div_block-278-571{width:100%;padding-bottom:25px;padding-top:0%}#div_block-256-571{padding-left:5%;padding-right:5%;width:65.00%;align-items:stretch;text-align:justify}#div_block-257-571{width:100%;text-align:left;align-items:stretch;padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;border-bottom-color:#05253c;border-radius:25px;border-bottom-width:5px;border-top-color:#05253c;border-right-color:#05253c;border-left-color:#05253c;box-shadow:0px 0px 14px 3px rgba(0,0,0,0.09)}#div_block-219-571{flex-direction:row;display:flex;align-items:center;margin-left:20px;width:100%}#div_block-220-571{flex-direction:row;display:flex;align-items:center;order:1;transition-duration:0.4s;width:45%;justify-content:flex-end;text-align:center}#div_block-224-571{flex-direction:row;display:flex;align-items:center;order:3;width:45%;justify-content:flex-start;text-align:center}@media (max-width:991px){#div_block-219-571{flex-direction:row;display:flex;padding-bottom:12px;padding-top:12px;width:100%;justify-content:space-between;text-align:justify;padding-left:0px;padding-right:0px}}@media (max-width:991px){#div_block-220-571{flex-direction:column;display:flex;order:2}}@media (max-width:991px){#div_block-224-571{flex-direction:column;display:flex}}@media (max-width:767px){#div_block-228-571{text-align:justify;flex-direction:column;display:flex}}@media (max-width:479px){#div_block-234-571{padding-left:0px;padding-right:0px}}@media (max-width:479px){#div_block-278-571{padding-top:10%}}@media (max-width:479px){#div_block-256-571{padding-left:0%;padding-right:0%}}@media (max-width:991px){#new_columns-233-571> .ct-div-block{width:100% !important}}#new_columns-233-571{margin-top:16px}#text_block-291-571{text-align:left;color:#ffffff;font-size:54px}#text_block-288-571{margin-bottom:9px;font-size:calc(var(--text-m) * 0.8) ;font-weight:800;useCustomTag:true}#text_block-238-571{text-align:left;margin-top:0px;margin-bottom:0px}#text_block-297-571{color:#05253c;margin-bottom:0px;font-size:var(--text-l) ;font-weight:800;margin-top:0px;text-align:left}#text_block-293-571{color:#05253c;margin-bottom:0px;font-size:calc(var(--text-l) * 1.2) ;font-weight:800;margin-top:0px}#text_block-259-571{margin-bottom:25px;font-size:calc(var(--text-s) * 1.2) }#text_block-261-571{text-align:center;font-size:12px;margin-top:0px;margin-bottom:0px}#text_block-166-12{text-transform:uppercase}#text_block-329-571{font-size:8px}@media (max-width:991px){#text_block-291-571{font-size:39px}}@media (max-width:991px){#text_block-288-571{font-size:var(--text-l) }}@media (max-width:767px){#text_block-291-571{font-size:34px;text-align:center;margin-bottom:20px}}@media (max-width:767px){#text_block-288-571{font-size:var(--text-m) }}@media (max-width:767px){#text_block-293-571{font-size:var(--text-l) }}@media (max-width:767px){#text_block-166-12{margin-bottom:4px}}@media (max-width:479px){#text_block-291-571{font-size:28px}}@media (max-width:479px){#text_block-288-571{font-size:var(--text-m) }}@media (max-width:479px){#text_block-297-571{font-size:45 }}#link_text-285-571{margin-top:14px;color:#05253c;transition-duration:0.4s;font-size:20px;padding-left:0px;margin-left:0px;text-align:left;margin-bottom:3px}#link_text-285-571:hover{color:#00b5e2}#link_text-316-571{margin-top:14px;color:#05253c;transition-duration:0.4s;font-size:20px;padding-left:0px;margin-left:0px;text-align:left;margin-bottom:3px}#link_text-316-571:hover{color:#00b5e2}#link-13-12{max-width:calc(var(--width-s) * 1.5) }#link-328-571{justify-content:center;flex-direction:column;display:flex;text-align:center}#link-222-571{padding-top:5px;padding-left:12px;padding-right:12px;padding-bottom:5px;order:2;opacity:1;transition-duration:0.4s;max-width:150px;width:10%}#link-222-571:hover{transform:scale(1.05,1.05);opacity:1;transition-duration:0.2s;transition-timing-function:ease;transition-property:all}#link-185-571{text-align:center;flex-direction:row;display:flex;gap:14px}@media (max-width:1120px){#link-13-12{width:calc(var(--width-s) * 1.5) }}@media (max-width:991px){#link-222-571{order:1;border-bottom-color:rgba(255,255,255,0.2);border-bottom-width:1px;border-bottom-style:none;border-top-style:none;border-right-style:none;border-left-style:none;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}}@media (max-width:991px){#link-185-571{text-align:center;justify-content:flex-end;gap:3px}}@media (max-width:767px){#link-222-571{width:20%}}@media (max-width:479px){#link-13-12{width:calc(var(--width-s) * 0.9) }}@media (max-width:479px){#link-222-571{width:30%}}@media (max-width:479px){#link-185-571{text-align:right;flex-direction:column;display:flex;gap:0px}}#link_button-230-571{}#image-235-571{background-color:#05253c;padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px}#image-223-571{width:60px}#image-184-571{width:175px;opacity:0.7;transition-duration:0.4s}#image-184-571:hover{opacity:1;filter:brightness(120%)}@media (max-width:991px){#image-15-12{padding-right:0px;padding-top:0px;padding-left:0px;padding-bottom:0px;width:100%}}@media (max-width:991px){#image-223-571{width:100px;padding-right:0px;padding-top:0px;padding-left:0px;padding-bottom:0px}}@media (max-width:479px){#image-184-571{width:150px;margin-top:11px}}#code_block-324-571{display:none}#inner_content-55-12{flex-direction:unset}#_nav_menu-199-571 .oxy-nav-menu-hamburger-line{background-color:#ffffff}@media (max-width:1120px){#_nav_menu-199-571 .oxy-nav-menu-list{display:none}#_nav_menu-199-571 .oxy-menu-toggle{display:initial}#_nav_menu-199-571.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list{display:initial}}#_nav_menu-199-571.oxy-nav-menu.oxy-nav-menu-open{margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:0 !important}#_nav_menu-199-571.oxy-nav-menu.oxy-nav-menu-open .menu-item a{padding-top:20px;padding-bottom:20px;padding-left:10px;padding-right:10px}#_nav_menu-199-571 .oxy-nav-menu-hamburger-wrap{width:40px;height:40px;margin-top:10px;margin-bottom:10px}#_nav_menu-199-571 .oxy-nav-menu-hamburger{width:40px;height:32px}#_nav_menu-199-571 .oxy-nav-menu-hamburger-line{height:6px}#_nav_menu-199-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{top:13px}#_nav_menu-199-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{top:-13px}#_nav_menu-199-571 .menu-item > .sub-menu{transition-duration:0.4s}#_nav_menu-199-571{transition-duration:0.4s}#_nav_menu-199-571 .oxy-nav-menu-list{flex-direction:row}#_nav_menu-199-571 .menu-item a{padding-top:20px;padding-left:10px;padding-right:10px;padding-bottom:20px;color:#ffffff;text-transform:uppercase;transition-duration:0.4s;font-size:18px}#_nav_menu-199-571 .current-menu-item a{color:#00b5e2}#_nav_menu-199-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0;padding-top:20px;padding-bottom:20px;color:#000000;padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-199-571.oxy-nav-menu:not(.oxy-nav-menu-open) .oxy-nav-menu-list .sub-menu .menu-item a:hover{padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-199-571 .menu-item:focus-within a,#_nav_menu-199-571 .menu-item:hover a{padding-top:17px;border-top-width:3px;color:#00b5e2}#_nav_menu-199-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a:hover{border:0;padding-top:20px;padding-bottom:20px;color:#00263e;background-color:#e5e5e5}#_nav_menu-221-571 .oxy-nav-menu-hamburger-line{background-color:#ffffff}@media (max-width:991px){#_nav_menu-221-571 .oxy-nav-menu-list{display:none}#_nav_menu-221-571 .oxy-menu-toggle{display:initial}#_nav_menu-221-571.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list{display:initial}}#_nav_menu-221-571.oxy-nav-menu.oxy-nav-menu-open{margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:0 !important}#_nav_menu-221-571.oxy-nav-menu.oxy-nav-menu-open .menu-item a{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}#_nav_menu-221-571 .oxy-nav-menu-hamburger-wrap{width:40px;height:40px;margin-top:10px;margin-bottom:10px}#_nav_menu-221-571 .oxy-nav-menu-hamburger{width:40px;height:32px}#_nav_menu-221-571 .oxy-nav-menu-hamburger-line{height:6px}#_nav_menu-221-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{top:13px}#_nav_menu-221-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{top:-13px}#_nav_menu-221-571 .menu-item > .sub-menu{transition-duration:0.4s}#_nav_menu-221-571{transition-duration:0.4s}#_nav_menu-221-571 .oxy-nav-menu-list{flex-direction:row}#_nav_menu-221-571 .menu-item a{padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;color:#ffffff;text-transform:uppercase;transition-duration:0.4s}#_nav_menu-221-571 .current-menu-item a{color:#00b5e2}#_nav_menu-221-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0;padding-top:20px;padding-bottom:20px;color:#000000;padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-221-571.oxy-nav-menu:not(.oxy-nav-menu-open) .oxy-nav-menu-list .sub-menu .menu-item a:hover{padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-221-571 .menu-item:focus-within a,#_nav_menu-221-571 .menu-item:hover a{padding-top:17px;border-top-width:3px;color:#00b5e2}#_nav_menu-221-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a:hover{border:0;padding-top:20px;padding-bottom:20px;color:#00263e;background-color:#e5e5e5}#_nav_menu-225-571 .oxy-nav-menu-hamburger-line{background-color:#ffffff}@media (max-width:991px){#_nav_menu-225-571 .oxy-nav-menu-list{display:none}#_nav_menu-225-571 .oxy-menu-toggle{display:initial}#_nav_menu-225-571.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list{display:initial}}#_nav_menu-225-571.oxy-nav-menu.oxy-nav-menu-open{margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:0 !important}#_nav_menu-225-571.oxy-nav-menu.oxy-nav-menu-open .menu-item a{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}#_nav_menu-225-571 .oxy-nav-menu-hamburger-wrap{width:40px;height:40px;margin-top:10px;margin-bottom:10px}#_nav_menu-225-571 .oxy-nav-menu-hamburger{width:40px;height:32px}#_nav_menu-225-571 .oxy-nav-menu-hamburger-line{height:6px}#_nav_menu-225-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{top:13px}#_nav_menu-225-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{top:-13px}#_nav_menu-225-571 .menu-item > .sub-menu{transition-duration:0.4s}#_nav_menu-225-571{transition-duration:0.4s}#_nav_menu-225-571 .oxy-nav-menu-list{flex-direction:row}#_nav_menu-225-571 .menu-item a{padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;color:#ffffff;text-transform:uppercase;transition-duration:0.4s}#_nav_menu-225-571 .current-menu-item a{color:#00b5e2}#_nav_menu-225-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0;padding-top:20px;padding-bottom:20px;color:#000000;padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-225-571.oxy-nav-menu:not(.oxy-nav-menu-open) .oxy-nav-menu-list .sub-menu .menu-item a:hover{padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-225-571 .menu-item:focus-within a,#_nav_menu-225-571 .menu-item:hover a{padding-top:17px;border-top-width:3px;color:#00b5e2}#_nav_menu-225-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a:hover{border:0;padding-top:20px;padding-bottom:20px;color:#00263e;background-color:#e5e5e5}#_nav_menu-226-571 .oxy-nav-menu-hamburger-line{background-color:#ffffff}@media (max-width:991px){#_nav_menu-226-571 .oxy-nav-menu-list{display:none}#_nav_menu-226-571 .oxy-menu-toggle{display:initial}#_nav_menu-226-571.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list{display:initial}}#_nav_menu-226-571.oxy-nav-menu.oxy-nav-menu-open{background-color:#000000;margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:0 !important}#_nav_menu-226-571.oxy-nav-menu.oxy-nav-menu-open .menu-item a{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}#_nav_menu-226-571 .oxy-nav-menu-hamburger-wrap{width:40px;height:40px;margin-top:10px;margin-bottom:10px}#_nav_menu-226-571 .oxy-nav-menu-hamburger{width:40px;height:32px}#_nav_menu-226-571 .oxy-nav-menu-hamburger-line{height:6px}#_nav_menu-226-571 .oxy-nav-menu-hamburger-wrap:hover .oxy-nav-menu-hamburger-line{background-color:#00b5e2}#_nav_menu-226-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{top:13px}#_nav_menu-226-571.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{top:-13px}#_nav_menu-226-571 .menu-item > .sub-menu{transition-duration:0.4s}#_nav_menu-226-571{transition-duration:0.4s;display:none}#_nav_menu-226-571 .oxy-nav-menu-list{flex-direction:row}#_nav_menu-226-571 .menu-item a{padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;color:#ffffff;text-transform:uppercase;transition-duration:0.4s}#_nav_menu-226-571 .current-menu-item a{color:#00b5e2}#_nav_menu-226-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0;padding-top:20px;padding-bottom:20px;color:#000000;padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-226-571.oxy-nav-menu:not(.oxy-nav-menu-open) .oxy-nav-menu-list .sub-menu .menu-item a:hover{padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:75px}#_nav_menu-226-571 .menu-item:focus-within a,#_nav_menu-226-571 .menu-item:hover a{padding-top:17px;border-top-width:3px;color:#00b5e2}#_nav_menu-226-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a:hover{border:0;padding-top:20px;padding-bottom:20px;color:#00263e;background-color:#e5e5e5}@media (max-width:1120px){#_nav_menu-199-571{display:none}#_nav_menu-199-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0}}@media (max-width:991px){#_nav_menu-199-571{display:none}#_nav_menu-199-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0}}@media (max-width:991px){#_nav_menu-221-571{display:none}#_nav_menu-221-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0}}@media (max-width:991px){#_nav_menu-225-571{display:none}#_nav_menu-225-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0}}@media (max-width:991px){#_nav_menu-226-571{display:flex}#_nav_menu-226-571.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0}}#shortcode-260-571{z-index:3}#_header-123-12.oxy-header.oxy-overlay-header{position:absolute;left:0;right:0;z-index:20}#_header-123-12.oxy-header.oxy-overlay-header:not(.oxy-sticky-header-active) .oxy-header-row,#_header-123-12.oxy-header.oxy-overlay-header:not(.oxy-sticky-header-active){background-color:initial !important}#_header-123-12.oxy-header.oxy-overlay-header .oxygen-hide-in-overlay{display:none}#_header-123-12.oxy-header.oxy-overlay-header .oxygen-only-show-in-overlay{display:block}#_header-123-12.oxy-header-wrapper.oxy-header.oxy-sticky-header.oxy-sticky-header-active{position:fixed;top:0;left:0;right:0;z-index:2147483640;background-color:#05253c;box-shadow:0px 0px 10px rgba(0,0,0,0.3);}#_header-123-12.oxy-header.oxy-sticky-header-active .oxygen-hide-in-sticky{display:none}#_header-123-12.oxy-header.oxy-header .oxygen-show-in-sticky-only{display:none}#_header-123-12{padding-right:var(--space-l);padding-left:var(--space-l) ;width:100%}@media (max-width:1120px){#_header-123-12{padding-left:1rem;padding-right:1rem}}@media (max-width:767px){#_header-123-12{width:100%}}#_header_row-124-12.oxy-header-row .oxy-header-container{max-width:100%}.oxy-header.oxy-sticky-header-active > #_header_row-124-12.oxygen-show-in-sticky-only{display:block}#_header_row-124-12{z-index:999;padding-top:15px;padding-bottom:15px}#_social_icons-287-571.oxy-social-icons{flex-direction:row;margin-right:-10px;margin-bottom:-10px}#_social_icons-287-571.oxy-social-icons a{font-size:50px;margin-right:10px;margin-bottom:10px;border-radius:50%}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-facebook{background-color:#3b5998}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-facebook:hover{background-color:#5b79b8}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-instagram{background-color:#c32aa3}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-instagram:hover{background-color:#e34ac3}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-twitter{background-color:#00b6f1}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-twitter:hover{background-color:#20d6ff}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-linkedin{background-color:#007bb6}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-linkedin:hover{background-color:#209bd6}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-rss{background-color:#ee802f}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-rss:hover{background-color:#ffa04f}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-youtube{background-color:#ff0000}#_social_icons-287-571.oxy-social-icons a.oxy-social-icons-youtube:hover{background-color:#ff4444}#_social_icons-287-571.oxy-social-icons a svg{width:0.5em;height:0.5em;color:#fff}#_social_icons-287-571.oxy-social-icons a:hover svg{color:#fff}#_social_icons-287-571{margin-top:15px}#section-2-3560 > .ct-section-inner-wrap{padding-top:200px;align-items:center}#section-2-3560{background-color:#05253c;text-align:left}.oxy-dynamic-list :is([data-id="div_block-7-3560"],#incspec){text-align:left;align-items:center}#headline-3-3560{color:#ffffff}#_dynamic_list-6-3560{align-items:stretch;grid-template-columns:repeat(3,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:20px;display:grid}#_dynamic_list-6-3560 .oxy-repeater-pages{font-size:12px}#_dynamic_list-6-3560{outline:none}.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;                            } .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;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
} .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;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
} .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: 'Poppins';}body {line-height: 1.5;font-size: px;font-weight: ;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR';line-height: 1.3;color: #000000;}a {color: #00b5e2;text-decoration: none;}a:hover {color: #0088aa;text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.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;
}
}
.oxy-stock-content-styles {
}
.atomic-simple-article-content {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.atomic-tritary-heading {
color:#2b2c27;
font-size:36px;
font-weight:400;
line-height:1.2;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 767px) {
.atomic-tritary-heading {
font-size:30px;
}
}
.oxel-vidlist {
width:100%;
}
.oxel-vidlist__columns {
width:100%;
position:relative;
}
.oxel-vidlist__columns:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__columns.oxy-easy-posts .oxy-posts,
.oxel-vidlist__columns.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
@media (max-width: 991px) {
.oxel-vidlist__columns {
}
.oxel-vidlist__columns:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__columns.oxy-easy-posts .oxy-posts,
.oxel-vidlist__columns.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
.oxel-vidlist__column--left {
width:60%;
text-align:center;
}
.oxel-vidlist__column--left:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__column--left.oxy-easy-posts .oxy-posts,
.oxel-vidlist__column--left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel-vidlist__column--right {
right:0px;
width:40%;
text-align:left;
height:100%;
position:absolute;
left:60%;
top:0px;
background-color:#cfd3d7;
}
.oxel-vidlist__column--right:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__column--right.oxy-easy-posts .oxy-posts,
.oxel-vidlist__column--right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
@media (max-width: 991px) {
.oxel-vidlist__column--right {
max-height:200%;
}
}
.oxel-vidlist__column {
}
@media (max-width: 991px) {
.oxel-vidlist__column {
width:100%;
position:static;
}
}
.oxel-vidlist__video {
}
.oxel-vidlist__video--main {
}
.oxel-vidlist__list-item:hover{
background-color:#dee1e3;
}
.oxel-vidlist__list-item {
width:100%;
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
text-align:left;
color:initial;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
}
.oxel-vidlist__list-item:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__list-item.oxy-easy-posts .oxy-posts,
.oxel-vidlist__list-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.oxel-vidlist__list-item-title {
width:70%;
}
.oxel-vidlist__icon {
color: #606e79;}.oxel-vidlist__icon 
>svg {width: 32px;height: 32px;}.oxel-vidlist__icon {
margin-left:16px;
margin-right:16px;
height:32px;
}
.oxel-vidlist__icon--inactive {
color: #606e79;}.oxel-vidlist__icon--inactive 
>svg {width: 32px;height: 32px;}.oxel-vidlist__icon--inactive {
}
.oxel-vidlist__icon--active {
color: #606e79;}.oxel-vidlist__icon--active 
>svg {width: 32px;height: 32px;}.oxel-vidlist__icon--active {
}
.oxel-vidlist__list-item--active {
background-color:#dee1e3;
}
.oxel-vidlist__list-item-left {
text-align:center;
}
.oxel-vidlist__list-item-left:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__list-item-left.oxy-easy-posts .oxy-posts,
.oxel-vidlist__list-item-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.oxel_toc__primary {
color:#374047;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
padding-left:8px;
width:100%;
padding-bottom:8px;
border-top-color:#606e79;
border-right-color:#606e79;
border-bottom-color:#dee1e3;
border-left-color:#606e79;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:8px;
padding-top:8px;
border-left-width:2px;
border-left-style:solid;
}
.oxel_toc__sub {
text-decoration:underline;
color:#606e79;
margin-left:16px;
}
.oxel_toc__sub__2 {
margin-left:32px;
}
.oxel_toc__sub__1 {
}
.oxel_toc__container {
padding-bottom:16px;
width:100%;
}
.oxel_toc__sub__3 {
margin-left:48px;
}
.oxel_toc__sub__4 {
margin-left:64px;
}
.oxel_toc__template {
}
.oxel_iconlist {
max-width:100%;
}
.oxel_iconlist__row {
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
width:100%;
margin-top:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
border: 1px solid;
padding: 10px;color: #00b5e2;}.oxel_iconlist__row__icon 
>svg {width: 18px;height: 18px;}.oxel_iconlist__row__icon {
margin-left:32px;
margin-right:32px;
}
@media (max-width: 479px) {
.oxel_iconlist__row__icon {
margin-left:6px;
margin-right:var(--space-xs) ;
}
}
.oxel_iconlist__row__label {
}
.oxel_iconlist__row--dark {
background-color:rgba(0,181,226,0.07);
}
.hover-text-link:hover{
color:#000000;
}
.hover-text-link {
color:#00b5e2;
transition-duration:0.4s;
}
.button-red:hover{
transform:translateY(-4px); color:#ffffff;
background-color:#000000;
box-shadow:0px 2px 11px 0px rgba(0,0,0,0.43);
}
.button-red {
padding: 10px 16px;
}.button-red {
font-family:Poppins;
font-size:16px;
color:#000000;
font-weight:600;
letter-spacing:1px;
line-height:1.2;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-top-color:#000000;
border-right-color:#000000;
border-bottom-color:#000000;
border-left-color:#000000;
border-radius:100px;
padding-top:16px;
padding-left:32px;
padding-right:32px;
padding-bottom:16px;
background-color:#ffffff;
text-align:center;
transition-duration:0.4s;
text-decoration:none;
}
.atomic-subheading {
font-family:Noto Sans KR;
color:color(18);
font-size:24px;
line-height:1.6;
font-weight:200;
max-width:480px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 767px) {
.atomic-subheading {
font-size:20px;
}
}
@media (max-width: 479px) {
.atomic-subheading {
font-size:18px;
}
}
.home-resources__wrapper:hover{
transform:translateY(-10px); filter:saturate(140%);
background-color:#fcfcfc;
border-bottom-style:solid;
border-bottom-width:10px;
box-shadow:0px 6px 9px 0px rgba(0,0,0,0.35);
}
.home-resources__wrapper {
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
background-color:#ffffff;
border-bottom-style:solid;
border-bottom-color:#05253c;
transition-duration:0.4s;
text-align:right;
border-top-color:#05253c;
border-right-color:#05253c;
border-left-color:#05253c;
width:100%;
box-shadow:0px 0px 16px 0px rgba(177,73,67,0.19);
}
.home-resources__wrapper:not(.ct-section):not(.oxy-easy-posts),
.home-resources__wrapper.oxy-easy-posts .oxy-posts,
.home-resources__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.home-resources__title {
font-size:40px;
text-align:center;
}
@media (max-width: 479px) {
.home-resources__title {
font-size:33px;
}
}
.home-resources__text {
font-family:Noto Sans KR;
margin-bottom:15px;
font-size:24px;
text-align:center;
}
.home-resources__image {
width:var(--width-m) ;
}
.winery-body-text {
font-family:Poppins;
font-size:14px;
color:#000000;
font-weight:400;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; line-height:1.5;
}
.winery-heading-three {
font-family:Noto Sans KR;
color:color(2);
font-size:30px;
font-weight:900;
line-height:1.1;
}
@media (max-width: 479px) {
.winery-heading-three {
font-size:24px;
}
}
.winery-outline-button:hover{
transform:translateY(-4px); color:#ffffff;
background-color:#000000;
box-shadow:0px 2px 11px 0px rgba(0,0,0,0.43);
}
.winery-outline-button {
font-family:Poppins;
font-size:14px;
color:#000000;
font-weight:400;
letter-spacing:1px;
line-height:1.2;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#000000;
border-right-color:#000000;
border-bottom-color:#000000;
border-left-color:#000000;
border-radius:100px;
padding-top:16px;
padding-left:32px;
padding-right:32px;
padding-bottom:16px;
background-color:#ffffff;
text-align:center;
transition-duration:0.4s;
text-decoration:none;
}
.winery-wineslist-1-wrapper {
background-image:linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)), url(https://jnpmerchandising.com/wp-content/uploads/2022/05/cropped-Untitled-design-2022-05-26T140952.693.png);background-size:auto,  240px auto; width:50%;
background-repeat:no-repeat;
margin-bottom:60px;
background-position:50% 100%;
}
.winery-wineslist-1-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-wineslist-1-wrapper.oxy-easy-posts .oxy-posts,
.winery-wineslist-1-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.winery-wineslist-1-wrapper {
width:100%;
}
}
@media (max-width: 479px) {
.winery-wineslist-1-wrapper {
text-align:left;
background-position:20% 50%;
}
.winery-wineslist-1-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-wineslist-1-wrapper.oxy-easy-posts .oxy-posts,
.winery-wineslist-1-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.winery-wineslist-1-bottle {
margin-left:20px;
height:300px;
}
@media (max-width: 1120px) {
.winery-wineslist-1-bottle {
}
}
@media (max-width: 479px) {
.winery-wineslist-1-bottle {
margin-left:24px;
margin-bottom:24px;
}
}
.winery-wineslist-1-text-wrapper {
width:100%;
text-align:left;
padding-top:24px;
padding-left:36px;
padding-right:48px;
padding-bottom:24px;
}
.winery-wineslist-1-text-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-wineslist-1-text-wrapper.oxy-easy-posts .oxy-posts,
.winery-wineslist-1-text-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 767px) {
.winery-wineslist-1-text-wrapper {
padding-right:24px;
}
}
@media (max-width: 479px) {
.winery-wineslist-1-text-wrapper {
padding-top:0px;
padding-left:24px;
padding-right:24px;
}
}
.winery-wineslist-1-rating {
width:120px;
margin-bottom:12px;
}
.winery-wineslist-1-label {
font-family:Poppins;
font-size:16px;
color:color(12);
font-style:italic;
font-weight:400;
line-height:1.1;
}
.winery-wineslist-1-digits {
font-family:Poppins;
font-size:36px;
font-weight:700;
color:color(2);
}
.winery-wineslist-1-price-wrapper {
width:100%;
}
.winery-wineslist-1-price-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-wineslist-1-price-wrapper.oxy-easy-posts .oxy-posts,
.winery-wineslist-1-price-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.winery-wineslist-1-year-wrapper {
padding-top:12px;
padding-right:24px;
padding-bottom:12px;
border-right-width:1px;
border-right-style:solid;
border-right-color:color(19);
}
.winery-wineslist-1-price {
padding-top:12px;
padding-bottom:12px;
padding-left:24px;
}
.winery-heading-two {
font-family:Poppins;
color:#000000;
font-size:48px;
font-weight:900;
line-height:1.1;
margin-bottom:0px;
}
@media (max-width: 767px) {
.winery-heading-two {
font-size:36px;
}
}
@media (max-width: 479px) {
.winery-heading-two {
font-size:32px;
}
}
.winery-main-button:hover{
color:#00b5e2;
text-decoration:underline;
background-color:color(16);
border-top-color:color(16);
border-right-color:color(16);
border-bottom-color:color(16);
border-left-color:color(16);
}
.winery-main-button {
font-family:Poppins;
font-size:14px;
color:#ffffff;
font-weight:400;
text-decoration:none;
background-color:color(15);
padding-top:16px;
padding-bottom:16px;
padding-left:32px;
padding-right:32px;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:color(21);
border-right-color:color(21);
border-bottom-color:color(21);
border-left-color:color(21);
border-radius:100px;
line-height:1.2;
letter-spacing:1px;
text-align:center;
transition-duration:0.4s;
}
.oxel_icon_button__container {
padding-top:8px;
padding-left:16px;
padding-right:16px;
padding-bottom:8px;
transition-duration:0.3s;
margin-left:21px;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel_icon_button__container {
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:none;
}
}
.oxel_icon_button_text:hover{
color:#00b5e2;
}
.oxel_icon_button_text {
color:#00263e;
font-size:26px;
}
.oxel_icon_button_icon:hover{
color: #00b5e2;}.oxel_icon_button_icon:hover{
}
.oxel_icon_button_icon {
color: #05253c;}.oxel_icon_button_icon 
>svg {width: 50px;height: 50px;}.oxel_icon_button_icon {
margin-right:8px;
}
.winery-subheading {
color:#000000;
font-size:16px;
font-weight:700;
letter-spacing:1px;
line-height:1.5;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.winery-progressbar-3-bar {
progress_bar_right_text_typography_font-family:Array;
progress_bar_left_text_typography_font-family:Array;
progress_bar_right_text_typography_font-size:16px;
progress_bar_left_text_typography_font-size:24px;
progress_bar_background_color:#d3d3d3;
progress_bar_bar_color:#05253c;
margin-bottom:24px;
progress_bar_left_text_typography_color:color(46);
progress_bar_right_text_typography_color:color(46);
progress_bar_progress:100%;
}
.winery-progressbar-3-bar .oxy-progress-bar-background {
background-color: #d3d3d3;                                }
.winery-progressbar-3-bar .oxy-progress-bar-progress-wrap {
width: 100%;        }
.winery-progressbar-3-bar .oxy-progress-bar-progress {
background-color: #05253c;padding: 8px;animation: oxy_progress_bar_width 4s ease-out 1;                    
}
.winery-progressbar-3-bar .oxy-progress-bar-overlay-text {
font-family: 'Poppins';
font-size: 24px;
color: color(46);
}
.winery-progressbar-3-bar .oxy-progress-bar-overlay-percent {
font-family: 'Poppins';
font-size: 16px;
color: color(46);
}
.oxel_logo_slider {
width:100%;
position:relative;
overflow:hidden;
background-color:#ffffff;
text-align:center;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_logo_slider__logo {
transition-duration:0.1s;
transition-timing-function:ease-in-out;
width:20%;
height:100px;
text-align:center;
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.oxel_logo_slider__logo {
}
}
.oxel_logo_slider__image_carrier {
width:100%;
text-align:left;
flex-shrink:0;
transition-duration:0.1s;
transition-timing-function:linear;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 767px) {
.oxel_logo_slider__image_carrier {
text-align:center;
min-width:900px;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}
.oxel_logo_slider__image_carrier--delay {
}
.secret-sesh-bg {
background-image:linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)), url(https://jnpmerchandising.com/wp-content/uploads/2022/05/1.png);background-size:auto,  200px auto;}
.Subheading {
font-family:Poppins;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:color(8);
font-weight:700;
line-height:1.1;
margin-bottom:12px;
}
.Paragraph {
font-family:Poppins;
margin-bottom:12px;
font-size:16px;
font-weight:400;
color:#555555;
line-height:1.6;
}
@media (max-width: 991px) {
.Paragraph {
}
}
.winery-comments-list {
}
.Heading1 {
font-family:Noto Sans KR;
line-height:1.1;
font-weight:900;
font-size:72px;
color:color(2);
margin-bottom:12px;
}
@media (max-width: 991px) {
.Heading1 {
font-family:Noto Sans KR;
font-size:64px;
}
}
@media (max-width: 479px) {
.Heading1 {
}
}
.post-header {
}
.button-green-outline:hover{
background-color:#000000;
color:#ffffff;
}
.button-green-outline {
background-color :#1e73be;
border: 1px solid #1e73be;
color: #000000;
}.button-green-outline {
background-color:rgba(0,0,0,0);
border-top-color:#000000;
border-right-color:#000000;
border-bottom-color:#000000;
border-left-color:#000000;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-radius:5px;
transition-duration:0.1s;
}
.winery-heading-one {
font-family:Noto Sans KR;
font-size:72px;
font-weight:900;
color:color(2);
line-height:1.1;
}
@media (max-width: 767px) {
.winery-heading-one {
font-size:64px;
}
}
@media (max-width: 479px) {
.winery-heading-one {
font-size:48px;
}
}
.Heading3 {
font-family:Noto Sans KR;
margin-bottom:12px;
line-height:1.1;
font-size:30px;
color:#000000;
font-weight:900;
}
.link {
font-family:Poppins;
color:color(20);
font-size:16px;
line-height:1.6;
}
.winery-other-single-content {
line-height:1.6;
color:#555555;
}
.winery-header-link:hover{
color:#00b5e2;
text-decoration:none;
}
.winery-header-link {
color:#ffffff;
text-decoration:none;
font-size:14px;
font-weight:400;
padding-left:18px;
padding-right:18px;
padding-top:9px;
padding-bottom:9px;
line-height:1.1;
letter-spacing:1px;
transition-duration:0.4s;
}
.footer {
padding-bottom:0px;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
}
.winery-footer-small-text {
font-size:12px;
font-weight:400;
line-height:1.5;
margin-top:0px;
margin-bottom:0px;
}
@media (max-width: 767px) {
.winery-footer-small-text {
}
}
.winery-footerlink {
color:color(6);
}
.winery-text-link {
font-family:Poppins;
color:#00b5e2;
font-size:14px;
font-weight:400;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; line-height:1.5;
}
.winery-events-1-wrapper {
border-top-width:12px;
border-right-width:12px;
border-bottom-width:12px;
border-left-width:12px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:color(13);
border-right-color:color(13);
border-bottom-color:color(13);
border-left-color:color(13);
margin-bottom:36px;
background-color:color(6);
}
.winery-events-1-content-column {
background-image:url(https://winery.oxy.host/wp-content/uploads/sites/34/2018/01/leftflow@2x.png);background-size: auto 280px; text-align:left;
background-color:#ffffff;
background-repeat:no-repeat;
background-position:0px 50%;
}
.winery-events-1-content-column:not(.ct-section):not(.oxy-easy-posts),
.winery-events-1-content-column.oxy-easy-posts .oxy-posts,
.winery-events-1-content-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.winery-restaurant-1-wrapper {
background-size: 320px auto; padding-top:12px;
background-color:#ffffff;
background-repeat:no-repeat;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
background-position:0% 100%;
box-shadow:0px 20px 40px color(14);
}
@media (max-width: 767px) {
.winery-restaurant-1-wrapper {
}
}
.winery-wineboard-1-label {
font-family:Poppins;
font-size:16px;
color:color(12);
font-weight:400;
font-style:italic;
line-height:1.1;
}
.winery-wineboard-1-digits {
font-family:Poppins;
font-size:36px;
font-weight:700;
color:color(2);
}
.winery-blockquote {
}
.winery-story-1-content-column {
text-align:left;
width:50%;
}
.winery-story-1-content-column:not(.ct-section):not(.oxy-easy-posts),
.winery-story-1-content-column.oxy-easy-posts .oxy-posts,
.winery-story-1-content-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 991px) {
.winery-story-1-content-column {
text-align:center;
}
.winery-story-1-content-column:not(.ct-section):not(.oxy-easy-posts),
.winery-story-1-content-column.oxy-easy-posts .oxy-posts,
.winery-story-1-content-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.winery-timeline-1-content-wrapper {
text-align:left;
padding-top:0px;
z-index:100;
background-color:color(6);
position:relative;
margin-top:0px;
box-shadow:0px 20px 40px color(14);
}
.winery-timeline-1-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-timeline-1-content-wrapper.oxy-easy-posts .oxy-posts,
.winery-timeline-1-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 991px) {
.winery-timeline-1-content-wrapper {
}
}
@media (max-width: 767px) {
.winery-timeline-1-content-wrapper {
margin-top:0px;
}
}
.winery-timeline-1-text-wrapper {
padding-left:36px;
padding-top:24px;
padding-right:36px;
padding-bottom:36px;
}
.winery-timeline-1-text-wrapper:not(.ct-section):not(.oxy-easy-posts),
.winery-timeline-1-text-wrapper.oxy-easy-posts .oxy-posts,
.winery-timeline-1-text-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 991px) {
.winery-timeline-1-text-wrapper {
padding-left:5px;
padding-top:0px;
padding-right:25px;
padding-bottom:0px;
}
}
@media (max-width: 767px) {
.winery-timeline-1-text-wrapper {
}
}
.winery-timeline-center-column {
background-image: linear-gradient(90deg, transparent 48%, color(13) 48%, color(13) 52%, transparent 52%); width:NaN%;
}
@media (max-width: 767px) {
.winery-timeline-center-column {
background-image: linear-gradient(90deg, transparent 49%, color(13) 49%, color(13) 51%, transparent 51%);}
}
.winery-timeline-1-label {
font-family:Poppins;
color:color(6);
font-size:12px;
font-weight:400;
background-color:color(22);
line-height:1.1;
letter-spacing:1px;
text-align:center;
padding-top:4px;
padding-left:24px;
padding-right:24px;
padding-bottom:5px;
border-radius:100px;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:color(23);
border-right-color:color(23);
border-bottom-color:color(23);
border-left-color:color(23);
z-index:100;
left:-75%;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 767px) {
.winery-timeline-1-label {
}
}
.wine-preview-wrapper {
padding-left:36px;
padding-right:36px;
padding-top:24px;
padding-bottom:24px;
}
.OutlineButton:hover{
text-decoration:underline;
}
.OutlineButton {
font-family:Poppins;
text-transform:uppercase;
letter-spacing:2px;
text-decoration:none;
border-top-color:color(11);
border-right-color:color(19);
border-bottom-color:color(19);
border-left-color:color(19);
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
padding-right:48px;
padding-top:16px;
padding-bottom:16px;
border-radius:100px;
background-color:color(6);
text-align:center;
font-size:14px;
font-weight:400;
padding-left:48px;
color:#05253c;
}
@media (max-width: 991px) {
.OutlineButton {
padding-left:24px;
padding-right:24px;
}
}
@media (max-width: 479px) {
.OutlineButton {
}
}
.Heading2 {
font-family:Noto Sans KR;
line-height:1.1;
color:color(2);
font-size:48px;
font-weight:900;
margin-bottom:12px;
}
@media (max-width: 991px) {
.Heading2 {
font-size:36px;
}
}
@media (max-width: 767px) {
.Heading2 {
}
}
@media (max-width: 479px) {
.Heading2 {
}
}
.pt-serif {
font-family:Poppins;
font-size:16px;
color:color(12);
}
.price {
font-family:Poppins;
font-size:48px;
color:color(2);
font-weight:700;
}
@media (max-width: 479px) {
.price {
font-size:36px;
}
}
.blockquote {
font-size:16px;
color:color(12);
font-style:italic;
text-align:center;
padding-bottom:12px;
border-top-style:solid;
border-top-color:color(2);
border-top-width:1px;
border-bottom-color:color(2);
border-bottom-style:solid;
border-bottom-width:1px;
padding-left:24px;
padding-right:24px;
padding-top:12px;
}
.winery-rating {
width:120px;
}
.winery-review-avatar {
width:48px;
margin-right:12px;
}
.img-hover:hover{
transform:scale(1.1,1.1);}
.img-hover {
transition-duration:0.2s;
transition-timing-function:ease;
transition-property:all;
}
.main-button:hover{
background-color:#00263e;
text-decoration:none;
color:#ffffff;
}
.main-button {
font-family:Poppins;
background-color:color(15);
color:#ffffff;
text-align:center;
text-transform:uppercase;
text-decoration:none;
border-radius:100px;
padding-left:48px;
padding-right:48px;
padding-top:18px;
font-size:14px;
font-weight:400;
letter-spacing:2px;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
padding-bottom:18px;
transition-duration:0.2s;
transition-timing-function:ease;
transition-property:all;
}
@media (max-width: 479px) {
.main-button:hover{
font-size:12px;
}
}
.background-home-square {
background-image:linear-gradient(rgba(5,37,60,0.94), rgba(5,37,60,0.94)), url(https://jnpmerchandising.com/wp-content/uploads/2022/05/Untitled-design-2022-05-26T141323.522.png);background-size:auto,  cover; height:300px;
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.button-animation-press {
}
.cursive-text-heading:ct_depth{
}
.cursive-text-heading {
font-family:'Cedarville Cursive';
margin-left:36px;
margin-right:36px;
margin-top:0px;
font-size:55px;
margin-bottom:-25px;
color:#00b5e2;
font-weight:700;
}
.oxy-superbox-primary {
}
.oxy-superbox-secondary {
}
.the-miracle-maker__title:ct_depth{
}
.the-miracle-maker__title {
padding-top:21px;
icon_box_heading_typography_font-size:33px;
icon_box_heading:Readily Available;
icon_box_text:The JNP Team is available at your request-NEVER hesitate to contact our team!#merchandisemiraclemakers;
}
.the-miracle-maker__title {
text-align: left;                flex-direction: row;            }
.the-miracle-maker__title .oxy-icon-box-icon {
margin-left: px;
margin-right: 12px;
margin-bottom: 0; margin-top: 0;                align-self: flex-start;            }
.the-miracle-maker__title .oxy-icon-box-heading {
font-size: 33px;
}
.the-miracle-maker__title .oxy-icon-box-text {
align-self: flex-start;            }
.home-video__border:hover{
transform:scale(1.03,1.03); box-shadow:0px 0px 0px 9px #00b5e2;
}
.home-video__border {
border-bottom-color:#05253c;
border-bottom-style:none;
height:98%;
border-bottom-width:10px;
transition-duration:0.4s;
border-top-style:none;
border-right-style:none;
border-left-style:none;
}
.divider-global {
margin-bottom:38px;
width:25%;
background-color:#d1d1d1;
height:2px;
min-height:2px;
max-height:2px;
}
.tabs-5921-tab {
background-color:#05253c;
color:#ffffff;
font-weight:600;
border-right-style:solid;
border-right-color:#00b5e2;
border-right-width:2px;
z-index:2;
}
.tabs-5921-tab-active {
background-color:#ffffff;
color:#000000;
z-index:3;
box-shadow:0px 0px 4px 2px #00b5e2;
}
.tabs-contents-5921-tab {
background-color:#ffffff;
z-index:4;
}
.tabs-5921-text {
}
.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 {
}
.bg--accent-comp {
}
.bg--accent-dark {
}
.bg--accent-hover {
}
.bg--accent-light {
}
.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-medium {
}
.bg--accent-trans-10 {
}
.bg--accent-trans-20 {
}
.bg--accent-trans-40 {
}
.bg--accent-trans-60 {
}
.bg--accent-trans-80 {
}
.bg--accent-trans-90 {
}
.bg--accent-ultra-dark {
}
.bg--accent-ultra-dark-trans-10 {
}
.bg--accent-ultra-dark-trans-20 {
}
.bg--accent-ultra-dark-trans-40 {
}
.bg--accent-ultra-dark-trans-60 {
}
.bg--accent-ultra-dark-trans-80 {
}
.bg--accent-ultra-dark-trans-90 {
}
.bg--accent-ultra-light {
}
.bg--action {
}
.bg--action-comp {
}
.bg--action-dark {
}
.bg--action-hover {
}
.bg--action-light {
}
.bg--action-light-trans-10 {
}
.bg--action-light-trans-20 {
}
.bg--action-light-trans-40 {
}
.bg--action-light-trans-60 {
}
.bg--action-light-trans-80 {
}
.bg--action-light-trans-90 {
}
.bg--action-medium {
}
.bg--action-trans-10 {
}
.bg--action-trans-20 {
}
.bg--action-trans-40 {
}
.bg--action-trans-60 {
}
.bg--action-trans-80 {
}
.bg--action-trans-90 {
}
.bg--action-ultra-dark {
}
.bg--action-ultra-dark-trans-10 {
}
.bg--action-ultra-dark-trans-20 {
}
.bg--action-ultra-dark-trans-40 {
}
.bg--action-ultra-dark-trans-60 {
}
.bg--action-ultra-dark-trans-80 {
}
.bg--action-ultra-dark-trans-90 {
}
.bg--action-ultra-light {
}
.bg--base {
}
.bg--base-comp {
}
.bg--base-dark {
}
.bg--base-hover {
}
.bg--base-light {
}
.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-medium {
}
.bg--base-trans-10 {
}
.bg--base-trans-20 {
}
.bg--base-trans-40 {
}
.bg--base-trans-60 {
}
.bg--base-trans-80 {
}
.bg--base-trans-90 {
}
.bg--base-ultra-dark {
}
.bg--base-ultra-dark-trans-10 {
}
.bg--base-ultra-dark-trans-20 {
}
.bg--base-ultra-dark-trans-40 {
}
.bg--base-ultra-dark-trans-60 {
}
.bg--base-ultra-dark-trans-80 {
}
.bg--base-ultra-dark-trans-90 {
}
.bg--base-ultra-light {
}
.bg--black {
}
.bg--black-trans-10 {
}
.bg--black-trans-20 {
}
.bg--black-trans-40 {
}
.bg--black-trans-60 {
}
.bg--black-trans-80 {
}
.bg--black-trans-90 {
}
.bg--primary {
}
.bg--primary-comp {
}
.bg--primary-dark {
}
.bg--primary-hover {
}
.bg--primary-light {
}
.bg--primary-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-medium {
}
.bg--primary-trans-10 {
}
.bg--primary-trans-20 {
}
.bg--primary-trans-40 {
}
.bg--primary-trans-60 {
}
.bg--primary-trans-80 {
}
.bg--primary-trans-90 {
}
.bg--primary-ultra-dark {
}
.bg--primary-ultra-dark-trans-10 {
}
.bg--primary-ultra-dark-trans-20 {
}
.bg--primary-ultra-dark-trans-40 {
}
.bg--primary-ultra-dark-trans-60 {
}
.bg--primary-ultra-dark-trans-80 {
}
.bg--primary-ultra-dark-trans-90 {
}
.bg--primary-ultra-light {
}
.bg--secondary {
}
.bg--secondary-comp {
}
.bg--secondary-dark {
}
.bg--secondary-hover {
}
.bg--secondary-light {
}
.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-medium {
}
.bg--secondary-trans-10 {
}
.bg--secondary-trans-20 {
}
.bg--secondary-trans-40 {
}
.bg--secondary-trans-60 {
}
.bg--secondary-trans-80 {
}
.bg--secondary-trans-90 {
}
.bg--secondary-ultra-dark {
}
.bg--secondary-ultra-dark-trans-10 {
}
.bg--secondary-ultra-dark-trans-20 {
}
.bg--secondary-ultra-dark-trans-40 {
}
.bg--secondary-ultra-dark-trans-60 {
}
.bg--secondary-ultra-dark-trans-80 {
}
.bg--secondary-ultra-dark-trans-90 {
}
.bg--secondary-ultra-light {
}
.bg--shade-dark {
}
.bg--shade-light {
}
.bg--shade-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-medium {
}
.bg--shade-trans-10 {
}
.bg--shade-trans-20 {
}
.bg--shade-trans-40 {
}
.bg--shade-trans-60 {
}
.bg--shade-trans-80 {
}
.bg--shade-trans-90 {
}
.bg--shade-ultra-dark {
}
.bg--shade-ultra-dark-trans-10 {
}
.bg--shade-ultra-dark-trans-20 {
}
.bg--shade-ultra-dark-trans-40 {
}
.bg--shade-ultra-dark-trans-60 {
}
.bg--shade-ultra-dark-trans-80 {
}
.bg--shade-ultra-dark-trans-90 {
}
.bg--shade-ultra-light {
}
.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 {
}
.box-shadow--l {
}
.box-shadow--m {
}
.box-shadow--xl {
}
.breakout--full {
}
.breakout--l {
}
.breakout--m {
}
.breakout--s {
}
.breakout--xl {
}
.btn--action {
}
.btn--accent {
}
.btn--base {
}
.btn--black {
}
.btn--l {
}
.btn--m {
}
.btn--outline {
}
.btn--primary {
}
.btn--s {
}
.btn--secondary {
}
.btn--white {
}
.btn--xl {
}
.btn--xs {
}
.btn--xxl {
}
.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 {
}
.gap--m-l {
}
.gap--m-m {
}
.gap--m-s {
}
.gap--m-xl {
}
.gap--m-xs {
}
.gap--m-xxl {
}
.gap--s {
}
.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 {
}
.grid--3-1 {
}
.grid--3-2 {
}
.grid--4 {
}
.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-1 {
}
.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--s {
}
.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--l {
}
.margin-top--m {
}
.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--l {
}
.pad--m {
}
.pad--none {
}
.pad--s {
}
.pad--xl {
}
.pad--xs {
}
.pad--xxl {
}
.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 {
}
.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 {
}
.rounded--l {
}
.rounded--m {
}
.rounded--s {
}
.rounded--xl {
}
.rounded--xs {
}
.rounded--xxl {
}
.row-span--2 {
}
.row-span--3 {
}
.row-span--4 {
}
.row-span--5 {
}
.row-span--6 {
}
.row-span--l-1 {
}
.row-span--l-2 {
}
.row-span--l-3 {
}
.row-span--l-4 {
}
.row-span--l-5 {
}
.row-span--l-6 {
}
.row-span--m-1 {
}
.row-span--m-2 {
}
.row-span--m-3 {
}
.row-span--m-4 {
}
.row-span--m-5 {
}
.row-span--m-6 {
}
.row-span--s-1 {
}
.row-span--s-2 {
}
.row-span--s-3 {
}
.row-span--s-4 {
}
.row-span--s-5 {
}
.row-span--s-6 {
}
.row-span--xl-1 {
}
.row-span--xl-2 {
}
.row-span--xl-3 {
}
.row-span--xl-4 {
}
.row-span--xl-5 {
}
.row-span--xl-6 {
}
.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--400 {
}
.text--500 {
}
.text--600 {
}
.text--700 {
}
.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--l {
}
.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--s {
}
.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--xs {
}
.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 {
}
.home-carousel__image {
object-fit:cover;
height:500px;
width:100%;
}
@media (max-width: 991px) {
.home-carousel__image {
height:300px;
}
}
.cell {
}
.typed-heading {
color:#ffffff;
}
.typed-heading:not(.ct-section):not(.oxy-easy-posts),
.typed-heading.oxy-easy-posts .oxy-posts,
.typed-heading.ct-section .ct-section-inner-wrap{
display:inline-block;
}
.heading {
font-size:calc(var(--text-l) * 1.2) ;
text-transform:capitalize;
}
.heading--gradient {
}
.cta-gradient {
}
.link--arrow:hover{
transform:translate(8px);}
.link--arrow {
border-bottom-style:solid;
transition-duration:0.4s;
}
.merch-image {
width:var(--width-xs) ;
}
@media (max-width: 767px) {
.merch-image {
}
}
.inner-div {
width:100%;
height:100%;
}
.team-card:hover{
transform:translateY(-5px);}
.team-card {
padding-top:var(--space-l) ;
padding-right:var(--space-l) ;
padding-bottom:var(--space-l) ;
padding-left:var(--space-l) ;
background-color:#05253c;
border-radius:var(--radius-l) ;
border-bottom-width:5px;
border-bottom-color:#00b5e2;
border-bottom-style:solid;
transition-duration:0.4s;
box-shadow:0px 0px 28px 0px rgba(0,0,0,0.31);
}
.team-card__image {
object-fit:cover;
height:300px;
aspect-ratio:1/1;
z-index:2;
border-top-color:var(--white);
border-right-color:var(--white);
border-bottom-color:var(--white);
border-left-color:var(--white);
border-top-width:3px;
border-right-width:3px;
border-bottom-width:3px;
border-left-width:3px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
object-position:65% 50%;
}
.team-card__heading {
font-size:var(--text-l) ;
color:var(--white);
}
.team-card__position {
font-weight:800;
font-style:italic;
}
.team-card__text {
font-size:var(--text-s) ;
color:var(--white);
}
.team-card__read-more-less:hover{
}
.team-card__read-more-less .oxy-read-more-link:hover{
color: var(--white);
}
.team-card__read-more-less {
}
.team-card__read-more-less .oxy-read-more-inner{
max-height:100px;
--fade-color:#05253c;
--transparent-color:rgba(255,255,255,0);
--fadecolor-percent:0%;
--fade-percent:100%;
}
.team-card__read-more-less .oxy-read-more-link{
font-size: var(--text-s)  ;
font-style: italic;
color: #00b5e2;
}
.team-card__read-more-less .oxy-read-more-inner::after{
transition-duration:368ms;
}
.team-card__image__div:after{
background-color:#00b5e2;
position:absolute;
z-index:1;
right:-25px;
top:-25px;
height:100%;
width:100%;
content:"";
aspect-ratio: 1/1;
}
.team-card__image__div {
position:relative;
margin-bottom:var(--space-xs) ;
max-width:300px;
}
.team-card__image__div:not(.ct-section):not(.oxy-easy-posts),
.team-card__image__div.oxy-easy-posts .oxy-posts,
.team-card__image__div.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
}
.values__heading {
font-size:var(--text-xl) ;
}
.values__text {
text-align:left;
}
.values__button {
font-size:var(--text-l) ;
text-align:left;
}
.values__li {
gap:var(--space-m) ;
}
.values__li:not(.ct-section):not(.oxy-easy-posts),
.values__li.oxy-easy-posts .oxy-posts,
.values__li.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:var(--space-m) ;
}
@media (max-width: 991px) {
.values__li {
text-align:center;
}
.values__li:not(.ct-section):not(.oxy-easy-posts),
.values__li.oxy-easy-posts .oxy-posts,
.values__li.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.values__ul {
gap:var(--space-l) ;
}
.values__ul:not(.ct-section):not(.oxy-easy-posts),
.values__ul.oxy-easy-posts .oxy-posts,
.values__ul.ct-section .ct-section-inner-wrap{
gap:var(--space-l) ;
}
.values__image:before{
width:200px;
position:absolute;
background-color:#00b5e2;
height:300px;
z-index:1;
left:-25px;
bottom:-15px;
content:"";
}
.values__image {
order:-1;
min-width:300px;
position:relative;
}
@media (max-width: 1120px) {
.values__image:before{
left:-15px;
bottom:-5px;
}
}
@media (max-width: 991px) {
.values__image {
width:var(--width-s) ;
}
}
@media (max-width: 767px) {
.values__image {
min-width:100px;
}
}
.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 {
}
.card-alpha__text {
font-size:calc(var(--text-m) * 0.7) ;
text-align:center;
font-weight:800;
}
@media (max-width: 1120px) {
.card-alpha__text {
font-size:var(--text-m) ;
}
}
.card-alpha__icon {
}
.card-alpha {
background-color:#ffffff;
padding-top:var(--space-s) ;
padding-right:var(--space-s) ;
padding-bottom:var(--space-s) ;
padding-left:var(--space-s) ;
border-radius:var(--radius-m) ;
gap:var(--space-s) ;
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.53);
}
.card-alpha:not(.ct-section):not(.oxy-easy-posts),
.card-alpha.oxy-easy-posts .oxy-posts,
.card-alpha.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
gap:var(--space-s) ;
}
.card-alpha__image {
order:-1;
height:200px;
object-fit:contain;
border-radius:var(--radius-m) ;
}
.image-slider {
}
.card-beta {
}
.card-beta:not(.ct-section):not(.oxy-easy-posts),
.card-beta.oxy-easy-posts .oxy-posts,
.card-beta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.card-beta__heading {
color:var(--white);
text-transform:capitalize;
font-size:var(--text-l) ;
}
.card-beta__text {
color:var(--white);
margin-bottom:0px;
margin-top:0px;
font-size:calc(var(--text-m) * 0.8) ;
}
.card-beta__image {
order:-1;
border-radius:var(--radius-m) ;
margin-bottom:var(--space-m) ;
height:300px;
box-shadow:10px 10px 0px 4px #ffffff;
}
.card-beta__lede {
order:-1;
margin-bottom:0px;
margin-top:0px;
font-weight:200;
font-style:italic;
}
.card-beta--alt {
background-color:#05253c;
padding-top:var(--space-s) ;
padding-right:var(--space-s) ;
padding-bottom:var(--space-s) ;
padding-left:var(--space-s) ;
gap:var(--space-xs) ;
border-radius:var(--radius-m) ;
position:relative;
height:100%;
}
.card-beta--alt:not(.ct-section):not(.oxy-easy-posts),
.card-beta--alt.oxy-easy-posts .oxy-posts,
.card-beta--alt.ct-section .ct-section-inner-wrap{
gap:var(--space-xs) ;
}
.card-beta__heading--alt {
font-size:calc(var(--text-m) * 1.2) ;
}
.card-beta__image--alt {
height:200px;
}
.card-beta__video {
order:-1;
height:300px;
margin-bottom:var(--space-s) ;
}
.card-beta__number {
color:#05253c;
width:50px;
height:50px;
text-align:center;
background-color:var(--white);
border-radius:100vmax ;
font-weight:800;
position:absolute;
right:var(--space-s) ;
top:var(--space-s)px;
}
.card-beta__number:not(.ct-section):not(.oxy-easy-posts),
.card-beta__number.oxy-easy-posts .oxy-posts,
.card-beta__number.ct-section .ct-section-inner-wrap{
display:flex;
flex-wrap:nowrap;
align-items:center;
align-content:center;
justify-content:center;
}
.pillow-card {
}
.pillow-card:not(.ct-section):not(.oxy-easy-posts),
.pillow-card.oxy-easy-posts .oxy-posts,
.pillow-card.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: center;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: var(--space-l) ;grid-row-gap: var(--space-l)px;}
@media (max-width: 767px) {
.pillow-card {
}
.pillow-card:not(.ct-section):not(.oxy-easy-posts),
.pillow-card.oxy-easy-posts .oxy-posts,
.pillow-card.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.pillow-card__title {
font-size:calc(var(--text-xl) * 0.8) ;
}
.pillow-card__text {
}
.pillow-card__image {
width:100%;
}
.pillow-card__image-wrapper {
order:-1;
}
.pillow-card__content {
gap:var(--space-s) ;
}
.pillow-card__content:not(.ct-section):not(.oxy-easy-posts),
.pillow-card__content.oxy-easy-posts .oxy-posts,
.pillow-card__content.ct-section .ct-section-inner-wrap{
gap:var(--space-s) ;
}
.pillow-process {
gap:var(--space-l) ;
}
.pillow-process:not(.ct-section):not(.oxy-easy-posts),
.pillow-process.oxy-easy-posts .oxy-posts,
.pillow-process.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:var(--space-l) ;
}
@media (max-width: 479px) {
.pillow-process {
gap:var(--space-s) ;
}
.pillow-process:not(.ct-section):not(.oxy-easy-posts),
.pillow-process.oxy-easy-posts .oxy-posts,
.pillow-process.ct-section .ct-section-inner-wrap{
gap:var(--space-s) ;
}
}
.pillow-process__content {
gap:calc(var(--space-xs) * 0.6) ;
}
.pillow-process__content:not(.ct-section):not(.oxy-easy-posts),
.pillow-process__content.oxy-easy-posts .oxy-posts,
.pillow-process__content.ct-section .ct-section-inner-wrap{
gap:calc(var(--space-xs) * 0.6) ;
}
.pillow-process__heading {
color:var(--white);
font-size:calc(var(--text-l) * 0.8) ;
}
.pillow-process__text {
color:var(--white);
font-size:calc(var(--text-s) * 1.2) ;
}
@media (max-width: 479px) {
.pillow-process__text {
font-size:var(--text-s) ;
}
}
.pillow-process__icon {
transform:translate(-50%); color:var(--white);
font-size:calc(var(--text-xl) * 0.6) ;
position:absolute;
left:50%;
font-weight:700;
}
.pillow-process__icon-wrapper {
order:-1;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-radius:100vmax ;
width:50px;
height:50px;
border-top-color:var(--white);
border-right-color:var(--white);
border-bottom-color:var(--white);
border-left-color:var(--white);
position:relative;
padding-top:var(--space-l) ;
padding-right:var(--space-l) ;
padding-bottom:var(--space-l) ;
padding-left:var(--space-l) ;
}
.pillow-process__icon-wrapper:not(.ct-section):not(.oxy-easy-posts),
.pillow-process__icon-wrapper.oxy-easy-posts .oxy-posts,
.pillow-process__icon-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.pillow-carousel__image {
height:200px;
object-fit:cover;
}
.burger-menu__icon:hover{
color: #00b5e2;}.burger-menu__icon:hover{
}
.burger-menu__icon {
color: var(--white);}.burger-menu__icon 
>svg {width: 55px;height: 55px;}.burger-menu__icon {
transition-duration:0.3s;
}
@media (max-width: 479px) {
.burger-menu__icon {
}.burger-menu__icon 
>svg {width: 45px;height: 45px;}.burger-menu__icon {
}
}
.promo-products__card {
}
.promo-products {
border-radius:var(--radius-m) ;
overflow:hidden;
background-color:#efefef;
box-shadow:10px 10px 0px 0px #00b5e2;
}
.promo-products:not(.ct-section):not(.oxy-easy-posts),
.promo-products.oxy-easy-posts .oxy-posts,
.promo-products.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.promo-products__heading {
padding-top:var(--space-xs) ;
padding-bottom:var(--space-xs) ;
font-size:--text-lpx;
}
.promo-products__grid {
}
@media (max-width: 479px) {
.promo-products__grid {
}
}
.promo-products__card--alt {
width:100%;
height:200px;
object-fit:cover;
}
.promo-products__text {
text-align:center;
padding-left:var(--space-m) ;
padding-right:var(--space-m) ;
padding-bottom:var(--space-s) ;
}
.promo-products__heading--alt {
font-size:var(--text-l) ;
}
.promo-products--alt {
}
.promo-products--alt:not(.ct-section):not(.oxy-easy-posts),
.promo-products--alt.oxy-easy-posts .oxy-posts,
.promo-products--alt.ct-section .ct-section-inner-wrap{
display:flex;
}
.balance {
}
@media (max-width: 767px) {
.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 {
}
.custom-football__title {
font-size:var(--text-l) ;
}
.custom-football__desc {
}
.custom-football__iage {
width:100%;
object-fit:cover;
}
.custom-football {
background-color:#efefef;
border-radius:var(--radius-m) ;
overflow:hidden;
height:100%;
}
.custom-football__content {
padding-bottom:var(--space-s) ;
padding-top:var(--space-s) ;
padding-right:var(--space-s) ;
padding-left:var(--space-s) ;
}
.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 {
}
.oxy-close-modal {
}
.text--light-muted {
}
.text--light {
}
.text--dark {
}
.text--dark-muted {
}
.bg--ultra-light {
}
.bg--light {
}
.bg--dark {
}
.bg--ultra-dark {
}
.masonry {
}
.masonry--1 {
}
.masonry--2 {
}
.masonry--3 {
}
.masonry--4 {
}
.masonry--5 {
}
.masonry--xl-1 {
}
.masonry--xl-2 {
}
.masonry--xl-3 {
}
.masonry--xl-4 {
}
.masonry--xl-5 {
}
.masonry--l-1 {
}
.masonry--l-2 {
}
.masonry--l-3 {
}
.masonry--l-4 {
}
.masonry--l-5 {
}
.masonry--m-1 {
}
.masonry--m-2 {
}
.masonry--m-3 {
}
.masonry--m-4 {
}
.masonry--m-5 {
}
.masonry--s-1 {
}
.masonry--s-2 {
}
.masonry--s-3 {
}
.masonry--s-4 {
}
.masonry--s-5 {
}
.row-gap--xs {
}
.row-gap--s {
}
.row-gap--m {
}
.row-gap--l {
}
.row-gap--xl {
}
.row-gap--xxl {
}
.row-gap--xl-xs {
}
.row-gap--l-xs {
}
.row-gap--m-xs {
}
.row-gap--s-xs {
}
.row-gap--xl-s {
}
.row-gap--l-s {
}
.row-gap--m-s {
}
.row-gap--s-s {
}
.row-gap--xl-m {
}
.row-gap--l-m {
}
.row-gap--m-m {
}
.row-gap--s-m {
}
.row-gap--xl-l {
}
.row-gap--l-l {
}
.row-gap--m-l {
}
.row-gap--s-l {
}
.row-gap--xl-xl {
}
.row-gap--l-xl {
}
.row-gap--m-xl {
}
.row-gap--s-xl {
}
.row-gap--xl-xxl {
}
.row-gap--l-xxl {
}
.row-gap--m-xxl {
}
.row-gap--s-xxl {
}
.content-grid {
}
.content--feature {
}
.content--feature-max {
}
.content--full {
}
.content--full-safe {
}
.variable-grid {
}
.gap--none {
}
.grid--xxl-1 {
}
.grid--xxl-2 {
}
.grid--xxl-3 {
}
.grid--xxl-4 {
}
.grid--s-5 {
}
.grid--m-5 {
}
.grid--xxl-5 {
}
.grid--s-6 {
}
.grid--m-6 {
}
.grid--l-6 {
}
.grid--xl-6 {
}
.grid--xxl-6 {
}
.grid--7 {
}
.grid--s-7 {
}
.grid--m-7 {
}
.grid--l-7 {
}
.grid--xl-7 {
}
.grid--xxl-7 {
}
.grid--8 {
}
.grid--s-8 {
}
.grid--m-8 {
}
.grid--l-8 {
}
.grid--xl-8 {
}
.grid--xxl-8 {
}
.grid--9 {
}
.grid--s-9 {
}
.grid--m-9 {
}
.grid--l-9 {
}
.grid--xl-9 {
}
.grid--xxl-9 {
}
.grid--10 {
}
.grid--s-10 {
}
.grid--m-10 {
}
.grid--l-10 {
}
.grid--xl-10 {
}
.grid--xxl-10 {
}
.grid--11 {
}
.grid--s-11 {
}
.grid--m-11 {
}
.grid--l-11 {
}
.grid--xl-11 {
}
.grid--xxl-11 {
}
.grid--12 {
}
.grid--s-12 {
}
.grid--m-12 {
}
.grid--l-12 {
}
.grid--xl-12 {
}
.grid--xxl-12 {
}
.grid--auto-rows {
}
.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--xs-1 {
}
.masonry--xxl-1 {
}
.masonry--xs-2 {
}
.masonry--xxl-2 {
}
.masonry--xs-3 {
}
.masonry--xxl-3 {
}
.masonry--xs-4 {
}
.masonry--xxl-4 {
}
.masonry--xs-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 {
}
.row-gap--xs-xs {
}
.row-gap--xxl-xs {
}
.row-gap--xs-s {
}
.row-gap--xxl-s {
}
.row-gap--xs-m {
}
.row-gap--xxl-m {
}
.row-gap--xs-l {
}
.row-gap--xxl-l {
}
.row-gap--xs-xl {
}
.row-gap--xxl-xl {
}
.row-gap--xs-xxl {
}
.row-gap--xxl-xxl {
}
.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--action-dark-trans-90 {
}
.bg--action-dark-trans-80 {
}
.bg--action-dark-trans-70 {
}
.bg--action-dark-trans-60 {
}
.bg--action-dark-trans-50 {
}
.bg--action-dark-trans-40 {
}
.bg--action-dark-trans-30 {
}
.bg--action-dark-trans-20 {
}
.bg--action-dark-trans-10 {
}
.bg--primary-dark-trans-90 {
}
.bg--primary-dark-trans-80 {
}
.bg--primary-dark-trans-70 {
}
.bg--primary-dark-trans-60 {
}
.bg--primary-dark-trans-50 {
}
.bg--primary-dark-trans-40 {
}
.bg--primary-dark-trans-30 {
}
.bg--primary-dark-trans-20 {
}
.bg--primary-dark-trans-10 {
}
.bg--secondary-dark-trans-90 {
}
.bg--secondary-dark-trans-80 {
}
.bg--secondary-dark-trans-70 {
}
.bg--secondary-dark-trans-60 {
}
.bg--secondary-dark-trans-50 {
}
.bg--secondary-dark-trans-40 {
}
.bg--secondary-dark-trans-30 {
}
.bg--secondary-dark-trans-20 {
}
.bg--secondary-dark-trans-10 {
}
.bg--accent-dark-trans-90 {
}
.bg--accent-dark-trans-80 {
}
.bg--accent-dark-trans-70 {
}
.bg--accent-dark-trans-60 {
}
.bg--accent-dark-trans-50 {
}
.bg--accent-dark-trans-40 {
}
.bg--accent-dark-trans-30 {
}
.bg--accent-dark-trans-20 {
}
.bg--accent-dark-trans-10 {
}
.bg--base-dark-trans-90 {
}
.bg--base-dark-trans-80 {
}
.bg--base-dark-trans-70 {
}
.bg--base-dark-trans-60 {
}
.bg--base-dark-trans-50 {
}
.bg--base-dark-trans-40 {
}
.bg--base-dark-trans-30 {
}
.bg--base-dark-trans-20 {
}
.bg--base-dark-trans-10 {
}
.bg--neutral-dark-trans-90 {
}
.bg--neutral-dark-trans-80 {
}
.bg--neutral-dark-trans-70 {
}
.bg--neutral-dark-trans-60 {
}
.bg--neutral-dark-trans-50 {
}
.bg--neutral-dark-trans-40 {
}
.bg--neutral-dark-trans-30 {
}
.bg--neutral-dark-trans-20 {
}
.bg--neutral-dark-trans-10 {
}
.bg--shade-dark-trans-90 {
}
.bg--shade-dark-trans-80 {
}
.bg--shade-dark-trans-70 {
}
.bg--shade-dark-trans-60 {
}
.bg--shade-dark-trans-50 {
}
.bg--shade-dark-trans-40 {
}
.bg--shade-dark-trans-30 {
}
.bg--shade-dark-trans-20 {
}
.bg--shade-dark-trans-10 {
}
.bg--shade {
}
.bg--shade-comp {
}
.bg--shade-hover {
}
.bg--black-trans-70 {
}
.bg--black-trans-50 {
}
.bg--black-trans-30 {
}
.bg--white-trans-70 {
}
.bg--white-trans-50 {
}
.bg--white-trans-30 {
}
.bg--success-dark {
}
.bg--success-hover {
}
.bg--danger-dark {
}
.bg--danger-hover {
}
.bg--warning-dark {
}
.bg--warning-hover {
}
.bg--info-dark {
}
.bg--info-hover {
}
.overlay--action-dark-trans-90 {
}
.overlay--action-dark-trans-80 {
}
.overlay--action-dark-trans-60 {
}
.overlay--action-dark-trans-30 {
}
.overlay--action-dark-trans-50 {
}
.overlay--action-dark-trans-40 {
}
.overlay--action-dark-trans-70 {
}
.overlay--action-dark-trans-20 {
}
.overlay--action-dark-trans-10 {
}
.overlay--primary-dark-trans-90 {
}
.overlay--primary-dark-trans-80 {
}
.overlay--primary-dark-trans-60 {
}
.overlay--primary-dark-trans-30 {
}
.overlay--primary-dark-trans-50 {
}
.overlay--primary-dark-trans-40 {
}
.overlay--primary-dark-trans-70 {
}
.overlay--primary-dark-trans-20 {
}
.overlay--primary-dark-trans-10 {
}
.overlay--secondary-dark-trans-90 {
}
.overlay--secondary-dark-trans-80 {
}
.overlay--secondary-dark-trans-60 {
}
.overlay--secondary-dark-trans-30 {
}
.overlay--secondary-dark-trans-50 {
}
.overlay--secondary-dark-trans-40 {
}
.overlay--secondary-dark-trans-70 {
}
.overlay--secondary-dark-trans-20 {
}
.overlay--secondary-dark-trans-10 {
}
.overlay--accent-dark-trans-90 {
}
.overlay--accent-dark-trans-80 {
}
.overlay--accent-dark-trans-60 {
}
.overlay--accent-dark-trans-30 {
}
.overlay--accent-dark-trans-50 {
}
.overlay--accent-dark-trans-40 {
}
.overlay--accent-dark-trans-70 {
}
.overlay--accent-dark-trans-20 {
}
.overlay--accent-dark-trans-10 {
}
.overlay--base-dark-trans-90 {
}
.overlay--base-dark-trans-80 {
}
.overlay--base-dark-trans-60 {
}
.overlay--base-dark-trans-30 {
}
.overlay--base-dark-trans-50 {
}
.overlay--base-dark-trans-40 {
}
.overlay--base-dark-trans-70 {
}
.overlay--base-dark-trans-20 {
}
.overlay--base-dark-trans-10 {
}
.overlay--neutral-ultra-dark-trans-90 {
}
.overlay--neutral-ultra-dark-trans-80 {
}
.overlay--neutral-ultra-dark-trans-60 {
}
.overlay--neutral-ultra-dark-trans-40 {
}
.overlay--neutral-ultra-dark-trans-20 {
}
.overlay--neutral-ultra-dark-trans-10 {
}
.overlay--neutral-dark-trans-90 {
}
.overlay--neutral-dark-trans-80 {
}
.overlay--neutral-dark-trans-60 {
}
.overlay--neutral-dark-trans-30 {
}
.overlay--neutral-dark-trans-50 {
}
.overlay--neutral-dark-trans-40 {
}
.overlay--neutral-dark-trans-70 {
}
.overlay--neutral-dark-trans-20 {
}
.overlay--neutral-dark-trans-10 {
}
.overlay--neutral-trans-90 {
}
.overlay--neutral-trans-80 {
}
.overlay--neutral-trans-60 {
}
.overlay--neutral-trans-40 {
}
.overlay--neutral-trans-20 {
}
.overlay--neutral-trans-10 {
}
.overlay--neutral-light-trans-90 {
}
.overlay--neutral-light-trans-80 {
}
.overlay--neutral-light-trans-60 {
}
.overlay--neutral-light-trans-40 {
}
.overlay--neutral-light-trans-20 {
}
.overlay--neutral-light-trans-10 {
}
.overlay--shade-ultra-dark-trans-90 {
}
.overlay--shade-ultra-dark-trans-80 {
}
.overlay--shade-ultra-dark-trans-60 {
}
.overlay--shade-ultra-dark-trans-40 {
}
.overlay--shade-ultra-dark-trans-20 {
}
.overlay--shade-ultra-dark-trans-10 {
}
.overlay--shade-dark-trans-90 {
}
.overlay--shade-dark-trans-80 {
}
.overlay--shade-dark-trans-60 {
}
.overlay--shade-dark-trans-30 {
}
.overlay--shade-dark-trans-50 {
}
.overlay--shade-dark-trans-40 {
}
.overlay--shade-dark-trans-70 {
}
.overlay--shade-dark-trans-20 {
}
.overlay--shade-dark-trans-10 {
}
.overlay--shade-trans-90 {
}
.overlay--shade-trans-80 {
}
.overlay--shade-trans-60 {
}
.overlay--shade-trans-40 {
}
.overlay--shade-trans-20 {
}
.overlay--shade-trans-10 {
}
.overlay--shade-light-trans-90 {
}
.overlay--shade-light-trans-80 {
}
.overlay--shade-light-trans-60 {
}
.overlay--shade-light-trans-40 {
}
.overlay--shade-light-trans-20 {
}
.overlay--shade-light-trans-10 {
}
.overlay--black-trans-70 {
}
.overlay--black-trans-50 {
}
.overlay--black-trans-30 {
}
.overlay--white-trans-70 {
}
.overlay--white-trans-50 {
}
.overlay--white-trans-30 {
}
.btn--clear {
}
.skip-link {
}
.link--action-comp {
}
.link--action-hover {
}
.link--primary-comp {
}
.link--primary-hover {
}
.link--secondary-comp {
}
.link--secondary-hover {
}
.link--accent-comp {
}
.link--accent-hover {
}
.link--base-comp {
}
.link--base-hover {
}
.link--neutral-comp {
}
.link--neutral-hover {
}
.link--shade-comp {
}
.link--shade-hover {
}
.link--success-dark {
}
.link--success-hover {
}
.link--danger-dark {
}
.link--danger-hover {
}
.link--warning-dark {
}
.link--warning-hover {
}
.link--info-dark {
}
.link--info-hover {
}
.aspect--xs-1-1 {
}
.aspect--xxl-1-1 {
}
.aspect--xs-1-2 {
}
.aspect--xxl-1-2 {
}
.aspect--xs-2-1 {
}
.aspect--xxl-2-1 {
}
.aspect--xs-2-3 {
}
.aspect--xxl-2-3 {
}
.aspect--xs-3-2 {
}
.aspect--xxl-3-2 {
}
.aspect--xs-3-4 {
}
.aspect--xxl-3-4 {
}
.aspect--xs-4-3 {
}
.aspect--xxl-4-3 {
}
.aspect--xs-16-9 {
}
.aspect--xxl-16-9 {
}
.aspect--xs-9-16 {
}
.aspect--xxl-9-16 {
}
.flip--both {
}
.selection--alt {
}
.radius--xs {
}
.radius--s {
}
.radius--m {
}
.radius--l {
}
.radius--xl {
}
.radius--xxl {
}
.radius--50 {
}
.radius--circle {
}
.marker--action-hover {
}
.marker--primary-hover {
}
.marker--secondary-hover {
}
.marker--accent-hover {
}
.marker--base-hover {
}
.marker--neutral-hover {
}
.marker--shade-hover {
}
.marker--white {
}
.marker--black {
}
.col-count--xs-1 {
}
.col-count--xxl-1 {
}
.col-count--xs-2 {
}
.col-count--xxl-2 {
}
.col-count--xs-3 {
}
.col-count--xxl-3 {
}
.col-count--xs-4 {
}
.col-count--xxl-4 {
}
.col-count--xs-5 {
}
.col-count--xxl-5 {
}
.col-rule--action-comp {
}
.col-rule--action-hover {
}
.col-rule--primary-comp {
}
.col-rule--primary-hover {
}
.col-rule--secondary-comp {
}
.col-rule--secondary-hover {
}
.col-rule--accent-comp {
}
.col-rule--accent-hover {
}
.col-rule--base-comp {
}
.col-rule--base-hover {
}
.col-rule--neutral-comp {
}
.col-rule--neutral-hover {
}
.col-rule--shade-comp {
}
.col-rule--shade-hover {
}
.col-rule--white {
}
.fr-bg--light {
}
.fr-bg--dark {
}
.fr-text--light {
}
.fr-text--dark {
}
.fr-hero-padding {
}
.fr-lede {
}
.fr-container-gap {
}
.fr-content-gap {
}
.fr-grid-gap {
}
.focus--action-ultra-dark {
}
.focus--action-dark {
}
.focus--action-medium {
}
.focus--action-light {
}
.focus--action-ultra-light {
}
.focus--primary-ultra-dark {
}
.focus--primary-dark {
}
.focus--primary-medium {
}
.focus--primary-light {
}
.focus--primary-ultra-light {
}
.focus--secondary-ultra-dark {
}
.focus--secondary-dark {
}
.focus--secondary-medium {
}
.focus--secondary-light {
}
.focus--secondary-ultra-light {
}
.focus--accent-ultra-dark {
}
.focus--accent-dark {
}
.focus--accent-medium {
}
.focus--accent-light {
}
.focus--accent-ultra-light {
}
.focus--base-ultra-dark {
}
.focus--base-dark {
}
.focus--base-medium {
}
.focus--base-light {
}
.focus--base-ultra-light {
}
.focus--neutral-ultra-dark {
}
.focus--neutral-dark {
}
.focus--neutral-medium {
}
.focus--neutral-light {
}
.focus--neutral-ultra-light {
}
.focus--shade-ultra-dark {
}
.focus--shade-dark {
}
.focus--shade-medium {
}
.focus--shade-light {
}
.focus--shade-ultra-light {
}
.text--serices {
font-size:15px;
}
.btn--phone {
}
.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 {
}
.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 {
}
.grid--auto-7 {
}
.grid--auto-8 {
}
.grid--auto-9 {
}
.grid--auto-10 {
}
.grid--auto-11 {
}
.grid--auto-12 {
}
.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 {
}
.divider--all {
}
.divider-top {
}
.divider-bottom {
}
.border {
}
.border-light {
}
.border-dark {
}
.border-top {
}
.border-top--dark {
}
.border-top--light {
}
.border-right {
}
.border-right--dark {
}
.border-right--light {
}
.border-bottom {
}
.border-bottom--dark {
}
.border-bottom--light {
}
.border-left {
}
.border-left--dark {
}
.border-left--light {
}
.border-block {
}
.border-block--dark {
}
.border-block--light {
}
.border-inline {
}
.border-inline--dark {
}
.border-inline--light {
}
.margin-block--xs {
}
.margin-block--s {
}
.margin-block--m {
}
.margin-block--l {
}
.margin-block--xl {
}
.margin-block--xxl {
}
.margin-inline--xs {
}
.margin-inline--s {
}
.margin-inline--m {
}
.margin-inline--l {
}
.margin-inline--xl {
}
.margin-inline--xxl {
}
.texture-1 {
}
.texture-2 {
}
.texture-3 {
}
.texture-4 {
}
.texture-5 {
}
.overlay-1 {
}
.overlay-2 {
}
.overlay-3 {
}
.overlay-4 {
}
.overlay-5 {
}
.icon-list {
}
.grid--auto-fill {
}
.grid--auto-fit {
}
.grid--stack-even {
}
.grid--stack-even-xxl {
}
.grid--stack-even-xl {
}
.grid--stack-even-l {
}
.grid--stack-even-m {
}
.grid--stack-even-s {
}
.grid--stack-even-xs {
}
.grid--stack-any {
}
.grid--stack-any-xxl {
}
.grid--stack-any-xl {
}
.grid--stack-any-l {
}
.grid--stack-any-m {
}
.grid--stack-any-s {
}
.grid--stack-any-xs {
}
.is-bg {
}
.fade--block {
}
.fade--inline {
}
.fade--top {
}
.fade--right {
}
.fade--bottom {
}
.fade--left {
}
.icon--boxed {
}
.icon--naked {
}
.icon--s {
}
.icon--m {
}
.icon--l {
}
.justify-content--start-s {
}
.justify-content--start-m {
}
.justify-content--start-l {
}
.justify-content--start-xl {
}
.justify-content--end-s {
}
.justify-content--end-m {
}
.justify-content--end-l {
}
.justify-content--end-xl {
}
.justify-content--center-s {
}
.justify-content--center-m {
}
.justify-content--center-l {
}
.justify-content--center-xl {
}
.justify-content--between-s {
}
.justify-content--between-m {
}
.justify-content--between-l {
}
.justify-content--between-xl {
}
.justify-content--around-s {
}
.justify-content--around-m {
}
.justify-content--around-l {
}
.justify-content--around-xl {
}
.justify-content--stretch-s {
}
.justify-content--stretch-m {
}
.justify-content--stretch-l {
}
.justify-content--stretch-xl {
}
.justify-items--start-s {
}
.justify-items--start-m {
}
.justify-items--start-l {
}
.justify-items--start-xl {
}
.justify-items--end-s {
}
.justify-items--end-m {
}
.justify-items--end-l {
}
.justify-items--end-xl {
}
.justify-items--center-s {
}
.justify-items--center-m {
}
.justify-items--center-l {
}
.justify-items--center-xl {
}
.justify-items--stretch-s {
}
.justify-items--stretch-m {
}
.justify-items--stretch-l {
}
.justify-items--stretch-xl {
}
.align-content--start-s {
}
.align-content--start-m {
}
.align-content--start-l {
}
.align-content--start-xl {
}
.align-content--end-s {
}
.align-content--end-m {
}
.align-content--end-l {
}
.align-content--end-xl {
}
.align-content--center-s {
}
.align-content--center-m {
}
.align-content--center-l {
}
.align-content--center-xl {
}
.align-content--baseline-s {
}
.align-content--baseline-m {
}
.align-content--baseline-l {
}
.align-content--baseline-xl {
}
.align-content--stretch-s {
}
.align-content--stretch-m {
}
.align-content--stretch-l {
}
.align-content--stretch-xl {
}
.align-items--start-s {
}
.align-items--start-m {
}
.align-items--start-l {
}
.align-items--start-xl {
}
.align-items--end-s {
}
.align-items--end-m {
}
.align-items--end-l {
}
.align-items--end-xl {
}
.align-items--center-s {
}
.align-items--center-m {
}
.align-items--center-l {
}
.align-items--center-xl {
}
.align-items--baseline-s {
}
.align-items--baseline-m {
}
.align-items--baseline-l {
}
.align-items--baseline-xl {
}
.align-items--stretch-s {
}
.align-items--stretch-m {
}
.align-items--stretch-l {
}
.align-items--stretch-xl {
}
.self--start-s {
}
.self--start-m {
}
.self--start-l {
}
.self--start-xl {
}
.self--end-s {
}
.self--end-m {
}
.self--end-l {
}
.self--end-xl {
}
.self--center-s {
}
.self--center-m {
}
.self--center-l {
}
.self--center-xl {
}
.self--stretch-s {
}
.self--stretch-m {
}
.self--stretch-l {
}
.self--stretch-xl {
}
.line-clamp--1 {
}
.line-clamp--2 {
}
.line-clamp--3 {
}
.line-clamp--4 {
}
.line-clamp--5 {
}
.line-clamp--custom {
}
.icon--light {
}
.icon--dark {
}
.icon--xs {
}
.icon--xl {
}
.icon--xxl {
} @media (max-width: 1490px) {
#_nav_menu-199-571 {
display: none;
}
}
.burger-menu__icon {
display: none !important;
} @media (max-width: 1490px) {
.burger-menu__icon {
display: block !important;
}
}body, body.acss-boxed-layout {
font-size: var(--text-m);
line-height: var(--text-m-lh);
color: var(--body-color, var(--black));
}
.ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.oxy-header-container {
padding-inline: var(--section-padding-x);
}
:where(section:not(section section)) {
padding: 0 !important;
}
:focus {
outline: none;
box-shadow: none;
}
:focus-visible {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
}
*:focus.focus--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--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--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--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(--secondary);
--btn-text-color: var(--white);
--btn-text-color-hover: var(--white);
--btn-border-color: var(--primary);
--btn-border-color-hover: transparent;
--focus-color: var(--primary-dark);
}
@media (hover: hover) and (pointer: fine) {
.link--skip:hover, .ct-link-text.link--skip:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.link--skip:focus, .ct-link-text.link--skip:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.link--skip:focus, .ct-link-text.link--skip:focus {
transform: translateY(0);
}
.clickable-parent:not(a) {
position: static;
}
.clickable-parent:not(a) a {
position: static;
}
.clickable-parent:not(a) > a::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
button.clickable-parent, a.clickable-parent {
position: static !important;
}
button.clickable-parent::after, a.clickable-parent::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
#ct-builder a.clickable-parent::after, #ct-builder .clickable-parent > a::after {
content: "";
position: relative;
}
body {
color: var(--body-color, var(--black));
background-color: var(--body-bg-color, var(--white));
}
html:has(body.boxed-layout) {
background-color: var(--device-bg-color, var(--white));
}
body {
font-size: var(--default-font-size, var(--text-m));
color: var(--text-color);
line-height: var(--text-line-height);
text-wrap: var(--text-text-wrap);
}
p, li {
line-height: var(--text-line-height, calc(1.8));
}
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);
text-wrap: var(--heading-text-wrap);
}
h1 {
font-size: var(--h1);
max-width: var(--h1-max-width);
}
h2 {
font-size: var(--h2);
max-width: var(--h2-max-width);
}
h3 {
font-size: var(--h3);
max-width: var(--h3-max-width);
}
h4 {
font-size: var(--h4);
line-height: var(--h4-line-height);
max-width: var(--h4-max-width);
}
h5 {
font-size: var(--h5);
max-width: var(--h5-max-width);
}
h6 {
font-size: var(--h6);
max-width: var(--h6-max-width);
}
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(--secondary);
--btn-text-color: var(--white);
--btn-text-color-hover: var(--white);
--btn-border-color: var(--primary);
--btn-border-color-hover: transparent;
--focus-color: var(--primary-dark);
}
.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: 2.5;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--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: 2.5;
--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(--white);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--black);
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--white);
--focus-color: var(--secondary-dark);
}
.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: 2.5;
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--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: 2.5;
--btn-border-color: var(--secondary-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-dark);
}
.btn--neutral {
--btn-background: var(--neutral);
--btn-background-hover: var(--neutral-light);
--btn-text-color: var(--neutral-light);
--btn-text-color-hover: var(--neutral);
--btn-border-color: var(--neutral);
--btn-border-color-hover: var(--neutral-dark);
--focus-color: var(--primary);
}
.btn--neutral-dark {
--btn-background: var(--neutral-dark);
--btn-background-hover: var(--neutral-ultra-dark);
--btn-text-color: var(--neutral-ultra-light);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-color: var(--neutral-dark);
--btn-border-color-hover: var(--neutral-ultra-dark);
--focus-color: var(--neutral-semi-dark);
}
.btn--neutral-light {
--btn-background: var(--neutral-ultra-light);
--btn-background-hover: var(--neutral);
--btn-text-color: var(--neutral);
--btn-text-color-hover: var(--neutral-light);
--btn-border-color: var(--neutral-light);
--btn-border-color-hover: var(--neutral-light);
--focus-color: var(--neutral-light);
}
.btn--neutral.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--neutral-hover);
--btn-text-color: var(--neutral);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-width: 2.5;
--btn-border-color: var(--neutral);
--btn-border-color-hover: var(--neutral-hover);
--focus-color: var(--neutral-semi-light);
}
.btn--neutral-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--neutral-dark);
--btn-text-color: var(--neutral-dark);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-width: 2.5;
--btn-border-color: var(--neutral-dark);
--btn-border-color-hover: var(--neutral-dark);
--focus-color: var(--neutral-semi-dark);
}
.btn--neutral-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--neutral-light);
--btn-text-color: var(--neutral-light);
--btn-text-color-hover: var(--neutral);
--btn-border-width: 2.5;
--btn-border-color: var(--neutral-light);
--btn-border-color-hover: var(--neutral-light);
--focus-color: var(--neutral-light);
}
[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;
}
@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);
}
}
.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);
}
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;
}
}