#collpasibleMenu .profile {
    padding: 1rem 2.5rem;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #4e4e4e;
    gap: 0.75rem;
}

#collpasibleMenu .profile .details {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.profile .btn-outline-light {
    color: white;
    border-color: white;
}

.profile .btn-outline-light:hover {
    background-color: white;
    color: black;
}

#collpasibleMenu ul.main {
    padding: 1.25rem 2.5rem;
    border-bottom: none !important;
    margin: 0;
    list-style: none;
}

#collpasibleMenu ul.social {
    padding: 1.25rem 2.5rem;
    border-bottom: none !important;
    margin: 0;
    list-style: none;
}

.authenticate .authenticateContainer h2 {
    margin: 5rem auto 10rem;
    max-width: 20rem;
    font-size: 1.3rem !important;
    color: #fff;
    text-transform: uppercase;
}

.navbar .navbar-brand {
    height: 20px !important;
    top: 0.5em !important;
}

.authenticate .authenticateContainer .logo {
    display: block;
    max-width: 40rem;
    width: 40%;
    margin: 0 auto;
}

.authenticate .authenticateContainer {
    padding: 5rem 0 !important;
}

#collpasibleMenu .profile .thumb {
     background-color: transparent;
}

/*.navbar .navbarRight .language .selection, .navbar .navbarLeft .language .selection {*/
/*    text-transform: capitalize !important;*/
/*}*/

.auth-container .authCard + .other-action {
    padding-top: 4rem;
    text-align: center;
    color: #F9F9F9;
    font-size: 1.125rem;
    text-transform: uppercase;
}

/* Style all links: underline, white color, no block display by default */
.auth-container .authCard + .other-action a {
    color: #F9F9F9;
    text-decoration: underline;
    font-size: 1.125rem;
    text-transform: uppercase;
    text-underline-offset: 3px; /* Adjust spacing here */
}

/* Create one should stay inline next to the text */
.auth-container .authCard + .other-action .create-link {
    display: inline;
    margin-left: 0.25rem;
}

/* Forgot Password on its own line */
.auth-container .authCard + .other-action > div a {
    display: block;
    margin-top: 1rem;
}


.home .products .productGrid1 + .action {
    padding: 5rem 0 2rem;
    text-align: center;
}


@media (max-width: 767.98px) {
    .welcome-screen {
        margin-top: 12rem; /* or whatever space you need */
    }

    .auth-container .videoContainer video {
        top: 10rem;
        max-width: 100%;
        width: 100%;
        left: unset;
        transform: none !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .productContainer {
        background-size: cover !important; /* or auto */
        background-position: center top !important;
        background-repeat: no-repeat;
    }

    .home .products .videoContainer2 {
        margin: 3rem 0 0;
    }
}

.heroBoard-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.heroBoardSlide .heroBoard-item .container {
    position: absolute;
    bottom: 2rem;
    z-index: 1;
    text-align: center;
    max-width: 95%;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.heroBoardSlide .heroBoard-item .content h1 {
    font-weight: bold;
    font-size: 2.5rem;
}

.heroBoardSlide .heroBoard-item .content p {
    font-size: 1rem;
    font-weight: 300;
}

.heroBoardSlide .heroBoard-item .content p .highlight {
    font-size: 1.5rem;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .heroBoard .heroBoardSlide .heroBoard-item {
        padding: 0;
        height: 800px !important;
    }
}

body.password {
    background-color: #000000 !important;
}

.password {
    position: relative;
}
.password .toggle-password {
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #696E78;
    opacity: 0.4;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_eye_open.svg);
    background-size: 100%;
}
.password .toggle-password.disable {
    background-image: url(../images/icon/icon_eye_close.svg);
    background-size: 100%;
}

@media only screen and (max-width: 767px) {
    .dashboard .dashboardContent .ownerList .list .details .date label {
        font-size: 100%;
        width:200px;
        word-wrap: break-word;
    }

    .dashboard .dashboardContent .ownerList .list .details .date p {
        font-size: 100%;
    }

    .dashboard .dashboardContent .ownerList .list .details .transferOwner {
        justify-content: normal !important;
    }
}
