:root{
    --dark-red: #FD273B;
    --dark-blue: #0B2741;
    --black: #000000;
    --gray: #8CA1B1;
    --green:#34D02C;
    --yellow: #F5C34B;
    --light-gray: #626974;
}
.xl-show,
.lg-show,
.md-show,
.sm-show{
    display: none;
}
.border-shadow{
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.bg-red{
    background: var(--dark-red);
}
.bg-green{
    background: var(--green);
}
.bg-yellow{
    background: var(--yellow);
}
.bg-dark-blue{
    background: var(--dark-blue);
}
.less-padding{
    padding-top: 40px;
    padding-bottom: 40px;
}
.less-padding.no-padding-b{
    padding-bottom: 0;
}

.less-padding.less-padding-b{
    padding-bottom: 20px;
}
table tr td{
    font-size: 14px;
}
.pv-only{
    display: none;    
}
.text-light-g{
    color: var(--light-gray);
}
.text-black{
    color: #111111;
}
.text-para{
    color: #666666;
}
.text-white{
    color: #ffffff;
}
.text-yellow{
    color: var(--yellow);
}
.text-green{
    color: var(--green);
}
.text-dark-blue{
    color: var(--dark-blue);
}
.text-red{
    color: var(--dark-red);
}
.text-left-center{
    text-align: left;
}
.text-right-center{
    text-align: right;
}
.text-center-left{
    text-align: center;
}
.text-center-right{
    text-align: center;
}
.text10px{
    font-size: 10px;
}
.text11px{
    font-size: 11px;
}
.text12px{
    font-size: 12px;
}
.text14px{
    font-size: 14px;
}
.text16px{
    font-size: 16px;
}
.text17px{
    font-size: 17px;
}
.text18px{
    font-size: 18px;
}

/*================================================
Banner Area CSS
=================================================*/
.beacon-slide{
    /* width: 100%; */
    height: 200px;
    aspect-ratio: 3/2;
    /* update the 85% to control the curvature
       you can also update the 50% to control the position
    */
    clip-path: ellipse(85% 100% at 50% 0%);
    background: #CC2A41;
}
.home-tab{
    background: var(--dark-blue);
}
.banner-area-1{
    border: 1px solid #ffffff;
    padding: 20px 10px;
    border-radius: 10px;
}

/* home tabs  */
.banner-area-1.first-tab{
    position: relative;
    background: linear-gradient(120deg, rgb(11, 39, 65)0%, rgb(11, 39, 65)25%, rgb(253, 39, 59)100%), url(../images/background/banner2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-area-1.second-tab{
    background: linear-gradient(rgba(11, 39, 65, 0.5), rgba(11, 39, 65, 0.5),  rgba(11, 39, 65, 0.5)), url(../images/background/bue.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}
.banner-area-1.third-tab{
    background: linear-gradient(rgba(11, 39, 65, 0.5), rgba(11, 39, 65, 0.5),  rgba(11, 39, 65, 0.5)), url(../images/background/logistic-service-concept.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-area-1.fourth-tab{
    background: linear-gradient(rgba(11, 39, 65, 0.5), rgba(11, 39, 65, 0.5),  rgba(11, 39, 65, 0.5)), url(../images/background/inner-pagebg4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* home banner */
.banner-area-1 .first-slide{
    color: #ffffff;
    height: 100%;
}
.banner-area-1 .first-slide{
    display: flex;
    align-items: center;
}
.banner-area-1 .first-slide .title{
    color: #ffffff;
    margin-bottom: 30px;
    text-align: left;
    word-wrap: break-word;
    text-transform: capitalize;
}
.banner-area-1 .first-slide .title span{
    color: var(--dark-red);
}
.banner-area-1 .first-slide p{
    color: #ffffff;
    opacity: 0.8;
    text-align: left;
    line-height: 28px;
    margin-bottom: 40px;
    font-size: 18px;
}
.banner-area-1 .first-slide .links{
    margin-bottom: 40px;
    display: flex;
    gap: 30px;
}
.banner-area-1 .first-slide .links a{
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
    color: #ffffff;
    width: 50%;
    padding: 7px 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.banner-area-1 .first-slide .links a:first-child{
    background: var(--dark-red);
}
.banner-area-1 .first-slide .links a:last-child{
    border: 1px solid #ffffff;
}
.banner-area-1 .second-slide{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-left: 20px;
}
.banner-area-1 .second-slide .content{
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.banner-area-1 .second-slide .content .overlay{
    content: "";
    position: absolute;
    border-top-left-radius: 30%;
    border-top-right-radius: 30%;
    transform: skew(25deg);
    width: 200px;
    height: 200px;
    left: 0;
    bottom: 0;
    background: rgb(255, 255, 255, 0.2);
    display: none;
}
.banner-area-1 .second-slide .content .thumb img{
    height: 280px;
}
.banner-area-1 .second-slide .info{
    padding: 10px 20px;
    background: #ffffff;
    width: 100%;
    position: relative;
    border-radius: 10px;
    transform: translateY(-50px);
}
.banner-area-1 .second-slide .info:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
    left: 2%;
    background: var(--dark-red);
}
.banner-area-1 .second-slide .info h4{
    color: var(--dark-blue);
}
.banner-area-1 .second-slide .info h4,
.banner-area-1 .second-slide .info p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
}
.banner-area-1 .second-slide .info p{
    margin: 0;
}
.banner-area-1 .second-slide .info h4 .price{
    color: var(--dark-red);
    font-weight: 500;
}
.banner-area-1 .third-slide{
    margin-top: 30px;
}
.banner-area-1 .third-slide .contents{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-area-1 .third-slide .contents .first-cover,
.banner-area-1 .third-slide .contents .second-cover{
    width: 50%;
}
.banner-area-1 .third-slide .contents .first-cover h3{
    color: #ffffff;
    font-size: 21px;
}
.banner-area-1 .third-slide .second-cover{
    border-left: 2px solid #ffffff;
    padding-left: 20px;
}
.banner-area-1 .third-slide .second-cover .mc-cert{
    padding: 10px 0 10px 25px;
    background: rgb(255, 255, 255, 0.2);
    color: #ffffff;
    font-weight: 550;
    border-radius: 10px;
    font-size: 16px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.banner-area-1 .third-slide .second-cover .mc-cert i{
    font-size: 34px;
}

/*================================================
Register
=================================================*/
.sign_up_form form .form-group label{
    color: #585555;
    font-size: 16px;
    font-weight: 500;
}
.sign_up_form form .form-group.flex{
    display: flex;
}
.sign_up_form form .form-group.flex span{
    width: 20%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ea868f;
    background: #f8d7da;
}
.sign_up_form form .form-group .form-control,
.sign_up_form form .form-group .form-select{
    height: 48px;
    padding: 0 16px;
    line-height: initial;
    color: #0d1820;
    background-color: transparent;
    border: 1px solid #cecfdf;
    border-radius: 12px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    font-size: 14px;
    font-weight: 400;
}
.sign_up_form .form-group .form-control.width-80{
    width: 80%;
}

#id_certificate_image, .sign_up_form form #id_attachments{
    padding: 9px;
    border: 1px solid #cecfdf;
    border-radius: 5px;
    width: 100%;
}
.add-another{
    padding: 1px 10px;
    background: var(--green);
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}
.align-space-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign_up_form form button[type="submit"],
#contact_form button{
    display: inline-block;
    width: 190px;
    padding: 10px;
    background: var(--yellow);
    color: var(--black);
    font-size: 18px;
    border: none;
    transition: all .2s ease-in-out;
    outline: none;
    border-radius: 25px;
}
.sign_up_form form button[type="submit"]:hover,
#contact_form button:hover{
    background: var(--green);
    color: #ffffff;
}
.btn.form-btn{
    display: inline-block;
    width: 190px;
    background: var(--dark);
    padding: 8px;
    border: none;
    outline: none;
    border-radius: 5px;
    color: #ffffff;
}
form .form-group small.text-danger{
    font-size: 14px;
}
.shop_item_cart_btn button,
.shop_item_cart_btn a{
    border-radius: 25px;
}
.sign_up_form form button.round{
    border-radius: 40px;
}
/*================================================
Contact Area CSS
=================================================*/
.contact-area {
    background: var(--bg-gray);
}
.contact-inner {
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
    box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
    padding: 50px 30px;
    margin-top: 20px;
}
.contact-form h3 {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 500;
}
.contact-form form .row {
    margin-left: -7px;
    margin-right: -7px;
}
.contact-form form .row .col-lg-6, .contact-form form .row .col-lg-12 {
    padding-left: 7px;
    padding-right: 7px;
}
.contact-form form .form-group {
    margin-bottom: 15px;
}
.contact-form form .form-group label{
    color: #585555;
}
.contact-form form .form-control {
    height: 48px;
    padding: 0 15px;
    line-height: initial;
    color: #0d1820;
    background-color: transparent;
    border: 1px solid #cecfdf;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    font-size: 14px;
    font-weight: 400;
}
.contact-form form .form-control:focus {
    border-color: var(--dark-blue);
}
.contact-form form .form-control::-webkit-input-placeholder {
    color: #999999;
}
.contact-form form .form-control:-ms-input-placeholder {
    color: #999999;
}
.contact-form form .form-control::-ms-input-placeholder {
    color: #999999;
}
.contact-form form .form-control::placeholder {
    color: #999999;
}
.contact-form form textarea.form-control {
    height: auto !important;
    padding-top: 15px;
}
.contact-form .with-errors ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 0;
}
.contact-form .with-errors ul li {
    color: red;
}
.contact-form #msgSubmit {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}
.contact-form #msgSubmit.text-danger {
    margin-top: 20px !important;
    font-family: "Poppins", sans-serif;
}
.contact-info {
    text-align: center;
}
.contact-info .inner{
    background: #ffffff;
    padding: 30px 20px;
}
.contact-info .inner .info{
    padding: 20px 10px;
}
.contact-info .inner .info h5{
    color: var(--dark);
}
.contact-info .inner .info i{
    font-size: 24px;
    margin-bottom: 15px;
    color: var(--dark);
}

/* form error styling */
.sign_up_form  form .form-group .form-control.has-error,
.sign_up_form form .form-group .form-select.has-error{
  border: 1px solid red;
}
#contact_form .form-group .form-control.has-error,
#contact_form .form-group .form-check .form-check-input.has-error{
  border: 1px solid red;
}
#contactForm .form-group .form-control.has-error,
#contactForm .form-group .form-check .form-check-input.has-error{
  border: 1px solid red;
}
#shipping-form .form-group textarea.form-control{
  height: 90px;
}


#create-store-form form .form-group .form-control.has-error,
#create-store-form form .form-group .form-select.has-error,
#create-store-form form .form-group input[type="file"],
#shipping-form .form-group .form-control.has-error,
#shipping-form .form-group .form-select.has-error{
  border: 1px solid red;
}

/* Empty Box */
.empty-box{
    width: 100%;
    position: relative;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    text-align: center;
    padding: 30px 10px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.empty-box img{
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
}
.empty-box a{
    display: inline-block;
    width: 210px;
    padding: 5px 10px;
    background: var(--dark-blue);
    color: #ffffff;
    border-radius: 10px;
    cursor: pointer;
}
.empty-box p{
    font-size: 14px;
}
/* End Empty Box */

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area{
    position: relative;
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
}

.page-title-area.item-bg-1 {
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5),rgba(0,0,0,.5)), url(../images/background/bue.jpg);
}
.page-title-area.item-bg-2 {
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5),rgba(0,0,0,.5)), url(../images/background/bue.jpg);
}

.page-title-content h2 {
    color: #ffffff;
    font-size: 45px;
}

.page-title-content p {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0;
}

/* shops */
table{
    width: 100%;
}
table tr td{
    padding: 3px 0;
}
.shop-area .inner.stylish{
    padding-top: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.shop-area .filter-container{
    margin-bottom: 40px;
}
.shop-area .toogle-filter-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.shop-area .shop-filter{
    padding: 15px 10px 0 10px;
    border-radius: 10px;
    display: none;
}
.shop-area .shop-filter form .form-group .form-control{
    height: 44px;
}
.shop-area .shop-filter form .form-group .form-control::placeholder{
    font-size: 16px;
}
.shop-area .shop-filter form .form-group button{
    width: 100%;
    cursor: pointer;
}

/* cart section */
.cart-section{
    padding-top: 50px;
    padding-bottom: 60px;
}
.cart-section .inner{
    padding: 20px 10px;
    border-radius: 5px;
}
.cart-section .products .product-card{
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 10px;
    background-color: #fafafa;
}
.cart-section .products .product-card.saved-for-later{
    background: transparent;
    padding: 18px 0;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
.cart-section .products .product-card .main-content{
    width: 100%;
    display: flex;
}
.cart-section .products .product-card .product-img{
    width: 40%;
    height: 100px;
    position: relative;
}
.cart-section .products .product-card .product-img img{
    width: 100%;
    height: 100%;
}
.cart-section .products .product-card .product-img span{
    position: absolute;
    left: -8px;
    top: -8px;
    background: var(--black);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.cart-section .products .product-card .product-img span i{
    line-height: 28px;
}
.cart-section .products .product-card .product-img img{
    width: 100%;
    height: 100%;
}
.cart-section .products .product-card .info{
    width: 60%;
    padding: 0 10px 0 20px;
}
.cart-section .products-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 20px;
}
.cart-section .products-links a{
    display: inline-block;
    width: 210px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
}
.cart-section .products-links a:first-child{
    background: var(--black);
}
.cart-section .products-links a:last-child{
    background: var(--dark-red);
}
.cart-section .products .product-card .links{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-section .products .product-card .links.block{
    display: inline-block;
    margin-top: 10px;
}
.cart-section .products .product-card .links a{
    display: inline-block;
    padding: 8px 0;
    color: #ffffff;
    width: 170px;
    text-align: center;
    border-radius: 5px;
    transform: scale(1);
    transition: all .3s;
}
.cart-section .products .product-card .links a,
.cart-section .products .product-card .links a{
    border-radius: 20px;
}
.cart-section .products .product-card .links a.first-link{
    background: #f4f5f6;
    color: #333;
    border: 1px solid #333;
}
.cart-section .products .product-card .links a.second-link{
    background: #ffffff;
    color: #333;
    border: 1px solid var(--black);
}
.cart-section .products .product-card .links.block a{
    background: #f4f5f6;
    color: #666666;
    border: 1px solid #666666;
}
.cart-section .products .product-card .links.block a:last-child{
    margin-left: 10px;
}
.cart-section .products .product-card .links .quantity{
    background: #ffffff;
    width: 170px;
    border: 1px solid #333;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-section .products .product-card .links .quantity input{
    width: 40%;
    border: none;
    outline: none;
    text-align: center;
}
.cart-section .products .product-card .links .quantity .add,
.cart-section .products .product-card .links .quantity .subtract{
    color: var(--black);
    border: none;
    cursor: pointer;
    text-align: center;
    width: 30%;
    font-size: 24px;
}
.cart-section .products .product-card .links .quantity .add{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: 1px solid #333;
}
.cart-section .products .product-card .links .quantity .subtract{
    border-top-left-radius: 15px;
    border-right: 1px solid #333;
    border-bottom-left-radius: 15px;
}
.cart-section .cart-card{
    border: 1px solid rgba(51, 51, 51, 0.1);
    padding: 20px 15px;
    border-radius: 10px;
    background-color: #ffffff;
}
.cart-section .cart-card .card-item{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cac6c6;
}
.cart-section .cart-card .order-total{
    border-bottom: none;
}
.cart-section .cart-card .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
.cart-section .inner .top-checkout-btn a,
.cart-section .cart-card .btn a{
    display: inline-block;
    width: 270px;
    outline: none;
    text-align: center;
    border: none;
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 25px;
    background: var(--yellow);
    color: var(--black);
}
.cart-section .inner .top-checkout-btn a:hover,
.cart-section .cart-card .btn a:hover{
    background: var(--green);
    color: #ffffff;
}
/* checkout section */
.checkout-section .inner{
    padding: 20px;
    border-radius: 5px;
    background: #ffffff;
}
.checkout-section .inner .add-btn{
    position: relative;
    padding-bottom: 25px;
}
.checkout-section .inner .add-btn::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #333;
}
.checkout-section .inner .add-btn button{
    display: inline-block;
    padding: 5px 25px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid rgba(51, 51, 51, 0.3);
    color: var(--dark-red);
    text-align: center;
}
.checkout-section .inner form button{
    width: 210px;
    background-color: var(--yellow);
    color: var(--black);
    border: none;
    padding: 5px 10px;
    text-align: center;
    border-radius: 25px;

}
.checkout-section .inner form button:hover{
    background-color: var(--green);
    color: #ffffff;
}
.checkout-section .inner .shipping-address-form{
    border-bottom: 1px solid rgba(51, 51, 51, 0.3);
    padding-bottom: 30px;
    display: none;
}
.relative-pos{
    position: relative;
}
.relative-pos .display-cities-block{
    position: absolute;
    content: "";
    left: 0;
    top: 47px;
    width: 100%;
    max-height: 300px;
    background-color: #ffffff;
    padding: 10px;
    overflow-y: auto;
    display: none;
    border-radius: 10px;
}
.relative-pos .display-cities-block ul li{
    cursor: pointer;
    border-bottom: 1px solid rgba(51, 51, 51,0.4);
    font-size: 14px;
    color: #666666;
    padding: 5px 0;
}
.payment-final .other-info .shipping-address .address,
.checkout-section .inner .shipping-address .address{
    border: 1px solid rgba(51, 51, 51, 0.4);
    padding: 20px 15px;
    border-radius: 10px;
    cursor: pointer;
}
.payment-final .other-info .shipping-address .address.selected,
.checkout-section .inner .shipping-address .address.selected{
    /* background-color: #34D02C; */
    background-color: #53c54d;
    border: 2px solid green;
}
.payment-final .other-info .shipping-address .address p span.text-black,
.checkout-section .inner .shipping-address .address p span.text-black{
    color: var(--black);
}
.checkout-section .inner .shipping-address .reseller-box{
    background-color: #FFFBDB;
    padding: 10px;
    border-radius: 10px;
}
.checkout-section .inner .shipping-address .reseller-box p{
    color: #333;
}
.checkout-section .inner .shipping-address .reseller-box label{
    height: 23px;
    width: 23px;
    border-radius: 5px;
    color: transparent;
    background-color: #ffffff;
    display: flex;
    border: 1px solid var(--yellow);
    align-items: center;
    justify-content: center;
}
.checkout-section .inner .shipping-address .reseller-box label.checked{
    color: #ffffff;
    background-color: var(--yellow);
}
.checkout-section .inner .order-summary{
    background-color: #ffffff;
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 20px;
    border-radius: 10px;
}
.checkout-section .inner .order-summary .items .item{
    padding: 5px;
    display: flex;
    border-radius: 5px;
}
.checkout-section .inner .order-summary .items .item .img img{
    min-width: 130px;
    min-height: 120px;
    width: 130px;
    height: 120px;
}
.checkout-section .inner .order-summary .items .item .info{
    padding-left: 15px;
}
.checkout-section .inner .order-summary .items .item .info .price table td strong{
    color: var(--dark);
}
.checkout-section .inner .order-summary .order-total{
    margin-bottom: 20px;
}
.checkout-section .inner .order-summary .order-total .total{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    justify-content: space-between;
}
.checkout-section .inner .order-summary .order-total .total strong{
    color: var(--dark);
}
.checkout-section .inner .order-summary .link,
.checkout-section .inner .billing-form .link{
    margin-top: 30px;
}
.checkout-section .inner .order-summary .link button,
.checkout-section .inner .billing-form .link button{
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border: none;
    outline: none;
    text-align: center;
    background: var(--yellow);
    color: var(--black);
    border-radius: 20px;
    transition:  all .3s;
}
.checkout-section .inner .order-summary .link button:hover,
.checkout-section .inner .billing-form .link button:hover{
    background: var(--yellow);
}
.checkout-section .inner .order-summary .payment-options{
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
}
.checkout-section .inner .order-summary .payment-options .title{
    margin-bottom: 20px;
    color: var(--dark);
    font-weight: bold;
    position: relative;
}
.checkout-section .inner .order-summary .payment-options .title::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -30%;
    background: rgba(102, 102, 102, .4);
}
.checkout-section .inner .order-summary .payment-options .form-check{
    margin-top: 15px;
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-label{
    margin-left: 20px;
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-label h6{
    font-weight: 500;
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    position: relative;
    top: -4px;
    border: 1px solid var(--light);
}
.checkout-section .inner .order-summary .payment-options .form-check .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: var(--dark);
}

/* payment section */
.payment-final .stripe-btn{
    padding: 7px 10px;
    background-color: var(--green);
    border: none;
    color: #ffffff;
    border-radius: 25px;
    width: 270px;
}
.payment-methods{
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.payment-final .other-info{
    border: none;
    padding-bottom: 0;
}
.payment-methods button,
.payment-final .other-info button{
    border: 1px solid rgba(51, 51, 51, 0.2);
    background: #ffffff;
    color: var(--dark-red);
    padding: 4px 35px;
    display: block;
    margin-bottom: 15px;
    border-radius: 8px;
}
.payment-methods .hide,
.payment-final .other-info .hide{
    display: none;
}
.payment-methods .method-of-payment{
    padding: 15px 10px;    
}
.method-of-payment .form-group{
    display: flex;
    align-items: center;
    gap: 15px;
}
.payment-methods .method-of-payment div i{
    font-size: 30px;
    padding: 5px 7px;
    color: var(--green);
    border: 1px solid var(--green);
    border-radius: 5px;
}
.payment-final .order-item{
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}
.payment-final .order-item .delivery-options .delivery-option .form-group input[type="radio"]{
    border: 1px solid var(--green);
    height: 20px;
    width: 20px;
    margin-right: 15px;
}
.payment-final .order-item .delivery-options .see-more{
    border-bottom: 1px solid var(--green);
}
.payment-final .order-item .item .top{
    display: flex;
}
.payment-final .order-item .item .top .thumb{
    width: 40%;
}
.payment-final .order-item .item .top .thumb img{
    width: 100%;
    height: 140px;
}
.payment-final .order-item .item .top .desc{
    width: 60%;
    padding-left: 20px;
}
/*================================================
 product list
=================================================*/
.shop-product{
    display: flex;
    padding: 8px;
    background: #ffffff;
    cursor: pointer;
}
.shop-product .thumb{
    width: 40%;
    height: 200px;
}
.shop-product .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shop-product .details{
    width: 60%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.shop-product .details .title a{
    font-size: 21px;
}
.shop-product .details .price-range .price span{
    font-size: 18px;
    font-weight: 500;
}
.shop-product .details .links select{
    border-radius: 20px;
    margin-top: 10px;
}
.product-filter .filter-btns button{
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 15px;
    border-radius: 5px;
    width: 50%;
    color: #333;
    font-size: 18px;
}
.product-filter form button[type="submit"]{
    width: 100%;
    padding: 10px 5px;
    background: var(--black);
    color: #ffffff;
    border: none;
    border-radius: 5px;
}
.product-filter .filter-btns{
    display: flex;
    gap: 10px;
}
.product-filter .product-filter-body .inner,
.product-filter .product-sort-by-body .inner{
    padding: 20px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}
.product-filter .filter-options-body .sort-by .form-group .form-check-input{
    height: 20px;
    width: 20px;
}
.product-filter .single-filter-check-box ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-filter .single-filter-check-box ul li{
    flex-basis: calc(33.33% - 5px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51,0.2);
    color: var(--black);
}
.product-filter .single-filter-check-box ul li label{
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    cursor: pointer;
}
.product-filter .single-filter-check-box ul li.selected{
    background-color: var(--green);
}
.product-filter .form-group .form-control{
    height: 45px;
}
.product-filter .product-brand-filter .custom-brand{
    display: none;
}
.product-filter .hide-custom-filter span{
    cursor: pointer;
}
.product-filter-loader{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 440px;
    background: #ffffff;
}
/*================================================
 product details
=================================================*/
.single-product-title{
    margin-top: 40px;
    width: 100%;
    border-radius: 5px;
    padding: 1px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.single-product-title h2{
    font-weight: bold;
}
.single-products-section{
    margin-top: 30px;
    margin-bottom: 30px;
}
.media-share-btn{
    cursor: pointer;
}
.social-icon-section{
    position: relative;
}
.social-icon-section .social-icons{
    position: absolute;
    right: 0;
    bottom: -45px;
    padding: 10px 15px;
    background: #ffffff;
    display: none;
}
.social-icon-section .social-icons a{
    background: var(--black);
    padding: 5px 12px;
    width: 100%;
    height: 100%;
}
.social-icon-section .social-icons a i{
    color: #ffffff;
}
.single-products-section .inner{
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
}
.single-product-info{
    padding-top: 10px;
}
.single-product-info > div{
    margin-bottom: 10px;
}
.single-product-info .question-box h4{
    color: #000;
}
.single-product-info .question-box ul{
    padding-left: 20px;
}
.single-product-info .question-box ul li{
    list-style: disc;
}
.single-product-info .single-product-name .title,
.single-product-title .title{
    text-transform: capitalize;
}
.single-product-info .single-product-name .extra-info a{
    color: var(--black);
}
.single-product-info .single-product-name .extra-info p{
    font-size: 15px;
}
.single-product-info .single-product-price .price-box{
    display: flex;
    gap: 70px;
}
.single-product-info .single-product-price .price-box span.bold{
    font-weight: 500;
}
.single-product-info .single-product-price .price .price{
    font-weight: 600;
    font-size: 18px;
}
.price-tag span{
    font-size: 28px;
    font-weight: 600;
}
.price-tag.sm span{
    font-size: 22px;
}
.text-percent{
    font-size: 16px;
}
.single-product-info  .single-product-desc{
    margin-top: 30px;
}
.single-product-info .others .content-container .slide-toggle{
    cursor: pointer;
    color: var(--dark-blue);
}
.single-product-info .others .content-container .slide-content{
    display: none;
}
.single-product-info .others .content-container .slide-content .box{
    border: 1px solid var(--green);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px;
    margin-top: 20px;
}
.single-product-info .others .content-container .slide-content .box span i{
    font-size: 18px;
    background: var(--green);
    padding: 4px;
    border-radius: 50%;
    color: #ffffff;
}
.single-product-info .others .content-container .slide-content .box .info h4{
    font-weight: 500;
}
.single-product-info .others .content-container .slide-content .box .info h4,
.single-product-info .others .content-container .slide-content .box .info p{
    color: #000;
}
.single-product-info  .single-product-desc .others{
    margin-top: 20px;
}
.single-product-info .single-product-others table{
    width: 100%;
}
.single-product-info .single-product-others .main-title{
    margin-bottom: 0;
    padding: 10px 0;
    color: var(--black);
}
.single-product-info .single-product-others table tr td{
    padding: 5px 0;
}
.single-product-info .single-product-others table tr td:first-child{
    color: #626974;
}
.single-product-info .single-product-price .no-stock{
    font-weight: 450;
}

.single-product-info .tax-info{
    font-size: 16px;
    display: flex;
    align-items: center;
}
.single-product-info .tax-info i{
    color: #ffffff;
    font-size: 21px;
    background: var(--light-gray);
    border: 2px solid var(--light-gray);
    border-radius: 50%;
    margin-right: 8px;
}
.single-product-info .single-product-link{
    margin-top: 30px;
}
.single-product-info .single-product-link .stock{
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 130px;
    border-radius: 5px;
    padding: 0 10px;
    color: var(--black);
    background: #f3f4f5;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-product-info .single-product-link .quantity,
.single-product-info .pre-orders .links .quantity,
.single-product-info .bulk-orders .links .quantity{
    margin-top: 20px;
    width: 230px;
}
.single-product-info .single-product-link .quantity select,
.single-product-info .pre-orders .links .quantity select,
.single-product-info .bulk-orders .links .quantity select{
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #f3f4f5;
}
.single-product-info .single-product-link .btn,
.single-product-info .pre-orders .links .btn,
.single-product-info .bulk-orders .links .btn{
    display: block;
    width: 230px;
    padding: 10px 20px;
    border-radius: 50px;
    background: var(--black);
    margin-top: 20px;
    font-size: 18px;
    color: #ffffff;
    transform: scale(1);
    transition: all .4s ease-in-out;
}
.single-product-info .single-product-link #add-to-cart-btn{
    background: var(--yellow);
}
.single-product-info .single-product-link #add-qty-range-to-cart-btn{
    background: var(--yellow);
}
.single-product-info .single-product-link .notify-btn{
    background: var(--yellow);
}
.single-product-info .pre-orders .links #preorder-btn{
    background: var(--green);
}
.single-product-info .bulk-orders .links #bulk-btn{
    background: #ffffff;
    border: 1px solid #333;
    color: #111111;
}
.single-products-image-slider img{
    height: 380px;
    width: 100%;
}
.thumbnail-image-slider{
    margin-left: -3%;
    margin-right: -3%;
    padding: 5px 20px;
}
.store-detail-description-image-slider .inner,
.thumbnail-image-slider .thumbnail-image-slider-inner{
    padding: 0 5px;
}
.store-detail-description-image-slider .inner img,
.thumbnail-image-slider .thumbnail-image-slider-inner img{
    height: 100px;
    width: 100%;
}
/* home features */
.home-features .inner .single-item{
    margin-bottom: 20px;
}
.home-features .inner .single-item .thumb{
    width: 100%;
}
.home-features .inner .single-item .thumb img{
    width: 100%;
}
.home-features .inner .single-item .info{
    padding: 15px 10px;
    text-align: center;
}

/* power up */
.power-up .inner .heading{
    margin-bottom: 40px;
}
.power-up .inner .heading h2{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.power-up .inner .heading p,
.power-up .inner .base p{
    font-size: 18px;
}
.power-up .inner .base{
    margin-top: 40px;
}
.power-up .inner .heading h2::before{
    content: "";
    position: absolute;
    width: 60%;
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    background: var(--gray);
}
.power-up .inner .heading h2 span{
    color: var(--dark-red);
}
.power-up .inner .single-stud{
    margin-bottom: 20px;
}
.power-up .inner .single-stud .thumb{
    position: relative;
}
.power-up .inner .single-stud .thumb img{
    border-bottom-left-radius: 48px;
}
.power-up .inner .single-stud .thumb span{
    position: absolute;
    bottom: 0;
    left: -3px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 8px solid #ffffff;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
}
.power-up .more-info{
    background: linear-gradient(120deg, rgb(11, 39, 65)0%, rgb(11, 39, 65)35%, rgb(253, 39, 59)100%);
    padding: 15px;
    border-radius: 10px;
    margin-top: 40px;
}
.power-up .more-info .main{
    display: flex;
    align-items: center;
    justify-content: center;
}
.power-up .more-info h2{
    width: 100%;
    padding: 10px;
    font-weight: 550;
    border-radius: 5px;
    background: #ffffff;
    margin-bottom: 20px;
}
.power-up .more-info .image{
    width: 100%;    
}
.power-up .more-info .image img{
    width: 100%;
    border-radius: 5px;
}
.power-up .more-info .contents p{
    color: #ffffff;
    font-size: 21px;
}
.power-up .more-info-2{
    margin-top: 40px;
    border-radius: 10px;
    padding: 30px 10px;
    background: whitesmoke;
}
.power-up .more-info-2 p{
    color: #333;
    font-size: 18px;
}
.power-up .more-info-s{
    margin-top: 60px;
}
.power-up .more-info-s .images{
    display:grid;
    grid-template-columns: 1fr 1fr;
}
.power-up .more-info-s .images .single-img{
    padding: 3px;
    width: 100%;
}
.power-up .more-info-s .images .single-img img{
    width: 100%;
    height: 170px;
    border-radius: 5px;
}
.power-up .more-info-s .description h3{
    font-weight: 500;
    color: var(--black);
}
.power-up .more-info-3 .description{
    padding-left: 30px;
}
.power-up .more-info-3 .description h3 span{
    color: var(--dark-red);
}
.power-up .more-info-4 .description h3 span{
    color: var(--green);
}
.power-up .more-info-s .description ul{
    padding-left: 20px;
}
.power-up .more-info-s .description ul li{
    list-style: disc;
    padding: 5px 0;
    font-size: 20px;
}
.features-breakdown .inner .sub-section{
    padding: 12px 0;
}
.features-breakdown .inner .sub-section span{
    background: #D92828;
    padding: 1px 10px;
    font-size: 19px;
    color: #ffffff;
    border-radius: 5px;
}
.features-breakdown .inner .sub-section p{
    font-size: 16px;
    margin-top: 15px;
}
.features-breakdown .caution-section{
    background-color: rgba(241, 163, 12, 0.3);
    padding: 20px;
    border-radius: 5px;
}
.features-breakdown .caution-section span{
    padding: 0 20px;
    padding-bottom: 5px;
    background: #FFA800;
    color: #ffffff;
    font-weight: 500;
    font-size: 24px;
    border-radius: 5px;
}
.features-breakdown .caution-section span img{
    height: 20px;
}
.features-breakdown .caution-section p{
    color: black;
    font-size: 16px;
}
.ohms-section{
    background: whitesmoke;
    border-radius: 5px;
    padding: 20px;
}
.features-breakdown .more-info .row,
.ohms-section .row{
    display: flex;
    align-items: center;
    justify-content: center;
}
.features-breakdown .more-info .image img,
.ohms-section .image img{
    width: 100%;
    height: 350px;
    border-radius: 10px;
}
.ohms-section .description p,
.features-breakdown .more-info .info p{
    font-size: 21px;
    line-height: 28px;
}
.features-breakdown .more-info .info,
.ohms-section .description{
    padding-right: 10px;
}


/* client reviews */
.reviews-section{
    /* background: var(--dark-blue); */
    background-image: url(../images/background/footer-bg-img-home2.png);
    background-position: 100% 100%;
    background-size: cover;
}
.reviews-section .heading{
    text-align: center;
    margin-bottom: 40px;
}
.reviews-section .heading h2{
    color: #ffffff;
}
.reviews-section .heading p{
    color: whitesmoke;
    font-size: 21px;
}
.reviews-section .review{
    background: #ffffff;
    padding: 30px 20px;
    margin: auto 10px;
    border-radius: 10px;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.reviews-section .review .info{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    margin-top: 30px;
}
.reviews-section .review .info img{
    height: 60px;
    width: 60px;
}

/* robust section */
.robust-container .partition-1 .single-item{
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.robust-container .partition-1 .single-item .image{
    width: 50%;
    height: 290px;
}
.robust-container .partition-1 .single-item .image img{
    width: 100%;
    height: 100%;
}
.robust-container .partition-1 .single-item .info{
    padding: 20px 10px 10px 20px;
    width: 50%;
}
.robust-container .partition-1 .single-item .info span{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-blue);
}
.robust-container .partition-1 .single-item .info button{
    border: none;
    border-radius: 20px;
    padding: 5px 25px;
    margin-top: 15px;
    background-color: #EDF4F6;
    color: var(--dark-blue);
}
.robust-container .partition-2{
    padding-top: 50px;
    position: relative;
}
.robust-container .partition-2 .row{
    display: flex;
    align-items: center;
}
.robust-container .partition-2 .image{
    position: relative;
}
.robust-container .partition-2 .image img{
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 80%;
}
.robust-container .partition-2 .image .img-1{
    width: 90%;
    z-index: -1;
}
.robust-container .partition-2 .image .img-2{
    position: absolute;
    width: 60%;
    z-index: 1;
    left: 45%;
    top: 68%;
    transform: translate(-50%, -50%);
}
.robust-container .partition-2 .desc h1 span{
    color: var(--dark-red);
}
/* advertise */
.advertising_page{
    padding: 50px 0;
}
.advertising_page .inner{
  
}
.advertising_page h2, .advertising_page h4{
    color: #333;
    font-weight: 550;
}
.advertising_page .inner{
    padding: 20px 15px;
    border-radius: 10px;
}  
.advertising_page .inner .adv_step{
    padding: 15px 0;
} 
.cartel-policy{
    padding: 50px 0;
    padding-bottom: 20px;
}

.cartel-policy .inner{
    border-radius: 10px;
    padding: 40px;
}
.cartel-policy .inner .top-section{

}
.cartel-policy .inner .sub-section{
    padding: 20px 0;
}
.cartel-policy .inner .sub-section h2,
.cartel-policy .inner .sub-section h3{
    color: #333;
    font-weight: 550;
}
.cartel-policy .inner .sub-section p{

}
.cartel-policy .inner .sub-section ul li{
    color: #777777;
}

/* payments */
.payment_page {
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin-top: 30px;
}
.payment_step {
    margin-bottom: 30px;
}
.form_title_step_2 {
    margin-bottom: 20px;
}
.form_title_step_2 h3 {
    color: #333;
}
.form_title_step_2 h3 i {
    margin-right: 10px;
    color: #009688;  
}
.box_styles_17, .box_styles_14 {
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.box_styles_17 h3, .box_styles_14 h4 {
    color: #333;
}
.box_styles_14 i {
    font-size: 48px;
    color: #009688; 
}
.box_styles_14 span {
    color: #009688;  
}
.box_styles_14 .btn_full_outline {
    background-color: #009688; 
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}
.box_styles_14 .btn_full_outline:hover {
    background-color: #00796b; 
}
#header-sm-acct-type{
    padding: 5px 0;
    font-weight: 500;
    color: #ffffff;
    display: none;
}
#header-lg-acct-type{
    padding: 5px 0;
    font-weight: 400;
    color: #ffffff;
    display: none;
}
.single-product-info-2{
    padding-top: 10px;
}
.single-product-info-2 > div{
    margin-bottom: 10px;
}
.single-product-info-2 .single-product-name-2 .title-2,
.single-product-title .title{
    text-transform: capitalize;
}
.single-product-info-2 .single-product-name-2 .extra-info-2 p{
    font-size: 15px;
}

.sales_ending{
    background-color: red;
    font-size: 15px;
    color: #ffffff;
    padding: 10px;
}
.nilight{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 0;
}
.nilight .inner{
    display: flex;
    align-items: center;
    gap: 20px;
}
.nilight .inner .more-info{
    display: flex;
    align-items: center;
    gap: 20px;
}
.nilight .inner .more-info span{
    font-weight: 500;
}
.nilight .inner .more-info span.yellow{
    color: var(--yellow);
}
.notify-section form .form-group .form-control{
    background: #f3f4f5;
    border-radius: 10px;
    height: 40px;
}
.notify-section form .form-group .form-control::placeholder{
    color: var(--black);
}
.notify-section .notify-btn-div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* reseller locator */
.locator-search-section{
    
}
.locator-search-section .inner{
    border: 1px solid rgb(51, 51, 51,0.1);
    padding: 20px;
    border-radius: 10px;
}
.locator-search-section .inner form .product-search{
    position: relative;
}
.locator-search-section .inner form .product-search .drop-down{
    position: absolute;
    z-index: 999;
    width: 100%;
    max-height: 600px;
    overflow-y: scroll;
    background: #ffffff;
    padding: 10px;
    margin-top: 10px;
    display: none;
    border-radius: 10px;
}
.locator-search-section .inner form .product-search .drop-down li{
    padding: 5px 0;
    cursor: pointer;
    border-bottom: 1px solid rgb(51, 51, 51,0.3);
}
.locator-search-section .inner form .product-search .drop-down li:last-child{
    border: none;
}
.locator-search-section .inner form .product-search .drop-down .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.locator-search-section .inner form .product-search .drop-down .item .image{
    display: flex;
    align-items: center;
    gap: 30px;
}
.locator-search-section .inner form .product-search .drop-down .item .image img{
    height: 80px;
    width: 100px;
}
.locator-search-section .inner form .product-search .drop-down .item span{
    margin-bottom: 10px;
}
.locator-search-section .inner form .product-search .drop-down .item span i{
    font-size: 26px;
}
.locator-search-section .inner form .radius{
    height: 48px;
    border: 1px solid #E5E6EB;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.locator-search-section .inner form .radius .flex-1,
.locator-search-section .inner form .radius .flex-3{
    width: 15%;
}
.locator-search-section .inner form .radius .flex-2{
    width: 70%;
}
.locator-search-section .inner form .radius .flex-1 button,
.locator-search-section .inner form .radius .flex-3 button{
    background: #f3f4f5;
    border-radius: 15px;
    width: 100%;
    border: none;
    text-align: center;
}
.locator-search-section .inner form .radius .flex-2{
    position: relative;
}
.locator-search-section .inner form .radius .flex-2 span{
    position: absolute;
    right: 5%;
}
.locator-search-section .inner form .radius .float-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.locator-search-section .inner form .radius input{
    width: 100%;
    border: none;
    padding-left: 10px;
}
.locator-search-section .inner form .radius input:focus{
    border: none;
    outline: none;
}
.locator-search-section .inner form .radius button i{
    color: var(--black);
    font-size: 10px;
}
.locator-search-section .inner form .seller-type{
    min-height: 48px;
    border: 1px solid #E5E6EB;
    padding: 10px;
    border-radius: 5px;
}
.locator-search-section .inner form .seller-type .main-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.locator-search-section .inner form .seller-type .drop-down ul li{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(51,51,51,0.1);
}
.locator-search-section .inner form .seller-type .drop-down ul li:last-child{
    border: none;
    padding-bottom: 0;
}
.locator-search-section .inner form .seller-type .drop-down ul li input{
    height: 15px;
    width: 15px;
    border: 1px solid #333;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}
.locator-search-section .inner form .seller-type .drop-down ul li input:checked{
    accent-color: var(--yellow);
}
.reseller-locations .locations .location{
    display: flex;
    background: #ffffff;
    border-radius: 10px;
}
.reseller-locations .locations .location .image{
    width: 30%;
    height: 200px;
}
.reseller-locations .locations .location .image img{
    width: 100%;
    height: 100%;
}
.reseller-locations .locations .location .desc{
    width: 70%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.reseller-locations .locations .location .desc .info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 50%;
}
.reseller-locations .locations .location .desc .info p{
    font-size: 16px;
}
.reseller-locations .locations .location .desc .next-layer{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}
.reseller-locations .locations .location .desc .next-layer .links button{
    border-radius: 5px;
    padding: 10px 20px;
    width: 190px;
}
.reseller-locations .locations .location .desc .next-layer .links button:first-child{
    background: var(--yellow);
    margin-right: 10px;
    border: 1px solid var(--yellow);
}
.reseller-locations .locations .location .desc .next-layer .links button:last-child{
    background: #ffffff;
    border: 1px solid var(--black);
}

/* styled form */
form.styled-input .form-group .form-control,
form.styled-input .form-group .form-select{
    background-color: #f3f4f5;
    height: 50px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.form-group .time-input-field{
    width: 100%;
    display: block;
    background-color: #f3f4f5;
    height: 50px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
form.styled-input .form-group input[type="file"]{
    background-color: #f3f4f5;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
form.styled-input .form-group textarea.form-control{
    height: 150px;
}
form.styled-input .form-group .form-label{
    color: #333333;
    font-size: 18px;
}
form.styled-input .form-group.reseller-label .form-label{
    font-size: 16px;
}
form.styled-input button[type="submit"]{
    width: 100%;
    padding: 10px;
}
#slider-range-value1,
#slider-range-value2{
  background-color: #E7EAEC;
  border-radius: 6px;
  color: #041E42;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0em;
  margin-top: -60px;
  padding: 8px 10px;
  text-align: center;
  width: 95px;
}
#slider-range-value1{
  float: left;
}
#slider-range-value2{
  float: right;
}
/* tire section */
.filter-by-container{
    margin-top: 10px;
    margin-bottom: 55px;
    display: none;
    background-color: #ffffff;
}
.filter-by-container .filter-by-title{
    background-color: rgba(117, 117, 117, 0.1);
    padding: 5px 10px;
}
.filter-by-container .filter-by-title h5{
    margin-bottom: 0;
}
.filter-by-container .filter-by-content{
    padding: 10px 10px 0 10px;
}
.filter-by-container .filter-by-content ul{
    display: flex;
    justify-content: space-between;
}
.filter-by-container .filter-by-content ul li{
    width: 50%;
    
}
.filter-by-container .filter-by-content ul li label{
    text-align: center;
    font-size: 12px;
    width: 100%;
    color: black;
    border-radius: 5px;
    border: 1px solid var(--green);
    background-color: #ffff;
}
.filter-by-container .filter-by-content ul li:first-child label{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.filter-by-container .filter-by-content ul li:last-child label{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.filter-by-container .filter-by-content ul li label.selected{
    background: var(--green);
    color: #fff;
}
.listed-tire-section{
    overflow: hidden;
}
.listed-tire-section .top-tire-search-bar .form-group{
    position: relative;
}
.listed-tire-section .top-tire-search-bar .form-group .form-control{
    width: 79%;
    height: 48px;
    background: #ffffff;
}
.listed-tire-section .top-tire-search-bar .form-group button{
    position: absolute;
    width: 20%;
    top: 0;
    right: 0;
    height: 48px;
    border: 1px solid var(--dark-blue);
    background: #ffffff;
    border-radius: 6px;
    color: var(--dark-blue);
}
.notification-specification{
    /* padding: 20px; */
}
.notification-history .heading,
.notification-specification .heading{
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.notification-specification .body-section .form-control,
.notification-specification .body-section .form-select{
    height: 46px;
}
.notification-specification .body-section form button[type="submit"]{
    background-color: #3460B2;
    color: #ffffff;
    border-radius: 6px;
    padding: 10px 20px;
    border: none;
    outline: none;
    width: 270px;
}
.notification-history .notifications .notification-item{
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.notification-history .notifications .notification-item .status span{
    text-transform: uppercase;
}
.notification-history .notifications .notification-item .status i{
    background-color: var(--green);
    padding: 3px;
    font-size: 8px;
    color: #ffffff;
    margin-left: 5px;
    transform: translateY(-4px);
}
.notification-history .notifications .notification-item .status.pending i{
    background-color: var(--yellow);
}
.notification-history .notifications .notification-item .icon i{
    border: 1px solid #3460B2;
    padding: 8px 10px;
    border-radius: 50%;
    color: #333333;
}
.notification-history .notifications .notification-item .more-info{
    display: none;
}
.notification-history .notifications .notification-item .toggle-more-info{
    cursor: pointer;
}
.listed-tire-section .main-container .tire-toogle-filters button{
    display: inline-block;
    border: none;
    outline: none;
    padding: 10px 0;
    border-radius: 6px;
    text-align: center;
}
.listed-tire-section .main-container .tire-toogle-filters a{
    display: inline-block;
    width: 100%;
    background-color: #3460B2;
    text-align: center;
    color: #ffffff;
    padding: 8px;
    border-radius: 5px;
}
.listed-tire-section .main-container .tire-toogle-filters button.notification{
    width: 50%;
    background-color: #3460B2;
    color: #ffffff;
}
.listed-tire-section .main-container .tire-toogle-filters button#toggle-all-filter{
    width: 50%;
    border: 1px solid rgb(51, 51, 51, 0.1);
}
.listed-tire-section .main-container .filter-side-left .custom-check-1 label{
}
.listed-tire-section .main-container .filter-side-left .custom-check-1 input[type="checkbox"]{
    margin-left: 15px;
}
.listed-tire-section .main-container .filter-side-right form .form-control,
.listed-tire-section .main-container .filter-side-left .form-group .form-control{
    height: 38px;
}
.listed-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon{
    position: relative;
}
.listed-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon .form-control{
    padding-left: 50px;
}
.listed-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon span{
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    width: 40px;
}
.listed-tire-section .main-container .filter-side-right form .form-control{
    background: #ffffff;
}
.listed-tire-section .main-container .filter-side-left .location .form-group{
    display: flex;
    gap: 10px;
}
.listed-tire-section .main-container .filter-side-left .location .form-group .form-control{
    width: 60%;
    height: 38px;
    font-size: 12px;
    background: #ffffff;
}
.listed-tire-section .main-container .filter-side-left .location .form-group .radius{
    width: 37%;
}
.listed-tire-section .main-container .filter-side-left .location .form-group .form-select{
    height: 38px;
    font-size: 11px;
}
.listed-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder{
    font-size: 11px;
}
.listed-tire-section .main-container .filter-side-left h5{
    font-size: 16px;
    color: var(--black);
}
.alignment-places-section .alignment-place{
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
}
.alignment-places-section .alignment-place.active{
    border: 1px solid var(--green);
}
.alignment-places-section .alignment-place .thumb{
    height: 150px;
    width: 100%;
}
.alignment-places-section .alignment-place .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.alignment-places-section .alignment-place label{
    background-color: #ffffff;
    padding: 3px 0 3px 20px;
    width: 100%;
    margin-right: 10px;
    border-radius: 5px;
    color: var(--black);
    border: 1px solid rgb(51, 51, 51, 0.1);
}
.alignment-places-section .alignment-place label.selected{
    background-color: var(--green);
    border: none;
    color: #ffffff;
}
.alignment-places-section button{
    border: none;
    outline: none;
    width: 100%;
    padding: 10px 0;
    background-color: var(--black);
    color: #ffffff;
    border-radius: 5px;
}
.listed-tire-section .main-container .filter-side-left .filter-box{
    margin-bottom: 20px;
}
.listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option,
.listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks .form-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks .form-group label{
    font-size: 14px;
    color: var(--black);
}
.listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks .form-group input{
    height: 16px;
    width: 16px;
}
.listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option i{
    visibility: hidden;
}
.listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option.ignore i{
    visibility: visible;
}
.listed-tire-section .main-container .filter-side-right .heading{
    font-weight: 550;
    color: #666666;
    border-bottom: 1px solid rgb(51, 51, 51, 0.3);
    padding-bottom: 10px;
}
.listed-tire-section .main-container .filter-side-left .title{
    font-weight: 550;
}
.listed-tire-section .main-container .filter-side-left .cost-per-tire .form-control{
    width: 50%;
    text-align: center;
}
.notification-specification .location .form-group{
    display: flex;
    justify-content: space-between;
}
.notification-specification .location .form-group input.form-control{
    width: 68%;
}
.notification-specification .location .form-group .radius{
    width: 29%;
}
.tire-brands .form-group{
    position: relative;
}
.dropdown-tire-size,
.dropdown-model,
.dropdown-brands{
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    z-index: 10;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    border-radius: 10px;
    display: none;
}
.dropdown-model ul li div,
.dropdown-tire-size ul li div,
.tire-brands .form-group .dropdown-model ul li div{
    border-bottom: 1px solid rgb(51, 51, 51,0.1);
    padding: 10px;
    cursor: pointer;
    width: 100%;
}
.dropdown-brands ul li div{
    border-bottom: 1px solid rgb(51, 51, 51,0.1);
    padding: 10px;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dropdown-model ul li div:hover,
.dropdown-brands ul li div:hover{
    background: rgb(51, 51, 51,0.1);
}
.dropdown-tire-size ul li div span,
.dropdown-model ul li div span,
.dropdown-brands ul li div span{
    color: #666666;
}
.dropdown-brands ul li div img{
    height: 30px;
    width: 120px;
}
.tire-brands .form-input{
    position: relative;
}
.tire-brands .form-input .form-control{
    padding-left: 50px;
}
.tire-brands .form-input span{
    position: absolute;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tire-brands .form-input span.float-right{
    right: 0;
    top: 0;
    padding: 0 10px;
    color: var(--black);
}
.tire-brands .form-input span.float-right::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 50%;
    left: 0;
    background-color: rgb(51, 51, 51, 0.3);
}
.tire-brands .form-input span.float-right:hover{
    color: var(--green);
}
.tire-brands .form-input span.float-left{
    left: 0;
    width: 40px;
}
.find-tires-btn button{
    width: 100%;
    border: none;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    background-color: var(--black);
    color: #ffffff;
}
.find-tires-btn button:hover{
    background: var(--gray);
}
.listed-tire-section .main-container .filter-side-right form .form-group label{
    font-weight: 550;
    margin-bottom: 8px;
}
.listed-tire-section .main-container .tire-head{
    display: flex;
    justify-content: flex-start;
}
.listed-tire-section .main-container .tire-head .right-side{
    display: flex;
}
.listed-tire-section .main-container .tire-head .right-side > a{
    padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
    color: #666666;
    border: 1px solid rgba(51, 51, 51, 0.1);
}
.listed-tire-section .main-container .tire-head .right-side .sort-by{
    position: relative;
    margin-left: 10px;
}
.listed-tire-section .main-container .tire-head .right-side .sort-by .top{
    cursor: pointer;
    font-size: 16px;
}
.listed-tire-section .main-container .tire-head .right-side .sort-by .body{
    position: absolute;
    background: #ffffff;
    z-index: 10;
    top: 90%;
    width: 210px;
    border-radius: 5px;
    display: none;
}
.listed-tire-section .main-container .tire-head .right-side .sort-by .body span{
    padding: 0 10px;
}
.listed-tire-section .main-container .tire-head .right-side .sort-by .body ul li{
    border-bottom: 1px solid rgb(51, 51, 51,0.3);
    cursor: pointer;
}
.listed-tire-section .main-container .tire-head .right-side .sort-by .body ul li a{
    padding: 3px 10px;
}
.listed-tire-section .main-container .tire-head .right-side .sort-by .body ul li a:hover{
    background-color: #f4f5f6;
}
.listed-tire-section .main-container .tires-by-size .tire .thumb{
    width: 100%;
    height: 150px;
    position: relative;
}
.listed-tire-section .main-container .tires-by-size .tire .thumb label.checkmark{
    position: absolute;
    right: 8%;
    top: 10%;
    background: #E7EAEC;
    height: 23px;
    width: 23px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.listed-tire-section .main-container .tires-by-brand .tire{
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
}
.listed-tire-section .main-container .tires-by-brand .tire label.checkmark{
    background: #E7EAEC;
    height: 23px;
    width: 23px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.listed-tire-section .main-container .tires-by-brand .tire .thumb img{
    height: 50px;
    width: 140px;
}
.listed-tire-section .main-container .tires-by-brand .tire label.checkmark i,
.listed-tire-section .main-container .tires-by-size .tire .thumb label.checkmark i{
    color: transparent;
}
.listed-tire-section .main-container .tires-by-brand .tire label.checkmark.checked i,
.listed-tire-section .main-container .tires-by-size .tire .thumb label.checkmark.checked i{
    color: red;
}
.regular-tire-card .thumb,
.listed-tire-section .main-container .tires .tire .thumb{
    width: 100%;
    height: 183px;
    margin-bottom: 12px;
}
.listed-tire-section .main-container .tires .tire.special .thumb{
    width: 100%;
    height: 140px;
    margin-bottom: 12px;
}
.regular-tire-card .thumb img,
.listed-tire-section .main-container .tires-by-size .tire .thumb img,
.listed-tire-section .main-container .tires .tire .thumb img{
    width: 100%;
    height: 100%;
}
.regular-tire-card .details p.stock,
.listed-tire-section .main-container .tires .tire .details p.instock{
    position: relative;
    padding-left: 10px;
}
.regular-tire-card .details p.stock::after,
.listed-tire-section .main-container .tires .tire .details p.instock::after{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--green);
    left: 0;
    top: 40%;
}
.regular-tire-card .details button,
.listed-tire-section .main-container .tires .tire .details button{
    width: 100%;
    background: var(--dark-blue);
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    border: none;
    outline: none;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item{
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .info{
    display: flex;
    gap: 10px;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .logo img{
    height: 50px;
    width: auto;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .info .thumb{
    width: 90px;
    height: 70px;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .info .thumb img{
    width: 100%;
    height: 100%;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item p{
    line-height: 15px;
    font-size: 12px;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .icons i{
    padding: 15px;
    border-radius: 5px;
    color: var(--dark-blue);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .base{
    
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .form-switch input{
    transform: translateX(10px);
    background-color: #F3F5F6;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    border: 1px solid #ebebeb;
    border-radius: 30px;
}
.listed-tire-section .main-container .filter-side-right .available-sellers .item .form-switch input:checked{
    background-color: #041E42;
}

/* Tire Form Styling */
.tire-seller-form{
    overflow-x: hidden;
}
.tire-seller-form .inner{
    padding: 20px 20px 0 20px;
    background-color: #ffffff;
}
.tire-seller-form .inner .heading{
    padding: 5px 20px;
}
.tire-seller-form .inner .heading h5{
    color: #ffffff;
    margin: 0;
}
.tire-seller-form .inner .main-container{
    padding: 30px 20px;
}
.tire-seller-form .inner .main-container form .form-step{
    display: none;
    animation: animate 0.5s;
}
.tire-seller-form .inner .main-container form .form-step.form-step-active{
    display: block;
}
.tire-seller-form .inner .main-container .progressbars{
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
}
.tire-seller-form .inner .main-container .progressbars::before,
.tire-seller-form .inner .main-container .progressbars .progress{
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    background: #f4f5f6;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.tire-seller-form .inner .main-container .progressbars .progress{
    width: 0;
    background: var(--dark-blue);
}
.tire-seller-form .inner .main-container .progressbars .progress-step{
    width: 35px;
    height: 35px;
    position: relative;
    border-radius: 50%;
    background: #f4f5f6;
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
}
.tire-seller-form .inner .main-container .progressbars .progress-step.active-step{
    background: var(--dark-red);
    color: white;
}
.tire-seller-form .inner .main-container .progressbars .progress-step::before{
    counter-increment: step;
    content: counter(step);
}
.tire-seller-form .inner .main-container .progressbars .progress-step::after{
    position: absolute;
    content: attr(data-title);
    bottom: -100%;
    left: 0;
    color: #666666;
    width: 150px;
}
.tire-seller-form .inner .main-container .progressbars .progress-step.active-step::after{
    color: var(--black);
    font-weight: 550;
}
.tire-seller-form .inner form .btn.add-more{
    border: 1px solid var(--dark-blue);
    padding: 8px 20px;
}
.tire-seller-form .inner .main-container form .form-group.price-ranging{
    display: flex;
    justify-content: space-between;
}
.tire-seller-form .inner .main-container form .form-group.price-ranging .pricing{
    width: 70%;
}
.tire-seller-form .inner .main-container form .form-group.price-ranging .pricing .pricing-box{
    display: flex;
    gap: 10px;
}
.tire-seller-form .inner .main-container form .form-group.price-ranging .qty-range{
    width: 28%;
}
.tire-seller-form .inner .main-container form .form-group.price-ranging .qty-range .qty-range-box{
    display: flex;
    gap: 5px;
    align-items: center;
}
.tire-seller-form .inner .main-container form .form-group.price-ranging label{
    font-weight: 550;
}
.tire-seller-form .inner form .form-group .form-select,
.tire-seller-form .inner form .form-group .form-control::placeholder{
    color: var(--black);
    font-size: 18px;
    color: #333333;
}

.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox li{
    display: inline-block;
    margin-right: 10px;
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-check-input:checked{
    background-color: var(--green);
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group{
    display: flex;
    gap: 10px;
    padding: 0 10px;
    position: relative;
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
    color: var(--black);
}
.tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 50%;
    top: 15%;
    right: 0;
    background: rgba(102, 102, 102, 0.5);
}
.tire-seller-form .inner form .form-step .final-step .form-group .form-input{
    position: relative;
}
.tire-seller-form .inner form .form-step .final-step .item{
    display: flex;
}
.tire-seller-form .inner form .form-step .final-step .item .thumb{
    width: 50%;
    height: 110px;
}
.tire-seller-form .inner form .form-step .final-step .item .thumb img{
    width: 100%;
    height: 100%;
}
.tire-seller-form .inner form .form-step .final-step .item .details{
    margin-left: 15px;
}
.tire-seller-form .inner form .form-step .final-step .form-group .form-input span{
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: center;
    top: 0;
}
.tire-seller-form .inner form .form-step .final-step .form-group .form-input span::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 75%;
    background: rgba(102, 102, 102, 0.5);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.tire-seller-form .inner form .form-step .final-step .price-summary{
    width: 50%;
}
.tire-seller-form .inner form .form-step .final-step .price-summary div{
    padding: 5px 0;
}
.tire-seller-form .inner form .form-step .final-step .price-summary div span{
    font-size: 20px;
}
.tire-seller-form .inner form .form-step .final-step .special-text{
    position: relative;
}
.tire-seller-form .inner form .form-step .final-step .special-text::before{
    content: "";
    position: absolute;
    width: 35%;
    height: 2px;
    background-color: var(--dark-red);
    left: 0;
    bottom: -10px;
}
.tire-seller-form .inner form .form-control.has-error,
.tire-seller-form .inner form .form-select.has-error{
    border: 1px solid var(--dark-red);
}
.tire-seller-form .inner form .btns{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.tire-seller-form .inner form .btns .next-btn,
.tire-seller-form .inner form .btns .submit-btn{
    background: var(--dark-blue);
    border-radius: 5px;
    border: none;
    display: inline;
    width: 170px;
    outline: none;
    color: #ffffff;
    padding: 10px;
}
.tire-seller-form .inner form .btns .next-btn i,
.tire-seller-form .inner form .btns .submit-btn i{
    font-size: 10px;
}

/* tire seller account */
.tire-seller-account .seller-title{
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.tire-seller-account .seller-info .seller-products{  
    overflow-x: auto;
}
.tire-seller-account .seller-info .seller-products table{
    width: 100%;
}
.tire-seller-account .seller-info .seller-products table tr th{
    background-color: #F4F7FB;
    font-size: 14px;
    padding: 0 10px;
}
.tire-seller-account .seller-info .seller-products table tr th div{
    padding: 5px;
    color: #666666;
}
.tire-seller-account .seller-info .seller-products table tr td{
    padding-top: 15px;
    padding-bottom: 15px;
}
.tire-seller-account .seller-info .seller-products table tr .product-title .tire-logo{
    padding: 5px;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    background-color: #F4F7FB;
}
.tire-seller-account .seller-info .seller-products table tr .product-title{
    width: 250px;
}
.tire-seller-account .seller-info .seller-products table tr th .status,
.tire-seller-account .seller-info .seller-products table tr th .action,
.tire-seller-account .seller-info .seller-products table tr th .machine,
.tire-seller-account .seller-info .seller-products table tr td .status,
.tire-seller-account .seller-info .seller-products table tr td .action,
.tire-seller-account .seller-info .seller-products table tr td .machine{
    width: 140px;
}
.tire-seller-account .seller-info .seller-products table tr th .remaining,
.tire-seller-account .seller-info .seller-products table tr td .remaining{
    width: 140px;
}
.tire-seller-account .seller-info .seller-products table tr td .status span{
   padding: 0px 10px 3px 10px;
   display: inline-block;
   width: 120px;
   color: #ffffff;
   text-align: center;
   text-transform: capitalize;
   border-radius: 25px; 
}
.tire-seller-account .seller-info .seller-products table tr td .status span.active{
    background: var(--green);
}
.tire-seller-account .seller-info .seller-products table tr td .status span.inactive{
    background-color: #4B4B4B;
}
.tire-seller-account .seller-info .seller-products table tr td .action span{
    padding: 2px 10px;
    display: inline-block;
    color: var(--dark-blue);
    width: 120px;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid var(--dark-blue);
}
.tire-seller-account .seller-info .seller-products table tr td .action span:hover{
    background-color: var(--green);
    color: #ffffff;
    border: 1px solid var(--green);
}
.tire-seller-account .seller-info .seller-products table tr td .action span.subscribe{
    margin-top: 10px;
    
}
.tire-seller-account .base .pagination-links a{
    background: var(--dark-blue);
    padding: 5px 12px;
    border-radius: 5px;
}
.tire-seller-account .base .pagination-links a:first-child{
    margin-right: 10px;
}
.tire-seller-account .base .pagination-links a.disabled{
    background: #979797;
}
.tire-seller-account .base .pagination-links a i{
    color: #ffffff;
    font-size: 14px;
}
.notification-modal .modal-header span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 auto;
    width: 50px;
    border-radius: 50%;
    color: #ffffff;
}
.notification-modal .modal-header span i{
    font-size: 21px;
}
.notification-modal .modal-header span.success{
    background-color: var(--green);
}
.notification-modal .modal-header span.error{
    background-color: var(--dark-red);
}
.notification-modal .modal-footer button{
    background-color: #666666;
    color: #ffffff;
}

/* custom sliders */
.client_review_slider.owl-theme.owl-loaded .owl-next{
    right: 0;
}
.client_review_slider.owl-theme.owl-loaded .owl-prev{
    right: 8%;
}
.client_review_slider.owl-theme.owl-loaded .owl-next,
.client_review_slider.owl-theme.owl-loaded .owl-prev{
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #EAEAEA;
    color: #112137;
    height: 50px;
    font-size: 20px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    width: 50px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#certificate-form{
    display: none;
}
.certificate-toggle{
    width: 190px;
    line-height: 24px;
    border: none;
    padding: 5px 10px;
    outline: none;
    background-color: var(--yellow);
    color: var(--black);
    border-radius: 20px;
}
button#clear {
    height: 100%;
    background: #4b00ff;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
button#clear span {
    transform: rotate(90deg);
    display: block;
}
/* tire details section */
.tire-details-section .ordering-single{
    margin-bottom: 15px;
}
.tire-details-section .ordering-single label{
    /* font-size: 16px; */
    font-weight: 500;
    margin-right: 10px;
    color: var(--black);
    background-color: #ffff;
}
.tire-details-section .ordering-single select{
    padding: 3px 10px;
    border-radius: 6px;
    border: 1px solid #0A2640;
    color: #0A2640;
}
.store-details-page .single-detail,
.listed-tire-section .single-detail{
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.listed-tire-section .single-detail .logo,
.store-details-page .single-detail .logo,
.tire-details .single-detail .logo{
    height: 50px;
    margin-bottom: 10px;
}
.listed-tire-section .single-detail .logo img,
.store-details-page .single-detail .logo img,
.tire-details .single-detail .logo img{
    width: auto;
    height: 100%;
}
.tire-details .single-detail .main-info{
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 10px 0 25px 0;
}
.listed-tire-section .single-detail .main-info{
    padding-top: 10px;
}
.listed-tire-section .single-detail .check-mark input[type="checkbox"],
.store-details-page .single-detail .check-mark input[type="checkbox"],
.tire-details .single-detail .check-mark input[type="checkbox"]{
    height: 25px;
    width: 25px;
    border-radius: 5px;
}
.tire-details .single-detail .main-info .thumb{
    height: 100%;
    display: flex;
    align-items: center;
}
.store-details-page .single-detail .main-info .thumb,
.listed-tire-section .single-detail .main-info .thumb{
    height: 100%;
}
.store-details-page .single-detail .main-info table tr td,
.listed-tire-section .single-detail .main-info table tr td{
    font-size: 12px;
    color: black;
}
.store-details-page .single-detail .main-info .normal-table tr td:last-child,
.listed-tire-section .single-detail .main-info .normal-table tr td:last-child{
    text-align: right;
}
.store-details-page .single-detail .main-info .normal-table tr td,
.listed-tire-section .single-detail .main-info .normal-table tr td{
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.listed-tire-section .single-detail .main-info .mini-table tbody tr td,
.store-details-page .single-detail .main-info .mini-table tbody tr td,
.tire-details .single-detail .main-info .mini-table tbody tr td{
    border: 1px solid rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 5px 0;
}
.listed-tire-section .single-detail .main-info .mini-table caption,
.store-details-page .single-detail .main-info .mini-table caption,
.tire-details .single-detail .main-info .mini-table caption {
    caption-side: top;
    text-align: center;
    font-size: 12px;
    color: var(--black);
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.listed-tire-section .single-detail .main-info .toogle-btns button,
.store-details-page .single-detail .main-info .toogle-btns button,
.tire-details .single-detail .main-info .toogle-btns button{
    padding: 8px 10px;
    border: none;
    outline: none;
    width: 49%;
    background-color: #FFA800;
    border-radius: 6px;
}
.box-tz .inner ul li.passed{
    color: green;
}
.box-tz .inner{
    padding: 20px;
    border-radius: 6px;
}
.box-tz .inner ul li span.checkmark{
    visibility: hidden;
}
.box-tz .inner ul li.passed span.checkmark{
    visibility: visible;
    margin-left: 15px;
}
.box-tz .inner ul li span.checkmark i{
    color: green;
}
.special-tire-card{
    background: #ffffff;
    padding: 8px;
}
.special-tire-card .badge{
    width: 100%;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.special-tire-card .badge .installed,
.special-tire-card .badge .brandlogo{
    flex-basis: calc(50% - 4px);
    height: 30px;
}
.special-tire-card .badge .installed{
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    background-color: var(--dark-blue);    
}
.special-tire-card .badge .brandlogo{
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 2px;
}
.special-tire-card .badge .brandlogo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.special-tire-card .badge .installed i{
    background: #ffffff;
    color: var(--black);
    margin-left: 8px;
    padding: 2px 4px;
    font-size: 12px;
    border-radius: 2px;
}
.special-tire-card .tire-image-section{
    position: relative;
    margin: 20px 0;
}
.special-tire-card .tire-image-section .change-tire-image-style{
    position: absolute;
    left: 50%;
    bottom: -16px;
    font-size: 12px;
    outline: none;
    border: none;
    display: none;
    border-radius: 5px;
    padding: 0;
    width: 120px;
    background: var(--dark-blue);
    color: #ffffff;
    transform: translateX(-50%);
}
.special-tire-card .tire-image-section .change-tire-image-style:hover{
    background: var(--green);
}
.special-tire-card .tire-image-section:hover .change-tire-image-style{
    display: block;
}
.special-tire-card .thumb{
    height: 140px;
    width: 210px;
    padding: 3px;
}
.special-tire-card .thumb.thumb-3,
.special-tire-card .thumb.thumb-2{
    display: flex;
}
.special-tire-card .thumb.thumb-2 .image-1,
.special-tire-card .thumb.thumb-2 .image-2{
    width: 50%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.special-tire-card .thumb.thumb-3 .block-1,
.special-tire-card .thumb.thumb-3 .block-2{
    width: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.special-tire-card .thumb.thumb-3 .block-1{
    display: flex;
    flex-direction: column;
}
.special-tire-card .thumb.thumb-3 .block-1 .image-1,
.special-tire-card .thumb.thumb-3 .block-1 .image-2{
    width: 100%;
    height: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.special-tire-card .thumb.thumb-3 .block-2 .image-1,
.special-tire-card .thumb.thumb-3 .block-2 .image-1 img,
.special-tire-card .thumb img{
    height: 100%;
    width: 100%;
}
.special-tire-card .price-tag{
    position: relative;
    padding: 15px 0;
}
.special-tire-card .price-tag .line-through{
    width: 100%;
    height: 1px;
    background: var(--dark-blue);
}
.special-tire-card .price-tag span.price{
    position: absolute;
    left: 50%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    transform: translate(-50%, -50%);
    border: 1px solid var(--dark-blue);
    width: 120px;
    background: #ffffff;
    border-radius: 5px;
}
.special-tire-card .more-info p{
    font-size: 16px;
}
.special-tire-card .more-info .special-icon-box{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.special-tire-card .more-info .special-icon-box:last-child{
    margin-bottom: 0;
}
.special-tire-card .more-info .special-icon-box p{
    margin-bottom: 0;
}
.special-tire-card .more-info .special-icon-box .special-icon{
    border: 1px solid var(--dark-blue);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.special-tire-card .more-info .special-icon-box .special-icon i{
    color: var(--dark-blue);
    font-size: 12px;
}
.special-tire-card .more-info .special-icon-box .call-text-icon{
    display: flex;
    align-items: center;
    gap: 15px;
}
.special-tire-card .more-info span.media-share-btn i{
    border: none;
    border-radius: 0;
    font-size: 18px;
}
.special-tire-card .more-info span.permission{
    display: flex;
    align-items: center;
}
.special-tire-card .more-info span.permission i{
    border: none;
    border-radius: 0;
    font-size: 10px;
    padding: 3px;
    border-radius: 2px;
}
.special-tire-card .more-info span.permission i.fa-times{
    color: #AB3331;
    padding: 3px 6px;
    background-color: #ECC8C5;
}
.special-tire-card .more-info span.permission i.fa-check{
    color: #ffffff;
    background: #5ECFB1;
    
}
.special-tire-card .social-icon-section{
    position: relative;
}
.special-tire-card .social-icon-section .social-icons{
    position: absolute;
    right: 0;
    bottom: 30px;
    padding: 5px;
    background: #ffffff;
    display: block;
    gap: 3px;
    display: none;
}
.special-tire-card .social-icon-section .social-icons a{
    background: var(--black);
    padding: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.special-tire-card .social-icon-section .social-icons a i{
    color: #ffffff;
    font-size: 12px;
}
#existing-stores{
    display: none;
}
.existing-stores .item{
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    cursor: pointer;
}
.existing-stores .item.selected{
    background-color: var(--green);
}
.existing-stores .item.selected div span{
    color: #ffffff;
}
.existing-stores .item .thumb{
    width: 40%;
    height: 130px;
}
.existing-stores .item .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.existing-stores .item .details{
    width: 60%;
    margin-left: 20px;
}
/* custom form start*/
.form-group .side-input-select{
    display: flex;
    justify-content: space-between;
}
.form-group .side-input-select .form-input{
    width: 70%;
}
.form-group .side-input-select .select-input{
    width: 28%;
}

.custom-file-group-list .custom-file-group{
    padding: 10px;
    display: flex;
    border-radius: 5px;
}
.custom-file-group-list .custom-file-upload{
    padding: 5px 10px;
    width: 100%;
    background-color: var(--dark-blue);
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.custom-file-group-list .custom-file-upload:hover{
    background-color: var(--green);
}
/* custom form end */

.header_top_iconbox #install{
    border: 1px solid #ffffff;
    outline: none;
    padding: 5px;
    border-radius: 5px;
    height: 50px;
    background: #000;
    color: #ffffff;
}
.header_top_iconbox #install:hover{
    background: #ffffff;
    color: #000;
}
.tire-subscription-page{
    padding-top: 60px;
    padding-bottom: 60px;
}
.tire-subscription-page .inner{
    width: 50%;
    margin: 0 auto;
}
.tire-subscription-page .subscription{
    padding: 10px;
}
.tire-subscription-page .subscription .title{
    background: var(--light-gray);
    padding: 5px;
    border-radius: 5px;
}
.tire-subscription-page .subscription .title h5{
    color: #ffffff;
    margin-bottom: 0;
}
.tire-subscription-page .subscription .title i{
    margin-left: 15px;
    background-color: var(--green);
    border-radius: 100%;
    padding: 5px;
    font-size: 14px;
}
.tire-subscription-page .subscription .payment-link button{
    display: inline-block;
    width: 49%;
    outline: none;
    border: none;
    text-align: center;
    padding: 10px 5px;
    border-radius: 5px;
    color: #ffffff;
    background-color: var(--green);
}
.tire-subscription-page .subscription .payment-link button:hover{
    background: var(--gray);
}
.tire-subscription-page .subscription .tires-listed .item{
    display: flex;
    padding: 8px;
    border-radius: 5px;
}
.tire-subscription-page .subscription .tires-listed .item .thumb{
    width: 30%;
    height: 90px;
}
.tire-subscription-page .subscription .tires-listed .item .thumb img{
    width: 100%;
    height: 100%;
}
.tire-subscription-page .subscription .tires-listed .item .details{
    margin-left: 15px;
    width: 70%;
}
.tire-subscription-page .subscription .tires-listed .item .details table{
    width: 100%;
}
.tire-subscription-page .subscription table tr td span.bold{
    font-weight: 500;
}

/* store item design */
.store-item{
    padding: 8px;
    border-radius: 5px;
    background-color: #ffffff;
}
.store-item .logo-top{
    height: 40px;
    width: 100%;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.store-item .thumb{
    width: 100%;
    height: 120px;
    margin: 0 auto;
}
.store-item .thumb img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.store-item .link a{
    display: inline-block;
}
.store-item .link a.details-view{
    width: 49%;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.store-item .link a.details-view:hover{
    background: var(--gray);
    border: 1px solid var(--gray);
}
.store-item .link a.map-view{
    width: 49%;
    color: var(--dark-blue);
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid var(--dark-blue);
}
.store-details-page .store-info .store-logo{
    height: 50px;
}
.store-details-page .store-info .store-logo img{
    height: 100%;
    width: auto;
}

.store-details-page .store-info table tr td span{
    color: #666666;
    font-size: 16px;
}
.store-details-page .store-info table tr td span a{
    background: var(--green);
    padding: 6px 15px;
    border-radius: 5px;
    color: #ffffff;
}

.store-details-page .main-image-slide-2 .images{
    display: flex;
    flex-direction: column;
    height: 525px;
    padding: 0;
}
.store-details-page .main-image-slide-2 .box{
    flex: 1;
    padding-bottom: 5px;
    position: relative;
}
.store-details-page .main-image-slide-2 .inner{
    padding: 3px;
    position: relative;
}
.store-details-page .main-image-slide-2 .inner small,
.store-details-page .main-image-slide-2 .box small{
    position: absolute;
    bottom: 8px;
    right: 3px;
    background-color: #ffffff;
    font-size: 10px;
    padding: 1px 5px;
    border-bottom-right-radius: 8px;
}
.store-details-page .main-image-slide-2 .box img{
    width: 100%;
    height: 50px;
    object-fit: cover;
    border-radius: 8px;
}
.ui_kit_tab.style-three .nav.nav-pills .filter-icon{
    margin-left: 10px;
    display: none;
}
.opening-hours .opening-hour{
    display: flex;
    justify-content: space-between;
    padding: 15px 0px 0px 0px;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.opening-hours .opening-hour > span{
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 21px;
    color: red;
    cursor: pointer;
}
.opening-hours .opening-hour .form-group{
    width: 31%;
}
.store-details-page .store-info .table tr td span,
.tire-detail-section .description .specification .table tr td{
    color: #000000;
}
.store-details-page .title,
.tire-detail-section .description .specification .tire-title{
    background-color: #000000;
    padding: 5px;
}
.store-details-page .title.bg-2{
    background-color: var(--gray);
}
.store-details-page .title h5,
.tire-detail-section .description .specification .tire-title h5{
    color: #ffffff;
}
.tire-detail-section .main-image img{
    max-height: 100%;
}
.store-details-page .store-info .table tr td:last-child,
.tire-detail-section .description .specification .table tr td:last-child{
    font-weight: 500;
    text-align: right;
}
.store-list-container .store-toggle-filters button{
    padding: 5px 10px;
    width: 210px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Single filter check boxes */
.single-filter-check-box ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.single-filter-check-box ul.lg-2 li{
    flex-basis: calc(50% - 2px);
}
.single-filter-check-box ul.lg-3 li{
    flex-basis: calc(33.3% - 2px);
}
.single-filter-check-box ul.lg-4 li{
    flex-basis: calc(25% - 2px);
}
.single-filter-check-box ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    min-height: 35px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51,0.2);
    color: var(--black);
}
.single-filter-check-box ul li label{
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer;
}
.single-filter-check-box ul li.selected{
    background-color: var(--green);
}
.alignment-services .regular-alignment-service{
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    background-color: var(--black);
    border-radius: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}
.alignment-services .regular-alignment-service .thumb{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.alignment-services .regular-alignment-service .alignment-type{
    display: flex;
    gap: 15px;
}
.alignment-services .regular-alignment-service .alignment-type h5{
    color: rgba(255, 255, 255,0.9);
}
.alignment-services .regular-alignment-service .alignment-type span{
    color: rgba(255, 255, 255,0.9);
}
.alignment-services .regular-alignment-service .alignment-type div{
    flex-basis: 50%;
}
.alignment-services .regular-alignment-service .alignment-type div:first-child{
    position: relative;
    /* background-color: blue; */
}
/* .alignment-services .alignment-service .alignment-type div:last-child{
    background-color: red;
} */
.alignment-services .regular-alignment-service .alignment-type div:first-child::after{
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    background-color: #ffffff;
    bottom: 0;
    right: -9px;
}
.alignment-services .regular-alignment-service .store-address span,
.alignment-services .regular-alignment-service .other-description span{
    color: rgba(255, 255, 255,0.9);
}
.alignment-services .regular-alignment-service .thumb .image{
    flex-basis: calc(25% - 5px);
    height: 70px;
    padding: 3px;
    border: 1px solid #ffffff;
    border-radius: 5px;

}
.alignment-services .regular-alignment-service .thumb .image img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.special-alignment-service{
    gap: 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
}
.special-alignment-service .top-section{
    position: relative;
}
.special-alignment-service .top-section .first-layer{
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.special-alignment-service .top-section .first-layer h6{
    margin-bottom: 0;
    color: #ffffff;
}
.special-alignment-service .top-section div:first-child{
    height: 35px;
    width: 70%;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    background-color: rgb(180, 20, 20);
}
.special-alignment-service .top-section div:last-child{
    height: 35px;
    width: 36%;
    position: absolute;
    right: 0;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--gray);
}
.special-alignment-service .middle-section{
    display: flex;
}
.special-alignment-service .thumb{
    width: 30%;
}
.special-alignment-service .thumb img{
    width: 100%;
    height: 100%;
}
.special-alignment-service .more-info{
    width: 70%;
    padding: 10px 0;
}
.special-alignment-service .more-info .title span{
    color: black;
    font-size: 22px;
}
.special-alignment-service .more-info .special-text p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.special-alignment-service .more-info .special-price span{
    font-size: 34px;
    color: var(--dark-red);
    font-weight: 500;
}
.special-alignment-service .more-info .special-price span small{
    font-size: 22px;
}
.special-alignment-service .address-section{
    display: flex;
    flex-wrap: wrap;
    padding: 8px 5px 0 5px;
    background-color: rgb(180, 20, 20);
}
.special-alignment-service .address-section .text-bold{
    font-weight: 500;
    font-size: 12px;
}
.special-alignment-service .address-section i{
    background-color: var(--yellow);
    padding: 8px;
    border-radius: 5px;
    color: rgb(180, 20, 20);
}
.special-alignment-service .address-section p{
    font-size: 10px;
    line-height: 15px;
    color: rgba(255, 255, 255,0.9);
}
.special-alignment-service .address-section .location{
    flex-basis: 60%;
}
.special-alignment-service .address-section .contact{
    flex-basis: 40%;
}

.tire-advertisement-step-modal{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%,-45%);
    z-index: 10;
    overflow-y: auto;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.tire-advertisement-step-modal .top-bar{
    border-bottom: 1px solid var(--dark-blue);
    position: sticky;
    top: 0;
    padding: 10px;
    background-color: #ffffff;
    z-index: 15;
}
.tire-advertisement-step-modal .top-bar button{
    border: none;
    outline: none;
    background-color: var(--dark-blue);
    border-radius: 3px;
    padding: 2px 15px;
    color: #ffffff;
}
.tire-advertisement-step-modal .main-content{
    padding: 30px 20px;
}
.tire-advertisement-step-modal .main-content ul li,
.tire-advertisement-step-modal .main-content p{
    font-size: 18px;
    color: #666666;
}
.tire-advertisement-step-modal .main-content span.bold{
    color: #000000;
    font-weight: 500;
}
.tire-advertisement-step-modal .main-content .disc-style{
    padding-left: 20px;
    list-style-type: disc;
}
body.overlay{
    position: relative;
}
body.overlay::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(13,38,59, .7);
    z-index: 8;
}
.overlay-box{
    width: 50%;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    background-color: #ffffff;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5000;
}
.success-modal{
    width: 320px;
    padding: 40px 10px;
    position: fixed;
    top: 30%;
    left: 50%;
    border-radius: 10px;
    background-color: #ffffff;
    transform: translate(-50%,-50%);
    z-index: 5000;
    display: none;
}
.success-modal .heading span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 auto;
    width: 50px;
    border-radius: 50%;
    background-color: var(--green);
    color: #ffffff;
}
.success-modal .heading span i{
    font-size: 21px;
}
@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0;
    }
    to{
        transform: scale(1, 1);
        opacity: 1;
    }
}
@media only screen and (max-width:1399px){
    .store-details-page .single-detail .main-info table tr td,
    .listed-tire-section .single-detail .main-info table tr td{
        font-size: 18px;
    }
    .store-details-page .single-detail .main-info .mini-table,
    .listed-tire-section .single-detail .main-info .mini-table{
        margin-top: 15px;
        display: none;
    }
    .special-tire-card .more-info .special-icon-box p{
        font-size: 14px;
    }
}
@media only screen and (max-width:1365px){
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 170px;
        padding: 10px 15px;
        font-size: 14px;
    }
    .special-tire-card .more-info .special-icon-box .call-text-icon{
        display: block;
    }
}
@media only screen and (max-width:1356px){
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 11px;
    }
}
@media only screen and (max-width:1199px){
    .container-custom{
        max-width: 1200px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .pricing{
        width: 68%;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .qty-range{
        width: 30%;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 140px;
        padding: 10px;
        font-size: 12px;
    }
    .listed-tire-section .single-detail .main-info .mini-table caption,
    .store-details-page .single-detail .main-info .mini-table caption,
    .tire-details .single-detail .main-info .mini-table caption {
        font-size: 13px;
    }
    .robust-container .partition-1 .single-item .info{
        padding: 10px 10px 10px 10px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 260px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 13px;
    } 
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 100%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 14px;
    }
}
@media only screen and (max-width:991px){
    .cart-section{
        padding-top: 0;
    }
    .store-details-page .title::before{
        width: 100%;
    }
    .tire-subscription-page .inner{
        width: 70%;
    }
    .listed-tire-section .main-container .filter-side-right .available-sellers .item .icons i{
        padding: 12px;
    }
    .robust-container .partition-1 .single-item .info{
        padding: 20px 10px 10px 20px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 16px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 290px;
    }
    .cart-section .products-links{
        margin-bottom: 25px;
    }
    .power-up .more-info-s .images .single-img img{
        height: 140px;
    }
    .power-up .more-info-3 .description{
        padding-left: 10px;
    }
    .checkout-section .inner .order-summary{
        margin-top: 20px;
    }
    .single-product-title{
        margin-top: 0px;
    }
    .single-products-section .inner{
        padding: 5px;
    }
    .single-product-info{
        padding-left: 10px;
        padding-top: 30px;
        padding-right: 10px;
    }
    .single-products-image-slider img{
        height: 380px;
    }
    .robust-container .partition-1 .single-item{
        margin-bottom: 30px;
    }
    .pv-only{
        display: block;
    }
    .desk-only{
        display: none;
    }
    .locator-search-section .inner form .radius{
        padding: 10px;
    }
    .reseller-locations .locations .location .image{
        width: 20%;
    }
    .reseller-locations .locations .location .desc{
        width: 80%;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        padding: 10px 20px;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        font-size: 10px;
        width: 130px;
        padding: 5px;
    }
    .lg-show{
        display: block;
    }
}
@media only screen and (max-width:767px){
    .product-filter .product-filter-body,
    .product-filter .product-sort-by-body{
        display: none;
    }
    .overlay-box{
        width: 80%;
    }
    .special-tire-card .more-info .special-icon-box .call-text-icon{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .product-filter .single-filter-check-box ul li label{
        font-size: 16px;
    }
    .product-filter .product-filter-body .inner,
    .product-filter .product-sort-by-body .inner{
        padding: 15px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging label{
        font-size: 14px;
    }
    .custom-container-sm{
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-filter-check-box ul li{
        padding: 5px;
    }
    .single-filter-check-box ul.lg-2 li{
        flex-basis: calc(50% - 5px);
    }
    .single-filter-check-box ul.lg-3 li{
        flex-basis: calc(33.3% - 5px);
    }
    .single-filter-check-box ul.lg-4 li{
        flex-basis: calc(25% - 5px);
    }
    .store-details-page .title,
    .tire-detail-section .description .specification .tire-title{
        padding: 10px 5px;
    }
    .tire-detail-section .main-image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    .notification-specification .body-section form button[type="submit"]{
        width: 100%;
    }
    .ui_kit_tab.style-three .nav.nav-pills .filter-icon{
        margin-left: 10px;
        display: block;
        cursor: pointer;
    }
    .filter-by-container{
        margin-bottom: 0;
        margin-top: 10px;
        padding: 10px;
    }
    .tire-buttons{
        position: fixed;
        bottom: 0;
        width: 100%;
        bottom: 5%;
        border-radius: 5px;
        padding: 10px;
        z-index: 10;
        background: rgba(0, 0, 0, 0.6);
    }
    .filter-by-container .filter-by-content ul li label{
        padding: 6px;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box{
        display: flex;
        justify-content: space-between;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-link{
        background-color: #ffffff;
        color: #000000;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link.active{
        background: var(--dark-red);
        color: #ffffff;
        border: 1px solid var(--dark-red);
      }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 42%;
    }
    .tire-subscription-page .inner{
        width: 100%;
    }
    .filter-by-container .filter-by-content{
        padding: 15px 15px 5px 15px;
    }

    /* custom form */
    .custom-file-group-list li{
        width: 49%;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-item{
        width: 43%;
    }
    .ui_kit_tab.style-three.store-details-tab .nav.nav-pills{
        display: flex;
        justify-content: space-between;
    }
    .ui_kit_tab.style-three.store-details-tab .nav.nav-pills .nav-item{
        width: 48%;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 100%;
        /* font-size: 12px; */
    }
    
    .tire-details .single-detail .main-info .mini-table{
        display: none;
        margin-top: 15px;
    }
    .shop-area .shop-filter{
        padding-bottom: 15px;
    }
    /* banner styling */
    .banner-area-1 .third-slide .contents{
        display: block;
    }
    .banner-area-1 .third-slide .contents .second-cover{
        border: none;
        padding-left: 0;
        margin-top: 30px;
    }
    .banner-area-1 .third-slide .second-slide{
        padding: 0;
    }
    .banner-area-1 .third-slide .contents .second-cover .mc-cert{
        padding: 10px;
    }
    .banner-area-1 .third-slide .contents .first-cover,
    .banner-area-1 .third-slide .contents .second-cover{
        width: 100%;
    }
    .banner-area-1 .second-slide{
        margin-top: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 20px;
        border-radius: 5px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        height: auto;
    }
    /* find tires styling */
    .listed-tire-section .main-container .filter-side-right .available-sellers .item .icons i{
        padding: 20px;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-control{
        width: 70%;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder{
        font-size: 14px;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .radius{
        width: 30%;
        font-size: 14px;
    }
    .listed-tire-section .main-container .filter-side-right form .form-control,
    .listed-tire-section .main-container .filter-side-left .form-group .form-control{
        height: 48px;
    }
    .find-tires-btn button{
        font-size: 16px;
        padding: 10px 0;
    }
    .payment-final .other-info{
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    }
    .listed-tire-section .main-container .tire-head{
        justify-content: flex-start;
    }
    .listed-tire-section .main-container .filter-side-left .filter-box{
        margin-bottom: 15px;
    }
    .listed-tire-section .main-container .right-side-filter{
        display: none;
    }
    .listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .filter-checks{
        display: none;
    }
    .listed-tire-section .main-container .filter-side-left .filter-box .filter-check-boxes .option i{
        visibility: visible;
    }

    /* tire seller form */
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group{
        padding-left: 0;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 14px;
    }
    .tire-seller-form .inner form .form-step .final-step .price-summary div span{
        font-size: 18px;
    }
    .tire-seller-form .inner form .form-step .final-step .item{
        margin-bottom: 30px;
    }
    .tire-seller-form .inner form .form-step .final-step .price-summary{
        width: 70%;
    }
    .tire-seller-form .inner form .form-step .final-step .special-text{
        margin-bottom: 30px;
    }
    /* cart styling */
    .cart-section .products .product-card .product-img{
        width: 100%;
    }
    .cart-section .products .product-card .info{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .cart-section .products .product-card .link a{
        font-size: 14px;
    }
    .single-products-image-slider img{
        height: 320px;
    }
    .thumbnail-image-slider{
        padding: 5px 15px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 15%;
    }
    .home-features .inner .single-item{
        padding: 10px;
    }
    .power-up .more-info-3 .description{
        padding-left: 0;
        margin-top: 30px;
    }
    .power-up .more-info-4{
        margin-top: 20px;
    }
    .features-breakdown .more-info .info,
    .ohms-section .description{
        margin-top: 20px;
        text-align: center;
        padding: 10px;
    }
    .features-breakdown .more-info .image img,
    .ohms-section .image img{
        height: 240px;
    }
    .locator-search-section .inner form .seller-type{
        min-height: 40px;
    }
    .locator-search-section .inner form .product-search .drop-down{
        max-height: 300px;
    }
    .reseller-locations .locations .location .image{
        display: none;
    }
    .reseller-locations .locations .location .desc{
        width: 100%;
        flex-direction: column;
    }
    .reseller-locations .locations .location .desc .next-layer{
        align-items: flex-start;
        margin-top: 10px;
    }
    .reseller-locations .locations .location .desc .next-layer h6{
        display: none;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        font-size: 16px;
        width: 180px;
        padding: 10px 15px;
    }
    .md-show{
        display: block;
    }
    .md-hide{
        display: none;
    }
    .cart-section .products .product-card .links a,
    .cart-section .products .product-card .links .quantity{
        width: 140px;
    }
    .shop-product .details{
        padding: 0 15px;
    }
    
    .power-up .more-info .contents p{
        font-size: 16px;
    }
    .robust-container .partition-1 .single-item .info{
        width: 60%;
    }
    .robust-container .partition-1 .single-item .image{
        width: 40%;
    }
    /* tab styling */
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        display: inline-block;
        width: 49%;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item:nth-child(odd){
        margin-right: 10px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        width: 100%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 50%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 18px;
        width: 100%;
        padding: 12px 20px;
        line-height: 0;
    }
    .ui_kit_tab.style-five .tab-content{
        padding: 10px;
    }
}
@media only screen and (max-width:575px){
    .power-up .inner .single-stud{
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .tire-advertisement-step-modal{
        width: 80%;
    }
    .special-tire-card .more-info .special-icon-box .call-text-icon{
        gap: 20px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging label{
        font-size: 14px;
    }
    .special-tire-card .thumb{
        width: 310px;
        height: 140px;
    }
    .listed-tire-section .main-container .tire-head .right-side .sort-by .body{
        left: -150%;
        width: 170px;
    }
    .checkout-section .inner .shipping-address .address{
        padding: 15px 10px;
    }
    .payment-final .order-item .delivery-options .delivery-option h6{
        font-size: 15px;
    }
    .tire-seller-form .inner form .form-step .final-step .price-summary{
        width: 100%;
    }
    .power-up .more-info h2{
        padding: 10px 5px;
    }
    .listed-tire-section .main-container .tire-head{
        justify-content: flex-start;
    }
    .power-up .more-info .contents{
        margin-top: 30px;
    }
    .cartel-policy .inner{
        padding: 20px 15px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 14px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 270px;
    }
    .robust-container .partition-2 .image{
        padding-left: 40px;
    }
    .robust-container .partition-2 .desc{
        margin-top: 60px;
    }
    .robust-container .partition-2 .desc h1{
        text-align: center;
    }
    .robust-container .partition-2 .image .img-2{
        left: 50%;
    }
    .nilight .inner{
        gap: 20px;
    }
    .nilight .inner .more-info h6{
        font-size: 13px;
    }
    .text-left-center{
        text-align: center;
    }
    .text-right-center{
        text-align: center;
    }
    .text-center-left{
        text-align: left;
    }
    .text-center-right{
        text-align: right;
    }
    .sign_up_form form button[type=submit]{
        width: 100%;
    }
    .locator-search-section .inner{
        padding: 20px 15px 10px 15px;
    }
    .locator-search-section .inner form .radius{
        gap: 5px;
        height: 40px;
    }
    .locator-search-section .inner form .radius .flex-1,
    .locator-search-section .inner form .radius .flex-3{
        width: 18%;
    }
    .locator-search-section .inner form .radius .flex-2{
        width: 64%;
    }
    .locator-search-section .inner form .radius .flex-1 button,
    .locator-search-section .inner form .radius .flex-3 button{
        background: var(--black);
        border-radius: 5px;
    }
    .locator-search-section .inner form .radius button i{
        color: #ffff;
    }
    .locator-search-section .inner form .radius .flex-2 input{
        padding-left: 0;
        font-size: 14px;
    }
    .locator-search-section .inner form .radius .flex-2 span{
        font-size: 14px;
        right: 0;
        top: 8%;
    }
    .sm-show{
        display: show;
    }
    .cart-section .products .product-card .links a,
    .cart-section .products .product-card .links .quantity{
        width: 130px;
    }
    .single-product-info .single-product-link .quantity,
    .single-product-info .pre-orders .links .quantity,
    .single-product-info .bulk-orders .links .quantity{
        width: 100%;
        border-radius: 20px;
    }
    .single-product-info .single-product-link .btn,
    .single-product-info .pre-orders .links .btn,
    .single-product-info .bulk-orders .links .btn{
      width: 100%;
      border-radius: 20px;  
    }
    .single-product-info .single-product-link #add-to-cart-btn{
      width: 100%;
      border-radius: 20px;
    }
    .single-product-info .single-product-link #add-qty-range-to-cart-btn{
        width: 100%;
        border-radius: 20px;
      }
    .single-product-info .single-product-link .quantity .form-select{
        width: 100%;
        border-radius: 20px;
    }
    .custom-sm-container{
        /* padding-left: 15px; */
        /* padding-right: 15px; */
    }
    .ohms-section{
        padding: 15px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .pricing{
        width: 60%;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .pricing .pricing-box{
        gap: 5px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .qty-range{
        width: 38%;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .form-control,
    .tire-seller-form .inner .main-container form .form-group.price-ranging .form-control::placeholder{
        font-size: 12px;    
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 16px;
        padding: 12px 10px;
    }
}
@media only screen and (max-width:522px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 48.5%;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item:nth-child(odd){
        margin-right: 10px;
    }
}
@media only screen and (max-width:510px) {
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 16px;
    }
}
@media only screen and (max-width:495px){
    .cart-section .products-links{
        flex-direction: column-reverse;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tire-advertisement-step-modal{
        width: 95%;
        height: 90%;
        transform: translate(-50%, -50%);
    }
    .tire-advertisement-step-modal .main-content{
        padding: 20px 10px;
    }
    .product-filter .filter-btns{
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
    .product-filter .filter-btns button{
        display: inline-block;
        width: 50%;
    }
    .special-tire-card .thumb{
        width: 320px;
        height: 160px;
    }
    .tire-subscription-page .subscription .tires-listed .item .details table tr td span{
        font-size: 12px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 15%;
        bottom: -20%;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-next{
        bottom: -20%;
    }
    .cart-section .products-links a{
        width: 100%;
    }
    .cart-section .products-links a:last-child{
        margin-bottom: 20px;
    }
    .checkout-section .inner{
        padding: 0;
    }
    .checkout-section .inner .order-summary{
        padding: 20px 15px;
        border: none;
    }
    .checkout-section .inner .order-summary .items .item .img img{
        width: 30%;
    }
    .checkout-section .inner .order-summary .items .item .info{
        width: 70%;
        padding-left: 10px;
    }
    .single-product-info .single-product-link .notify-btn{
        width: 100%;
    }
    .price-tag.sm span{
        font-size: 18px;
    }
    .locator-search-section .inner form .product-search .drop-down .item span i{
        font-size: 18px;
    }
    .locator-search-section .inner form .product-search .drop-down .item .image img{
        height: 100%;
        width: 70px;
    }
    .cart-section .products .product-card .links{
        display: inline-block;
        width: 100%;
    }
    .cart-section .products .product-card .links a{
        width: 48%;
    }
    .cart-section .products .product-card .links.block a{
        width: 160px;
    }
    .cart-section .products .product-card .links .quantity{
        width: 230px;
        margin-bottom: 10px;
    }
    .cart-section .products .product-card .links a{
        margin-top: 10px;
    }
    .cart-section .products .product-card .links a.second-link{
        margin-left: 10px;
    }
    .cart-section .products .product-card .links.block a{
        margin-top: 0;
    }
    .cart-section .cart-card .btn{
        margin-top: 10px;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        width: 100%;
    }
    .cart-section .inner .top-checkout-btn > div{
        display: flex;
        justify-content: flex-end;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 170px;
        font-size: 12px;
    }
    .robust-container .partition-1 .single-item .image{
        height: 260px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 12px;
    }
    .custom-file-group-list li{
        width: 100%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 50%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 14px;
        padding: 5px 10px;
    }
    .listed-tire-section .main-container .tire-toogle-filters button.notification{
        width: 100%;
    }
    .listed-tire-section .main-container .tire-toogle-filters button#toggle-all-filter{
        width: 100%;
    }
}
@media only screen and (max-width:461px) {
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 41%;
    }
}
@media only screen and (max-width:443px){
    .ui_kit_tab.style-three.special .nav.nav-pills .nav-link{
        width: 100%;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 12px;
    }
}
@media only screen and (max-width:435px) {
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 40%;
    }
}
@media only screen and (max-width:434px){
    .cart-section .products .product-card .links a{
        width: 46%;
    }
}
@media only screen and (max-width:425px){
    .thumbnail-image-slider{
        padding: 5px 10px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 20%;
    }
    .listed-tire-section .main-container .tire-toogle-filters button{
        width: 100%;
    }
    .listed-tire-section .main-container .tires-by-brand .tire .thumb img{
        width: 100%;
    }
    .payment-final .stripe-btn{
        width: 100%;
    }
    .checkout-section .inner form button{
        width: 100%;
    }
    .payment-final .order-item .item .top .desc{
        padding-left: 10px;
    }
    .payment-final .order-item .item .top .desc p{
        font-size: 16px;
        line-height: 18px;
    }
    .certificate-toggle,
    #contact_form button,
    .payment-methods button,
    .payment-final .other-info button{
        width: 100%;
    }
    .certificate-toggle{
        margin: 10px 0;
    }
    .banner-area-1 .first-slide .links{
        flex-direction: column;
    }
    .banner-area-1 .first-slide .links a:first-child{
        width: 80%;
    }
    .banner-area-1 .first-slide .links a:last-child{
        width: 80%;
    }
    .ui_kit_tab.style-two .nav.nav-pills .nav-link{
        width: 150px;
    }
    .single-product-info .others .content-container .slide-content .box{
        padding: 20px 10px;
        gap: 20px;
    }
    .single-product-info .others .content-container .slide-content .box .info h4{
        font-size: 21px;
    }
    .single-product-info .others .content-container .slide-content .box .info p{
        font-size: 16px;
    }
    .nilight .more-info{
        justify-content: space-between;
    }
    .single-product-info .single-product-link .stock{
        font-size: 14px;
        width: 110px;
    }
    .reseller-locations .locations .location .desc .next-layer .links{
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        width: 100%;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 100%;
        font-size: 16px;
    }
    .reseller-locations .locations .location .desc .next-layer .links button:last-child{
        border: 1px solid rgb(51, 51, 51, 0.3);
    }
    .shop-product .details{
        padding: 0 5px 0 10px;
    }
    .shop-product .details .title a{
        font-size: 18px;
    }
    .tire-seller-form .inner{
        padding: 40px 10px 10px 10px;
    }
    .tire-seller-form .inner .main-container{
        padding: 30px 15px;
    }
    .listed-tire-section .top-tire-search-bar .form-group .form-control{
        width: 73%;
    }
    .listed-tire-section .top-tire-search-bar .form-group button{
        width: 25%;
    }
    .checkout-section .inner .add-btn button{
        width: 100%;
    }
    .listed-tire-section .single-detail .main-info .toogle-btns button,
    .store-details-page .single-detail .main-info .toogle-btns button,
    .tire-details .single-detail .main-info .toogle-btns button{
        font-size: 14px;
    }
    .existing-stores .item{
        padding: 5px;
    }
    .existing-stores .item .thumb{
        width: 35%;
        height: 130px;
    }
    .existing-stores .item .thumb img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .existing-stores .item .details{
        width: 65%;
        margin-left: 10px;
    }
    .existing-stores .item .details div span{
        font-size: 13px;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 40%;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 100%;
        font-size: 12px;
    }
}
@media only screen and (max-width:410px){
    .cart-section .products .product-card .links.block a{
        width: 135px;
    }
    .tire-seller-form .inner .main-container .progressbars .progress-step::after{
        font-size: 15px;
    }
}
@media only screen and (max-width:395px){
    .robust-container .partition-1 .single-item{
        display: block;
    }
    .robust-container .partition-1 .single-item .image{
        width: 100%;
    }
    .robust-container .partition-1 .single-item .info{
        width: 100%;
        padding-bottom: 20px;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 16px;
    }
    .robust-container .partition-1 .single-item .info .invisible{
        display: none;
    }
    .box-tz .inner ul li{
        font-size: 15px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging label{
        font-size: 12px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 10px;
        padding: 8px 5px;
    }
}
@media only screen and (max-width:392px){
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 39%;
    }
}
@media only screen and (max-width:375px){
    .tire-seller-form .inner .main-container{
        padding: 30px 5px;
    }
    .listed-tire-section .main-container .tire-head .right-side .sort-by .body{
        left: -200%;
    }
    .cart-section .products-links a:first-child{
        margin-bottom: 0;
    }
    .cart-section .products .product-card .info .quantity{
        width: 110px;
    }
    .cart-section .products .product-card .link a{
        width: 110px;
    }
    .banner-area-1 .first-slide .sub-title{
        font-size: 13px;
    }
    .special-tire-card .thumb{
        width: 280px;
    }
    .power-up .inner .single-stud{
        padding: 0 10px;
    }
    .banner-area-1 .second-slide{
        padding: 10px;   
    }
    .ui_kit_tab .nav.nav-pills .nav-link{
        font-size: 12px;
        width: 155px;
    }
    .ui_kit_tab.style-two .nav.nav-pills .nav-link{
        width: 140px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 100%;
        font-size: 12px;
    }
    .ui_kit_tab.style-four .nav.nav-pills .nav-link{
        width: 160px;
        font-size: 16px;
    }
    .single-product-info .single-product-others .main-title::before{
        width: 100%;
    }
    .single-product-info .single-product-link .stock{
        font-size: 12px;
        width: 100px;
    }
    .nilight .inner{
        gap: 15px;
    }
    .nilight .inner .more-info{
        gap: 10px;
    }
    .nilight .inner .more-info h6{
        font-size: 12px;
    }
    .cart-section .products .product-card .links.block a:last-child{
        margin-left: 0;
    }
    .reseller-label .form-label{
        font-size: 8px;
    }
    .tire-seller-form .inner form .form-group .form-control::placeholder,
    .tire-seller-form .inner form .form-group .form-select{
        font-size: 12px;
    }
    .tire-seller-form .inner form .btns .next-btn,
    .tire-seller-form .inner form .btns .submit-btn{
        width: 150px;
    }
    .dropdown-brands ul li div img{
        width: 100px;
    }
    .listed-tire-section .single-detail .main-info .toogle-btns button,
    .store-details-page .single-detail .main-info .toogle-btns button,
    .tire-details .single-detail .main-info .toogle-btns button{
        font-size: 12px;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 37%;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .pricing{
        width: 55%;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .pricing .pricing-box{
        gap: 5px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .qty-range{
        width: 43%;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .qty-range .qty-range-box{
        gap: 2px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .form-control,
    .tire-seller-form .inner .main-container form .form-group.price-ranging .form-control::placeholder{
        font-size: 10px;    
    }
}
@media only screen and (max-width:364px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        font-size: 10px;   
    }
    .listed-tire-section .main-container .tire-head .right-side a{
        font-size: 14px;
    }
    .reseller-input .form-control::placeholder{
        font-size: 14px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 14px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        font-size: 10px;
    }
    .tire-details-section .ordering-single select,
    .tire-details-section .ordering-single label{
        font-size: 14px;
    }
    .listed-tire-section .single-detail .main-info .normal-table tbody tr td,
    .store-details-page .single-detail .main-info .normal-table tbody tr td,
    .tire-details .single-detail .main-info .normal-table tbody tr td,
    .listed-tire-section .single-detail .main-info .mini-table caption,
    .store-details-page .single-detail .main-info .mini-table caption,
    .tire-details .single-detail .main-info .mini-table caption,
    .listed-tire-section .single-detail .main-info .mini-table tbody tr td,
    .store-details-page .single-detail .main-info .mini-table tbody tr td,
    .tire-details .single-detail .main-info .mini-table tbody tr td{
        font-size: 12px;
    }
}
@media only screen and (max-width:356px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 48.2%;
    }
    .box-tz .inner{
        padding: 10px;
    }
    .box-tz .inner ul li{
        font-size: 12px;
    }
}
@media only screen and (max-width:348px){
    .cart-section .products .product-card .links.block a{
        width: 120px;
    }
    .tire-brands .form-group .dropdown-model ul li div span{
        font-size: 12px;
    }
}
@media only screen and (max-width:345px){
    .single-product-info .single-product-link .stock{
        font-size: 12px;
        width: 95px;
    }
    .listed-tire-section .single-detail .main-info .toogle-btns button,
    .store-details-page .single-detail .main-info .toogle-btns button,
    .tire-details .single-detail .main-info .toogle-btns button{
        width: 100%;
        font-size: 16px;
        margin-bottom: 15px;
    }
    .locator-search-section .inner{
        padding: 20px 10px 10px 10px;
    }
    .tire-seller-form .inner .main-container .progressbars .progress-step::after{
        font-size: 12px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 12px;
    }
    .listed-tire-section .main-container .tire-head .right-side .sort-by .top,
    .listed-tire-section .main-container .tire-head .right-side a{
        font-size: 12px;
    }
    .ui_kit_tab.style-four .nav.nav-pills .nav-link{
        width: 140px;
        font-size: 14px;
    }
    .banner-area-1 .second-slide .info{
        transform: translateY(0);
    }
    .banner-area-1 .second-slide .info h4,
    .banner-area-1 .second-slide .info p{
        font-size: 14px;
    }
    .tire-details-section .ordering-single select,
    .tire-details-section .ordering-single label{
        font-size: 12px;
    }
    .existing-stores .item .details div span{
        font-size: 11px;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 37%;
    }
}
@media only screen and (max-width:329px){
    .banner-area-1 .first-slide .sub-title{
        font-size: 12px;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-control{
        width: 67%;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder{
        font-size: 12px;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-select{
        /* width: 33%; */
        font-size: 12px;
    }
    .banner-area-1 .second-slide .info{
        padding: 10px;
    }
    .banner-area-1 .second-slide .content .thumb{
        height: 210px;
        width: 210px;
    }
    .banner-area-1 .second-slide .info:before{
        display: none;
    }
    .ui_kit_tab .nav.nav-pills .nav-link{
        font-size: 12px;
        width: auto;
    }
    .ui_kit_tab.style-two .nav.nav-pills .nav-link{
        width: 125px;
    }
    .cart-section .products .product-card .links.block a{
        width: 110px;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        font-size: 15px;
    }
    form.styled-input .form-group.reseller-label .form-label{
        font-size: 14px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox li{
        margin-right: 5px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging .form-control,
    .tire-seller-form .inner .main-container form .form-group.price-ranging .form-control::placeholder{
        font-size: 9px;    
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging label{
        font-size: 11px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        font-size: 8px;
    }
}
@media only screen and (max-width:319px){
    .cart-section .products .product-card .links.block a,
    .cart-section .products .product-card .links a{
        width: 110px;
    }
    .tire-seller-form .inner .main-container form .form-group.price-ranging label{
        font-size: 10px;
    }
    .special-tire-card .thumb{
        width: 220px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 10px;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-item{
        width: 35%;
    }
}
@media only screen and (max-width:313px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        font-size: 8px;   
    }
    .listed-tire-section .main-container .tire-head .right-side .sort-by .top,
    .listed-tire-section .main-container .tire-head .right-side a{
        font-size: 10px;
    }
    .ui_kit_tab.style-four .nav.nav-pills .nav-link{
        width: 120px;
        font-size: 12px;
    }
}
@media only screen and (max-width:310px){
    .cart-section .products .product-card .links a,
    .cart-section .products .product-card .links .quantity,
    .cart-section .products .product-card .links.block a{
        width: 100%;
    }
    .cart-section .products .product-card .links a.second-link{
        margin-left: 0;
        margin-top: 15px;
    }
    .tire-seller-form .inner .main-container .progressbars .progress-step::after{
        font-size: 10px;
    }
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label{
        font-size: 8px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 48%;
    }
    .robust-container .partition-1 .single-item .info span{
        font-size: 14px;
    }
}
@media only screen and (max-width:296px){
    .ui_kit_tab.style-three.special .nav.nav-pills .nav-item{
        width: 100%;
    }
    .ui_kit_tab.style-three.special .nav.nav-pills .nav-link{
        width: 100%;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .nav-link{
        font-size: 8px;
    }
}
@media only screen and (max-width:273px){
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 100%;
    }
    .ui_kit_tab.style-three .nav.nav-pills.filter-box .filter-icon img{
        width: 45px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-link{
        font-size: 14px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item:nth-child(odd){
        margin-right: 0;
    }
}
@media only screen and (min-width:992px){
    .checkout-section .inner .order-summary .link{
        display: none;
    }
    .cart-section .inner .top-checkout-btn a,
    .cart-section .cart-card .btn a{
        width: 100%;
    }   
}
@media only screen and (min-width:1200px) and (max-width:1370px){
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-filter-check-box ul.lg-4 li{
        flex-basis: calc(50% - 2px);
    }
    .special-tire-card .badge{
        display: block;
    }
    .special-tire-card .more-info .special-icon-box p{
        font-size: 12px;
    }
    .special-tire-card .badge .installed{
        margin-bottom: 10px;
    }
    .special-tire-card .thumb{
        width: 120px;
        height: 120px;
    }
    .special-tire-card .more-info div i,
    .special-tire-card .more-info span{
        font-size: 12px;
    }
    .listed-tire-section .main-container .tire-head .left-side h5{
        font-size: 21px;
    }
    .listed-tire-section .single-detail .main-info .toogle-btns button,
    .store-details-page .single-detail .main-info .toogle-btns button,
    .tire-details .single-detail .main-info .toogle-btns button{
        font-size: 14px;
    }
    .store-details-page .main-image-slide-2 .images{
        height: 490px;
    }
    .listed-tire-section .main-container .tire-toogle-filters a{
        padding: 4px;
    }
    .listed-tire-section .main-container .filter-side-right .available-sellers .item .info{
        display: block;
    }
    .listed-tire-section .main-container .filter-side-right .available-sellers .item .info .thumb{
        width: 100%;
        margin-bottom: 10px;
    }
    .ui_kit_tab.style-five .tab-content{
        padding: 10px 5px;
    }
    .tire-details .single-detail .main-info .normal-table tbody tr td,
    .store-details-page .single-detail .main-info .normal-table tbody tr td,
    .listed-tire-section .single-detail .main-info .normal-table tbody tr td,
    .tire-details .single-detail .main-info .mini-table caption,
    .store-details-page .single-detail .main-info .mini-table caption,
    .listed-tire-section .single-detail .main-info .mini-table caption,
    .tire-details .single-detail .main-info .mini-table tbody tr td,
    .store-details-page .single-detail .main-info .mini-table tbody tr td,
    .listed-tire-section .single-detail .main-info .mini-table tbody tr td{
        font-size: 9px;
    }
    .regular-tire-card .details p,
    .regular-tire-card > div h5,
    .listed-tire-section .main-container .filter-side-left h5,
    .listed-tire-section .main-container .filter-side-right .heading,
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-control::placeholder,
    .listed-tire-section .main-container .filter-side-right form .form-control::placeholder,
    .listed-tire-section .main-container .filter-side-left .form-group .form-control::placeholder,
    .tire-seller-form .inner form .form-step .form-data .top-section .ui_kit_whitchbox .form-group .form-label,
    .listed-tire-section .main-container .tires .tire .details p,
    .listed-tire-section .main-container .tires .tire > div h5,
    .listed-tire-section .main-container .tire-head .right-side .sort-by .top,
    .listed-tire-section .main-container .filter-side-right form label,
    .listed-tire-section .main-container .tire-head .right-side a{
        font-size: 14px;
    }
    .ui_kit_tab.style-three .nav.nav-pills .nav-link{
        width: 140px;
        font-size: 14px;
        padding: 8px;
        line-height: 16px;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-next{
        right: 0;
    }
    .client_review_slider.owl-theme.owl-loaded .owl-prev{
        right: 10%;
    }
    .banner-area-1 .first-slide .title{
        font-size: 33px;
        margin-bottom: 10px;
    }
    .banner-area-1 .first-slide p{
        margin-bottom: 20px;
        font-size: 16px;
    }
    .banner-area-1 .first-slide .links{
        margin-bottom: 40px;
        display: flex;
        gap: 30px;
    }
    
    .banner-area-1 .second-slide .content .thumb img{
        height: 300px;
    }
    .banner-area-1 .third-slide{
        margin-top: 0;
    }
    .banner-area-1 .third-slide .contents{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px;
    }
    .banner-area-1 .third-slide .contents .first-cover{
        width: 30%;
    }
    .banner-area-1 .third-slide .contents .second-cover{
        width: 70%;
    }
    .banner-area-1 .third-slide .contents .first-cover h3{
        color: #ffffff;
        font-size: 18px;
    }
    .banner-area-1 .third-slide .second-cover{
        border-left: none;
    }
    .banner-area-1 .third-slide .second-cover .mc-cert{
        padding: 10px 0 10px 25px;
        gap: 15px;
    }
    .banner-area-1 .third-slide .second-cover .mc-cert i{
        font-size: 34px;
    }
    .listed-tire-section .main-container .tire-head .left-side{
        display: block;
    }
    #slider-range-value1,
    #slider-range-value2{
        width: 70px;
        font-size: 12px;
        padding: 8px 5px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-item{
        width: 100%;
        margin-bottom: 10px;
    }
    .ui_kit_tab.style-five .nav.nav-pills .nav-link{
        width: 100%;
        font-size: 10px;
        padding: 5px 5px;
    }
    .ui_kit_tab.style-five .tab-content{
        margin-top: 10px;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group{
        display: block;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .radius{
        width: 100%;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-control{
        width: 100%;
        height: 35px;
        background: #ffffff;
        margin-bottom: 15px;
    }
    .listed-tire-section .main-container .filter-side-right form .form-control,
    .listed-tire-section .main-container .filter-side-left .form-group .form-control{
        height: 35px;
    }
    .listed-tire-section .main-container .filter-side-left .location .form-group .form-select{
        width: 100%;
        font-size: 14px;
    }
    .listed-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon .form-control{
        padding-left: 30px;
    }
    .listed-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon span{
        font-size: 12px;
    }
    .listed-tire-section .main-container .filter-side-left .form-group .form-input.add-search-icon .form-control::placeholder{
        font-size: 12px;
    }
    .banner-area-1 .first-slide .links a{
        font-size: 12px;
    }
    .banner-area-1 .first-slide .links a:first-child{
        width: 50%;
    }
    .banner-area-1 .first-slide .links a:last-child{
        width: 50%;
    }
    .banner-area-1 .third-slide .second-slide{
        padding-right: 0;
    }
    .tire-seller-form .inner form .form-group .form-select,
    .tire-seller-form .inner form .form-group .form-control::placeholder{
        font-size: 15px;
    }
    .ui_kit_tab.style-one .nav.nav-pills .nav-item{
        width: 33.33%;
    }
    .reseller-locations .locations .location .desc .next-layer .links button{
        width: 120px;
        padding: 11px 10px;
    }
    .container-custom{
        padding: 0 20px;
        max-width: 1199px;
    }
}
@media (min-width: 1200px) {
    .container-custom {
        max-width: 1600;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (min-width:1400px){
    .container-custom{
        max-width: 1600px;
    }
}

.product_pieces{
    transform: translateX(30px);
    font-size: 12px;
    font-weight: 500;
}
@media only screen and (max-width:425px){
    .product_pieces{
        transform: translateY(-60px);
        padding-left: 70px;
        font-size: 10px;
    }
}
 
       /* Style for the chat icon */
.chat-icon {
    position: relative;
    bottom: 80px;
    right: 45px;
    width: 60px;
    height: 60px;
    background-color: #0B2741;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.chat-icon:hover {
    background-color: #721c24; /* Darker green on hover */
}
/* Chat Widget Styles */
.chat-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    cursor: grab;
}

.chat-icon.grabbing {
    cursor: grabbing;
}

.chat-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--dark-red);
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    cursor: pointer;
}

.chat-close-btn:hover {
    background: #c00;
}

.chat-container {
    transition: opacity 0.3s ease;
}

.chat-container.hidden {
    display: none !important;
}



#recaptcha {
    display: none;
    position: fixed;
    /* transform: translateY(280%); */
    transform: translate(150%, 200%);
    z-index: 1000;
    background: white;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    
}
@media only screen and (max-width:768px){
        #recaptcha {
        display: none;
        position: fixed;
        /* bottom: ;: 50%; */
        /* left: 50%; */
        transform: translateY(200%);
        z-index: 1000;
        background: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

}
.chat-container {
    text-decoration: none;
    cursor: pointer;
}
.chat-icon {
    display: flex;
    align-items: center;
    gap: 5px;
}