@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");:root {
    --primary-color: #0060ae;
    --hover-primary-color: #0075d5;
    --secondary-color: #002a4c;
    --hover-secondary-color: #00467f;
    --third-color: #fef300;
    --hover-third-color: #fff653
}

* {
    font-family: inter,sans-serif
}

::-webkit-scrollbar {
    width: 8px;
    padding-left: 5px
}

::-webkit-scrollbar-track {
    border-radius: 2px
}

::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 3px
}

::-webkit-scrollbar-thumb:hover {
    background: #c5c5c5
}

.bg-sign-in {
    background: -webkit-linear-gradient(bottom,#fff,#5ab1f8 70%,#157acc)
}

.imageDesktopRegist {
    display: block
}

.imageMobileRegist,.mobnav {
    display: none
}

@media only screen and (max-width: 768px) {
    .imageDesktopRegist,.imageMobileRegist {
        display:none
    }

    .mobnav {
        display: block
    }
}

@media only screen and (max-width: 500px) {
    .imageDesktopRegist {
        display:none
    }

    .imageMobileRegist {
        display: block
    }

    .navbarDesk {
        display: none
    }
}

.offcanvasAccount {
    display: none
}

@media (max-width: 1023px) {
    .imageDesktopRegist {
        display:none
    }

    .navbarDesk {
        display: none!important
    }

    .wrapnav .navbar.navbarDesk {
        display: none
    }

    .mobnav,.offcanvasAccount {
        display: block
    }
}

.popups {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999
}

.popups-content {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    width: 500px
}

.popups-content h4 {
    font-size: 23px;
    line-height: 2rem
}

button.btnSure {
    background-color: #0060ae;
    font-size: 18px;
    font-weight: 500
}

button.btnSure,button.btnSure:hover {
    margin: 5px;
    padding: 10px 20px;
    color: #fff
}

button.btnSure:hover {
    background-color: #1083e1
}

button.btnCancel {
    margin: 5px;
    padding: 10px 20px;
    background-color: #e80101;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

button.btnCancel:hover {
    margin: 5px;
    padding: 10px 20px;
    background-color: #ff3c3c;
    color: #fff
}