.elementor-kit-28342{--e-global-color-primary:#006F43;--e-global-color-secondary:#F1F1F1;--e-global-color-text:#00462A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"proxima-nova-condensed";--e-global-typography-primary-font-size:4rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.5rem;--e-global-typography-primary-letter-spacing:0rem;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"proxima-nova";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.11rem;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-28342 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove the line height for every icon with the same class. */
.icon {
    line-height: 0;
}

/***HERO BUTTON SECTION***/
/* Hover effect for button in hero section (desktop only) */
@media (min-width: 1025px) {
.hero-button .elementor-button-icon {
    transition: all .3s ease-in-out;
}

.hero-button:hover .elementor-button-icon {
    transform: translateX(1rem) scale(1.1);
    transition: all .5s ease-in-out;
}
} /*end of media query*/

/*Eliminates hero button hover for tablet*/
@media (max-width: 1024px) {
.hero-button .elementor-button {
    background-color: #006f43cc !important;
}

.hero-button .elementor-button:hover {
    background-color: #f1f1f1cc !important;
    color: #006f43 !important;
}

.hero-button:hover .elementor-button-icon svg {
    fill: #006f43 !important;
}

}/*end of media query*/

/***SERVICE CARD SECTION***/
/*Creates hover effect for service cards.*/
    
/*.service-container affects container for service card*/
@media (min-width: 1025px) {
.service-container {
    max-width: 360px
}
}/*end of media query*/

/*.service effects the whole card*/
.service {
    box-shadow: 4px 4px 4px #00000040 !important;
    transition: all .7s ease-in-out;
}

@media (min-width: 1025px) {
.service:hover {
    box-shadow: 4px 4px 25px #00000080 !important;
    background-color: #fcfcfc !important;
    transform: translateY(-4px);
    transition: all .3s ease-in-out;
}
}/*end of media query*/

/*.cta-icon effects the icon beside the cta at the bottom of the card*/
.service .cta-icon svg{
    transition: all .7s;
}

@media (min-width: 1025px) {
.service:hover .cta-icon svg {
    transform: translateX(50px) scale(1.1);
    fill: #006f43 !important;
    transition: all .5s ease-in-out;
}

/*.service-cta effects the cta text*/
.service .service-cta {
    text-decoration: underline #006f4300;
    transition: all .7s ease-in-out;
}
.service:hover .service-cta {
    text-decoration-color: inherit;
    color: #006f43 !important;
    transition: all .7s ease-in-out;
}
}/*end of media query*/

/*.service-icon effects the icons above the service title*/
.service .service-icon {
    line-height: 0;
} /* This is to eliminate random padding elementor adds to bottom of icons*/

/*Default view for tablet & mobile*/
.service .service-icon .elementor-icon {
    fill: #f1f1f1 !important;
    background-color: #006f43 !important;
    border: solid;
    border-width: 1px;
    border-color: #f1f1f1;
}

/*Desktop only (adds hover effect)*/
@media (min-width: 1025px) {
.service .service-icon .elementor-icon {
    fill: #00462a !important;
    background-color: #f1f8f6 !important;
    border-color: #00462a10;
}

.service:hover .service-icon .elementor-icon {
    fill: #f1f1f1 !important;
    background-color: #006f43 !important;
    transition: all .5s ease-in-out;
}
}/*end of media query*//* End custom CSS */