.elementor-9 .elementor-element.elementor-element-298cf3e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:100;}.elementor-9 .elementor-element.elementor-element-192ce3d{--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;--justify-content:space-between;}.elementor-9 .elementor-element.elementor-element-77167c1{--display:flex;--justify-content:space-evenly;}.elementor-9 .elementor-element.elementor-element-77167c1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-db765ed{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-db765ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button{background-color:#DADADA;font-family:"Abyssinica SIL", Sans-serif;font-size:26px;font-weight:400;fill:#000000;color:#000000;border-radius:25px 25px 25px 25px;padding:11px 20px 11px 20px;}.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button{font-size:20px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-298cf3e{--content-width:1600px;}.elementor-9 .elementor-element.elementor-element-192ce3d{--width:95%;}.elementor-9 .elementor-element.elementor-element-77167c1{--width:20%;}.elementor-9 .elementor-element.elementor-element-db765ed{--width:37.525%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-77167c1{--width:28%;}.elementor-9 .elementor-element.elementor-element-db765ed{--width:44%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-77167c1{--width:45%;}.elementor-9 .elementor-element.elementor-element-db765ed{--width:46%;}.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button{font-size:13px;padding:8px 10px 6px 10px;}}/* Start custom CSS for button, class: .elementor-element-804e8d2 *//* 1. Center the text and icon vertically */
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button-content-wrapper {
    display: inline-flex !important;
    align-items: center !important;
 
}

/* Base icon sizing and smooth transition setup */
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button-icon svg {
    width: 36px !important;
    height: auto !important;
}

/* Ensure the background circle and arrow have smooth hover transitions */
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button-icon svg circle,
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button-icon svg path {
    transition: all 0.3s ease-in-out !important;
}

/* Target the arrow path for a smooth rotation from its center */
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button-icon svg path {
    transform-origin: 23.5px 22.5px; /* Centers the rotation point perfectly */
}

/* 2. HOVER EFFECT: Invert background and icon colors */
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button:hover .elementor-button-icon svg circle {
    fill: #FFFFFF !important; /* Circle background becomes white */
}

.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button:hover .elementor-button-icon svg path {
    fill: #111111 !important; /* Inner arrow becomes black */
}

/* 3. HOVER EFFECT: Rotate the inner arrow by 40 degrees */
.elementor-9 .elementor-element.elementor-element-804e8d2 .elementor-button:hover .elementor-button-icon svg path {
    transform: rotate(45deg) !important;
}



.elementor-9 .elementor-element.elementor-element-804e8d2:hover .elementor-button{
    background: #0F4DFF;
    color: white;

}/* End custom CSS */