/*------ VARIABLES CSS ------*/
.status-span {
    padding: 4px;
    line-height: 0;
    border-radius: 6px;
}

.success {
    background-color: #198754;
}

.cancelled {
    background-color: #dc3545;
}

.btn--primary {
    background: #0b0b0b;
}

.btn--primary::before,
.btn--primary::after {
    display: none;
}

.btn--primary:hover {
    background-color: #2484C6;
}

.btn--secondary {
    background: #2484C6;
    color: #fff;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.btn--secondary::before,
.btn--secondary::after {
    display: none;
}

.btn--secondary:hover {
    background-color: #0b0b0b;
}

.mobile-accounts {
    margin-top: 30px;
}

.mobile-menu-btn .bx {
    color: #1f2230;
}

.form-wrapper {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    border: 1px solid #0b0b0b;
}

.information-wrapper {
    padding: 10px;
    border-radius: 8px;
    background-color: #27c77d;
    color: #fff;
}

.information-wrapper.danger {
    background-color: #fd0000;
}

.information-wrapper.default {
    display: flex;
    width: 100%;
    background-color: #2484C6;
    align-items: center;
    color: #ffffff;
    padding: 20px;
}

.inner-banner {
    min-height: 140px;
    background: transparent !important;
}

.inner-banner::before {
    content: "";
}

.inner-banner-title {
    font-size: 30px;
    color: #0b0b0b;
}

.breadcrumb .breadcrumb-item {
    color: #ddd;
}

.breadcrumb .breadcrumb-item.active {
    color: #0b0b0b;
}

.hero-style-one .banner1-content {
    width: 100%;
    max-width: 760px;
    margin-left: 0;
    margin-right: 0;
    text-align: start;
}

.hero-style-one .banner1-content p {
    font-size: 16px;
    font-weight: 400;
    color: #eee;
    margin-bottom: 20px;
    width: 85%;
    margin-left: 0;
    margin-right: auto;
}

.modal-body .form-title {
    margin-bottom: 6px!important;
}

.modal .modal-btn {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    transition: .35s ease-in;
    background: #2484C6;
    cursor: pointer;
    white-space: nowrap;
}

.modal .modal-btn:hover {
    background: #191a1c;
}

.modal .modal-btn-dark {
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 13px 30px;
    color: #1f2230!important;
    background-color: #fff;
    border: 1px solid #eee!important;
    transition: all .42s ease-in-out;
    text-align: center;
}

.modal .modal-btn-dark:hover {
    background-color: #191a1c;
    color: #fff!important;
}

.modal .modal-btn-dark::before,
.modal .modal-btn-dark::after {
    display: none;
}

.upcoming-seciton .section-bg,
.live-auction .section-bg {
    display: none;
}

.eg-card {
    border-radius: 20px;
    border: 1px solid #0b0b0b;
    padding: 14px;
}

.eg-btn {
    border-radius: 10px;
}

.eg-btn.btn--sm {
    border-radius: 8px;
    padding: 8px 16px;
}

.section-title1 {
    text-align: start;
}

.auction-card2 {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 8px 0px, rgba(0, 0, 0, 0.10) 0px 6px 6px;
}

.auction-card2 .auction-img {
    padding-bottom: 30px;
    border-radius: 10px;
}

.auction-card2 .author-area {
    left: auto;
    right: 20px;
}

.auction-card2 .author-area-gender {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
}

.auction-card2 .author-area-gender i {
    font-size: 20px;
}

.auction-card2 .author-area-gender i.bx-female-sign {
    color: #fb758d;
}

.auction-card2 .author-area-gender i.bx-male-sign {
    color: #4b4bff;
}

.auction-card2 .author-area-gender .author-gender-emo {
    border-radius: 20px;
    background: #fff;
    padding: 3px 16px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid transparent;
    z-index: 1;
}

.auction-card2 .auction-img .auction-timer {
    bottom: 10px;
    width: 90%;
    background: #4780c4;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px;
}

.auction-card2 .auction-img .auction-timer h4 {
    margin-bottom: 0;
}

.auction-card2 .auction-img img {
    object-fit: cover;
    width: 100%;
    height: 300px;
}

.collection-section .c-feature-card1 .auction-img img {
    padding-top: 0;
    height: 300px;
    object-fit: cover;
} 

.c-feature-card1 .auction-img {
    height: max-content;
    border-radius: 8px;
}

.c-feature-card1 .auction-img img {
    padding-top: 60px;
    max-height: 450px;
    object-fit: cover;
}

.c-feature-card1 .auction-timer2 {
    padding: 0px 0px 15px 0px;
    background: #fff;
    bottom: auto;
    top: 0;
}

.c-feature-card1 .auction-timer2 .countdown-single h5 {
    color: #1f2230 !important;
}

.c-feature-card1 .auction-timer2 .countdown-single span {
    color: #1f2230;
}

.single-blog-style2 {
    padding: 20px;
    border: 1px solid #0b0b0b;
    border-radius: 10px;
}

.single-blog-style2 .blog-img .blog-date {
    background: #0b0b0b;
}

.single-blog-style2 .blog-content h5:hover a {
    color: #2484C6;
}

.hero-style-one .slider-bg-1::before,
.hero-style-one .slider-bg-2::before {
    -webkit-animation: none;
    animation: none;
}

.slider-bottom .coming-arrow {
    z-index: 100;
}

.c-feature-card1 .auction-timer2 .countdown-single {
    border-radius: 10px;
    padding: 10px 12px;
}

.c-feature-card1 .auction-timer2 .countdown {
    border-radius: 10px 10px 0 0;
    padding: 10px 12px;
    border: 1.5px solid #696969;
    transition: all .5s ease;
    width: 100%;
}

.c-feature-card1:hover .auction-timer2 .countdown {
    border: 1.5px solid #2484C6;
}

.c-feature-card1 .auction-timer2 .countdown h4 {
    margin-bottom: 0;
}

.single-blog-style2 .blog-img .blog-date {
    top: 67px;
    left: -68px;
    rotate: 90deg;
    border-radius: 0px 10px 0px 10px;
    min-width: 170px;
    max-width: 170px;
    text-align: center;
}

.slider-bottom .coming-prev1 i,
.slider-bottom .coming-next1 .bi {
    padding: 8px 10px;
    line-height: 45px;
    border-radius: 50%;
    background: #2484C6;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 1px solid #2484C6;
    transition: .5s ease;
}

.slider-bottom .coming-prev1:hover i,
.slider-bottom .coming-next1:hover i {
    background: #fff;
    color: #2484C6;
    border: 1px solid #ddd;
}

.form-wrapper .forgot-pass::after {
    bottom: 0px;
}

.auction-card1 .author-area .author-emo a {
    line-height: 10px;
}

.auction-card1 .auction-img img {
    height: 300px;
    object-fit: cover;
}

.filter-title .title {
    font-size: 22px;
    font-weight: 600;
}

 @media screen and (max-width: 767.98px) {
     .product-details-right .bid-form .form-inner {
        flex-direction: column;
    }
    
    .product-details-right .bid-form .form-inner .eg-btn {
        width: 100%;
    }
     
    .section-title1 {
        margin-bottom: 30px;
    }

    .section-all-btn-wrap .view-btn {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .auction-card2 .auction-img img {
        height: 200px;
    }
    
    .auction-card2 .auction-img .auction-timer {
        width: 80%;
        min-width: 180px;
    }
    
    .auction-card2 .auction-content {
        padding: 10px 5px;
    }
    
    .auction-card2 .auction-content h4 {
        font-size: 20px;
    }
    
    .auction-card2 .auction-content p span {
        font-size: 16px;
    }
    
    .col-xsm-6 {
        flex: 0 0 auto!important;
        width: 50%!important;
    }
 }
 
 @media screen and (max-width: 499.98px) {
    .auction-card2 .author-area-gender .author-gender-emo {
        font-size: 14px;
        padding: 3px 8px 3px 10px;
    }
    
    .auction-card2 .auction-content h4 {
        font-size: 18px;
    }
    
    .auction-card2 .auction-content p {
        font-size: 14px;
        margin-bottom: .5rem;
    }
    
    .auction-card2 .auction-content p span {
        font-size: 14px;
    }
    
    .auction-card2 .auction-img img {
        height: 150px;
    }
    
    .auction-card2 .author-area-gender i {
        font-size: 16px;
    }
    
    .auction-card2 .auction-img .auction-timer {
        padding: 6px 12px;
        min-width: 120px;
    }
    
    .auction-card2 .auction-img .auction-timer h4 {
        font-size: 16px;
    }
    
    .auction-card2 .author-area-gender {
        top: 10px;
        left: 10px;
    }
     
     .auction-card2 .author-area {
        right: 10px;
        top: 10px;
    }
    
    .auction-card2 .author-area .author-emo a {
        font-size: 14px;
    }
} 
 
 @media screen and (max-width: 371.98px) {
     .col-xsm-6 {
        width: 100%!important;
    }
 } 

/*------ HEADER ------*/
header.style-1 {
    background-color: #fff;
}

header.style-1.sticky {
    background: #fff;
}

header.style-1 .header-logo {
    background: #fff;
}

header.style-1 .header-logo img {
    min-width: 100px;
    max-width: 100px;
}

header.style-1 .main-menu .menu-list>li a {
    color: #1f2230;
}

header.style-1 .main-menu .mobile-logo-wrap {
    background: #fff;
}

header.style-1 .main-menu .mobile-logo-wrap img {
    width: 100%;
    height: 55px;
    object-fit: contain;
}

header.style-1 .header-btn {
    border-radius: 10px;
}

.topbar-left h6 {
    color: #fff;
}

.topbar-left .topbar-social-list li a {
    color: #fff;
}

.topbar {
    background: #2484C6;
}

.topbar .hotline .hotline-icon i {
    color: #fff;
}

.topbar .hotline .hotline-info h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

.email-area h6 {
    color: #fff;
}

@media screen and (max-width: 991.98px) {
    header.style-1 .main-menu .menu-list>li a {
        color: #1f2230;
    }

    header.style-1 .main-menu {
        left: auto;
        right: -100%;
        background-color: #fff;
        border-right: none;
        border-left: 1px solid #eee;
    }

    header.style-1 .main-menu.show-menu {
        right: 0;
        left: auto;
    }
}

/* SLIDER AREA */
.hero-style-one .slider-bg-2::before {
    background: none;
}

.hero-style-one .slider-bg-2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 600px;
    max-height: 600px;
}

/*------ COLLECTION AUCTIONS ------*/
.small-image-list .nav-item img {
    height: 101px;
    width: 120px;
}

.auction-card2 .author-area .author-emo a{
    display: flex;
}

.auction-card2 .author-area .author-emo a.checked{
    color: #2484C6;
}

.auction-card2 .author-area:hover .author-emo a {
    color: #2484C6;
}

.live-auction .dotted1,
.live-auction .dotted2 {
    display: none;
}

.recent-news-section .section-bg,
.recent-news-section .dot-circle {
    display: none;
}

/*------ AUCTION DETAILS ------*/
.auction-details-section .lightgallery a {
    margin: 10px 0;
}

.auction-details-section .lightgallery img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

.auction-gallery-timer {
    background-color: #1f2230;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.auction-gallery-timer h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.bid-form-modal .form-title p {
    font-size: 16px;
    font-weight: 500;
    color: #696969;
    font-family: inter,sans-serif;
    position: relative;
    margin-bottom: 0;
}

.bid-form-modal .form-title p:before,
.bid-form-modal .form-title p:after {
    display: none;
}

.bid-form-modal .form-title .title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bid-form-modal .form-title .title-wrap .edit-btn {
    margin-bottom: 0.5rem;
    border-radius: 5px;
    outline: none;
    padding: 4px 8px;
    color: #1f2230 !important;
    background-color: #fff;
    border: 1px solid #eee !important;
    transition: all .42s ease-in-out;
    text-align: center;
}

.bid-form-modal .form-title .title-wrap .edit-btn:hover {
    background-color: #191a1c;
    color: #fff !important;
}

.bid-form-modal {
    box-shadow: 5px 2px 30px rgba(0,0,0,.06);
    border-radius: 5px;
    background: #ebebeb;
    padding: 25px;
}

.bid-form-modal:not(:last-child) {
    margin-bottom: 16px;
}

.bid-form-modal h6 {
    font-size: 20px;
    font-weight: 600;
    color: #1f2230;
}

.auction-card2 .auction-card-bttm .eg-btn {
    width: 100%;
}

.c-feature-card1 .c-feature-content .auction-card-bttm .eg-btn {
    width: 100%;
}

@media screen and (max-width: 767.98px) {
    .auction-details-section .lightgallery img {
        height: 350px;
        object-fit: contain;
    }
}

/*------ COLLECTION AUCTION DETAILS ------*/
.collection-auction-details-section .lightgallery img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}

/*------ BLOG ------*/
.blog-section .single-blog-style2 {
    margin-bottom: 20px;
}

.single-blog-style2 .blog-img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

/*------ DASHBOARD ------*/
.dashboard-card .body .icon i {
    color: #696969;
    transition: all .42s ease;
    font-size: 40px;
    line-height: 0;
}

.owner {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: row;
    padding: 0 40px 40px;
}

.owner .image {
    margin-right: 25px;
}

.owner .image img {
    max-width: 100px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/*------ CONTACT ------*/
.contact-signle {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 8px 0px, rgba(0, 0, 0, 0.10) 0px 6px 6px;
    border: 1px solid #0b0b0b;
}

.hover-border1::before {
    display: none;
}

/*------ FOOTER ------*/
footer {
    background-image: none;
    background-color: #fff;
    box-shadow: rgba(0, 72, 88, 0.1) 5px 3px 40px
}

footer .footer-item h5 {
    color: #1f2230;
}

footer .footer-item p {
    color: #696969;
}

footer .footer-item .footer-list li a {
    color: #696969;
}

footer ul.recent-feed-list .single-feed .feed-content h6 a {
    color: #696969;
}

footer ul.recent-feed-list .single-feed .feed-content span {
    color: #1f2230;
}

footer .footer-bottom {
    background: #0b0b0b;
    border-top: none;
}

footer .footer-bottom p .alen-dijital {
    font-weight: 600;
    color: #5956E9;
}

footer .footer-bottom p {
    margin-right: 0;
}

footer .footer-bottom p .alen-dijital img {
    max-width: 120px;
    margin: 0 6px;
}

footer .footer-item img{
    max-width: 160px;
}

@media screen and (max-width: 767.98px) {
    footer .footer-bottom p {
        text-align: center;
    }
}