.elementor-2356 .elementor-element.elementor-element-39da2c0{--display:flex;--min-height:126px;--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:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:0%;--z-index:9999;}.elementor-2356 .elementor-element.elementor-element-39da2c0:not(.elementor-motion-effects-element-type-background), .elementor-2356 .elementor-element.elementor-element-39da2c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2578B9;}.elementor-2356 .elementor-element.elementor-element-4ef9e31{--display:flex;--justify-content:center;}.elementor-2356 .elementor-element.elementor-element-27b673ef{width:var( --container-widget-width, 238px );max-width:238px;--container-widget-width:238px;--container-widget-flex-grow:0;}.elementor-2356 .elementor-element.elementor-element-9d3c5cb{--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:center;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-2356 .elementor-element.elementor-element-2ca96cb6{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-2356 .elementor-element.elementor-element-3194cecd{--display:flex;}.elementor-2356 .elementor-element.elementor-element-3ea06c7{--display:flex;--min-height:0px;--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:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2356 .elementor-element.elementor-element-3ea06c7:not(.elementor-motion-effects-element-type-background), .elementor-2356 .elementor-element.elementor-element-3ea06c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e60d0d0 );}.elementor-2356 .elementor-element.elementor-element-cecf151{--display:flex;--min-height:300px;--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-end;--background-transition:0.3s;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2356 .elementor-element.elementor-element-cecf151:not(.elementor-motion-effects-element-type-background), .elementor-2356 .elementor-element.elementor-element-cecf151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323742;background-image:url("https://homeheatingplumbing.com/wp-content/uploads/2024/08/Boilers.jpg");background-position:center center;background-size:cover;}.elementor-2356 .elementor-element.elementor-element-cecf151::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .e-con-inner > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .elementor-background-slideshow::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-e60d0d0 );}.elementor-2356 .elementor-element.elementor-element-cecf151:hover::before, .elementor-2356 .elementor-element.elementor-element-cecf151:hover > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-cecf151:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .elementor-background-slideshow:hover::before, .elementor-2356 .elementor-element.elementor-element-cecf151 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-2356 .elementor-element.elementor-element-cecf151:hover{--overlay-opacity:1;}.elementor-2356 .elementor-element.elementor-element-b3e74ad{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2356 .elementor-element.elementor-element-fc354ef{text-align:left;font-size:18px;font-weight:700;line-height:20px;z-index:1;--e-transform-transition-duration:600ms;}.elementor-2356 .elementor-element.elementor-element-fc354ef > .elementor-widget-container{padding:9px 9px 9px 9px;}.elementor-2356 .elementor-element.elementor-element-fc354ef > .elementor-widget-container:hover{--e-transform-translateY:-5px;}.elementor-2356 .elementor-element.elementor-element-fc354ef:hover .elementor-widget-container{background-color:#2578B9;border-style:none;}.elementor-2356 .elementor-element.elementor-element-ee83f8f{text-align:left;font-size:18px;font-weight:700;line-height:20px;z-index:1;--e-transform-transition-duration:600ms;}.elementor-2356 .elementor-element.elementor-element-ee83f8f > .elementor-widget-container{padding:9px 9px 9px 9px;}.elementor-2356 .elementor-element.elementor-element-ee83f8f > .elementor-widget-container:hover{--e-transform-translateY:-5px;}.elementor-2356 .elementor-element.elementor-element-ee83f8f:hover .elementor-widget-container{background-color:#2578B9;border-style:none;}.elementor-2356 .elementor-element.elementor-element-50d01eb{text-align:left;font-size:18px;font-weight:700;line-height:20px;z-index:1;--e-transform-transition-duration:600ms;}.elementor-2356 .elementor-element.elementor-element-50d01eb > .elementor-widget-container{padding:9px 9px 9px 9px;}.elementor-2356 .elementor-element.elementor-element-50d01eb > .elementor-widget-container:hover{--e-transform-translateY:-5px;}.elementor-2356 .elementor-element.elementor-element-50d01eb:hover .elementor-widget-container{background-color:#029543;border-style:none;}.elementor-2356 .elementor-element.elementor-element-9f510c3{--display:flex;--position:absolute;--z-index:0;}.elementor-2356 .elementor-element.elementor-element-c03732e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:45px;font-weight:700;line-height:65px;letter-spacing:-3.2px;color:var( --e-global-color-4a08649 );}.elementor-2356 .elementor-element.elementor-element-c03732e.elementor-element{--align-self:center;}.elementor-2356 .elementor-element.elementor-element-69795cc{--display:flex;--min-height:300px;--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-end;--background-transition:0.3s;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2356 .elementor-element.elementor-element-69795cc:not(.elementor-motion-effects-element-type-background), .elementor-2356 .elementor-element.elementor-element-69795cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323742;background-image:url("https://homeheatingplumbing.com/wp-content/uploads/2024/08/bath.webp");background-position:center center;background-size:cover;}.elementor-2356 .elementor-element.elementor-element-69795cc::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .e-con-inner > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .elementor-background-slideshow::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-e60d0d0 );}.elementor-2356 .elementor-element.elementor-element-69795cc:hover::before, .elementor-2356 .elementor-element.elementor-element-69795cc:hover > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-69795cc:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .elementor-background-slideshow:hover::before, .elementor-2356 .elementor-element.elementor-element-69795cc > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-2356 .elementor-element.elementor-element-69795cc:hover{--overlay-opacity:1;}.elementor-2356 .elementor-element.elementor-element-ff374b0{--display:flex;--min-height:127px;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2356 .elementor-element.elementor-element-37b23b4{text-align:left;font-size:18px;font-weight:700;line-height:20px;z-index:1;--e-transform-transition-duration:600ms;}.elementor-2356 .elementor-element.elementor-element-37b23b4 > .elementor-widget-container{padding:9px 9px 9px 9px;}.elementor-2356 .elementor-element.elementor-element-37b23b4 > .elementor-widget-container:hover{--e-transform-translateY:-5px;}.elementor-2356 .elementor-element.elementor-element-37b23b4:hover .elementor-widget-container{background-color:#2578B9;border-style:none;}.elementor-2356 .elementor-element.elementor-element-ca07372{--display:flex;--position:absolute;--z-index:0;}.elementor-2356 .elementor-element.elementor-element-8314bda .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:45px;font-weight:700;line-height:65px;letter-spacing:-3.2px;color:var( --e-global-color-4a08649 );}.elementor-2356 .elementor-element.elementor-element-8314bda.elementor-element{--align-self:center;}.elementor-2356 .elementor-element.elementor-element-70a765a{--display:flex;--min-height:300px;--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-end;--background-transition:0.3s;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2356 .elementor-element.elementor-element-70a765a:not(.elementor-motion-effects-element-type-background), .elementor-2356 .elementor-element.elementor-element-70a765a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323742;background-image:url("https://homeheatingplumbing.com/wp-content/uploads/2024/08/newbuild.webp");background-position:center center;background-size:cover;}.elementor-2356 .elementor-element.elementor-element-70a765a::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .e-con-inner > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .elementor-background-slideshow::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-e60d0d0 );}.elementor-2356 .elementor-element.elementor-element-70a765a:hover::before, .elementor-2356 .elementor-element.elementor-element-70a765a:hover > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-70a765a:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .elementor-background-slideshow:hover::before, .elementor-2356 .elementor-element.elementor-element-70a765a > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-2356 .elementor-element.elementor-element-70a765a:hover{--overlay-opacity:1;}.elementor-2356 .elementor-element.elementor-element-450b3cd{--display:flex;--min-height:127px;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2356 .elementor-element.elementor-element-c03595e{text-align:left;font-size:18px;font-weight:700;line-height:20px;z-index:1;--e-transform-transition-duration:600ms;}.elementor-2356 .elementor-element.elementor-element-c03595e > .elementor-widget-container{padding:9px 9px 9px 9px;}.elementor-2356 .elementor-element.elementor-element-c03595e > .elementor-widget-container:hover{--e-transform-translateY:-5px;}.elementor-2356 .elementor-element.elementor-element-c03595e:hover .elementor-widget-container{background-color:#2578B9;border-style:none;}.elementor-2356 .elementor-element.elementor-element-2429454{--display:flex;--position:absolute;--z-index:0;}.elementor-2356 .elementor-element.elementor-element-6a72991 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:45px;font-weight:700;line-height:65px;letter-spacing:-3.2px;color:var( --e-global-color-4a08649 );}.elementor-2356 .elementor-element.elementor-element-6a72991.elementor-element{--align-self:center;}.elementor-2356 .elementor-element.elementor-element-1630199{--display:flex;}.elementor-2356 .elementor-element.elementor-element-450d166{--display:flex;}.elementor-2356 .elementor-element.elementor-element-1f8ad34a{--display:flex;}.elementor-2356 .elementor-element.elementor-element-2791260{--display:flex;}.elementor-2356 .elementor-element.elementor-element-6313596{--display:flex;}.elementor-2356 .elementor-element.elementor-element-408694{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-space-between:14px;--n-menu-title-distance-from-content:37px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:var( --e-global-color-4a08649 );--n-menu-title-transition:300ms;--n-menu-title-padding:10px 30px 10px 30px;--n-menu-icon-size:16px;--n-menu-icon-gap:0px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-4a08649 );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4a08649 );}.elementor-2356 .elementor-element.elementor-element-408694 {--n-menu-title-color-hover:var( --e-global-color-primary );--n-menu-title-color-active:var( --e-global-color-10d91ae );}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:var( --e-global-color-4a08649 );border-style:solid;border-width:1px 1px 1px 1px;box-shadow:0px 0px 10px -3px rgba(0,0,0,0.5) inset;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-e60d0d0 );border-style:solid;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:30px 30px 30px 30px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-10d91ae );}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-e60d0d0 );}.elementor-2356 .elementor-element.elementor-element-2dd793b{--display:flex;--justify-content:center;--background-transition:0.3s;box-shadow:0px 0px 19px -8px rgba(0,0,0,0.5) inset;}.elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;line-height:19px;letter-spacing:-0.8px;fill:var( --e-global-color-4a08649 );color:var( --e-global-color-4a08649 );background-color:var( --e-global-color-e60d0d0 );border-radius:0px 0px 0px 0px;padding:50px 0px 50px 0px;}.elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button:hover, .elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button:focus{color:var( --e-global-color-10d91ae );background-color:#E4E4E4;}.elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button:hover svg, .elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button:focus svg{fill:var( --e-global-color-10d91ae );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-2356:not(.elementor-motion-effects-element-type-background), .elementor-2356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}@media(max-width:1270px){.elementor-2356 .elementor-element.elementor-element-39da2c0{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-2356 .elementor-element.elementor-element-c03732e .elementor-heading-title{font-size:53px;line-height:51px;}.elementor-2356 .elementor-element.elementor-element-8314bda .elementor-heading-title{font-size:53px;line-height:51px;}.elementor-2356 .elementor-element.elementor-element-6a72991 .elementor-heading-title{font-size:53px;line-height:51px;}.elementor-2356 .elementor-element.elementor-element-408694{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-title-space-between:15px;--n-menu-title-padding:5px 30px 5px 30px;}.elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button{font-size:19px;line-height:21px;}}@media(max-width:1000px){.elementor-2356 .elementor-element.elementor-element-39da2c0{--min-height:55px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2356 .elementor-element.elementor-element-9d3c5cb{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2356 .elementor-element.elementor-element-cecf151{--min-height:50px;}.elementor-2356 .elementor-element.elementor-element-c03732e .elementor-heading-title{font-size:40px;line-height:0.9em;}.elementor-2356 .elementor-element.elementor-element-69795cc{--min-height:50px;}.elementor-2356 .elementor-element.elementor-element-8314bda .elementor-heading-title{font-size:40px;line-height:0.9em;}.elementor-2356 .elementor-element.elementor-element-70a765a{--min-height:50px;}.elementor-2356 .elementor-element.elementor-element-6a72991 .elementor-heading-title{font-size:40px;line-height:0.9em;}.elementor-2356 .elementor-element.elementor-element-408694{--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0px;--n-menu-title-distance-from-content:0px;--n-menu-title-padding:10px 10px 10px 10px;--n-menu-toggle-icon-distance-from-dropdown:36px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-width:0px 0px 0px 0px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-width:0px 0px 0px 0px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-2356 .elementor-element.elementor-element-408694.elementor-element{--align-self:center;}.elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button{font-size:17px;line-height:0.9em;padding:30px 30px 30px 30px;}}@media(max-width:480px){.elementor-2356 .elementor-element.elementor-element-39da2c0{--min-height:66px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-2356 .elementor-element.elementor-element-4ef9e31{--width:40%;}.elementor-2356 .elementor-element.elementor-element-9d3c5cb{--width:40%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2356 .elementor-element.elementor-element-cecf151{--min-height:50px;}.elementor-2356 .elementor-element.elementor-element-c03732e .elementor-heading-title{font-size:39px;line-height:1em;letter-spacing:-1.5px;}.elementor-2356 .elementor-element.elementor-element-69795cc{--min-height:50px;}.elementor-2356 .elementor-element.elementor-element-8314bda .elementor-heading-title{font-size:39px;line-height:1em;letter-spacing:-1.5px;}.elementor-2356 .elementor-element.elementor-element-70a765a{--min-height:50px;}.elementor-2356 .elementor-element.elementor-element-6a72991 .elementor-heading-title{font-size:39px;line-height:1em;letter-spacing:-1.5px;}.elementor-2356 .elementor-element.elementor-element-408694{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-toggle-align:center;--n-menu-title-space-between:0px;--n-menu-title-distance-from-content:0px;--n-menu-title-padding:16px 16px 16px 16px;--n-menu-toggle-icon-size:24px;--n-menu-toggle-icon-border-radius:0px 0px 0px 0px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;--n-menu-toggle-icon-distance-from-dropdown:19px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-width:0px 0px 0px 0px;}.elementor-2356 .elementor-element.elementor-element-408694 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-2356 .elementor-element.elementor-element-2dd793b{--width:20%;}.elementor-2356 .elementor-element.elementor-element-ebd19eb .elementor-button{font-size:16px;line-height:1em;letter-spacing:-0.7px;}}@media(min-width:481px){.elementor-2356 .elementor-element.elementor-element-4ef9e31{--width:20%;}.elementor-2356 .elementor-element.elementor-element-b3e74ad{--width:64%;}.elementor-2356 .elementor-element.elementor-element-ff374b0{--width:55%;}.elementor-2356 .elementor-element.elementor-element-450b3cd{--width:55%;}.elementor-2356 .elementor-element.elementor-element-2dd793b{--width:200px;}}@media(max-width:1000px) and (min-width:481px){.elementor-2356 .elementor-element.elementor-element-4ef9e31{--width:30%;}.elementor-2356 .elementor-element.elementor-element-9d3c5cb{--width:50%;}.elementor-2356 .elementor-element.elementor-element-2dd793b{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecf151 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text a {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
    
}
.container:hover .text a {
    color: #ffffff !important;
    

}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69795cc *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70a765a *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.4s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #323742 !important;
}


/* This class targets your text editor(s) */

.text {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.2s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #ffffff !important;
    padding-left:20%;
    
}

/* This class targets your text editor(s) */

.heading {
    color: rgba(255, 99, 71, 0) !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .heading {
    color: #ffffff !important;
    padding-right:50%;
    
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-408694 */.book     {border-style: solid;
    border-width: 5px 1px 1px 1px;
    border-color: #cccccc;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39da2c0 */.elementor-sticky--effects 
{


transition: all 0.5s ease;

}
.elementor-sticky--effects .stickyheaders {
max-height: 110px!important;
width: auto;
}/* End custom CSS */
/* Start custom CSS */navi a {color:#ffffff !important;}
navi a:hover {color:#cccccc !important;}/* End custom CSS */