.acolor {
    color: rgb(40 37 41) !important;
}

/* exhibitions details */
.vehicle-infodata {
    display: flex;
    gap: 25px;
    align-items: center;
}

.vehicle-infodata .img img {
    width: 300px;
    border-radius: 15px;
    height: 300px;
}

.sub-infodata {
    width: 100%;
}

.sub-infodata .title {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;

}

.sub-infodata .abt {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);

}

.addr p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    ;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.02em;
    /* text-align: left; */
    color: rgba(68, 68, 68, 1);

}

.addr p span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    padding-left: 15px;
}

.abt-detail {
    border-radius: 0.375rem;
    border: 1px solid rgba(227, 227, 227, 1);
    background: rgba(255, 255, 255, 1);
    padding: 18px;
}

.abt-detail .text {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.abt-detail .contact p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.enquiry {
    padding: 15px;
}

.enquiry .form-title {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
    padding: 0 15px;
}

.form-input-box input {
    width: 385px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid rgba(227, 227, 227, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;

}

.form-input-box-country select {
    width: 385px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid rgba(227, 227, 227, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgb(117 117 117);
}

#review {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;

}

.btn-enquirydata {
    width: 385px;
    height: 48px;
    border-radius: 10px;
    background: rgba(248, 72, 73, 1);
    border: 1px solid rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.other-opt {
    display: flex;
    gap: 20px;
}

.other-opt p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;

}

.other-opt .bg {
    width: 200px;
    height: 48px;
    border-radius: 10px;
    background: rgba(248, 72, 73, 0.1);
    display: flex;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(248, 72, 73, 1);
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .vehicle-infodata {
        flex-wrap: wrap;
    }

    .vehicle-infodata .img {
        width: 100%;
    }

    .vehicle-infodata .img img {
        width: 100%;
        height: 100%;
    }

    .other-opt {
        flex-wrap: wrap;
    }
}

/*  */
.categoryslideractive.active {
    background: red !important;
}

.other-part .swiper-slide .card.active .card-body .card-title {
    color: rgb(255 255 255) !important;
}

.main {
    /* margin-top: 60px; */
}

/* .mt-5 {
    margin-bottom: 3rem !important;
} */

header {
    width: 100%;
    min-height: 600px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/close-up.webp);
}

.info {
    background: rgba(68, 27, 51, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
}

.locate p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

.locate p img {
    margin-right: 10px;
}

.social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 500px;
}

.social .seller p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

.social .image {
    column-gap: 50px;
    display: flex;
}

.btn-secondary {
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
}

.btn:first-child:active {
    background-color: transparent;
    border-color: transparent;
}

.btn:hover {
    background-color: transparent;
    border-color: transparent;
}

.bg-body-tertiary {
    background-color: transparent !important;
}

.menu {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}

.menu ul li .nav-link {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);

}

.btn-profile {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 139px;
    height: 32px;
    border-radius: 20px;
    background: rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);

}

.profile-menu {
    left: -53px !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: var(--bs-navbar-nav-link-padding-x);
}

.login-btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px
}

.login-btn .btn {
    width: 94px;
    height: 32px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 1);

}

.login-btn .signupbtn {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: center;

}

.login-btn .login {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background: rgba(248, 72, 73, 1);

}

.equip {
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
    align-items: center;
    margin-top: 80px;
}

.equip .leftDiv .form-control {
    width: 350px;
    border-radius: 10px 0px 0px 10px;
    border: 2px solid rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;

}

.equip .leftDiv .btn-search {
    width: 150px;
    border-radius: 0px 10px 10px 0px;
    border: 2px solid rgba(248, 72, 73, 1);
    background: rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);

}

.equip .leftDiv .text p {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    width: 509px;
    height: 153px;
    margin-bottom: 40px;
}

.equip .rightDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 250px;
    column-gap: 30px;
    position: relative;
}

.equip .rightDiv .equipment {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 20px;
    width: 100px;
    height: 100px;
}

.equip .rightDiv .hr::after {
    content: '';
    width: 3px;
    height: 40px;
    display: block;
    background-color: white;
    position: absolute;
    top: 30px;
    border-radius: 5px;

}

.equip .rightDiv .part {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 20px;
    width: 100px;
    height: 100px;
}

.equip .rightDiv img {
    width: 70px;
    height: 70px;
    margin: 13px;
}

.other-part {
    background: rgba(248, 72, 73, 0.1);
    padding: 0 15px;
    position: relative;
    margin-top: -60px;
    height: 230px;
}

.equipments {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.other-part .swiper-slide .card {
    width: 219px;
    height: 179px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);

}

.other-part .swiper-slide .card .card-body .card-title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(68, 68, 68, 1);
    margin-top: 10px;
    margin-bottom: 0;
}

.other-part .swiper-slide .card .card-body .count {
    display: flex;
    align-items: center;
    justify-content: center;
}

.other-part .swiper-slide .card .card-body .count .card-number {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: rgba(248, 72, 73, 1);
    margin-right: 5px;
}

.other-part .swiper-slide .card .card-body .count .post {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(128, 128, 128, 1);

}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 36px;
    height: 36px;
    border-radius: 50px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: rgba(248, 72, 73, 1);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
}


.category {
    padding: 0 60px;
}

.category .heading h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
    margin: 40px 0;
}

.category .heading h2 span {
    border-bottom: 3px solid rgba(248, 72, 73, 1);
}

.category .nav-tabs {
    display: inline;
    height: auto;
    border: 0px;
    background: rgba(248, 72, 73, 0.1);
    --bs-nav-tabs-border-width: 0px;
}

.category .nav-tabs li {
    /* margin-bottom: 0px !important;
    text-align: center; */
    width: 100%;
}

.category .nav-tabs .nav-link {
    /* margin-left: 10px;
    background-color: transparent;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #737983;
    margin-bottom: 0px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.category .nav-tabs .nav-link.active {
    background: rgba(248, 72, 73, 1);
    border: 0px;
    color: rgba(255, 255, 255, 1);
    border-radius: 0;
}

.category .nav-tabs .first-child.active {
    background: rgba(248, 72, 73, 1);
    border: 0px;
    color: rgba(255, 255, 255, 1);
}

.category .tab-content .cards-course {
    width: 717px;
    height: 340px;

}

.sub-items {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 20px;
}

.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
}

.nav-content .tab-content {
    width: 100%;
}

.tab-content>.container {
    max-width: 100%;
    padding: 0;
}

.tab-content>.container .tab-pane {
    display: none;
}

.tab-content>.container .active {
    display: block;

}

#construction {
    margin: 40px 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

#construction .subImg_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    padding-bottom: 37px;
}

#construction .imgBox {
    display: flex;
    justify-content: center;
    width: 336px;
    height: auto;
    border-radius: 15px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 13px;
}

#construction .imgBox .image {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

#construction .imgBox .image .deatils .name {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    margin-bottom: 7px;
}

#construction .imgBox .image .deatils .num_item {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 12px;
}

#construction .imgBox .image .deatils .num_item .number {
    font-family: Poppins;
    font-weight: 500;
    font-size: 10px;
    line-height: 100%;
    text-align: center;
    margin: 0;
    width: 20px;
    height: 20px;
    background: rgba(248, 72, 73, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
}

#construction .imgBox .image .deatils .num_item .listed_item {
    font-family: Poppins;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    margin: 0;
    color: rgba(128, 128, 128, 1);
}

#construction .imgBox .image .deatils .button {
    width: 113px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid rgba(248, 72, 73, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

#construction .imgBox .image .deatils .button .view_btn {
    font-family: Poppins;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -2%;
    color: rgba(248, 72, 73, 1);
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#trucks {
    margin: 40px 0;
}

#lifting {
    margin: 40px 0;
}

#agricultural {
    margin: 40px 0;
}

#parts {
    margin: 40px 0;
}

#total-groups {
    width: 293px;
}

.feature {
    margin-top: 60px;
    padding: 0 40px;
}

.featureauction {
    /* margin-top: 60px; */
    padding: 0 35px;
}

.feature .heading h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);

}

.feature .heading h2 span {
    border-bottom: 3px solid rgba(248, 72, 73, 1);
}

.feature .card {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 15px;
}

.feature .card .card-body {
    padding: 0px;
}

.feature .card .card-body .about {
    display: flex;
    justify-content: space-between;
    padding: 10px !important;
    gap: 54px;
}

.feature .card .card-body .about .detail .name {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    color: rgba(68, 68, 68, 1);

}

.feature .card .card-body .about .detail .time strong {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: rgba(68, 68, 68, 1);

}

.feature .card .card-body .about .detail .time {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin: 0;
}

.feature .card .card-body .about .detail .time img {
    margin-right: 5px;
}

.feature .card .card-body .about .detail .location strong {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: rgba(68, 68, 68, 1);
    margin: 0;
}

.feature .card .card-body .about .detail .location {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: rgba(68, 68, 68, 1);
    margin: 0;

}

.feature .card .card-body .about .detail .location img {
    margin-right: 5px;
}

.feature .card .card-body .about .offer {
    width: 113px;
    height: 30px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(4, 176, 0, 1)
}

.feature .card .card-body .about .offer a {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(4, 176, 0, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature .view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 35px;
    padding-bottom: 35px;

}

.feature .view-btn a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
    text-decoration: none;
    color: rgba(248, 72, 73, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 46px;
    border-radius: 10px;
    background: rgba(248, 72, 73, 0.1);
}

.feature .view-btn a img {
    margin-left: 10px;
    width: 18px;
    height: 18px;
}

.brand {
    padding: 0 40px;
    margin-bottom: 60px;
}

.brand .heading h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
    margin-bottom: 30px;
}

.brand .heading h2 span {
    border-bottom: 3px solid rgba(248, 72, 73, 1);
}

.brand .col-md-3 {
    /* width: 20%; */
    margin-bottom: 20px;
}

.brand .card {
    width: 207px;
    height: 80px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border: none;
}

.brand .card .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.classifie {
    padding: 0 40px;
    margin-bottom: 60px;
}

.classifie .auctions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.classifie .auctions .leftBox {
    width: 580px;
    height: 350px;
    border-radius: 20px;
    background: rgba(68, 27, 51, 1);
    padding: 30px 50px 0;
}

.classifie .auctions .leftBox .title h2 {
    font-family: Poppins;
    font-size: 38px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);

}

.classifie .auctions .leftBox .title p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.classifie .auctions .leftBox ul li {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.classifie .auctions .leftBox .sell-btn {
    margin-top: 50px;
}

.classifie .auctions .leftBox .sell-btn a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration: none;
    color: rgba(68, 27, 51, 1);
    background: rgba(255, 255, 255, 1);
    width: 185px;
    height: 45px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.classifie .auctions .rightBox {
    width: 580px;
    height: 350px;
    border-radius: 20px;
    border: 0.5px solid rgba(190, 189, 189, 1);
    padding: 30px 40px 0;
}

.classifie .auctions .rightBox .title h2 {
    font-family: Poppins;
    font-size: 38px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);

}

.classifie .auctions .rightBox .title p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
}

.classifie .auctions .rightBox ul li {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;

}

.classifie .auctions .rightBox .sell-btn {
    margin-top: 50px;
}

.classifie .auctions .rightBox .sell-btn a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background: rgba(248, 72, 73, 1);
    width: 230px;
    height: 45px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}


.email {
    display: flex;
    flex-direction: column;
    /* align-items: center;
    justify-content: center; */
    margin-bottom: 60px;
}

.emailclas {
    padding: 0 5%;
}

.email h2 {
    font-family: Poppins;
    font-size: 36px;
    font-weight: 700;
    line-height: 57px;
    /* text-align: center; */
    color: rgba(0, 0, 0, 1);

}

.email p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.02em;
    /* text-align: center; */

}

.email input {
    width: 402px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(123, 121, 121, 1);
    background: rgba(240, 240, 240, 1);

}

.email .btn-search {
    background: rgba(0, 0, 0, 1);
    border: 1px solid rgba(0, 0, 0, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);

}

/* footer  */

.footer {
    padding: 0px 0px 0px;
    margin-top: 60px;
}




.hr {
    width: 100%;
    background: rgba(213, 213, 213, 1);
    height: 1px;
    margin: 50px 0;
}

.mobileview h4 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin-bottom: 30px;
}

.listBox {
    padding: 0 5%;
}

.list-unstyled {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.list-unstyled li a {
    color: rgba(0, 0, 0, 1);
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration: none;

}

.get {
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.get h3 {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: -0.02em;
    text-align: left;

}

.get .call {
    display: flex;
    align-items: center;
    gap: 20px;
}

.get .call a {
    background: rgba(217, 217, 217, 1);
    width: 30px;
    height: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50px;
}

.get .call .text {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.get .call .number {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.get .mail {
    display: flex;
    align-items: center;
    gap: 20px;
}

.get .mail a {
    background: rgba(217, 217, 217, 1);
    width: 30px;
    height: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50px;
}

.get .mail .text {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.get .mail .id {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.get .call .id {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
    display: flex;
}

.copyright {
    /* padding: 0 5% 5%; */
    padding: 0 5% 0% 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyright p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;

}

.copyright .image img {
    margin-right: 20px;
}

/* list-page */

.search-require {
    padding: 30px 15px;
}

.search-require h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 20px;
}

.search-require .form-control {
    width: 350px;
    border-radius: 10px 0px 0px 10px;
    border: 2px solid rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;

}

.search-require .btn-search {
    width: 150px;
    border-radius: 0px 10px 10px 0px;
    border: 2px solid rgba(248, 72, 73, 1);
    background: rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);

}

.select {
    padding: 0 15px;
}

.custom-select {
    position: relative;
}

.custom-select select {
    width: 100%;
    height: 36px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
    outline: none;
    border: none;
    margin-bottom: 20px;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    letter-spacing: -0.02em;
    text-align: left;
    appearance: none;
    padding: 0 15px;
}

.custom-select .icon {
    width: 50px;
    position: absolute;
    top: 10px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Make Offer Popup */
.make-offer {
    background: black;
}

.comp {
    width: 600px;
    height: 440px;
    border-radius: 20px;
    margin: 60px auto;
    background-color: #fff;
}

.comp-header {
    position: relative;
    padding: 25px;
}

.comp-header img {
    width: 139.33px;
    height: 34px;

}

.comp-header .compBtn-close {
    --bs-btn-close-bg: url(popup-img/close-img.svg);
    box-sizing: border-box;
    position: absolute;
    right: 25px;
    top: 30px;
    width: 30px;
    height: 30px;
    padding: 0.25em 0.25em;
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
}

.comp-body {
    padding: 20px 30px 0px;
}

.comp-body .col-lg-3 img {
    width: 140px;
    height: 105px;

}

.comp-body .col-lg-6 {
    margin-left: 20px;
}

.comp-body .heading h3 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.02em;
    text-align: left;

}

.comp-body .views p {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 300;
    line-height: 19.5px;
    letter-spacing: -0.02em;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.comp-body .views p img {
    width: 17.54px;
    height: 12px;
}


.watchList p {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 300;
    line-height: 19.5px;
    letter-spacing: -0.02em;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.watchList p img {
    width: 15.2px;
    height: 12px;

}

.comp-body .offer {
    width: 391px;
    height: 25px;
    background: rgba(245, 245, 245, 1);
    margin: 15px 0 40px 30px;
}

.comp-body .offer p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 0;
}

.comp-body input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
}

.comp-body .price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.comp-body .price input {
    width: 177px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid rgba(201, 201, 201, 1);
    outline: none;
    padding: 0 20px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
}

.comp-body .price p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    margin: 10px 0;
}

.comp-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.comp-footer a {
    width: 177px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(4, 176, 0, 1);
    background: rgba(4, 176, 0, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comp-footer button {
    width: 177px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(4, 176, 0, 1);
    background: rgba(4, 176, 0, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Offer Confirmation */

.offer-confirm {
    background: black;
}

.offerConfirm {
    width: 600px;
    height: 550px;
    border-radius: 20px;
    margin: 60px auto;
    background-color: #fff;
}

.offerConfirm-body {
    padding: 0px 15px 0px;
}

.offerConfirm-body .heading h3 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 0;
}

.amount {
    height: 126px;
    border-radius: 10px;
    background: rgba(245, 245, 245, 1);
    padding: 10px 0;
}

.amount p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(84, 84, 84, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0 0px 15px;
}

.amount p span {
    margin: 0px 15px 0px 0px;
}

.hr {
    margin: 10px 0;
}

.offerConfirm-body .terms h3 {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;

}

.offerConfirm-body .terms {
    height: 147px;
    border-radius: 10px;
    background: rgba(248, 72, 73, 0.1);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 20px 0;
}

.condition {
    margin-left: 15px;
}

.offerConfirm-body .terms ul {
    padding: 0;
    margin: 0;
}

.offerConfirm-body .terms ul li {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    list-style: none;
    margin-bottom: 5px;

}

.line {
    width: 8px;
    height: 134px;
    border-radius: 10px;
    background: rgba(248, 72, 73, 1);
    margin-left: 5px;
}

.accept {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.accept p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0 10px;
}

.offerConfirm-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm-order {
    width: 151px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid rgba(248, 72, 73, 1);
    background: rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-header {
    border-bottom: none !important;
}

.modal-footer {
    border-top: none !important;
}

.confirma-btn {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.02em;
    text-align: center;
    background: rgba(248, 72, 73, 1);
    border: none;
}

/* Contact Sales */
.sales {
    background: #000;
}

.sales-body {
    padding: 20px 30px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sales-body .heading h3 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.02em;
    text-align: center;

}

.sales-body .input-box input {
    width: 220px;
    height: 30px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 20px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.input-no {
    display: flex;
    gap: 10px;
}

.input-no .country-list {
    width: 52px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid rgba(227, 227, 227, 1);
    margin: 5px 0;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.input-nocontact .country-list {
    width: 52px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid rgba(227, 227, 227, 1);
    margin: 5px 0;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

/* .input-no input {
    width: 162px;
    height: 30px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 20px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
} */

.sales-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.sales-footer a {
    width: 177px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(4, 176, 0, 1);
    background: rgba(4, 176, 0, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);

}

.sales-footer button {
    width: 177px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(4, 176, 0, 1);
    background: rgba(4, 176, 0, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);

}


/* contact-sales-confirmation */
.sales-body-confirmation {
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sales-box {
    width: 400px;
    height: 211px;
    border: 1px dashed rgba(190, 189, 189, 1);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.sales-box .checkMark {
    position: absolute;
    top: -15px;
    right: -15px;
}

.sales-box h3 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(237, 28, 36, 1);

}

.sales-box p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(137, 137, 132, 1);

}

/* Check Availability */

.check-body {
    padding: 20px 5px 0px;
}

.check-body .heading h3 {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(4, 176, 0, 1);

}

.check-body .heading h3 span {
    border-bottom: 2px solid rgba(4, 176, 0, 1);
}

.check-body .input-box input {
    width: 220px;
    height: 30px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 20px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.select-country .country {
    width: 220px;
    height: 30px;
    border-radius: 5px;
    margin: 5px 0;
    padding: 0 15px;
    border: 1px solid rgba(227, 227, 227, 1);
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.msgBox {
    width: 460px;
    height: 82px;
    border-radius: 5px;
    border: 1px solid rgba(227, 227, 227, 1);
    margin: 10px 0;
}

.check-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.check-footer .send a {
    width: 32px;
    height: 32px;
    background: rgba(248, 72, 73, 1);
    border-radius: 50px;
}

.check-footer .send button {
    width: 32px;
    height: 32px;
    background: rgba(248, 72, 73, 1);
    border-radius: 50px;
}

.check-footer button {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(248, 72, 73, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    background: transparent;
    border: none;
}

.check-footer a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(248, 72, 73, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

/* Vehicle Detail Page */
.vehicle-details {
    /* margin-top: 60px; */
    padding: 0 15px;
}

.vehicle {
    margin-bottom: 60px;
}

.other-vehicle {
    margin-top: 20px;
}

.vehicle-detail {
    height: 384px;
    border-radius: 20px;
    border: 1px solid rgba(227, 227, 227, 1);
}

.vehicle-detail .card-body .card-title {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;

}

.vehicle-detail .card-body .year img {
    margin-right: 10px;
}

.vehicle-detail .card-body .year {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);

}

.vehicle-detail .card-body .button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.vehicle-detail .card-body .button .price {
    width: 152px;
    height: 34px;
    border-radius: 5px;
    border: 1px solid rgba(4, 176, 0, 1);
    background: rgba(4, 176, 0, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vehicle-detail .card-body .button .btn {
    width: 160px;
    height: 34px;
    border-radius: 30px;
    border: 1px solid rgba(4, 176, 0, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(4, 176, 0, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vehicle-detail .card-body .button .btninquery {
    width: 160px;
    height: 34px;
    border-radius: 30px;
    border: 1px solid rgba(4, 176, 0, 1);
    background-color: rgba(246, 211, 60, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgb(255 255 255);
    display: flex;
    align-items: center;
    justify-content: center;
}


.vehicle-detail .card-body .watchList {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;

}

.vehicle-detail .card-body .watchList img {
    margin-left: 15px;
}

.vehicle-detail .card-body .share {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
}

.vehicle-detail .card-body .share img {
    margin-left: 15px;
}

.vehicle-detail .card-body .verify {
    width: 443px;
    height: 102px;
    border-radius: 10px;
    background: rgba(245, 245, 245, 1);
    padding: 10px 20px;
}

.vehicle-detail .card-body .verify .title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
}

.vehicle-detail .card-body .verify .title img {
    margin-left: 15px;
}

.vehicle-detail .card-body .verify .text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.sellerDetail {
    height: 196px;
    border-radius: 20px;
    border: 1px solid rgba(227, 227, 227, 1);
}

.sellerDetail .details {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}

.seller-details .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);
}

.seller-details .profile .col-md-6 p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;

}

.seller-details .profile .col-md-6 p span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-left: 35px;
}

.overView {
    margin-top: 30px;
}

.overView .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);
    margin-bottom: 20px;
}

.overView .heading h3 span {
    border-bottom: 2px solid rgba(68, 68, 68, 1);
}

.overView .card {
    border: 1px solid rgba(227, 227, 227, 1);
}

.overView .list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;

}

.overView .list-group-item span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.02em;
    text-align: left;
}

.desrip {
    margin-top: 30px;
    margin-bottom: 30px;
}

.desrip .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);
    margin-bottom: 20px;
}

.desrip .heading h3 span {
    border-bottom: 2px solid rgba(68, 68, 68, 1);
}

.desrip .text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;

}

.service-box {
    margin: 0;
    gap: 15px;
}

.desrip .ship {
    width: 340px;
    height: 120px;
    border-radius: 10px;
    background: linear-gradient(90deg, #6383B2 0%, #235FB9 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desrip .leftBox .title h4 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.desrip .leftBox p {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}

.desrip .service {
    width: 340px;
    height: 120px;
    border-radius: 10px;
    background: linear-gradient(90deg, #FF8383 0%, #F84849 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desrip .report {
    width: 340px;
    height: 120px;
    border-radius: 10px;
    background: linear-gradient(90deg, #0054A6 0%, #0072BB 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desrip .report a {
    width: 86px;
    height: 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(33, 64, 154, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.videos {
    width: 100%;
    margin: 30px auto;
}

.videos .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);
}

.videos .heading h3 span {
    border-bottom: 2px solid rgba(68, 68, 68, 1);
}

.videos .row {
    align-items: center;
}

.feature-img {
    width: 100%;
    margin: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.videos-box {
    width: auto;
    display: flex;
    gap: 20px;
    margin-left: 30px;
}

.small-img-row {
    display: flex;
    margin: 27px 0;
    align-items: center;
    border-radius: 6px;
    overflow: hidden;

}

.small-img {
    position: relative;

}

.small-img img {
    width: 160px;

}

.play-btn {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.small-img .play-btn {
    width: 35px;

}

.auction {
    width: 100%;
    height: 202px;
    border-radius: 10px;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 10px 15px
}

.auction .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);
}

.auction .heading h3 span {
    border-bottom: 2px solid rgba(68, 68, 68, 1);
}

.auction .userName p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    margin: 0;
}

.auction .call p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    text-align: left;
    margin: 0;
}

.auction .language p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    text-align: left;
    color: rgba(68, 68, 68, 1);
    margin: 0;
}

.calls-button {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.calls-button .btn {
    width: 212px;
    height: 51px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(4, 176, 0, 1);
    margin-bottom: 15px;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(4, 176, 0, 1);

}

.calls-button .btn-call {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(0, 84, 166, 1);
    border: 1px solid rgba(0, 84, 166, 1);
}

.calls-button .btn img {
    margin-right: 15px;
}

br {
    display: none;
}

.feature .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(68, 68, 68, 1);
    margin-bottom: 20px;
}

.feature .heading h3 span {
    border-bottom: 2px solid rgba(68, 68, 68, 1);
}


/* sell page */

.classifie .heading h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 20px;
}

.compare {
    background-image: url(vehicle-details-img/excavators-digging.svg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.compare .title {
    padding: 35px 0;
}

.compare .title h3 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(248, 72, 73, 1);

}

.compare .title h3 span {
    border-bottom: 2px solid rgba(248, 72, 73, 1);
}

.sidebar .nav-tabs {
    display: flex;
    width: 100%;
    height: auto;
    border: 0px;
    --bs-nav-tabs-border-width: 0px;
    justify-content: space-between;
    align-items: center;
}

.sidebar .nav-tabs li {
    margin-bottom: 0px !important;
    text-align: center;
}

.sidebar .nav-tabs .nav-link {
    background-color: transparent;
    font-weight: 600;
    font-size: 20px;
    color: rgba(128, 128, 128, 1);
    margin-bottom: 0px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    text-align: left;
}

.sidebar .nav-tabs .nav-link.active {
    background: rgba(248, 72, 73, 1);
    border: 0px;
    color: #fff;
    border-radius: 5px;
}

.sidebar .tab-content .cards-course {
    width: 717px;
    height: 340px;

}


.nav-content .tab-content {
    width: 100%;
}

#features {
    margin-top: 40px;
}

#features .table_list table {
    width: 100%;
    border: 1px solid #fff !important;
    margin-bottom: 0;
}

#features .table_list table .heading span {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    border-bottom: 2px solid;
}

#features .table_list table .list_1 {
    display: flex;
}

#cost {
    display: flex;
    justify-content: space-between;
}

#cost th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    color: #000;
}

#cost p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;

}

.arrow {
    display: flex;
    justify-content: space-between;
}

.arrow p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;

}

.arrow .col-sm-3 .col-sm-2,
.col-sm-1 .col-sm-2 {
    margin-bottom: 28px;
}

.equipment .title h3 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(248, 72, 73, 1);

}

.equipment .title h3 span {
    border-bottom: 2px solid rgba(248, 72, 73, 1);
}

.chek-auction {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chek-auction p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    margin: 0;
}

.detailsform .input-box input {
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 11px;
}

.detailsform .details-form-country select {
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 11px;
}

.detailTabform .input-box input {
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 11px;
    width: 358px;
}

.detailTabform .input-box input.firstnamecls {
    width: 318px;
    width: 358px;
}

.detailTabform .detailTab-form-country select {
    border: 1px solid rgba(210, 210, 210, 1) !important;
    border-radius: 11px !important;
    width: 358px;
}

.detailTabform .detailTab-form-country select.selectcls {
    width: 318px;
}

.auctionform input {
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 11px;
}

.auctionform.firstnamecls {
    width: 318px;
}

.details-form {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.details-form .input-box input {
    width: 432px;
    /* height: 55px; */
    height: 48px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    padding: 0 20px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;
}

.details-form .details-form-country select {
    width: 432px;
    /* height: 55px; */
    height: 48px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    padding: 0 15px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;
}

.details-form-no select {
    width: 73px !important;
    /* height: 55px; */
    height: 48px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    font-family: Poppins;
    /* font-size: 20px; */
    font-size: inherit !important;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;
}

.details-form-no input {
    /* width: 334px; */
    /* width: 310px; */
    height: 48px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    padding: 0 20px;
    font-family: Poppins;
    /* font-size: 20px; */
    font-size: inherit !important;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;

}
#sell_user_country{   height: 48px;}

/* Inspection Report page */

.inspection-report {
    margin-top: 60px;
}

.header-logo {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 30px;
}

.header-logo .leftDiv {}

.header-logo .rightDiv p {
    margin: 0;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
}

table {
    margin-bottom: 50px;
}

table,
th,
td {
    /* border: 1px solid black; */
    border-collapse: collapse;
}

th,
td {
    padding: 5px;
    text-align: left;
    width: 225px;

}

th {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
}

th a {
    float: inline-end;
    gap: 10px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: rgb(26 188 225) !important;
}

.fa-solid {
    color: black;
}

td {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
}

.view {
    float: inline-end;
    gap: 10px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: rgb(26 188 225) !important;
}

.basic-detail tr th {
    background: #666;
    color: #fff;
}

.equip-detail tr th {
    background: #666;
    color: #fff;
}

td input {
    display: flex;
    margin: auto;
}

.condition tr td img {
    width: 20px;
    margin: auto;
    display: flex;
}

.history tr td {
    width: 120px;
}

/* signup */
.btnclose {
    cursor: pointer;
}

.modallg {
    --bs-modal-width: 800px !important;
}

.signup {
    width: 800px;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 30px auto; */

}

.signup .leftDiv {
    height: 550px;
    /* height: 610px; */
    background: rgba(0, 0, 0, 0.9);
    position: relative;

}

.signup-form {
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: fixed; */
    /* top: 10%; */
}

.signup .leftDiv .bg {
    opacity: 0.1;
}

.signup .leftDiv .logo-img {
    position: absolute;
    top: 40%;
    right: 30%;
}
.forgot .leftDiv .logo-img {
    position: absolute;
    top: 40%;
    right: 30%;
}
.signup .leftDiv .account {
    position: absolute;
    bottom: 15%;
    left: 20%;
}
.forgot .leftDiv .account {
    position: absolute;
    bottom: 15%;
    left: 20%;
}

.signup .leftDiv .account p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: rgba(255, 255, 255, 1);

}
.forgot .leftDiv .account p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: rgba(255, 255, 255, 1);

}

.signup .leftDiv .account a {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.forgot .leftDiv .account a {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}
.updateuser_phoneno{    width: 93%  !important;;
    border-radius: 8px !important;}

.signup .rightDiv {
    padding: 25px;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
    font-family: poppins;
    position: absolute;
    top: -190px;
}

.tabs-label {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;

    padding: 10px 16px;
    cursor: pointer;
}

.tabs-content {
    display: none;
}

.tabs-content {
    order: 1;
    width: 100%;
    line-height: 1.5;
    font-size: 0.9em;
    display: none;
}

.tabs-radio:checked+.tabs-label {
    color: rgba(248, 72, 73, 1);

}

.tabs-radio:checked+.tabs-label+.tabs-content {
    display: block;
}

.signup-form .input-box {
    position: relative;
}

.signup-form .input-box img {
    position: absolute;
    top: 18px;
    right: 15px;
}

.signup-form .input-box .hide {
    position: absolute;
    top: 18px;
    right: 15px;
}

.signup-form .input-box input {
    /* width: 316px; */
    height: 38px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 10px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.input-no {
    display: flex;
    gap: 10px;
}

.input-no .country-list {
    width: 52px;
    height: 38px;
    border-radius: 5px;
    border: 1px solid rgba(227, 227, 227, 1);
    margin: 5px 0;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.input-nocontact input {
    /* width: 282px; */
    width: 145px;
    height: 30px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 10px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}
.iti--separate-dial-code{    width: 100%;}
.other-part .swiper-slide .card .card-body .count {
    display: flex
;
    align-items: center;
    justify-content: center;
}.other-part .swiper-slide .card .card-body .count .card-number {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: rgba(248, 72, 73, 1);
    margin-right: 5px;
}
.other-part .swiper-slide .card .card-body .count .post {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(128, 128, 128, 1);
}
.imgBox .image .deatils .num_item {
    display: flex
;
    align-items: center;
    gap: 5px;
    /* margin-bottom: 12px; */
}.imgBox .image .deatils .num_item .number {
    font-family: Poppins;
    font-weight: 500;
    font-size: 10px;
    line-height: 100%;
    text-align: center;
    margin: 0;
    width: 20px;
    height: 20px;
    background: rgba(248, 72, 73, 1);
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
}
.imgBox .image .deatils .num_item .listed_item {
    font-family: Poppins;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    margin: 0;
    color: rgba(128, 128, 128, 1);
}
.eqipmentimage{    width: 140px;
    height: 105px;}

    .forgot .leftDiv {
        height: 550px;
        background: rgba(0, 0, 0, 0.9);
        position: relative;
    }
    .forgot .rightDiv {
        padding: 25px;
        position: relative;
        height: 100%;
        align-items: center;
        justify-content: center;
        display: block;
    }
    .forgot .leftDiv .bg {
        opacity: 0.1;
    }
    .forgot .leftDiv .logo-img {
        position: absolute;
        top: 40%;
        right: 30%;
    }
    .forgot .leftDiv .account {
        position: absolute;
        bottom: 15%;
        left: 20%;
    }
    .forgot .leftDiv .account p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: rgba(255, 255, 255, 1);
    }
    .forgot {
        width: 800px;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.input-no input {
    /* width: 282px; */
    /* width: 256px; */
    height: 38px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 10px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.signup-country .country {
    /* width: 316px; */
    height: 38px;
    border-radius: 5px;
    margin: 5px 0;
    padding: 0 10px;
    border: 1px solid rgba(227, 227, 227, 1);
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.signup .rightDiv .terms p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-top: 10px;
}

.signup .rightDiv .terms p span {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: rgba(248, 72, 73, 1);

}

.signup .rightDiv .terms p span a {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: rgba(248, 72, 73, 1);
}

.signup-btn {
    width: 122px;
    height: 33px;
    border-radius: 5px;
    background: rgba(248, 72, 73, 1);
    text-align: center;
}

.signup-btn a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.signup-btn button {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background: #f84849;
    border: none;
}

.signup-btn button:focus-visible {
    outline: none !important;
}

.error {
    color: red;
    font-size: 12px;
}

/* SIGN IN */

.signin-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 316px;
    margin-bottom: 60px;
}

.signin-check .loggedIn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.signin-check .loggedIn p {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;

}

.signin-check .forgot-pass a {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
}


.signup-form .input-box .email {
    position: absolute;
    top: 18px;
    left: 15px;
}

.signup-form .input-box .password {
    position: absolute;
    top: 14px;
    left: 15px;
}

.signup-form .input-box .signin {
    padding: 0 50px;
}

.imgLine {
    width: 22px;
    height: 0px;
    border: 0.5px solid rgba(217, 217, 217, 1);
    rotate: 90deg;
    position: absolute;
    top: 24px;
    left: 30px;
}

.close-img {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 9999;
}

.pass-btn {
    width: 155px;
    height: 33px;
    border-radius: 5px;
    background: rgba(248, 72, 73, 1);
    text-align: center;
    margin-top: 60px;
}

.pass-btn a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.pass-btn button {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background: #f84849;
    border: none;
}

.pass-btn button:focus-visible {
    outline: none !important;
}


.backward {
    display: flex;
    align-items: center;
}

.backward img {
    margin-right: 10px;
}

a {
    text-decoration: none;
}

.backward p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
    color: #000;
}

.request-otp {
    margin-top: 60px;
}

.request-otp .input-box input {
    width: 316px;
    height: 38px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 0 40px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(137, 137, 132, 1);
    outline: none;
}

.request-otp .input-box {
    position: relative;
}

.request-otp .imgLine {
    width: 22px;
    height: 0px;
    border: 0.5px solid rgba(217, 217, 217, 1);
    rotate: 90deg;
    position: absolute;
    top: 24px;
    left: 25px;
}

.request-otp .input-box .email-icon {
    position: absolute;
    top: 18px;
    left: 10px;
}

.request-btn {
    width: 155px;
    height: 33px;
    border-radius: 5px;
    background: rgba(248, 72, 73, 1);
    text-align: center;
    margin-top: 20px;
}

.request-btn a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.request-btn button {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background: #f84849;
    border: none;
}

.request-btn button:focus-visible {
    outline: none !important;
}

.otp {
    margin-top: 60px;
}

.otp .text p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: rgba(102, 102, 102, 1);
    margin: 0px;
}

.otp-card-inputs {
    margin: 30px 0;
    display: flex;
    gap: 10px;
}

.otp-card .otp-card-inputs input {
    width: 46px;
    height: 46px;
    font-size: 35px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid rgba(217, 217, 217, 1);
}

/* Activate Auctions page */
.auction-tabs .nav-tabs {
    display: flex;
    flex-direction: column;
}


.activate-auction {
    padding: 0px 60px;
}

.activate-auction .sub-items {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 0;
}

.activate-auction .nav-tabs {
    display: flex;
    flex-direction: column;
    height: auto;
    border: 0px;
    --bs-nav-tabs-border-width: 0px;
    border-radius: 20px 20px 0px 0px;
}

.activate-auction .auction-content {
    width: 20%;
}

.activate-auction .nav-tabs li {
    margin-bottom: 0px !important;
    text-align: center;
}

.activate-auction .nav-tabs .nav-link {
    background-color: transparent;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #000;
    margin-bottom: 0px;
    padding: 0;
}

.activate-auction .nav-tabs .nav-link.active {
    color: rgba(248, 72, 73, 1);
    border: 0px;
    border-radius: 0;
}


.activate-auction .tab-content .cards-course {
    width: 717px;
    height: 340px;

}

.sub-items {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 20px;
}


.auction-content .tab-content {
    width: 100%;
}

.auction-content .heading p {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(84, 84, 84, 1);

}

.tab-content>.container .tab-pane {
    display: none;
}

.tab-content>.container .active {
    display: block;

}

#auctions {
    margin: 0px 0;
}

.tab-content .title p {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;

}

.basic p {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;

}

.basic p span {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

#sellauctions .card-body {
    padding: 30px;
}

#sellauctions .card-title {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 30px;

}

#sellauctions .card-text {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;

}

#offers .basic .title {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

#offers .basic .title span {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

#offers .basic .text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(128, 128, 128, 1);

}

#offers .para {
    margin-left: 10px;
}

#offers .para p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

.payment .heading h3 {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 20px 0;
}

.payment .bank {
    width: 253px;
    height: 55px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
}

.payment .bank a {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: rgba(167, 167, 167, 1);
    margin: 0;
    padding: 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment .bank:hover {
    border: 1px solid rgba(248, 72, 73, 1);
    color: rgba(248, 72, 73, 1);
    border-radius: 11px;
}

.payment a:hover {
    color: rgba(248, 72, 73, 1);
}

#classifieds .para {
    margin-left: 10px;
}

#classifieds .para p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
}

/* 
.vertical-line {
    width: 1400px;
    height: 0px;
    border: 2px solid rgba(225, 225, 225, 1);
    rotate: 90deg;

} */

.details-tabs {
    display: flex;
    flex-wrap: wrap;
    font-family: poppins;
    gap: 20px;
}

.details-tabs .tabs-label {
    padding: 2px 16px;
    cursor: pointer;
    width: 257px;
    height: 46px;
    border-radius: 11px;
    opacity: 0px;
    border: 1px solid rgba(210, 210, 210, 1);
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;

}

.details-tabs .tabs-radio {
    display: none;
}

.details-tabs .tabs-content {
    order: 1;
    width: 100%;
    line-height: 1.5;
    font-size: 0.9em;
    display: none;
}

.details-tabs .tabs-radio:checked+.tabs-label {
    font-weight: bold;
    color: rgba(248, 72, 73, 1);
    border: 1px solid rgba(248, 72, 73, 1);

}

.details-tabs .tabs-radio:checked+.tabs-label+.tabs-content {
    display: block;
}


.detailTab-form .input-box .name {
    width: 432px !important;
}

.detailTab-form .input-box .addr {
    /* width: 710px !important; */
    width: 660px !important;

}

.detailTab-form .input-box input {
    /* width: 336px; */
    width: 320px;
    height: 55px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    padding: 0 20px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;
}

.detailTab-form .detailTab-form-country select {
    width: 336px;
    height: 55px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    padding: 0 15px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;
}

.detailTab-form-no select {
    width: 73px;
    /* height: 55px; */
    height: 48px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    font-family: Poppins;
    /* font-size: 20px; */
    font-size: inherit !important;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;
}

.detailTab-form-no input {
    /* width: 258px; */
    width: 280px;
    /* height: 55px; */
    height: 48px;
    border-radius: 11px;
    border: 1px solid rgba(210, 210, 210, 1);
    padding: 0 20px;
    font-family: Poppins;
    /* font-size: 20px; */
    font-size: inherit !important;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: rgba(167, 167, 167, 1);
    outline: none;

}

.progressDiv {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 40px;
}

.progressDiv .step p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: rgba(248, 72, 73, 1);

}

.progressDiv .count-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.progressDiv .count-step p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: rgba(248, 72, 73, 1);

}

.progressDiv .btn-prev {
    width: 144px;
    height: 46px;
    border-radius: 11px;
    background: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    color: rgba(128, 128, 128, 1);
    border: 1px solid rgba(0, 0, 0, 1);
}

.progressDiv .btn-next {
    width: 144px;
    height: 46px;
    border-radius: 11px;
    background: rgba(248, 72, 73, 1);
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    border: none;
}

.progress-bar {
    background-color: rgba(248, 72, 73, 1);
}

.progress,
.progress-stacked {
    width: 398.05px;
    height: 4px;
    border: 4px;

}

.tabs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.menu-tabs ul li .nav-link {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;

}

.activate-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 60px;
    list-style: none;
    flex-direction: row;
}

.auction-content .logo {
    margin: 20px 0;
}

.tabs-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.share-body .col-lg-3 img {
    width: 50px;
    height: auto;
}

.share-body {
    margin: 25px;
}

.sharlistitem {
    display: flex;
}


@media (max-width: 760px) {

    /*.textNumber{*/
    /*    display:flex;*/
    /*}*/

    .get .call .number {
        display: flex;
        white-space: nowrap;
    }


    .categoryimages {
        width: auto;
    }

    .categoryimages p {
        width: 100px;
    }

    .signup {
        width: auto;
    }

    .signup .leftDiv {
        display: none;
    }

    .social .seller p {
        padding: 10px;
    }

    .social {
        width: 70%;
    }

    .social .image {
        column-gap: 16px;
    }

    /* home-page */
    .equip {
        flex-wrap: wrap;
        padding: 0 30px;
        gap: 15px;
        margin-top: 40px;
    }

    .other-part {
        background: rgba(248, 72, 73, 0.1);
        padding: 0 15px;
        position: relative;
        margin-top: 0px;
        height: 230px;
    }

    .equip .leftDiv .text p {
        width: 100%;
        height: auto;
    }

    .swiper-slide {
        height: 100% !important;
    }

    .equip .leftDiv .form-control {
        /* width: 100%; */
    }

    /*.equip .leftDiv .btn-search {*/
    /*    width: min-content;*/
    /*}*/

    .other-part .swiper-slide {
        width: 85% !important;
    }

    .other-part .swiper-slide .card {
        width: 100%;
        height: 179px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 1);
    }

    .sub-items {
        border-radius: 0px;
    }



    .category .nav-tabs {
        border-radius: 0px;
    }

    .category .nav-tabs .first-child.active {
        border-radius: 0px;
    }

    .feature {
        padding: 0;
    }

    .feature .card .card-body .about {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .feature .card .card-body .about .detail .name {
        text-align: center;
    }

    .feature .card .card-body .about .offer {
        width: 100%;
    }

    .sub-items .nav-content {
        flex-wrap: wrap;
    }

    .brand {
        padding: 0;
        margin-bottom: 60px;
    }

    .brand .col-md-3 {
        /* width: 100%; */
        /*width: auto;*/
        margin-bottom: 20px;
    }

    .brand .card .card-body img {
        width: 90%;
        height: 75px;
    }

    .brand .card {
        width: 100%;
        height: 80px;
    }

    .classifie {
        padding: 0;
    }

    .classifie .auction {
        flex-wrap: wrap;
    }

    .classifie .auction .leftBox {
        width: 100%;
        padding: 30px 50px 0;
    }

    .classifie .auction .rightBox {
        width: 100%;
        padding: 30px 40px 0;
    }

    .classifie .auction .leftBox .sell-btn {
        margin-top: 0px;
    }

    .classifie .auction .rightBox .sell-btn {
        margin-top: 0px;
    }

    .email input {
        width: 100%;
    }

    .get {
        flex-direction: column;
        align-items: flex-start;
    }

    .mobileview h4 {
        margin-bottom: 5px;
    }

    .copyright {
        flex-wrap: wrap;
        justify-content: center;
    }

    .menu {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 0 !important;
    }

    .login-btn {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .profile-menu {
        left: 0px !important;
    }

    /* vehicle-detail page */

    .vehicle-detail {
        height: 100%;
        border-radius: 20px;
        border: 1px solid rgba(227, 227, 227, 1);
    }

    .vehicle-detail .card-body .button .price {
        width: 100%;

    }

    .vehicle-detail .card-body .button .btn {
        width: 100%;

    }

    .vehicle-detail .card-body .button .btninquery {
        width: 100%;

    }


    .vehicle-detail .card-body .verify {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: rgba(245, 245, 245, 1);
        padding: 10px 20px;
    }

    .vehicle .image img {
        object-fit: cover;
        width: 100%;
    }

    .sellerDetail {
        height: auto;
        ;
    }

    .sellerDetail .details {
        flex-wrap: wrap;
        justify-content: center;
    }

    .seller-details .profile .col-md-6 p {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .seller-details .profile .col-md-6 p span {
        margin-left: 0px;
    }

    .service-box {
        justify-content: center;
    }

    .swiper-vertical>.swiper-wrapper {
        flex-direction: row !important;
    }

    .auction {
        width: 100%;
        height: 100%;
    }

    .auction .profile-details {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .calls-button {
        align-items: center;
    }

    .videos-box {
        width: 100%;
        flex-wrap: wrap;
    }

    .other-vehicle .swiper-slide {
        width: 100% !important;
    }

    /* sell page */
    .classifie .auctions {
        flex-wrap: wrap;
    }

    /* .classifie .auctions .leftBox {
        width: 100%;
        height: fit-content;
        padding: 30px 50px;
    } */

    .classifie .auctions .leftBox .sell-btn {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
    }

    /* .classifie .auctions .rightBox {
        width: 100%;
        height: fit-content;
        padding: 30px 50px;
    } */

    .classifie .auctions .rightBox .sell-btn {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
    }

    .equipment .title h3 {
        font-size: 20px;
        line-height: 18px;
    }

    .details-form .input-box {
        padding: 0;
    }

    .details-form .input-box input {
        width: 100%;
    }

    .details-form .details-form-country select {
        width: 100%;
    }

    /* Activate Auctions page */


    .activate-auction {
        padding: 20px 20px 0;
    }



    .activate-auction .nav-tabs .row {
        width: 100%;
    }

    .activate-auction .auction-content {
        width: 100%;
    }

    .activate-auction .tab-content .cards-course {
        width: 717px;
        height: 340px;

    }

    .activate-auction .nav-tabs li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auction-content .tab-content {
        width: 100%;
    }

    /* .col-lg-5 {
        padding: 0;
    } */


    #sellauctions .card-body {
        padding: 30px;
    }

    #sellauctions .card-title {
        font-family: Poppins;
        font-size: 26px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -0.02em;
        text-align: center;
        margin-bottom: 30px;

    }

    #sellauctions .card-text {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: -0.02em;
        text-align: left;

    }

    #offers .basic .title {
        font-family: Poppins;
        font-size: 26px;
        font-weight: 400;
        line-height: 52px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0;
    }

    #offers .basic .title span {
        border-bottom: 1px solid rgba(0, 0, 0, 1);
    }

    #offers .basic .text {
        font-family: Poppins;
        font-size: 12px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.02em;
        text-align: left;
        color: rgba(128, 128, 128, 1);

    }

    #offers .para {
        margin-left: 10px;
    }

    #offers .para p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0;
    }

    .payment .heading h3 {
        font-family: Poppins;
        font-size: 26px;
        font-weight: 400;
        line-height: 52px;
        letter-spacing: -0.02em;
        text-align: center;
        margin: 20px 0;
    }

    .payment .bank {
        width: 100%;
        height: 55px;
        border-radius: 11px;
        border: 1px solid rgba(210, 210, 210, 1);
        margin-bottom: 20px;
    }

    .payment .bank a {
        font-family: Poppins;
        font-size: 20px;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
        color: rgba(167, 167, 167, 1);
        margin: 0;
        padding: 8px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .payment .bank:hover {
        border: 1px solid rgba(248, 72, 73, 1);
        color: rgba(248, 72, 73, 1);
        border-radius: 11px;
    }

    .payment a:hover {
        color: rgba(248, 72, 73, 1);
    }

    #classifieds .para {
        margin-left: 10px;
    }

    #classifieds .para p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0;
    }

    /* 
.vertical-line {
    width: 1400px;
    height: 0px;
    border: 2px solid rgba(225, 225, 225, 1);
    rotate: 90deg;

} */

    .details-tabs {

        gap: 20px;
        justify-content: center;
    }


    .detailTab-form .input-box .name {
        width: 100% !important;
    }

    .detailTab-form .input-box .addr {
        width: 100% !important;
    }

    .detailTab-form .input-box input {
        width: 100%;
    }

    .detailTab-form .detailTab-form-country select {
        width: 100%;
    }


    .detailTab-form-no input {
        width: 100%;
        max-width: 462px;
    }

    .progressDiv {
        flex-wrap: wrap;
    }

    .progressDiv .step {
        width: 100%;

    }

    .progressDiv .count-step {

        width: 50%;
    }

    .progressDiv .steps {

        width: 100% !important;
    }

    .progress,
    .progress-stacked {
        width: 100%;
    }

    .menu-tabs {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .tabs-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .activate-nav {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 6px;
    }
}


/*  */


/* About Us page */
.seller {
    display: flex;
    align-items: center;
    justify-content: center;
}

.seller .leftDiv {
    background: rgba(255, 183, 176, 1);
    width: 650px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seller .leftDiv .para p {
    font-family: Poppins;
    font-size: 38px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: 0;
}


.aboutus .row {
    --bs-gutter-x: 0rem;
}

.aboutus .leftDivabout .para p {
    font-family: Poppins;
    font-size: 38px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.04em;
    text-align: center;
    margin: 0;
}

.about-sale .box1 {
    background: rgba(255, 190, 225, 1);
    height: 594px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-sale .box1 .title p {
    font-family: Poppins;
    font-size: 54px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    rotate: -90deg;
}

.about-sale .box2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8%
}

.about-sale .box2 .text p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.02em;
    text-align: justify;

}

.about-sale .box3 {
    background: rgba(246, 101, 84, 1);
    height: 594px;

}

.value {
    display: flex;
}

.pinBar {
    position: relative;
}

.pinBar .pin1 img {
    position: absolute;
    left: 10%;
    top: 5%;
}

.pinBar .pin1 .listing1 {
    position: absolute;
    top: 18%;
    left: 16%;
}

.pinBar .pin1 .listing1 .num p {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(250, 163, 7, 1);
    margin: 0;
}

.pinBar .pin1 .listing1 .text p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(84, 84, 84, 1);
    margin: 0;
}

.pinBar .pin2 img {
    position: absolute;
    left: 50%;
    top: 20%;
}

.pinBar .pin2 .listing2 {
    position: absolute;
    top: 30%;
    left: 55%;
}

.pinBar .pin2 .listing2 .num p {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(250, 163, 7, 1);
    margin: 0;
}

.pinBar .pin2 .listing2 .text p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(84, 84, 84, 1);
    margin: 0;
}

.pinBar .pin3 img {
    position: absolute;
    left: 30%;
    top: 48%;
}

.pinBar .pin3 .listing3 {
    position: absolute;
    top: 60%;
    left: 34%;
}

.pinBar .pin3 .listing3 .num p {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(250, 163, 7, 1);
    margin: 0;
}

.pinBar .pin3 .listing3 .text p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(84, 84, 84, 1);
    margin: 0;
}

.about-value {
    background: rgba(119, 112, 212, 1);
    padding: 35px;
}

.about-value .para p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.02em;
    text-align: justify;
    color: rgba(255, 255, 255, 1);

}

/* Contact Us page */

.contact .container {
    max-width: 992px;
}

.contact .header h3 {
    font-family: Poppins;
    font-size: 48px;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
    margin: 0;
}

.contact .header p {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;

}

.contact-email {
    background: rgba(248, 72, 73, 0.05);
    border: none;
    width: 350px;
    height: 169.17px;
    border-radius: 20px;
}

.contact-email .img {
    float: inline-end;
}

.contact-info .card-title {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;

}

.contact .card-body {
    position: relative;
}

.contact .card-body a {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    bottom: 15px;
}



.contact .card-body a span {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
    border-bottom: 1px solid rgba(248, 72, 73, 1);
}

.contact-call {
    background: rgba(248, 72, 73, 0.05);
    border: none;
    width: 350px;
    height: 169.17px;
    border-radius: 20px;
}

.contact-call .img {
    float: inline-end;
}

.contact-deal {
    background: rgba(248, 72, 73, 0.05);
    border: none;
    width: 350px;
    height: 169.17px;
    border-radius: 20px;
}

.contact-deal .img {
    float: inline-end;
}

.form-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-email {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

input[type=text],
select {
    /* width: 382px; */
    padding: 12px;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    outline: none;
}

textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    outline: none;
}

input[type=submit] {
    background-color: rgba(248, 72, 73, 1);
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.03em;
    text-align: left;

}

input[type=submit]:hover {
    background-color: rgba(248, 72, 73, 1);
}

.contact .checkBox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact .checkBox p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.03em;
    text-align: left;
    margin: 0;
}

/* Terms page */
.terms .service {
    display: flex;
    justify-content: space-between;
}

.terms .service .leftBox .heading {
    display: flex;
    align-items: center;
    gap: 20px
}

.terms .service .leftBox .heading .num {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.terms .service .leftBox .heading .num p {
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: 5px auto;
}

.terms .service .leftBox .heading .ser {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    margin: 0;
}

.terms .rightBox .header {
    display: flex;
    gap: 30px;
}

.terms .rightBox .header .title h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -0.02em;
    text-align: left;

}

.terms .rightBox .header .title h3 span {
    border-bottom: 3px solid rgba(0, 0, 0, 1);

}

.terms .rightBox .header .title p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(84, 84, 84, 1);

}

.term-head h3 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: rgba(84, 84, 84, 1);
    margin: 0;
}

.term-head p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    text-align: justify;
    margin-bottom: 30px;
}

/* Blog page */

.head {
    padding: 70px 0;
    text-align: center;
    position: relative;
}

.blog .header h3 {
    font-family: Poppins;
    font-size: 48px;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(248, 72, 73, 1);
    margin: 0;
}

.head h1 {
    word-wrap: break-word;
    color: #000;
    font-size: 60px;
    line-height: 75px;
    font-weight: 500;
    margin-bottom: 21px;
}

.head p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}

.blogs {
    padding-right: 33px;
}

.blogDetail {
    box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);
    border-radius: 15px;
    margin-bottom: 50px;
    min-height: 412px;
}

.blogDetail img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.blogDetails {
    /* padding: 30px 40px; */
    padding: 0px 15px 10px 15px;
}

.blogDetail ul {
    /* margin-bottom: 20px; */
    margin: 0px;
}

.blogDetails ul li {
    font-family: Poppins;
    line-height: 46px;
    font-size: 16px;
    font-weight: 500;
    /* margin-bottom: 28px; */
}

.blogDetails .h3class {
    margin-bottom: 20px;
    min-height: 100px;
}

/* .blogDetails h2 {
    font-family: Poppins;
    line-height: 46px;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 28px;
} */

.blogDetails p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px;
    line-height: 26px;
    color: #7B7E86;
}

.blogDetails a {
    font-family: Poppins;
    font-weight: 500;
    text-decoration: none;
}

.blogSrch {
    margin-bottom: 60px;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #E3E8F4;
    overflow: hidden;
}

.blogSrch input {
    max-width: 100%;
    width: 100%;
    color: #7B7E86;
    border-radius: 10px;
    max-height: 55px;
    padding: 20px;
    box-shadow: 0px 7px 24px rgba(0, 0, 0, 0.09);
    border: 1px solid #E3E8F4;
    margin: 0;
}

.blogSrch button {
    padding: 10px;
    border-radius: 10px;
    height: 55px;
    width: 55px;
    background: #0E59F2;
    top: 0;
    border: 0;
    color: #fff;
    right: 0;
    position: absolute;
    display: inline-block;
}

.recent {
    margin-bottom: 60px;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #E3E8F4;
}

.recent h2 {
    font-family: Poppins;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 38px;
    text-transform: capitalize;
}

.blogList {
    padding-bottom: 43px;
}

.blogarrowcolr {
    color: #f84849;
}

.blogImage {
    margin-right: 20px;
    width: 80px;
    overflow: hidden;
    border-radius: 10px;
    min-width: 80px;
    height: 84px;
}

.blogImg img {
    height: 84px;
    object-fit: cover;
    width: 100%;
}

.blogText h3 {
    font-family: Poppins;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.blogText h3.bordertext {
    border-bottom: 1px solid #d5ccccab;
}

.blogText h3 a {
    color: #000;
    text-decoration: none;
}

.blogText span {
    color: #7B7E86;
    font-size: 14px;
    line-height: 17px;
}

.category {
    margin-bottom: 60px;
    padding: 0 40px;
    border-radius: 15px;
    /* border: 1px solid #E3E8F4; */
}

.payment .bank button.payment {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: rgba(167, 167, 167, 1);
    margin: 0;
    padding: 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 253px;
    border: none;
    background: transparent;
}

.payment .bank button.payment:hover {
    color: rgba(248, 72, 73, 1);
}

#payment-message {
    color: rgb(105, 115, 134);
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
    text-align: center;
}

#payment-form {
    width: 30vw;
    min-width: 500px;
    align-self: center;
    /*  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
      0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);*/
    border-radius: 7px;
    padding: 40px;
}

#payment-element {
    margin-bottom: 24px;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
    border-radius: 50%;
}

.spinner {
    color: #ffffff;
    font-size: 22px;
    text-indent: -99999px;
    margin: 0px auto;
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 2px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.spinner:before,
.spinner:after {
    position: absolute;
    content: "";
}

.spinner:before {
    width: 10.4px;
    height: 20.4px;
    background: #5469d4;
    border-radius: 20.4px 0 0 20.4px;
    top: -0.2px;
    left: -0.2px;
    -webkit-transform-origin: 10.4px 10.2px;
    transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s infinite ease 1.5s;
    animation: loading 2s infinite ease 1.5s;
}

.spinner:after {
    width: 10.4px;
    height: 10.2px;
    background: #5469d4;
    border-radius: 0 10.2px 10.2px 0;
    top: -0.1px;
    left: 10.2px;
    -webkit-transform-origin: 0px 10.2px;
    transform-origin: 0px 10.2px;
    -webkit-animation: loading 2s infinite ease;
    animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Buttons and links */
.paymentbutton {
    background: #5469d4;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
    box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
    width: 100%;
}

.paymentbutton:hover {
    filter: contrast(115%);
}

.paymentbutton:disabled {
    opacity: 0.5;
    cursor: default;
}

#stripe-token-handler {
    position: absolute;
    top: 0;
    left: 25%;
    right: 25%;
    padding: 20px 30px;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
    box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
        0 15px 35px rgba(50, 50, 93, 0.15),
        0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    transform: translateY(0);
    opacity: 1;
    background-color: white;
}

#stripe-token-handler.is-hidden {
    opacity: 0;
    transform: translateY(-80px);
}

/**
   * The CSS shown here will not be introduced in the Quickstart guide, but shows
   * how you can use CSS to style your Element's container.
   */
.text-center {
    text-align: center;
}

.StripeElement {
    /*background-color: white;*/
    padding: 12px 12px;
    border-radius: 4px;
    border: 1px solid #000;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.paymentn1 .reachatext .rightsara span {
    text-decoration: none;
    color: black;
}

/*anshulika*/

.bidnote {
    margin-top: 20px;
    color: #a7a7a7;
}

.bankdetails {
    padding: 20px 26px;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    border-radius: 11px;
    margin-top: 20px;
}

.category h2 {
    font-family: Poppins;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: capitalize;
}

ul {
    list-style: none;
    padding-left: 0;
}

.category li a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    line-height: 18px;
    width: 100%;
    border-bottom: 1px solid #E3E8F4;
    color: #7B7E86;
}

.category li a:hover {
    color: rgba(248, 72, 73, 1);
}

.tags {
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #E3E8F4;
}

.tags h2 {
    font-family: Poppins;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 34px;
    text-transform: capitalize;
}

.tags ul li a {
    font-family: Poppins;
    font-size: 13px !important;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 8px;
    line-height: 26px;
    padding: 5px 16px 3px 16px;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid hsl(222, 44%, 92%);
}

.tags ul li a:hover {
    background: #0E59F2;
    color: #fff;
}



/* Viewed Items page */
.user-menu h3 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(84, 84, 84, 1);

}

.menuBar .sub_itemDiv li {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 65px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(0, 0, 0, 1);

}

.menuBar .sub_itemDiv li:hover {
    color: rgba(248, 72, 73, 1);

}

.menuBar .sub_itemDiv li.active {
    color: rgba(248, 72, 73, 1);

}

.item-head h3 {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.02em;
    text-align: left;

}

.delete {
    display: flex;
    justify-content: center;
}

.unsave {
    width: 113px;
    height: 30px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(233, 101, 0, 1);
}

.unsave a {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(233, 101, 0, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enquiries {
    width: 600px;
    height: 550px;
}

#vertical-line {
    width: 1px;
    height: 900px;
    background-color: silver;
}

@media (max-width: 767px) {
    .locate p {
        font-size: 12px;
    }

    /* .social .seller p {
        padding: 10px;
    }

    .social {
        width: 66%;
    }

    .social .image {
        column-gap: 25px;
    } */
    /* home-page */
    .equip {
        flex-wrap: wrap;
        padding: 0 30px;
        gap: 15px;
        margin-top: 40px;
    }

    .other-part {
        background: rgba(248, 72, 73, 0.1);
        padding: 0 15px;
        position: relative;
        margin-top: 0px;
        height: 230px;
    }

    .equip .leftDiv .text p {
        /* width: 100%;
        height: auto; */
        width: 100%;
        height: auto;
        font-size: 25px;
        line-height: 40px;
    }

    .swiper-slide {
        height: 100% !important;
    }

    .equip .leftDiv .form-control {
        /*width: 165px;*/
        width: calc(100% - (90px));
    }

    .equip .leftDiv .btn-search {

        width: 90px;
    }

    .other-part .swiper-slide {
        width: 85% !important;
    }

    .other-part .swiper-slide .card {
        width: 100%;
        height: 179px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 1);
    }

    .category {
        padding: 0 15px;
    }

    .sub-items {
        border-radius: 0px;
    }

    .sub-items .subImg_box .imgBox {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        width: 100%;
        border-radius: 15px;
    }

    .sub-items .subImg_box .imgBox .image {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
        padding: 6px 25px;
    }

    .sub-items .subImg_box .imgBox .image a .items_img {
        width: 100px;
        height: 100px;
    }

    .sub-items .subImg_box .imgBox .image .deatils {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .sub-items .subImg_box .imgBox .image .deatils .name {
        margin: 0;
        font-family: Poppins;
        font-weight: 600;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: rgba(0, 0, 0, 1);
    }

    .sub-items .subImg_box .imgBox .image .deatils .button .view_btn {
        border: 1px solid rgba(248, 72, 73, 1);
        font-family: Poppins;
        font-weight: 500;
        font-size: 12px;
        line-height: 100%;
        color: rgba(248, 72, 73, 1);
        border-radius: 30px;
        padding: 5px 15px;
    }

    .sub-items .subImg_box .imgBox .image .deatils .button .view_btn img {
        width: 16px;
        height: 16px;
    }

    #construction .subImg_box {
        flex-wrap: wrap;
    }

    .category .nav-tabs {
        border-radius: 0px;
    }

    .category .nav-tabs .first-child.active {
        border-radius: 0px;
    }

    .feature {
        padding: 0;
    }

    .feature .card .card-body .about {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .feature .card .card-body .about .detail .name {
        text-align: center;
    }

    .feature .card .card-body .about .offer {
        width: 100%;
    }

    /* .sub-items .nav-content {
        flex-wrap: wrap;
    } */

    .sub-items .nav-content {
        /*flex-wrap: wrap;*/
        /*flex-direction: column;*/
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
    }

    .category .nav-tabs .nav-link {
        width: -webkit-max-content;
        padding: 15px;
    }

    .category .nav-tabs li {
        width: fit-content;
    }

    /* #construction .imgBox {
        width: auto;
    } */
    /* .brand {
        padding: 0;
        margin-bottom: 60px;
    } */

    /* .brand .col-md-3 {
        width: 100%;
        margin-bottom: 20px;
    } */

    /* .brand .card {
        width: 100%;
        height: 80px;
    } */

    .classifie {
        padding: 0;
    }

    .classifie .auction {
        flex-wrap: wrap;
    }

    .classifie .auction .leftBox {
        width: 100%;
        padding: 30px 50px 0;
    }

    .classifie .auction .rightBox {
        width: 100%;
        padding: 30px 40px 0;
    }

    .classifie .auction .leftBox .sell-btn {
        margin-top: 0px;
    }

    .classifie .auction .rightBox .sell-btn {
        margin-top: 0px;
    }

    .email input {
        width: 100%;
    }

    .get {
        flex-wrap: wrap;
    }

    .mobileview h4 {
        margin-bottom: 5px;
    }

    .copyright {
        flex-wrap: wrap;
        justify-content: center;
    }

    .menu {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 0 !important;
    }

    .login-btn {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .profile-menu {
        left: 0px !important;
    }

    /* vehicle-detail page */

    .vehicle-detail {
        height: 100%;
        border-radius: 20px;
        border: 1px solid rgba(227, 227, 227, 1);
    }

    .vehicle-detail .card-body .button .price {
        width: 100%;

    }

    .vehicle-detail .card-body .button .btn {
        width: 100%;
    }

    .vehicle-detail .card-body .button .btninquery {
        width: 100%;
    }

    .vehicle-detail .card-body .verify {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: rgba(245, 245, 245, 1);
        padding: 10px 20px;
    }

    .vehicle .image img {
        object-fit: cover;
        width: 100%;
    }

    .sellerDetail {
        height: auto;
        ;
    }

    .sellerDetail .details {
        flex-wrap: wrap;
        justify-content: center;
    }

    .seller-details .profile .col-md-6 p {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .seller-details .profile .col-md-6 p span {
        margin-left: 0px;
    }

    .service-box {
        justify-content: center;
    }

    .swiper-vertical>.swiper-wrapper {
        flex-direction: row !important;
    }

    .auction {
        width: 100%;
        height: 100%;
    }

    .auction .profile-details {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .calls-button {
        align-items: center;
    }

    .videos-box {
        width: 100%;
        flex-wrap: wrap;
    }

    .other-vehicle .swiper-slide {
        width: 100% !important;
    }

    /* sell page */
    .classifie .auctions {
        flex-wrap: wrap;
    }

    .classifie .auctions .leftBox {
        width: 100%;
        height: fit-content;
        padding: 15px;
    }

    .classifie .auctions .leftBox .title h2 {
        font-size: 25px;
        line-height: 28px;
    }

    .classifie .auctions .leftBox .title p {
        font-size: 12px;
        line-height: 18px;
    }

    .classifie .auctions .leftBox ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .classifie .auctions .leftBox .sell-btn {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
    }

    .classifie .auctions .leftBox .sell-btn a {
        width: 100%;
    }

    .classifie .auctions .rightBox {
        width: 100%;
        height: fit-content;
        padding: 15px;
    }

    .classifie .auctions .rightBox .title h2 {
        font-size: 25px;
        line-height: 28px;
    }

    .classifie .auctions .rightBox .title p {
        font-size: 12px;
        line-height: 18px;
    }

    .classifie .auctions .rightBox ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .classifie .auctions .rightBox .sell-btn {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
    }

    .classifie .auctions .rightBox .sell-btn {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
    }

    .classifie .auctions .rightBox .sell-btn a {
        width: 100%;
    }

    .email {
        margin-bottom: 30px;
    }

    .email a img {
        margin: 0 auto;
        display: flex;
    }

    .email h2 {
        font-size: 25px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .email p {
        font-size: 12px;
        line-height: 18px;
    }

    /* Activate Auctions page */


    .activate-auction {
        padding: 20px 20px 0;
    }



    .activate-auction .nav-tabs .row {
        width: 100%;
    }

    .activate-auction .auction-content {
        width: 100%;
    }

    .activate-auction .tab-content .cards-course {
        width: 717px;
        height: 340px;

    }

    .activate-auction .nav-tabs li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auction-content .tab-content {
        width: 100%;
    }

    /* .col-lg-5 {
        padding: 0;
    } */


    #sellauctions .card-body {
        padding: 30px;
    }

    #sellauctions .card-title {
        font-family: Poppins;
        font-size: 26px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -0.02em;
        text-align: center;
        margin-bottom: 30px;

    }

    #sellauctions .card-text {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: -0.02em;
        text-align: left;

    }

    #offers .basic .title {
        font-family: Poppins;
        font-size: 26px;
        font-weight: 400;
        line-height: 52px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0;
    }

    #offers .basic .title span {
        border-bottom: 1px solid rgba(0, 0, 0, 1);
    }

    #offers .basic .text {
        font-family: Poppins;
        font-size: 12px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.02em;
        text-align: left;
        color: rgba(128, 128, 128, 1);

    }

    #offers .para {
        margin-left: 10px;
    }

    #offers .para p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0;
    }

    .payment .heading h3 {
        font-family: Poppins;
        font-size: 26px;
        font-weight: 400;
        line-height: 52px;
        letter-spacing: -0.02em;
        text-align: center;
        margin: 20px 0;
    }

    .payment .bank {
        width: 100%;
        height: 55px;
        border-radius: 11px;
        border: 1px solid rgba(210, 210, 210, 1);
        margin-bottom: 20px;
    }

    .payment .bank a {
        font-family: Poppins;
        font-size: 20px;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
        color: rgba(167, 167, 167, 1);
        margin: 0;
        padding: 8px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .payment .bank:hover {
        border: 1px solid rgba(248, 72, 73, 1);
        color: rgba(248, 72, 73, 1);
        border-radius: 11px;
    }

    .payment a:hover {
        color: rgba(248, 72, 73, 1);
    }

    #classifieds .para {
        margin-left: 10px;
    }

    #classifieds .para p {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0;
    }

    /* 
.vertical-line {
    width: 1400px;
    height: 0px;
    border: 2px solid rgba(225, 225, 225, 1);
    rotate: 90deg;

} */

    .details-tabs {

        gap: 20px;
        justify-content: center;
    }


    .detailTab-form .input-box .name {
        width: 100% !important;
    }

    .detailTab-form .input-box .addr {
        width: 100% !important;
    }

    .detailTab-form .input-box input {
        width: 100%;
    }

    .detailTab-form .detailTab-form-country select {
        width: 100%;
    }


    .detailTab-form-no input {
        width: 100%;
        max-width: 462px;
    }

    .progressDiv {
        flex-wrap: wrap;
    }

    .progressDiv .step {
        width: 100%;

    }

    .progressDiv .count-step {

        width: 50%;
    }

    .progressDiv .steps {

        width: 100% !important;
    }

    .progress,
    .progress-stacked {
        width: 100%;
    }

    .menu-tabs {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .tabs-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .activate-nav {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 6px;
    }

    /* sell-auction-page */
    .chek-auction {
        align-items: baseline;
    }

    .chek-auction p {
        font-size: 16px;
        line-height: 18px;
    }

    .detailsform .row {
        margin: 0;
    }

    .detailsform .input-box {
        padding: 0;
    }

    input[type=text],
    select {
        width: 100% !important;
    }

    .details-form-no {
        display: flex;
        align-items: baseline;
    }

    .details-form-no input {
        width: 100%;
    }

    #features .table_list table {
        width: 100%;
        border: 1px solid #fff !important;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        display: block;
    }

    .btn-enquirydata {
        width: 100%;
    }

}