.elementor-2976 .elementor-element.elementor-element-680659a6{--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;}.elementor-2976 .elementor-element.elementor-element-42033b49 .elementor-button{font-family:"Roboto", Sans-serif;font-size:156px;font-weight:500;}.elementor-2976 .elementor-element.elementor-element-5cbad95e .elementor-button{font-family:"Roboto", Sans-serif;font-size:156px;font-weight:500;}.elementor-2976 .elementor-element.elementor-element-608da8af .elementor-button{font-family:"Roboto", Sans-serif;font-size:156px;font-weight:500;}@media(max-width:767px){.elementor-2976 .elementor-element.elementor-element-42033b49{width:100%;max-width:100%;}.elementor-2976 .elementor-element.elementor-element-5cbad95e{width:100%;max-width:100%;}.elementor-2976 .elementor-element.elementor-element-608da8af{width:100%;max-width:100%;}}/* Start custom CSS for button, class: .elementor-element-42033b49 *//* Import Inter font if not already available */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Target the actual button element within the #yty container */
#yte .elementor-button,
#yte .elementor-button-link,
#yte a {
    width: auto !important;
    max-width: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 40px !important;
    background-color: #E41752 !important;
    color: white !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important; /* Extra Bold */
    letter-spacing: 0.02em !important;
    border: 1px solid  !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

/* Also apply font to button text/span elements */
#yte .elementor-button-text,
#yte .elementor-button span,
#yte a span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 800 !important; /* Extra Bold */
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
}

/* Hover effects */
#yte .elementor-button:hover,
#yte .elementor-button-link:hover,
#yte a:hover {
    background-color: #333 !important;
    border-color: #dc3545 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(220, 53, 69, 0.2) !important;
}

/* Ensure the button wrapper centers the button */
#yte .elementor-button-wrapper {
    width: 100% !important;
    text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cbad95e *//* Import Inter font if not already available */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Target the actual button element within the #yty container */
#yte .elementor-button,
#yte .elementor-button-link,
#yte a {
    width: auto !important;
    max-width: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 40px !important;
    background-color: #E41752 !important;
    color: white !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important; /* Extra Bold */
    letter-spacing: 0.02em !important;
    border: 1px solid  !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

/* Also apply font to button text/span elements */
#yte .elementor-button-text,
#yte .elementor-button span,
#yte a span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 800 !important; /* Extra Bold */
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
}

/* Hover effects */
#yte .elementor-button:hover,
#yte .elementor-button-link:hover,
#yte a:hover {
    background-color: #333 !important;
    border-color: #dc3545 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(220, 53, 69, 0.2) !important;
}

/* Ensure the button wrapper centers the button */
#yte .elementor-button-wrapper {
    width: 100% !important;
    text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-608da8af *//* Import Inter font if not already available */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Target the actual button element within the #ttt container */
#tt2 .elementor-button,
#tt2 .elementor-button-link,
#tt2 a {
    width: auto !important;
    max-width: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 25px !important;
    background-color: #F5EBEE !important;
    color: #E41752 !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important; /* Extra Bold */
    letter-spacing: 0.02em !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

/* Also apply font to button text/span elements */
#tt2 .elementor-button-text,
#tt2 .elementor-button span,
#tt2 a span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 800 !important; /* Extra Bold */
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
    color: #E41752 !important;
}

/* Create the exact phone icon from your image */
#tt2 .elementor-button:before,
#tt2 .elementor-button-link:before,
#tt2 a:before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 12px !important;
    background: #E41752 !important;
    border-radius: 50% !important;
    position: relative !important;
    display: inline-block !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.05 2a9 9 0 0 1 8 7.94M14.05 6A5 5 0 0 1 18 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Hover effects */
#tt2 .elementor-button:hover,
#tt2 .elementor-button-link:hover,
#tt2 a:hover {
    background-color: #333 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(220, 53, 69, 0.2) !important;
}

/* Ensure the button wrapper centers the button */
#tt2 .elementor-button-wrapper {
    width: 100% !important;
    text-align: center !important;
}/* End custom CSS */