.intro-show,
.right-content,
.contact-us,
.find-us-container,
.contact-phone,
.contact-email,
.intro-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.intro-show {
    gap: 1rem;
    /* flex-direction: column; */
    width: 100%;
    height: 100vh;
}

.intro-content {
    flex-direction: column;
}

.right-content {
    flex-direction: column;
}


.find-us-on img {
    height: 12rem;
    /* margin: -2rem; */
}

.intro-right-img {
    position: absolute;
    z-index: 0;
}

.intro-show-item {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
    height: 100%;
}


.intro-show-item-left {
    /* padding: 0 0 0 var(--main-padding); */
    /* padding: 0 var(--main-padding); */
    background-color: var(--logo-color-1);
    background: linear-gradient(-135deg, rgba(36, 178, 120) 0%, rgb(22, 151, 97) 100%);
    color: var(--main-bg);
}

.intro-show-item-right {
    /* padding: 0 var(--main-padding) 0 0; */
    /* padding: 0 var(--main-padding); */
    flex: 0 0 40%;
}


.fill-form {
    width: 100%;
}

input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    /* font-size: 16px; */
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 1rem;
}

.become-partner {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
}

.contact-us {
    padding: 0rem 10rem;
    justify-content: space-between;
}

.contact-phone,
.contact-email {
    flex-direction: column;
    gap: 1rem;
}

.contact-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}


.contact-value a {
    text-decoration: unset;
    color: var(--main-font-color);
    border-bottom: .3rem var(--main-font-color) dotted;
}

.whatsapp-contact-icon {
    height: 2rem;
}


@media only screen and (max-width:900px) {

    .intro-show {
        height: auto;
        gap: 5rem;
        flex-direction: column;
    }

    .intro-show-item-left {
        padding: 15rem var(--main-padding);
    }

    .find-us-container {
        flex-direction: column;
    }


    .contact-us {
        padding: 0rem 0 5rem 0;
        flex-direction: column;
        gap: 4rem;
        justify-content: center;
    }
}