@import 'FbMarketplaceWebsite.Client.vxdx0z0qea.bundle.scp.css';

/* _content/FbMarketplaceWebsite/Components/Layout/MainLayoutTop.razor.rz.scp.css */
.whatsapp-icon-image[b-bar2b1819l] {
    width: 100px;
}

@keyframes shake-b-bar2b1819l {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(0eg);
    }

    75% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.shake-icon[b-bar2b1819l] {
    display: inline-block;
    animation: shake-b-bar2b1819l 0.5s ease-in-out infinite;
}
/* _content/FbMarketplaceWebsite/Components/Pages/Auth/Login.razor.rz.scp.css */
/* _content/FbMarketplaceWebsite/Components/Pages/Auth/Register.razor.rz.scp.css */
.gradient-custom-3[b-c51zp49y50] {
    /* fallback for old browsers */
    background: #84fab0;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(132, 250, 176, 0.5), rgba(143, 211, 244, 0.5));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(132, 250, 176, 0.5), rgba(143, 211, 244, 0.5))
}

.gradient-custom-4[b-c51zp49y50] {
    /* fallback for old browsers */
    background: #84fab0;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1))
}
    
/* _content/FbMarketplaceWebsite/Components/Pages/Home.razor.rz.scp.css */
.reveal[b-orq0mu6b33]
{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1.5s ease;
}

.reveal.active[b-orq0mu6b33]
{
    transform: translateY(0px);
    opacity: 1;
}

.contact-us-container[b-orq0mu6b33] 
{
    padding: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f3f4;
}

@media only screen and (max-width: 600px) {
    .contact-us-container[b-orq0mu6b33] {
        padding: 10px;
    }
}
/* _content/FbMarketplaceWebsite/Components/Shared/ContactUsForm.razor.rz.scp.css */
.contactus-form-container[b-t8eoxj47zr]
{

}

.contactus-container[b-t8eoxj47zr] {
    width: 600px;
    padding: 38px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    background-color: white;
}

.input-container[b-t8eoxj47zr]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contactus-container[b-t8eoxj47zr]  input, .contactus-container[b-t8eoxj47zr]  textarea {
    padding: 12px;
    width: 100%;
    border: 1px solid black;
    border-radius: 4px;
}

@media only screen and (max-width: 600px) {
    .contactus-container[b-t8eoxj47zr] {
        width: 100%;
        padding: 20px;
    }

    .contactus-form-container[b-t8eoxj47zr] 
    {
        width: 100%;
    }
}