.header-upper-mobile {
    position: fixed;
    background: #ffffff;
    width: 100%;
    z-index: 3;
    font-size: 0.8rem !important;
}

.vl {
    border-right: 1px solid lightgrey;
    height: max-content;
}

.setting-txt-upperbar{
    padding-top: 5px;
    padding-bottom: 5px;
}

.setting-icon-upperbar {
    color: #e22248;
}

.setting-icon-upperbar:before {

    font-size: 13px;
}

.link-upperbar{
color: #7a7a7a;
}

.link-upperbar:after{
    color: #7a7a7a;
    text-decoration: none;

}

.link-upperbar:visited{
    color: #7a7a7a;
    text-decoration: none;

}

.link-upperbar:active{
    color: #7a7a7a;
    text-decoration: none;

}

.link-upperbar:hover {
    color: #7a7a7a;
    text-decoration: none;
}


/*Custom Styles*/
.card-container {
    -webkit-perspective: 999px;
    perspective: 999px;
}

.card-container:hover .card{
    -webkit-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.card {
    -webkit-transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: none !important;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.back {
    -webkit-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.front, .back {
    position: absolute;
    width: 100%;
    top: 0;
    height: 350px !important;
}
.card {

    height: 350px !important;
}

.font14{
    font-size: 14px !important;
    font-weight: 400 !important;
}