$0.00 (0 Items)

Blogs All Brands All categories terms and conditions Refund Policy Support Policy privacy policy

Agent

— OR JOIN AS —

Become A Seller Become an Agent Become an Influencer Be our logistics partner

Home

All categories

Flash deals New Arrivals Influencer Hub

About Us

Join Our Next webinar

Webinars Sign Up & Login

* {

box-sizing: border-box;

}

body {

font-family: 'Arial', sans-serif;

background-color: #f5f5f5;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

}

.container {

background: #fff;

border-radius: 10px;

box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);

width: 768px;

max-width: 100%;

min-height: 480px;

position: relative;

overflow: hidden;

}

.form-container {

position: absolute;

top: 0;

height: 100%;

transition: all 0.6s ease-in-out;

}

.sign-in-container {

left: 0;

width: 50%;

z-index: 2;

}

.sign-up-container {

left: 0;

width: 50%;

opacity: 0;

z-index: 1;

}

.container.right-panel-active .sign-in-container {

transform: translateX(100%);

}

.container.right-panel-active .sign-up-container {

transform: translateX(100%);

opacity: 1;

z-index: 5;

animation: show 0.6s;

}

@keyframes show {

0%, 49.99% {

opacity: 0;

z-index: 1;

}

50%, 100% {

opacity: 1;

z-index: 5;

}

}

form {

background: #fff;

display: flex;

flex-direction: column;

padding: 0 50px;

height: 100%;

justify-content: center;

align-items: center;

text-align: center;

}

h1 {

font-weight: bold;

margin: 0;

}

p {

font-size: 14px;

font-weight: 100;

line-height: 20px;

letter-spacing: 0.5px;

margin: 20px 0 30px;

}

input {

background: #f5f5f5;

border: none;

padding: 12px 15px;

margin: 8px 0;

width: 100%;

border-radius: 5px;

}

button {

border-radius: 20px;

border: 1px solid #8b4513;

background-color: #8b4513;

color: #fff;

font-size: 12px;

font-weight: bold;

padding: 12px 45px;

letter-spacing: 1px;

text-transform: uppercase;

transition: transform 80ms ease-in;

cursor: pointer;

}

button:active {

transform: scale(0.95);

}

button:focus {

outline: none;

}

button.ghost {

background-color: transparent;

border-color: #fff;

}

.overlay-container {

position: absolute;

top: 0;

left: 50%;

width: 50%;

height: 100%;

overflow: hidden;

transition: transform 0.6s ease-in-out;

z-index: 100;

}

.container.right-panel-active .overlay-container {

transform: translateX(-100%);

}

.overlay {

background: #8b4513;

background: linear-gradient(to right, #8b4513, #a0522d);

color: #fff;

position: relative;

left: -100%;

height: 100%;

width: 200%;

transform: translateX(0);

transition: transform 0.6s ease-in-out;

}

.container.right-panel-active .overlay {

transform: translateX(50%);

}

.overlay-panel {

position: absolute;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

text-align: center;

top: 0;

height: 100%;

width: 50%;

transform: translateX(0);

transition: transform 0.6s ease-in-out;

}

.overlay-left {

transform: translateX(-20%);

}

.container.right-panel-active .overlay-left {

transform: translateX(0);

}

.overlay-right {

right: 0;

transform: translateX(0);

}

.container.right-panel-active .overlay-right {

transform: translateX(20%);

}

Welcome Back!

To keep connected with us please login with your personal info

Hello, Friend!

Enter your personal details and start your journey with us