/*
 Login page style
*/
.main-area-full {
    width: 100% !important;
    padding-left: 100px;
    padding-right: 80px;
}

.content {
    height: 100vh;
    position: relative;
}

.main-area {
    min-width: 570px;
    max-width: 570px;
    padding-left: 80px;
    padding-right: 80px;
}

.logo {
    margin-top: 64px;
    width: 60px;
    height: 60px;
}

.logo .sub {
    font-size: 16px;
    color: #717171;
}

.logo .title {
    font-size: 43px;
    color: #242424;
    margin-top: -15px;
    padding-left: 10px;
}

.form-area {
    margin-top: 70px;
}

.form-area .title {
    font-size: 45px;
}

.form-area .subTitle {
    font-size: 18px;
    color: #ACACAC;
}

.form-area .form-control {
    border: none;
    border-bottom: 2px solid #ACACAC;
    border-radius: 0;
    padding: 0;
    color: black;
    font-size: 20px;
    margin-top: -5px;
}

.form-area .form-control:focus {
    border-color: transparent;
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #ACACAC;
}

.form-area .form-check-input {
    width: 23px;
    height: 23px;
    border-radius: 30px !important;
    margin-right: 50px !important;
}

.form-area .form-check-label {
    font-size: 18px;
    color: #ACACAC;
}

.btn:focus {
    border-color: transparent;
    box-shadow: none;
    outline: none;
}

.form-area .self-btn {
    font-size: 20px;
    min-height: 67px;
    border-radius: 0;
    background-color: black;
    margin-top: 10px;
}

.swiper-area {
    position:relative;
}

.swiper-container {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    min-height:100vh;
    text-align: center;
    font-size: 18px;
    background: #000000;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination {
    bottom: 80px !important;
    left: 80px !important;
    max-width: 100px !important;
}

.swiper-pagination-bullet {
    background-color: #858585 !important;
    padding: 5px;
}

.swiper-pagination-bullet-active {
    background-color: #3cb4e5 !important;
}

.bg-img-1 {
    width: 100%;
    height: 100vh;
    background-image: url(/img/landingpage_bg1350_01.png);
    /*-webkit-filter: brightness(70%);
    filter: brightness(70%);*/
    position: absolute;
}

.bg-img-2 {
    width: 100%;
    height: 100vh;
    background-image: url(/img/landingpage_bg1350_02.jpg);
    /*-webkit-filter: brightness(70%);
    filter: brightness(70%);*/
    position: absolute;
}

.bg-img-3 {
    width: 100%;
    height: 100vh;
    background-image: url(/img/landingpage_bg1350_03.jpg);
    /*-webkit-filter: brightness(70%);
    filter: brightness(70%);*/
    position: absolute;
}

.bg-img-4 {
    width: 100%;
    height: 100vh;
    background-image: url(/img/landingpage_bg1350_04.jpg);
    /*-webkit-filter: brightness(70%);
    filter: brightness(70%);*/
    position: absolute;
}

.bg-text {
    margin-top: 190px;
    margin-left: 120px;
}

.bg-text .text-title {
    font-size: 44px;
    color: white;
}

.bg-text .text-content {
    font-size: 24px;
    color: #ACACAC;
}

/* Google Poppins CSS style */
.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}