body {
    background-image: url('../../img/elements/2.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 60%;
    min-height: 100vh;
    background-attachment: fixed;
}
a{
    text-decoration: none;
}
@media (max-width: 768px) {
    body {
        background-image: none;
    }
}

@media (max-width: 820px) and (max-height: 1180px) {
    body {
        background-image: none;
    }
}

@media (min-width: 900px) and (max-width: 920px) and (min-height: 1360px) and (max-height: 1370px) {
    body {
        background-image: none;
    }
}

@media (min-width: 850px) and (max-width: 860px) and (min-height: 1270px) and (max-height: 1290px) {
    body {
        background-image: none;
    }
}

.sign,
.offcanvas_btn {
    /* padding: 20px; */
    border-radius: 10px;
    background: linear-gradient(to right, rgb(28, 0, 128), rgb(95, 0, 173));
    color: white;
    font-size: medium;
    font-weight: bold;
    box-shadow: none;
    padding: 10px 20px;
    border: 1px solid white;
}

.sign:hover {
    background: white;
    color: rgb(95, 0, 173);
    border: 1px solid rgb(28, 0, 128);
    transition: .3s;
}

.sign:focus,
.offcanvas_btn:focus {
    box-shadow: none;
}

.card {
    border-radius: 20px;
    border: 1px solid rgb(95, 0, 173);
}

.input-group .input-group-text.span {
    background: rgb(95, 0, 173) !important;
    border: none !important;
    color: white !important;
    width: 45px !important;
}

.input-group .input-group-text {
    height: 45px !important;
    border: 2px solid rgb(95, 0, 173) !important;
    border-radius: 0px !important;
    background: rgb(95, 0, 173) !important;
    border: none;
    color: white !important;

}
.input-group .logo_img {
    background: rgba(95, 0, 173, 0);
}

input,select {
    height: 45px !important;
    border-radius: 0px !important;
    border: 1px solid rgb(95, 0, 173)  !important;
    outline: 0 !important;
}

input:focus,
select:focus {
    outline: 0 !important;
    border: 1px solid rgb(95, 0, 173) !important ;
    box-shadow: none !important;
}

.forgetpassword a{
    color: rgb(95, 0, 173);
}
.forgetpassword a:hover{
    color: rgb(28, 0, 128);
}

nav p,p ,h2{
    color: gray;
}