.elementor-11561 .elementor-element.elementor-element-1c8d6d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#222D2C14;--border-color:#222D2C14;--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11561 .elementor-element.elementor-element-1c8d6d6:not(.elementor-motion-effects-element-type-background), .elementor-11561 .elementor-element.elementor-element-1c8d6d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e1871d6 );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11561 .elementor-element.elementor-element-f94a7aa{font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;color:#222D2CB3;}.elementor-11561 .elementor-element.elementor-element-f94a7aa a{color:#222D2CB3;}.elementor-11561 .elementor-element.elementor-element-6b3d46c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:40px 56px;--row-gap:40px;--column-gap:56px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-eb57839{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 7;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11561 .elementor-element.elementor-element-065032b > .elementor-widget-container{margin:0px 0px -8px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11561 .elementor-element.elementor-element-4465a41{text-align:start;}.elementor-11561 .elementor-element.elementor-element-4465a41 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:3.5rem;font-weight:800;line-height:1.06em;letter-spacing:-1.1px;color:var( --e-global-color-9af5ed2 );}.elementor-11561 .elementor-element.elementor-element-f5fd4da > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-11561 .elementor-element.elementor-element-ab2c126{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 5;}.elementor-11561 .elementor-element.elementor-element-25b64bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11561 .elementor-element.elementor-element-25b64bb:not(.elementor-motion-effects-element-type-background), .elementor-11561 .elementor-element.elementor-element-25b64bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F4F3;}.elementor-11561 .elementor-element.elementor-element-3f59d60 > .elementor-widget-container{margin:0px 0px 26px 0px;}.elementor-11561 .elementor-element.elementor-element-53a13413{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;}.elementor-11561 .elementor-element.elementor-element-449eed87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;}.elementor-11561 .elementor-element.elementor-element-6952b8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-3886444e > .elementor-widget-container{background-color:#F6F8F7;padding:15px 15px 17px 15px;border-radius:6px 6px 0px 0px;}.elementor-11561 .elementor-element.elementor-element-3886444e{z-index:2;text-align:start;}.elementor-11561 .elementor-element.elementor-element-3886444e .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:16px;color:#606060;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11561 .elementor-element.elementor-element-790ec65e > .elementor-widget-container{padding:0px 15px 24px 15px;border-style:solid;border-width:0px 1px 1px 1px;border-color:#ECEEEA;border-radius:0px 0px 4px 4px;}.elementor-11561 .elementor-element.elementor-element-790ec65e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11561 .elementor-element.elementor-element-790ec65e a > img{border-radius:0px 0px 0px 0px;margin-bottom:0px;}.elementor-11561 .elementor-element.elementor-element-790ec65e .woocommerce .woocommerce-loop-category__title{font-family:"Outfit", Sans-serif;font-weight:400;line-height:22px;}.elementor-11561 .elementor-element.elementor-element-69661a1a{--display:flex;border-style:solid;--border-style:solid;}.elementor-11561 .elementor-element.elementor-element-4393e6c7 > .elementor-widget-container{padding:0px 15px 24px 15px;border-style:solid;border-width:0px 1px 1px 1px;border-color:#ECEEEA;border-radius:0px 0px 4px 4px;}.elementor-11561 .elementor-element.elementor-element-4393e6c7.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11561 .elementor-element.elementor-element-4393e6c7 a > img{border-radius:0px 0px 0px 0px;margin-bottom:0px;}.elementor-11561 .elementor-element.elementor-element-4393e6c7 .woocommerce .woocommerce-loop-category__title{font-family:"Outfit", Sans-serif;font-weight:400;line-height:22px;}.elementor-11561 .elementor-element.elementor-element-453ff6c7{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#606060;--n-accordion-title-hover-color:#606060;--n-accordion-title-active-color:#606060;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#5F7F7B;--n-accordion-icon-hover-color:#5F7F7B;--n-accordion-icon-active-color:#5F7F7B;}.elementor-11561 .elementor-element.elementor-element-453ff6c7 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F6F8F7;}:where( .elementor-11561 .elementor-element.elementor-element-453ff6c7 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Outfit", Sans-serif;font-weight:400;}.elementor-11561 .elementor-element.elementor-element-618229b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11561 .elementor-element.elementor-element-703c044e{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-11561 .elementor-element.elementor-element-703c044e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-11561 .elementor-element.elementor-element-703c044e .e-loop-item > .elementor-section, .elementor-11561 .elementor-element.elementor-element-703c044e .e-loop-item > .elementor-section > .elementor-container, .elementor-11561 .elementor-element.elementor-element-703c044e .e-loop-item > .e-con, .elementor-11561 .elementor-element.elementor-element-703c044e .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination{text-align:center;font-family:"Outfit", Sans-serif;font-size:20px;font-weight:500;line-height:34px;margin-top:40px;}.elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination .page-numbers:not(.dots){color:#888888;}.elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination a.page-numbers:hover{color:#86C560;}.elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination .page-numbers.current{color:#86C560;}body:not(.rtl) .elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 16px/2 );}body:not(.rtl) .elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 16px/2 );}body.rtl .elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 16px/2 );}body.rtl .elementor-11561 .elementor-element.elementor-element-703c044e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 16px/2 );}.elementor-11561 .elementor-element.elementor-element-c6bf96e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:7rem;--padding-bottom:7rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11561 .elementor-element.elementor-element-c6bf96e:not(.elementor-motion-effects-element-type-background), .elementor-11561 .elementor-element.elementor-element-c6bf96e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F4F3;}.elementor-11561 .elementor-element.elementor-element-23a405c > .elementor-widget-container{margin:10px 0px 34px 0px;}.elementor-11561 .elementor-element.elementor-element-23a405c{text-align:start;}.elementor-11561 .elementor-element.elementor-element-23a405c .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:2.25rem;font-weight:800;line-height:1.15em;letter-spacing:-0.7px;color:var( --e-global-color-9af5ed2 );}.elementor-11561 .elementor-element.elementor-element-5362647{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-39d2fd5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:8px 24px;--row-gap:8px;--column-gap:24px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-1391743{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-81e53a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-e6664ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11561 .elementor-element.elementor-element-e6664ac:not(.elementor-motion-effects-element-type-background), .elementor-11561 .elementor-element.elementor-element-e6664ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e1871d6 );}.elementor-11561 .elementor-element.elementor-element-cae75c8 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-11561 .elementor-element.elementor-element-7467d6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11561 .elementor-element.elementor-element-7467d6d:not(.elementor-motion-effects-element-type-background), .elementor-11561 .elementor-element.elementor-element-7467d6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F4F3;}.elementor-11561 .elementor-element.elementor-element-5a865d7 > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-11561 .elementor-element.elementor-element-882479e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11561 .elementor-element.elementor-element-882479e:not(.elementor-motion-effects-element-type-background), .elementor-11561 .elementor-element.elementor-element-882479e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e1871d6 );}.elementor-11561 .elementor-element.elementor-element-e584743{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:32px 48px;--row-gap:32px;--column-gap:48px;--grid-auto-flow:row;--border-radius:24px 24px 24px 24px;--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:3.5rem;--padding-right:3.5rem;}.elementor-11561 .elementor-element.elementor-element-32aa9b5{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 7;}.elementor-11561 .elementor-element.elementor-element-9cc9fe9{--display:flex;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 5;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Instrument Sans", Sans-serif;font-size:17px;font-weight:700;line-height:26px;fill:var( --e-global-color-e1871d6 );color:var( --e-global-color-e1871d6 );border-radius:999px 999px 999px 999px;padding:16px 32px 16px 32px;}.elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button:hover, .elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button:focus{background-color:#72A852;color:#FFFFFF;}.elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button:hover svg, .elementor-11561 .elementor-element.elementor-element-0b1395c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button{background-color:#FFFFFF00;font-family:"Instrument Sans", Sans-serif;font-size:17px;font-weight:700;line-height:26px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF40;border-radius:999px 999px 999px 999px;padding:16px 32px 16px 32px;}.elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button:hover, .elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button:focus{background-color:#FFFFFF;color:#222D2C;}.elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button-content-wrapper{flex-direction:row;}.elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button:hover svg, .elementor-11561 .elementor-element.elementor-element-089ec5a .elementor-button:focus svg{fill:#222D2C;}@media(min-width:768px){.elementor-11561 .elementor-element.elementor-element-1c8d6d6{--content-width:1280px;}.elementor-11561 .elementor-element.elementor-element-25b64bb{--content-width:1280px;}.elementor-11561 .elementor-element.elementor-element-449eed87{--width:20%;}.elementor-11561 .elementor-element.elementor-element-618229b7{--width:80%;}.elementor-11561 .elementor-element.elementor-element-c6bf96e{--content-width:1024px;}.elementor-11561 .elementor-element.elementor-element-e6664ac{--content-width:1280px;}.elementor-11561 .elementor-element.elementor-element-7467d6d{--content-width:900px;}.elementor-11561 .elementor-element.elementor-element-882479e{--content-width:1280px;}}@media(max-width:1024px) and (min-width:768px){.elementor-11561 .elementor-element.elementor-element-449eed87{--width:40%;}.elementor-11561 .elementor-element.elementor-element-618229b7{--width:100%;}}@media(max-width:1366px){.elementor-11561 .elementor-element.elementor-element-6b3d46c{--grid-auto-flow:row;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-11561 .elementor-element.elementor-element-703c044e{--grid-columns:3;}.elementor-11561 .elementor-element.elementor-element-e584743{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-11561 .elementor-element.elementor-element-1c8d6d6{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11561 .elementor-element.elementor-element-6b3d46c{--grid-auto-flow:row;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-11561 .elementor-element.elementor-element-4465a41 .elementor-heading-title{font-size:2.75rem;}.elementor-11561 .elementor-element.elementor-element-53a13413{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11561 .elementor-element.elementor-element-69661a1a{border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-453ff6c7{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-border-radius:6px 6px 6px 6px;}.elementor-11561 .elementor-element.elementor-element-703c044e{--grid-columns:2;}.elementor-11561 .elementor-element.elementor-element-c6bf96e{--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11561 .elementor-element.elementor-element-e584743{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-11561 .elementor-element.elementor-element-1c8d6d6{--padding-top:2.25rem;--padding-bottom:2.25rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-11561 .elementor-element.elementor-element-6b3d46c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11561 .elementor-element.elementor-element-eb57839{grid-column:span 1;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-11561 .elementor-element.elementor-element-4465a41 .elementor-heading-title{font-size:2.1rem;line-height:1.12em;letter-spacing:-0.6px;}.elementor-11561 .elementor-element.elementor-element-ab2c126{grid-column:span 1;}.elementor-11561 .elementor-element.elementor-element-25b64bb{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-11561 .elementor-element.elementor-element-69661a1a{border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 4px 4px 4px;--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11561 .elementor-element.elementor-element-453ff6c7{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-border-radius:6px 6px 6px 6px;--n-accordion-title-font-size:18px;}.elementor-11561 .elementor-element.elementor-element-453ff6c7 {--n-accordion-padding:15px 15px 17px 15px;}:where( .elementor-11561 .elementor-element.elementor-element-453ff6c7 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:16px;}.elementor-11561 .elementor-element.elementor-element-703c044e{--grid-columns:1;}.elementor-11561 .elementor-element.elementor-element-c6bf96e{--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-11561 .elementor-element.elementor-element-23a405c .elementor-heading-title{font-size:1.75rem;}.elementor-11561 .elementor-element.elementor-element-e6664ac{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-11561 .elementor-element.elementor-element-7467d6d{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-11561 .elementor-element.elementor-element-882479e{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-11561 .elementor-element.elementor-element-e584743{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:2.25rem;--padding-bottom:2.25rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11561 .elementor-element.elementor-element-32aa9b5{grid-column:span 1;}.elementor-11561 .elementor-element.elementor-element-9cc9fe9{grid-column:span 1;}}/* Start custom CSS for container, class: .elementor-element-6b3d46c */@media(min-width: 768px) {.elementor-11561 .elementor-element.elementor-element-6b3d46c.grid-hero {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b64bb *//* RANGE ROUTES. One card per block of brand_intro. Card count varies by
brand (2 to 4), so the grid is auto-fit rather than a fixed three.
SPECIFICITY: Elementor's kit emits `.elementor-kit-7 h2` (0,1,1). A bare
`.route-title` (0,1,0) loses to it and the card titles render at the kit's 36px.
Every rule that sets a heading size here is scoped through .ccm-range. */
.ccm-routes-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
}
.ccm-range .route {
display: block;
background: #fff;
border: 1px solid rgba(34, 45, 44, 0.10);
border-radius: 20px;
padding: 1.75rem;
text-decoration: none;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ccm-range .route:hover {
transform: translateY(-0.25rem);
border-color: rgba(95, 127, 123, 0.4);
box-shadow: 0 4px 40px rgba(34, 45, 44, 0.08);
}
.ccm-range .route-title {
font-size: 1.25rem;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0;
color: #222D2C;
margin: 0 0 0.75rem;
}
.ccm-range .route-body p {
font-size: 0.9375rem;
line-height: 1.65;
color: rgba(34, 45, 44, 0.72);
margin: 0 0 1.25rem;
}
.ccm-range .route-go {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-weight: 700;
font-size: 0.9375rem;
color: #4A6663;
transition: gap .25s ease;
}
.ccm-range .route-go::after { content: "\2192"; }
.ccm-range .route:hover .route-go { gap: 0.75rem; }/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-453ff6c7 */@media (max-width: 1024px) {
.elementor-11561 .elementor-element.elementor-element-453ff6c7 .e-n-accordion-item-title[aria-expanded="true"],
.elementor-11561 .elementor-element.elementor-element-453ff6c7 .e-n-accordion-item[aria-expanded="true"] .elementor-11561 .elementor-element.elementor-element-453ff6c7 .e-n-accordion-item-title {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53a13413 *//* SERVICE RAIL. Sits in the left column beside the product grid so the offer reads
next to the prices. NOT sticky, by instruction. The loop grid and the Industry
Filter are the site's own components and are deliberately untouched.
SPECIFICITY: .rail-title is an h3 and loses to the kit's own heading rule unless
it is scoped through .rail-card. */
.rail-card {
background: #fff;
border: 1px solid rgba(34, 45, 44, 0.12);
border-radius: 20px;
box-shadow: 0 4px 40px rgba(34, 45, 44, 0.08);
overflow: hidden;
}
.rail-head { background: #222D2C; padding: 1rem 1.25rem; }
.rail-head .ccm-eyebrow { margin: 0; }
.rail-body { padding: 1.25rem; }
.rail-card .rail-title {
font-size: 1.125rem;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0;
color: #222D2C;
margin: 0 0 0.6rem;
}
.rail-card .rail-intro {
font-size: 0.875rem;
line-height: 1.6;
color: rgba(34, 45, 44, 0.72);
margin: 0 0 1.25rem;
}
.rail-price {
background: #F0F4F3;
border-radius: 14px;
padding: 1rem;
margin-bottom: 1.25rem;
}
.rail-price .ccm-eyebrow { margin: 0 0 0.4rem; }
.rail-card .rail-fig {
font-size: 1.875rem;
line-height: 1;
font-weight: 800;
letter-spacing: -0.02em;
color: #222D2C;
margin: 0;
}
.rail-card .rail-fig span {
font-size: 0.875rem;
font-weight: 700;
color: rgba(34, 45, 44, 0.7);
margin-left: 0.35rem;
}
.rail-card .rail-note {
font-size: 0.8125rem;
line-height: 1.45;
color: rgba(34, 45, 44, 0.68);
margin: 0.5rem 0 0;
}
.rail-list { list-style: none; margin: 0 0 1.25rem; padding: 0; }
.rail-list > li {
padding: 0.6rem 0 0.6rem 1.3rem;
position: relative;
border-bottom: 1px dotted rgba(34, 45, 44, 0.2);
font-size: 0.875rem;
line-height: 1.45;
color: rgba(34, 45, 44, 0.78);
}
.rail-list > li:last-child { border-bottom: 0; }
.rail-list > li::before {
content: "\2713";
position: absolute;
left: 0;
color: #5F7F7B;
font-weight: 700;
}
.rail-card .rail-cta {
display: block;
text-align: center;
background: #222D2C;
color: #fff;
border-radius: 12px;
padding: 0.9rem 1rem;
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
transition: background-color .25s ease;
}
.rail-card .rail-cta:hover { background: #5F7F7B; color: #fff; }
.rail-card .rail-tel {
display: block;
text-align: center;
margin-top: 0.6rem;
padding: 0.4rem;
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.3;
color: #4A6663;
text-decoration: none;
}
.rail-card .rail-tel:hover { color: #222D2C; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bf96e *//* THE WRITTEN AGREEMENT.
The five clauses are STATIC template content, not per-brand copy: they are
byte-identical across all five brand docs, and the $220 ex GST figure, the response
times and the coverage list must exist in ONE place. Only the opening and closing
paragraphs come from the term. Clause numbers come from a CSS counter, so nothing is
hand-numbered and reordering a clause renumbers the rest. */
.ccm-agreement {
background: #fff;
border: 1px solid rgba(34, 45, 44, 0.14);
border-radius: 4px;
box-shadow: 0 14px 50px rgba(34, 45, 44, 0.09);
overflow: hidden;
}
.ccm-agreement__head { background: #222D2C; padding: 0.9rem 1.5rem; }
@media (min-width: 768px) {
.ccm-agreement__head { padding: 1rem 2.5rem; }
}
.ccm-eyebrow--light { color: rgba(255, 255, 255, 0.85); }
.ccm-eyebrow--dim { color: rgba(255, 255, 255, 0.62); }
.ccm-agreement__body { padding: 1.5rem; }
@media (min-width: 768px) {
.ccm-agreement__body { padding: 2.5rem; }
}
.ccm-agreement__lede p {
font-size: 1.0625rem;
line-height: 1.7;
color: rgba(34, 45, 44, 0.78);
max-width: 48rem;
margin: 0 0 2.25rem;
}
@media (min-width: 768px) {
.ccm-agreement__lede p { font-size: 1.125rem; }
}
.clauses {
position: relative;
counter-reset: clause;
list-style: none;
margin: 0;
padding: 0 0 0 3.25rem;
}
@media (min-width: 768px) {
.clauses { padding-left: 5rem; }
}
.clauses::before {
content: "";
position: absolute;
left: 2.5rem;
top: 0;
bottom: 0;
width: 1px;
background: rgba(95, 127, 123, 0.45);
}
@media (min-width: 768px) {
.clauses::before { left: 3.75rem; }
}
.clauses > li {
position: relative;
padding: 1.4rem 0;
border-bottom: 1px solid rgba(34, 45, 44, 0.1);
}
.clauses > li:last-child { border-bottom: 0; }
.clauses > li::before {
counter-increment: clause;
content: counter(clause, decimal-leading-zero);
position: absolute;
left: -3.25rem;
top: 1.55rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11px;
letter-spacing: 0.14em;
color: #4A6663;
width: 2rem;
text-align: right;
}
@media (min-width: 768px) {
.clauses > li::before { left: -5rem; width: 3.4rem; top: 1.6rem; }
}
/* Two markup shapes style identically. The template's own list is
Term.Sentence.. A per-brand override typed into
brand_pm_clauses comes out of the WYSIWYG as Term. loose text,
with no element around the sentence, so the body style sits on the li itself. */
.clauses > li,
.clauses > li > span {
font-size: 1rem;
line-height: 1.65;
color: rgba(34, 45, 44, 0.72);
}
.clauses > li > b,
.clauses > li > strong {
display: block;
font-size: 1.0625rem;
font-weight: 800;
color: #222D2C;
margin-bottom: 0.3rem;
}
.clauses a { color: #4A6663; font-weight: 600; }
.ccm-agreement__body:has(.ccm-clauses-custom ul li) .ccm-clauses-standard,
.ccm-agreement__body:has(.ccm-clauses-custom ol li) .ccm-clauses-standard {
display: none;
}
.ccm-clauses-custom ul,
.ccm-clauses-custom ol {
position: relative;
counter-reset: clause;
list-style: none;
margin: 0;
padding: 0 0 0 3.25rem;
}
@media (min-width: 768px) {
.ccm-clauses-custom ul,
.ccm-clauses-custom ol { padding-left: 5rem; }
}
.countersign {
border-top: 2px solid #222D2C;
margin-top: 2.5rem;
padding-top: 1.75rem;
}
.ccm-agreement__close p {
font-size: 1.0625rem;
line-height: 1.7;
color: rgba(34, 45, 44, 0.78);
max-width: 48rem;
margin: 0 0 1.5rem;
}
.ccm-agreement__close a { color: #4A6663; font-weight: 600; }
.ccm-countersign-row {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-start;
}
@media (min-width: 640px) {
.ccm-countersign-row { flex-direction: row; align-items: center; gap: 2rem; }
}
.ccm-countersign-row .ccm-cs-link {
font-weight: 700;
font-size: 0.9375rem;
color: #4A6663;
text-decoration: none;
white-space: nowrap;
}
.ccm-countersign-row .ccm-cs-link:hover { color: #222D2C; }
.ccm-cs-rule { display: none; }
@media (min-width: 640px) {
.ccm-cs-rule {
display: block;
flex: 1 1 auto;
border-top: 1px dashed rgba(34, 45, 44, 0.25);
}
}
.ccm-countersign-wrap p { margin: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6664ac *//* WHY US. Elementor's shortcode widget wraps its output in .elementor-shortcode,
so the grid has to sit on THAT node, not on .elementor-widget-container. Put it a
level too high and the h2 and the ul are one grid item together, both squeezed into
column 1 with the right half of the section empty. */
.ccm-why-block .elementor-shortcode {
display: block;
}
@media (min-width: 1024px) {
.ccm-why-block .elementor-shortcode {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 4rem;
align-items: start;
}
}
.ccm-why-block .elementor-shortcode h2 {
font-size: 2.25rem;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #222D2C;
margin: 0;
}
@media (max-width: 1023px) {
.ccm-why-block .elementor-shortcode h2 {
font-size: 1.75rem;
margin-bottom: 1.5rem;
}
}
.ccm-why-block ul { list-style: none; margin: 0; padding: 0; }
.ccm-why-block li {
padding: 1rem 0 1rem 2rem;
position: relative;
border-bottom: 1px solid rgba(34, 45, 44, 0.1);
font-size: 1.0625rem;
line-height: 1.6;
color: rgba(34, 45, 44, 0.8);
}
.ccm-why-block li:last-child { border-bottom: 0; }
.ccm-why-block li::before {
content: "\2713";
position: absolute;
left: 0;
top: 1rem;
color: #5F7F7B;
font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7467d6d *//* FAQ. Native , one per in the term's FAQ block.
NO FAQPage schema on this page, per the content doc. */
.ccm-faq-title {
font-size: 2.25rem;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #222D2C;
margin: 0 0 2rem;
}
@media (max-width: 767px) { .ccm-faq-title { font-size: 1.75rem; } }
.ccm-faq-list { display: flex; flex-direction: column; gap: 0.75rem; }
.faq {
background: #fff;
border: 1px solid rgba(34, 45, 44, 0.1);
border-radius: 16px;
overflow: hidden;
}
.faq > summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1.5rem;
padding: 1.5rem;
font-size: 1.125rem;
font-weight: 800;
line-height: 1.35;
color: #222D2C;
}
.faq > summary::-webkit-details-marker { display: none; }
.faq-icon {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
position: relative;
transition: transform .3s ease;
margin-top: 0.2rem;
}
.faq-icon::before,
.faq-icon::after {
content: "";
position: absolute;
background: #5F7F7B;
border-radius: 2px;
}
.faq-icon::before {
left: 0;
top: 50%;
width: 100%;
height: 2px;
margin-top: -1px;
}
.faq-icon::after {
top: 0;
left: 50%;
height: 100%;
width: 2px;
margin-left: -1px;
}
.faq[open] .faq-icon { transform: rotate(45deg); }
.faq-a { padding: 0 1.5rem 1.5rem; }
.faq-a p {
font-size: 1.0625rem;
line-height: 1.7;
color: rgba(34, 45, 44, 0.72);
margin: 0;
}
.faq-a a { color: #4A6663; font-weight: 600; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e584743 */@media(min-width: 768px) {.elementor-11561 .elementor-element.elementor-element-e584743.grid-hero {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-882479e *//* QUOTE SLAB. */
.ccm-quote__slab {
background: linear-gradient(135deg, #222D2C 0%, #3C4F4C 100%);
box-shadow: 0 4px 40px rgba(34, 45, 44, 0.08);
}
.ccm-eyebrow--green { color: #86C560; }
.ccm-quote__copy h2 {
font-size: 2.25rem;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
margin: 0 0 1.25rem;
}
@media (max-width: 767px) { .ccm-quote__copy h2 { font-size: 1.75rem; } }
.ccm-quote__copy p {
font-size: 1.0625rem;
line-height: 1.7;
color: rgba(255, 255, 255, 0.78);
margin: 0;
}
.ccm-quote__copy a {
color: #fff;
font-weight: 600;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
text-decoration: none;
}
.ccm-quote__mail { text-align: center; margin: 0; font-size: 0.875rem; }
.ccm-quote__mail a {
color: rgba(255, 255, 255, 0.72);
text-decoration: none;
font-weight: 600;
}
.ccm-quote__mail a:hover { color: #fff; }/* End custom CSS */
/* Start custom CSS *//* CC MACHINES - BRAND ARCHIVE TEMPLATE (post 11561)
Repo source of truth: CCmachines/brand-template-port/brand-template.css
Tailwind is NOT loaded on ccmachines.com.au, so every utility class the mockup
leaned on is inert here. This page-level block carries only the SHARED pieces:
tokens, the brand head, the buttons and the supply record. Each section's own
CSS lives on that section's container, so it sits with what it styles.
SPECIFICITY, the thing that bit this template twice: Elementor's kit emits
`.elementor-kit-7 h2` and `.elementor-kit-7 a` at (0,1,1). A bare `.route-title`
or `.ccm-btn` at (0,1,0) LOSES to it, silently, and the element renders at the
kit's size instead. Anything setting a heading size or a button's type must be
scoped through a parent class. */
:root {
--ccm-dark: #222D2C;
--ccm-teal: #5F7F7B;
--ccm-teal-ink: #4A6663;
--ccm-green: #86C560;
--ccm-surface: #F0F4F3;
--ccm-line: rgba(34, 45, 44, 0.14);
--ccm-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
/* ---------- SHARED MICRO-LABEL ---------- */
.ccm-eyebrow-wrap .ccm-eyebrow {
font-family: var(--ccm-mono);
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--ccm-teal-ink);
margin: 0;
}
/* ---------- BRAND HEAD ---------- */
.ccm-crumbs p,
.ccm-crumbs .elementor-widget-container > * {
margin: 0;
}
.ccm-lede {
max-width: 46rem;
}
.ccm-lede p {
font-size: 1.125rem;
line-height: 1.7;
color: rgba(34, 45, 44, 0.72);
margin: 0 0 1.15rem;
}
.ccm-lede p:last-child {
margin-bottom: 0;
}
.ccm-lede a {
color: var(--ccm-teal-ink);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(74, 102, 99, 0.35);
}
.ccm-lede a:hover {
color: var(--ccm-dark);
}
/* Bloom painted as a background-image on the container, NOT an absolutely positioned
circle: a circle big enough to read as a bloom puts its own falloff edge across the
copy and draws a visible hairline arc. */
.ccm-brandhead {
background-image: radial-gradient(48rem 40rem at 88% -20%, rgba(95, 127, 123, 0.16) 0%, rgba(95, 127, 123, 0) 62%);
}
/* ---------- BUTTONS ----------
Scoped through the row class so the kit's anchor typography cannot win. Without
the scope these render at the kit's 14px/26px in a 62px-tall pill.
The green pill is the client's live site-wide CTA. White on #86C560 is 2.1:1 and
fails AA, but it appears on every page of the site, so it is NOT changed here on
one new template. Open item for a sitewide decision. */
.ccm-cta {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.ccm-cta a.ccm-btn,
.ccm-countersign-row a.ccm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
font-family: "Instrument Sans", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
padding: 1.05rem 2rem;
border-radius: 999px;
text-decoration: none;
cursor: pointer;
transition: transform .25s ease, background-color .25s ease, border-color .25s ease, color .25s ease;
}
.ccm-cta a.ccm-btn--primary,
.ccm-countersign-row a.ccm-btn--primary {
background: var(--ccm-green);
color: #fff;
box-shadow: 0 4px 14px rgba(134, 197, 96, 0.39);
}
.ccm-cta a.ccm-btn--primary:hover,
.ccm-countersign-row a.ccm-btn--primary:hover {
background: #72A852;
color: #fff;
transform: translateY(-2px);
}
.ccm-cta a.ccm-btn--ghost {
background: transparent;
color: var(--ccm-dark);
border: 1px solid rgba(34, 45, 44, 0.2);
}
.ccm-cta a.ccm-btn--ghost:hover {
border-color: var(--ccm-teal);
color: var(--ccm-teal-ink);
}
.ccm-countersign-row a.ccm-btn--sm {
padding: 0.8rem 1.5rem;
font-size: 0.9375rem;
flex-shrink: 0;
}
@media (max-width: 640px) {
.ccm-cta {
flex-direction: column;
align-items: stretch;
}
.ccm-cta a.ccm-btn {
width: 100%;
}
}
/* ---------- SUPPLY RECORD ---------- */
.ccm-record {
background: var(--ccm-surface);
border: 1px solid rgba(34, 45, 44, 0.08);
border-radius: 24px;
padding: 1.75rem;
}
@media (min-width: 768px) {
.ccm-record { padding: 2.25rem; }
}
.ccm-record__label {
font-family: var(--ccm-mono);
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--ccm-teal-ink);
margin: 0 0 1.5rem;
}
.ccm-record__grid {
margin: 0;
border-top: 1px solid var(--ccm-line);
}
.ccm-record__grid > div {
border-bottom: 1px solid var(--ccm-line);
padding: 0.95rem 0;
}
@media (min-width: 768px) {
.ccm-record__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-bottom: 1px solid var(--ccm-line);
}
.ccm-record__grid > div {
border-bottom: 0;
border-left: 1px solid var(--ccm-line);
padding: 1.1rem 0.75rem 1.1rem 1rem;
}
.ccm-record__grid > div:first-child {
border-left: 0;
padding-left: 0;
}
}
.ccm-record__grid dt {
font-family: var(--ccm-mono);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(34, 45, 44, 0.7);
margin: 0 0 0.45rem;
}
.ccm-record__grid dd { margin: 0; }
.ccm-record .ccm-record__big {
font-size: 1.5rem;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.1;
color: var(--ccm-dark);
}
.ccm-record .ccm-record__val {
font-size: 0.875rem;
font-weight: 700;
line-height: 1.35;
color: var(--ccm-dark);
}
.ccm-record__foot {
margin-top: 2rem;
padding-top: 1.75rem;
border-top: 1px solid rgba(34, 45, 44, 0.1);
}
.ccm-record__foot p {
font-size: 1.0625rem;
line-height: 1.6;
color: rgba(34, 45, 44, 0.75);
margin: 0 0 1rem;
}
.ccm-record .ccm-record__jump {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
font-weight: 700;
color: var(--ccm-teal-ink);
text-decoration: none;
}
.ccm-record .ccm-record__jump::after { content: "\2193"; }
.ccm-record .ccm-record__jump:hover { color: var(--ccm-dark); }/* End custom CSS */