@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary: #ed1b23;
    --font-one: "Montserrat", sans-serif;
    --gradient-bg: linear-gradient(100deg,rgba(226, 227, 231, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(200, 203, 210, 1) 100%);
    --black: #000000;
    --white: #ffffff;
    --white-bg: rgba(255, 255, 255, 0.7);
    --frame-border: #e9e9e9;
}
body { font-size: 16px; color: var(--black); line-height: 20px; background: var(--gradient-bg); font-family: var(--font-one) !important; font-weight: 400; height: 100vh; display: grid; place-content: center; padding: 0 !important; align-items: center; justify-content: center; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
p { margin: 0; }
.login-area { max-width: 871px; margin: 0 auto; height: auto; }
.img-support {
    height: 100%;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.bunch-box {
    padding: 32px;
    height: 100%;
    max-width: 440px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.logo-top {
    margin-bottom: 24px;
}
.bunch-box h1 span {
    width: 100%;
    display: block;
    font-weight: 100;
    margin-bottom: 10px;
}
.bunch-box h1 {
    font-size: 48px;
    line-height: 36px;
    color: var(--primary);
    font-weight: 500;
    letter-spacing: 2px;
}
.title-information {
    padding-left: 25px;
    margin-bottom: 25px;
}
.frame-box {
    border: 2px solid var(--frame-border);
    padding: 0;
    min-height: 281px;
    margin-bottom: 20px;
}
.socials {
    padding-left: 25px;
}
.socials .social-icon {
    transition: 0.3s all;
}
.socials .social-icon:hover {
    filter: brightness(0) saturate(100%) invert(16%) sepia(79%) saturate(4739%) hue-rotate(350deg) brightness(95%) contrast(95%);
}
/* .reverse {
    transform: scaleX(-1);
} */
.page-template-page-custom-landing-template header,
.page-template-page-custom-landing-template footer {
    display: none;
}
.page-template-page-custom-landing-template .socials h6 {
    color: #000000;
}
.page-template-page-custom-landing-template .swiper-fade {
    height: 100%;
}
/* responsive */
@media (max-width: 991px) {
    .bunch-box { margin: 0 auto; }
    .fix-bg { position: fixed; top: 0; left: 0; right:0;bottom:0; width: 100%; height: 100%; z-index: 1;transform: scale(1.2); }
    .fix-info { position: relative; z-index: 2; background: var(--white); }
    .socials { padding-left: 0; }
    .title-information { padding-left: 0; }
    .logo-top, .title-information, .frame-box { margin-bottom: 10px; }
}
@media (max-width: 767px) {
    .bunch-box { max-width: 100%; }
    .bunch-box h1 { font-size: 38px; letter-spacing: 1px; }
    .login-area { height: auto; }
    .img-support { height: 100vh; }
    .login-area { width: calc(100% - 40px); }
}