.elementor-4347 .elementor-element.elementor-element-8d32812{--display:flex;--min-height:77vh;--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;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4347 .elementor-element.elementor-element-8d32812:not(.elementor-motion-effects-element-type-background), .elementor-4347 .elementor-element.elementor-element-8d32812 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ethio.herandmi.com/wp-content/uploads/2025/08/Slider-1.webp");background-position:center center;background-size:cover;}.elementor-4347 .elementor-element.elementor-element-8d32812::before, .elementor-4347 .elementor-element.elementor-element-8d32812 > .elementor-background-video-container::before, .elementor-4347 .elementor-element.elementor-element-8d32812 > .e-con-inner > .elementor-background-video-container::before, .elementor-4347 .elementor-element.elementor-element-8d32812 > .elementor-background-slideshow::before, .elementor-4347 .elementor-element.elementor-element-8d32812 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4347 .elementor-element.elementor-element-8d32812 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4347 .elementor-element.elementor-element-5106f27{text-align:center;}.elementor-4347 .elementor-element.elementor-element-5106f27 .elementor-heading-title{font-size:75px;}.elementor-4347 .elementor-element.elementor-element-4dacc6f{margin:-1vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-4347 .elementor-element.elementor-element-75ba4e1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-4347 .elementor-element.elementor-element-e47cfeb{--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;}.elementor-4347 .elementor-element.elementor-element-a69dde6{--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;}.elementor-4347 .elementor-element.elementor-element-ba5a17f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3733;--border-color:#D4AF3733;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-4347 .elementor-element.elementor-element-ba5a17f:not(.elementor-motion-effects-element-type-background), .elementor-4347 .elementor-element.elementor-element-ba5a17f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121211;}.elementor-4347 .elementor-element.elementor-element-c8d5492{text-align:center;}.elementor-4347 .elementor-element.elementor-element-c8d5492 .elementor-heading-title{font-size:40px;}.elementor-4347 .elementor-element.elementor-element-f295447{text-align:center;font-size:15px;color:#FFFFFF;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-button-content-wrapper{flex-direction:row;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-button span{gap:12px;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group{margin-bottom:30px;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-form-fields-wrapper{margin-bottom:-30px;}body.rtl .elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-type-html{padding-bottom:0px;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group .elementor-field, .elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-subgroup label{font-size:15px;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#0F172A;border-color:#000000;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group .elementor-select-wrapper select{background-color:#0F172A;border-color:#000000;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-field-group .elementor-select-wrapper::before{color:#000000;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .e-form__buttons__wrapper__button-next{background-color:#DDBE54;color:#ffffff;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-button[type="submit"]{background-color:#DDBE54;color:#ffffff;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#000000;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#000000;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-4347 .elementor-element.elementor-element-3d41d6e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4347 .elementor-element.elementor-element-3d41d6e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4347 .elementor-element.elementor-element-83b716c{margin:1vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-4347 .elementor-element.elementor-element-48b8911{--grid-template-columns:repeat(0, auto);text-align:center;margin:-2vw 0vw calc(var(--kit-widget-spacing, 0px) + 2vw) 0vw;padding:6px 0px 0px 0px;--icon-size:20px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-social-icon{background-color:#C8931370;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-social-icon i{color:#FFFFFF;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-icon{border-radius:220px 220px 220px 220px;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-social-icon:hover{background-color:#FFFFFF;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-social-icon:hover i{color:#C89313;}.elementor-4347 .elementor-element.elementor-element-48b8911 .elementor-social-icon:hover svg{fill:#C89313;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4347 .elementor-element.elementor-element-5106f27 .elementor-heading-title{font-size:56px;}.elementor-4347 .elementor-element.elementor-element-4dacc6f{margin:-4vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-4347 .elementor-element.elementor-element-75ba4e1{--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4347 .elementor-element.elementor-element-e47cfeb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4347 .elementor-element.elementor-element-0121d09{padding:0px 0px 0px 0px;}.elementor-4347 .elementor-element.elementor-element-a69dde6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4347 .elementor-element.elementor-element-ba5a17f{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4347 .elementor-element.elementor-element-c8d5492 .elementor-heading-title{font-size:33px;}.elementor-4347 .elementor-element.elementor-element-f295447{font-size:14px;}.elementor-4347 .elementor-element.elementor-element-48b8911{margin:-6vw 0vw calc(var(--kit-widget-spacing, 0px) + 6vw) 0vw;}}@media(min-width:768px){.elementor-4347 .elementor-element.elementor-element-8d32812{--content-width:1600px;}.elementor-4347 .elementor-element.elementor-element-75ba4e1{--content-width:1600px;}.elementor-4347 .elementor-element.elementor-element-e47cfeb{--width:43%;}.elementor-4347 .elementor-element.elementor-element-a69dde6{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-4dacc6f */.line-divider-92 {
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af8f, transparent);
    margin: 25px auto;
    opacity: 0;
    animation: expandWidth-92 1.5s ease 0.8s forwards;
}

@keyframes expandWidth-92 {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 120px;
        opacity: 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0121d09 */.contact-visual {
    position: relative;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visual-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.floating-circle {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: float 6s ease-in-out infinite;
}

.circle-1 {
    width: 300px;
    height: 300px;
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.circle-2 {
    width: 200px;
    height: 200px;
    bottom: 20%;
    right: 15%;
    animation-delay: 2s;
}

.circle-3 {
    width: 150px;
    height: 150px;
    top: 40%;
    right: 25%;
    animation-delay: 4s;
}

.contact-icon {
    font-size: 2rem;
    color: #D4AF37;
}

.contact-info-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(20, 20, 20, 0.9);
    padding: 2.5rem;
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, 0.3);
    backdrop-filter: blur(10px);
    text-align: center;
    min-width: 280px;
     width: 420px;    /* increased width */
    max-width: 90%;  /* keeps it responsive */
}

.info-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #F5E6A4;
    margin-bottom: 2rem;
    background: linear-gradient(135deg, #D4AF37 0%, #F5E6A4 50%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.contact-method:hover {
    background: rgba(212, 175, 55, 0.1);
    transform: translateX(5px);
}

.method-icon {
    width: 45px;
    height: 45px;
    background: rgba(212, 175, 55, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D4AF37;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.method-details {
    text-align: left;
}

.method-label {
    font-size: 0.9rem;
    color: #cccccc;
    margin-bottom: 0.3rem;
}

.method-value {
    font-weight: 600;
    color: #ffffff;
}

.response-time {
    margin-top: 2rem;
    padding: 1rem;
    background: rgba(212, 175, 55, 0.1);
    border-radius: 12px;
    border-left: 4px solid #D4AF37;
}

.response-text {
    font-size: 0.9rem;
    color: #F5E6A4;
}

/* Animations only for circles */
@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}
/* Responsive Fix for Contact Visual */
@media (max-width: 768px) {
    .visual-container {
        width: 100%;   /* increase width for the whole container */
        margin: 0 auto;
    }

    .contact-info-card {
        width: 100%;       /* let the card fill container */
        padding: 15px;     /* keep spacing */
    }

    .contact-method {
        flex-wrap: wrap;   /* so text doesn’t overflow */
    }

    .method-value {
        font-size: 0.9rem; 
        word-break: break-word; /* keeps email inside box */
    }
}
/* Make Contact Card Wider on Mobile */
@media (max-width: 768px) {
    .contact-info-card {
        width: 95%;       /* take most of the screen */
        max-width: none;  /* remove any max-width restrictions */
        margin: 0 auto;   /* keep it centered */
    }
}

@media (max-width: 480px) {
    .contact-info-card {
        width: 100%;      /* full width on very small screens */
        border-radius: 10px; /* optional: keep nice edges */
        padding: 15px;    /* balanced spacing */
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8d5492 */.thi {
    background: linear-gradient(135deg, #D4AF37 0%, #F5E6A4 50%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83b716c */.line-divider-91 {
    width: 500px; /* increased width */
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af8f, transparent);
    margin: 25px auto;
    opacity: 0;
    animation: expandWidth-91 1.5s ease 0.8s forwards;
}

@keyframes expandWidth-91 {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 500px; /* match the new width */
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .line-divider-91 {
        width: 250px;
    }
    @keyframes expandWidth-91 {
        from {
            width: 0;
            opacity: 0;
        }
        to {
            width: 250px;
            opacity: 1;
        }
    }
}

@media (max-width: 480px) {
    .line-divider-91 {
        width: 220px;
    }
    @keyframes expandWidth-91 {
        from {
            width: 0;
            opacity: 0;
        }
        to {
            width: 220px;
            opacity: 1;
        }
    }
}/* End custom CSS */