:root {
    --theme-color: #E4002B;
    /*    --theme-colorr: #27328a;
    --text-color: #222;
    --bg-color: #fff;*/
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: Avenir Next,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    color: black;
}


a {
    text-decoration: none !important;
    color: black !important;
}
/*.mega-menu {
  top: 100%;
  left: 0;
  right: 0;
}

.category-link {
  display: block;
  padding: 8px 0;
  text-decoration: none;
  color: #333;
  transition: 0.2s;
  cursor: pointer;
}
.category-link:hover,
.category-link.active {
  color: #e4002b;
  font-weight: 600;
}

.category-products {
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
*/

.navbar {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background-color: rgba(255,255,255) !important;
}

    .navbar li a {
        color: black;
        font-size: 18px;
        font-weight: 500;
    }



.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



.mega-menu {
    top: 100%;
    left: 0;
    right: 0;
}

.category-link {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #333;
    transition: 0.2s;
    cursor: pointer;
}

    .category-link:hover,
    .category-link.active {
        color: #e4002b;
        font-weight: 600;
        background-color: #f5f5f5;
        padding: 10px;
    }

.category-products {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.dropdown-toggle::after {
    display: none;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


@media(max-width:992px) {
    .hero-section {
        height: 75vh;
    }
}


@media(min-width:992px) {
    .hero-section {
        height: 100vh;
    }
}


/*SLİDER*/

.hero-section {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    color: #fff;
}

    .hero-section img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hero-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65); /* koyu overlay efekti */
    }

.hero-content {
    position: absolute;
    z-index: 2;
    max-width: 90%;
    text-align: center;
    top: 60%;
    left: 20%;
    text-align: left;
}

.text-highlight {
    color: #ff0000; /* vurgulu kırmızı renk - dilersen değiştir */
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 3rem;
    }

    .hero-content h5 {
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) {
    .hero-content h1 {
        font-size: 4rem;
    }

    .hero-content h5 {
        font-size: 2rem;
    }
}



/*İNDEX ALAN 1*/
.index_alan_1 {
    height: 50vh;
    text-align: center;
    display: flex;
    align-items: center;
}



@media(max-width:992px) {


    .index_alan_1 h2 {
        font-size: 30px;
        font-weight: 900;
        color: black;
    }

    .index_alan_1 p {
        font-size: 16px;
        font-weight: 400;
    }

    .index_alan_2 {
        background-color: var(--theme-color);
        display: flex;
        align-items: center;
        padding: 25px 10px;
    }

        .index_alan_2 h3 {
            font-size: 36px;
            margin: 25px 0;
        }

        .index_alan_2 h4 {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .index_alan_2 p {
            font-size: 16px;
            color: white;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .index_alan_2 a {
            font-size: 16px;
            color: var(--theme-color) !important;
            padding: 10px;
            font-weight: 700;
            background-color: white;
        }
}


@media(min-width:992px) {



    .index_alan_1 h2 {
        font-size: 40px;
        font-weight: 900;
        color: black;
    }

    .index_alan_1 p {
        font-size: 18px;
        font-weight: 400;
    }


    .index_alan_2 {
        background-color: var(--theme-color);
        display: flex;
        align-items: center;
        padding: 75px 10px;
    }

        .index_alan_2 h3 {
            font-size: 48px;
            color: white;
            font-weight: 900;
            margin-bottom: 50px;
        }

        .index_alan_2 h4 {
            font-size: 36px;
            color: white;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .index_alan_2 p {
            font-size: 18px;
            color: white;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .index_alan_2 a {
            font-size: 16px;
            color: var(--theme-color) !important;
            padding: 10px;
            font-weight: 700;
            background-color: white;
        }
}

/*İNDEX ALAN 2*/




.index_alan_2_img_container {
    height: 100%;
}

    .index_alan_2_img_container img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.index_alan_2 h3 {
    color: white;
    font-weight: 900;
}

.index_alan_2 h4 {
    color: white;
    font-weight: 700;
}

.index_alan_2 p {
    color: white;
    font-weight: 500;
}

.index_alan_2 a {
    color: var(--theme-color) !important;
    padding: 10px;
    font-weight: 700;
    background-color: white;
}


/*İNDEX ALAN 3*/

@media(max-width:992px) {
    .index_alan_3 {
        padding: 75px 25px;
    }

    .product-card {
        flex: 0 0 calc(50% - 1rem);
        background: #fff;
        text-align: center;
    }
}

@media(min-width:768px) and (max-width:1200px) {
    .display-5 {
        font-size: 36px !important;
    }
}

@media(min-width:992px) {
    .index_alan_3 {
        padding: 75px 25px;
    }

    .product-card {
        flex: 0 0 calc(33.333% - 1rem);
        background: #fff;
        text-align: center;
    }
}






.slider-wrapper {
    overflow: hidden;
    width: 100%;
}

.product-slider {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
}

    .product-slider.active {
        cursor: grabbing;
    }



.image-box {
    width: 100%;
    aspect-ratio: 1/1;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #eee;
}

    .image-box img {
        width: 90%;
        height: 90%;
        object-fit: contain;
        transition: transform 0.3s;
    }

        .image-box img:hover {
            transform: scale(1.05);
        }

.product-card h6 {
    font-weight: 700;
    margin-top: 10px;
}

.product-slider::-webkit-scrollbar {
    display: none;
}

.product-card img {
    pointer-events: none; /* 🔹 img üzerindeyken de slider drag alır */
    user-select: none;
}


/*İNDEX ALAN 4*/


@media(max-width:992px) {

    .index_alan_4 {
        background-color: var(--theme-color);
        display: flex;
        align-items: center;
        padding: 25px 10px;
    }

        .index_alan_4 h3 {
            font-size: 36px;
            margin: 25px 0;
        }

        .index_alan_4 h4 {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .index_alan_4 p {
            font-size: 16px;
            color: white;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .index_alan_4 a {
            font-size: 16px;
            color: var(--theme-color) !important;
            padding: 10px;
            font-weight: 700;
            background-color: white;
        }
}


@media(min-width:992px) {

    .index_alan_4 {
        background-color: var(--theme-color);
        display: flex;
        align-items: center;
        padding: 75px 10px;
    }

        .index_alan_4 h3 {
            font-size: 48px;
            color: white;
            font-weight: 900;
            margin-bottom: 50px;
        }

        .index_alan_4 h4 {
            font-size: 36px;
            color: white;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .index_alan_4 p {
            font-size: 18px;
            color: white;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .index_alan_4 a {
            font-size: 16px;
            color: var(--theme-color) !important;
            padding: 10px;
            font-weight: 700;
            background-color: white;
        }
}



.index_alan_4 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.index_alan_4_img_container {
    height: 100%;
}

.index_alan_4 h3 {
    color: white;
    font-weight: 900;
}

.index_alan_4 h4 {
    color: white;
    font-weight: 700;
}



.index_alan_4 p {
    color: white;
    font-weight: 500;
}

.index_alan_4 a {
    font-size: 16px;
    color: var(--theme-color) !important;
    padding: 10px;
    font-weight: 700;
    background-color: white;
}



/*İNDEX ALAN 5*/
@media(max-width:992px) {

    .index_alan_5 .baslik {
        margin-bottom: 50px;
        font-size: 40px;
        font-weight: 700;
        text-align: center;
    }

    .index_alan_5_ici h4 {
        margin-top: 20px;
        font-size: 30px;
        font-weight: 700;
        color: black;
    }

    .index_alan_5_ici p {
        margin-top: 20px;
        font-size: 20px;
    }
}


@media(min-width:992px) {
    .index_alan_5 .baslik {
        margin-bottom: 50px;
        font-size: 50px;
        font-weight: 700;
    }

    .index_alan_5_ici h4 {
        margin-top: 20px;
        font-size: 30px;
        font-weight: 700;
        color: black;
    }

    .index_alan_5_ici p {
        margin-top: 20px;
        font-size: 20px;
    }
}

.index_alan_5 {
    padding: 100px 0;
}





.index_alan_5_ici span i {
    color: var(--theme-color);
    margin-left: 10px;
}


.index_alan_5_ici span {
    position: relative;
    display: inline-block;
    margin-top: 16px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

    /* 🔹 Hover efekti: soldan sağa border animasyonu */
    .index_alan_5_ici span::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px; /* çizgi biraz yazının altında olsun */
        width: 0;
        height: 2px;
        background-color: var(--theme-color);
        transition: width 0.9s ease;
    }

    .index_alan_5_ici span:hover::after {
        width: 100%;
    }




/*    İNDEX ALAN 6*/

.index_alan_6 img {
    transition: transform 0.4s ease, box-shadow 0.3s;
    max-height: 250px;
    width: 100%;
    object-fit: fill;
}

    .index_alan_6 img:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    }


.index_alan_6 a {
    background-color: var(--theme-color);
    color: white !important;
}

    .index_alan_6 a:hover {
        transform: scale(1.05);
    }



/*CATEGORY SAYFASI*/

.category_urun_select {
    position: relative;
    border-bottom: 1px dashed black;
    padding-bottom: 5px;
}

.kategori-sec {
    border-bottom: 1px dotted #ccc;
}


#kategoriBtn:focus {
    box-shadow: none !important;
}



.kategori-menu {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    z-index: 10;
    width: 250px;
}

    .kategori-menu label {
        font-size: 15px;
        cursor: pointer;
    }

    .kategori-menu input[type="checkbox"] {
        width: 18px;
        height: 18px;
        border: 1px solid #777;
        cursor: pointer;
    }

.kategori-sec button {
    border: none;
    background: transparent;
    font-size: 18px;
    position: relative;
}

    .kategori-sec button:focus {
        outline: none;
        box-shadow: none;
    }



@media(max-width:992px) {

    .category_h1_container .category_h1 {
        font-size: 48px !important;
        font-weight: 700;
        letter-spacing: 5px;
    }

    .category_urun_ici {
        height: 400px;
    }

        .category_urun_ici .category_img_container {
            height: 85%;
        }

        .category_urun_ici .category_yazi_container {
            height: 15%;
        }
}

@media(min-width:992px) {

    .category_h1_container .category_h1 {
        font-size: 75px !important;
        font-weight: 700;
        letter-spacing: 5px;
    }

    .category_urun_ici {
        height: 500px;
    }

        .category_urun_ici .category_img_container {
            height: 85%;
        }

        .category_urun_ici .category_yazi_container {
            height: 15%;
        }
}


.category_h1_container {
    text-align: center;
    padding: 50px 0;
}




.category_urun_container {
    padding-top: 50px !important;
}


.category_urun {
    margin-bottom: 50px;
}



.category_urun_ici .category_img_container {
    background-color: #f5f5f5;
}

    .category_urun_ici .category_img_container img {
        width: 100%;
        height: 100%;
        transition: transform 0.4s ease;
        object-fit: contain;
    }



.category_urun:hover .category_img_container img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.category_yazi_container h2 {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
    text-align: center;
}

.category_yazi_container p {
    font-weight: 500;
    text-align: center;
}



/*ÜRÜNLER*/

.main-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid #eee;
    background-color: #f5f5f5;
}

    .main-image img {
        width: 100%;
        display: block;
        object-fit: contain;
    }

/* 🔍 Büyüteç (Lens) alanı */
.lens {
    position: absolute;
    border: 2px solid #e4002b;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: hidden;
    pointer-events: none;
    display: none; /* sadece hover sırasında görünür */
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

/* Küçük resimleri saran kapsayıcı */
.thumbs {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    overflow-x: auto; /* 🔹 yatay scroll aktif */
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 8px;
    scrollbar-width: thin; /* Firefox için */
    scrollbar-color: #ccc transparent;
}

    /* Chrome scroll stili */
    .thumbs::-webkit-scrollbar {
        height: 6px;
    }

    .thumbs::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 10px;
    }

        .thumbs::-webkit-scrollbar-thumb:hover {
            background-color: #999;
        }

    /* Küçük resimler */
    .thumbs img {
        flex: 0 0 auto;
        width: 80px;
        height: 80px;
        border: 1px solid #ddd;
        object-fit: contain;
        cursor: pointer;
        transition: 0.3s;
        background-color: #f5f5f5;
    }

        .thumbs img.active,
        .thumbs img:hover {
            border-color: var(--theme-color, #E4002B);
        }



/* Accordion Başlıkları */
.accordion-button {
    color: black;
    background-color: white;
    box-shadow: none;
    font-size: 16px;
}

    .accordion-button:focus {
        color: black;
        background-color: white;
        box-shadow: none;
        font-size: 16px;
    }

    .accordion-button:not(.collapsed) {
        color: var(--theme-color, #E4002B);
        background-color: #fff5f5;
    }


.accordion-item {
    border: none;
}


.product_name {
    font-size: 36px;
}

.product_subname {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: black;
}

.product_border_top {
    border-top: 1px dashed black;
}

.geri_buton {
    border: none;
    background-color: white;
    font-size: 18px !important;
    padding: 20px;
    font-weight: 500;
}




.avantajlar {
    color: white;
}

.avantaj-list li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.btn-outline-light {
    border: 1px solid white;
    color: white;
    border-radius: 0;
    font-weight: 600;
    transition: all 0.3s;
}

    .btn-outline-light:hover {
        background-color: white;
        color: #E4002B;
    }



/*  DOWNLOADS*/

@media(max-width:1200px) {
    .download-hero .hero-overlay {
        padding: 20px;
    }

    .download-hero h5 {
        font-size: 30px;
    }

    .download-hero h1 {
        font-size: 48px;
    }
}

@media(min-width:1200px) {
    .download-hero .hero-overlay {
        padding: 20px;
    }

    .download-hero h5 {
        font-size: 36px;
    }

    .download-hero h1 {
        font-size: 75px;
    }
}



.download-hero {
    position: relative;
    width: 100%;
    height: 50vh; /* yüksekliği ayarlayabilirsin */
    overflow: hidden;
}

    .download-hero .hero-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .download-hero .hero-overlay {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.7));
        z-index: 1;
    }



    .download-hero h5 {
        color: #fff;
        letter-spacing: 1px;
        font-weight: 700;
    }

    .download-hero h1 {
        font-weight: 800;
        color: #fff;
        letter-spacing: 3px;
    }

    .download-hero p {
        font-weight: 500;
        color: #fff;
        font-size: 18px;
        line-height: 1.6;
    }



@media(min-width:992px) {
    .downloads_alan_1 {
        padding: 100px 10px !important;
        height: auto;
        display: flex;
        align-items: center;
    }

    .downloads_alan_1_yazi_container h2 {
        font-size: 50px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .downloads_alan_1_yazi_container h4 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 20px;
    }

        .downloads_alan_1_yazi_container h4 span {
            font-size: 24px;
            font-weight: 700 !important;
            margin-bottom: 50px;
        }
}


@media(max-width:992px) {
    .downloads_alan_1 {
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .downloads_alan_1_yazi_container h2 {
        font-size: 70px;
        font-weight: 700;
        margin-bottom: 50px;
    }

    .downloads_alan_1_yazi_container h4 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 50px;
    }

        .downloads_alan_1_yazi_container h4 span {
            font-size: 24px;
            font-weight: 700 !important;
            margin-bottom: 50px;
        }

    .downloads_a {
        margin-bottom: 25px;
    }
}



@media(max-width:576px) {


    .downloads_alan_1 {
        height: auto;
        display: flex;
        align-items: center;
        padding: 50px 0 !important;
    }

    .downloads_alan_1_yazi_container h2 {
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 25px;
    }

    .downloads_alan_1_yazi_container h4 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 15px;
    }

        .downloads_alan_1_yazi_container h4 span {
            font-size: 24px;
            font-weight: 700 !important;
            margin-bottom: 50px;
        }

    .downloads_a {
        margin-bottom: 25px;
    }
}





.downloads_alan_1_img_container img {
    width: 100%;
}

.downloads_a i {
    color: var(--theme-color);
    margin-left: 10px;
}


.downloads_a {
    position: relative;
    display: inline-block;
    margin-top: 16px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

    /* 🔹 Hover efekti: soldan sağa border animasyonu */
    .downloads_a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px; /* çizgi biraz yazının altında olsun */
        width: 0;
        height: 2px;
        background-color: var(--theme-color);
        transition: width 0.9s ease;
    }

    .downloads_a:hover::after {
        width: 100%;
    }


/* DOWNLOADS DETAİL*/

/* İndirmeler alanı */
.downloads-section h2 {
    font-size: 2rem;
}

.downloads-search {
    width: 320px;
    border-radius: 0;
    border: 1px solid #ddd;
    padding-right: 35px;
}

.downloads-tabs .btn {
    border-radius: 0;
    font-weight: 600;
    margin: 0 4px;
    transition: all 0.2s;
}

    .downloads-tabs .btn.active {
        background-color: #000;
        color: #fff;
    }

.downloads-item {
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .downloads-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .downloads-item img {
        width: 100%;
        height: 350px;
        object-fit: contain;
    }


/*    PRODUCT DOWNLOADS DETAİL
*/

.pd_baslik {
    font-size: 50px;
}

.pd_subbaslik {
    font-size: 20px;
    font-weight: 700;
}

.doc_detail {
    font-family: "Roboto", sans-serif;
}

.doc_section {
    background-color: #f8f8f8;
    /*    border: 1px solid #eee;
*/
}

.doc_link {
    color: #000;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

    .doc_link:hover {
        text-decoration: underline;
    }

.accordion-button {
    border: none;
    background-color: #fff;
    box-shadow: none !important;
    padding: 1rem 0;
    color: #000;
    font-size: 1rem;
}

    .accordion-button:not(.collapsed) {
        color: #e4002b;
        background-color: #fff;
    }

.accordion-item {
    border: none;
    border-bottom: 3px solid black !important;
}

.accordion-body {
    /*    background-color: #f9f9f9;
*/ padding: 1rem 0 1rem 1rem;
}



/*CONTACT*/

.contact_hero {
    position: relative;
    height: 60vh;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.contact_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
    z-index: 1;
}

.contact_hero .container {
    position: relative;
    z-index: 2;
}

.contact_form_area label {
    font-weight: 500;
    font-size: 0.95rem;
}

.contact_form_area input,
.contact_form_area textarea,
.contact_form_area select {
    border-radius: 0;
    border: 1px solid #ccc;
    box-shadow: none;
}

.contact_btn {
    background-color: #e4002b;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 10px 30px;
    letter-spacing: 1px;
    transition: 0.3s;
}

    .contact_btn:hover {
        background-color: #b80020;
    }

.contact_footer {
    background-color: #e4002b;
}

    .contact_footer a:hover {
        color: #fff;
        opacity: 0.9;
    }



/*BAYİ OL*/

body {
    font-family: 'Poppins', sans-serif;
}

.dealer_form_wrapper {
    height: 100vh;
}

.dealer_form_container {
    width: 90%;
    max-width: 600px;
}

.form_step {
    display: none;
    animation: fadeIn 0.5s ease;
}

    .form_step.active {
        display: block;
    }

input, textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #666;
    color: #fff;
    border-radius: 0;
}

    input:focus, textarea:focus {
        outline: none;
        border-bottom: 1px solid #e4002b;
        box-shadow: none;
    }

.form_step .btn {
    background: #e4002b;
    border: none;
    color: white;
    padding: 6px 18px;
    margin-top: 15px;
    font-weight: 600;
}

    .form_step .btn:hover {
        background: #b80020;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}







@media(max-width:992px) {
    #categoryList {
        max-height: 250px !important;
        overflow: scroll;
    }

    #categryproduct_list {
        max-height: 400px !important;
        overflow: scroll;
    }

    .border_nav_category {
        border-bottom: 1px solid black;
        padding-bottom: 25px;
    }
}

@media(min-width:992px) {


    .border_nav_category {
        border-right: 1px solid black;
    }
}


.indirme_bg img {
    background-color: #f7f7f7;
}


.nav_alt_kat {
    width: 100%;
    height: 200px !important;
    object-fit: contain;
    padding: 10px;
}

.nav_alt_kat_hover img {
    transition: all 0.3s ease;
}


.nav_alt_kat_hover:hover img {
    transform: scale(1.1);
}

.nav_alt_kat_hover p {
    font-weight: 700;
    margin-top: 10px;
}






.shadowwww {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.blog-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}

    .blog-item img {
        width: 100%;
    }

.bg-gray {
    background: #f5f8f9;
}

.blog-item-content h3 {
    line-height: 36px;
}

@media (min-width: 992px) {
    .section .container .blog-item .blog-item-content {
        /*        min-height: 400px !important;
*/ display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

@media (min-width: 768px) {
    .section .container .blog-item .blog-item-content {
        /*        min-height: 500px !important;
*/ display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}



.bg-1 {
    background: linear-gradient(90deg, black 0%, #E4002B 100%);
}

.blog_baslik {
    font-size: 36px !important;
    font-weight: 700;
}

.blog_des {
    font-size: 18px !important;
    font-weight: 500 !important;
}


.btn-main {
    background: linear-gradient(90deg, black 0%, #E4002B 100%);
    color: #fff !important;
    transition: all 0.2s ease;
}


.blogdetay_baslik {
    font-size: 36px;
    font-weight: 900;
}

.text-color {
    color: var(--theme-color);
}

.nav-posts-title {
    font-weight: 900;
}

.latest-post h5 {
    font-weight: 900;
}

.latest-post h3 {
    font-weight: 900;
}



@media(max-width:992px) {
    .noir-subtitle {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .5px;
        color: white !important;
    }

    .noir-title {
        font-size: 36px;
        font-weight: 800;
        margin: 10px 0 20px;
        color: white !important;
    }

    .noir-box h4 {
        font-weight: 600;
        margin-bottom: 15px;
        color: white !important;
    }

    /*    .noir-footer {
        padding-top: 300px !important;
    }*/
}

@media(min-width:992px) {
    .noir-subtitle {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .5px;
        color: white !important;
    }

    .noir-title {
        font-size: 48px;
        font-weight: 800;
        margin: 10px 0 40px;
        color: white !important;
    }

    .noir-box h4 {
        font-weight: 600;
        margin-bottom: 15px;
        color: white !important;
    }

    /*    .noir-footer {
        padding-top: 250px !important;
    }*/
}



.noir-btn {
    border: 1px solid white;
    color: white;
    padding: 10px 22px;
    display: inline-block;
    font-weight: 600;
    transition: .3s;
    text-decoration: none;
    color: white !important;
}

    .noir-btn:hover {
        background: white;
        color: black !important;
    }

.noir-mail-group {
    margin-top: 10px;
    position: relative;
    width: 100%;
    max-width: 330px;
}

    .noir-mail-group input {
        width: 100%;
        padding: 12px 15px;
        border: none;
        background: rgba(255,255,255,0.2);
        color: white;
        outline: none;
    }

        .noir-mail-group input::placeholder {
            color: #fff;
            opacity: .7;
        }

    .noir-mail-group button {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50px;
        border: none;
        background: rgba(255,255,255,0.4);
        color: white;
        cursor: pointer;
        transition: .3s;
    }

        .noir-mail-group button:hover {
            background: white;
            color: #E4002B;
        }


.noir-footer {
    background: #1A1A1A;
    color: white;
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
}

.noir-footer-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
}

.noir-footer-social a i {
    color: white;
}

.noir-footer-social a {
    color: white;
    font-size: 20px;
    margin-right: 15px;
    transition: .3s;
}

    .noir-footer-social a:hover {
        color: #E4002B;
    }

.noir-footer-links a {
    color: white !important;
    font-size: 16px;
}

    .noir-footer-links a:hover {
        color: var(--theme-color) !important;
        font-size: 17px;
    }

.noir-footer-subtitle {
    font-size: 24px;
}

.noir-footer-links li {
    list-style-type: none;
}

.noir-lang-box a {
    color: white !important;
}





@media(min-width:992px) {

    .footer_en_kapsayici {
        position: relative;
        height: 75vh;
    }

    .footer_ust {
        height: 40%;
    }

    .noir-footer {
        height: 60%;
        display: flex;
        align-items: end;
    }

    .footer_absolute {
        background-color: var(--theme-color);
        z-index: 1;
        width: 100% !important;
        padding: 25px;
        position: relative;
    }


    .border_top_dashed {
        border-top: 1px dashed white;
    }


    .footer_img {
        width: 50%;
    }

    .navbar-brand img {
        width: 100%;
    }
}


@media(min-width:1500px) {



    .navbar-brand img {
        width: 75%;
    }
}
@media(max-width:992px) {

    .footer_en_kapsayici {
        position: relative;
        height: 95vh;
    }

    .footer_ust {
        height: 40%;
    }

    .noir-footer {
        height: 60%;
        display: flex;
        align-items: end;
    }

    .footer_absolute {
        background-color: var(--theme-color);
        z-index: 1;
        width: 100% !important;
        padding: 25px;
        position: relative;
    }


    .border_top_dashed {
        border-top: 1px dashed white;
    }


    .footer_img {
        width: 40%;
    }

    .navbar-brand img {
        width: 50%;
    }
}




@media(max-width:768px) {

    .footer_en_kapsayici {
        position: relative;
        height: 90vh;
    }

    .footer_ust {
        height: 40%;
    }

    .noir-footer {
        height: 60%;
        display: flex;
        align-items: end;
    }

    .footer_absolute {
        background-color: var(--theme-color);
        z-index: 1;
        width: 100% !important;
        padding: 25px;
        position: relative;
    }


    .border_top_dashed {
        border-top: 1px dashed white;
    }

    .footer_img {
        width: 50%;
    }

    .navbar-brand img {
        width: 75%;
    }



}


@media(max-width:576px) {

    .footer_en_kapsayici {
        position: relative;
        height: 93vh;
    }

    .footer_ust {
        height: 40%;
    }

    .noir-footer {
        height: 60%;
        display: flex;
        align-items: end;
    }

    .footer_absolute {
        background-color: var(--theme-color);
        z-index: 1;
        width: 100% !important;
        padding: 25px;
        position: relative;
    }


    .border_top_dashed {
        border-top: 1px dashed white;
    }


    .footer_img{
        width:75%;
    }



    .navbar-brand img {

        width: 100%;
    }

}


.nav-item .nav-link {
    font-size: 20px !important;
    font-weight: 500;
    transition: transform 0.4s ease;
}


.nav-item .nav-link:hover {
    font-weight: 600;
    color:var(--theme-color) !important;
    transform:scale(1.05);
}



.text_color {
    color: var(--theme-color);
    font-size: 15px;
}

.iletisim_container_div {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 25px;
    align-items: center;
}

.iletisim_icon_div {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 70px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    background: #7d0406;
    border-radius: 50%;
    color: var(--white-color);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .iletisim_icon_div i {
        color: white;
        font-size: 20px;
    }