.elementor-72 .elementor-element.elementor-element-702f119{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-72 .elementor-element.elementor-element-702f119:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-702f119 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-702f119::before, .elementor-72 .elementor-element.elementor-element-702f119 > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-702f119 > .e-con-inner > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-702f119 > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-702f119 > .e-con-inner > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-702f119 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-72 .elementor-element.elementor-element-09e0662{--display:flex;--min-height:280px;--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;--justify-content:center;--z-index:99;}.elementor-widget-global{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-global-415{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;font-family:"Satoshi", Sans-serif;font-size:14px;font-weight:400;line-height:14px;color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-global-415 a{color:var( --e-global-color-text );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-cacf9b9{width:var( --container-widget-width, 650px );max-width:650px;--container-widget-width:650px;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-cacf9b9 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:44px;font-weight:400;line-height:58px;color:var( --e-global-color-text );}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-72 .elementor-element.elementor-global-423{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-global-423 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-global-423 .elementor-button .elementor-button-content-wrapper{gap:38px;}.elementor-72 .elementor-element.elementor-global-423 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:3px 3px 3px 3px;padding:15px 20px 15px 026px;}.elementor-72 .elementor-element.elementor-element-1183e19{--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:flex-end;--align-items:flex-end;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-72 .elementor-element.elementor-element-1183e19:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-1183e19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://cclonline.co.nz/wp-content/uploads/2026/04/Group-2609414.png");background-position:center center;background-size:cover;}.elementor-72 .elementor-element.elementor-element-1585393{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-2b1578d{text-align:start;}.elementor-72 .elementor-element.elementor-element-2b1578d img{width:120px;}.elementor-72 .elementor-element.elementor-element-e48e89b{--display:flex;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:100px;}.elementor-72 .elementor-element.elementor-element-fb33a97 .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:21px;font-weight:400;line-height:32px;color:var( --e-global-color-text );}.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 );line-height:var( --e-global-typography-text-line-height );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-72 .elementor-element.elementor-element-23586d5{text-align:justify;font-family:"Inter Display", Sans-serif;font-size:15px;font-weight:300;line-height:24px;}.elementor-72 .elementor-element.elementor-element-53269ad{--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:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:125px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-86eb35c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Inter Display", Sans-serif;font-size:13px;font-weight:400;line-height:24px;color:#ED4137;}.elementor-72 .elementor-element.elementor-element-610243b{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-610243b .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:34px;font-weight:400;line-height:44px;color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-element-85bac47{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:200px 200px;--row-gap:200px;--column-gap:200px;--grid-auto-flow:row;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-752cbb8{--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:flex-end;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:var( --e-global-color-text );--border-color:var( --e-global-color-text );--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-1d1c99d{text-align:end;}.elementor-72 .elementor-element.elementor-element-1d1c99d .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-element-3f52a57{--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:flex-end;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:var( --e-global-color-text );--border-color:var( --e-global-color-text );--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-3bf7093{text-align:end;}.elementor-72 .elementor-element.elementor-element-3bf7093 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-element-3697023{--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:flex-end;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:var( --e-global-color-text );--border-color:var( --e-global-color-text );--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-e108982{text-align:end;}.elementor-72 .elementor-element.elementor-element-e108982 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-element-a5fcecb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-72 .elementor-element.elementor-element-b6406b6{--display:flex;--min-height:658px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-72 .elementor-element.elementor-element-b6406b6:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-b6406b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cclonline.co.nz/wp-content/uploads/2026/04/c37236d1813084454d5b8688d3fd35ae29f911f3-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-72 .elementor-element.elementor-element-3566b99{--display:flex;--justify-content:space-between;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:58px;}.elementor-72 .elementor-element.elementor-element-3566b99:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-3566b99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00B9C3;}.elementor-72 .elementor-element.elementor-element-3566b99.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-72 .elementor-element.elementor-element-dec0503{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-bf6d9a4{text-align:start;}.elementor-72 .elementor-element.elementor-element-bf6d9a4 .elementor-heading-title{font-family:var( --e-global-typography-2a95794-font-family ), Sans-serif;font-size:var( --e-global-typography-2a95794-font-size );font-weight:var( --e-global-typography-2a95794-font-weight );line-height:var( --e-global-typography-2a95794-line-height );color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-839572c{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-839572c .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:34px;font-weight:400;line-height:40px;color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-cebc441{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-aad3a43{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-aad3a43 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:75px;font-weight:400;line-height:50px;color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-b68b10a{font-family:"Inter Display", Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-53e5685{--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 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-70fa1f30{--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;--justify-content:space-between;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-21c3fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-a555a41 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-174d9713{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:justify;}.elementor-72 .elementor-element.elementor-element-6fec3bf3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-463361b4{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:justify;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-72 .elementor-element.elementor-element-468423b6{width:auto;max-width:auto;}.elementor-72 .elementor-element.elementor-element-468423b6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-468423b6 .elementor-button .elementor-button-content-wrapper{gap:60px;}.elementor-72 .elementor-element.elementor-element-468423b6 .elementor-button{font-family:"Satoshi", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-00856c4 );color:var( --e-global-color-00856c4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:17px 20px 17px 20px;}.elementor-72 .elementor-element.elementor-element-31aeeb63{--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-72 .elementor-element.elementor-element-663a88e9{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-ac63a7b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-78fa0e75{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-38609bf5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-2e911572{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-32a1701f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-382b06e6{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-36cd1533{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-73d10951{--n-accordion-title-font-size:var( --e-global-typography-0148a98-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:30px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;--n-accordion-icon-gap:60px;}.elementor-72 .elementor-element.elementor-element-73d10951 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-73d10951 {--n-accordion-padding:20px 0px 0px 0px;}:where( .elementor-72 .elementor-element.elementor-element-73d10951 > .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:var( --e-global-typography-0148a98-font-family ), Sans-serif;font-weight:var( --e-global-typography-0148a98-font-weight );line-height:var( --e-global-typography-0148a98-line-height );}:where( .elementor-72 .elementor-element.elementor-element-73d10951 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-72 .elementor-element.elementor-element-85dca29{--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:88px 0px;--row-gap:88px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-85dca29:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-85dca29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060B27;}.elementor-72 .elementor-element.elementor-element-fdbe5f5{--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;--justify-content:flex-start;--z-index:10;}.elementor-72 .elementor-element.elementor-element-b878039{--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:14px 0px;--row-gap:14px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-72 .elementor-element.elementor-element-641c970{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-72 .elementor-element.elementor-element-641c970 img{width:142px;}.elementor-72 .elementor-element.elementor-element-00307bb{--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:14px 0px;--row-gap:14px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-72 .elementor-element.elementor-element-f954dbe{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -200px;z-index:0;text-align:start;}.elementor-72 .elementor-element.elementor-element-f954dbe img{width:752px;}.elementor-72 .elementor-element.elementor-element-99ff245{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:7px 0px;--row-gap:7px;--column-gap:0px;--margin-top:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-72 .elementor-element.elementor-element-99ff245.e-con{--align-self:center;}.elementor-72 .elementor-element.elementor-element-2663650{--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:7px 0px;--row-gap:7px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-72 .elementor-element.elementor-element-2663650.e-con{--align-self:center;}.elementor-72 .elementor-element.elementor-element-096d911{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 136px;--row-gap:0px;--column-gap:136px;--grid-auto-flow:row;}.elementor-72 .elementor-element.elementor-element-d619e5b{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-2ada679{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-e592259{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Inter Display", Sans-serif;font-size:21px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-72 .elementor-element.elementor-element-61756fc{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-2d77cd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-9dad1fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Inter Display", Sans-serif;font-size:21px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-72 .elementor-element.elementor-element-b56c822{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-2705878{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-470eb1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Inter Display", Sans-serif;font-size:21px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-72 .elementor-element.elementor-element-5819a9ce{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-1877821d{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-4e3098dc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-3d680584 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-527cc004{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-250c0b02{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-250c0b02.e-con{--align-self:stretch;}.elementor-72 .elementor-element.elementor-element-63b61739{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-5216c540{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-41e2a779{--display:flex;--justify-content:space-between;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-41e2a779:hover{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-1e99e2af{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-7dce5bb4 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:#CFCFCF;}.elementor-72 .elementor-element.elementor-element-6eb4e510{--display:flex;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-72 .elementor-element.elementor-element-67cb82eb .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:20px;font-weight:500;line-height:32px;}.elementor-72 .elementor-element.elementor-element-6e7de291{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-4f9da8c6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-579b7c9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-579b7c9c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-579b7c9c .elementor-button .elementor-button-content-wrapper{gap:38px;justify-content:space-between;}.elementor-72 .elementor-element.elementor-element-579b7c9c .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:26px 20px 26px 026px;}.elementor-72 .elementor-element.elementor-element-55722439{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-10d14b46{--display:flex;--justify-content:space-between;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-10d14b46:hover{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-7dffcdf8{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-21a76af7 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:#CFCFCF;}.elementor-72 .elementor-element.elementor-element-79b7f6a8{--display:flex;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-72 .elementor-element.elementor-element-12072547 .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:20px;font-weight:500;line-height:32px;}.elementor-72 .elementor-element.elementor-element-6db92ed7{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-31e19610{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-5b4bfcd4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-5b4bfcd4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-5b4bfcd4 .elementor-button .elementor-button-content-wrapper{gap:38px;justify-content:space-between;}.elementor-72 .elementor-element.elementor-element-5b4bfcd4 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:26px 20px 26px 026px;}.elementor-72 .elementor-element.elementor-element-2dd684b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-74a5d41d{--display:flex;--justify-content:space-between;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-74a5d41d:hover{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-497b4cfc{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-7ed5753a .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:#CFCFCF;}.elementor-72 .elementor-element.elementor-element-279f395d{--display:flex;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-72 .elementor-element.elementor-element-158d1a41 .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:20px;font-weight:500;line-height:32px;}.elementor-72 .elementor-element.elementor-element-1dc05073{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-783b3b51{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-5697f74f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-5697f74f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-5697f74f .elementor-button .elementor-button-content-wrapper{gap:38px;justify-content:space-between;}.elementor-72 .elementor-element.elementor-element-5697f74f .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:26px 20px 26px 026px;}.elementor-72 .elementor-element.elementor-element-eff6ab3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6f1373e{--display:flex;--justify-content:space-between;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6f1373e:hover{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-aa00756{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-e1fa37d .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:#CFCFCF;}.elementor-72 .elementor-element.elementor-element-0d2134d{--display:flex;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-72 .elementor-element.elementor-element-8fa8ad0 .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:20px;font-weight:500;line-height:32px;}.elementor-72 .elementor-element.elementor-element-b380bd5{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-9d1a132{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-c609f3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-c609f3b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-c609f3b .elementor-button .elementor-button-content-wrapper{gap:38px;justify-content:space-between;}.elementor-72 .elementor-element.elementor-element-c609f3b .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:26px 20px 26px 026px;}.elementor-72 .elementor-element.elementor-element-a2f9f27{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6610669{--display:flex;--justify-content:space-between;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6610669:hover{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-0691899{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-ff84774 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:#CFCFCF;}.elementor-72 .elementor-element.elementor-element-3bbf997{--display:flex;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-72 .elementor-element.elementor-element-ede4af6 .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:20px;font-weight:500;line-height:32px;}.elementor-72 .elementor-element.elementor-element-7090124{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-f5883cd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6fa0c3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-6fa0c3d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-6fa0c3d .elementor-button .elementor-button-content-wrapper{gap:38px;justify-content:space-between;}.elementor-72 .elementor-element.elementor-element-6fa0c3d .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:26px 20px 26px 026px;}.elementor-72 .elementor-element.elementor-element-f486fc7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-c6a1fae{--display:flex;--justify-content:space-between;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-c6a1fae:hover{background-color:var( --e-global-color-00856c4 );}.elementor-72 .elementor-element.elementor-element-e224fde{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-fc78aeb .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:45px;font-weight:400;line-height:51px;color:#CFCFCF;}.elementor-72 .elementor-element.elementor-element-400d0fc{--display:flex;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-72 .elementor-element.elementor-element-68776cb .elementor-heading-title{font-family:"Inter Display", Sans-serif;font-size:20px;font-weight:500;line-height:32px;}.elementor-72 .elementor-element.elementor-element-8d336fb{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-1a49462{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6410963{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-6410963 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-6410963 .elementor-button .elementor-button-content-wrapper{gap:38px;justify-content:space-between;}.elementor-72 .elementor-element.elementor-element-6410963 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-radius:0px 0px 0px 0px;padding:26px 20px 26px 026px;}.elementor-72 .elementor-element.elementor-element-760f600d{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-72 .elementor-element.elementor-element-0261a5a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:27px 0px;--row-gap:27px;--column-gap:0px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-72 .elementor-element.elementor-element-e33d18d{width:var( --container-widget-width, 378px );max-width:378px;--container-widget-width:378px;--container-widget-flex-grow:0;text-align:center;}.elementor-72 .elementor-element.elementor-element-77148bc{--e-image-carousel-slides-to-show:5;}.elementor-72 .elementor-element.elementor-element-c1410fc{--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;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-f27a27f{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:160px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-7420c739{--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-72 .elementor-element.elementor-element-710ca9e6{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-710ca9e6 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-element-38e5e4a6{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6f7f7054 .elementor-button{background-color:var( --e-global-color-00856c4 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:15px 20px 15px 026px;}.elementor-72 .elementor-element.elementor-element-6f7f7054{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-6f7f7054 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-72 .elementor-element.elementor-element-6f7f7054 .elementor-button .elementor-button-content-wrapper{gap:38px;}.elementor-72 .elementor-element.elementor-element-4498b508{--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-72 .elementor-element.elementor-element-17477213{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6e7e6da9{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-2d626f36{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-79cdbc4d{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-61ccf989{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-7feb71e8{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-69ab99ce{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-90b14e5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-69e19171{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:66px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-6b2e6515{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-72 .elementor-element.elementor-element-15e08318{--n-accordion-title-font-size:var( --e-global-typography-0148a98-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;--n-accordion-icon-gap:60px;}.elementor-72 .elementor-element.elementor-element-15e08318 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-15e08318 {--n-accordion-padding:20px 0px 0px 0px;}:where( .elementor-72 .elementor-element.elementor-element-15e08318 > .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:var( --e-global-typography-0148a98-font-family ), Sans-serif;font-weight:var( --e-global-typography-0148a98-font-weight );line-height:var( --e-global-typography-0148a98-line-height );}:where( .elementor-72 .elementor-element.elementor-element-15e08318 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}body.elementor-page-72:not(.elementor-motion-effects-element-type-background), body.elementor-page-72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}@media(max-width:1024px){.elementor-widget-global{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-global-415{font-size:14px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-72 .elementor-element.elementor-element-cacf9b9 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-widget-global .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-global-423 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-23586d5{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-53269ad{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-86eb35c{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-85bac47{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--grid-auto-flow:row;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-bf6d9a4 .elementor-heading-title{font-size:var( --e-global-typography-2a95794-font-size );line-height:var( --e-global-typography-2a95794-line-height );}.elementor-72 .elementor-element.elementor-element-839572c .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-aad3a43 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-b68b10a{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-53e5685{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-70fa1f30{--justify-content:flex-start;}.elementor-72 .elementor-element.elementor-element-a555a41 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-174d9713{width:100%;max-width:100%;text-align:start;}.elementor-72 .elementor-element.elementor-element-463361b4{width:100%;max-width:100%;text-align:start;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-468423b6 .elementor-button{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-73d10951{--n-accordion-title-font-size:var( --e-global-typography-0148a98-font-size );}:where( .elementor-72 .elementor-element.elementor-element-73d10951 > .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:var( --e-global-typography-0148a98-line-height );}.elementor-72 .elementor-element.elementor-element-85dca29{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-f954dbe{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -100px;}.elementor-72 .elementor-element.elementor-element-096d911{--grid-auto-flow:row;}.elementor-72 .elementor-element.elementor-element-e592259{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-9dad1fa{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-470eb1e{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-5819a9ce{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-3d680584 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-527cc004{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-7dce5bb4 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-72 .elementor-element.elementor-element-6e7de291{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-579b7c9c .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-21a76af7 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-72 .elementor-element.elementor-element-6db92ed7{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-5b4bfcd4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-7ed5753a .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-72 .elementor-element.elementor-element-1dc05073{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-5697f74f .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-e1fa37d .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-72 .elementor-element.elementor-element-b380bd5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-c609f3b .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-ff84774 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-72 .elementor-element.elementor-element-7090124{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6fa0c3d .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-fc78aeb .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-72 .elementor-element.elementor-element-8d336fb{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6410963 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-760f600d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-72 .elementor-element.elementor-element-e33d18d{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-c1410fc{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-f27a27f{--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:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:32px;--padding-right:32px;}.elementor-72 .elementor-element.elementor-element-710ca9e6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-38e5e4a6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6f7f7054 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-15e08318{--n-accordion-title-font-size:var( --e-global-typography-0148a98-font-size );}:where( .elementor-72 .elementor-element.elementor-element-15e08318 > .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:var( --e-global-typography-0148a98-line-height );}}@media(min-width:768px){.elementor-72 .elementor-element.elementor-element-09e0662{--width:50%;}.elementor-72 .elementor-element.elementor-element-e48e89b{--width:80%;}.elementor-72 .elementor-element.elementor-element-3566b99{--width:40%;}.elementor-72 .elementor-element.elementor-element-70fa1f30{--width:50%;}.elementor-72 .elementor-element.elementor-element-31aeeb63{--width:50%;}.elementor-72 .elementor-element.elementor-element-fdbe5f5{--width:100%;}.elementor-72 .elementor-element.elementor-element-b878039{--width:40%;}.elementor-72 .elementor-element.elementor-element-00307bb{--width:66.66%;}.elementor-72 .elementor-element.elementor-element-99ff245{--width:100%;}.elementor-72 .elementor-element.elementor-element-2663650{--width:100%;}.elementor-72 .elementor-element.elementor-element-4e3098dc{--width:50%;}.elementor-72 .elementor-element.elementor-element-250c0b02{--width:50%;}.elementor-72 .elementor-element.elementor-element-7420c739{--width:33.3333%;}.elementor-72 .elementor-element.elementor-element-4498b508{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-72 .elementor-element.elementor-element-09e0662{--width:100%;}.elementor-72 .elementor-element.elementor-element-b878039{--width:70%;}.elementor-72 .elementor-element.elementor-element-7420c739{--width:100%;}.elementor-72 .elementor-element.elementor-element-4498b508{--width:100%;}}@media(max-width:767px){.elementor-72 .elementor-element.elementor-element-09e0662{--min-height:240px;}.elementor-widget-global{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-global-415{font-size:13px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-72 .elementor-element.elementor-element-cacf9b9 .elementor-heading-title{font-size:26px;line-height:36px;}.elementor-widget-global .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-global-423 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-1183e19{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-2b1578d{padding:0px 0px 0px 10px;}.elementor-72 .elementor-element.elementor-element-2b1578d img{width:72px;}.elementor-72 .elementor-element.elementor-element-e48e89b{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-23586d5{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-53269ad{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-86eb35c{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-610243b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-72 .elementor-element.elementor-element-610243b .elementor-heading-title{font-size:30px;}.elementor-72 .elementor-element.elementor-element-85bac47{--e-con-grid-template-columns:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-1d1c99d .elementor-heading-title{font-size:40px;}.elementor-72 .elementor-element.elementor-element-3bf7093 .elementor-heading-title{font-size:40px;}.elementor-72 .elementor-element.elementor-element-e108982 .elementor-heading-title{font-size:40px;}.elementor-72 .elementor-element.elementor-element-a5fcecb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-3566b99{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-3566b99.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-72 .elementor-element.elementor-element-bf6d9a4 .elementor-heading-title{font-size:var( --e-global-typography-2a95794-font-size );line-height:var( --e-global-typography-2a95794-line-height );}.elementor-72 .elementor-element.elementor-element-839572c .elementor-heading-title{font-size:26px;line-height:36px;}.elementor-72 .elementor-element.elementor-element-aad3a43 .elementor-heading-title{font-size:26px;line-height:36px;}.elementor-72 .elementor-element.elementor-element-b68b10a{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-53e5685{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:60px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-a555a41 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-174d9713{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-463361b4{width:100%;max-width:100%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-468423b6 .elementor-button{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-663a88e9{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-72 .elementor-element.elementor-element-ac63a7b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-72 .elementor-element.elementor-element-38609bf5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-72 .elementor-element.elementor-element-32a1701f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-72 .elementor-element.elementor-element-36cd1533{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-72 .elementor-element.elementor-element-73d10951.elementor-element{--align-self:flex-start;}.elementor-72 .elementor-element.elementor-element-73d10951{--n-accordion-item-title-space-between:30px;--n-accordion-title-font-size:var( --e-global-typography-0148a98-font-size );}:where( .elementor-72 .elementor-element.elementor-element-73d10951 > .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:var( --e-global-typography-0148a98-line-height );}.elementor-72 .elementor-element.elementor-element-b878039{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-72 .elementor-element.elementor-element-f954dbe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-72 .elementor-element.elementor-element-096d911{--e-con-grid-template-columns:repeat(1, 1fr);--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;}.elementor-72 .elementor-element.elementor-element-e592259{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-9dad1fa{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-470eb1e{font-size:14px;line-height:24px;}.elementor-72 .elementor-element.elementor-element-5819a9ce{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-3d680584 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-527cc004{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-250c0b02{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-72 .elementor-element.elementor-element-7dce5bb4 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-6e7de291{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-579b7c9c .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-21a76af7 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-6db92ed7{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-5b4bfcd4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-7ed5753a .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-1dc05073{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-5697f74f .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-e1fa37d .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-b380bd5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-c609f3b .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-ff84774 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-7090124{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6fa0c3d .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-fc78aeb .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-72 .elementor-element.elementor-element-8d336fb{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6410963 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-760f600d{--e-n-carousel-swiper-slides-to-display:1;}.elementor-72 .elementor-element.elementor-element-e33d18d{width:100%;max-width:100%;}.elementor-72 .elementor-element.elementor-element-77148bc{padding:0px 10px 0px 10px;}.elementor-72 .elementor-element.elementor-element-f27a27f{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-72 .elementor-element.elementor-element-710ca9e6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-72 .elementor-element.elementor-element-38e5e4a6{width:100%;max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-72 .elementor-element.elementor-element-6f7f7054 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-72 .elementor-element.elementor-element-15e08318{--n-accordion-title-font-size:var( --e-global-typography-0148a98-font-size );}:where( .elementor-72 .elementor-element.elementor-element-15e08318 > .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:var( --e-global-typography-0148a98-line-height );}}/* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e2a779 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10d14b46 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74a5d41d *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f1373e *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6610669 *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6a1fae *//* --- 1. Parent Container --- */ .card-services-2 { background-color: transparent; transition: all 0.4s ease-in-out; position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 387px; border: none; } /* --- 2. Vertical Right Border --- */ .card-services-2::after { content: ''; position: absolute; right: 0; top: 50px; /* Gap from top */ bottom: 50px; /* Gap from bottom */ width: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; } /* Hide vertical border for every 3rd item (rightmost column in a 3-col grid) */ .card-services-2:nth-child(3n)::after { display: none; } /* --- 3. Horizontal Bottom Border --- */ .card-services-2::before { content: ''; position: absolute; bottom: 0; left: 20px; /* Gap from left */ right: 20px; /* Gap from right */ height: 1px; background-color: rgba(0, 43, 36, 0.25); transition: opacity 0.3s ease; display: none; /* Hidden by default for the first row */ } /* Show bottom border only for items 4 and above (second row onwards) */ .card-services-2:nth-child(n+4)::before { display: block; } /* --- 4. Content Container (Moves Up on Hover) --- */ .content-services-2 { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 2; padding-bottom: 30px; flex-grow: 1; /* Ensures content fills space so button stays at the bottom */ } /* --- 5. The Button (Absolute at Bottom) --- */ .btn-card-services-2 { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(100%); /* Hidden below the card */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 3; } /* --- 7. HOVER EFFECTS --- */ /* Hide borders on hover */ .card-services-2:hover::before, .card-services-2:hover::after { opacity: 0; } /* Lift content to make room for the button */ .card-services-2:hover .content-services-2 { transform: translateY(-60px); } /* Slide button in from bottom */ .card-services-2:hover .btn-card-services-2 { opacity: 1; transform: translateY(0); } /* Change number to watermark effect on hover */ .card-services-2:hover .number-services-2 .elementor-heading-title { color: black !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Satoshi'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Regular.eot'); src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Regular.eot?#iefix') format('embedded-opentype'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Regular.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Regular.woff') format('woff'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Regular.ttf') format('truetype'); } @font-face { font-family: 'Satoshi'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Medium.eot'); src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Medium.eot?#iefix') format('embedded-opentype'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Medium.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Medium.woff') format('woff'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Medium.ttf') format('truetype'); } @font-face { font-family: 'Satoshi'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Bold.eot'); src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Bold.eot?#iefix') format('embedded-opentype'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Bold.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Bold.woff') format('woff'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/Satoshi-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter Display'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-Regular.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-Regular.ttf') format('truetype'); } @font-face { font-family: 'Inter Display'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-Medium.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-Medium.ttf') format('truetype'); } @font-face { font-family: 'Inter Display'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-SemiBold.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Inter Display'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-Bold.woff2') format('woff2'), url('https://cclonline.co.nz/wp-content/uploads/2026/04/InterDisplay-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */