/*============STICKY CONTACT START================*/
.stickyContact {
    !important;
    z-index: 1000;
    cursor: pointer;
    position: fixed;
    right: -2rem;
    display: flex;
    flex-direction: column;
    float: right;
    top: 50%;
    transform: translate(-50%, -50%);
}

.contacts {
    margin-bottom: 1.4rem;
}

.sContact {
    margin-bottom: 1rem;
    width: 2.8rem;
    height: 2.2rem;
    padding: 0.2rem;
    background: var(--primary-color);
    border-radius: 0.8rem 0 0 0.8rem;
    border: solid 0.2rem var(--primary-color);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    display: flex;
    align-items: center;
}

.pageUp {
    width: 2.8rem;
    height: 2.2rem;
    background: #7f7f7f;
    padding: 0.2rem;
    border-radius: 0.8rem 0 0 0.8rem;
    background: var(--light-color);
    border: solid 0.2rem var(--primary-color);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

    & img {
        height: 1.3rem;
        margin-left: 0.3rem;
    }
}


/*============STICKY CONTACT END================*/

/*==================STICKY CONTACT MODALS START===================*/
.langMother {
    z-index: 1010;
    display: none;
    transition: ease 0.5s;
}

.langBG {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    width: 100vw;
    height: 100vh;
    background: var(--dark-color);
    opacity: 0.5;
    transition: ease 0.5s;
}

.languageSwitch {
    z-index: 1011;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background: var(--light-color);
    width: 30rem;
    height: 23rem;
    border-radius: 0.4rem;
    border: solid 0.15rem var(--primary-color);
    box-shadow: 10px 10px var(--primary-color);
    padding: 2.5rem 0.2rem 0.2rem 0.2rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-items: center;
    /*display: none;*/

}

.langMother.active {
    display: block;
}

.lang {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    border-radius: 0.4rem;
    padding: 0.5rem;
    margin: 0.5rem;
    width: 20rem;
    transition: ease 0.3s;

    & img {
        height: 2rem;
        margin-right: 1rem;
    }

    & button {
        display: flex;
        align-items: center;
        font-family: "Montserrat", sans-serif;
        font-size: 1.2rem;
        text-decoration: none;
        color: var(--primary-color);
    }
}

.lang:hover {
    background: var(--light-color);
    border-radius: 0.4rem;
    border: solid 0.15rem var(--primary-color);
    box-shadow: 7px 7px var(--primary-color);
}

.emailMother {
    z-index: 1010;
    display: none;
    transition: ease 0.5s;
}

.emailBG {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    width: 100vw;
    height: 100vh;
    background: var(--dark-color);
    opacity: 0.5;
    transition: ease 0.5s;
}

.emailInquiry {
    z-index: 1011;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background: var(--light-color);
    width: 30rem;
    height: 32rem;
    border-radius: 0.4rem;
    border: solid 0.15rem var(--primary-color);
    box-shadow: 10px 10px var(--primary-color);
    padding: 2.5rem 0.2rem 0.2rem 0.2rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-items: center;
    /*display: none;*/

}


.inqContacts {
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: row;

    .iContact {
        input {
            width: 100%;
        }
        display: flex;
        flex-direction: column;

    }

    .iEmail {
        input {
            width: 100%;
        }
        display: flex;
        flex-direction: column;
    }

}



.emailMother.active {
    display: block;
}

form {
    display: flex;
    flex-direction: column;
    padding: 0.7rem;
}

.emailInquiry label{
    color: var(--dark-color);
    padding: 0.2rem;
    margin-top: 0.3rem;
}

.emailInquiry input{
    background: var(--light-color);
    width: 100%;
    height: 2rem;
    box-shadow: 3px 3px var(--primary-color);
    border-radius: 0.5rem;
    border-color: var(--primary-color);
    border-style: solid;
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
}

#text {
    resize: none;
    background: var(--light-color);
    width: 100%;
    height: 4rem;
    box-shadow: 3px 3px var(--primary-color);
    border-radius: 0.5rem;
    border-color: var(--primary-color);
    border: solid 2px var(--primary-color);
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
}

input[type=submit] {
    background: var(--secondary-color);
    margin-top: 1rem;
    border-style: none;
    font-family: "Poppins", sans-serif;
    font-weight: 550;
    color: var(--dark-color);
    font-size: 1rem;
    transition: ease 0.4s;
    cursor: pointer;
}

input[type=submit]:hover {
    background: var(--primary-color);
    color: var(--light-color);
}

.contactMother {
    z-index: 1010;
    display: none;
    transition: ease 0.5s;
}

.contactBG {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    width: 100vw;
    height: 100vh;
    background: var(--dark-color);
    opacity: 0.5;
    transition: ease 0.5s;
}

.contactDetails{
    z-index: 1011;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background: var(--light-color);
    width: 30rem;
    height: 32.5rem;
    border-radius: 0.4rem;
    border: solid 0.15rem var(--primary-color);
    box-shadow: 10px 10px var(--primary-color);
    padding: 2.5rem 0.2rem 0.2rem 0.2rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-items: center;
    /*display: none;*/
}

.contactMother.active {
    display: block;
}


.contact {
    width: 22rem;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    color: var(--dark-color);
    transition: ease 0.2s;

    & a {
        text-decoration: none;
        color: var(--dark-color);
        margin-left: 2rem;
    }
}

.contact:hover {
    background: var(--light-color);
    border-radius: 0.4rem;
    border: solid 0.15rem var(--primary-color);
    box-shadow: 0.3rem 0.3rem var(--primary-color);
    padding: 1rem;
    scale: 115%;
}

.contactPic {
    margin-right: 0.6rem;
    width: 1.5rem;
}

.titleIcon {
    padding-bottom: 0.2rem;
    display: flex;
    flex-direction: row;

    & h3 {
        color: var(--primary-color);
    }
}

.locationMother {
    z-index: 1010;
    display: none;
    transition: ease 0.5s;
}

.locationBG{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    width: 100vw;
    height: 100vh;
    background: var(--dark-color);
    opacity: 0.5;
    transition: ease 0.5s;
}

.mapsLocation{
    z-index: 1011;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background: var(--light-color);
    width: 42rem;
    height: 35rem;
    border-radius: 0.4rem;
    border: solid 0.15rem var(--primary-color);
    box-shadow: 10px 10px var(--primary-color);
    padding: 2.5rem 0.2rem 0.2rem 0.2rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-items: center;
    color: var(--primary-color);
    /*display: none;*/

    & iframe {
        padding-top: 1rem;
    }
}

.locationMother.active {
    display: block;
}


button {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    color: var(--primary-color);
    border: none;
    background: none;
    cursor: pointer;
}

@media (max-width: 600px) {
    .languageSwitch {
        position: fixed;
        top: 40%;
        left: 28%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        scale: 60%;
    }

    .emailInquiry {
        position: fixed;
        top: 40%;
        left: 28%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        scale: 60%;
    }

    .contactDetails {
        position: fixed;
        top: 40%;
        left: 28%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        scale: 60%;
    }

    .mapsLocation {
        position: fixed;
        top: 35%;
        left: 8%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        scale: 50%;
    }

    .stickyContact {
        z-index: 1000;
        cursor: pointer;
        position: fixed;
        right: -2rem;
        display: flex;
        flex-direction: column;
        float: right;
        top: 50%;
        transform: translate(-50%, -50%);
    }

}
/*==================STICKY CONTACT MODALS END====================*/