.elementor-19448 .elementor-element.elementor-element-e86492c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:10px;--padding-left:20px;--padding-right:10px;}.elementor-19448 .elementor-element.elementor-element-e86492c:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-e86492c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-6a9681e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6 .elementor-icon-wrapper{text-align:left;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-stacked .elementor-icon{background-color:#EEEEEE;color:#000000;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-default .elementor-icon{color:#EEEEEE;border-color:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-default .elementor-icon svg{fill:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6.elementor-view-stacked .elementor-icon svg{fill:#000000;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6 .elementor-icon{font-size:15px;}.elementor-19448 .elementor-element.elementor-element-9bb5fb6 .elementor-icon svg{height:15px;}.elementor-19448 .elementor-element.elementor-element-6970f8e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-d72db38 .elementor-icon-wrapper{text-align:left;}.elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-stacked .elementor-icon{background-color:#EEEEEE;color:#000000;}.elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-default .elementor-icon{color:#EEEEEE;border-color:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-default .elementor-icon svg{fill:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-19448 .elementor-element.elementor-element-d72db38.elementor-view-stacked .elementor-icon svg{fill:#000000;}.elementor-19448 .elementor-element.elementor-element-d72db38 .elementor-icon{font-size:15px;}.elementor-19448 .elementor-element.elementor-element-d72db38 .elementor-icon svg{height:15px;}.elementor-19448 .elementor-element.elementor-element-2ef5039{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-9b24b1e .elementor-icon-wrapper{text-align:left;}.elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-stacked .elementor-icon{background-color:#EEEEEE;color:#000000;}.elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-default .elementor-icon{color:#EEEEEE;border-color:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-default .elementor-icon svg{fill:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-19448 .elementor-element.elementor-element-9b24b1e.elementor-view-stacked .elementor-icon svg{fill:#000000;}.elementor-19448 .elementor-element.elementor-element-9b24b1e .elementor-icon{font-size:15px;}.elementor-19448 .elementor-element.elementor-element-9b24b1e .elementor-icon svg{height:15px;}.elementor-19448 .elementor-element.elementor-element-db9c683{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4 .elementor-icon-wrapper{text-align:left;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-stacked .elementor-icon{background-color:#EEEEEE;color:#000000;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-default .elementor-icon{color:#EEEEEE;border-color:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-default .elementor-icon svg{fill:#EEEEEE;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4.elementor-view-stacked .elementor-icon svg{fill:#000000;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4 .elementor-icon{font-size:15px;}.elementor-19448 .elementor-element.elementor-element-c7e3ca4 .elementor-icon svg{height:15px;}.elementor-19448 .elementor-element.elementor-element-4573177{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 20px 20px;--padding-top:30px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19448 .elementor-element.elementor-element-4573177:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-4573177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-1790699{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-1966f7c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-1966f7c:hover{background-color:#ECECECA3;}.elementor-19448 .elementor-element.elementor-element-a692f85 .elementor-button{background-color:#FFFFFF00;font-size:20px;font-weight:500;text-transform:capitalize;fill:#000000;color:#000000;padding:15px 15px 15px 15px;}.elementor-19448 .elementor-element.elementor-element-a692f85{width:auto;max-width:auto;}.elementor-19448 .elementor-element.elementor-element-a692f85.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-19448 .elementor-element.elementor-element-a692f85 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-19448 .elementor-element.elementor-element-0115733{width:auto;max-width:auto;}.elementor-19448 .elementor-element.elementor-element-0115733 .elementor-icon-wrapper{text-align:center;}.elementor-19448 .elementor-element.elementor-element-0115733.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-19448 .elementor-element.elementor-element-0115733.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-0115733.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-19448 .elementor-element.elementor-element-0115733.elementor-view-framed .elementor-icon, .elementor-19448 .elementor-element.elementor-element-0115733.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-19448 .elementor-element.elementor-element-0115733 .elementor-icon{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-0115733 .elementor-icon svg{height:18px;}.elementor-19448 .elementor-element.elementor-element-309ae3c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:10px;}.elementor-19448 .elementor-element.elementor-element-309ae3c:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-309ae3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-b4767c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-9c2eeac .elementor-heading-title{font-size:16px;font-weight:500;color:#5A5A5A;}.elementor-19448 .elementor-element.elementor-element-7dd80d9{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-698a7cb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-6d832b1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-6da4419{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-6da4419:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-6da4419 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-8decd55 .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-8decd55 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-8decd55 .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-8decd55 .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-8decd55 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-6d41a24 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-6d41a24 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-97952ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-07d4e91{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-07d4e91:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-07d4e91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-0af58c2 .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-0af58c2 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-0af58c2 .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-0af58c2 .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-0af58c2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-927dfd9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-927dfd9 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-7fc12bc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-215cf1b{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-215cf1b:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-215cf1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-7e97180 .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-7e97180 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-7e97180 .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-7e97180 .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-7e97180 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-879667c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-879667c .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-f1d9db5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-5fafc9c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-5fafc9c:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-5fafc9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-3f727ae .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-3f727ae .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-3f727ae .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-3f727ae .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-3f727ae .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-ff605ac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-ff605ac .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-463db1f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-d38d610{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-d38d610:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-d38d610 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-896e53f .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-896e53f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-896e53f .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-896e53f .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-896e53f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-3385622 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3385622 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-aca4189{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-8792c97{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-8792c97:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-8792c97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-8995e5f .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-8995e5f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-8995e5f .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-8995e5f .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-8995e5f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3ef5f61 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-ba5878b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19448 .elementor-element.elementor-element-7166ac4{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-19448 .elementor-element.elementor-element-7166ac4:not(.elementor-motion-effects-element-type-background), .elementor-19448 .elementor-element.elementor-element-7166ac4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEECF37D;}.elementor-19448 .elementor-element.elementor-element-4f1862c .elementor-button:hover, .elementor-19448 .elementor-element.elementor-element-4f1862c .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-4f1862c .elementor-button{font-size:11px;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:2px 6px 2px 6px;}.elementor-19448 .elementor-element.elementor-element-4f1862c .elementor-button:hover svg, .elementor-19448 .elementor-element.elementor-element-4f1862c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta .elementor-cta__bg, .elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-19448 .elementor-element.elementor-element-f8ae81f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta__content{text-align:center;padding:1px 1px 1px 1px;background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta__image{margin-bottom:0px;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta__image img{width:60%;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta__title{font-size:18px;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta:hover .elementor-cta__content{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta:hover .elementor-cta__title{color:#FFFFFF;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-f8ae81f .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#02010100;}.elementor-19448 .elementor-element.elementor-element-3bb9c07{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-19448 .elementor-element.elementor-element-3bb9c07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19448 .elementor-element.elementor-element-930d270{--spacer-size:50px;}#elementor-popup-modal-19448 .dialog-widget-content{animation-duration:0.8s;background-color:#DFDFDF;border-radius:20px 0px 0px 20px;}#elementor-popup-modal-19448{background-color:#00000082;justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-19448 .dialog-message{width:450px;height:100vh;align-items:flex-start;}@media(max-width:1024px){.elementor-19448 .elementor-element.elementor-element-3bb9c07{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-19448 .elementor-element.elementor-element-6a9681e{--width:80%;}.elementor-19448 .elementor-element.elementor-element-6970f8e{--width:10%;}.elementor-19448 .elementor-element.elementor-element-2ef5039{--width:10%;}.elementor-19448 .elementor-element.elementor-element-db9c683{--width:10%;}.elementor-19448 .elementor-element.elementor-element-b4767c2{--width:80%;}}@media(max-width:767px){.elementor-19448 .elementor-element.elementor-element-6a9681e{--width:55%;}.elementor-19448 .elementor-element.elementor-element-6970f8e{--width:15%;}.elementor-19448 .elementor-element.elementor-element-2ef5039{--width:15%;}.elementor-19448 .elementor-element.elementor-element-db9c683{--width:15%;}.elementor-19448 .elementor-element.elementor-element-a692f85 .elementor-button{font-size:17px;}.elementor-19448 .elementor-element.elementor-element-b4767c2{--width:70%;}.elementor-19448 .elementor-element.elementor-element-6da4419{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19448 .elementor-element.elementor-element-3bb9c07{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-offset-size:41px;}#elementor-popup-modal-19448 .dialog-message{width:334px;}#elementor-popup-modal-19448{justify-content:flex-end;align-items:flex-start;}}/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da4419 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4e91 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215cf1b *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fafc9c *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d38d610 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8792c97 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7166ac4 *//* This class targets your container */

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


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

.container:hover {
    background: linear-gradient(265.27deg, #5c9ed4 20.55%, #7fbbec 94.17%) !important;
}


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

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


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

.container:hover .text {
    color: #FFFFFF !important;
}


/* 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;
    }
}


/* That's it - have fun and play around with the colors and transition durations ;) *//* End custom CSS */