.elementor-2190 .elementor-element.elementor-element-6653747{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2190 .elementor-element.elementor-element-be1e57b{--display:flex;--gap:40px 20px;--row-gap:40px;--column-gap:20px;}.elementor-2190 .elementor-element.elementor-element-bb35c4c{--display:flex;--justify-content:center;}.elementor-2190 .elementor-element.elementor-element-1119bc2{text-align:center;}.elementor-2190 .elementor-element.elementor-element-1119bc2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:40px;}.elementor-2190 .elementor-element.elementor-element-7bb503a{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2190 .elementor-element.elementor-element-6653747{--padding-top:30px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2190 .elementor-element.elementor-element-be1e57b{--gap:30px 20px;--row-gap:30px;--column-gap:20px;}.elementor-2190 .elementor-element.elementor-element-1119bc2 .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-2190 .elementor-element.elementor-element-6653747{--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-2190 .elementor-element.elementor-element-be1e57b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2190 .elementor-element.elementor-element-bb35c4c{--width:100%;}.elementor-2190 .elementor-element.elementor-element-1119bc2 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-2190 .elementor-element.elementor-element-bb35c4c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2190 .elementor-element.elementor-element-bb35c4c{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-6653747 */.how-works .number .elementor-widget-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F3F3F3;
    border-radius: 50%;
}
.how-works .number{
    flex-shrink: 0;
    width: 56px;
    height: 56px;
}
.how-works:hover .number .elementor-widget-container {
    background: rgba(7, 93, 68, 1);
}
.how-works:hover .number .elementor-heading-title{
    color: #fff
}
.how-works:hover .contents{
    background: rgba(7, 93, 68, 1) !important;
}
.how-works:hover .titles, .how-works:hover .description{
    color: #fff;
}
.how-works .number .elementor-widget-container:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background: linear-gradient(180deg, #075D44 0%, #FFFFFF 68.75%);
    z-index: -1;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .how-works .number{
    width: 36px !important;
    height:36px !important;
    }
    .how-works .number .elementor-widget-container:after {
         width: 40px !important;
        height:40px !important;
    }
}/* End custom CSS */