@import url("pages.css");
@import url("style-mob.css?v=1.0.3");
@charset "utf-8";
* {
}
ul li {
    list-style: none;
}
a {
    text-decoration: none;
}
.cf:before,
.cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
body {
    font-family: "Poppins" !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.mid-container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.btn:hover {
    color: #fff;
}
.btn-outline:hover {
    color: #954adb;
}
a:hover {
    color: #000;
}
.wrapper {
    overflow: hidden;
}
.header-top {
    position: relative;
    background: #fff;
    padding: 2px 6px 2px 6px;
}
.header-top .form-group {
    margin-bottom: 0;
}
#header-main {
    max-width: 1800px;
    width: 100%;
    margin: auto;
    padding: 10px;
}
.menu-icon {
    display: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 33px;
    font-size: 22px;
    padding: 10px 0;
}
.menu-icon .menu-box {
    width: 50px;
    height: 38px;
    margin-right: 20px;
    padding: 5px;
    position: absolute;
    left: 0;
}
.menu-icon .menu-box span {
    width: 100%;
    height: 4px;
    margin-bottom: 6px;
    background: #fff;
    display: block;
    border-radius: 2px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
}
.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}
.enumenu_ul .caret {
    color: #fff;
    margin-left: 7px;
}
.enumenu_ul {
    padding: 0px;
    list-style: none;
    margin: 0;
    text-align: center;
}
.enumenu_ul > li {
    display: inline-block;
    position: relative;
}
.enumenu_ul li a {
    font-family: "Poppins";
    font-size: 18px;
    display: block;
    color: #fff;
    padding: 32px 20px;
    text-transform: uppercase;
    line-height: 27px;
    font-weight: 500;
}
.enumenu_ul > li > a:hover,
.enumenu_ul > li.active > a {
    color: #ccc;
}
.enumenu_ul li:first-child a {
    padding: 32px 20px 32px 0;
}
.enumenu_ul li:last-child a {
    padding: 32px 0 32px 20px;
}
.enumenu_ul > li ul {
    display: none;
}
.enumenu_ul ul li {
    width: 100%;
    margin: 0;
    list-style: none;
    position: relative;
}
.enumenu_ul.desk ul {
    top: 100%;
    z-index: 999;
    list-style: none;
    left: 0px;
    background: #fff;
    position: absolute;
    min-width: 150px;
}
.menu.submenu-ul-level1 li a {
    background: rgba(31, 26, 107, 0.8);
    color: #fff;
    padding-left: 90px;
}
.enumenu_ul.desk li:hover > ul {
    display: block;
    opacity: 1;
}
.enumenu_ul.desk .sb-menu .sb-menu {
    left: 100%;
    top: 0;
}
.enumenu_ul.desk ul li a {
    padding: 10px 10px;
    display: block;
    color: #244146;
    font-size: 16px;
    text-align: center;
}
.enumenu_ul.desk ul li:hover > a {
    background: #000;
    color: #fff;
}
.enumenu_ul .arrow {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: url(../images/plus.png) no-repeat center center;
    cursor: pointer;
    z-index: 999;
}
.enumenu_ul .arrow.up {
    background: url(../images/minus.png) no-repeat center center;
}
.logo {
    max-width: 180px;
}
.login-section {
    position: relative;
    display: flex;
    gap: 5px;
}
.login-section .seting-tab {
    display: none;
    position: absolute;
    right: 0;
    top: 110%;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
}
.login-section .seting-tab.active {
    display: block;
}
.login-section .seting-tab:before {
    position: absolute;
    content: "";
    right: 5px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
}
.login-section .seting-tab li {
    border-bottom: 1px solid #dcdcdc;
}
.login-section .seting-tab li:last-child {
    border-bottom: none;
}
.login-section .seting-tab li a {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 10px;
    color: #5f5f5f;
    text-transform: capitalize;
}
a.login {
    text-transform: capitalize;
    padding: 10px 30px;
    color: #fff;
    background: #954adb;
    border: 1px solid #954adb;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
a.login:hover {
    background: rgba(31, 64, 186, 0.4);
    color: #fff;
}
a.signup {
    text-transform: capitalize;
    padding: 10px 25px;
    background: rgba(31, 64, 186, 0.11);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.93);
    border-radius: 5px;
    margin-left: 7px;
    text-align: center;
    font-size: 14px;
}
a.signup:hover {
    background: rgba(255, 255, 255, 0.93);
    color: #954adb;
}
a.user-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ababab;
    padding: 0;
    display: flex;
    gap: 5px;
}
a.user-info span {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    margin-left: 7px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
a.user-info span.login-info {
    width: auto;
    height: auto;
    border-radius: 0px;
    margin: 0;
    text-align: right;
}
a.user-info span.login-info i {
    color: #954adb;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}
a.user-setting {
    width: 47px;
    height: 49px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 47px;
    margin-left: 7px;
}
.banner {
    position: relative;
    width: 100%;
    height: fit-content;
}
.home-banner {
    overflow: hidden;
}
.banner .item {
    position: relative;
    width: 100%;
    height: 56vw;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    object-fit: cover;
}
.banner .item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #0a0b25 0%, rgba(10, 11, 37, 0) 100%);
}
.filter-banner .filters {
    max-width: 960px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}
.filter-banner .filters .from-control {
    position: relative;
    max-width: 878px;
    width: 100%;
    margin: 5px auto 0;
}
.filter-banner .filters h1 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
.filter-banner .filters input {
    width: 100%;
    padding: 12px 26px 12px 26px;
    background: #fff;
    border-radius: 10px;
    font-family: "Poppins";
    font-size: 17px;
    line-height: 26px;
    text-transform: capitalize;
    color: #303030;
}
.filter-banner .filters .filter-button {
    position: absolute;
    right: 72px;
    top: 12px;
    cursor: pointer;
    border-left: 1px solid #c8c8c8;
    padding-left: 14px;
    width: 40px;
}
.filter-banner .filters .search-button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: #954adb;
}
.filter-banner .filters .search-button i {
    font-size: 28px;
}
.banner .owl-carousel {
    position: relative;
    z-index: 9;
}
.banner .owl-dots {
    position: absolute;
    bottom: 5em;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 999;
}
.banner .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.29);
    border-radius: 50%;
    margin: 0 4px;
}
.banner .owl-dots .owl-dot.active {
    background: #1de6f2;
}
.banner-bottom {
    background: rgba(0, 6, 37, 0.9);
    padding: 2px 5px;
}
.banner-bottom h3 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
}
.banner-bottom .btn-details {
    border: 2px solid #954adb;
    background: #954adb;
    border-radius: 5px;
    color: #fff;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    padding: 5px 20px;
}
.banner-bottom .btn-details:hover {
    border-color: #fff;
    background: transparent;
}
.home-listing {
    position: relative;
    padding: 15px 0 15px;
    padding-top: 60px;
}
.home-listing h2 {
    font-size: 22px;
    line-height: 18px;
    margin-bottom: 15px;
}
.home-listing .text-center p {
    width: 100%;
    margin: 0 auto 10px;
    line-height: 1.5;
}
.home-listing .from-control.sort h5 {
    display: inline-block;
    margin-right: 14px;
    font-size: 18px;
}
.home-listing .from-control.sort select {
    display: inline-block;
    width: 190.28px;
    padding: 5px 10px;
    border: 1px solid #959595 !important;
    border-radius: 5px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #5f5f5f;
    background: #fff url(../images/signup/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 93% 13px;
    background-size: 12px;
}
.category-items {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin: 15px 0 0;
}
.home-listing .category-items .items {
    width: 151px;
    height: 119px;
    border: 1px solid #959595;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home-listing .category-items .items .image-area {
    text-align: center;
    margin-bottom: 15px;
}
.home-listing .category-items .items h6 {
    text-align: center;
    text-transform: uppercase;
    color: #5f5f5f;
}
.nhover {
    display: block;
}
.hover {
    display: none;
}
.home-listing .category-items .items:hover,
.home-listing .category-items .items.active {
    background: #954adb;
    border-color: #954adb;
}
.home-listing .category-items .items:hover h6,
.home-listing .category-items .items.active h6 {
    color: #fff;
}
.home-listing .category-items .items:hover .nhover,
.home-listing .category-items .items.active .nhover {
    display: none;
}
.home-listing .category-items .items:hover .hover,
.home-listing .category-items .items.active .hover {
    display: block;
}
.home-listing li.nav-item {
    width: 33.33%;
    position: relative;
}
.home-listing li.nav-item:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: #858585;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home-listing li.nav-item:last-child:after {
    display: none;
}
.home-listing .nav-tabs .nav-link {
    width: 100%;
    display: inline-block;
    padding: 10px;
    margin-bottom: -3px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #7a7a7a;
    border: none;
    border-radius: 0px !important;
}
.home-listing .accordion-item {
    border: none;
    border-top: 1px solid #c7c7c7;
}
.home-listing .nav-tabs .nav-link.active {
    border-bottom: 3px solid #2c449c;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #231d31;
}
.home-listing .accordion-body {
    padding: 5px 0;
}
.item-list li {
    position: relative;
}
.item-list li .items {
    margin-bottom: 2px;
}
.item-list li .items .image-slide {
    border-radius: 10px;
    overflow: hidden;
}
.item-list li .items .image-slide .item {
    position: relative;
    width: 100%;
    height: 219px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.item-list li .items .image-slide .item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    left: 0;
    top: 0;
}
.item-list li .items .image-slide .owl-nav {
    position: absolute;
    top: 50%;
    width: 92%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    z-index: 999;
}
.item-list li .items .image-slide .owl-nav span {
    font-size: 0px;
}
.item-list li .items .image-slide .owl-nav .owl-prev {
    float: left;
    width: 11px;
    height: 23px;
    background: url(../images/arrow-left.png) no-repeat center;
    background-size: 100% 100%;
}
.item-list li .items .image-slide .owl-nav .owl-next {
    float: right;
    width: 11px;
    height: 23px;
    background: url(../images/arrow-right.png) no-repeat center;
    background-size: 100% 100%;
}
.item-list li .items .product-area {
    position: relative;
    z-index: 9;
    text-align: initial;
}
.item-list li .items .product-area .grade {
    padding: 0 5px;
    margin-bottom: 10px;
    margin-top: -24px;
    text-align: initial;
}
.item-list li .items .product-area .grade h6 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #ffffff;
}
.item-list li .items .product-info h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.item-list li .items .product-info p {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #7a7a7a;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 5px;
}
.item-list li .items .price-area h6 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item-list li .items .price-area .btn-price {
    width: auto;
    height: auto;
    border: 1px solid #954adb;
    border-radius: 5px;
    font-style: normal;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #954adb;
}
.item-list li .items .price-area .btn-price:hover {
    color: #fff;
    background: #954adb;
}
.tag {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 12px;
    padding: 5px 7px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
}
.tag.stock {
    background: #00a3ff;
}
.tag.auction {
    background: #ff9900;
}
.home-listing .btn-large {
    max-width: 323px;
    width: 100%;
    display: block;
    margin: auto;
    height: 65px;
    background: #954adb;
    border-radius: 5px;
    border: 2px solid #954adb;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
}
.home-listing .btn-large:hover {
    background: #fff;
    color: #954adb;
}
.home-customer {
    position: relative;
    padding: 10px 0;
    background: url(../images/home-customer-background.jpg) no-repeat center;
    background-size: cover;
}
.home-customer h2 {
    font-style: normal;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 5px;
}
.home-customer p {
    color: #fff;
    max-width: 937px;
    width: 100%;
    margin: 0 auto 10px;
    line-height: 24px;
    text-align: justify;
    font-size: 14px;
}
.home-customer .customers-love {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-customer .customers-love li {
    width: 100%;
    background: rgba(119, 123, 140, 0.11);
    border: 1px solid #474e69;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px;
    margin-bottom: 5px;
}
.home-customer .customers-love li:hover {
    background: #474e69;
}
.home-customer .customers-love li img {
    width: 35px;
}
.home-customer .customers-love li p {
    text-align: center;
    margin: 5px 0 0;
    line-height: 1.5;
}
.home-customer .button-container {
    margin-top: 10px;
    text-align: center;
}
.home-customer .button-container .btn-fill {
    width: auto;
}
.special-service {
    position: relative;
    padding: 20px 0;
}
.special-service h2 {
    margin-bottom: 5px;
    line-height: 26px;
}
.special-service .item {
    padding: 30px 0;
    margin: 0 auto;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.special-service .item .box {
    text-align: center;
    border-right: 1px solid #d9d9d9;
    padding: 0 25px;
}
.special-service .item img {
    width: auto !important;
    margin: 5px auto;
}
.special-service .item h5 {
    color: #383838;
    margin: 5px 0;
    font-weight: 500;
}
.special-service .item p {
    text-align: center;
    color: #696969;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.special-service .item .btn {
    background: #ffffff;
    border: 1px solid #954adb;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #954adb;
    padding: 5px 10px;
}
.special-service .slider-area {
    position: relative;
    padding: 0;
    width: 100%;
    margin: auto;
}
.special-service .slider-area:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    right: 0;
    top: 0;
    z-index: 1;
}
.special-service .item:hover .btn {
    background: #954adb;
    color: #fff;
}
.special-service .slider-area .owl-carousel {
}
.special-service .owl-nav,
.special-service .owl-dots {
    display: block !important;
    text-align: center;
}
.special-service .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.special-service .owl-nav .owl-prev {
    position: relative;
    left: -46px;
    float: left;
    width: 46px;
    height: 46px;
    background: url(../images/arrO-left.png) no-repeat center !important;
    background-size: 100% 100% !important;
    font-size: 0px !important;
}
.special-service .owl-nav .owl-next {
    position: relative;
    right: -46px;
    float: right;
    width: 46px;
    height: 46px;
    background: url(../images/arrO-right.png) no-repeat center !important;
    background-size: 100% 100% !important;
    font-size: 0px !important;
}
.special-service .owl-dots .owl-dot {
    width: 5px;
    height: 5px;
    background: #d9d9d9;
    border-radius: 50%;
    margin: 0 5px;
}
.special-service .owl-dots .owl-dot.active {
    background: #954adb;
}
.alert,
.invalid-feedback {
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}
.alert-success {
    color: green;
}
.alert-danger,
.invalid-feedback {
    color: #e02629;
}
.testimonial {
    position: relative;
    padding: 70px 0 70px;
    background: #f8f9ff;
}
.testimonial h2 {
    color: #000000;
    margin-bottom: 10px;
}
.testimonial .item {
    padding-top: 70px;
}
.testimonial .item .test-box {
    background: #F4EAF8;
    border-radius: 34px;
    padding: 50px;
    text-align: center;
    width: 80%;
}
.testimonial .item img {
    width: auto;
}
.testimonial .item .user-image {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -104px auto 35px;
}
.testimonial .item .user-image span {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background: #f9f9f9;
    border: 14px solid #f9f9f9;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: block;
}
.testimonial .item h4 {
    color: #595959;
    font-weight: 500;
    font-size:24px;
    line-height: 26px;
    margin-bottom: 15px;
}
.testimonial .item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #595959;
    max-width: 776px;
    width: 100%;
    margin: auto;
}
.testimonial .item ul {
    text-align: center;
    margin:22px 0 8px;
}
.testimonial .item ul li {
    display: inline-block;
    margin: 0 1px;
}
.testimonial .item ul li i{
    font-size:20px;
    color:#954ADB;
}
.testimonial .item ul li img {
    width: 20px;
}
.testimonial .item h6 {
    color: #29376a;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.testimonial .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: calc(50% - -5px);
}
body section.testimonial .owl-nav .owl-prev {
    position: relative;
    left: 0px;
    float: left;
    width: 46px;
    height: 46px;
    background: url(../images/arrD-left.png) #F4EAF8;
    font-size: 0px !important;
    border-radius: 100%;
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: center center;
}

body section.testimonial .owl-nav .owl-next {
    position: relative;
    right:0px;
    float: right;
    width: 46px;
    height: 46px;
    background: url(../images/arrD-right.png) #F4EAF8;
    font-size: 0px !important;
    border-radius: 100%;
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: center center;
}

.equal-banner {
    background: #000000;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.small-height {
    background: url(../images/small-banner1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}
.small-height h1 {
    text-transform: uppercase;
    color: #fff;
}
.middle-height {
    height: 254px;
}
.regulation-banner {
    background: url(../images/car-new-image.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding: 80px 0;
}
.import-banner {
    background: url(../images/import-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    min-height: unset;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
    height: 28vw;
}
.import-banner h1 {
    line-height: 1 !important;
}
.contact-banner {
    background: url(../images/contact-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    min-height: unset;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
    height: 32vw;
}
.jdm-banner {
    background: url(../images/jdm-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    min-height: unset;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
    height: 32vw;
}
.vocab-banner {
    background: url(../images/vocab-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: unset;
    height: 40vw;
}
.policy-banner {
    background: linear-gradient(#0a0b25, rgba(10, 11, 37, 0)),
        url(../images/privacy-policy.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding: 80px 0;
    height: 170px;
}
.terms-banner {
    background: linear-gradient(#0a0b25, rgba(10, 11, 37, 0)),
        url(../images/terms.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding: 80px 0;
    height: 170px;
}
.about-banner {
    background: url(../images/5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    min-height: unset;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
    height: 22vh;
}
.customer-banner {
    background: url(../images/customer-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}

.wrapper12 {
    max-width: 1300px;
    width: 100%;
    margin: auto;
}
.wrapper14 {
    max-width: 1430px;
    width: 100%;
    margin: auto;
}
.preloader {
    position: absolute;
    width: 100%;
    background: rgb(0 0 0 / 53%) url(../images/preloader.gif) no-repeat center;
    z-index: 1;
    top: 0;
    bottom: 0;
    display: none;
}
.login-back {
    background-image: url(../images/login-back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
}
.forgot-back {
    background-color: #0a102b;
    padding: 0;
}
.space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.space-between.home-categories {
    flex-direction: column;
}
.btn-back {
    box-sizing: border-box;
    width: 122px;
    height: 39px;
    background: rgba(31, 64, 186, 0.17);
    border: 1px solid #4d73ff;
    border-radius: 5px;
    line-height: normal;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
.btn-back:hover {
    background: #4d73ff;
}
.login-back .title h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: #ffffff;
}
.from-area {
    position: relative;
    margin-top: 25px;
}
.from-area .row {
    display: flex;
    gap: 15px;
}
.from-area .from-control {
    flex: 50%;
    overflow: hidden;
}
.from-area .from-control.center input {
    text-align: center;
}
.from-area .from-control input,
.from-area .row .from-control select {
    background: #ffffff;
    border-radius: 5px;
    padding: 15px 28px;
    width: 100%;
    font-weight: 400;
    font-size: 17px;
    text-transform: capitalize;
    color: #303030;
    margin-bottom: 17px;
}
.from-area .from-control .date:before {
    position: absolute;
    content: "";
    background: url(../images/signup/date-icon.png) no-repeat center;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 18px;
}
.from-area .from-control input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background-image: url(../images/signup/date-icon.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    left: 15px;
}
.from-accept {
    margin: 0px 0px 35px;
}
.from-accept p {
    color: #fff;
}
.from-accept p a {
    color: #3661ff;
    border-bottom: 1px solid #3661ff;
}
.from-accept input[type="checkbox"] {
    width: 23px;
    height: 23px;
    background: #d9d9d9;
    border: 1px solid #000000;
    border-radius: 3px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 12px;
}
.from-accept p {
    display: inline-block;
}
.from-area .row .from-control select {
    width: 100%;
    background: #fff url(../images/signup/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 96.5% 29px;
    background-size: 17px;
}
.from-area .row .from-control .row select {
    background-position: 92.2% 29px !important;
}
input::placeholder {
    color: #303030 !important;
    opacity: 1;
}
input:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #303030 !important;
}
input::-ms-input-placeholder,
input::-ms-input-placeholder {
    color: #303030 !important;
}
textarea::placeholder {
    color: #303030 !important;
}
.from-area .btn-submit {
    display: block;
    max-width: 394px;
    width: 100%;
    height: 60px;
    margin: auto;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    background: #954adb;
    border-radius: 5px;
    border: 2px solid #954adb;
    cursor: pointer;
}
.from-area.login .btn-submit {
    max-width: 100%;
}
.date {
    position: relative;
}
.from-area .btn-submit:hover {
    background: transparent;
}
.login-back .or {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 15px auto;
    background: #e55556;
    font-weight: 600;
    font-size: 17px;
    line-height: 42px;
    color: #fff;
    text-align: center;
}
.social-login .btn-social {
    display: inline-block;
    max-width: 315px;
    width: 100%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 15px;
}
.social-login .btn-social i {
    vertical-align: middle;
    margin-left: 15px;
    font-size: 28px;
}
.social-login .btn-social.facebook i {
    color: #4f6cd7;
}
.social-login .btn-social.google i {
    color: #f45a5a;
}
.from-area.login {
    max-width: 700px;
    width: 100%;
    margin: 104px auto 0;
}
.from-area.forgot {
    max-width: 700px;
    width: 100%;
    margin: 48px auto 4em;
}
.forgot-title {
    text-align: center;
    margin: 10px 0 0;
}
.forgot-back .from-area .btn-submit {
    max-width: 100%;
    width: 100%;
}
.forgot-title img {
    margin-bottom: 26px;
}
.forgot-title h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    margin-right: 10px;
}
.forgot-title h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 5px;
}
.forgot-title h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
}
.forgot-back .from-accept.text-center {
    margin-top: 44px;
}
.forgot-back .from-accept.text-center p {
    font-size: 20px;
}
.space-center {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.sidebarP h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
    margin-bottom: 30px;
}
.product-tag .items {
    display: flex;
    text-transform: uppercase;
    flex-direction: row;
    background: #ffffff;
    margin-bottom: 10px;
    border: 1px solid #959595;
    border-radius: 5px;
    align-items: center;
    padding: 18px 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #5f5f5f;
}
.product-tag .items .image-area {
    max-width: 85px;
    width: 100%;
}
.product-tag .items:hover,
.product-tag .items.active {
    background: #954adb;
    border-color: #954adb;
    color: #fff;
}
.product-tag .items:hover h6,
.product-tag .items.active h6 {
    font-weight: 500;
}
.product-tag .items:hover .nhover,
.product-tag .items.active .nhover {
    display: none;
}
.product-tag .items:hover .hover,
.product-tag .items.active .hover {
    display: block;
}
.search-keyward {
    position: relative;
    display: flex;
    gap: 7px;
    width: 50%;
}
.search-keyward input {
    position: relative;
    width: 100%;
    border: 1px solid #959595;
    border-radius: 5px;
    padding: 15px 66px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    text-transform: capitalize;
    color: #303030;
}
.search-keyward .from-control {
    position: relative;
    width: 100%;
}
.search-keyward .btn {
    width: 220px;
    height: 58px;
    background: #954adb;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #ffffff;
}
.advance-search {
    background: #ffffff;
    padding: 40px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
}
.advance-search .space-between {
    gap: 9px;
    margin-bottom: 20px;
}
.advance-search label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #231d31;
}
.advance-search .space-between .from-control {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.advance-search .space-between select {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: capitalize;
    color: #5f5f5f;
    border: 1px solid #959595;
    border-radius: 5px;
    padding: 7px 27px 7px 10px;
    background: #fff url(../images/ps-arrow.png);
    background-repeat: no-repeat;
    background-position: 93% 55%;
    background-size: 12px;
}
.advance-search .space-between .from-group {
    display: flex;
    padding: 4.5px 0;
    border: 1px solid #959595;
    border-radius: 5px;
}
.advance-search .part select {
    width: 100%;
    border: none;
    padding: 0 26px 0 11px;
    background-position: 92% 57%;
}
.advance-search .part {
    flex: 50%;
}
.advance-search .part:first-child {
    border-right: 1px solid #3d3d3d;
}
.advance-search .from-control .color {
    width: 100%;
    height: 37px;
    border: 1px solid #959595;
    border-radius: 5px;
    padding: 5px 7px;
    line-height: 36px;
}
.advance-search .from-control .color li {
    width: 24px;
    height: 24px;
    border: 1px solid #8a8a8a;
    border-radius: 3px;
    display: inline-block;
}
.advance-search .from-control .color span {
    position: relative;
    cursor: pointer;
    color: #303030;
    border-left: 1px solid #cecece;
    padding-left: 5px;
    float: right;
    font-size: 22px;
    line-height: 24px;
}
.advance-search .space-between input {
    width: 100%;
    height: 37px;
    font-size: 14px;
    border: 1px solid #959595;
    padding: 5.5px 17px;
    border-radius: 5px;
    line-height: 21px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.advance-search .space-between:nth-child(2) .from-group {
    padding: 4.5px 0;
}
.advance-search .space-between:nth-child(2) .from-group select {
    padding: 0 32px 0 19px;
}
.final-search {
    gap: 7px;
    margin-top: 19px;
}
.final-search .accordion {
    background: #f8f9ff;
    width: 50%;
    border: 1px solid #d9ddf3;
    border-radius: 5px;
}
.final-search .accordion-item {
    background-color: transparent;
    border: none;
}
.final-search .accordion .accordion-button {
    font-weight: 500;
    padding: 14px 22px 14px;
    box-shadow: none !important;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
    border: none;
    background: transparent;
}
.final-search .accordion .card-body {
    padding: 0 22px 20px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.final-search .accordion .card-body label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #231d31;
}
.final-search .accordion .card-body select {
    width: 305px;
    height: 37px;
    background: #ffffff;
    color: #5f5f5f;
    padding: 5px 17px;
    border: 1px solid #ccd1ee;
    border-radius: 5px;
    background: #fff url(../images/signup/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 55%;
    background-size: 13px;
}
.final-search .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(0.7) !important;
}
.final-search .accordion .card-body {
    flex-direction: column;
}
.advance-search .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.advance-search .card-body .from-control {
    display: flex;
    align-items: center;
}
.advance-search .button {
    gap: 10px;
    margin: 20px 0 0;
}
.btn-outline {
    background: #ffffff;
    border: 1px solid #954adb;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #954adb;
    padding: 12px 20px;
    width: 100%;
}
.btn-fill {
    background: #954adb;
    border: 1px solid #954adb;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
}
.view-section {
    margin: 5px 0;
}
.view-section label {
    font-weight: 500;
    font-size: 14px;
    line-height: auto;
    color: #231d31;
}
.view-section .space-between .space-between {
    gap: 10px;
}
.view-section select {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: capitalize;
    color: #5f5f5f;
    border: 1px solid #959595;
    border-radius: 5px;
    padding: 10px 35px 10px 20px;
    margin-left: 10px;
    background: #fff url(../images/ps-arrow.png);
    background-repeat: no-repeat;
    background-position: 92% 50%;
    background-size: 15px;
}
.view-section .btn-view {
    width: 152px;
    height: 57px;
    color: #000625;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid #959595;
    border-radius: 5px;
    text-align: center;
}
.view-section .btn-view img {
    margin-left: 10px;
    width: 20px;
}
.view-section .btn-view:hover,
.view-section .btn-view.active {
    background: #954adb;
    border-color: #954adb;
    color: #fff;
    font-weight: 500;
}
.view-section .btn-view:hover .nhover,
.view-section .btn-view.active .nhover {
    display: none;
}
.view-section .btn-view:hover .hover,
.view-section .btn-view.active .hover {
    display: block;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 2rem 0;
    padding: 0;
}

.pagination .page-item {
    list-style: none;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    background: #fff;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.pagination .page-item .page-link:hover {
    background: #f8f0ff;
    color: #954adb;
    border-color: #954adb;
}

.pagination .page-item.active .page-link {
    background: #954adb;
    color: #fff;
    border-color: #954adb;
}

.pagination .page-item.disabled .page-link {
    background: #f5f5f5;
    color: #999;
    border-color: #e0e0e0;
    cursor: not-allowed;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-size: 18px;
    padding: 0 12px;
}

.advance-search .from-control .date input[type="text"] {
    width: 100%;
}
.advance-search .from-control .date input[type="date"] {
    width: 100%;
}
.advance-search .from-control .date:before {
    position: absolute;
    content: "";
    background: url(../images/dateA-icon.png) no-repeat center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    right: 6px;
    top: 7px;
}
.advance-search
    .from-control
    input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background-image: url(../images/dateA-icon.png);
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    left: 15px;
}
.table-area h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
    margin-bottom: 20px;
}
.table-area .table thead {
    background: #260E58;
    color: #fff;
}
.table-area .table thead th {
    vertical-align: middle;
    padding: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.table-area .table thead th.details {
    width: 398px;
}
.table-area .table thead th:first-child {
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}
.table-area .table thead th:last-child {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.table-area .table tbody td .table-cell {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 25px;
    margin: 24px 0;
    border-right: 1px solid #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table-area .table tbody td {
    padding: 0;
    vertical-align: middle;
}
.table-area .table tbody td:first-child .table-cell {
    padding: 10px 5px;
    justify-content: flex-start;
}
.table-area .table tbody td:last-child .table-cell {
    border: none;
}
.table-area .table tbody td b {
    font-weight: 500;
}
.table-area .table tbody td:first-child img {
    max-width: 61px;
    width: 100%;
    height: 61px;
    border-radius: 10px;
    margin-right: 20px;
    overflow: hidden;
    object-fit: cover;
}
.table-area .table tbody tr {
    border-bottom: 1px solid #bcbcbc;
}
.table-area .table tbody .btn-tag {
    font-weight: 500;
    min-width: 134px;
    width: 100%;
    font-size: 16px;
    padding: 4px;
    line-height: 24px;
    text-align: center;
    border-radius: 100px;
}
.table-area .table tbody .btn-tag.open {
    color: #954adb;
    background: #b0c1ff;
}
.table-area .table tbody .btn-tag.close {
    color: #e02629;
    background: #ffb0b1;
}
.table-area .table tbody .btn-fill {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    padding: 10px 22px;
    width: max-content;
}
.bar-tag {
    font-weight: 500;
    padding: 18px 40px;
    margin-bottom: 40px;
    background: #0a0b10;
    border-radius: 100px;
    font-size: 25px;
    line-height: 38px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
.demo-wrapper {
    box-sizing: border-box;
    width: 800px;
    max-width: calc(100% - 30px);
    margin: auto;
    padding: 30px 0 0;
}
.demo-container {
    padding: 0 0 80px;
}
.svgMap-map-wrapper {
    background: #fff;
    color: #2c3e95;
}
.svgMap-map-wrapper .svgMap-country {
    stroke: #eaeff8;
    stroke-width: 0.75;
}
.svgMap-map-wrapper .svgMap-country:hover {
    stroke: #2c3e95;
    fill: #2c3e95;
}
.product-listing .text-left h3 {
    font-size: 26px;
    text-align: left;
    font-style: normal;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 30px;
    color: #231d31;
}
.auction-tag {
    margin-bottom: 5px;
}
.auction-tag li {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #5f5f5f;
    margin-right: 10px;
}
.auction-tag li.tags {
    font-style: normal;
    padding: 2px 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    margin-right: 0;
}
.auction-tag li.tags.yellow {
    background: #ff9900;
}
.auction .space-between {
    gap: 20px;
    align-items: flex-start;
}
.auction .left-pull {
    max-width: 824px;
    width: 55%;
}
.auction .right-pull {
    max-width: 620px;
    width: 42%;
}
.input-type label {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-transform: capitalize !important;
    color: #858585 !important;
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 !important;
}
.input-type input {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
    display: inline-block !important;
    border: 1px solid #959595 !important;
    border-radius: 5px !important;
    vertical-align: middle;
}
#sync1 .item {
}
#sync1 .item img {
    height: auto;
    object-fit: cover;
}
#sync2 .item {
    cursor: pointer;
    opacity: 0.5;
}
.auction.product-listing .thrumble-slider #sync2 .owl-item:not(:last-child) .item{
    margin-right: 10px;
}
#sync2 .item img {
    height: 80px;
    object-fit: cover;
}
#sync2 .item {
    opacity: 1;
    border: 2px solid #fff;
}
#sync2 .current .item {
    opacity: 1;
    border: 2px solid #954adb;
}
.owl-theme .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*="owl-"].disabled:hover {
    background-color: #d6d6d6;
}
#sync1.owl-theme {
    position: relative;
    border:1px solid #dddddd;
}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}
#sync1.owl-theme .owl-prev {
    left: 10px;
}
#sync1.owl-theme .owl-next {
    right: 10px;
}
.top-option {
    display: flex;
    flex-direction: row;
    gap: 9px;
    justify-content: space-between;
    margin: 10px 0 10px;
}
.top-option img.nhover {
    display: none;
}
.top-option.login img.aflogin {
    display: none;
}
.top-option li {
    width: 100%;
}
.top-option.login img.nhover {
    display: inline-block;
}
.top-option.login li a {
    color: #fff;
}
.color-blue {
    background: #13b1d8 !important;
    border-color: #13b1d8 !important;
}
.color-red {
    background: #cb6d8f !important;
    border-color: #cb6d8f !important;
}
.color-orange {
    background: #da9612 !important;
    border-color: #da9612 !important;
}
.top-option a {
    padding: 5px 10px;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
.top-option a img {
    width: 17px;
}
.top-option.login li a:hover {
    color: #000;
}
.top-option.login li a:hover img.nhover {
    display: none;
}
.top-option.login li a:hover img.hover {
    display: inline-block;
}
.top-option.login li a span {
    display: none;
}
.product-auction .space-between {
    width: 100%;
}
.product-auction .line {
    margin-bottom: 10px;
}
.product-auction h6 {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    text-transform: capitalize;
    color: #231d31;
}
.product-auction h6 .fa {
    margin-right: 9px;
    color: #954adb;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.product-auction .timers {
    position: relative;
    background: rgba(119, 123, 140, 0.11);
    border-radius: 8px;
    width: 100%;
    height: 10px;
    display: block;
    margin-top: 15px;
}
.product-auction .timers span {
    background: linear-gradient(90deg, #954adb 0%, #954adb 100.13%);
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 8px;
}
.product-auction .line:last-child {
    margin-bottom: 0;
    padding-bottom: 34px;
}
.vin {
    position: relative;
    margin: 10px 0;
}
.vin input {
    border: 1px solid #954adb;
    border-radius: 5px;
    padding: 9px 12px;
    width: 54%;
}
.vin button {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    padding: 9px 20px;
}
.btn-fill.btn-lg {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    padding: 8px 20px;
}
.card-border {
    border: 1px solid #b4b4b4;
    border-radius: 27px;
    padding: 40px;
}
.flex-card {
    display: flex;
}
.breakdown {
    gap: 15px;
}
.par50 {
    flex: 50%;
}
.part-top-tittle {
    display: block;
}
.part-top-tittle img {
    display: inline-block;
    margin-right: 15px;
}
.part-top-tittle h3 {
    display: inline-block;
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    color: #231d31;
    margin: 0;
    vertical-align: middle;
}
.part-top-tittle h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
    margin: 8px 0 0;
}
.label-area {
    background: #f8f9ff;
    margin-top: 15px;
    border: 1px solid #b5bbdc;
    border-radius: 10px;
}
.label-area li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #b5bbdc;
    padding: 20px;
}
.label-area li:last-child {
    border: none;
}
.label-area li p {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #231d31;
}
.label-area li p b {
    font-weight: 500;
}
.label-area li.tittle {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
    background: #954adb;
}
.par50 .from-control {
    margin: 20px 0;
}
.par50 label {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
    margin-bottom: 10px;
}
.par50 input {
    background: #ffffff;
    border: 1px solid #959595;
    border-radius: 5px;
    height: 58px;
    width: 100%;
    padding: 15px 30px;
}
.par50 select {
    background: #ffffff;
    border: 1px solid #959595;
    border-radius: 5px;
    height: 58px;
    width: 100%;
    padding: 15px 30px;
    background: #fff url(../images/signup/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 18px;
}
.par50 textarea {
    background: #ffffff;
    border: 1px solid #959595;
    border-radius: 5px;
    height: 130px;
    width: 100%;
    padding: 15px 30px;
}
.par50 .breakdown-total {
    font-weight: 500;
    margin: 30px 0 15px;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
    display: flex;
    justify-content: space-between;
}
.par50 .imt-note {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #231d31;
}
.card-border.ticket {
    background: #f8f9ff;
}
.card-border.ticket .flex-card {
    gap: 15px;
}
.card-border.ticket h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #231d31;
    margin-bottom: 25px;
}
.card-border.ticket input[type="text"] {
    background: #ffffff;
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ccd1ee;
    border-radius: 5px;
    min-width: 600px;
    width: 100%;
    height: 64px;
}
.card-border.ticket textarea {
    background: #ffffff;
    padding: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #231d31;
    border: 1px solid #ccd1ee;
    border-radius: 5px;
    max-width: 600px;
    height: 175px;
}
.card-border.ticket select {
    padding: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #231d31;
    border: 1px solid #ccd1ee;
    border-radius: 5px;
    max-width: 600px;
    height: 64px;
    background: #fff url(../images/select-arrow.webp);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 16px;
}
.card-border.ticket .from-group {
    display: flex;
    flex-direction: column;
}
.card-border.ticket .from-control {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    gap: 3px;
}
.card-border.ticket .btn {
    width: 201px;
    margin-top: 40px;
    height: 64px;
}
.card-border.ticket input[type="radio"] {
    width: 21px;
    height: 21px;
}
.card-border.ticket label {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #231d31;
}
.key-space {
    background: #f8f9ff;
    border: 1px solid #e8e8e8;
    padding: 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.key-space ul {
    padding: 0 10px;
    flex: 100%;
    border: none;
}
.key-space ul:first-child li:last-child {
    border-bottom: 1px solid #959595 !important;
}
.key-space ul li {
    padding: 10px 0;
    font-size: 15px;
    line-height: 18px;
    text-transform: capitalize;
    color: #231d31;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #959595;
}
.key-space ul li b {
    word-break: break-all;
}
.auction.product-listing {
    margin: 10px auto 10px;
}
.auction.product-listing .thrumble-slider #sync1 .owl-nav {
    display: none;
}
.auction.product-listing .thrumble-slider #sync2 {
    padding: 0px;
    margin-top:10px;
}
.auction-import-list-detail-page .thrumble-slider #sync1{
    border-radius: 10px;
}

.auction.product-listing .thrumble-slider #sync2 .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.auction.product-listing .thrumble-slider .owl-nav .owl-prev {
    background: url(../images/aLeft.png) no-repeat center;
    width: 10px;
    height: 18px;
    background-size: 100% 100%;
    font-size: 0px;
}
.auction.product-listing .thrumble-slider .owl-nav .owl-next {
    float: right;
    background: url(../images/aRight.png) no-repeat center;
    width: 10px;
    height: 18px;
    background-size: 100% 100%;
    font-size: 0px;
}
.customize-car.product-listing {
    margin: auto;
}
.product-listing.releted {
    margin: 10px auto;
}
.releted-product {
    margin: 10px 0;
}
.releted-product h4 {
    margin-bottom: 12px;
    padding: 0 10px;
}
.releted-product-list {
    position: relative;
}
.releted-product-list button.slick-prev.slick-arrow {
    position: absolute;
    top: 25%;
    left: -30px;
    background: url(../images/aLeft.png) no-repeat center;
    width: 14px;
    height: 26px;
    background-size: 100% 100%;
    font-size: 0px;
    border: none;
}
.releted-product-list button.slick-next.slick-arrow {
    position: absolute;
    top: 25%;
    right: -30px;
    background: url(../images/aRight.png) no-repeat center;
    width: 14px;
    height: 26px;
    background-size: 100% 100%;
    font-size: 0px;
    border: none;
}
.releted-product-list .item-list {
    gap: 0;
    justify-content: center;
}
.releted-product-list .slick-dots {
    position: relative;
    text-align: center;
    margin-top: 12px;
}
.releted-product-list .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}
.releted-product-list .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 4px;
    font-size: 0;
    border: none;
}
.releted-product-list .slick-dots li.slick-active button {
    background: #203fbb;
}
.contact-from h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #231d31;
}
.contact-from .space-between {
    gap: 15px;
}
.contact-from .space-between .from-control {
    margin-bottom: 15px;
}
.contact-from .from-group .from-control {
    display: block;
}
.contact-from .from-group label {
    display: block;
}
.contact-from .space-between label {
    display: block;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
}
.contact-from .space-between input {
    width: 100%;
    border: 1px solid #bebebe;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #737373;
}
.contact-from .space-between select {
    width: 100%;
    max-width: 100%;
    border: 1px solid #bebebe;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #737373;
}
.contact-from textarea {
    width: 100%;
    padding: 20px;
    height: 114px;
    border: 1px solid #bebebe;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #737373;
}
.contact-from .btn.btn-fill {
    max-width: 325px;
    margin: 40px auto 0;
    display: block;
}
.map-address {
    background: #ffffff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.11);
    border-radius: 8px;
    padding: 15px;
    margin: 60px 0;
}
.map-address .inner {
    background: #f8f9ff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.map-address .addinfo {
    flex: 35%;
    padding: 0 45px;
}
.map-address .mappos {
    flex: 65%;
}
.map-address .addinfo h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #231d31;
    margin-top: 30px;
}
.map-address .addinfo .info {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    align-items: center;
}
.map-address .addinfo .info:nth-child(2) {
    align-items: flex-start;
}
.map-address .addinfo .info:nth-child(2) img {
    margin-top: 5px;
}
.map-address .addinfo .info img {
    height: 100%;
}
.map-address .addinfo .info span,
.map-address .addinfo .info a {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #2b2b2b;
}
.tabBar {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.about-side {
    background: url(../images/about-side.png) no-repeat center;
    background-size: cover;
}
.tabBar nav {
    position: relative;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    background-color: transparent;
}
.tabBar .tab-content {
    display: inline-block;
    padding: 3em 0 0 4em;
    vertical-align: top;
}
.tabBar .inside-wrapper {
    width: 65%;
}
.tabBar .nav-tabs {
    border: none;
    flex-direction: column;
}
.tabBar .nav-tabs .nav-link {
    border: none;
    max-width: 318px;
    height: 70px;
    border-bottom: 2px solid #cccccc;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 17px;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    color: #000000;
}
.tabBar .nav-tabs .nav-link.active {
    color: #954adb !important;
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
    border-radius: 18px;
    border: none;
    transform: scale(1.07);
}
.tabBar .nav-tabs .nav-link:hover {
    color: #954adb !important;
    background: #ffffff;
    transform: scale(1.07);
}
.tabBar .nav-tabs .nav-link .nhover {
    display: block;
}
.tabBar .nav-tabs .nav-link .hover {
    display: none;
}
.tabBar .nav-tabs .nav-link:hover .nhover,
.tabBar .nav-tabs .nav-link.active .nhover {
    display: none;
}
.tabBar .nav-tabs .nav-link:hover .hover,
.tabBar .nav-tabs .nav-link.active .hover {
    display: block;
}
.tabBar .tab-content nav {
    width: 100%;
    padding: 0;
}
.tabBar .tab-content .tab-content {
    width: 100%;
    padding: 3em 0;
}
.tabBar .tab-content .nav-tabs {
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
}
.tabBar .tab-content .nav-tabs .nav-link {
    font-weight: 500;
    border: none;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    width: auto;
    height: auto;
    padding: 15px 3em;
}
.tabBar .tab-content .nav-tabs .nav-link:hover,
.tabBar .tab-content .nav-tabs .nav-link.active {
    background: #954adb;
    border-radius: 4px;
    color: #fff;
    box-shadow: none;
}
.tabBar .tab-content .tab-content .tab-pane {
    width: 100%;
}
.tabBar .tab-content .tab-content h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 63px;
    color: #000000;
    margin-bottom: 25px;
}
.tabBar .tab-content .tab-content .area-port {
}
.tabBar .tab-content h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 63px;
    color: #000000;
    margin-bottom: 25px;
}
.tabBar .image-block {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.tabBar.one-plate {
    display: flex;
    gap: 25px;
    padding-bottom: 3em;
}
.tabBar.one-plate img {
    height: 100%;
}
.tabBar.one-plate ul {
    position: relative;
    border-left: 2px solid #ccc;
    padding-left: 20px;
    max-width: 600px;
    list-style: none;
}
.tabBar.one-plate ul li {
    position: relative;
    padding-bottom: 25px;
}
.tabBar.one-plate ul li:last-child:before {
    display: none;
}
.tabBar.one-plate ul li:last-child:after {
    content: "";
    width: 5px;
    height: 100%;
    background: #fff;
    transform: none;
    left: -23px;
    bottom: -25px;
}
.tabBar.one-plate ul li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #ccc;
    transform: rotate(45deg);
    left: -26px;
    top: 33px;
    z-index: 1;
}
.tabBar.one-plate ul li:after {
    position: absolute;
    content: ">";
    color: #ccc;
    transform: rotate(90deg);
    left: -30px;
    bottom: -10px;
    font-size: 30px;
    font-family: unset;
    z-index: 1;
}
.tabBar h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #954adb;
    margin-bottom: 15px;
}
.tabBar.one-plate ul li h5 {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 22px;
}
.tabBar.one-plate ul li h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #954adb;
    margin-bottom: 15px;
}
.tabBar.one-plate ul li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #2b2b2b;
    margin-bottom: 15px;
}
.tabBar.one-plate .btn-fullround {
    padding: 18px 28px;
    border-radius: 28px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}
.tabBar.one-plate .btn-fullround:hover,
.tabBar.one-plate .btn-fullround.active {
    background: #954adb;
    color: #fff;
}
.tabBar.one-plate .align-part {
    margin-bottom: 28px;
}
.tabBar.one-plate ul li h5:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #954adb;
    transform: rotate(45deg);
    left: -27px;
    top: 10px;
    z-index: 1;
}
.tabBar.one-plate ul li h5:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 32px;
    background: #fff;
    left: -22px;
    top: 0;
}
.tabBar .plate ol {
    list-style: disc;
    padding-left: 20px;
    padding-bottom: 3em;
}
.tabBar .plate ol li {
    margin-bottom: 15px;
}
.tabBar .plate ol.number {
    list-style: dots;
    padding: 15px 0 15px 30px;
}
.tabBar .plate ol.number li {
    margin: 0;
}
.area-port.plate p {
    margin-bottom: 20px;
}
.area-port.plate img {
    margin: 25px 0;
}
.area-port.plate ol {
    padding-bottom: 20px;
}
.team-part .space-between {
    align-items: center;
}
.team-part p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #2b2b2b;
}
.team-part .top-p {
    width: 62%;
    position: relative;
    top: -40px;
}
.team-part .image-tap {
    width: 35%;
    position: relative;
}
.team-part .team-head {
    position: relative;
    max-width: 285px;
    width: 100%;
    top: -70px;
    right: -50%;
    background: #ffffff;
    border: 1px solid rgba(204, 204, 204, 0.5);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: 18px;
}
.team-part .team-head p {
    font-size: 13px;
    margin: 0 0 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #666666;
}
.team-part .team-head p b {
    font-weight: 600;
    font-size: 15px;
    color: #000000;
    margin-right: 5px;
}
.team-part .team-head p:last-child {
    margin: 0;
}
.team-part.large {
    width: 100%;
}
.team-part.large .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.team-part.large .item .image-part {
    width: 100%;
}
.team-part.large .item .image-part .profile-img {
    width: 70%;
}
.team-part.large .item .image-part span {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #000000;
}
.team-part.large .item .image-part ul {
    margin-top: 15px;
    display: flex;
    gap: 5px;
    justify-content: space-between;
}
.team-part.large .item .cont-part {
    width: 100%;
}
.team-part.large .item .cont-part h6 {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #666666;
    margin-bottom: 20px;
}
.team-part.large .item .cont-part h5 {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    color: #000000;
}
.team-part.large .item .cont-part p {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
}
.team-part.large .owl-dots {
    margin-top: 30px;
    display: block;
    text-align: center;
}
.team-part.large .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cccccc;
}
.team-part.large .owl-dots .owl-dot.active {
    background: #954adb;
}
.bid-search.advance-search {
    border: 1px solid #cdcdcd;
    border-radius: 8px;
}
.bid-search.advance-search .space-between {
    gap: 10px;
}
.bid-search.advance-search input,
.bid-search.advance-search select,
#addGroupModal input,
#addGroupModal select {
    height: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5f5f5f;
    box-shadow: none !important;
    border: 1px solid #959595;
}
.bid-search.advance-search input::placeholder,
.bid-search.advance-search
    select::placeholder
    #addGroupModal
    select::placeholder,
#addGroupModal input::placeholder {
    color: #5f5f5f;
}
.bid-search.advance-search
    .date
    input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url(../images/bid-calender.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
}
.bid-search.advance-search .date input[type="text"] {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.bid-search.advance-search .accordion .accordion-button {
    padding: 14px;
    background: #f8f9ff;
    border: 1px solid #d9ddf3;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #231d31;
}
.bid-search.advance-search .accordion .accordion-button.collapsed::after {
    background-image: url(../images/plus-solid.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
/* .align-middle {
    display: flex;
    align-items: center;
}
.align-middle p {
    font-weight: 500;
    font-size: 20px;
    color: #231d31;
    margin-left: 35px;
    margin-bottom: 0;
} */
.view-section.myBid {
    padding-bottom: 35px;
    border-bottom: 1px solid #c7c7c7;
}
.table-area.bid-table .table-responsive {
    overflow-x: visible;
    margin-bottom: 5em;
}
.table-area.bid-table .table {
    border-collapse: separate;
}
.table-area.bid-table .table tbody {
    border: 1px solid #bcbcbc;
    top: 30px;
    position: relative;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
}
.table-area.bid-table .table tbody tr:nth-child(even) {
    background: #f8ffff;
}
.table-area.bid-table .table tbody tr.heading-bar {
    background: #616c96;
}
.table-area.bid-table .table tbody tr.heading-bar td {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 10px 17px;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}
.table-area.bid-table .table tbody tr td:first-child {
    border-left: 1px solid #bcbcbc;
}
.table-area.bid-table .table tbody tr td:last-child {
    border-right: 1px solid #bcbcbc;
}
.table-area.bid-table .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
}
.table-area.bid-table .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
.table-area.bid-table .table td {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    line-height: 30px;
    border-bottom: 1px solid #bcbcbc;
}
.table-area.bid-table .table td span {
    font-weight: 500;
    line-height: 30px;
}
.table-area.bid-table .table td span.text-success,
.table-area.bid-table .table td span.text-danger {
    font-weight: 600;
    display: block;
}
.table-area.bid-table .table td b {
    font-weight: 700;
}
.table-area.bid-table .table td .table-cell {
    margin: 15px 0;
    padding: 0 8px;
    line-height: 30px;
}
.table-area.bid-table .table tbody:nth-child(2n + 1) {
    top: 60px;
}
.table-area.bid-table .table tbody:last-child {
    top: 90px;
}
.modal {
    background: rgba(0, 0, 0, 0.85);
}
.modal-dialog.full {
    max-width: 1590px;
    width: 90%;
    margin: 3.5em auto 2em;
}
.modal-dialog.full .modal-content {
    padding: 5em;
    border-radius: 27px;
    border: none;
}
.modal-dialog.full .modal-content .modal-body {
    padding: 0;
}
.modal-dialog.full .modal-content .modal-footer {
    padding: 0;
    margin-top: 45px;
    border: none;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
}
.full-des {
    display: flex;
    justify-content: space-between;
}
.full-des .side1 {
    width: 43.5%;
}
.full-des .side2 {
    width: 51.5%;
}
.full-des .side1 img {
    border-radius: 10px;
    margin-bottom: 30px;
}
.modal-dialog.full h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #231d31;
    margin-bottom: 30px;
}
.modal-dialog.full .side2 h3 {
    font-weight: 500;
}
.modal-dialog.full .side1 ul li {
    font-weight: 400;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 30px;
    color: #231d31;
    display: flex;
    justify-content: space-between;
    padding: 17px 0;
    border-bottom: 1px solid #959595;
}
.modal-dialog.full .side1 ul li b {
    font-weight: 500;
    text-transform: inherit;
}
.modal-dialog.full .parplace label {
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
}
.modal-dialog.full .parplace input,
.modal-dialog.full .parplace select,
.modal-dialog.full .parplace textarea {
    width: 100%;
    margin-bottom: 18px;
    padding: 10px 20px;
    border: 1px solid #959595;
    border-radius: 5px;
    height: 58px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.modal-dialog.full .parplace select {
    background: #fff url(../images/signup/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 16px;
}
.modal-dialog.full .parplace .full {
    display: flex;
    justify-content: space-between;
}
.modal-dialog.full .parplace .full .from-control {
    width: 100%;
}
.modal-dialog.full .parplace {
    margin-bottom: 25px;
}
.modal-dialog.full .parbrake .part-top-tittle {
    margin: 0 0 20px;
}
.modal-dialog.full .parbrake .part-top-tittle h3 {
    margin: 0;
}
.modal-dialog.full .parbrake .label-area li {
    font-size: 24px;
    padding: 22px;
}
.modal-dialog.full .parbrake .label-area li b {
    font-weight: 500;
}
.modal-dialog.full .parbrake .label-area li.tittle {
    font-size: 30px;
    font-weight: 500;
}
.modal-dialog.full .breakdown-total {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    margin: 30px 0 35px;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
}
.modal-dialog.full .imt-note {
    font-style: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #231d31;
}
.modal-dialog.full .modal-footer .btn {
    width: 49%;
    margin: 0;
}
.modal-dialog.full .modal-footer .close {
    position: absolute;
    right: -30px;
    top: -35px;
    font-size: 53px;
    transform: rotate(45deg);
    border: 4px solid #fff;
    line-height: 40px;
    border-radius: 50%;
    padding: 0;
    color: #fff;
    width: 45px;
    height: 45px;
    font-weight: lighter;
}
.modal-dialog .modal-footer .close {
    position: absolute;
    right: -42px;
    top: -25px;
    font-size: 38px !important;
    transform: rotate(45deg);
    border: 4px solid #fff;
    line-height: 32px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    color: #fff;
    width: 38px;
    height: 38px;
    font-weight: lighter;
}
.bid-now-modal .modal-content {
    overflow: visible;
}
.bid-now-modal .modal-footer .close {
    right: -54px;
    top: -22px;
}
.modal-dialog .modal-footer {
    padding: 0;
    border: none;
}
.index-page .modal-content {
    padding: 1em !important;
}
.index-page .modal-footer {
    margin-top: 0 !important;
}
.modal-login-content {
    max-width: 350px;
    margin-inline: auto;
}
.modal-login-area {
    text-align: center;
}
.modal-login-area h3 {
    font-family: "Poppins";
    line-height: 1.5;
    font-size: 24px;
    color: #231d31;
    font-weight: 500;
    margin-bottom: 10px;
}
.modal-login-area .btn-blue {
    background-color: #954adb;
    font-family: "Poppins";
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 10px 20px;
}
.modal-login-area p {
    font-family: "Poppins";
    color: #5f5f5f;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: 500;
}
.modal-login-area p a {
    color: #954adb;
    font-weight: 600;
}
#sync2 .owl-stage-outer {
    z-index: 999;
}
.import-listing .bid-search.advance-search {
    margin-bottom: 50px;
    padding: 30px;
}
.import-listing .bid-search.advance-search .checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 5px;
    margin-bottom: 5px;
}
.import-listing .bid-search.advance-search .bttn {
    margin-bottom: 0;
}
.import-listing .bid-search.advance-search .bttn .from-button {
    display: flex;
    gap: 5px;
}
.import-listing .bid-search.advance-search .checkbox input[type="checkbox"] {
    width: 25px;
    height: 25px;
    border: 1px solid #959595;
    border-radius: 5px;
    margin-right: 5px;
}
.import-listing .bid-search.advance-search .checkbox label {
    font-weight: 400;
    font-size: 16px;
    color: #5f5f5f;
    display: contents;
}
.import-listing .table-area.bid-table h4 {
    font-weight: 500;
    font-size: 12px;
    line-height: 45px;
    color: #231d31;
    padding: 10px 35px 10px 10px;
}
.import-listing
    .table-area.bid-table
    .table
    tbody
    tr
    td:first-child
    .table-cell {
    border: 0px;
    display: inline-block;
}
.import-listing
    .table-area.bid-table
    .table
    tbody
    tr
    td:first-child
    .table-cell
    img {
    margin: 0;
}
.import-listing .table-area.bid-table .table tbody .table-cell.imptles {
    gap: 15px;
}
.import-listing .table-area.bid-table .table th.first {
    width: 15%;
}
.import-listing .table-area.bid-table .table th.first div,
.import-listing .table-area.bid-table .table td.first div {
    width: 100%;
    display: block;
}
.import-listing .table-area.bid-table .table th.first div .middle,
.import-listing .table-area.bid-table .table td.first div .middle {
    width: 49%;
    display: inline-block;
    text-align: left;
}
.import-listing .table-area.bid-table .table .table-cell.imptles.st {
    display: block;
    border-right: 1px solid #d9d9d9;
}
.import-listing .table-area.bid-table .table .table-cell.imptles.st .middle {
    width: 49%;
    display: inline-block;
    text-align: left;
}
.import-listing .table-area.bid-table .table .table-cell.imptles {
    text-align: center;
}
.import-listing .table-area.bid-table .table th,
.import-listing .table-area.bid-table .table td {
    text-align: center;
}
.import-listing .table-area.bid-table .table tbody td:first-child .table-cell {
    padding: 0 5px;
}
tbody td a.btn-blue {
    background: #954adb;
    border-radius: 5px;
    font-weight: 500;
    padding: 8px 10px;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #ffffff;
}
tbody td a.btn-blue.dark {
    background: #242e57;
    border-radius: 5px;
    font-weight: 500;
    padding: 8px 10px;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #ffffff;
}
tbody td a.btn-blue.rev {
    background: #818ab1;
}
tbody td a.btn-blue.white {
    background: #ffffff;
    border: 1px solid #954adb;
    color: #954adb;
}
tbody td a.btn-blue img {
    margin-right: 6px;
}
.import-listing .table-area.bid-table .table tbody td a.btn-blue:hover {
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}
.import-listing .table-area.bid-table .table tbody th {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}
.import-listing .table-area.bid-table .table tbody tr.heading-bar td {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding: 10px;
}
.import-listing .table-area.bid-table .table tbody td b {
    font-weight: 500;
}
tbody tr.heading-bar td .button-set a {
    display: inline-block;
    margin: 3px;
}
.import-listing .table-area.bid-table .table tbody tr.heading-bar td .gaps {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.import-listing .table-area.bid-table .table tbody tr:nth-child(even) {
    background: #fff;
}
.import-listing .table-area.bid-table .table tbody tr:nth-child(odd) {
    background: #f8ffff;
}
.import-listing .table-area.bid-table .table tbody tr.heading-bar {
    background: #616c96;
}
.gaps {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.gaps span {
    font-size: 15px;
}
.table.paid tbody {
    top: 5px !important;
}
.table.paid tbody tr:first-child td {
    border-top: 1px solid #bcbcbc;
}
.table.paid tbody tr td .text-left {
    line-height: 24px;
}
.table.paid tbody tr td:first-child .table-cell {
    border-right: 1px solid #d9d9d9 !important;
}
.table.paid tbody tr td .table-cell {
    width: 100%;
    display: block !important;
}
.table.paid tbody tr td .table-cell .gaps {
    display: flex;
    gap: 10px;
}
.table.paid tbody tr td .table-cell .gaps .middle {
    display: flex;
    align-items: center;
}
.table.paid tbody tr td .table-cell a {
    margin: 0 5px;
}
.table.paid tbody tr td:last-child img {
    max-width: 61px;
    width: 100%;
    height: 61px;
    border-radius: 10px;
    margin: 0 8px;
    overflow: hidden;
    object-fit: cover;
}
.table.paid tbody tr:nth-child(odd) {
    background: #fff !important;
}
.pagination.mb-8 {
    margin-bottom: 80px;
}
.xzoom-container {
    display: flex;
    gap: 24px;
}
.xzoom {
    box-shadow: none;
}
.tub {
    width: 55%;
    text-align: center;
}
.xzoom-thumbs {
    width: 45%;
    margin: 0;
}
.xzoom-thumbs .gaps {
    justify-content: flex-start;
    gap: 4px;
}
.xzoom-thumbs a {
    position: relative;
    height: auto;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.xzoom-thumbs a:before {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.xzoom-thumbs a img {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
}
.xzoom-thumbs .btn-fill img {
    margin-right: 5px;
}
.xzoom-thumbs .btn-fill:hover {
    color: #fff;
}
.xactive {
    box-shadow: none;
    border: 2px solid #954adb;
    z-index: 2;
}
.xzoom-lens img,
.xzoom-preview img,
.xzoom-source img {
    z-index: 3;
}
.single-bar.table-area.bid-table {
    margin: 18px 0 15px;
}
.single-bar.table-area.bid-table .table tbody:last-child {
    top: 30px;
}
.single-bar.table-area.bid-table th .gaps {
    gap: 1.8em;
}
.single-bar.table-area.bid-table .table-responsive {
    margin-bottom: 32px;
}
.single-bar.table-area.bid-table .table tbody tr:nth-child(even) {
    background: #fff;
}
.import-details .flex-card {
    gap: 28px;
    margin-top: 32px;
}
.import-details .flex-card .part {
    width: 100%;
}
.import-details .flex-card .part h4 {
    margin-bottom: 12px;
}
.import-details .flex-card .part .document {
    border: 1px solid #b4b4b4;
    border-radius: 8px;
    overflow: hidden;
}
.import-details .flex-card .part .document li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 12px 12px 27px;
    border-top: 1px solid #b4b4b4;
}
.import-details .flex-card .part .document li span {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #231d31;
}
.import-details .flex-card .part .document li span a {
    display: inline-block;
    max-width: 177px;
    font-size: 16px;
    font-weight: 500;
    width: auto;
    margin: 0 6px;
}
.import-details .flex-card .part .document li span a img {
    max-width: 16px;
    margin-right: 7px;
}
.import-details .flex-card .part .document.dis span a.btn-fill {
    background: #cecece;
    border-color: #cecece;
}
.import-details .flex-card .part .document.dis span a.btn-outline {
    color: #cecece;
    border-color: #cecece;
}
.import-details .flex-card .part .document.dis span a.btn-outline {
    color: #cecece;
    border-color: #cecece;
}
.import-details .flex-card .part .box {
    border: 1px solid #b4b4b4;
    border-radius: 8px;
    padding: 20px;
}
.import-details .flex-card .part .box .from-control {
    margin: 25px 0;
}
.import-details .flex-card .part .box .from-control label {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
    margin-bottom: 8px;
}
.import-details .flex-card .part .box .from-control input {
    background: #ffffff;
    border: 1px solid #959595;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    width: 100%;
    color: #5f5f5f;
    padding: 10px 12px;
}
.import-details .flex-card .part .box .video {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.import-details .flex-card .part .box .video-image {
    width: 18.5%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.import-details .flex-card .part .box .video-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.35);
}
.import-details .flex-card .part .box .video-image:after {
    position: absolute;
    content: "";
    width: 63px;
    height: 63px;
    left: 0;
    top: 50%;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    background: url(../images/play-button.png) no-repeat center;
    background-size: 100% 100%;
}
.import-details .flex-card .part .box .video-image a {
    position: relative;
}
.import-details .flex-card .part .box .btn {
    border-radius: 5px;
    font-weight: 500;
    padding: 15px;
    font-size: 18px;
    line-height: 27px;
    margin-top: 32px;
    width: 100%;
}
.import-details .flex-card .part .box .btn img {
    margin-right: 7px;
}
.import-details .flex-card .part .box .btn:hover {
    color: #fff;
}
.gallery-area {
    margin-bottom: 18px;
}
.post-video {
    margin-bottom: 55px;
}
.infomart {
    margin-bottom: 20px;
}
.infomart h4 {
    margin-bottom: 20px;
}
.infomart .key-space ul li:last-child {
    border-bottom: 1px solid #959595;
}
.info-bottom .box {
    height: 250px;
}
.info-bottom .box.backer {
    background: #f8f9ff;
    border: 1px solid #b4b4b4;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info-bottom .box.backer h6 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #231d31;
    margin-bottom: 21px;
}
.info-bottom .box.backer .newslatter {
    display: flex;
    gap: 5px;
}
.info-bottom .box.backer .newslatter input {
    background: #ffffff;
    border: 1px solid #ccd1ee;
    border-radius: 5px;
    width: 70%;
    padding: 15px 15px 15px 27px;
}
.info-bottom .box.backer .newslatter .btn {
    width: 30%;
    margin: 0;
}
.info-bottom ul {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}
.info-bottom ul li {
    font-style: normal;
    margin: 12px 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
}
.info-bottom {
    margin-bottom: 10em;
}
.info-bottom ul::-webkit-scrollbar {
    width: 2px;
}
.info-bottom ul::-webkit-scrollbar-track {
    background: #b4b4b4;
}
.info-bottom ul::-webkit-scrollbar-thumb {
    background: #bcbcbc;
}
.info-bottom ul::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc;
}
.image-card {
    padding: 85px 15px;
}
.image-card h2 {
    font-weight: 600;
    font-size: 45px;
    color: #2b2b2b;
    margin: 50px 0 40px;
}

.image-card p,
.customer-love p {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #2b2b2b;
}
.image-card ul,
.customer-love ul {
    list-style: disc;
    padding-left: 20px;
    margin: 5px 0;
}
.image-card ul li,
.customer-love ul li {
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;
    color: #2b2b2b;
    margin: 5px 0;
    text-align: initial;
}
.image-card .why-image,
.customer-love .why-image {
    background: url("../images/why-back.jpg") no-repeat;
    background-size: cover;
    height: unset;
}
.customer-view {
    position: relative;
    background: url(../images/customer-view.jpg) no-repeat center;
    background-size: cover;
}
.customer-point {
    position: relative;
    top: 26.5em;
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 4px 104px rgba(150, 150, 150, 0.25);
    border-radius: 8px;
}
.customer-point .image-container {
    width: 90px;
    height: 92px;
    margin-inline: auto;
}
.customer-point .image-container img {
    width: auto;
    height: 85px;
}
.customer-point li {
    width: 50%;
    text-align: center;
    padding: 4.1em 2.5em;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.customer-point li:nth-child(2n + 2) {
    border-right: 0px;
}
.customer-point li:nth-last-child(2) {
    border-bottom: 0px;
}
.customer-point li:last-child {
    border-bottom: 0px;
}
.customer-point li h3 {
    font-style: normal;
    font-weight: 400;
    margin: 55px 0 25px;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    color: #000000;
}
.customer-point li h3 b {
    font-weight: 700;
}
.customer-point li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #2b2b2b;
}
.our-milestone {
    padding: 35em 0 4em;
    background: #eaeff8;
}
.our-milestone .owl-carousel {
    padding: 12px;
}
.our-milestone h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    color: #000000;
    margin-bottom: 45px;
}
.our-milestone .item {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    margin: 12px;
    border-radius: 25px;
    overflow: hidden;
    max-width: 560px;
    display: flex;
}
.our-milestone .item img {
    object-fit: cover;
}
.our-milestone .item .item-content {
    padding: 25px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.our-milestone h6 {
    font-weight: 500;
    font-size: 23px;
    line-height: 25px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.our-milestone p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #383838;
    margin-bottom: 15px;
}
.our-milestone p.light {
    color: #7e7e7e;
}
.our-milestone .btn {
    max-width: 126px;
    padding: 9px 20px 9px 20px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
}
.our-milestone .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 50px;
}
.our-milestone .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 7px;
    background: #d9d9d9;
    border-radius: 100%;
}
.our-milestone .owl-dots .owl-dot.active {
    background: #954adb;
}
.auction .right-pull .text-right.stock h4 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: right;
    color: #231d31;
    margin-bottom: 20px;
}
.auction .right-pull .text-right.stock p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5f5f5f;
    margin-bottom: 40px;
}
.card-border.key.stock {
    margin-top: 30px;
}
.card-border.key.stock .key-space ul li {
    border-color: #959595;
}
.card-border.key.stock .key-space ul li:last-child {
    border-bottom: 1px solid #959595;
}
.auction .right-pull .card-border.ticket .flex-card {
    flex-direction: column;
    gap: 20px;
}
.auction .right-pull .card-border.ticket .btn {
    width: 100%;
    margin-top: 24px;
}
.auction .right-pull .button {
    gap: 15px;
    margin-top: 20px;
}
.auction .right-pull .button .btn {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
}
.auction .right-pull .button .btn img {
    margin-right: 10px;
}
.auction .right-pull .button .btn-outline:hover {
    color: #954adb;
}
.tittle-top ul.share-social li {
    display: inline-block;
    margin-left: 7px;
}
.tittle-top ul.share-social li a {
    display: block;
    width: 133px;
    height: 37px;
    text-align: center;
    border-radius: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 37px;
    color: #ffffff;
}
.tittle-top ul.share-social li a .fa {
    margin-right: 7px;
}
.tittle-top ul.share-social li a.facebook {
    background: #5674e1;
}
.tittle-top ul.share-social li a.whatsapp {
    background: #64b161;
}
.tittle-top ul.share-social li a.instagram {
    background: #f45571;
}
.dashboard .sidebar {
    padding: 0;
}
.dashboard .sidebar ul {
    padding: 20px 0;
    background: #ffffff;
    border-right: 1px solid #d9ddf3;
}
.dashboard .sidebar ul li {
    padding: 18px 70px;
    border-bottom: 1px solid #d9ddf3;
}
.dashboard .sidebar ul li a {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #5f5f5f;
}
.dashboard .sidebar ul li a:hover,
.dashboard .sidebar ul li a.active {
    color: #954adb;
}
.dashboard .content-area {
    background: #f8f9ff;
    padding: 20px;
}
.dashboard .content-area .cards {
    background: #ffffff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    margin-bottom: 25px;
    border-radius: 8px;
    padding: 20px;
}
.dashboard .content-area .cards-tittle {
    margin-bottom: 10px;
}
.dashboard .content-area .cards-tittle h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #231d31;
}
.dashboard .content-area .cards-tittle ul li {
    display: inline-block;
}
.dashboard .content-area .cards-tittle ul li a {
    border: 1px solid #959595;
    border-radius: 5px;
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize;
    display: block;
    color: #5f5f5f;
    padding: 10px 14px;
}
.dashboard .content-area .table tr {
    border-bottom: 1px solid #bcbcbc;
}
.dashboard .content-area .table tr:last-child {
    border-bottom: none;
}
.dashboard .content-area .table .table-cell {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    border-right: 1px solid #d9d9d9;
    align-items: center;
}
.dashboard .content-area .table tr td:last-child .table-cell {
    border: none;
}
.dashboard .content-area .table tr td:nth-last-child(2) .table-cell {
    border: none;
}
.dashboard .content-area .table .table-cell p.middle {
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}
.dashboard .content-area .table .table-cell p.middle span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    display: block;
    color: #949494;
}
.dashboard .content-area .table .table-cell img {
    border-radius: 10px;
}
.dashboard .content-area .table-responsive {
    padding-right: 20px;
    overflow-y: auto;
}
.dashboard .content-area .table .table-cell p.middle i {
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    padding: 2px;
    margin-left: 5px;
    color: #ffffff;
    background: #ff9900;
}
.dashboard .content-area .table .table-cell p.middle i.inq {
    background: #954adb;
    color: #010101;
}
.dashboard .content-area .table-responsive::-webkit-scrollbar {
    width: 2px;
}
.dashboard .content-area .table-responsive::-webkit-scrollbar-track {
    background: #b4b4b4;
}
.dashboard .content-area .table-responsive::-webkit-scrollbar-thumb {
    background: #bcbcbc;
}
.dashboard .content-area .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc;
}
.dashboard .content-area .balance.space-between {
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.dashboard .content-area .rep {
    border-radius: 8px;
    padding: 35px 28px 25px 20px;
    width: 49%;
}
.dashboard .content-area .rep h4 {
    font-style: normal;
    margin-bottom: 48px;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
}
.dashboard .content-area .rep .coin {
    width: 90px;
    height: 90px;
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    font-size: 48px;
    font-weight: 700;
}
.dashboard .content-area .rep h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 60px;
    text-align: right;
    color: #ffffff;
}
.dashboard .content-area .rep p {
    font-style: normal;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #ffffff;
}
.dashboard .content-area .row .col-md-6:nth-child(2) .cards-tittle {
    margin-top: 25px;
}
.dashboard .content-area .rep.dep {
    background: #2589ff;
}
.dashboard .content-area .rep.dep .coin {
    color: #2589ff;
}
.dashboard .content-area .rep.out {
    background: #ff6c6e;
}
.dashboard .content-area .rep.out .coin {
    color: #ff6c6e;
}
.dashboard .content-area .button.space-between {
    align-items: center;
    margin: 32px 0 24px;
}
.dashboard .content-area .button.space-between .amount {
    width: 50%;
}
.dashboard .content-area .button.space-between .btn {
    width: 47%;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
.dashboard .content-area .button.space-between .amount .coin {
    display: inline-block;
    margin-right: 14px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #954adb;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    font-size: 16px;
}
.dashboard .content-area .button.space-between .amount h6 {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    color: #231d31;
}
.dashboard .content-area ul.pending li .content {
    width: 75%;
    display: flex;
    gap: 15px;
}
.dashboard .content-area ul.pending li .content p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    line-height: 21px;
    color: #000000;
}
.dashboard .content-area .content img {
    border-radius: 10px;
    height: 50px;
    object-fit: cover;
}
.dashboard .content-area ul.pending li .btn-fill {
    width: 20%;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    height: 32px;
    max-width: 81px;
    padding: 5px;
}
.dashboard .content-area ul.pending {
    margin: 10px 0 0;
}
.dashboard .content-area ul.pending li {
    padding: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 9px;
    margin: 0 0 12px;
}
.dashboard .content-area ul.pending li:last-child {
    margin: 0;
}
.dash-transtion {
    margin-top: 34px;
}
.dash-transtion h4 {
    margin-bottom: 20px;
}
.dash-transtion .date-area {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: flex-end;
}
.dash-transtion .from-control label {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 27px;
    text-transform: capitalize;
    color: #231d31;
}
.dash-transtion .from-control .date:before {
    position: absolute;
    content: "";
    background: url(../images/bid-calender.png) no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    right: 15px;
    top: 12px;
}
.dash-transtion
    .from-control
    .date
    input[type="date"]::-webkit-calendar-picker-indicator {
    border-radius: 5px;
    background-image: url(../images/bid-calender.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.dash-transtion .from-control .date input[type="text"],
.dash-transtion .from-control .date input[type="date"] {
    border: 1px solid #959595;
    width: 153px;
    height: 47px;
    padding: 12px;
    border-radius: 5px;
    font-size: 17px;
    line-height: 26px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.from-control .date input[type="date"] {
    position: relative;
    font-family: "Poppins";
}
.dash-transtion .from-control input[type="radio"] {
    width: 21px;
    height: 21px;
    position: relative;
    top: 3px;
}
.dash-transtion .search label {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
    margin-bottom: 10px;
}
.dash-transtion .search .from-group {
}
.dash-transtion .search .from-control input {
    border: 1px solid #959595;
    border-radius: 5px;
    width: 350px;
    height: 47px;
    padding: 12px 12px 12px 40px;
}
.dash-transtion .search .from-control .search-icon {
    position: relative;
}
.dash-transtion .search .from-control .search-icon:before {
    position: absolute;
    content: "";
    background: url(../images/product-search.png) no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}
.dash-transtion .search .from-group .from-control {
    display: flex;
    gap: 10px;
}
.dash-transtion .search .from-group .from-control .btn-fill {
    height: 47px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #ffffff;
    padding: 10px 10px 12px;
}
.dash-transtion .cards h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #231d31;
}
.dash-transtion .cards .table-responsive {
    max-height: fit-content;
    padding: 0;
}
.dash-transtion .cards .table-responsive.scroll {
    padding-right: 20px;
}
.dash-transtion .cards .table-responsive.scroll {
    overflow-y: auto;
}
.dash-transtion .cards .table-responsive thead {
    background: #260E58;
}
.dash-transtion .cards .table-responsive td .table-cell,
.dash-transtion .cards .table-responsive.scroll td .table-cell {
    padding: 12px 25px;
    justify-content: center;
}
.dash-transtion .cards .table-responsive thead th {
    font-weight: 500;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
    padding: 12px 25px;
}
.dash-transtion .cards .table-responsive thead th:first-child {
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    text-align: left;
}
.dash-transtion .cards .table-responsive thead th:last-child {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.dash-transtion .cards .table-responsive td,
.dash-transtion .cards .table-responsive.scroll td {
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #000000;
}
.dash-transtion .cards .table-responsive .table tr td:first-child .table-cell {
    justify-content: flex-start;
}
.dash-transtion
    .cards
    .table-responsive
    .table
    tr
    td:nth-last-child(2)
    .table-cell {
    border-right: 1px solid #d9d9d9;
}
.dash-transtion .cards .table-responsive .table tr:last-child {
    border-bottom: 1px solid #bcbcbc;
}
.table-fixed {
    width: 100%;
}
.table-fixed tbody {
    height: 250px;
    overflow-y: auto;
    width: 100%;
    margin-top: 6em;
}
.table-fixed tbody::-webkit-scrollbar {
    width: 2px;
}
.table-fixed tbody::-webkit-scrollbar-track {
    background: #b4b4b4;
}
.table-fixed tbody::-webkit-scrollbar-thumb {
    background: #bcbcbc;
}
.table-fixed tbody::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}
.table-fixed tr {
    border: none !important;
}
.table-fixed tbody td {
    float: left;
    width: 16.66%;
    border-bottom: 1px solid #bcbcbc;
}
.table-fixed tbody tr td:last-child {
    width: 15%;
}
.table-fixed thead tr th {
    float: left;
    background-color: #260E58;
    width: 16.66%;
    display: flex;
    align-items: center;
}
.top-right {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 24px;
}
.f-status {
    padding: 15px;
    max-width: 380px;
    width: 100%;
    background: #f2f2f2;
    border-radius: 8px;
    color: #fff;
}
.f-status.dep {
    background: #2589ff;
}
.f-status.out {
    background: #ff6c6e;
}
.f-status.fin {
    border: 1px solid #1e41b9;
    background: transparent;
    color: #1e41b9;
}
.f-status.dep .coin {
    color: #2589ff;
}
.f-status.out .coin {
    color: #ff6c6e;
}
.f-status.fin .coin {
    background: #1e41b9;
    color: #fff;
}
.f-status.fin h6,
.f-status.fin h4 {
    color: #1e41b9;
}
.f-status .coin {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 25px;
    font-weight: 700;
    border-radius: 50%;
    background: #fff;
    margin-right: 10px;
}
.f-status h6 {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}
.f-status h4 {
    display: inline-block;
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #ffffff;
    float: right;
}
.table-responsive.finance .gaps {
    gap: 15px;
}
.table-responsive.finance .btn-blue {
    margin: 0 0 0 4em !important;
    padding: 8px 3.5em;
}
.calendar {
    position: relative;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    overflow: hidden;
}
.pignose-calendar {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: none;
}
.pignose-calendar .pignose-calendar-top {
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
}
.pignose-calendar-top-nav {
    background: #e9e9e9;
    border-radius: 50px;
    width: 47px !important;
    padding: 5px;
}
.pignose-calendar
    .pignose-calendar-top
    .pignose-calendar-top-nav.pignose-calendar-top-prev
    span {
    font-size: 0px;
    background: url(../images/arrD-left.png) no-repeat center;
    width: 7px;
    height: 14px;
    background-size: 100% 100%;
    display: block;
    margin: auto;
}
.pignose-calendar
    .pignose-calendar-top
    .pignose-calendar-top-nav.pignose-calendar-top-next
    span {
    font-size: 0px;
    background: url(../images/arrD-right.png) no-repeat center;
    width: 7px;
    height: 14px;
    background-size: 100% 100%;
    display: block;
    margin: auto;
}
.pignose-calendar-top-nav:hover {
    background: #260E58;
}
.pignose-calendar
    .pignose-calendar-top
    .pignose-calendar-top-nav.pignose-calendar-top-prev:hover
    span {
    background: url(../images/arrow-left.png) no-repeat center;
    background-size: 100% 100%;
}
.pignose-calendar
    .pignose-calendar-top
    .pignose-calendar-top-nav.pignose-calendar-top-next:hover
    span {
    background: url(../images/arrow-right.png) no-repeat center;
    background-size: 100% 100%;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav {
    top: -10px;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date span {
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #000000;
    margin: 0;
}
.pignose-calendar .pignose-calendar-header {
    display: flex;
    gap: 5px;
}
.pignose-calendar .pignose-calendar-header .pignose-calendar-week {
    font-weight: 500;
    border: 1px solid #e0e0e0;
    padding: 5px;
    width: 14%;
    height: 2.5em;
    border-radius: 5px;
    text-transform: capitalize !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}
.pignose-calendar
    .pignose-calendar-header
    .pignose-calendar-week.pignose-calendar-week-sat,
.pignose-calendar
    .pignose-calendar-header
    .pignose-calendar-week.pignose-calendar-week-sun {
    color: #000;
}
.pignose-calendar .pignose-calendar-unit a,
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a,
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #ff9900;
    line-height: 38px;
    box-shadow: none;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-disabled a {
    background-color: #954adb;
    line-height: 38px;
    box-shadow: none;
    opacity: 1;
    color: #fff;
}
.cal-ind {
    position: relative;
    margin-top: 20px;
}
.cal-ind li {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-right: 15px;
}
.cal-ind li span {
    width: 84px;
    height: 42px;
    border-radius: 7px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.cal-ind li:first-child span {
    background: #ff9900;
}
.cal-ind li:last-child span {
    background: #954adb;
}
.price-plan {
    padding: 94px 0 112px;
}
.price-plan .tittle {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #231d31;
    margin-bottom: 40px;
}
.price-wrap {
    background: #ffffff;
    border: 1px solid #cdcdcd;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding: 30px 30px 17px;
}
.price-wrap .table {
    border-collapse: separate;
}
.price-wrap .table thead {
    background: #260E58;
}
.price-wrap .table thead th {
    text-align: center;
    border: 1px solid #cdcdcd;
    padding: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
    color: #ffffff;
    border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}
.price-wrap .table tbody tr td {
    font-weight: 400;
    font-size: 16px;
    padding: 25px;
    line-height: 26px;
    text-transform: capitalize;
    color: #000000;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.price-wrap .table tbody tr.tittle td {
    font-weight: 500;
    font-size: 18px;
}
.price-wrap .table tbody tr td:last-child {
    border-right: 1px solid #cdcdcd;
}
.price-wrap .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
.price-wrap .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
.price-wrap .text-part {
    padding: 40px 0 35px;
}
.price-wrap .text-part p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
    color: #231d31;
}
ul.note {
    margin-bottom: 50px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
ul.note li {
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    flex-wrap: wrap;
}
ul.note li:last-child {
    border-bottom: none;
}
ul.note li .tittle {
    width: 20%;
    padding: 15px;
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0;
    border-right: 1px solid #cdcdcd;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #000000;
}
ul.note li .content {
    width: 80%;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #000000;
}
.tire .table thead {
    background: transparent;
}
.tire .table thead th {
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    text-transform: capitalize;
    color: #000000;
    border-bottom: none;
}
.tire .table tbody tr td {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #231d31;
}
.tire .table tbody tr td:first-child {
    background: #dfe2ed;
    border-bottom: 1px solid #fff;
    border-left: none;
    color: #3c4568;
}
.tire .table tbody tr td:last-child {
    border-left: none;
}
.tire .table tbody tr:first-child td:last-child {
    border-top: 1px solid #cdcdcd;
}
.tire .table tbody tr:last-child td:first-child {
    border-bottom: 1px solid #cdcdcd;
}
.finance-table td span.status {
    max-width: 204px;
    width: 100%;
    height: 34px;
    border-radius: 100px;
    padding: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.finance-table td span.status.green {
    background: #a8efb8;
    color: #21923a;
}
.finance-table td span.status.blue {
    background: #b0c1ff;
    color: #954adb;
}
.finance-table td span.status.red {
    background: #ffb0b1;
    color: #e02629;
}
.finance-table td .gaps {
    gap: 10px;
}
.dashboard .content-area .setting-wrapper {
    max-width: 1140px;
    width: 100%;
}
.setting-wrapper .top-tittle {
    margin-bottom: 40px;
}
.setting-wrapper .top-tittle h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #231d31;
}
.setting-wrapper .top-tittle h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #3c4568;
}
.setting-wrapper .udetails {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.setting-wrapper .udetails .uimage {
    position: relative;
}
.setting-wrapper .udetails img {
    width: 160px;
    height: 160px;
    border-radius: 10px;
    object-fit: cover;
}
.setting-wrapper .udetails .uimage:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    right: -7px;
    bottom: 20px;
}
.setting-wrapper .udetails .uimage.active:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #4fde77;
    right: -2px;
    bottom: 25px;
}
.setting-wrapper .udetails .unmail h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #231d31;
}
.setting-wrapper .udetails .unmail h6 {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #838383;
}
.dashboard .content-area .cards.edit {
    padding: 0;
}
.dashboard .content-area .cards.edit .card-head {
    padding: 15px 25px;
    border-bottom: 1px solid #d9ddf3;
}
.dashboard .content-area .cards.edit .card-head h5 {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5;
    color: #231d31;
    margin-bottom: 0;
}
.dashboard .content-area .cards.edit .card-body {
    padding: 25px;
}
.dashboard .content-area .cards.edit .card-body h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #231d31;
}
.dashboard .content-area .cards.edit .card-body .images-editor {
    position: relative;
    width: 125px;
    height: 125px;
}
.dashboard .content-area .cards.edit .card-body .images-editor .btn {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 1px solid #bebebe;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 0;
    border-radius: 50%;
    right: -13px;
}
.dashboard .content-area .cards.edit .card-body .images-editor .btn img {
    width: auto;
    height: auto;
    object-fit: contain;
}
.dashboard .content-area .cards.edit .card-body .images-editor img {
    width: 100%;
    height: 125px;
    border-radius: 10px;
    object-fit: cover;
}
.dashboard .content-area .cards.edit .card-body .images-editor .btn.edit {
    top: -6px;
}
.dashboard .content-area .cards.edit .card-body .images-editor .btn.delete {
    bottom: -6px;
}
.dashboard .content-area .cards.edit .card-body .text-guide {
    display: block;
    font-style: normal;
    margin-top: 18px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #838383;
}
.dashboard .content-area .cards.edit .card-body .from-group {
    margin-bottom: 30px;
}
.dashboard .content-area .cards.edit .card-body .from-group .col-md-4 {
    display: flex;
    align-items: center;
}
.dashboard .content-area .cards.edit .card-body .from-group input {
    border: 1px solid #959595;
    width: 100%;
    border-radius: 5px;
    padding: 12px 20px;
    height: 58px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5f5f5f;
}
.dashboard .content-area .cards.edit .card-body .from-group span.text-danger {
    margin-left: 10px;
}
.dashboard
    .content-area
    .cards.edit
    .card-body
    .from-group
    .from-control.space-between {
    gap: 20px;
}
.dashboard .content-area .cards.edit .card-body .from-group select {
    border: 1px solid #959595;
    width: 100%;
    border-radius: 5px;
    padding: 12px 20px;
    height: 58px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #5f5f5f;
    background: #fff url(../images/select-arrow.webp);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 18px;
}
.dashboard
    .content-area
    .cards.edit
    .card-body
    .from-group
    .from-control.space-between
    .btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    height: 58px;
}
.dashboard
    .content-area
    .cards.edit
    .card-body
    .from-group
    .from-control.space-between
    .btn-outline:hover {
    color: #954adb;
}
.dashboard
    .content-area
    .cards.edit
    .card-body
    .from-group
    .from-control.space-between
    .other-button {
    background: #954adb;
    border-color: #954adb;
}
.content-area-dashboard .card-heading-area h3 {
    text-transform: capitalize;
}
.content-area-dashboard .card-heading-area h3 span {
    margin-bottom: 10px;
}
.content-area-dashboard .card-heading-area h3 a {
    width: 100%;
    font-size: 13px;
    padding: 5px 10px;
}
.content-area-dashboard .card-heading-area h3 a:hover {
    background: #954adb;
    border: 1px solid #954adb;
    color: #ffffff;
}
.filter-result table th a {
    color: #ffffff !important;
}
.filter-result .table thead {
    background: #260E58;
}
.filter-result .table thead tr th {
    vertical-align: top;
    font-weight: 500;
    padding: 16px 25px;
    font-size: 11px;
    line-height:normal;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
}
.filter-result .table thead tr th:first-child {
    border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    min-width: auto;
}
.filter-result .table thead tr th{
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.filter-result .table thead tr th:last-child {
    border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-right: none;
}

.filter-result .table tbody tr td {
    font-style: normal;
    text-align: left;
    vertical-align: top;
    font-weight: 500;
    padding: 10px 25px;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    color: #000000;
    white-space: nowrap;
    align-content: center;
    border-right: 1px solid #dddddd;
}
.filter-result .table tbody tr td .btn {
    margin: auto;
    padding: 6px 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
}
.filter-result .table tbody tr td .btn.yellow {
    color: #ffb802;
    border: 1px solid #ffb802;
}
.filter-result .table tbody tr td .btn.pink {
    color: #fff;
    padding: 10px 5px;
    background: #ff5b96;
    border: 1px solid #ff5b96;
    font-size: 12px;
    text-transform: uppercase;
}
.filter-result .table tbody tr td .btn.pink img {
    margin-right: 5px;
    max-width: 18px;
}
/* .filter-result .table tbody tr td:last-child {
    text-align: center;
} */
.filter-result .table tbody tr td:first-child img {
    border-radius: 8px;
    width: 61px;
    height: 61px;
    object-fit: cover;
}
.filter-result .table tbody tr td{
    border-right:0px;
    border-bottom: 0px;
}
.filter-result .table tbody tr td:last-child {
    border-right: none;
}
.filter-result .table tbody tr {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
.top-navigation-scroll {
    margin-bottom: 5px;
}
.top-navigation-scroll .item a,
.static-card .item a {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 2px 12px;
    background: #ccc;
    width: 100%;
    height: 75px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    color: #ffffff;
}
.static-card {
    margin: 15px 0 0;
}
.static-card .item {
    margin-right: 7px;
}
.static-card .item a.all-cars {
    background: url(../images/car6.jpg) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.jmw {
    background: url(../images/20.png) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.japan {
    background: url(../images/23.png) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.hybrid {
    background: url(../images/21.png) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.electric {
    background: url(../images/22.png) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.europe {
    background: url(../images/19.png) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.exotic {
    background: url(../images/18.png) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.skyline {
    background: url(../images/17.jpg) no-repeat center;
    background-size: cover;
}
.top-navigation-scroll .item a.afford {
    background: url(../images/affort.jpg) no-repeat center;
    background-size: cover;
    font-size: 15px;
    line-height: 20px;
}
.btn-check:focus + .btn,
.btn:focus {
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
}
.bg-green {
    background: #4dd341;
    padding: 0 7px;
}
.btn-fill.pink {
    background: #ff5b96;
    border-color: #ff5b96;
}
.btn-fill.yellow {
    background: #f9c200;
    border-color: #f9c200;
}
.btn-fill.orange {
    background-color: #ff9900;
    border-color: #ff9900;
}
.btn-fill.red {
    background-color: #ff6c6e;
    border-color: #ff6c6e;
}
.digit-group .space-between {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 3em;
}
.digit-group input {
    width: 16%;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
}
/* .table-responsive::-webkit-scrollbar {
    width: 2px;
}
.table-responsive::-webkit-scrollbar-track {
    background: #b4b4b4;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: #bcbcbc;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc;
} */
.map-container {
    position: relative;
}
.map-container path {
    fill: #cee3fc;
    stroke: white;
}
.map-container path:hover {
    fill: #2c3e95;
}
.map-container #popup {
    display: none;
}
.map-container #popup.active {
    display: block;
}
.map-container #popup {
    position: absolute;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
    top: 40%;
    left: 40%;
}
.map-container .space-between {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    gap: 15px;
}
.map-container #popup p {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    margin: 7px 0;
}
.map-container #popup p b {
    font-weight: 600;
}
.map-container #popup img {
    max-width: 70px;
}
.map-container #popup .btn-fill {
    width: 100%;
    border-radius: 0px;
    text-align: center;
    display: block;
    background: #954adb;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: capitalize;
    color: #ffffff;
}
.map-container .pointer {
    position: relative;
}
.map-container .pointer::before {
    position: absolute;
    contain: "";
    background: url(pointer.png) no-repeat center;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}
.event-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.event-list li {
    width: 32%;
    position: relative;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
}
.event-list li img {
    border-radius: 3px;
    margin-bottom: 2em;
}
.event-list li h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 10px;
}
.event-list li p {
    font-weight: 500;
    font-size: 14px;
    color: #8e8e8e;
    margin: 0;
}
.des-modal {
    display: none;
    position: fixed;
    width: 70%;
    height: 90%;
    padding: 2em;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 99;
}
.des-modal h3 {
    margin: 0;
}
.des-modal p {
    color: #000 !important;
    padding: 2em 0 15px;
}
.regulation-country {
    position: relative;
    padding: 5em 0 3em;
    position: relative;
}
.regulation-country .card-header {
    background: #f8f9ff;
}
.regulation-country .card-body .middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: 100%;
}
.regulation-country .card-body h5 {
    margin: 10px 0;
}
.regulation-country .card-body h5 span {
    color: #954adb;
}
.regulation-country .card-footer span {
    display: block;
}
.tab-info {
    margin-top: 4em;
}
.tab-info .nav-tabs {
    justify-content: space-around;
    border: none;
    background: #954adb;
    flex-direction: row;
    flex-wrap: initial;
}
.tab-info .nav-tabs .nav-link {
    font-weight: 500;
    color: #fff;
    padding: 15px;
    border-radius: 0px;
    height: 100%;
}
.tab-info .nav-tabs .nav-link.active {
    color: #954adb;
}
.tab-info ol {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}
.nav-tabs .nav-link:hover {
    border-color: transparent;
}
.regulation-country .accordion-body {
    padding: 4em 1em 1em;
}
.flex-card .btn,
.flex-card form {
    width: 50%;
}
.flex-card form button.btn {
    width: 100% !important;
}
.regulation-country .accordion-header {
    line-height: normal;
}
.regulation-country .accordion-body ol {
    list-style: dise;
    padding-left: 30px;
}
.regulation-country .accordion-body ol li {
    margin: 10px 0;
}
.regulation-country .accordion-button {
    background: #954adb;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.regulation-country .accordion-button.collapsed {
    background-color: #e7f1ff;
    font-size: 20px;
    font-weight: 500;
    color: #954adb;
}
.regulation-country .accordion-body .top-social li {
    display: inline-block;
    margin-right: 15px;
}
input::placeholder,
input::placeholder {
    color: #303030;
}
input:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #303030;
}
input::-ms-input-placeholder,
input::-ms-input-placeholder {
    color: #303030;
}
.form-area {
    position: relative;
    margin-top: 2rem;
}
.form-area.signup {
    margin-top: 30px;
}
.form-area.forgot {
    margin-top: 20px;
}

.form-accept {
    margin: 0px 0px 10px;
    padding-inline: 10px;
}
.form-accept p {
    color: #ffffff;
    display: inline-block;
}
.form-accept p a {
    color: #9097df;
    border-bottom: 1px solid #9097df;
}
.form-accept input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background: #d9d9d9;
    border: 1px solid #000000;
    border-radius: 5px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
}
.btn-submit {
    display: block;
    width: 100%;
    margin: auto;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    background: #954adb;
    border-radius: 5px;
    border: 2px solid #954adb;
    cursor: pointer;
    padding: 10px 15px;
}
.btn-submit:hover {
    background: transparent;
}

.form-area.signup form .form-group {
    padding-inline: 10px;
}
.form-area.signup .date {
    margin-bottom: 5px;
}
.form-area.signup form .form-group .date::before {
    position: relative;
}

.icon-area img {
    max-width: 110px;
}
.header-top .count-stock-area p,
.header-top .time-area p {
    display: flex;
    flex-direction: column;
    color: #262626;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
    text-transform: capitalize;
}
.header-top .time-area p {
    text-align: right;
}
.header-top .social-search {
    margin-top: 0;
}
.header-top .social-search select {
    color: #231d31;
    font-family: "Poppins";
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    border: 1px solid #959595 !important;
    box-shadow: none !important;
}
.header-top .social-search select options {
    color: #353535;
    font-family: "Poppins";
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}
.header-top .top-social {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.header-top .top-social li a i {
    font-size: 18px;
}
.accordion-button {
    box-shadow: none !important;
}
.pagination-area {
    background-color: transparent;
}
.card-border.ticket .flex-card {
    flex-wrap: wrap;
}
.ticket-dashboard {
    margin: 45px auto 110px !important;
}
body.admin {
    background-color: #ffffff;
}
body.profile-page {
    background-color: #f8f9ff;
}
.admin-sidebar {
    padding: 0;
    max-width: 280px;
    background-color: #ffffff;
    border-right: 1px solid #d9ddf3;
}
.admin-sidebar ul a {
    color: #5f5f5f;
    font-weight: 500;
    font-size: 18px;
}
.admin-sidebar ul a:hover,
.admin-sidebar ul a.active {
    color: #954adb;
}
.admin-sidebar ul li {
    border-bottom: 1px solid #d9ddf3;
    padding: 1rem 2rem;
}
.admin-sidebar ul {
    margin-top: 1.5rem;
}
.content-area-dashboard {
    margin-inline: auto;
}
.content-area-dashboard .area-left,
.content-area-dashboard .area-right {
}
.card {
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 5px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    border: 0;
}
.card-heading-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
    padding-bottom: 15px;
    gap: 10px;
}
.latest-transaction .heading-area h3,
.dash-transtion .cards h4 {
    color: #231d31;
    font-size: 18px;
    font-family: "Poppins";
    line-height: 1.5;
    padding: 10px;
}
.card-body .card-heading-area h3, .card-body .balance-heading h3{
    padding: 0px 10px;
    margin: 0px;
    color: #231d31;
    font-size: 18px;
    font-family: "Poppins";
    line-height: 1.5;
}

.dash-transtion .date-area {
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.latest-transaction .heading-area h3 {
    padding-inline: 5px;
}
.content-area-dashboard
    .area-left
    .card-body
    .card-heading-area
    .filter-button {
    padding-inline: 5px;
}
.content-area-dashboard
    .area-left
    .card-body
    .card-heading-area
    button.card-filter {
    border: 1px solid #959595;
    text-transform: capitalize;
    border-radius: 5px;
    color: #5f5f5f;
    font-size: 12px;
    margin-bottom: 10px;
}
.content-area-dashboard
    .area-left
    .card-body
    .card-heading-area
    button.card-filter:hover,
.content-area-dashboard
    .area-left
    .card-body
    .card-heading-area
    button.card-filter.active {
    background-color: #954adb;
    border: 1px solid #954adb;
    color: #ffffff;
}
.content-area-dashboard .table-responsive {
    max-height: 250px;
    padding: 5px;
}

.content-area-dashboard .table-responsive::-webkit-scrollbar, .table-responsive::-webkit-scrollbar{
    background-color: #F5F5F5;
    width:8px;
    height:8px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track, .bid-now-modal .modal-content::-webkit-scrollbar{
    background-color: #F5F5F5 !important;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar, .bid-now-modal .modal-content::-webkit-scrollbar{
    background-color: #F5F5F5 !important;
    width:8px;
    height:8px;
}
.content-area-dashboard .table-responsive::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb{
    background-color: #954ADB;
    border-radius: 10px;
}
.content-area-dashboard .table-responsive::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover{
    background-color: #282828;
}

.content-area-dashboard table tr {
    border-bottom:1px solid #dddddd;
}
.content-area-dashboard table tr:last-child {

}
.content-area-dashboard table tr td {
    vertical-align: middle;
    min-width: 160px;
    border-bottom: 0;
}
.content-area-dashboard table tr td .image-cell {
    justify-content: flex-start !important;
    min-width: 140px;
}
.content-area-dashboard table tr td .image-cell img {
    margin-right: 10px;
    width: 50px;
    object-fit: contain;
}
.content-area-dashboard table tr td .table-cell {
    display: flex;
    align-items: center;
}
.lower-dash-table thead {
    background-color: #260E58;
    color: #ffffff;
    font-family: "Poppins";
}
.lower-dash-table thead tr th {
    padding: 10px !important;
    text-align: center;
}
.lower-dash-table .table-cell {
    height: auto;
}
.no-border {
    border-right: 0 !important;
}
.content-area-dashboard table tr td .table-cell.action {
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content-area-dashboard table tr td .table-cell.action .text-success {
    color: #28b411 !important;
}
.content-area-dashboard table tr td .table-cell.action .text-warning {
    color: #ff9900 !important;
}
.content-area-dashboard table tr td .table-cell.action .text-danger {
    color: #e90808 !important;
}
.content-area-dashboard table tr td .table-cell.action .middle {
    width: 80px;
    margin-right: 10px;
}
.content-area-dashboard table tr td .table-cell.action a {
    /* width: 60px; */
}
.content-area-dashboard table tr td .table-cell .middle {
    font-family: "Poppins";
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
    margin-bottom: 0;
    color: #000000;
    font-weight: 600;
    height: inherit;
}
.content-area-dashboard table tr td .table-cell .middle span.light {
    color: #949494;
    font-weight: 600;
    font-size: 10px;
}
.content-area-dashboard .pending-action ul li {
    border: 1px solid #d4d4d4;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    gap: 5px;
}
.content-area-dashboard .pending-action ul li .notification {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.content-area-dashboard .pending-action ul li .status-area {
    width: 100%;
    text-align: right;
}
.content-area-dashboard .pending-action ul li .image-area {
    width: 45px;
    background-color: #ffeed6;
    border-radius: 50%;
}
.content-area-dashboard .pending-action ul li .image-area.bell {
    background-color: #cce6fc;
}
.content-area-dashboard .pending-action ul li .image-area img {
    width: 100%;
    object-fit: none;
}
.content-area-dashboard .pending-action ul li .text-area {
    width: calc(100% - 45px);
}
.content-area-dashboard .pending-action ul li .text-area h4 {
    color: #000000;
    font-family: "Poppins";
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 0;
}
.content-area-dashboard .pending-action ul li .text-area p {
    color: #818181;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 0;
}
.content-area-dashboard .pending-action ul li .text-area p a.more {
    color: #954adb;
}
.content-area-dashboard .pending-action ul li .status-area .status {
    font-family: "Poppins";
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    padding: 2px 5px 2px 5px;
    text-transform: uppercase;
}
.content-area-dashboard .pending-action ul li .status-area .status.green {
    background-color: #ff9900;
    color: #fff;
}
.content-area-dashboard .pending-action ul li .status-area .status.grey {
    background-color: #954adb;
    color: #000000;
}
.content-area-dashboard .pending-action ul li .status-area .date-area {
    display: flex;
    flex-direction: column;
    margin: 5px 0 0 0;
}
.content-area-dashboard
    .pending-action
    ul
    li
    .status-area
    .date-area
    .date-title {
    color: #949494;
    font-family: "Poppins";
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
}
.content-area-dashboard .pending-action ul li .status-area .date-area .date {
    color: #000000;
    font-weight: "Poppins";
    font-size: 11px;
    font-weight: 500;
}
.content-area-dashboard ul li .btn-fill {
    width: 80px;
    padding: 5px;
    font-size: 12px;
}
.content-area-dashboard img {
    border-radius: 10px;
}
.content-area-dashboard .pending-action {
    max-height: 380px;
    overflow-y: auto;
}
.pending-action::-webkit-scrollbar {
    background-color: #bcbcbc;
    width: 5px;
    height: 5px;
}
.pending-action::-webkit-scrollbar-thumb {
    background-color: #141b34;
    border-radius: 5px;
}
.content-area-dashboard .table-cell .middle i {
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    padding: 4px 8px !important;
    color: #ffffff;
    background: #ff9900;
    font-style: normal;
    font-weight: 500;
    border-radius: 5px;
}
.content-area-dashboard .table-cell .middle .inq {
    background: #954adb;
    color: #010101;
}
.content-area-dashboard .table-cell .middle .ite {
    background-color: #1ab1ba;
    color: #fff;
}
.content-area-dashboard .table-cell.tag-open {
    min-width: 180px !important;
}
.content-area-dashboard .area-right .balance-card-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 11px;
}
.content-area-dashboard .area-right .balance-card-area .card-deposit {
    background-color: #60d76c;
}
.content-area-dashboard .area-right .balance-card-area .card-outstanding {
    background-color: #ff6c6e;
}
.content-area-dashboard .area-right .balance-card-area .card-deposit,
.content-area-dashboard .area-right .balance-card-area .card-outstanding {
    padding: 10px;
    border-radius: 10px;
    max-width: 49%;
    width: 50%;
}
.card-deposit h4,
.card-outstanding h4 {
    font-family: "Poppins";
    font-size: 22px;
    color: #ffffff;
    margin-bottom:7px;
}
.amount-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.amount-area .coin {
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.amount-area .coin .fa-usd {
    font-size: 30px;
}
.card-deposit .coin {
    color: #60d76c;
}
.card-outstanding .coin {
    color: #ff6c6e;
}
.amount-area .coin,
.amount-area .amount-container {
    padding-inline: 3px;
}
.amount-area .amount-container span{
    color: #ffffff;;
}
.amount-area h2, .amount-area span {
    font-family: "Poppins";
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1.3;
    text-align: left;
    font-weight: 500;
    margin-top: 10px;
}
.amount-area p {
    font-family: "Poppins";
    font-size: 14px;
    margin-bottom: 0;
    color: #ffffff;
    line-height: 1.5;
}
.footer-card {
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-card .text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer-card .text .coin {
    background-color: #954adb;
    color: #ffffff;
    width: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 7px;
}
.footer-card .text p {
    margin-bottom: 0;
    font-family: "Poppins";
    font-size: 15px;
    color: #231d31;
    font-weight: 600;
    line-height: 1.5;
}
.footer-card .text {
    display: flex;
    align-items: center;
}
.footer-card .button-area {
    display: flex;
    gap: 10px;
}
.footer-card .button-area .btn {
    padding: 12px 20px;
    line-height: 1.5;
}
.footer-card .button-area .btn i.fa-bank{
    margin-left: 3px;
}
.button-area .paypal-custom {
    background-color: #ffc439;
    text-align: center;
    padding: 12px 20px;
    border-radius: 5px;
    cursor: pointer;
}
#paypal-button-container {
    height: 40px;
    width: 49%;
}
.cal-ind {
    display: flex;
}
.cal-ind li {
    justify-content: flex-start !important;
    border: 0 !important;
}
.chat-box {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 300px;
    z-index: 2000;
}
.chat-box .chat-header {
    background-color: #954adb;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.chat-box .chat-header h4 {
    color: #ffffff;
    font-family: "Poppins";
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    cursor: pointer;
}
.chat-body {
    overflow: hidden;
}
.chat-body .chat-area {
    background-color: #ffffff;
    max-height: 350px;
    overflow: auto;
    padding-bottom: 5px;
}
.chat-area .bot-area {
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
.chat-area .user-area {
    text-align: right;
    margin-top: 3px;
    margin-bottom: 3px;
}
.chat-area .bot-message,
.chat-area .user-message {
    font-size: 14px;
    color: #2b2b2b;
}
.chat-area p {
    margin-bottom: 0;
    padding-inline: 5px;
}
.chat-area .name {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    color: #954adb;
    margin-right: 5px;
}
.chat-area .time {
    font-size: 10px;
}
.chat-body textarea {
    border-radius: 0;
    box-shadow: none !important;
    border-top: 1px solid #959595 !important;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    line-height: 1.3;
}
.chat-body .btn-blue {
    background-color: #954adb;
    color: #ffffff;
    font-family: "Poppins";
    border-radius: 0;
    width: 100%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-body .btn-blue .fa-paper-plane {
    background-color: #00a3ff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
}
.chat-box form .form-group {
    padding: 0;
    margin-bottom: 0;
}
.close-chat {
    height: 0;
}
.tittle-top {
    margin-bottom: 15px;
}
.tittle-top.space-between {
    align-items: center;
}
.tittle-top h3 {
    font-size: 28px;
    font-family: "Poppins";
    line-height: 15px;
    margin-bottom: 0;
}
.heading-bar .span-area span {
    font-size: 13px;
    padding-inline: 2px;
}
.heading-bar .button-area {
    display: flex;
    align-items: center;
}
.heading-bar .button-area a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-inline: 2px;
}
.heading-bar .button-area a img {
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    border-radius: 0 !important;
    margin-right: 5px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.tickets-area h4 {
    margin-bottom: 10px;
    font-family: "Poppins";
    font-weight: 22px !important;
    font-weight: 500;
    text-align: left;
}
.border-around {
    border: 1px solid #b4b4b4;
    border-radius: 10px;
}
.heading-area.finance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.side-menu-toggle {
    background-color: #ffffff;
    box-shadow: 0 1px 3px 2px #a5addf;
    width: 280px;
    height: 45px;
    align-items: center;
    justify-content: flex-end;
    text-align: end;
    color: #1e41b9;
    padding: 10px;
}
.side-menu-toggle .fa-bars {
    font-size: 24px;
}
.close-sidebar {
    left: -290px !important;
}
.less-width {
    width: 35px !important;
    height: 40px !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
}
.heading-area.dashtrans {
    padding-inline: 10px;
}
.heading-area.dashtrans h4 {
    font-family: "Poppins";
}
.dash-latest-trans {
    padding: 10px;
}
.dash-latest-trans .form-group {
    padding-inline: 5px;
}
.dash-latest-trans .form-group label {
    font-family: "Poppins";
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.dash-latest-trans .form-group input,
select {
    font-family: "Poppins";
    line-height: 2;
    border: 1px solid #959595 !important;
    box-shadow: none !important;
    border-radius: 5px;
}
.dash-latest-trans .form-group input,
select::placeholder {
    color: #5f5f5f;
}
.dash-latest-trans .radioBtns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dash-latest-trans .radioBtns .pay-trans-area,
.dash-latest-trans .radioBtns .pur-trans-area {
    display: flex;
    align-items: center;
    padding-inline: 3px;
    margin-top: 1rem;
}
.dash-latest-trans .radioBtns input {
    margin-right: 3px;
    width: 20px;
    height: 20px;
}
.dash-latest-trans .search-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dash-latest-trans .search-area {
    position: relative;
    margin-right: 2px;
    width: 100%;
}
.dash-latest-trans .search-area .fa-search::before {
    content: "";
    background: url(../images/dash-search-icon.png) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 6px;
    z-index: 100;
    bottom: 9px;
    background-size: contain;
}
.dash-latest-trans .search-area input {
    position: relative;
    padding-left: 25px;
    line-height: normal;
}
.dash-latest-trans .search-box button {
    margin-top: 1rem;
    background-color: #954adb;
    color: #ffffff;
    font-family: "Poppins";
    width: 100%;
}
.dash-latest-trans .date input[type="date"]::-webkit-calendar-picker-indicator {
    border-radius: 5px;
    background-image: url(../images/bid-calender.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.auction-form {
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding: 20px;
}
.auction-form .form-group {
    padding-inline: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.auction-form label,
#addGroupModal label {
    color: #231d31;
    font-size: 16px;
    font-family: "Poppins";
    margin-bottom: 0.3em;
}
.auction-form input,
.auction-form select {
    border: 1px solid #BEBEBE !important;
    box-shadow: none !important;
    border-radius: 5px;
    line-height: 2;
    font-size: 13px;
}
.auction-form input::placeholder,
.auction-form select {
    color: #5f5f5f;
}
.auction-form .part {
    display: flex;
    border: 1px solid #959595 !important;
    border-radius: 5px;
    padding: 6px 5px 6px 5px;
}
.auction-form .part select {
    border: 0 !important;
    padding: 0 0 0 10px !important;
}
.auction-form .part select:first-child {
    border-right: 1px solid #3d3d3d !important;
    border-radius: 0;
    padding: 0 0 0 5px !important;
}
.auction-form .color-picker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #959595 !important;
    border-radius: 5px;
    padding: 6px 5px 6px 5px;
}
.auction-form .color-picker .color-box {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.auction-form .color-picker .color-box input {
    width: 20px;
    border: 0 !important;
    padding: 0 !important;
    margin-inline: 2px;
}
.auction-form .color-picker .add-icon {
    padding-inline: 5px;
    border-left: 1px solid #cecece;
    color: #303030;
}
.auction-form .color-picker .add-icon .fa-plus {
    font-size: 16px;
    cursor: pointer;
}
.final-search.auction.space-between {
    align-items: flex-start !important;
}
.final-search.auction .search-keyward {
    width: auto;
}
.final-search.auction .search-keyward input {
    padding: 10px;
}
.final-search.auction .search-keyward .from-control:before {
    width: 20px;
    height: 20px;
    left: 13px;
    top: 50%;
    transform: translate(0%, -50%);
}
.final-search.auction select {
    width: 100% !important;
    height: auto !important;
    line-height: 2 !important;
}
.final-search.auction .accordion {
    width: auto;
}
.final-search.auction .card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.final-search.auction .accordion .accordion-button {
    padding: 8px 20px 8px;
    font-size: 18px;
}
.auction-house-p {
    margin-bottom: 0;
}
.view-button-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.view-button-area a {
    width: fit-content !important;
    height: auto !important;
    padding: 10px 15px;
    margin-inline: 5px;
    margin-top: 10px;
    font-size: 12px;
}
.view-button-area a span {
    margin-right: 10px !important;
    font-size: 14px;
    font-weight: 600;
}
.view-button-area a img {
    margin: 0 !important;
}
.sortby {
    margin-top: 5px;
}
.view-button-area a {
    margin-top: 5px;
}
.length-results label,
.sortby label {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 0;
}
.modal-image-area,
.details-area {
    padding: 2rem;
}
.bid-form,
.cost-breakdown-area {
    padding: 1rem;
}
.contact-form {
    margin-top: 10px;
}
.contact-form .phone-label-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.contact-form .phone-label-area .confirm-label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.address-info {
    position: relative;
    border-radius: 8px 0px 0px 15px;
}
.address-info .bg-flag {
    position: absolute;
    background-image: url("../images/content-address.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* background-color: #f4f5fa;
    opacity: 0.4; */
    width: 100%;
    height: 100%;
}
.address-info .content {
    position: relative;
    padding: 0 1rem;
}
.address-info .content h3 {
    font-family: "Poppins";
    color: #231d31;
    text-transform: capitalize;
    line-height: 1.5;
    font-size: 24px;
    margin-bottom: 0;
}
.address-info ul li {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
}
.address-info ul li img {
    width: 25px;
    margin-right: 10px;
    margin-top: 5px;
}
.address-info ul li span {
    margin-left: 10px;
    font-family: "Poppins";
    color: #2b2b2b;
    font-size: 18px;
    line-height: 1.5;
}
.address-info ul li span a {
    font-family: "Poppins";
    color: #2b2b2b;
    font-size: 18px;
    line-height: 1.5;
}
.map-info iframe {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 280px;
}
.bid-form h3,
.details-area h3,
.cost-breakdown-area .title-area h3 {
    font-family: "Poppins";
    font-size: 20px;
    line-height: 28px;
    color: #231d31;
}
.cost-breakdown-area .title-area h3 {
    font-size: 20px;
}
.bid-form .form-group,
.ticket-card .form-group {
    padding-inline: 10px;
    margin-bottom: 5px;
}
.contact-form .form-group {
    margin-bottom: 20px;
}
.ticket-card .radio-area {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ticket-card .radio-area label {
    font-family: "Poppins";
    columns: #231d31;
    font-size: 12px;
}
.ticket-card .radio-area input[type="radio"] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.ticket-card.auction-detail .form-control {
    color: #5f5f5f;
    height: 140px;
}
.bid-form label,
.contact-form label,
.ticket-card label {
    font-family: "Poppins";
    color: #231d31;
    font-size: 18px;
}
.bid-form input,
.bid-form select,
.bid-form textarea,
.contact-form input,
.contact-form select,
.contact-form textarea,
.ticket-card input,
.ticket-card textarea,
.ticket-card select,
input.form-control,
select.form-control,
textarea.form-control {
    border: 1px solid #959595 !important;
    box-shadow: none !important;
    line-height: 2;
}

.ticket-card textarea,
.ticket-card select {
    border-color: #ccd1ee !important;
}
.details-area ul li,
.cost-breakdown-area .card li,
.product-auction li {
    color: #231d31;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #959595;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 500;
}
.details-area ul li .list-value,
.cost-breakdown-area .card li .list-item,
.product-auction li .list-value {
    font-weight: 600;
}
.cost-breakdown-area .title-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.cost-breakdown-area .title-area img {
    width: 30px;
    margin-right: 5px;
}
.cost-breakdown-area .card {
    background-color: #f8f9ff;
    border: 1px solid #b5bbdc;
}
.cost-breakdown-area .card ul,
.cost-breakdown-area .card .card-body {
    padding: 0;
}
.product-auction ul {
    margin-bottom: 15px;
}
.cost-breakdown-area .card li {
    padding: 12px 15px;
    border-bottom: 1px solid #b5bbdc;
}
.product-auction li {
    padding: 10px 0px;
    font-size: 15px;
}
.cost-breakdown-area .card li:last-child {
    border-bottom: 0;
}
.transportation-price {
    margin-top: 10px;
}
.transportation-price .card-header {
    background-color: #954adb;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.transportation-price .card-header h4,
.total-cost h3 {
    font-family: "Poppins";
    font-size: 20px;
}
.total-cost h3 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 2;
}
.total-cost p {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 14px;
}
.total-cost p a {
    color: #954adb;
    border-bottom: 1px solid #954adb;
}
.auction-bid-modal .cost-breakdown-area .title-area h3 {
    font-size: 20px;
}
.auction-bid-modal .cost-breakdown-area .title-area img {
    width: 30px;
    margin-right: 5px;
}
.auction-bid-modal .cost-breakdown-area .card li {
    padding: 8px 15px;
}
.auction-bid-modal .transportation-price .card-header h3,
.auction-bid-modal .total-cost h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}
.auction-bid-modal .transportation-price .card-header h3 {
    margin-bottom: 0;
}
.auction-bid-modal form label {
    font-size: 14px;
    margin-bottom: 0;
}
.auction-bid-modal .form-control {
    font-size: 12px;
}
.auction-bid-modal .form-group {
    margin-bottom: 5px;
}
.auction-bid-modal .currency-label {
    padding-inline: 0;
}
.auction-bid-modal .currency-label p {
    margin: 2px 0 0 0;
    font-size: 12px !important;
    line-height: 20px;
}
.auction-bid-modal .currency-group span.currency-type {
    padding: 4px 5px;
    color: #fff !important;
    min-height: 42px;
    align-content: center;
    border-radius: 0px 5px 5px 0px;
}

.auction-bid-modal .button-area.paypal {
    display: flex;
    flex-direction: column;
    gap: 2%;
}
.auction-bid-modal .button-area.paypal #paypal-button-container {
    width: 100%;
}
.auction-bid-modal .button-area.paypal .btn-outline {
    width: 100%;
    padding: 6px 10px;
    font-size: 12px;
    margin-top: 5px;
}
.auction-bid-modal .tnc {
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 600;
    margin-bottom: 0;
    line-height: 18px;
}
.auction-bid-modal .tnc a {
    color: #954adb;
    border-bottom: 1px solid #954adb;
}
.auction-bid-modal .bid-form .btn-fill {
    padding: 6px 10px;
}
.modal-footer {
    flex-wrap: wrap;
}
.modal-body::-webkit-scrollbar,
.chat-area::-webkit-scrollbar {
    width: 10px;
}
.modal-body::-webkit-scrollbar-track,
.chat-area::-webkit-scrollbar-track {
    background-color: #954adb;
}
.modal-body::-webkit-scrollbar-thumb,
.chat-area::-webkit-scrollbar-thumb {
    background-color: #1e41b9;
}
.area-left.auction,
.area-right.auction {
    padding-inline: 0;
}
.area-right.auction {
    margin-top: 10px;
}
.area-right.auction .text-right h4 {
    font-size: 20px;
    line-height: 38px;
}
.card.ticket-card {
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem;
    background-color: #f8f9ff;
    border-radius: 8px;
    border: 1px solid #b4b4b4;
}
.card.ticket-card h6 {
    text-align: initial;
    padding-inline: 10px;
    font-family: "Poppins";
    font-size: 22px;
    font-weight: 500;
    color: #231d31;
    margin-bottom: 10px;
}
.radio-box {
    margin-top: 10px;
}
.radio-box label {
    margin-bottom: 10px;
}
.ticket-button {
    display: flex;
    align-items: flex-end;
}
.ticket-button .btn-fill {
    padding: 8px 19px;
}
.timer-line {
    padding-bottom: 1rem !important;
}
.card-border.key {
    border: 1px solid #b4b4b4;
    border-radius: 8px;
    padding: 10px 20px;
    margin-top: 10px;
}
.bid-card {
    background-color: #ffffff;
    border-radius: 8px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
}
.close-bid-section {
    animation-name: bidclose;
    animation-duration: 0.3s;
    height: 0;
    padding: 0;
}
.open-bid-section {
    animation-name: bidopen;
    animation-duration: 0.3s;
    padding: 10px;
    border: 1px solid #b4b4b4;
}
.open-bid-section .btn {
    margin-top: 0.5rem;
    padding: 12px 10px;
}
@keyframes bidopen {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        height: 650px;
        opacity: 1;
    }
}
@keyframes bidclose {
    from {
        height: 550px;
        opacity: 1;
    }
    to {
        height: 0;
        opacity: 1;
    }
}
.bid-form.auction-details h3 {
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.8;
    padding-inline: 10px;
}
.bid-form.auction-details form label {
    font-size: 14px;
    margin-bottom: 5px;
}
.bid-form.auction-details form .form-control {
    font-size: 12px;
    line-height: 1.5;
}
.bid-form.auction-details form textarea {
    height: 112px;
}
.bid-form.auction-details .cost-breakdown-area .card li {
    padding: 8px 15px;
}
.bid-form.auction-details .currency-label {
    padding-inline: 0;
}
.bid-form.auction-details .currency-label p {
    font-size: 12px !important;
}
.bid-form.auction-details p {
    margin-bottom: 3px;
}
.bid-form.auction-details .tandc p {
    font-size: 16px;
}
.bid-form.auction-details .btn-fill {
    padding: 7px 10px;
    margin-top: 0;
}
.bid-card .transportation-price .card-header h4,
.bid-card .total-cost h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}
.bid-card .transportation-price .card-header h4 {
    margin-bottom: 0;
}
.bid-card .button-area.paypal {
    margin-top: 0 !important;
    flex-direction: column !important;
    gap: 2%;
}
.bid-card .button-area.paypal .btn-outline {
    margin-top: 10px;
    width: 100%;
    margin-inline: 0;
}
.bid-card .button-area.paypal #paypal-button-container {
    width: 100%;
}
.cost-breakdown-area .title-area {
    margin-bottom: 20px;
}
.cost-breakdown-area .title-area h3 {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: left;
}
.close-bid-button {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1rem;
    cursor: pointer;
}
.close-bid-button:hover {
    color: #231d31;
}
.tandc p {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
}
.tandc p a {
    color: #954adb;
    border-bottom: 1px solid #954adb;
}
.stock-details-slide #sync1 .item img {
    height: auto;
}
.ticket-card.stock-ticket h6 {
    margin-bottom: 10px;
}
.bg-green.stock-details {
    border-radius: 5px;
    padding: 7px;
}
.stock-buttons button,
.stock-buttons a {
    margin-inline: 5px;
    margin-bottom: 5px;
}
.stock-buttons button img,
.stock-buttons a img {
    margin-right: 5px;
}
.flex-card.stock-buttons a span {
    display: none;
}
.item-list li .items .product-area .grade.auction-slide {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5px;
    margin-top: -48px;
    gap: 0;
}
.space-between.grade.auction-slide h6 {
    margin-bottom: 5px !important;
}
.auction-slide .grand-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.product-info.auction-slide h6 {
    margin-bottom: 5px;
    line-height: 10px;
}
.space-between.price-area.auction-slide {
    justify-content: center;
}
nav.about-sidenav {
    background-color: #e4e4e4;
    padding: 5px 0;
}
nav.about-sidenav .nav-tabs {
    border: 0 !important;
}
nav.about-sidenav button {
    width: 100%;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Poppins";
    font-size: 17px;
    font-weight: 600;
    padding: 20px 10px;
    border-bottom: 1px solid #cccccc !important;
    margin-bottom: 10px !important;
}
nav.about-sidenav button.active {
    color: #954adb !important;
    background-color: #ffffff;
    border: 0 !important;
    border-radius: 10px;
    transform: scale(1.07);
}
nav.about-sidenav button:hover {
    color: #954adb !important;
}
nav.about-sidenav button.active .nhover,
nav.about-sidenav button:hover .nhover {
    display: none;
}
nav.about-sidenav button.active .hover,
nav.about-sidenav button:hover .hover {
    display: block;
}
nav.about-sidenav button span {
    display: none;
}
.about-inner-nav {
    padding: 10px 10px;
}
.about-inner-nav .nav-tabs {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0 !important;
}
.about-inner-nav .nav-tabs button {
    color: #000000 !important;
    padding: 10px 5px !important;
    font-family: "Poppins";
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
}
.about-inner-nav .nav-tabs button.active,
.about-inner-nav .nav-tabs button:hover {
    border: 0;
    background-color: #954adb;
    color: #ffffff !important;
    border-radius: 5px;
}
.about-tab-content {
    padding: 0 20px 0 20px;
}
.about-tab-content .inner-content {
    margin-bottom: 5rem;
}
.about-tab-content p {
    text-align: justify;
    font-family: "Poppins";
    color: #2b2b2b !important;
    font-size: 15px;
    font-weight: 500;
}
.about-tab-content ul {
    list-style: disc;
    padding: 20px;
}
.about-tab-content ul li {
    margin-bottom: 10px;
    font-family: "Poppins";
    font-size: 15px;
}
.about-tab-content ol {
    list-style: decimal;
    padding: 20px;
}
.about-tab-content h2 {
    color: #000000;
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
}
.about-tab-content h6 {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}
.about-child-content {
    min-height: 350px;
}
.team-head {
    background-color: #ffffff;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 12%);
    padding: 10px;
    margin-bottom: 2rem;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.team-part.large ul {
    list-style: none;
}
.buy-content-area {
    padding: 20px;
}
.buy-content-area ul {
    list-style: none;
    border-left: 2px solid #ccc;
    position: relative;
}
.buy-content-area ul li {
    position: relative;
}
.buy-content-area ul li h5 {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 22px;
}
.buy-content-area ul li h5::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #954adb;
    transform: rotate(45deg);
    left: -27px;
    top: 10px;
    z-index: 1;
}
.buy-content-area ul li h5::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 32px;
    background: #fff;
    left: -22px;
    top: 0;
}
.buy-content-area ul li::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #ccc;
    transform: rotate(45deg);
    left: -26px;
    top: 33px;
    z-index: 1;
}
.buy-content-area ul li::after {
    position: absolute;
    content: ">";
    color: #ccc;
    transform: rotate(90deg);
    left: -30px;
    bottom: -10px;
    font-size: 30px;
    font-family: unset;
    z-index: 1;
}
.add-group {
    border: 1px solid #954adb;
    text-transform: capitalize;
    color: #954adb;
    margin-top: 10px;
}
.add-group:hover {
    background-color: #954adb;
    color: #ffffff;
}
.special-service.style-service .item {
    text-align: center;
}
.special-service.style-service .item .box {
    min-height: 195px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-section .seting-tab.active {
    min-width: 120px;
    text-align: center;
}
.modal-filter {
    flex-direction: column;
}
.accordation-terms {
    padding: 3em 0 3em;
}
.accordation-terms .accordion-body {
    padding: 2em 1em 1em;
}
.terms-heading {
    font-family: "Poppins";
    font-size: 26px;
    font-weight: 600;
}
.content-area.profile-page,
.content-area-dashboard {

}
.content-area .card {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    padding: 30px 30px 20px 30px;
}
.content-area .card .card-header {
    background-color: #ffffff;
}
.content-area .card-body .images-editor {
    position: relative;
    width: 125px;
    height: 125px;
}
.content-area .card-body .images-editor .btn {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 1px solid #bebebe;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 0;
    border-radius: 50%;
    right: -13px;
    z-index: 2;
}
.content-area .card-body .images-editor .btn img {
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0;
    margin: 0 auto;
}
.content-area .card-body .images-editor img {
    width: 100%;
    height: 125px;
    border-radius: 10px;
    object-fit: cover;
}
.content-area .card-body .images-editor .btn.edit {
    top: -6px;
}
.content-area .card-body .images-editor .btn.delete {
    bottom: -6px;
}
.content-area .card-body .text-guide {
    display: block;
    font-style: normal;
    margin-top: 18px;
    margin-bottom: 18px !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #838383;
}
.profile-form form .form-label {
    color: #231d31;
    font-family: "Poppins";
    font-size: 16px;
}
.profile-form form label .text-danger {
    color: #ff5e5e !important;
}
.profile-form form .form-control {
    color: #5f5f5f;
    font-family: "Poppins";
    font-size: 16px;
    box-shadow: none !important;
}
.profile-form form input::placeholder {
    color: #5f5f5f !important;
}
.profile-form form .form-group {
    margin-top: 5px;
    margin-bottom: 10px;
}
.profile-form .button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-form .button-container button,
.profile-form form button {
    width: 100%;
}
.profile-form form .group-area {
    margin-bottom: 10px;
}
.profile-form form .margin-right {
    margin-bottom: 10px;
}
.card-header.profile-heading {
    padding: 0px;
}
.card-header.profile-heading h5 {
    font-family: "Poppins";
    color: #231d31;
    font-size: 18px;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 0;
}
.card-body.profile-form {
    padding: 25px 0px 0px 0px;
}
.card-body.profile-form .phone-number {
    display: flex;
    gap: 10px;
}
.item-list.auction-list {
    justify-content: flex-start;
}
.item-list.auction-list li .items .product-info h6,
.item-list.auction-list li .items .product-info p,
.item-list.home
    li
    .items
    .product-info
    h6
    .item-list.home
    li
    .items
    .product-info
    p,
.auction-detail .item-list .items .product-info p,
.auction-detail .item-list .items .product-info h6 {
    line-height: 1.5;
    margin-bottom: 5px;
}
.item-list.auction-list li .items .auction-house-p,
.auction-detail .item-list .items .auction-house-p {
    font-weight: 500;
    font-size: 13px;
    color: #8e8e8e;
}
.item-list.auction-list li .items .price-area h6,
.item-list.home li .items .price-area h6 {
    font-weight: 600;
    font-size: 15px;
}
.item-list.auction-list li .items .price-area .btn-price,
.item-list.home li .items .price-area .btn-price {
    padding: 5px 10px;
    font-size: 15px;
}
.home-categories h4 {
    font-size: 22px;
    line-height: 32px;
}
.main-menu-area {
    background-color: #000000;
    padding: 2px 5px;
    position: relative;
}
.main-menu-area .logo-area a {
    display: block;
    width: 80px;
}
.main-menu-area .logo-area img {
    width: 100%;
}
.main-menu-area .logged-in {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main-menu-area .logged-in a {
    margin-inline: 5px;
}
.main-menu-area .logged-in img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}
.main-menu-area .logged-in .alert-bell img {
    border-radius: 0;
    width: 25px;
    height: 25px;
    margin-inline: 5px;
}
.main-menu-area .logged-in a.main-menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    height: 25px;
    width: 25px;
}
.main-menu-area .logged-in a.main-menu-button .fa {
    font-size: 17px;
}
.main-menu-area .menu-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;
}

.menu-links .nav-items.active a {
    color: #954adb;
    font-weight: 600;
}
.menu-links .nav-items:hover a {
    color: #954adb;
}
.menu-links .nav-items.learn-menu {
    position: relative;
}
.menu-links .nav-items.learn-menu:hover .dropdown-learn {
    display: block;
}
.nav-items.learn-menu .dropdown-learn {
    background-color: #fff;
    position: absolute;
    left: -15px;
    z-index: 100;
    display: none;
    padding: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 5px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20%);
    transition: all .5s;
}
.nav-items.learn-menu:hover .dropdown-learn{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}
.nav-items.learn-menu .dropdown-learn div a:first-child{
    border-radius:5px;

}
.dropdown-learn  .dropdown-item:active{
    background-color: transparent;
}
.nav-items.learn-menu .dropdown-learn div{
    padding: 2px;
}
.dropdown-learn .dropdown-item:hover{
    background-color: transparent;
}
.nav-items.learn-menu .dropdown-learn div a{
    color:#000;
    transition: all 0.4s;
}

.nav-items.learn-menu .dropdown-learn div a:hover{
    color:#fff;
    background-color:#954ADB;
    /* border-bottom:1px solid #954ADB !important; */
}
.nav-items.learn-menu .dropdown-learn li:hover a {
    background-color: transparent;
    color: #954adb;
}
.main-menu-area .menu-links .nav-items.after-login {
    display: flex;
    align-items: center;
}
.nav-items.before-login:hover a {
    border-bottom: 0;
}
.main-menu-area .menu-links .nav-items.after-login .user-greetings {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.after-login div {
    margin-inline: 5px;
}
.menu-links .nav-items.after-login .user-greetings .greet {
    color: #ababab;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
}
.menu-links .nav-items.after-login .user-greetings .tier {
    color: #954adb;
    font-size: 13px;
}
.user-image {
    width: 30px;
    height: 30px;
}
.user-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.setting-btn {
    border: 1px solid #d9d9d9;
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.setting-options {
    background-color: #000000;
    position: absolute;
    right: 1rem;
    width: 250px;
    top: 3.5em;
    z-index: 10;
    border-top: 1px solid #d9d9d9;
}
.setting-options.close-setting {
    display: none;
}
.mobile-menu {
    background-color: #000000;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    top: 2.7em;
    z-index: 10000;
    border-top: 1px solid #d9d9d9;
}
.mobile-menu.close-mobile-menu {
    animation-name: menuClose;
    animation-duration: 0.5s;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.mobile-menu.open-mobile-menu {
    animation-name: menuOpen;
    animation-duration: 0.5s;
    max-height: 450px;
    opacity: 1;
    overflow-y: scroll;
}
@keyframes menuOpen {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        height: 450px;
        opacity: 1;
    }
}
@keyframes menuClose {
    from {
        height: 450px;
        opacity: 1;
    }
    to {
        height: 0;
        opacity: 0;
    }
}
.setting-options .options li {
    padding: 5px 10px;
}
.setting-options .options li a {
    color: #ffffff;
    font-family: "Poppins";
    font-weight: 500;
}
.user-greetings-mob {
    border-bottom: 1px solid #d9d9d9;
}
.user-greetings-mob li {
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.user-greetings-mob li .greet {
    color: #ababab;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 18px;
}
.user-greetings-mob li .tier {
    color: #954adb;
}
.mobile-menu .menu-links-area .menu-links {
    align-items: flex-end;
    text-align: right;
    flex: 1;
}
.before-login .menu-links-area .menu-links {
    align-items: center;
}
.mobile-menu .menu-links {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.mobile-menu .menu-links li {
    padding: 10px 10px;
    font-size: 16px;
}
.mobile-menu .menu-links li {
    padding: 4px 10px;
}
.mobile-menu .menu-links li.active a,
.mobile-menu .menu-links li:hover a {
    color: #954adb;
}
.mobile-menu .menu-links li .dropdown-learn {
    left: -50px;
    width: 150px;
    box-shadow: 0 0 5px 2px #5f5f5f;
}
.mobile-menu.before-login .menu-links li .dropdown-learn {
    left: -20px;
}
.mobile-menu .menu-links li .dropdown-learn li a {
    color: #d1d1d1;
}
.mobile-menu
    .menu-links
    li
    .dropdown-learn
    li:hover
    a
    .mobile-menu
    .menu-links
    li
    .dropdown-learn
    li.active
    a {
    color: #954adb;
}
.key-space ul li:last-child {
    border-bottom: 0;
}
.releted-product.auction-detail h4 {
    margin-bottom: 12px;
    padding: 0 10px;
}
.before-login .btn {
    color: #ffffff;
    border: 1px solid #ffffff;
    text-transform: capitalize;
    padding: 5px 20px;
    border-radius: 5px;
    font-family: "Poppins";
    margin-inline: 2px;
}
.before-login .btn.login-btn,
.before-login .btn.sign-btn:hover {
    background-color: #954adb;
    border: 1px solid #954adb;
}
.before-login .btn.login-btn:hover {
    background-color: rgba(31, 64, 186, 0.4);
    border: 1px solid #ffffff;
}
.login-button-section {
    background-color: #000000;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
.login-button-section a {
    width: 48%;
}
.login-button-section .btn {
    width: 100%;
}
body.index-page .main-menu-area {
    background-color: #000000;
    z-index: 1000;
    width: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
    padding: 3px;
}
.ui-datepicker .ui-datepicker-title select {
    margin: 0 2px !important;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top: -3px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0 !important;
}
.ui-datepicker-trigger {
    position: absolute;
    top: 10px;
    right: 18px;
    border: 0;
    background: transparent;
    width: 32px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    text-align: center !important;
}
.date.auction-filter .ui-datepicker-trigger {
    top: 4px;
    right: 5px;
}
.filter-area .btn-outline,
.filter-area .btn-fill {
    padding: 6px 15px;
}
.search-keyward .from-control {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
}
.search-keyward .from-control input {
    width: calc(100% - 50px);
    margin-right: 5px;
    padding-left: 42px !important;
}
.search-keyward .from-control .filter-button {
    width: 50px;
    margin-inline: 10px;
}
.search-keyward .from-control .btn-fill {
    width: 50px;
    height: 48px;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 15px;
}
/* .auction-form.filter-area {
    border-radius: 10px;
    padding: 5px;
} */
.filter-desk {
    overflow: hidden;
}
.mobile-menu .user-greetings-mob {
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.mobile-menu .user-greetings-mob .user-image {
    width: 70px;
    height: 70px;
}
.date.dashboard .ui-datepicker-trigger {
    top: 6px;
    right: 2px;
}
.date.dashboard .ui-datepicker-trigger img {
    border-radius: 0;
}
.address-area {
    background-color: #ffffff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.11);
    border-radius: 8px;
    padding: 10px;
    margin: 25px auto;
}
.alert-bell {
    position: relative;
    cursor: pointer;
}
.alert-bell .alert-count {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    position: absolute;
    right: 5px;
    top: 2px;
    background-color: #ee3a3a;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 8px;
}
.alert-bell img {
    width: 25px;
}
.menu-links-area {
    display: flex;
    padding: 10px 0;
}
.menu-links-area .sidemenu-links {
    border-right: 1px solid #d9d9d9;
    align-items: flex-start !important;
    text-align: left !important;
    flex: 1;
}
.show-more-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: "Poppins";
    font-weight: 600;
    text-transform: capitalize;
    padding: 5px 10px;
    cursor: pointer;
    color: #954adb;
}
.auction-list .product-info {
    margin-bottom: 10px;
}
.address-info .flag {
    width: 100%;
}
.date-filter-area {
    margin-bottom: 10px;
}
.date-filter-area .date-filter-buttons {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    gap: 7px;
}
.date-filter-area .form-group {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.date-filter-area .form-group label {
    color: #231d31;
    font-family: "Poppins";
    font-weight: 600;
    margin-bottom: 0;
}
.date-filter-area .date-filter-buttons .btn {
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
    border-radius: 3px;
}
.date-filter-area .date-filter-buttons .btn:hover,
.date-filter-area .date-filter-buttons .btn.active {
    background: #954adb;
    color: #ffffff;
}
.list-value.check-price {
    color: #954adb;
    cursor: pointer;
}
.flex-group {
    display: flex;
    align-items: end;
}
.flex-group .search-keyward {
    width: 100% !important;
}
.flex-group .search-keyward input {
    padding: 6px 49px !important;
}
.flex-group .search-keyward .from-control:before {
    top: 11px !important;
}
.flex-group .btn-outline,
.flex-group .btn-fill {
    padding: 5px 15px;
}
.key.auction-detail {
    margin: 10px 0 10px 0;
    order: 1;
}
.key.auction-detail h4 {
    font-size: 16px;
    line-height: 32px;
}
.ticket-card.auction-detail {
    order: 2;
    margin-top: 10px;
}

.image-cell.table-second p {
    margin-bottom: 0;
}

.select2 {
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #959595 !important;
    border-radius: 5px !important;
    line-height: 2.2 !important;
    padding-bottom: 3px !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display {
    font-family: "Poppins";
    color: #5f5f5f;
    font-size: 12px;
    vertical-align: text-bottom;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    height: 32px !important;
    font-family: "Poppins" !important;
    color: #5f5f5f !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin-top: 3px !important;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    height: 32px !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    top: -2 !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__clear {
    margin-top: 0 !important;
}
.index-page .home-listing .container-fluid {
    max-width: 1800px;
}
.index-page .accordion-body .button-container {
    text-align: center;
    margin-top: 1rem;
}
.index-page .accordion-body .button-container button {
    width: 100%;
    padding: 5px 0;
}
.form-select {
    background-size: 14px 17px;
}
.filter-area .form-select {
    background-size: 14px 14px;
}
.password-field {
    position: relative;
}
.password-field input {
    padding-right: 3rem;
}
.password-field .fa {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #5f5f5f;
    font-size: 16px !important;
    cursor: pointer;
    transform: translate(0%, -50%);
}
select option {
    font-family: "Poppins" !important;
}
.share-modal .modal-content {
    text-align: center;
}
.share-modal .modal-body p {
    font-weight: 600;
}
.share-modal .jssocials-shares {
    margin: 1.2em 0;
}
.share-modal .jssocials-share a i {
    color: #ffffff !important;
}
.releted-product-list .item-list li .items {
    width: 333px;
    margin-inline: 5px;
}
.releted-product-list .item-list li {
    width: 100%;
}
.releted-product-list .item-list li .tag {
    right: 5px;
}
.item-list li.visited::before {
    content: "Visited";
    position: absolute;
    z-index: 100;
    left: 0;
    top: 12px;
    padding: 5px 7px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    background-color: #954adb;
    color: #231d31;
}
.releted-product-list .item.visited li::before {
    content: "Visited";
    position: absolute;
    z-index: 100;
    left: 5px;
    top: 12px;
    padding: 5px 7px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    background-color: #954adb;
    color: #231d31;
}
.filter-result table tbody tr.visited td:first-child {
    position: relative;
}
.filter-result table tbody tr.visited td:first-child::before {
    content: "Visited";
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 12px;
    padding: 2px 4px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    background-color: #954adb;
    color: #231d31;
}
.content-area-dashboard .middle span:first-child {

}
.auction_mkt_plce_modal .price-area {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    flex-direction: column;
    align-items: flex-end;
}
.auction_mkt_plce_modal .price-area p {
    margin-bottom: 0px !important;
    padding-inline: 0px !important;
    font-size: 10px;
}
.auction_mkt_plce_modal .price-area .btn {
    width: 120px;
}
.auction_mkt_plce_modal .filter-result .table tbody tr td {
    padding: 0 15px !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
}
.auction_mkt_plce_modal .pagination {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}
.auction_mkt_plce_modal .pagination .page-item .page-link {
    height: 35px;
}
.bid-dashbaord .accordion-item .accordion-header {
    line-height: 24px;
}
.bid-dashbaord .accordion-item .accordion-header button {
    background-color: #f8f9ff;
    color: #231d31;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #d9ddf3;
    padding: 10px 15px;
}
.accordion-button::after {
    background-image: url("../images/plus-solid.svg") !important;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-135deg);
}
.bid-table.table-responsive {
    max-height: 100%;
}
.filter-result table td a img {
    width: 61px;
    height: 61px;
}
.auction_mkt_plce_modal .modal-body p {
    padding: 0 7px;
    font-weight: 600;
}
.auction_mkt_plce_modal table {
    display: inline-table !important;
}
.product-auction li {
    font-weight: 400;
}
.area-left.auction .text-left h3 {
    line-height: 32px;
    margin-bottom: 10px;
}
.contact-form .form-control {
    line-height: normal;
}
.bid-form.auction-details input::placeholder,
.bid-form.auction-details textarea::placeholder,
.bid-form.auction-details select,
.card.ticket-card.auction-detail textarea::placeholder,
.vin input::placeholder,
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form select {
    color: #5f5f5f !important;
}
.bid-form.auction-details select.form-select {
    background-image: url("../images/form-dropdown.png");
    background-size: 14px 7px;
}
.bid-card .button-area.paypal {
    display: flex;
    flex-direction: row;
    margin-top: 0.5rem;
}
.bid-card .button-area.paypal #paypal-bid-container {
    flex: 1;
    margin-inline: 5px;
    margin-top: 2rem;
    width: 100%;
}
.bid-card .button-area.paypal button,
.bid-card .button-area.paypal .paypal-custom {
    flex: 1;
    margin-inline: 5px;
    margin-top: 0;
    padding: 7px 20px;
    border-radius: 4px;
    font-size: 11px;
}
.bid-card .button-area.paypal .paypal-custom {
    background-color: #ffc439;
    text-align: center;
    border-radius: 5px;
    width: 48%;
    cursor: pointer;
}
#paypalModal .bid-form p {
    color: #000000;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
#paypalModal .form-control {
    line-height: 1.5;
    font-size: 12px;
}
.phone-number-group .select2-container .select2-selection--single {
    height: auto;
    padding: 6px 10px !important;
}
.phone-number-group
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    display: none;
}
.phone-number-group
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    position: relative;
    font-size: 14px;
    line-height: 23px;
    padding-left: 0px;
}
.phone-number-group
    .select2-container
    .select2-selection--single
    .select2-selection__rendered::after {
    content: "";
    background: url("../images/form-select-arrow.svg") no-repeat;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 2px;
    top: 5px;
}
.contact-form .phone-number {
    padding-left: 10px;
}
span.error {
    color: #858282;
}
div.error {
    color: #dc3545;
    font-size: 14px;
}
.select2-search__field {
    font-size: 13px !important;
    padding-top: 3px !important;
    padding-left: 8px !important;
}
.milestone-image {
    text-align: center;
    border-radius: 10px;
}
.currency-group {
    display: flex;
    align-items: center;
}

.currency-group input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.currency-group input.box-2 {
    border-radius: 0;
}
.currency-group span.currency-type {
    background-color: #954adb;
    color: #000000;
    padding: 3px 5px;
    font-family: "Poppins";
    font-size: 12px;
    font-weight: 500;
    min-width: 90px;
    line-height: 2;
    border: 1px solid #959595;
    border-left: 0;
    text-align: center;
}
.currency-group span.currency-type2 {
    background-color: #954adb;
    color: #000000;
    padding: 10px 5px;
    font-family: "Poppins";
    font-size: 12px;
    font-weight: 500;
    width: 90px;
    line-height: 2;
    border: 1px solid #959595;
    border-left: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    text-align: center;
}
.bid-now-modal .currency-group .form-control{
 border-radius: 5px 0px 0px 5px;
}
.bid-now-modal .modal-body #bidNowModal_carImage{
    border-radius: 6px;
}
.currency-label {
    padding-inline: 10px;
}
.currency-label p {
    font-family: "Poppins" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #231d31 !important;
    margin-bottom: 0;
}
.currency-label p span {
    font-weight: 500;
}
.milestone-image img {
    width: 100%;
}
.milestone-modal-content {
    margin-top: 20px;
}
.milestone-modal-content h6 {
    font-weight: 500;
    font-size: 23px;
    line-height: 25px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 8px;
}
.milestone-modal-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #383838;
    margin-bottom: 15px;
}
.milestone-modal-content p.light {
    color: #7e7e7e;
}
.modal-login-content .form-area {
    margin-top: 0;
}
.modal-login-content .form-area.login .form-control {
    padding: 8px 28px;
}
.modal-login-content .form-area.login .password-field .fa {
    font-size: 18px !important;
    top: 13.5px;
}
.modal-login-content .form-area.login .btn-submit {
    width: 100%;
    height: 42px;
}
.modal-login-content .form-area.login .btn-submit:hover {
    color: #954adb;
}
.modal-login-content .form-area.login p {
    margin-bottom: 10px;
}
.content-area-after .c-nav-tab-view ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-inline: 30px;
}
.content-area-after .c-nav-tab-view ul li {
    margin: 0 36px 0 0;
}
.content-area-after .c-nav-tab-view ul li a {
    color: #231d31;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    transition: none;
}
.content-area-after .c-nav-tab-view ul li a.active,
.content-area-after .c-nav-tab-view ul li a:hover {
    color: #954adb !important;
    border-bottom: 2px solid #954adb;
}
.content-area-after.view-section .page-heading {
    color: #231d31;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
}
.content-area-after .table-responsive,
.content-area-after .item-list {
    margin-top: 35px;
}
.content-area-after table td a {
    color: #954adb;
}
.content-area-after table td a:hover {
    color: #0a58ca;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 13px;
    line-height: 19.5px;
}
.content-area-after table td:first-child {
    position: relative;
}
.content-area-after table td span.label {
    position: absolute;
    bottom: 14px;
    left: 5px;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 57px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.content-area-after table td span.label.auction {
    background: #ff9900;
}
.content-area-after table td span.label.stock {
    background: #00a3ff;
}
.content-area-after .sortby select,
.content-area-after .view-button-area a {
    margin-right: 14px;
}
.content-area-after table .btn-delete {
    padding: 10px 10px !important;
    background-color: #f6f6f6;
    border-radius: 50%;
}
.content-area-after table .btn-delete:hover {
    background-color: #954adb;
}
.content-area-after table .btn-delete img {
    width: 100%;
}
.content-area-after table thead th span {
    position: relative;
}
.content-area-after table thead th span:not(.no-sort)::before {
    content: "";
    background: url("../images/sort-drop.svg") no-repeat;
    position: absolute;
    width: 10px;
    height: 7px;
    right: -20px;
    top: 0;
    background-size: contain;
    cursor: pointer;
}
.content-area-after table thead th span:not(.no-sort)::after {
    content: "";
    background: url("../images/sort-drop.svg") no-repeat;
    position: absolute;
    width: 10px;
    height: 7px;
    right: -20px;
    bottom: 0;
    background-size: contain;
    transform: rotate(180deg);
    cursor: pointer;
}
.content-area-after .item-list li .btn-price {
    padding: 6px 12px !important;
}
.privacy-policy-wrap {
    margin: 15px 0 60px 0;
}
.privacy-policy-wrap p,
.privacy-policy-wrap .contact-information ul li {
    font-family: "Poppins";
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    margin-bottom: 10px;
}
.privacy-policy-wrap .contact-information ul li {
    margin-bottom: 10px;
}
.privacy-policy-wrap h3 {
    color: #000000;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
}
.privacy-policy-wrap h6 {
    color: #000000;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}
.privacy-policy-wrap a {
    color: #954adb;
    font-family: "Poppins";
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}
.privacy-policy-wrap .text-area h3 {
    margin: 10px 0 10px 0;
}
.privacy-policy-wrap .contact-information h3 {
    margin-bottom: 10px;
}
.privacy-policy-wrap .contact-information p {
    margin-bottom: 10px;
}
.privacy-policy-wrap .contact-information ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.privacy-policy-wrap .contact-information ul li.address {
    width: 100%;
    margin-bottom: 20px;
}
.privacy-policy-wrap .contact-information ul li.contact,
.privacy-policy-wrap .contact-information ul li.email {
    margin-bottom: 20px;
    width: 100%;
}
.privacy-policy-wrap .contact-information ul li.contact .details-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.privacy-policy-wrap .contact-information ul li.email .details-container label {
    margin-right: 5px;
}
.privacy-policy-wrap
    .contact-information
    ul
    li.email
    .details-container
    .email-container {
    display: flex;
    flex-direction: column;
}
.privacy-policy-wrap
    .contact-information
    ul
    li.email
    .details-container
    .email-container
    a {
    margin-bottom: 10px;
}
.privacy-policy-wrap .contact-information.social-media ul li:first-child {
    padding: 0 30px 0 0;
}
.privacy-policy-wrap .contact-information.social-media ul {
    justify-content: flex-start;
}
.privacy-policy-wrap .contact-information.social-media ul li:first-child {
    padding: 0;
}
.privacy-policy-wrap .contact-information.social-media ul li {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}
.privacy-policy-wrap .terms-link {
    position: sticky;
    top: 0;
}
.privacy-policy-wrap .terms-link h5 {
    color: #383838;
    font-family: "Poppins";
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 5px;
}
.privacy-policy-wrap .terms-link ul {
    padding: 0 50px 0 0;
}
.privacy-policy-wrap .terms-link ul li {
    margin-bottom: 10px;
}
.privacy-policy-wrap .terms-link ul li a {
    color: #8a8a8a;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.privacy-policy-wrap .terms-link ul li a.active,
.privacy-policy-wrap .terms-link ul li a:hover {
    color: #954adb;
    font-weight: 500;
    border-bottom: 1px solid #954adb;
}
.privacy-policy-wrap .terms-content h3 {
    margin: 10px 0 10px 0;
}
.privacy-policy-wrap .terms-content ul {
    list-style: decimal;
    padding: 0 0 0 15px;
}
.privacy-policy-wrap .terms-content ul li {
    color: #000000;
    margin-bottom: 12px;
    font-family: "Poppins";
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify;
}
.privacy-policy-wrap .terms-content ul li ul.sublist {
    margin: 18px 0 18px 0;
    list-style: none;
}
.privacy-policy-wrap .terms-content ul li ul.sublist li::before {
    content: "\2022";
    color: #149dc9;
    font-weight: bold;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 14px;
}
.view-section .bid-status {
    margin: auto;
}
.view-section .bid-status ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-section .bid-status ul li {
    font-family: "Poppins";
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.view-section .bid-status ul li.active {
    color: #231d31;
}
.view-section .bid-status ul li.won,
.content-area-after.my-bid table tr td .table-cell span.won {
    color: #28b411;
}
.view-section .bid-status ul li.lost,
.content-area-after.my-bid table tr td .table-cell span.cancel {
    color: #e90808;
}
.content-area-after.my-bid .filter-result .table thead tr th {
    font-size: 18px;
    text-align: left;
}
.content-area-after.my-bid .table tbody:first-of-type::before {
    content: "@";
    height: 22px;
    opacity: 0;
    display: block;
}
.content-area-after.my-bid.buy-now .table tbody:first-of-type::before,
.content-area-after.my-bid.ticket .table tbody:first-of-type::before {
    height: 0;
}
.content-area-after.my-bid table tbody::after {
    content: "@";
    height: 22px;
    opacity: 0;
    display: block;
}
.content-area-after.my-bid table tr.heading-bar {
    background-color: #616c96;
}
.content-area-after.my-bid table tr {
    border-bottom: 0;
}
.content-area-after.my-bid table tr td {
    padding: 15px 10px 15px 0;
    font-family: "Poppins";
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    border-bottom: 1px solid #bcbcbc !important;
}
.content-area-after.my-bid table tr td .table-cell {
    border-right: 2px solid #d9d9d9;
    height: 60px;
    display: flex;
    align-items: center;
    text-align: left;
}
.content-area-after.my-bid table tr td:last-child .table-cell {
    border-right: 0;
}
.content-area-after.my-bid table tr td .table-cell p {
    margin-bottom: 0;
}
.content-area-after.my-bid table tr td .image-cell {
    justify-content: flex-start !important;
    min-width: 165px;
}
.content-area-after.my-bid table tr td .image-cell img {
    padding: 5px;
    margin-right: 10px;
    width: 61px;
}
.content-area-after.my-bid .view-section {
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 0 20px 0;
}
.content-area-after.my-bid table tr td .table-cell span.won,
.content-area-after.my-bid table tr td .table-cell span.cancel {
    font-weight: 600;
}
.content-area-after.my-bid.ticket .bid-area-tabs li a {
    font-size: 10px;
}
.content-area-after.my-bid.ticket .table-responsive {
    margin-top: 5px;
}
.content-area-after.my-bid.ticket table thead th {
    padding: 20px;
}
.content-area-after.my-bid.ticket table tbody td {
    padding: 10px 0 10px 0;
}
.content-area-after.my-bid.ticket table tbody td .table-cell {
    padding: 0 20px 0 20px;
    overflow: hidden;
}
.content-area-after.my-bid.ticket table tbody td .table-cell.image-cell {
    min-width: 250px;
}
.content-area-after.my-bid.ticket table tbody td .table-cell span.name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.content-area-after.my-bid.ticket table tbody td .table-cell span.details {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.content-area-after.my-bid.ticket table tbody td a.ticket-status {
    padding: 4px 44px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 100px;
}
.content-area-after.my-bid.ticket table tbody td a.ticket-status.open {
    background-color: #b0c1ff;
    color: #954adb;
}
.content-area-after.my-bid.ticket table tbody td a.ticket-status.close {
    background-color: #ffb0b1;
    color: #e02629;
}
.content-area-after.my-bid.ticket table tbody td .btn-fill {
    padding: 10px 40px 10px 40px;
    position: relative;
}
.content-area-after.my-bid.ticket table tbody td .btn-fill span.badge {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ee3a3a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    right: -10px;
    border: 3px solid #ffffff;
}
.about-section {
    background-color: #ffffff;
}
.about-section .navigation-tab {
    background-color: #fbfbfb;
    box-shadow: 0 0 0 1px #b0b0b0;
}
.about-section .navigation-tab ul {
    justify-content: space-between;
    flex-direction: column;
}
.about-section .navigation-tab ul.hide-tabs {
    height: 0;
    overflow: hidden;
}
.about-section .navigation-tab ul li {
    padding: 2px 10px;
}
.about-section .navigation-tab ul li button {
    display: flex;
    align-items: center;
    background-color: transparent !important;
    color: #000000;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    padding: 10px 5px 10px 5px;
}
.about-section .navigation-tab ul li:has(button.active) {
    border-bottom: 2px solid #954adb;
}
.about-section .navigation-tab ul li button:hover,
.about-section .navigation-tab ul li button.active {
    color: #954adb;
}
.about-section .navigation-tab ul li button:hover img.nohover,
.about-section .navigation-tab ul li button.active img.nohover {
    display: none;
}
.about-section .navigation-tab ul li button:hover img.hover,
.about-section .navigation-tab ul li button.active img.hover {
    display: initial;
}
.about-section .navigation-tab ul li button img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}
.about-section .navigation-tab ul.active-tab {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
}
.about-section .navigation-tab ul.active-tab li.active-tab-item button {
    border: 0;
}
.about-section .navigation-tab ul.active-tab li:has(button.active) {
    border-bottom: 0;
}
.about-section .navigation-tab ul.active-tab li.toggle-button {
    width: 35px;
}
.about-section .navigation-tab ul.active-tab li.toggle-button.open {
    transform: rotate(180deg);
}
.about-section .navigation-tab ul li.small-active {
    display: none;
}
.about-section .content-area {
    margin: 0 0 20px 0;
}
.about-section .about-content {
    margin-top: 20px;
}

.about-section .about-content img {
    width: 100%;
    margin: 0;
    min-height: 100%;
}
.about-section .image-card-container {
    margin: 0 0 20px 0;
}
.about-section .image-card {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    padding: 0 0 0 0;
}
.about-section .image-card .right-card,
.about-section .image-card .left-card,
.about-section .center-card {
    width: 100%;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 4px rgba(0, 0, 0, 0.05);
    bottom: 0;
}
.about-section .image-card .right-card {
    right: 0;
}
.about-section .image-card .left-card {
    left: 0;
}
.about-section .center-card {
    height: max-content;
    width: 90%;
    left: 5%;
    bottom: -40px;
}
.about-section .image-card .right-card h4,
.about-section .image-card .left-card h4,
.about-section .image-card .center-card h4 {
    margin-bottom: 0;
}
.about-section .team-banner {
    margin: 10px 0 10px 0;
    padding: 10px 0;
    background: linear-gradient(
        140deg,
        #121935 60%,
        #4c8aa7 100%,
        #0b62c3 0%,
        #121935 35%
    );
}
.about-section .team-banner-content h3 {
    color: #ffffff;
}
.about-section .team-banner-content p {
    color: #e1e1e1;
}
.about-section .team-cards .card {
    width: 100%;
    background-color: #fbfbfb;
}
.about-section .team-cards .card-body {
    padding: 0;
}
.about-section .team-cards .card-body .team-image {
    margin-bottom: 24px;
    position: relative;
}
.about-section .team-cards .card-body .team-image img {
    width: 100%;
    margin: 0;
}
.about-section .team-cards .card-body .team-image span.designation {
    background-color: #2c439b;
    color: #ffffff;
    padding: 7px 14px 7px 14px;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    bottom: 0;
    left: 38px;
}
.about-section .team-cards .team-content {
    padding: 0 20px 0 20px;
}
.about-section .team-cards .team-content .name {
    margin-bottom: 0;
}
.about-section .team-cards .team-content .name h5 {
    color: #000000;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0;
}
.about-section .team-cards .team-content .team-about {
    height: 250px;
    overflow-y: scroll;
}
.about-section .team-cards .team-content .team-about::-webkit-scrollbar {
    width: 5px;
}
.about-section
    .team-cards
    .team-content
    .team-about:hover::-webkit-scrollbar-thumb {
    background: #231d31;
}
.about-section .team-cards .team-content .team-about p {
    margin-bottom: 0;
}
.about-section .team-cards .social-icons {
    margin: 5px 0 5px 0;
}
.about-section .team-cards .social-icons ul {
    display: flex;
    padding: 0;
    margin: 0;
}
.about-section .team-cards .social-icons ul li {
    margin-right: 32px;
}
.about-section .team-cards .social-icons ul li img {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
}
.team-cards .owl-carousel .owl-stage {
    display: flex;
}
.team-cards .card {
    height: 100%;
}
.why-Loginet {
    padding: 10px;
}
.about-section .why-loginet {
    margin-top: 60px;
}
.about-section .footer-image img {
    margin: 0;
}
.about-section .right-card h4 .heading {
    position: relative;
    z-index: 2;
}
.about-section .right-card h4 .count {
    display: none;
    position: relative;
    z-index: 1;
    left: -20px;
    font-size: 60px;
    line-height: 90px;
    font-weight: 800;
    color: #eaeaea;
}
.about-section .deposit-banner {
    position: relative;
}
.about-section .deposit-banner .right-card {
    width: 600px;
    background-color: #ffffff;
    padding: 5px 15px;
    box-shadow: 0 4px rgba(0, 0, 0, 0.05);
}
.about-section .about-payment {
    margin-top: 30px;
    margin-bottom: 0px;
}
.about-section .about-payment .payment-nav-area {
    margin-bottom: 0;
}
.about-section .about-payment .payment-nav-area .nav-tabs .nav-link {
    color: #000000;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 32px 10px 32px;
}
.about-section .about-payment .payment-nav-area .nav-tabs .nav-link.active {
    background-color: #954adb;
    color: #ffffff;
}
.about-section .about-payment .payment-nav-content h4 {
    color: #954adb;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}

.about-section .shipping-card-area {
    position: relative;
}
.about-section .shipping-card-area img {
    margin-bottom: 0;
}
.about-section .image-card-container.collect-vehicle {
    padding: 60px 0 60px 0;
}
.about-section .shipping-card-area .left-card.shipping {
    background-color: #121935;
    width: 100%;
    padding: 10px 25px 10px 25px;
}
.about-section .shipping-card-area .left-card.shipping h4 {
    color: #ffffff;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 2px;
}
.about-section .shipping-card-area .left-card.shipping .heading {
    position: relative;
    z-index: 2;
}
.about-section .shipping-card-area .left-card.shipping .count {
    display: none;
    position: relative;
    z-index: 1;
    left: -30px;
    font-size: 60px;
    line-height: 90px;
    font-weight: 800;
    color: #954adb;
}
.about-section .shipping-card-area .left-card.shipping p {
    color: #ffffff;
}
/* .about-section .bid-information .information-container {
    background-color: #0a0b10;
    border-radius: 26px;
    padding: 10px 10px 10px 10px;
    margin: 10px 0 10px 0;
} */

.about-section .bid-information .information-container ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style: none;
}
/* .about-section .bid-information .information-container ul li {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
} */

.about-section .image-card.how-bid-one {
    background-color: #f3f3f3;
    padding: 0;

    display: flex;
    justify-content: space-between;
}
.about-section .image-card .info-card {
    background-color: #8659b0;
    width: 45%;
    padding: 10px 25px 10px 25px;
    position: relative;
    left: 0px;
}

.about-section .image-card .info-card ul li {
    color: #ffffff;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 10px;
    position: relative;
}
.about-section .image-card .info-card ul li::before {
    content: "";
    background: url("../images/circle-list.svg") no-repeat;
    width: 25px;
    height: 30px;
    display: block;
    position: absolute;
    left: -30px;
    top: 2px;
}
.about-section .image-card.how-bid-one .info-card ul li:last-child {
    margin-bottom: 0;
}
.about-section .image-card.how-bid-one .image-container {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-section .image-card.how-bid-one .image-container img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}
.image-card.how-bid-two {
    padding: 0;
    position: relative;
}
.image-card.how-bid-two img {
    margin: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.image-card.how-bid-two .info-card {
    width: 100%;
    left: 0;
}

.about-section .our-story.buy-stock-cars p {
    text-align: center;
}
/* .about-section .our-story.sourcing-area p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
} */
/* .about-section .our-story.sourcing-area p.bold {
    font-weight: 600;
    text-align: center;
} */
.about-section .sourcing-map-area img {
    margin-top: 0;
    width: 100%;
}
.sourcing-area.purchasing-art {
    margin-top: 0px;
}
.about-section .sourcing-map-area .map-image-container {
    position: relative;
    z-index: 2;
}
.about-section .sourcing-map-area .vehicle-image-container {
    position: relative;
    bottom: 77px;
    z-index: 1;
}
.about-section .sourcing-info-cards {
    position: relative;
    bottom: 70px;
    z-index: 4;
}
.about-section .sourcing-info-cards .card {
    margin-inline: 0px;
    padding: 10px 5px 10px 5px;
    border-radius: 5px;
}
.about-section .sourcing-info-cards .card-body p {
    line-height: 22px;
    text-align: left;
    font-size: 13px;
}
.about-section .tranportation-banner {
    background-color: #0a0b10;
    margin: 0;
}
.about-section .tranportation-banner .image-area img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-section .tranportation-banner .text-area {
    padding: 35px 20px 40px 60px;
    position: relative;
}
.about-section .tranportation-banner .text-area .trans-map {
    width: 180px;
    position: absolute;
    right: 32px;
    top: 0;
}
.about-section .tranportation-banner .text-area p {
    color: #ffffff;
}
.about-section .storage-card-container {
    background-color: #f8f8fb;
    margin-bottom: 20px;
    padding: 10px 0 10px 0;
    padding-bottom: 70px;
}
.about-section .our-story.storage p {
    color: #141414;
    text-align: center;
}
.about-section .card.storage {
    border-radius: 0;
    width: 98%;
    margin-inline: 20px;
}
.about-section .card.storage .card-body {
    padding: 0;
}
.about-section .card.storage .card-body .image-container.one {
    background: url("../images/storage-1.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
    height: 350px;
    border-radius: 15px;
}
.about-section .card.storage .card-body .image-container.two {
    background: url("../images/storage-2.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
    height: 350px;
    border-radius: 15px;
}
/* .about-section .our-story.shipping-documents {
    margin-top: 10px;
} */
.about-section .our-story.shipping-documents p {
    margin-bottom: 0px;
}
.about-section .sourcing-info-cards.documents {
    position: unset;
}
.about-section .sourcing-info-cards.documents .card {
    width: 100%;
}
.about-section .sourcing-info-cards.documents .card,
.about-section .sourcing-info-cards.documents .card .card-body {
    padding: 0;
}
.about-section .sourcing-info-cards.documents .image-container {
    height: 180px;
}
.about-section .sourcing-info-cards.documents img {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.about-section .sourcing-info-cards.documents .text-area {
    margin-top: 20px;
    padding: 0 15px 0 15px;
}
.about-section .sourcing-documents-footer img {
    width: 100%;
    margin: 0;
}
.about-section .image-card.logistics-shipping {
    background-image: url("../images/logistics-shipping.png"),
        linear-gradient(180deg, rgba(20, 27, 52) 100%, rgba(20, 27, 52, 0) 0%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    background-blend-mode: overlay;
    height: 670px;
    margin-bottom: 2rem;
}
.about-section .logistics-shipping .text-area p {
    color: #ffffff;
}
.about-section .image-card.logistics-shipping img {
    height: unset;
    margin-top: 20px;
}
.about-section .our-story.roll-on-section {
    margin: 10px 0 10px 0;
}
.about-section .our-story.roll-on-section h4 {
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #141414;
    margin-top: 15px;
}
/* .about-section .challanges-card-section {
    margin: 10px 0 10px 0;
} */
.about-section .challanges-card-section .card {
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
.about-section .challanges-card-section .card .card-body {
    padding: 75px 35px 35px 35px;
}
.about-section .challanges-card-section .card h3 span.text {
    position: relative;
    z-index: 2;
}
/* .about-section .challanges-card-section .card h3 {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 8px;
    position: relative;
} */
.about-section .challanges-card-section .card.challange-one {
    background-color: #faf0ff;
}
.about-section .challanges-card-section .card.challange-one h3 span.text {
    color: #1f40ba;
}
.about-section .challanges-card-section .card.challange-two {
    background-color: #f3e2fc;
}
.about-section .challanges-card-section .card.challange-two h3 span.text {
    color: #1f40ba;
}
.about-section .challanges-card-section .card.challange-three {
    background-color: #faf0ff;
}
.about-section .challanges-card-section .card.challange-three h3 span.text {
    color: #1f40ba;
}
.about-section .challanges-card-section .card.challange-four {
    background-color: #f3e2fc;
}
.about-section .challanges-card-section .card.challange-four h3 span.text {
    color: #1f40ba;
}
.about-section .challanges-card-section .card.challange-five {
    background-color: #faf0ff;
}
.about-section .challanges-card-section .card.challange-five h3 span.text {
    color: #1f40ba;
}
.about-section .challanges-card-section .card.challange-six {
    background-color: #f3e2fc;
}
.about-section .challanges-card-section .card.challange-six h3 span.text {
    color: #1f40ba;
}
.about-section .container-shipping-details p {
    color: #ffffff;
}
.benefits-shipping-container {
    background-image: url("../images/shipping-benefit.png");
    background-size: 100% 100%;
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 0;
    height: unset;
    padding: 0;
    margin: 0;
}
.benefits-shipping-container .info-card {
    left: 0;
    width: 72%;
    background: rgb(0, 0, 0);
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8577556022408963) 60%,
        rgba(9, 9, 121, 0.13506652661064422) 72%,
        rgba(0, 0, 0, 0.5104166666666667) 100%
    );
}
.about-section .fees-leaved-container .card .card-body {
    padding: 0;
}
.about-section .fees-leaved-container .card .card-body .image-container {
    height: 260px;
}
.about-section .fees-leaved-container .card .card-body .image-container img {
    width: 100%;
    height: 100%;
    margin: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.about-section .fees-leaved-container .card .card-body .text-area {
    padding: 24px 24px 24px 24px;
}
.about-section .counter-cards-area {
    position: relative;
}
.about-section .counter-cards-area .image,
.about-section .counter-cards-area .text {
    position: relative;
}
.about-section .counter-cards-area .image img {
    width: 100%;
}
.about-section .counter-cards-area .text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about-section .counter-cards-area .border-area {
    border-right: 1px dotted #989797;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 8.5%;
    z-index: 1;
}
/* .about-section .counter-cards-area .circle-counter {
    position: absolute;
    top: 35%;
    z-index: 5;
} */
/* .about-section .counter-cards-area .circle-counter.side-right {
    right: -32.5%;
}
.about-section .counter-cards-area .circle-counter.side-left {
    left: -32.5%;
} */
.about-section .counter-cards-area .circle-counter .color1 {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-color: #954adb1a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-section .counter-cards-area .circle-counter .color2 {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #954adb4d;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-section .counter-cards-area .circle-counter .color3 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #954adb;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-section .counter-cards-area .circle-counter .color3 span.count {
    color: #ffffff;
    font-family: "Poppins";
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
}

.about-section .counter-cards-area.buy-stock-group .image img,
.about-section .counter-cards-area.art-group .image img {
    border-radius: 12px;
}
.about-section .counter-cards-area.buy-stock-group .text,
.about-section .counter-cards-area.art-group .text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.about-section .counter-cards-area.buy-stock-group .left-container.text {
    padding: 0 0 0 110px;
}
.about-section .counter-cards-area.buy-stock-group .border-area {
    height: 70%;
    top: 13.5%;
}
.about-section .counter-cards-area.art-group .border-area {
    top: 12.5%;
    height: 73%;
}
.about-section .counter-cards-area.art-group .circle-counter {
    top: 34%;
}
/* .additional-shipping-details p:last-child {
    margin-bottom: 0;
} */
/* .additional-shipping-details {
    margin-bottom: 20px;
} */
.about-section .milestone-banner {
    margin: 40px 0 0 0;
}
.signup .date img.date-icon {
    position: absolute;
    top: 7px;
    right: 23px;
    width: 20px;
    height: 20px;
}
.country-code-allign {
}
.contact-form .alert,
.invalid-feedback {
    text-align: left !important;
}
.notif-dropdown {
    max-width: 350px;
    background-color: #000000;
    position: absolute;
    right: 5px;
    top: 9em;
    z-index: 10;
}
.notif-dropdown .heading-area {
    color: #fff;
    padding: 10px;
}
.notif-dropdown .heading-area h4 {
    font-family: "Poppins";
}
.notif-dropdown ul {
    list-style: none;
    max-height: 350px;
    overflow-y: auto;
}
.notif-dropdown ul li {
    border-bottom: 1px solid #954adb;
    padding: 10px;
}
.notif-dropdown ul li:last-child {
    border-bottom: 0;
}
.notif-dropdown ul li a {
    color: #ffffff;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
}
.notif-dropdown ul::-webkit-scrollbar {
    width: 5px;
}
.notif-dropdown ul::-webkit-scrollbar-track {
    background: #b4b4b4;
}
.notif-dropdown ul::-webkit-scrollbar-thumb {
    background-color: #00a3ff;
}
.notif-dropdown.hide-notif {
    display: none;
}

.submenu-links::-webkit-scrollbar {
    height: 3px;
}

.submenu-links::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.submenu-links::-webkit-scrollbar-thumb {
    background: #954adb;
    border-radius: 10px;
}

.submenu-links .navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0 1rem;
    gap: 0.5rem;
}

.submenu-links .nav-item {
    flex: 1;
    min-width: fit-content;
    text-align: center;
}

.submenu-links .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    color: #495057;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

.submenu-links .nav-link i {
    margin-right: 0.5rem;
    font-size: 0.875rem;
}

.submenu-links .nav-link:hover {
    color: #954adb;
}

.submenu-links .nav-link.active {
    color: #954adb;
    position: relative;
}

.submenu-links .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 2px;
    background: #954adb;
    border-radius: 2px;
}

@media (max-width: 768px) {
    .submenu-links {
        padding: 0.25rem 0;
    }

    .submenu-links .navbar-nav {
        padding: 0 0.5rem;
        gap: 0.25rem;
    }

    .submenu-links .nav-link {
        padding: 0.5rem 0.5rem;
        font-size: 0.8125rem;
    }

    .submenu-links .nav-link i {
        font-size: 0.8125rem;
    }
}
.bid-area-tabs {
    margin-bottom: 30px;
    border-bottom: 1px solid #c7c7c7;
}
.bid-area-tabs li a {
    color: #231d31;
    font-family: "Poppins";
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    text-transform: capitalize;
}
.bid-area-tabs li a:hover {
    color: #231d31;
    font-weight: 500;
}
.bid-area-tabs li a.active {
    font-weight: 500;
}
.profile-tab-area {
    border: 0;
    gap: 30px;
}

.profile-tab-area .nav-link {
    padding: 0;
    font-family: "Poppins";
    color: #231d31;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    outline: none;
    border: 0;
    padding-bottom: 10px;
}
.profile-tab-area .nav-link.active,
.profile-tab-area .nav-link:hover {
    position: relative;
    color: #954adb;
}
.profile-tab-area .nav-link.active::after,
.profile-tab-area .nav-link:hover::after {
    content: "";
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    border-bottom: 3px solid #954adb;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.milestones {
    padding: 0px 12px;
}

.milestone-card {
    margin: 10px 0 0 0;
}
.milestone-card .counter-card-group {
    position: relative;
}

.milestone-card .counter-card-group .date {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 30px;
    line-height: 55px;
    order: 1;
}
.milestone-card .counter-card-group .text {
    order: 2;
}
.milestone-card .counter-card-group .left-container.date {
    position: relative;
}
/* .milestone-card .counter-card-group .left-container.date::after {
    right: -23.5%;
}
.milestone-card .counter-card-group .right-container.date::after {
    left: -23%;
} */
.milestone-card .counter-card-group .card {
    background-color: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0px 2px 20px 0px #0000000f;
    margin-bottom: 18px;
}
.milestone-card .counter-card-group .card .card-body p {
    color: #2b2b2b;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}
.about-section.vocab {
    margin: 10px 0 0 0;
}
.about-section.vocab .our-story h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 38px;
}
.about-section.vocab .vocab-listing {
    margin: 10px 0 10px 0;
}
.about-section.vocab .vocab-listing ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.about-section.vocab .vocab-listing ul li {
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #954adb;
}
.about-section.vocab .vocab-listing ul li:last-child {
    border-bottom: 0;
}
.about-section.vocab .vocab-listing ul li h4 {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 32px;
}
.about-section.vocab .vocab-listing ul li img {
    width: 48px;
    height: 48px;
    margin-bottom: 5px;
}
.about-section.vocab .vocab-listing ul li p {
    font-size: 15px;
    text-align: justify;
    margin: 5px 0 0 0;
}
.about-section.vocab .mid-banner-area {
    margin: 10px 0 0 0;
}
.about-section.vocab .mid-banner-area .image-area img {
    width: 100%;
    height: 100%;
}
.about-section.vocab .mid-banner-area .text-area {
    background-color: #0a0b10;
    padding: 10px;
    position: relative;
    color: #fff;
}
.about-section.vocab .mid-banner-area .text-area h3 {
    color: #ffffff;
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    margin: 20px 0 20px 0;
}
.about-section.vocab .mid-banner-area .text-area ul li h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 8px;
}
.about-section.vocab .mid-banner-area .text-area ul li p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 20px 0;
    color: #fff;
}
.about-section.vocab .mid-banner-area .text-area .trans-map {
    width: 250px;
    position: absolute;
    right: 10px;
    top: 30px;
}
.our-story.vocab-doc-area {
    background-color: #f8f8fb;
    padding: 10px 20px 10px 20px;
}
.about-section.vocab .vocab-doc-area .card {
    border-radius: 0;
    margin: 0 0 30px 0;
}
.about-section.vocab .vocab-doc-area .card .card-body {
    padding: 0;
}
.about-section.vocab .vocab-doc-area .card .card-body img {
    width: 100%;
    height: 280px;
}
.about-section.vocab .vocab-doc-area .card .card-body .text-area {
    padding: 5px 32px 5px 32px;
}
.about-section.vocab .trans-inco .text-area h3 {
    margin-bottom: 8px;
}
.about-section.vocab .trans-inco .image-area img {
    width: 100%;
}
.about-section.vocab .logistics-shipping.vocab-fob {
    height: auto;
    margin: 10px 0 0 0 !important;
}
.about-section.vocab .logistics-shipping.vocab-fob h3 {
    font-size: 22px;
    line-height: 32px;
    text-align: left;
    margin-top: 10px;
}
.about-section.vocab .logistics-shipping.vocab-fob p {
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 30px;
}
.about-section.vocab .challanges-card-section.vocab-cards .card {
    padding: 10px 60px 10px 30px;
}
.about-section.vocab .challanges-card-section.vocab-cards .card.one {
    background-color: #f6f6f6;
}
.about-section.vocab .challanges-card-section.vocab-cards .card.two {
    background-color: #ebebeb;
}
.about-section.vocab .challanges-card-section.vocab-cards .card-body {
    padding: 0;
}
.about-section.vocab .challanges-card-section.vocab-cards .card-body h4 {
    line-height: 36px;
    margin-bottom: 16px;
}
.about-section.vocab .challanges-card-section.vocab-cards .card-body p {
    text-align: justify;
    font-size: 15px;
}
.about-section.vocab .vocab-shipping {
    position: relative;
    background-color: #0a0b10;
}
.about-section.vocab .vocab-shipping h3 {
    color: #ffffff;
    text-align: center;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    margin: 10px 0 10px 0;
}
.about-section.vocab .vocab-shipping img {
    position: absolute;
    top: 84px;
    right: 84px;
}
.about-section.vocab .vocab-shipping .text-area {
    background-color: transparent;
    padding: 0 0 10px 50px;
}
.about-section.vocab .vocab-shipping .text-area ul li,
.about-section.vocab .payments .text-area ul li {
    position: relative;
}
.about-section.vocab .vocab-shipping .text-area ul li::before,
.about-section.vocab .payments .text-area ul li::before {
    content: "";
    background: url(../images/how-bid-check.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -30px;
    top: 5px;
}
.about-section.vocab .vocab-shipping .text-area ul li h4 {
    font-family: "Poppins";
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 2px;
}
.about-section.vocab .vocab-shipping .text-area ul li p {
    font-family: "Poppins";
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: justify;
    width: 90%;
}
.about-section.vocab .payments {
    margin: 10px 0 10px 0;
    padding: 0 10px;
}
.about-section.vocab .payments .image-area {
    display: flex;
    align-items: center;
}
.about-section.vocab .payments .image-area img {
    border-radius: 10px;
}
.about-section.vocab .payments .text-area h3,
.about-section.vocab .vehicles h3 {
    color: #000000;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 10px;
}
.about-section.vocab .payments .text-area h3 {
    margin-top: 10px;
}
.about-section.vocab .payments ul li h4 {
    color: #000000;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 2px;
}
.about-section.vocab .payments ul li p,
.about-section.vocab .vehicles ul li .text-area p {
    color: #2b2b2b;
    font-weight: "Poppins";
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify;
}
.about-section.vocab .payments ul {
    padding: 0 30px;
}
.about-section.vocab .vehicles {
    margin: 10px 0 0 0;
    padding: 0 10px;
}
.about-section.vocab .vehicles h3 {
    text-align: center;
}
.about-section.vocab .vehicles ul li .image-area {
    width: 65px;
    height: 50px;
    margin-bottom: 20px;
}
.about-section.vocab .vehicles ul li .image-area img {
    width: 100%;
}
.about-section.vocab .vehicles ul li .text-area h4 {
    color: #141414;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 16px;
}
.about-section.jdm {
    max-width: 100%;
}

.about-section.jdm .filter-area {
    padding: 20px 0 20px 0;
}
.about-section.jdm .filter-area .brand-list {
    margin: 12px 0 12px 0;
}
.about-section.jdm .filter-area .brand-list li {
    color: #2b2b2b;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.about-section.jdm .filter-area .brand-list li label {
    margin-left: 5px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.about-section.jdm .filter-area .brand-list li.brand-name {
    color: #383838;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.about-section.jdm .filter-area .brand-list .form-check-input[type="checkbox"] {
    border-radius: 2px;
    border: 1px solid #8a8a8a;
    width: 14px;
    height: 14px;
    margin-top: 0;
    box-shadow: none !important;
}
.about-section.jdm
    .filter-area
    .brand-list
    .form-check-input[type="checkbox"]:checked {
    background: url("../images/checkbox-check.svg") no-repeat;
    background-position: center;
    border: 1px solid #954adb;
    background-color: #ffffff;
}
.about-section.jdm .card.car-listing .card-body {
    padding: 15px 10px 15px 10px;
}
.about-section.jdm .card.car-listing .image-area {
    max-height: 332px;
}
.about-section.jdm .card.car-listing .car-details .brand-heading {
    display: flex;
    align-items: center;
}
.about-section.jdm .card.car-listing .car-details .brand-logo {
    width: 40px;
    margin-right: 15px;
}
.about-section.jdm .card.car-listing .car-details .brand-logo img {
    width: 100%;
}

.about-section.jdm .card.car-listing .car-details .brand-heading {
    margin: 15px 0 15px 0;
}
.about-section.jdm .card.car-listing .table-container {
    max-height: 220px;
    overflow-y: auto;
}
.about-section.jdm .card.car-listing .table-container::-webkit-scrollbar {
    width: 5px;
}
.about-section.jdm .card.car-listing .table-container::-webkit-scrollbar-track {
    background-color: #e7e7e7;
}
.about-section.jdm .card.car-listing .table-container::-webkit-scrollbar-thumb {
    background-color: #95979f;
}
.about-section.jdm .card.car-listing table thead {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.about-section.jdm .card.car-listing table thead tr th {
    color: #ffffff;
    font-family: "Poppins";
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
}
.about-section.jdm .card.car-listing table tbody tr td {
    padding: 5px 0 5px 0;
    color: #2b2b2b;
    font-family: "Poppins";
    font-size: 11px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
}
.about-section.jdm .card.car-listing table tbody tr td .data-cell {
    border-right: 1px solid #d9d9d9;
}
.form-area.enquiry-area {
    background-color: #f8f9ff;
    padding: 36px;
    border-radius: 8px;
    margin-bottom: 25px;
}
.form-area.enquiry-area form h3 {
    color: #231d31;
    font-family: "Poppins";
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 16px;
    padding-inline: 5px;
}
.form-area.enquiry-area form .button-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-area.enquiry-area form .button-area .btn {
    width: 48%;
}
svg path:hover {
    cursor: pointer;
}
.password-field input:has("is-invalid") span.fa {
    margin-right: 20px;
}
.about-section .map-area {
    margin: 0 0 20px 0;
}
.about-section .map-area svg {
    display: block;
    width: 100%;
    height: auto;
}

.inspection-text {
    order: 2;
}
.inspection-image {
    order: 1;
}
.inspection-page h5.inspection-subheading {
    color: #000000;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 10px 0;
}

.inspection-page ul.inspection-list li {
    display: flex;
    align-items: flex-start;
}
.inspection-page ul.inspection-list li span.bullet {
    color: #954adb;
    font-family: "Popppins";
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    width: 10px;
}
.inspection-page ul.inspection-list li span.list-text {
    color: #2b2b2b;
    font-family: "Poppins";
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
    font-weight: 400;
    width: calc(100% - 30px);
    padding-left: 20px;
}
.inspection-page .list-area {
    display: flex;
    width: 100%;
}
.inspection-page .list-area ul {
    flex: 1;
    padding: 0 30px 0 0;
}
.inspection-page ul.inspection-list li.bottom-text {
    display: block;
    margin: 30px 0 0 0;
}
ul.inspection-list.abbre li span.list-text {
    padding: 0;
}
.product-listing .mt-5 {
    margin-top: 1rem !important;
}
.btn-lg.btn-fill.close {
    width: fit-content;
    float: right;
}
.flex-card.button.stock-buttons {
    margin: 20px 0 0 0;
}
.flex-card.button.stock-buttons a {
    /* padding: 5px 10px; */
}
.header-top .social-search .form-select {
    background-size: 10px 17px;
}
.banner-bottom .container {
    max-width: 1400px;
}
.login-form .mt-3 {
    margin-top: 1rem !important;
}
img.zoom-in {
    cursor: zoom-in;
}
.content-area-after .profile-tab-area .nav-link {
    font-size: 14px;
    line-height: 1.5;
}
.team-cards .owl-carousel .owl-nav {
    position: absolute;
    display: flex;
    top: 40%;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 3px 0 3px;
}
.team-cards .owl-carousel .owl-nav button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #954adb;
    color: #fff;
    height: 22px;
    width: 22px;
    padding: 10px;
    border-radius: 50%;
    box-sizing: border-box;
}
.team-cards .owl-carousel .owl-nav button:hover {
    background-color: #2c439b;
}
.team-cards .owl-carousel .owl-nav button .fa {
    font-size: 12px;
}
.enquiry-info-dashboard ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.enquiry-info-dashboard ul li {
    color: #231d31;
    font-family: "Poppins";
    font-size: 10px;
    font-weight: 500;
    position: relative;
}
.enquiry-info-dashboard ul li::before,
.after-dot::after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.info-green::before,
.after-dot.info-green::after {
    background-color: #ff9900;
    color: #fff;
}
.info-blue::before,
.after-dot.info-blue::after {
    background-color: #954adb;
    color: #010101;
}
.info-grey::before,
.after-dot.info-grey::after {
    background-color: #1ab1ba;
    color: #fff;
}
.after-dot.info-green::after,
.after-dot.info-blue::after,
.after-dot.info-grey::after {
    margin-left: 5px;
}
.content-area-dashboard table tr td .table-cell .middle .more {
    color: #954adb;
}
/* .about-section .payment .row {
    margin: 20px 0 0 0;
} */
.about-section .payment .image-area img {
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}
.about-section .payment .image-area.second img {
    border-radius: 10px;
}
.about-section .payment .text-area {
    background-color: #8659b0;
    padding: 20px 30px;
}
.about-section .payment .text-area h4 {
    color: #fff;
    font-family: "Poppins";
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
}
.about-section .payment .text-area p.area {
    color: #fff;
    font-family: "Poppins";
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0 10px 0;
    text-align: justify;
}
.about-section .payment .text-area ul {
    margin: 15px 0 15px 0;
}
.about-section .payment .text-area ul li {
    color: #fff;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}
.about-section .payment .text-area.second {
    background-color: transparent;
}
.about-section .payment .text-area.second h4 {
    color: #954adb;
}
.about-section .payment .text-area.second ul li {
    color: #2b2b2b;
}
.about-section .payment .pay-heading h3 {
    color: #000000;
    font-family: "Poppins";
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 5px;
    text-align: center;
}
.notifications-div {
    max-width: 350px;
    max-height: 550px;
    border-radius: 0;
    position: absolute;
    top: 4.8em;
    right: 1.2em;
    z-index: 100;
    display: none;
}
.notifications-div .card-header {
    background-color: #000000;
    border-radius: 0;
    padding: 0 10px;
}
.notifications-div .card-header h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}
.notifications-div .card-body {
    overflow-y: scroll;
}
.notifications-div .card-body ul li {
    display: inline-flex;
    align-items: flex-start;
}
.notifications-div .card-body ul li .image-area {
    width: 40px;
    height: 40px;
    background-color: #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}
.notifications-div .card-body ul li .image-area img {
    width: 100%;
    object-fit: contain;
}
.notifications-div .card-body ul li .text-area {
    width: calc(100% - 80px);
    padding: 0 10px;
}
.notifications-div .card-body ul li .text-area p {
    color: #231d31;
    font-family: "Poppins";
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.5;
}
.notifications-div .card-body ul li .text-area .date {
    font-family: "Poppins";
    font-size: 12px;
    color: #7e7e7e;
}
.notifications-div .card-footer {
    padding: 0;
}
.notifications-div .card-footer button {
    border-radius: 0;
}
.notifications-div .card-body::-webkit-scrollbar {
    background-color: #bcbcbc;
    width: 5px;
    height: 5px;
}
.notifications-div .card-body::-webkit-scrollbar-thumb {
    background-color: #141b34;
    border-radius: 5px;
}
.import-regulation .heading-area {
    background-color: #0a0b10;
    color: #ffffff;
    border-radius: 100px;
    margin: 15px 0 15px 0;
}
.import-regulation .heading-area h3 {
    font-family: "Poppins";
    font-size: 16px;
    text-align: center;
    line-height: 2.5;
}
.import-single .page-heading h3 {
    color: #000000;
    font-family: "Poppins";
    font-size: 18px;
    text-align: center;
}
.import-single .card {
    border-radius: 0;
}
.import-single .card-body {
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
    gap: 10px;
}
.import-single .map-area {
    width: 150px;
}
.import-single .map-area img {
    width: 100%;
    object-fit: contain;
}
.import-single .info-area ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.import-single .info-area ul li {
    font-family: "Poppins";
    font-size: 15px;
    font-weight: 500;
    padding: 3px 5px;
}
.import-single .info-area ul li span.dark {
    color: #231d31;
}
.import-single .info-area ul li span.blue {
    color: #0a58ca;
}
.import-single .text-area p {
    color: #231d31;
    font-family: "Poppins";
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 0;
}
.import-single .card-body.text-area {
    padding: 0 10px;
}
.import-single .text-area ul {
    padding: 0 20px;
}
.import-single .text-area li {
    color: #231d31;
    font-family: "Poppins";
    font-size: 15px;
    list-style: disc;
    padding: 3px 0;
}
.import-single .text-area li.heading {
    color: #231d31;
    font-family: "Poppins";
    font-weight: 500;
    margin-bottom: 0;
    list-style: none;
}
.import-single .payment-tab {
    padding: 0;
}
.import-single .tab-content ul {
    padding: 0 30px;
}
.import-single .tab-content ul li {
    font-family: "Poppins";
    font-size: 15px;
    color: #231d31;
    list-style: disc;
    padding: 3px 0;
}
.import-single .tab-content p {
    color: #231d31;
    font-family: "Poppins";
    font-size: 15px;
    margin: 5px 0;
    font-weight: 500;
}
.index-page .auction-houses-wrap h1 {
    font-size: 26px;
}
#detailsModal .modal-body {
    padding: 10px 8px;
}
#detailsModal .map-area {
    width: 120px;
    margin-bottom: 10px;
}
#detailsModal .map-area img {
    width: 100%;
    object-fit: contain;
}
#detailsModal h4 {
    color: #000000;
    font-family: "Poppins";
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0px;
}
#detailsModal ul {
    margin-bottom: 10px;
}
#detailsModal ul li {
    font-family: "Poppins";
    font-size: 14px;
}
.overlay-loader {
    display: none;
}
.loading .overlay-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
}
.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8)
        url("/assets/frontend/images/loader.gif") center no-repeat;
}
body.loading {
    overflow: hidden;
}
body.loading .overlay {
    display: block;
}
.team-banner.we-hire {
    padding: 0;
}
.we-hire .image-area img {
    margin: 0 !important;
    width: 100%;
    height: 100%;
}
.we-hire .form-area h2 {
    color: #ffffff;
    font-family: "Poppins";
    font-size: 38px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 0;
    padding-inline: 5px;
}
.we-hire .form-area p {
    color: #ffffff;
    font-family: "Poppins";
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-inline: 5px;
}
.key-space.stock-details {
    flex-direction: column;
    padding: 0;
}
.key-space.stock-details h4 {
    text-align: initial;
    padding: 0 10px;
}
.key-space.stock-details ul {
    border-right: 0;
}
.key-space.stock-details ul li {
    padding: 6px 0;
}
.key-space.stock-details ul li:last-child {
    border-bottom: 1px solid #959595;
}
.key-space.stock-details ul:last-child li:last-child {
    border-bottom: 0;
}
.resume-uplaod {
    width: fit-content;
    position: absolute;
    top: 0.3rem;
    right: 0.8rem;
    padding: 0 15px;
    font-size: 10px;
}
::-webkit-file-upload-button {
    display: none;
}
::file-selector-button {
    display: none;
}
.flex-grow {
    flex-grow: 1;
}
.item-list li .items .image-slide .item:after {
    display: none !important;
}
.main-menu-area {
    background: #fff !important;
}
.select2-selection {
    border-radius: 0 !important;
}

/*====Pramod Malviya Start Css from Here ====*/
.phone-number-group .select2-container .select2-selection--single {
    height: auto;
    padding: 9px 10px !important;
    border-radius: 5px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 5px;
    height: 48px;
    margin-top: 5px;
}
.select2-container--default
    .select2-search--dropdown
    .select2-search__field:focus-visible {
    outline: none !important;
    border: 1px solid #959595 !important ;
}
.select2-results {
    font-size: 14px;
}

.collect-vehicle p {
    color: #fff !important;
}
.paypal-bank-transfer h4 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 600;
}

.swaping-order {
    display: flex;
}

.bg-box {
    background: #260e58 !important;
}

.swaping-order:nth-child(3) .row{
    margin: 0px;
}
.swaping-order:nth-child(3) .row .payment-boxes{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.swaping-order:nth-child(3) .row .bg-box h4 {
    color: #fff !important;
}
.swaping-order:nth-child(3) .row .bg-box p {
    color: #fff !important;
}

.swaping-order:nth-child(4) .row{
    margin: 0px;
}

.swaping-order:nth-child(4) .row .payment-boxes{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.swaping-order:nth-child(4) .row {
    flex-direction: row-reverse !important;
    color: #fff !important;
    margin-top: 50px;
    margin-bottom: 50px;
}
.swaping-order:nth-child(4) .row .bg-box {
    background: #8659b0 !important;
}
.swaping-order:nth-child(4) .row img{
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px ;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.swaping-order:nth-of-type(5) {
    max-width: 50%;
    display: flex;
    float: left;
}

.swaping-order:nth-child(5) .row .col-lg-6 {
    width: 100% !important;
}

.swaping-order:nth-child(5) .row .col-lg-6 .payment-boxes{
    padding: 30px;
}

.swaping-order:nth-child(5) .row .bg-box {
    background-color: #fff !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    min-height: 350px;
}
.swaping-order:nth-child(6) .row {
    width: 100%;
    display: flow;
    margin: 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
}
.swaping-order:nth-child(6) .row .col-lg-6 {
    width: 100% !important;
}
.swaping-order:nth-child(6) .row .col-lg-6 .payment-boxes{
    padding: 30px;
}
.swaping-order:nth-child(6) .row h2{
    color: #000 !important;
}
.swaping-order:nth-child(6) .row .bg-box {
    background-color: #fff !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    min-height: 350px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 2rem 0;
    padding: 0;
}

.pagination .page-item {
    list-style: none;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    background: #fff;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.pagination .page-item .page-link:hover {
    background: #f8f0ff;
    color: #954adb;
    border-color: #954adb;
}

.pagination .page-item.active .page-link {
    background: #954adb;
    color: #fff;
    border-color: #954adb;
}

.pagination .page-item.disabled .page-link {
    background: #f5f5f5;
    color: #999;
    border-color: #e0e0e0;
    cursor: not-allowed;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-size: 18px;
    padding: 0 12px;
}

.swaping-order:nth-child(4) .row .border-r {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.swaping-order:nth-child(4) .row .border-r img {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.swaping-order:nth-child(5) .row {
    border-radius: 15px;
    margin: 0px 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.swaping-order:nth-child(5) .row .border-r {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.swaping-order:nth-child(5) .row img {
    border-bottom-left-radius: 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 325px;
    width: 100%;
    object-fit: cover;
}
.swaping-order:nth-child(5) .row .borer-l {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.swaping-order:nth-child(5) .row h2{
    color: #000 !important;
}

.margin-lr {
    margin: 30px 5px !important;
}

.inspection-text p {
    font-size: 22px !important;
    line-height: 1.4em !important;
    font-weight: 500 !important;
    margin-bottom: 1rem !important;
    color: #000000;
}

.inspection-main-ding {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 25px;
}

.inspection-text ul li {
    line-height: 26px;
    font-size: 16px;
}
.inspection-text ul li::first-letter {
    color: #954adb; /* Change color */
}
.inspection-h4 ul {
    margin-bottom: 30px;
}
.inspection-main-ding ul {
    margin-bottom: 20px !important;
}
.inspection-main-ding .list-area ul {
    margin-bottom: 0 !important;
}

.inspection-last-box .bottom-text::first-letter {
    color: #000 !important;
}
.logistic-source p {
    text-align: center !important;
}
/* .purchasing-art .bold {
    margin-top: 25px;
} */
.logistic-source p {
    text-align: center !important;
    font-weight: 500 !important;
}
.roll-on-section p {
    text-align: center !important;
}
.additional-shipping-details p {
    text-align: left !important;
}
.fees-content p {
    text-align: left !important;
}

.how-bid-one p {
    color: #fff !important;
    text-align: left !important;
}
.buy-stock-cars p {
    color: #000 !important;
}
.swaping-order .row{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
}



/* 07 11 2024 */

/* New structure CSS */
/* @media (min-width: 1400px) {
    .main-section .container,
    .main-section .container-lg,
    .main-section .container-md,
    .main-section .container-sm,
    .main-section .container-xl,
    .main-section .container-xxl {
        max-width: 1290px;
    }
} */


/* Button */
.main-section .btn-wrap {
    position: relative;
    display: flex;
    vertical-align: middle;
    gap: 10px;
}
.main-section .btn-wrap > .btn, .main-section .btn-wrap > #request_hd_image, .main-section .btn-wrap > #auction_favarite, .main-section .btn-wrap > #auction_remove_favarite{
    position: relative;
    flex: 1 1 160px;
}



.main-section .btn {
    padding: 9px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 6px;
    align-content: center;
}
.main-section .btn-sm {
    padding: 5px 25px;
}
.main-section .btn-lg {
    padding: 12px 40px;
    font-size: 18px;
    line-height: 24px;
}
.main-section .menu-hamburger {
    padding: 9px 13px;
}

.main-section .btn-primary {
    background-color: #954ADB;
    color: #fff;
    border-color: #954ADB;
    border-width: 2px;
}
.main-section .btn-primary:hover {
    background: #260E58;
    border-color: #260E58;
}

.main-section .btn-outline-primary, .main-section .dropdown-item.btn-outline-primary{
    border-width: 2px;
    border-color: #954ADB;
    color: #954ADB;
}
.main-section .dropdown-item.btn-outline-primary{
    border: 2px solid #954ADB!important;
}
.main-section .btn-outline-primary:hover, .main-section .dropdown-item.btn-outline-primary:hover{
    background-color: #954ADB;
    color: #fff;
}

.main-section .btn-status-change {
    background-color: #db4f4f;
    color: #ffffff;
    border-color: #db4f4f;
    border-width: 2px;
}
.main-section .btn-status-change:hover {
    background-color: #bc3434;
    color: #fff;
    border-color: #bc3434;
    border-width: 2px;
}

.main-section .ab-wrap .ab-btn-wrap .btn {
    font-size: 12px;
}

.search-keyward.update-search .btn {
    width: auto;
    height: 42px;
}


/* Header */
.main-section .header-top p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}



/* Box Crad */
.auction-box {
    padding: 6px 0px 8px;
}
.main-section .aution-bid-box:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}
.main-section .aution-bid-box p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6f6f6f;
    text-align: right;
    margin-bottom: 0;
}
.main-section .ab-wrap .aution-checbox-wrap label {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 18px;
}
.main-section .product-info p {
    margin-bottom: 0;
}


.main-section .header-top span {
    line-height: 16px;
}

.main-section input.form-control, .main-section select.form-control, .main-section text.form-control, .main-section textarea.form-control{
    border-radius: 5px;
    border:1px solid #959595;
    font-size: 14px;
    color: #5F5F5F;
}


.small-car-imgs .owl-stage {
    /* display: block; */
    width: 100% !important;
    /* display: flex;
    flex-wrap: wrap; */
    gap:5px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    transform: none !important;
}
.small-car-imgs .owl-stage .owl-item {
    border-radius: 10px !important;
    overflow: hidden;
    width: 100% !important;
    height: 122.34px;
    box-shadow: 0px 0px 0px 1px #dddddd;
    cursor: pointer;
    transition: all 0.3s;
}
.small-car-imgs .owl-stage .owl-item.current, .small-car-imgs .owl-stage .owl-item:hover {
    box-shadow: 0px 0px 0px 2px #954ADB;
}
.small-car-imgs .owl-stage .item-img {
    height: 122.34px;
    width: 100%;
}
.small-car-imgs .owl-stage .item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 991px) {
    .certified {
        text-align: left !important;
    }
    .certified img {
        margin-left: 0 !important;
        margin-right: inherit !important;
    }
}

@media only screen and (max-width: 767px) {
    .certified {
        display: flex;
        flex-wrap: nowrap;
        width: auto;
        align-items: center;
        gap: 20px;
        margin: 0 !important;
        text-align: left !important;
    }
    .home-listing{
        padding-top: 40px;
    }
}


@media only screen and (max-width: 575px) {
    .main-section .product-wrap {
        margin-bottom: 0px !important;
    }
    .main-section .product-image span{
        display: none;
    }
    .main-section .product-image > div {
        width: 30%;
    }
    .main-section .product-info {
        margin-bottom: 0px;
    }
    .main-section .product-name h6 {
        margin-bottom: 0px;
    }
    .main-section .product-dec {
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin-bottom: 10px;
    }
    .main-section .product-buttons {
        width: 100%;
    }
    .main-section .product-dec h6 {
        font-size: 12px;
        line-height: 16px;
    }
}

input.parsley-error, select.parsley-error, textarea.parsley-error {
    background-color: #f2dede!important;
    border: 1px solid #eed3d7!important;
}

.top-status .deposit{
    background-color: #60d76c;
    background: #60d76c !important;
    border-color: #60d76c !important;
    color:#ffffff !important;
  }
  .top-status .deposit h4, .top-status .outstanding h4, .top-status .outstanding h6, .top-status .deposit h6{
    color:#ffffff !important;
  }
  .top-status .deposit .coin{
    background: #ffffff !important;
    color:#60d76c !important;
  }

  .top-status .outstanding{
    background-color: #ff6c6e;
    background: #ff6c6e !important;
    border-color: #ff6c6e !important;
  }
  .top-status .outstanding .coin{
    background: #ffffff !important;
    color:#ff6c6e !important;
  }
  .form-select,
  .form-control,
  .input-group-text,
  .btn,
  #kt_body .form-select,
  #kt_body .form-control,
  #kt_body .input-group-text,
  #kt_body .btn {
      border-radius: 0 !important;
  }

  .admin-dashboard-menu-wrapper .menu-item button {
    border-radius: 0 !important;
}