/* start media header */
/* Xlg */
@media (max-width:4800px){
    header{
        background-color:#fff7f7;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:999999999;
    }

    .header__login-box {
        margin-top: 60px;
    }

    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 17px;
        font-weight: 700;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: 40px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }

    .header__logo img{
        margin-top: 25px;
    }

    .header__login-box {
        margin-top:50px;
    }
}

@media (max-width:2800px){
    header{
        background-color:#fff7f7;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -6px;
        position: fixed;
        left: 0;
        z-index:999999999;
    }

    .header__login-box {
        margin-top: 33px;
    }

    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 17px;
        font-weight: 700;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: 39px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }

    .header__logo img{
        margin-top: 22px;
    }

    .header__login-box {
        margin-top:40px;
    }
}

@media (max-width:2400px){
    header{
        background-color:#fff7f7;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:999999999;
    }

    .header__login-box {
        margin-top: 33px;
    }

    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 17px;
        font-weight: 700;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: 30px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }

    .header__logo img{
        margin-top: 6px;
    }

    .header__login-box {
        margin-top: 30px;
    }
}

 @media (max-width:1550px){
    header{
        background-color:antiquewhite;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:999999999;
    }

    .header__login-box {
        margin-top: 33px;
    }

    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 17px;
        font-weight: 700;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: 30px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }

    .header__logo img{
        margin-top: 6px;
    }
}
/* lg */
@media (max-width:1300px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: 30px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }
}
/* lg */
@media (max-width:991px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: 30px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 50%;
    top: 50px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width: 100%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
}

@media (max-width:767px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: -68px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 50%;
    top: -48px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width: 100%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
.header__logo img {
    margin-top: -83px;
}

.header__login-box {
    margin-top: 70px;
}

}

@media (max-width:500px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 20px 20px;
        margin-top: -62px;
        position: relative;
        width: 85%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 60%;
    top: -40px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width:90%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
.header__logo img {
    margin-top: -83px;
    width: 100px;
}

.header__login-box {
    margin-top: 70px;
}

}

@media (max-width:475px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        margin-top: -25px;
        position: fixed;
        left: 0;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 18px 20px;
        margin-top: -61px;
        position: relative;
        width: 85%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 60%;
    top: -45px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width: 90%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
.header__logo img {
    margin-top: -80px;
    width: 90px;
    /* margin-right: px; */
}

.header__login-box {
    margin-top: 70px;
}

.header__login-box .sign-up-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color: var(--second-color);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 20px;
    padding: 8px 12px;
}


.header__login-box .login-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color:#394659 !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 20px;
    padding: 8px 12px;
}

}

@media (max-width:420px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        /* margin-top: -25px; */
        position: fixed;
        left: 0;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 18px 20px;
        margin-top: -59px;
        position: relative;
        width: 100px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 60%;
    top: -40px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width: 90%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
.header__logo img {
    margin-top: -78px;
    width: 82px;
    margin-right: 5px;
}

.header__login-box {
    margin-top: 70px;
    font-size: 13px;
}

.header__login-box .sign-up-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color: var(--second-color);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 20px;
    padding: 8px 12px;
}


.header__login-box .login-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color:#394659 !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 20px;
    padding: 8px 12px;
}

}

@media (max-width:390px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        /* margin-top: -25px; */
        position: fixed;
        left: 0;
        height:110px;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 15px 15px;
        margin-top: -56px;
        position: relative;
        width: 86px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 60%;
    top: -45px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width: 100%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
.header__logo img {
    margin-top: -74px;
    width: 78px;
    margin-right: 9px;
}

.header__login-box {
    margin-top: 66px;
}

.header__login-box .sign-up-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color: var(--second-color);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -15px;
    padding: 5px 12px;
}


.header__login-box .login-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color:#394659 !important;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -15px;
    padding: 5px 12px;
}

}

@media (max-width:360px){
    header{
        background-color:#ffffff;
        padding: 0 10px;
        width: 100%;
        box-shadow:1px 1px 8px #c7c7c7ee;
        /* margin-top: -25px; */
        position: fixed;
        left: 0;
        height:110px;
        z-index:9999999;
    }


    .header__language-box .language .handler {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background:rgb(5, 46, 76);
        border-radius: 5px;
        color: #ffffff;
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 30px;
        line-height: normal;
        padding: 15px 15px;
        margin-top: -56px;
        margin-left: -4px;
        position: relative;
        width: 86px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow:1px 1px 5px #7e5656dd;
        cursor: pointer;
    }


.header__language-box .language .options {
    left: 60%;
    top: -45px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s;
    transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    visibility: hidden;
    width: 100%;
    z-index: 40;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    -webkit-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, visibility 0s .3s, -webkit-transform .3s;
}
.header__logo img {
    margin-top: -74px;
    width: 78px;
    margin-right: 19px;
}

.header__login-box {
    margin-top: 66px;
}

.header__login-box .sign-up-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color: var(--second-color);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -15px;
    padding: 5px 12px;
}


.header__login-box .login-btn{
    border: none;
    outline: none;
    color: #fff;
    background-color:#394659 !important;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -15px;
    padding: 5px 12px;
}

}
/* end media header */

@media (max-width:991px){
    .navbar{
        display: none;
    }
}

@media (max-width:991px){
    .myaccount{
        margin-top: 0;
    }
}

@media (max-width:768px)
{
    .myaccount{
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    #bars-section {
        right: -450px;
    }
}

@media (min-width: 992px) {
    #bars-section.show {
        right: 0;
    }
}


@media (max-width:991px){
    .my-privilege{
        margin-top: 0;
    }
}

@media (max-width:768px)
{
    .my-privilege{
        margin-top: 0;
    }
}

@media (max-width:991px){
    .notification{
        margin-top: 0;
    }
}

@media (max-width:768px)
{
    .notification{
        margin-top: 0;
    }
}

@media (max-width:991px){
    .card-cip{
        margin-top: 0;
    }
}

@media (max-width:768px)
{
    .card-cip{
        margin-top: 0;
    }
}

@media (max-width:991px){
    .my-mail{
        margin-top: 0;
    }
}

@media (max-width:768px)
{
    .my-mail{
        margin-top: 0;
    }
}


@media (max-width:991px){
    .search{
        margin-top: 60px;
    }
}

@media (max-width:768px)
{
    .search{
        margin-top: 80px;
    }
}

@media (max-width:991px){
    .signup-page{
        margin-top: -163px;
    }
}

@media (max-width:768px)
{
    .signup-page{
        margin-top: -163px;
    }
}

@media (max-width:991px){
    .search-members{
        margin-top: 0;
    }
}

@media (max-width:768px)
{
    .search-members{
        margin-top: 0;
    }
}

/* start home-hero */
/* lg */

@media (max-width:1300px){
    .home-hero{
        width: 100%;
    }
}

@media (max-width:1075px){
    .home-hero{
        width: 100%;
    }

    .text-home-hero{
        margin-top: 180px;
    }

    .advance-search__content {
        padding: 40px 78px 46px 110;
        position: relative;
        margin-top: -100px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .advance-search_head_content{
        padding: 0;

    }
    .home-hero{
        width: 100%;
    }

    .home-hero h2{
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 50px;
        color: var(--main-color);
        width: 300px;
    }

    .filter--primary {
        width: 400px;
    }

}

/* md */
@media (max-width:991px){
    .home-hero{
        width: 100%;
    }

    .home-hero h2{
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 50px;
        color: var(--main-color);
        width: 300px;
    }
}

/* md */
@media (max-width:770px){
    .home-hero h2{
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 50px;
        color: var(--main-color);
        width: 300px;
    }

}

@media (max-width: 767px) {
    .text-home-hero h1{
        color: var(--main-color);
    }

    .text-home-hero p{
        color: var(--main-color);
    }
    .img-text {
        display: flex;
        flex-direction: column;
    }

    .text-slid {
        margin-top: 0;
        margin-left: 10px;
    }

    .btn--more{
        width: 100%;
        margin-bottom: 20px;
    }

    .btn-2{
        width: 100%;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
}

/* md */
@media (max-width:750px){
    .home-hero{
        width: 100%;
    }

    .home-hero h2{
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 50px;
        color: var(--main-color);
        width: 300px;
    }
}

@media (max-width:707px) {
    .filter--primary{
        width: 350px;
    }
}

@media(max-width:450px){
    .text-home-hero{
        margin-top: 350px;
    }

    .advance-search__options .btn-danger{
        width: 100px;
        margin: auto;
    }
}

@media(max-width:375px){
    .text-home-hero{
        margin-top: 250px;
    }
}
/* md */
@media (max-width:500px){
    .advance-search__content {
        padding:0;
        position: relative;
        margin-top: -130px;
        border-radius: 20px;
        padding: 50px 10px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    .home-hero{
        width: 100%;
    }

    .home-hero h2{
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 50px;
        color: var(--main-color);
        width: 300px;
    }

    .filter--primary {
        width: 380px;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
    }


.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 140px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -ms-border-radius: 140px;
    -o-border-radius: 140px;
}
}

@media (max-width:460px){
    .advance-search__content {
        padding: 0;
        position: relative;
        margin-top: -200px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        padding: 40px 0;
    }

     .filter--primary {
        width: 380px;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
    }
}
/* sm */
@media (max-width:430px){
    .advance-search__content {
        padding: 20px 5px;
        margin-top: -200px;
    }
    .home-hero{
        width: 100%;
        margin-top: 20px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 140px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -ms-border-radius: 140px;
    -o-border-radius: 140px;
}
}

/* sm */
@media (max-width:420px){
    .advance-search__content {
        padding: 20px 0px;
        margin-top: -200px;
    }

    .search-options-for-mobile .btn--more {
        background: #f5f7f9;
        width: 100%;
        border-radius: 4px;
        color: #394659;
        font-family: inherit;
        font-size: 16px;
        font-weight: 500;
        height: 41px;
        line-height: 41px;
    }

    .search-options-for-mobile.btn--more-2{
        background-color: #f0f0f0; /* يمكنك تغيير اللون هنا */
        padding: 20px; /* إضافة مسافة داخلية حول المحتوى */
        border-radius: 8px; /* زوايا مستديرة */
    }
    .home-hero{
        width: 100%;
        margin-top: 20px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

    .filter--primary {
        margin: 3px -49px;
    }

    .advance-search_head_content{
        padding: 0;
    }



.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}



.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 4px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
}
}

@media (max-width:393px){
    .home-hero{
        width: 100%;
        margin-top: 20px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

    .filter--primary {

        margin: 3px -70px;
    }


.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 4px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
}
}

@media (max-width:390px){
    .advance-search__content {
        padding: 20px 0px;
        margin-top: -170px;
    }

    .home-hero{
        width: 100%;
        margin-top: -60px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

    .filter--primary {
        width: 97%;
        margin: 3px 0px;
    }


.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 4px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
}
}

@media (max-width:375px){
    .home-hero{
        width: 100%;
        margin-top: 20px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

    .filter--primary {
        width: 97%;
        /* display: block; */
    }


.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 4px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
}
}

@media (max-width:360px){
    .home-hero{
        width: 100%;
        margin-top: 20px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

    .filter--primary {
        margin: 3px -73px;
    }


.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 4px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
}
}

/* sm */
@media (max-width:320px){
    .advance-search__content {
        background: rgba(47, 36, 36, 0.379);
        border: 1px solid rgba(255, 255, 255, 0);
        color: rgb(255, 255, 255);
        padding: 0;
        position: relative;
        margin-top: -100px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    .home-hero{
        width: 400px;
        margin-top: 20px;
    }

    .home-hero h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        color: var(--second-text);
        margin-top: -30px;
    }

    .home-hero p{
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--main-color);
    }

    .filter--primary {

        margin: 3px -68px;
    }


.btn-2{
    background-color:var(--second-color);
    border:none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search-options-for-mobile .btn--more {
    background: #f5f7f9;
    width: 100%;
    border-radius: 4px;
    color: #394659;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 41px;
    line-height: 41px;
}
}
/* end home-hero */

/* start  .signup-section */
@media (max-width:991px){
.signup-section__content {
    margin: 0px -2% 30px 0;
    padding: 80px 50px;
    position: relative;
    text-align: center;
    z-index: 10;
}
.slick-dots{
    display: none !important;
}
}
/* end .signup-section */

/* start app */

@media (max-width:768px){
    .app-section{
        font-size: 13px;
    }

    .header__logo{
        margin-left: 70px;
    }

    .app-section__links h4{
        font-size: 13px;
    }

    .home-hero .col-md-6 .text-home-hero{
        margin-top: 80px;
        margin-bottom: 60px;
    }

    .home-hero{
        margin-top:40px !important;
    }
}

@media (max-width:379px){
    .app-section{
        font-size: 11px;
    }

    .app-section__links h4{
        font-size: 11px;
    }
}

@media (max-width:329px){
    .app-section{
        font-size: 9px;
    }

    .app-section__links h4{
        font-size: 10px;
    }
}

/* start latest-members */

@media (max-width:991px){
    .card-slider{
        width: 260px;
        height: 233px;
        background-color: #ffffff;
        box-shadow:1px 1px 5px #ddd;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        /* background-image: url(../images/OBJECTS.png);
        background-repeat: no-repeat;
        background-position:top left; */
        background-size:300px;
        margin: 0 auto;
    }

    .img-text-slider{
        margin-top: 16px;
    }
}


/* end  */
/* success-stories */

@media (max-width:767px){
    .success-stories .story-card .user-data h4 {
        color: #324148;
        font-family: inherit;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        justify-content: center;
    }

    .language-box{
        /* margin-top: -50px !important; */
        /* width: 55px !important; */
        font-size: 11px !important;
        background-color:#394659 !important;
        color: #fff !important;
    }

    .header-3 .language-box i{
        color: #fff !important;
    }

    .header-3{
        margin-top:5px !important;
    }

    .header-top__user{
        width: 31px !important;
        font-size: 10px !important;
    }

    .header-top__notification .notification__link{
        /* display: none; */
    }
}

/*start home-blog */
@media (max-width:2280px){
    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        padding: 25px;
        position: absolute;
        top:380%;
        /* -ms-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); */
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:1880px){
    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        padding: 25px;
        position: absolute;
        top:540%;
        /* -ms-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); */
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:1300px){
    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        left: -30%;
        padding: 25px;
        position: absolute;
        top:580%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:991px){
    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        left: 30%;
        padding: 25px;
        position: absolute;
        top:480%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:769px){
    .home-blog__content figure img {
        border-radius: 25px;
        width:100%;
        height: 390px;
    }

    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        left: 30px;
        padding: 25px;
        position: absolute;
        top:714%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:884px){
    .home-blog__content figure img {
        border-radius: 25px;
        width:100%;
        height: 390px;
    }

    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        left: 30px;
        padding: 25px;
        position: absolute;
        top:335%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:834px){
    .home-blog__content figure img {
        border-radius: 25px;
        width:100%;
        height: 390px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        -o-border-radius: 25px;
}

    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        left: 30px;
        padding: 25px;
        position: absolute;
        top:325%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 480px;
        z-index: 10;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        -o-border-radius: 25px;
}

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:800px){
    .home-blog__content figure img {
        border-radius: 25px;
        width:100%;
        height: 390px;
    }

    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        left: 30px;
        padding: 25px;
        position: absolute;
        top:295%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 480px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:414px){
    .home-blog{
        margin-top: 250px;
    }
    .home-blog__content figure img {
        border-radius: 25px;
        width:100%;
        height: 390px;
    }

    .home-blog__info-2{
        border-radius: 25px;
        box-shadow: 12px 24px 73px 0 rgba(0, 0, 0, .06);
        padding: 25px;
        position: absolute;
        top:625%;
        left: 50%;
        width: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 370px;
        z-index: 10;
    }

    .home-blog .btn-sm {
        font-size: 17px;
        font-weight: 700;
        padding: 10px 40px;
        margin-bottom: 10px;
        margin-left: 35%;
        margin-top: 20px;
    }
}

@media (max-width:400px){
    .signup-section__bgdesign-my-home{
        margin-top: -195px;
    }
}

/* start signup */
@media (max-width:540px){
    .before-register p{
        font-size: 12px;
    }
}

@media (max-width:530px){
    .before-register p{
        font-size: 12px;
    }
}

@media (max-width:480px){
    .before-register p{
        font-size: 12px;
        padding-left:50px;
    }
}

/* end signup */

/* start search */

@media (max-width:991px){
    .sidebar{
        display: none;
    }
}

@media (max-width:780px){
    #bars-section{
        right: -100%;
    }
}

/* start sigin */
@media (max-width:500px){
    .login-form h1 {
        color: var(--main-color);
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        padding-bottom: 24px;
    }

    .login-form h2 {
        color: #324148;
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 25px;
        padding-top: 20px;
    }

    .form-controls {
        -webkit-appearance: none;
        background: #fff !important;
        border: 1px solid #ddd;
        border-radius: 7px;
        box-shadow: none !important;
        font-family: inherit;
        font-size: 8px;
        font-weight: 500;
        height: 45px;
        line-height: 43px;
        outline: none !important;
        padding: 0 12px !important;
        width: 100%;
    }

    .forms-signins label {
        color: #324148;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 15px;
        margin-top: 10px;
    }

    .checkbox--alt .css-label{
        font-size: 11px;
        margin-top: 8px;
    }

    .forgot-password{
        font-size: 11px;
        margin-top: 7px;
    }
}

/* start online */
/* start viw-the*/
@media (max-width: 768px) {
    .blog-list__block {
        flex-direction: column;
    }

    .blog-list__block img {
        margin-right: 0;
        margin-bottom: 10px;
}

    .page-head h1 {
        color: var(--main-color);
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0;
        padding-bottom: 0;
        padding:0 10px;
    }

    .blog-list__block p {
        color: #7f7f7f;
        font-size: 15px;
        padding: 20px;
        font-weight: 400;
        line-height: 1.86;
        padding-left: 55px;
        margin-bottom: 0;
        text-align: justify;
    }
}

/* start profile */
@media(max-width:700px){
    .user-profile-page .masthead-data .options{
        display: none;
    }

    .toolbar{
        display: block;
    }
}
/* start myaccount */
@media(max-width:767px){
    .header__myaccount__logo{
        margin-right: 30px !important;
    }
    .header__myaccount__logo img{
        width: 110px;
        margin-top: 30px;
    }

    .header-top__more{
        margin-top: -65px;
    }

    .user__link img{
        width: 40px;
        height: 40px;
    }

    .header-top__package-link a{
        font-size: 10px;
    }
}

@media(max-width:991px){
    .navbar-myaccount{
        margin-top: 80px;
    }

    .btn.grid-add-email {
        color: var(--main-color); /* لون النص */
        width: 130px;
        height: 50px;
        outline: none;
        border:none;
        margin-top: 10px;
    }
}

@media (max-width:767px){
    .dashboard-page__user-infolist ul li strong a {
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width:375px){
    #bars-section {
        position: fixed;
        width: 300px;
        background-color: #ffffff;
        box-shadow: 1px 1px 5px #ddd;
        padding: 20px;
        margin-top: 4px;
        height: 800px;
        right: 0;
        overflow: auto;
        transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        z-index: 9999999999999;
    }

    .bars {
        margin-top: 11px;
        margin-right: 10px;
        width: 57px;
        height: 39px;
        border: none;
        outline: none;
        background-color: white;
        /* border: 1px solid; */
        box-shadow: 1px 1px 5px #ddd;
        margin-top: 13vh;
    }

    .bars-2.status--online-seciton {
        border: 3px solid #fffffc;
        border-radius: 50%;
        display: block;
        height: 18px;
        bottom: 655px;
        left: 119px;
        position: absolute;
        width: 18px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
}
/* start subscribe  */
@media (max-width:991px){
    .page-hero img{
        display: none;
    }
}

/* start edit */
@media(max-width:500px){
    .frist-won{
        display: flex;
        flex-direction: column;
        justify-content: start;
    }
}

/* start settings */
@media (max-width:501px){
    #tabSearchParams-my{
        display:inline;
    }
}

/* start app alwly */
@media (max-width:991px){
    .header-manu_landing{
        display: none;
    }

    .munu-lu ul{
        display: flex;
        flex-direction: column;
    }

    .munu-lu ul li a{
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 10px;
        color: var(--second-color);
    }
}

@media (max-width:767px){
    .section1{
        margin-top: -10px;
    }

    .header-landing_logo img{
        margin-top: 10px;
    }


    .header-landing_lifet .header__language-box{
        margin-top: 99px;
    }


.bars-3{
    margin-top: -211px;
    margin-right: 10px;
    width: 57px;
    height: 39px;
    border: none;
    outline: none;
    background-color: white;
    /* border: 1px solid; */
    box-shadow: 1px 1px 5px #ddd;
    margin-top: 12vh;
}
}

/* start app */
@media (max-width:991px){
    .mySwiper-app-alwly .swiper-slide img {
        width: 200px;
        border-radius: 20px;
        height: auto;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
}

@media (max-width:768px){
    .mySwiper-app-alwly .swiper-slide img {
        width: 200px;
        border-radius: 20px;
        height: auto;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
}

@media (max-width:600px){
    .mySwiper-app-alwly .swiper-slide img {
        width: 200px;
        border-radius: 20px;
        height: auto;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
}

/* myaccount */
@media(max-width:365px){
    #bars-section {
        position: fixed;
        width: 360px;
        background-color: #ffffff;
        box-shadow: 1px 1px 5px #ddd;
        padding: 20px;
        margin-top: 4px;
        height: 800px;
        right: 0;
        overflow: auto;
        transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        z-index: 9999999999999;
    }
}

@media(max-width:390px){
       .header__myaccount__logo{
        margin-right: 11px !important;
    }
}
/* chat media */

@media(max-width:768px){
    .popup-box {
        background: #fff;
        box-shadow: 1px 1px 56px #ddd;
        overflow: auto;
        /* border-radius: 25px; */
        bottom: 0;
        display: none;
        position: fixed;
        left: 11px;
        width: 95%;
        padding: 0 0 10px 0;
    }
    .popup-box .popup-messages {
        background-image: url(../images/chatBackImage0.png);
        background-position: center;
        background-size: cover;
        border-radius: 12px;
        height: 488px;
        overflow: auto;
    }

    .add-message {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .foot .input-message{
        width: 100%;
        padding: 0 10px;
    }

    .foot .input-message textarea {
        background: #f3f3f3;
        border: none;
        border-radius: 15px;
        box-shadow: none;
        line-height: unset;
        margin-bottom: -6px;
        min-height: 38px !important;
        outline: none !important;
        overflow: hidden;
        padding: 5px 15px;
        font-size: 13px;
        resize: none;
        width: 100%;
    }
}