.elementor-576 .elementor-element.elementor-element-7352855{--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:flex-start;--overlay-opacity:0.2;--overlay-mix-blend-mode:multiply;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-576 .elementor-element.elementor-element-7352855:not(.elementor-motion-effects-element-type-background), .elementor-576 .elementor-element.elementor-element-7352855 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-98f60de );}.elementor-576 .elementor-element.elementor-element-7352855::before, .elementor-576 .elementor-element.elementor-element-7352855 > .elementor-background-video-container::before, .elementor-576 .elementor-element.elementor-element-7352855 > .e-con-inner > .elementor-background-video-container::before, .elementor-576 .elementor-element.elementor-element-7352855 > .elementor-background-slideshow::before, .elementor-576 .elementor-element.elementor-element-7352855 > .e-con-inner > .elementor-background-slideshow::before, .elementor-576 .elementor-element.elementor-element-7352855 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tchelplink.com/wp-content/uploads/2025/02/TCB_Visual-Elements_Textures_01_CMYK.webp");--background-overlay:'';background-position:top right;background-repeat:no-repeat;}.elementor-576 .elementor-element.elementor-element-7a884e86 .elementor-heading-title{font-family:var( --e-global-typography-22b55ec-font-family ), Sans-serif;font-size:var( --e-global-typography-22b55ec-font-size );font-weight:var( --e-global-typography-22b55ec-font-weight );text-transform:var( --e-global-typography-22b55ec-text-transform );line-height:var( --e-global-typography-22b55ec-line-height );color:var( --e-global-color-b3ee4b9 );}.elementor-576 .elementor-element.elementor-element-2863e3a3 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-576 .elementor-element.elementor-element-2863e3a3{--e-icon-list-icon-size:10px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:8px;}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-576 .elementor-element.elementor-element-2863e3a3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-576 .elementor-element.elementor-element-2de287a .elementor-button{font-family:var( --e-global-typography-e0bb2e2-font-family ), Sans-serif;font-size:var( --e-global-typography-e0bb2e2-font-size );font-weight:var( --e-global-typography-e0bb2e2-font-weight );text-transform:var( --e-global-typography-e0bb2e2-text-transform );line-height:var( --e-global-typography-e0bb2e2-line-height );}@media(max-width:1366px){.elementor-576 .elementor-element.elementor-element-7a884e86 .elementor-heading-title{font-size:var( --e-global-typography-22b55ec-font-size );line-height:var( --e-global-typography-22b55ec-line-height );}.elementor-576 .elementor-element.elementor-element-2de287a .elementor-button{font-size:var( --e-global-typography-e0bb2e2-font-size );line-height:var( --e-global-typography-e0bb2e2-line-height );}}@media(max-width:1024px){.elementor-576 .elementor-element.elementor-element-7a884e86 .elementor-heading-title{font-size:var( --e-global-typography-22b55ec-font-size );line-height:var( --e-global-typography-22b55ec-line-height );}.elementor-576 .elementor-element.elementor-element-2de287a .elementor-button{font-size:var( --e-global-typography-e0bb2e2-font-size );line-height:var( --e-global-typography-e0bb2e2-line-height );}}@media(max-width:767px){.elementor-576 .elementor-element.elementor-element-7a884e86 .elementor-heading-title{font-size:var( --e-global-typography-22b55ec-font-size );line-height:var( --e-global-typography-22b55ec-line-height );}.elementor-576 .elementor-element.elementor-element-2de287a .elementor-button{font-size:var( --e-global-typography-e0bb2e2-font-size );line-height:var( --e-global-typography-e0bb2e2-line-height );}}/* Start custom CSS */h1, h2, h3, h4, h5, h6, .elementor-widget-heading, .elementor-heading-title { text-wrap: balance !important; } /*Hover Backgrounds*/ .hover-bg-1, .hover-bg-2, .hover-bg-3 { transition: opacity 0.5s ease-in-out; } /*Hover Boxes*/ .hover-bg-box-1, .hover-bg-box-2, .hover-bg-box-3 { color: var( --e-global-color-primary ); padding-bottom: 15px; } .hover-bg-box-1:hover, .hover-bg-box-2:hover, .hover-bg-box-3:hover { color: #fff; } .hover-bg-box-1::after, .hover-bg-box-2::after, .hover-bg-box-3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; /* Keep the height fixed */ background: url(https://tchelplink.com/wp-content/uploads/2025/02/TCB_Visual-Elements_Graphics-02_RGB.svg) no-repeat left bottom; background-size: auto 20px; /* Ensures full width while keeping height auto */ opacity: 0; transition: opacity 0.3s ease-in-out; } .hover-bg-box-1:hover::after, .hover-bg-box-2:hover::after, .hover-bg-box-3:hover::after { opacity: 1; } /*Mask Containers*/ .mask-container, .mask-box { /* The image used as a mask for the top of the container */ --top-mask-image: url(https://tchelplink.com/wp-content/uploads/2025/02/TCB_Section-Dividers-Top.webp); --top-mask-image-height: 80; /* The width of the top mask image */ --top-mask-image-width: 1000; /* The height of the top mask image */ /* Calculate the height of the top mask */ --top-mask-height: calc( ( var(--top-mask-image-height) / var(--top-mask-image-width) * 100 ) * 1cqw - 2px ); /* Define all the same for the bottom */ --bottom-mask-image: url(https://tchelplink.com/wp-content/uploads/2025/02/TCB_Section-Dividers-Bottom.webp); --bottom-mask-image-height: 80; /* The width of the bottom mask image */ --bottom-mask-image-width: 1000; /* The height of the bottom mask image */ /* Calculate the height of the bottom mask */ --bottom-mask-height: calc( ( var(--bottom-mask-image-height) / var(--bottom-mask-image-width) * 100 ) * 1cqw - 2px ); } .mask-container { /* Define a container to use cqw instead of vw units */ container-type: inline-size; /* Added bonus: apply padding to container above the .mask-box equal to the negative margin */ & div:has(+ .mask-box) { padding-block-end: var(--top-mask-height); } /* Added bonus: apply padding to container below the .mask-box equal to the negative margin */ & .mask-box + div { align-items: start; padding-block-start: var(--bottom-mask-height); } } .mask-box { /* Apply negative margin to the top and bottom */ margin-block: calc( -1 * var(--top-mask-height) ) calc( -1 * var(--bottom-mask-height) ); /* Pad the container so content doesn't hit the masks */ padding-block: var(--top-mask-height) var(--bottom-mask-height); /* Apply the three masks! */ mask-image: var(--top-mask-image), linear-gradient(transparent var(--top-mask-height), black 0%, black calc( 100% - var(--top-mask-height)), transparent calc( 100% - var(--bottom-mask-height)) ), var(--bottom-mask-image); mask-repeat: no-repeat; mask-position: top, top, bottom; mask-size: 100%, 100%, 100%; /* You may need to increase the width to 101% on the svg masks to compensate for strange sizing behavior in Firefox */ } .no-mask-top { --top-mask-image: none; --top-mask-image-height: 10; --top-mask-image-width: 1000; } .border-bottom { --bottom-mask-image: url(https://tchelplink.com/wp-content/uploads/2025/02/TCB_Section-Dividers-Bottom.webp); --bottom-mask-image-height: 10; --bottom-mask-image-width: 1000; }/* End custom CSS */