[v-cloak] {
    display: none;
}
#operationModal___BV_modal_header_ {
    padding-bottom: 0;
}
#operationModal___BV_modal_body_ {
    padding-top:0;
}
.checkbox-1x {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.checkbox-2x {
    transform: scale(2);
    -webkit-transform: scale(2);
}

/*search box css start here*/
.search-sec {
    padding: 2rem;
}

.search-slt {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    height: calc(3rem + 2px) !important;
    border-radius: 0;
}

.wrn-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius: 0;
}

@media (min-width: 992px) {
    .search-sec {
        position: relative;
        top: -114px;
        background: rgba(26, 70, 104, 0.51);
    }
}

@media (max-width: 992px) {
    .search-sec {
        background: #1A4668;
    }
}
.w-15 {
    width: 15% !important;
}
.w-40 {
    width: 40% !important;
}
.w-45 {
    width: 45% !important;
}
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-85 {
    width: 85% !important;
}
.w-90 {
    width: 90% !important;
}
.homepricesearch {
    padding: 30px 30px 15px;
    position: relative;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}




.myprocesstabs-nav {
    border: none;
    color: #fff;
    background: transparent;
    border-radius: 0;
    padding: .6rem;
    font-weight: 700 !important;
}

.myprocesstabs-nav-item,
.myprocesstabs-nav-item.active {
    border: none;
    color: #fff;
    background: transparent;
    border-radius: 2px;
    color: #666;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s
}

    .myprocesstabs-nav-item > .nav-link.active {
        border: none;
        color: #fff;
        background: #0A48B3 !important;
        border-radius: 0;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
    }



.myprocesstabs-nav-item > .nav-link:hover,
.myprocesstabs-nav-item > .nav-link:focus {
    border: none;
    background: #e74c3c;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}



/*


.myprocesstabs-nav {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}

.myprocesstabs-nav-item,
.myprocesstabs-nav-item.active {
    border: none;
    padding: 18px 25px;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}
    .myprocesstabs-nav-item > .nav-link.active {
        border: none;
        padding: 18px 25px;
        color: #fff;
        background: #4285f4 !important;
        border-radius: 0;
    }
    .myprocesstabs-nav-item > .nav-link.active:after {
        content: "";
        position: relative;
        bottom: -50px;
        left: -10%;
        border: 15px solid transparent;
        border-top-color: #e74c3c;
    }

.tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 5px solid #e74c3c;
    border-bottom: 5px solid #e74c3c;
    padding: 30px 25px;
}

.myprocesstabs-nav-item > .nav-link:hover,
.myprocesstabs-nav-item > .nav-link:focus {
    border: none;
    background: #e74c3c;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}*/


/* Category Ads */

.car-list {
  
}
.car-list-item {
    margin: 15px 0 15px 0;
}
    .car-list .card-notify-badge {
        position: absolute;
        left: -10px;
        top: -20px;
        background: #f2d900;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        color: #000;
        padding: 5px 10px;
        font-size: 14px;
    }

    .car-list .card-notify-year {
        position: absolute;
        right: -10px;
        top: -5px;
        background: #ff4444;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-size: 14px;
        width: 50px;
        height: 50px;
        padding: 15px 0 0 0;
    }


    .car-list .card-detail-badge {
        background: #f2d900;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        color: #000;
        padding: 5px 10px;
        font-size: 14px;
    }



    .car-list .card:hover {
        background: #fff;
        box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
        border-radius: 4px;
        transition: all 0.3s ease;
    }

    .car-list .card-image-overlay {
        font-size: 20px;
    }


        .car-list .card-image-overlay span {
            display: inline-block;
        }


.car-list .select-btn {
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    border: 3px solid #e6de08;
    display: block;
    text-decoration: none;
    margin: 20px auto 1px auto;
    color: #000;
    overflow: hidden;
    position: relative;
    background-color: #e6de08;
}
.car-list .unselect-btn {
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    border: 3px solid #f7fafc;
    display: block;
    text-decoration: none;
    margin: 20px auto 1px auto;
    color: #000;
    overflow: hidden;
    position: relative;
    background-color: #f7fafc;
}

    .car-list .select-btn:hover {
        background-color: #e6de08;
        color: #1e1717;
        border: 2px solid #e6de08;
        background: transparent;
        transition: all 0.3s ease;
        box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    }


.car-list .btn-selectprice {
    background-color: #e6de08 !important;
    border: 3px solid #e6de08 !important;
}
    .car-list .btn-selectprice:hover {
        background-color: #e6de08 !important;
        border: 2px solid #e6de08 !important;
    }

.car-list .unselect-btn:hover {
    background-color: #f7fafc;
    color: #1e1717;
    border: 2px solid #f7fafc;
    background: transparent;
    transition: all 0.3s ease;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
}
    .car-list .car-title h5 {
        text-transform: uppercase;
        font-size: 18px;
    }

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}
.slogan-img {
    height: 100%; /* Modify this according to your need */
    overflow: hidden; /* Removing this will break the effects */
}
    .slogan-img img {
        transition: transform .5s ease;
    }

/* [3] Finally, transforming the image when container gets hovered */
    .slogan-img:hover img {
        transform: scale(1.5);
    }