/* your styles go here */
@font-face {
    font-family: 'CustomWebFont';
    src: url('../fonts/overlock/Overlock-Bold.ttf')  format('TrueType')
}
@font-face {
    font-family: RobotoLight;
    src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
    font-family: Dalmantian;
    src: url(../fonts/Dalmantian.ttf);
}
body{
    font-family: RobotoLight !important;
    font-weight: 400 !important;
}
.required{
    color: #ff0000 !important;
}
.uppercase{
    text-transform: uppercase;
}
.lowercase{
    text-transform: lowercase;
}
.capitalize{
    text-transform: capitalize;
}
.cursor{
    cursor: pointer;
}
/** header link */
.nav-link{
    font-weight: 400 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
}

.bottomBtn{
    display:block;
    position:fixed;
    bottom:1.5rem;
    right:7rem;
    /*width:45px;
    height:45px;*/
    line-height:45px;
    color:#343a40;
    border:solid 1px #25d366;
    text-align:center;
    background:#25d366;
    font-size:.8rem;
    z-index:999;cursor:pointer;
    border-radius: 35px !important;
}

.paginationCombo{
    padding: 0px !important;
    height: 30px !important;
    width: 60px !important;
}

.menuOption{
    text-transform: capitalize !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.menuOption:hover{
    color: #5e6165 !important;
}

.labelHeader{
    font-size: 32px;
}

.bold {
    font-weight: bold !important;
}

.customThumbnail{
    width: 65px !important;
    height: 65px !important;
    margin: 5px 0px !important;
}

.service-column{
    border-right: none !important;
}

.service-column .service-text{
    text-align: center !important;
}

.product-hover-overlay-buttons a {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.discount{
    color: #f00 !important;
    font-weight: bold !important;
}

.sub-total{
    color: #94a21a !important;
    font-weight: bold !important;
    text-decoration: underline;
}

.total{
    color: #154fa7 !important;
    font-weight: bold !important;
}

.newAmount{
    color: #1b9214 !important;
    font-weight: bold !important;
}

.error-message {
    color: #ff0000 !important;
    font-weight: bold !important;
}

.progress-bar {
    background-color: #4c9daf;
}

.progress-bar-info{
    background-color: #ff0000 !important;
}

.progress-bar-danger{
    background-color: #ff0000 !important;
}

.progress-bar-success{
    background-color: #4CAF50 !important;
}

.text-third{
    color: #074071 !important;
}

.text-four{
    color: #ababab !important;
}

.review{
    padding-bottom: 0rem !important;
}

.hide{
    display: none;
}

.optionSelected{
    color: #979797;
    font-weight: bold !important;
}

.newSelect{
    color: #000;
    font-weight: bold !important;
}

.newSelect:hover{
    color: #979797 !important;
    text-decoration: underline !important;
}

.label{
    padding: 5px;
    border-radius: 13px;
}

.label-danger{
    background-color: #f00 !important;
    color: #fff !important;
}

.label-default{
    background-color: #eee;
    color: #000;
}

.dropdown-menu.megamenu.py-lg-0.show{
    height: 30rem;
    overflow-y: auto;
}

.badge-primary {
    background-color: #164ea0 !important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/** response values */
@media screen and (max-width: 980px) {
    div#contentSlide{
        display: none;
    }
}
@media screen and (max-width: 720px) {
    #view-more-collection{
        margin-left: 35%;
    }
    .py-2 p,h3{
        text-align: center;
    }
    .seller-info {
        text-align: center !important;
    }
}