/* Banner Styling */
.orange-banner {
    padding: 120px 8% 80px;
    /* background-image: url("https://www.theestheticclinics.com/treatments/wp-content/uploads/2025/10/Artboard-8.png"); */
    background-image: url("https://www.theestheticclinics.com/assets/image/Banner/orange banner.png");
    background-size: cover;
    position: relative;
}
.orange-banner .text-white{
    font-size:40px;
}

/* Button Styling */
.btn-outlines-white {
    border: 2px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    font-size:20px;
    border-radius: 5px;
    padding:10px 50px;
    font-family: montserrat, sans-serif;
    text-decoration: none !important;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Butterfly Effect */
.tec-outlines-white-button {
    position: relative;
    overflow: visible;
}

/* Hover Button Color Change */
.tec-outlines-white-button:hover {
    background-color: #ffffff;
    color: #F38221 !important;
}

/* ✅ Responsive butterfly sizing */
@media (max-width: 991px) {
    .tec-outlines-white-button::before,
    .tec-outlines-white-button::after {
        width: 38px;
        height: 38px;
        top: -25px;
    }
}

@media (max-width: 575px) {
    .tec-outlines-white-button::before,
    .tec-outlines-white-button::after {
        width: 30px;
        height: 30px;
        top: -20px;
    }
}