/* پنهان‌سازی سربرگ بالایی */
/* --- Hiding the top header --- */

/* Hide the top header section */
.header-top {
    display: none !important;
}

/* --- Font settings for admin bar --- */
.form-group-cus-2 input {
    background: #2a2a2a !important;
    color: #dfdfdf !important;
    border: 1px solid #ececec;
}
.form-group-cus-2 textarea {
    background: #2a2a2a !important;
    color: #dfdfdf !important;
    border: 1px solid #ececec;
}
.form-group-cus-2 input:focus {
    background: transparent;
    border-color: rgba(var(--color-brand-rgb), 0.4);
}


/* Set font family for admin bar */
.admin-bar-container {
    font-family: 'iransanse', sans-serif;
}

/* --- Flag and table styles --- */

/* Disable and dim inactive flags */
.disabled-flag {
    opacity: 0.3;
    pointer-events: none;
}

/* Table settings */
.table {
    width: 100%;
    border-collapse: collapse;
}

/* Display table rows normally */
.table tbody tr {
    display: table-row;
}

/* SVG logo styles for cars with zoom effect on hover */
.svg-logo-car {
    background-color: transparent;
    transition: transform 0.3s ease; /* Animation effect on hover */
}

/* Zoom and brighten the logo on hover */
a:hover .svg-logo-car {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Flag title styles */
.title-flag {
    margin-top: 5px;
    font-weight: normal;
}

/* --- Responsive styles for mobile display --- */

/* Adjust table rows for mobile display */
@media (max-width: 480px) {
    /* Set table rows to wrap and center-align on mobile */
    .table tbody {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* Display table rows flexibly with calculated width on mobile */
    .table tbody tr {
        display: flex;
        flex-basis: calc(50% - 10px); /* Set row size */
        justify-content: center;
        margin: 5px;
    }

    /* Resize images for mobile */
    .table tbody tr img {
        width: 60px;
        height: auto;
    }

    /* Center-align flags and titles on mobile */
    .disabled-flag, .title-flag {
        text-align: center;
    }
}

/* --- End of flag and table styles --- */

/* --- Search bar border styling on homepage --- */

/* Set search bar border style */
.header-style-1 .search-style-2 form {
    border: 1px solid rgb(191 191 191 / 40%) !important;
}

/* --- Link styles --- */

/* Set normal font weight for links */
a {
    font-weight: normal !important;
}

/* --- Font weight for muted text --- */

/* Set light font weight for muted text */
.text-muted {
    font-weight: 300 !important;
}

/* Set light font weight for banner text on the left icon section */
.banner-left-icon .banner-text p {
    font-weight: 300 !important;
}

/* --- Icon box title styles --- */

/* Set font weight and size for icon box titles */
.icon-box-title {
    font-weight: 300 !important;
    font-size: 14px !important;
}

/* Adjust font size and weight for icon box subtitles */
.icon-box-title-p {
    font-weight: 300 !important;
    font-size: 12px !important;
}

/* --- Header icon label font weight --- */

/* Light font weight for header icon labels */
.header-action-2 .header-action-icon-2 span.lable {
    font-weight: 300 !important;
}

/* --- Header adjustments --- */

/* Remove padding from the middle section of the header */
.header-style-1 .header-middle-ptb-1 {
    padding: 0 0 !important;
}

/* --- Header menu and search dropdown styles --- */

/* Change text color for header menu */
.main-menu > nav > ul > li > a {
    color: #7E7E7E !important;
}

/* Change text color for dropdown list in the search bar */
.search-style-2 form select {
    color: #7E7E7E !important;
}

/* --- Slider styles --- */

/* Hide slider arrows on the homepage */
.slider-arrow.hero-slider-1-arrow {
    display: none !important;
}

/* Change border color for navigation dots in the slider */
.dot-style-1 ul li button {
    border-color: #7E7E7E !important;
}

/* --- Custom container styles --- */

/* Custom container with a fixed height for testing */
.container-custom {
    max-width: 1336px;
    width: 100%;
    height: 700px; /* Fixed height for testing */
    position: relative;
    overflow: hidden;
    background-color: #f3f3f3; /* Add background for better visibility */
    margin-top: 20px;
}

/* Custom image wrapper */
.img-wrapper-custom {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: whitesmoke;
}

/* Image settings to maintain aspect ratio and style */
.img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; /* Maintain aspect ratio */
}

/* New image style for half display */
.img.new {
    clip-path: inset(0 50% 0 0); /* Show half of the new image */
}

/* --- Slider styles --- */

/* Slider line styling */
.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px; /* Width of the slider line */
    background-color: #fff; /* Color of the slider line */
    cursor: ew-resize;
}

/* Slider indicator styling */
.slider-indicator {
    width: 30px; /* Circle width */
    height: 30px; /* Circle height */
    background-color: #3189B9; /* Circle color */
    border-radius: 50%; /* Make the shape a circle */
    position: absolute;
    top: 50%; /* Vertically center */
    left: 50%; /* Horizontally center */
    transform: translate(-50%, -50%); /* Adjust for centering */
    border: 2px solid #fff; /* Circle border */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add shadow for attention */
    cursor: pointer; /* Change cursor on hover */
}

/* --- Container and text alignment styles --- */

/* Container with 100% width and centered content */
.container-width {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}

/* Text centered with padding */
.txt-elevate {
    justify-content: center;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* --- Overlay styles --- */

/* Overlay background with transparent black, positioned at the bottom */
.overlay {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
    color: #DDD;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Text styling for "before" section in overlay */
.before-text {
    font-size: 40px;
    margin-right: auto;
    margin-left: 20px;
    z-index: 100;
}

/* Text styling for "after" section in overlay */
.after-text {
    margin-right: 20px;
    font-size: 40px;
    margin-left: auto;
}

/* --- Search form styles --- */

/* Set max width for the search form */
.header-style-1 .search-style-2 form {
    max-width: 536px !important;
}

/* Remove margin for RTL direction in search box */
body[dir=rtl] .search-style-2 {
    margin: 0 !important;
}

/* Remove margin for RTL direction in logo */
body[dir=rtl] .logo.logo-width-1 {
    margin: 0 !important;
}

/* Full-width search box with padding */
.search-style-2 {
    width: 100% !important;
    padding-right: 24px;
    padding-top: 12px;
}

/* --- Main category button styles --- */

/* Default background and text color for category buttons */
.header-style-1 .main-categories-wrap > a {
    background-color: #ffffff;
    color: #7E7E7E;
}

/* Color for active category button icon */
.header-style-1 .main-categories-wrap > a.categories-button-active i {
    color: #7E7E7E;
}

/* Remove padding for active category button */
.header-style-1 .main-categories-wrap > a.categories-button-active {
    padding: 0;
}

/* Text color for span inside category button */
.header-style-1 .main-categories-wrap > a span {
    color: #7E7E7E !important;
}

/* --- Header styles --- */

/* Remove borders from header sections */
.header-style-1 .header-bottom-bg-color {
    border-top: 0 solid whitesmoke !important;
    border-bottom: 0 !important;
}

/* No border for the search form */
.header-style-1 .search-style-2 form {
    border: none !important;
    background-color: #2a2a2a;
}

/* Background color for the search input field */
.header-style-1 .search-style-2 form input {
    background-color: #2a2a2a;
}

/* --- Menu styles --- */

/* Font size for menu links */
.main-menu > nav > ul > li > a {
    font-size: small !important;
}

/* Font size for active category button */
.categories-button-active {
    font-size: small !important;
}

/* --- Hotline styles for RTL direction --- */

/* Font size for hotline text */
body[dir=rtl] .hotline p {
    font-family: iransanse, sans-serif;
    font-size: large !important;
}

/* Remove margin for RTL in category wrap */
body[dir=rtl] .main-categories-wrap {
    margin: 0 !important;
}

/* --- Hover styles for main category button --- */

/* Styles for hovered main category button */
.header-style-1 .main-categories-wrap > a:hover {
    .fi-rs-angle-down {
        color: white;
    }

    .fi-rs-apps {
        color: white !important;
    }


    background-color: #fb5403;
    color: white;
}

/* --- Responsive styles for smaller screens --- */

/* Hide mobile promotion for small screens (max-width: 480px) */
@media only screen and (max-width: 480px) {
    .mobile-promotion {
        display: none;
    }
}

/* Adjust logo width for medium screens (max-width: 770px) */
@media only screen and (max-width: 770px) {
    .logo.logo-width-1 a img {
        max-width: 154px;
        min-width: 0;
        width: 100px;
        margin-left: 200px;
    }
}

/* Hide mobile promotion for medium screens (max-width: 900px) */
@media only screen and (max-width: 900px) {
    .mobile-promotion {
        display: none;
    }
}

/* --- Dropdown and product styles --- */

/* Change text color for account dropdown links */
.cart-dropdown-wrap.account-dropdown a {
    color: #7E7E7E !important;
}

/* Set color and font-weight for product category label */
.product-cat-label {
    font-weight: 300;
}

/* Lighter font-weight for search product input field */
.input-search-product {
    font-weight: 200;
}

/* --- Menu SVG alignment --- */

/* Center SVGs in the menu */
.menu-custom-svg {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* --- Miscellaneous styles --- */

/* Margin bottom of 10px for specific elements */
.mb-10 {
    margin-bottom: 10px;
}

/* Lighter font and smaller size for spans */
span {
    font-size: 13px;
    font-weight: 300;
}

/* Set custom max width for a specific container */
.custom_cc_1 {
    max-width: 1336px !important;
}

/* Set custom height for an element */
.h-custom {
    height: 80px !important;
}


/* --- Banner, text, and widget styles --- */

/* Set height for banner icons */
.banner-left-icon {
    height: 110px;
}

/* Light font-weight for text headings */
.text-heading {
    font-weight: 300 !important;
}

/* Light font-weight for widget titles */
.widget-title {
    font-weight: 300 !important;
}

/* Remove padding for section padding class */
.section-padding {
    padding: 0;
}

/* Font size adjustment for widget title headers */
.widget-title h4 {
    font-size: 15px !important;
}

/* --- Footer logo styles --- */

/* Set dimensions for the footer logo */
.logo-footer {
    width: 150px;
    height: 50px;
}

/* --- Responsive adjustments for hero slider --- */

/* Adjust hero slider height for screens smaller than 1024px */
@media only screen and (max-width: 1024px) {
    .hero-slider-1 .single-hero-slider {
        height: 300px !important;
    }
}

/* --- Add to cart button styles --- */

/* Add border for the add-to-cart button */
.add-to-cart-button {
    /*border: 1px solid #FB5403 !important;*/
    /*font-weight: 400 !important;*/
}

/* --- Search box styles --- */

/* Flexbox alignment for search box */
.search-box {
    position: relative;
    display: flex;
    align-items: center;
}

/* Full width input field for search products with padding */
.input-search-product {
    width: 100%;
    padding: 10px 10px 10px 10px; /* Space for the button */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 !important;
}

/* Style for search button */
.search-btn {
    position: relative !important;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    transform: unset !important;
    color: #333;
    background-color: #39FF14 !important;
    height: 40px !important;
    border-radius: 15px !important;
}

/* Icon background and size inside the search button */
.search-btn i {
    background-color: red;
    font-size: 18px; /* Set icon size */
}

/* Icon color change on hover for search button */
.search-btn:hover i {
    color: #39FF14; /* Change icon color on hover */
}

/* Quick search form layout */
.form--quick-search {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 5px;
    border-radius: 16px !important;
}

/* Spacing between icon and text in search button */
.search-btn svg {
    margin-right: 8px; /* Space between icon and text */
}

/* Text color for search button */
.search-btn span {
    color: whitesmoke;
}

/* --- Logo scaling styles --- */

/* Scale the logo and adjust padding */
.logo-scale {
    scale: 1.4;
    padding-top: 7px;
}

/* Background color for 'hot' product badges */
.product-cart-wrap .product-badges span.hot {
    background-color: #ff143b;
}

.product-price {
    font-family: var(--font-text), sans-serif !important;
}


.product-price span {
    font-size: 17px !important;
}


.product-cart-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.border-custom-product {
    border: 1px solid #2a2a2a !important;
    display: flex !important;
    border-radius: 10px;

}

.bor-cu {
    border-left: 1px solid #2a2a2a !important;
    border-right: 1px solid #2a2a2a !important;
    padding-top: 20px;
}


.custmnT {
    padding-top: 20px;
    padding-right: 8px;
    padding-left: 8px;
}

.search-style-2 form input {
    background-image: none !important;
}

.section-title.style-1 {
    border-bottom: 1px solid #2a2a2a !important;
}

.hero-slider-1.style-4 .single-hero-slider.single-animation-wrap, .hero-slider-1.dot-style-1 .single-hero-slider.single-animation-wrap, .hero-slider-1.style-5 .single-hero-slider.single-animation-wrap {
    background-color: black !important;
}


@media only screen and (max-width: 760px) {
    .border-custom-product {
        display: block !important;
    }
}


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


.section-title.style-1::after {
    content: "";
    width: 100% !important;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--color-brand-rgb), 0.4);
}

.btn-xs {
    display: none !important;
}

.default-img {
    object-fit: none !important;
}


@media (max-width: 767px) {
    .d-inline-block.phone {
        display: none !important;
    }
}


body {
    background-color: #000000;
}

.header-bottom {
    background-color: #000000 !important;
}

.breadcrumb-wrap {
    display: none !important;
}


.product-content-wrap {
    background-color: #000000 !important;
}

.default-img {
    scale: 0.9 !important;
    border-right: 15px;
}


.product-img {
    background-color: #000000 !important;
}

.product-cart-wrap {
    border: none !important;
    background-color: #000000 !important;
}

.product-cart-wrap .product-img-action-wrap .product-img {
    border-radius: 0 !important;
}


h3 {
    color: #39FF14 !important;
}

h4 {
    color: #39FF14 !important;
}

.categories-button-active {
    background-color: #000000 !important;
}


.banner-left-icon {
    position: relative;
    background: #201e1e !important;
    padding: 20px;
    border-radius: 10px;
}

.main {
    margin-top: -73px !important;
}

.col-2 {
    padding: 10px;
}

.svg-logo-car {
    display: block;
    margin: 0 auto;
    scale: 1.1;
}

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

/* موبایل */
@media (max-width: 768px) {

    .companies .col-4 {
        width: 33.33%; /* سه ستون در هر ردیف */
    }

    /* محدود کردن تعداد لوگوها به ۱۲ */
    .companies .row .col-4:nth-child(n+13) {
        display: none;
    }

    .companies {
        text-align: center;
    }

    /* اندازه آیکون در حالت موبایل */
    .banner-left-icon {
        height: 167px;
    }
}

/* دسکتاپ */
@media (min-width: 768px) {
    .companies .col-md-3 {
        width: 22%; /* چهار ستون در هر ردیف */
    }
}


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


.companies .col-4 {
    padding: 0; /* حذف padding */
    margin: 0; /* حذف margin */
}

.companies .row {

}

/* موبایل */
@media (min-width: 768px) {
    .companies .row {
        margin-left: 0; /* حذف فاصله سمت چپ */
        margin-right: 0; /* حذف فاصله سمت راست */
    }
}


@media (max-width: 768px) {
    .companies .col-4 {
        padding: 0; /* حذف padding */
        margin: 0; /* حذف margin */
    }
}

.contact-button {
    position: fixed; /* موقعیت ثابت */
    right: 20px; /* فاصله از سمت راست */
    bottom: 20px; /* فاصله از پایین */
    z-index: 1000; /* بالاترین اولویت نمایش */
    border-radius: 50%; /* گرد کردن کامل */
    /*border: 1px solid #39FF14;*/
    padding: 10px; /* فاصله داخلی */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); /* سایه برای زیبایی */
}

.contact-button a {
    display: flex; /* استفاده از flexbox */
    justify-content: center; /* مرکز کردن محتوا */
    align-items: center; /* مرکز کردن محتوا عمودی */
}

.contact-button img {
    width: 36px; /* اندازه آیکون */
    height: 36px; /* اندازه آیکون */
    border-radius: 50%; /* گرد کردن آیکون */
    animation: pulse 1.5s infinite; /* انیمیشن بزرگ و کوچک شدن */
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1); /* اندازه اصلی */
    }
    50% {
        transform: scale(1.2); /* اندازه بزرگتر */
    }
}


.contact-button:hover img {
    transform: scale(1.1); /* بزرگ کردن آیکون در حالت هاور */
}


/*auto play*/

.slider-custom-auto-play {
    background: #2a2a2a;
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider-custom-auto-play::before,
.slider-custom-auto-play::after {
    background: linear-gradient(to right, #bcbcbc 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 100px;
    z-index: 2;
}

.slider-custom-auto-play::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.slider-custom-auto-play::before {
    left: 0;
    top: 0;
}

.slider-custom-auto-play .slide-track {
    display: flex;
    width: calc(250px * 18); /* Adjust this based on your number of slides */
    animation: scroll 40s linear infinite; /* Speed of scroll */
}

.slider-custom-auto-play .slide {
    height: 250px; /* Adjust height */
    width: 76px; /* Adjust width */
    transition: transform 0.3s ease; /* Animation for size change */
}

.slider-custom-auto-play .slide:hover {
    transform: scale(1.1); /* Scale up on hover */
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 9)); /* Adjust for the number of slides */
    }
}

.heading_s1 h1 {
    font-size: 32px !important;
    color: #39FF14;
}


.form-group-login {
    display: flex;
    justify-content: end;
}

.btn-heading, button.btn-heading[type=submit] {
    background: #39FF14;
}

.header-action-2 .header-action-icon-2 > a span.pro-count {
    color: black !important;
}

.loop-grid article {
    background: black;
}

.modal-content {
    background: black !important;
}

.js-add-to-compare-button {
    display: none !important;
}

.second-part {
    padding-top: 33px;
}

.mobile-promotion {
    display: none;
}

.shop-filter-toggle {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}
.cart-dropdown-wrap {
    background-color: #1e1e1e !important;
}

.shop-product-filter .sort-by-product-area .sort-by-product-wrap {
    background-color: #1e1e1e !important;
}


.categories-dropdown-active-large {
    background-color: #1e1e1e !important;
}

.sort-by-dropdown {
    background-color: #1e1e1e !important;
}


@media (max-width: 576px) {
    /* تنظیمات برای موبایل */
    .btn {

        font-size: 14px; /* اندازه متن دکمه */
        padding: 5px 10px; /* اندازه داخلی دکمه */
    }

    .gap-2 {
        justify-content: center !important;
    }

    .text-muted {
        display: none !important;
    }

    .h-custom {
        /*display: none !important;*/
        font-size: 12px !important;
    }

}


@media (max-width: 768px) {
    .banner-left-icon {
        height: auto; /* اگر نیاز بود ارتفاع تنظیم شود */
    }

    .svg-logo-car-brand {
        padding: 7px !important;
    }

    .text-muted {
        display: none !important;
    }

    .add-cart {
        padding-top: 15px !important;
    }

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button {
        width: 101% !important;
    }
}


.mobile-header-content-area {
    background-color: #0b0b0b;
}


.mobile-header-top {
    background-color: #0b0b0b !important;
}


.svg-logo-car-brand {
    padding-top: 88px;
    scale: 2.0;
}

@media (min-width: 992px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 12.666667% !important;
    }
}

.form-control{
    color: #dfdfdf !important;
}

.vendor-background-custom{
    background-color: black !important;
}

.level-menu{
    background-color: #1e1e1e !important;
}
.sub-menu{
    background-color: #1e1e1e !important;
}

.product-badges-mrg span{
    background-color: #F30216!important;
}