html{
    ::-webkit-scrollbar {
        width: 6px;
    }
    
    ::-webkit-scrollbar-track {
        background: #f6f6f6;
    }
    
    ::-webkit-scrollbar-thumb {
        background-color: #ca1526;
        border-radius: 12px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }    
    }
    /* Whatsapp Animasyon */
    @keyframes whatsappLogo {
        0%{
            transform: rotate(0deg)
        }
        100%{
            transform: rotate(360deg)
        }
    }



    .header-contact-icon{
        border-radius: 100%;
        background-color: var(--dominant-font-color);
        i{
            color: white !important;
        }
    }
    .main-header .header-bottom-area::before{
        content: " ";
        background:transparent !important;
    }
    .search-input{
        background: white !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 12px 0px 0px 12px !important;
    }
    .header-search-icon{
        border-radius: 0px 12px 12px 0px;
        cursor: pointer;
    }
    
    .social-media-menu{
        padding: 10px 0px !important;
    }
    .social-media-menu-item{
        i{
            font-size: 14px;
            padding: 10px;
            background-color: var(--dominant-font-color);
            border-radius: 100%;
            color: white;
        }
        
    }
    .article-description{
        ul{
            list-style-type:disc !important;
        }
    }
    
    .contact-touch-content{
        border-radius: 16px !important;
        height: 250px !important;
        transition: 0.5s;
    }
    .contact-touch-content:hover{
        transform: translateY(-15px);
        .contact-touch-icon{
            background: var(--dominant-font-color);
            color:white;
            box-shadow: 0px 0px 20px var(--dominant-font-color);
        }
    }
    
    .contact-touch .sub-title p{
        color: var(--dominant-font-color);
        font-size: 32px !important;
    }
    .product-detail-tab{
        li{
            margin: 0px 20px;
        }
        a{
            color: black;
            padding-bottom: 11px !important;
        }
        a.active{
            border-bottom: 1px solid var(--dominant-font-color);
        }
    }
    
    .swiper-slide .dominant-btn:hover:hover{
        background-color: #a41320;
        border-color:  #a41320;
        color: white;
    }
    .product-tab-description .product-description-info{
        p, strong, h1, h2, h3, h4, h5, h6, span, td, tr{
        color: black ;
    }
    }
    .product-tab-ai{
        p, strong, h1, h2, h3, h4, h5, h6, span, td, tr{
            color: black ;
        }
    }
    .product-detail p{
        color:black !important;
    }
    
    .article-description{
        h2,h3,h4,h5,h6{
            font-size: 16px !important;
            padding: 4px 0px !important;
            margin: 4px 0px solid !important;
        }
    }
    .product-description-info{
        strong{
            font-weight: 700!important;
        }
        img{
            width: 100% !important;
            height: 100% !important;
            border-radius:24px!important;
        }
        h1, h2, h3, h4, h5, h6, strong, p{
            padding: 4px 0px;
        }
    }
    .product-tab-ai{
        .table{
            --bs-table-bg: #fafafa;
        }
        strong{
            font-weight:700!important;
        }
        img{
            width: 100% !important;
            height: 100% !important;
            border-radius:24px!important;
        }
        h1, h2, h3, h4, h5, h6, strong, p{
            padding: 4px 0px;
        }
    }
    .about-future{
        h1, h2, h3, h4, h5, h6, strong{
            font-weight: 600 !important;
        }
        h1, h2, h3, h4, h5, h6, strong, p{
          padding: 4px 0px!important;
        }
    }
    .about-future {
        p{
         color:black;    
        }
    }
    .ftlink-ul i{
        color:#0f0f0f;
    }
    .campaign-content{
        padding: 35px;
        border-radius: 24px;
        background: var(--dominant-font-color);
        .campaign-info{
            display: flex;
            gap: 35px;
            flex-direction: column;
            align-items: flex-start;
            p{
                font-weight:400;
            }
            h2{
                font-weight:550;
            }
            h2, p{
                padding: 4px 0px;
                color: white;
            }
            a{
                transition: 0.5s;
                border-radius: 24px;
                padding: 15px 30px;
                background-color: #b11a27;
                color: white;
            }
            a:hover{
                color:#a41320;
                box-shadow:1px 1px 30px white;
                background-color: white;
            }
        }
    }
    .campaign-detail-content{
        h1, h2, h3, h4, h5, h6, span, p, li{
            color: black;
            padding: 4px 0px;
        }
    } 
    .product-img-small .swiper-slide-thumb-active{
        border: 2px solid var(--dominant-font-color);
        border-radius: 20px;
        overflow:hidden;
    }
    .product-description-info .table{
        --bs-table-bg: #fafafa !important
    }
    .mobilemenu-content .main-wrap ul.menu-ul li.menu-li .menu-btn span a{
        color:black !important;
    }
    .mobilemenu-content .main-wrap ul.menu-ul li.menu-li .menu-btn button, .mobilemenu-content .main-wrap ul.menu-ul li.menu-li .menu-btn button[aria-expanded="false"] {
        color:black !important;
    }
    .mfp-figure figure{
        background: white !important;
        border:none !important;
        border-radius:24px;
    }
    .modal-body{
        background: #f6f6f6!important;
    }
    /* Mobil */
    @media (max-width: 767px) {
        .slider-text-content{
            position: absolute;
            top: 20px;
            h6{
                font-size: 16px;
            }
            h2{
                font-size: 48px;
            }
            p{
                font-size: 16px;
                margin: 4px 0px;
            }
            a{
                margin: 10px 0px;
                height: 40px;
            }
        }
    }
    @media (min-width: 768px) and (max-width: 1023px) {
        .slider-text-content{
            position: absolute;
            top: 75px;
        }
    }
    @media (min-width: 1024px) {
        .slider-text-content{
            position: absolute;
            top: 90px;
        }
    }
    
    .headerCategorySlider{
        .swiper-slide{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content:center;
            img{
                width: 140px;
                height: 140px;
                border-radius: 100%;
                transition: 0.5s;
                background: #ededed !important;
                border: 1px solid;
                border-color: #ededed;
            }
            img:hover{
                border-color: var(--dominant-font-color);
            }
            h3{
                font-size: 16px;
                padding: 15px 0px;
                text-align: center;
            }
        }
    }
    .about_info_content{
        .about_info_item{
            transition: 0.5s;
        }
        .about_info_item:hover{
            background: var(--dominant-font-color);
            box-shadow: 0px 0px 25px var(--dominant-font-color);
            div, span, h2{
                color:white;
            }
        }
    }
    .quick-order-cancel-button{
        padding:15px;
        background: var(--dominant-font-color);
        border-radius:100%;
        color:white;
        font-weight: 800;
        transition: 0.5s;
    }
    .quick-order-cancel-button:hover{
        transform: rotate(360deg);
        i{
            color: white;
        }
    }
    .product-tab{
        padding: 0px 20px;
    }
    .product-description-info{
        video{
            border-radius: 12px;
        }
    }
    .footer-contact-menu{
        i{
            font-size: 18px;
            padding: 10px;
            background: var(--dominant-font-color);
            color: white;
            border-radius: 100%;
        }
    }
    a#top{
        padding: 24px;
        font-size: 24px;
        border-radius: 100%;
        background: var(--dominant-font-color) !important;
        transition: 0.5s;
        border: none !important;
    }
    a#top:hover{
        transform: translateY(-15px);
        box-shadow: 0px 0px 20px var(--dominant-font-color);
    }
    .header-category-menu-category-icon{
        color: var(--dominant-font-color) !important;
    }
    .whatsapp-contact-icon{
        position: fixed;
        bottom: 100px;
        left: 50px;
        z-index: 999;
        animation: whatsappLogo 1.5s linear normal;
        img{
            transition: 0.5s;
            width: 60px;
            height: 60px;
        }
        img:hover{
            transform: translateY(-5px);
        }
    }