@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


.weta-icerik-tag,
.weta-slider-tag,
.weta-parallax-tag,
.weta-counter-tag,
span.main-page-tag {
    font-family: "Instrument Serif", serif;
}

body,
.section-header #navigation>ul>li a,
.nav-right .select-language .lang-menu>ul>li>a,
.btn,
.btn span {
    font-family: "Bebas Neue", sans-serif !important;
}

@media(min-width:768px) {

    .section-header .logo img {
        filter: brightness(1000);
    }

    .section-header .dropdown-menu {
        background-color: rgb(0 0 0 / 95%);
    }

    .section-header #navigation>ul>li a,
    .nav-right .select-language .lang-menu>ul>li>a,
    #languageForm span.fa-solid.fa-globe {
        color: #fff !important;
    }

    #slider-0::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        height: 50px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 111;
    }

    #slider-0::after {
        content: '';
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 111;
    }

    .section-header {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        z-index: 9;
        background: transparent;
    }

    .section-header #navigation>ul>li a,
    .nav-right .select-language .lang-menu>ul>li>a {
        font-size: 18px !important;
    }

    .section-header .container,
    .section-header .container .row {
        position: relative;
        z-index: 2;
    }

    .section-header .container::before {
        content: '';
        position: absolute;
        inset: 0;
        width: 105%;
        height: 100%;
        left: -2.5%;
        border-radius: 20px;
        /* background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(10px); */
    }

    #slider-1 #slide-items-1::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(101, 99, 102, 1) 100%) !important;
    }

    .pageSliderContent .swiper-slide .slider-contents {
        width: 43%;
        bottom: 100px;
    }

    .weta-slider-tag {
        font-size: 72px !important;
        font-weight: 500 !important;
        font-style: italic;
    }

    .slider-description,
    .slider-description p {
        font-size: 18px !important;
    }
    .container-fluid,
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 85%;
    }
    .section-header .container-fluid, .section-top-bar .container-fluid{
        padding: 0px;
    }


    .main-li-item{
        width: 20% !important;
        display: flex !important;
        flex-wrap: wrap;
    }
    .main-li-item .mega-menu-items{
        width: 100% !important;
    }

    .section-header #navigation > ul > li.static:hover .dropdown-menu li:hover a.mega-menu-main-category,
    .section-header #navigation > ul > li.static:hover .dropdown-menu li:hover .mega-menu-items li:hover a{
        color: var(--site-hover-color) !important;
    }
    .section-header #navigation > ul > li.static:hover .dropdown-menu li:hover .mega-menu-items li a{
        color: #fff !important;
    }
    .private-relative{
        position: relative;
        width: 100%;
    }
    .section-header #navigation>ul>li .main-li-item .mega-menu-main-category{
        font-size: 24px !important;
        width: 100%;
        background: #333;
        padding: 0px 10px;
        border-left: 3px solid var(--site-hover-color);
    }
    #category-list-36 li{
        width: 100% !important;
    }
    .mega-menu-items {
        padding: 0px 10px !important;
        margin-top: 15px;
    }
    .pageSliderContent video{
        width: 100% !important;
    }
}

.sliderJs .swiper-button-next, .sliderJs .swiper-button-prev{
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #fff !important;
    opacity: 1 !important;
    border-radius: 0px !important;
    background-color: rgb(51 51 51 / 35%);
}
.pageSliderContent .swiper-button-next::after, .pageSliderContent .swiper-button-prev::after{
    color: #fff !important;
}


.page-breadcrumb .relative-title .page-name{
    position: absolute;
    bottom: 60px;
}

.page-breadcrumb .relative-title .page-name .page-title,
.page-breadcrumb .relative-title .page-list *,
.page-breadcrumb .relative-title .page-list .arrow-breadcrumb{
    color: #000 !important;
}

.product-breadcrumb, .page-breadcrumb{
    height: 300px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);
}

#gallery-detail-section-1 {
    background-color: #f8f1e9;
}

#gallery-detail-section-1 .container {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#gallery-detail-section-1 .gallery-wrapper {
    width: 30%;
}

#gallery-detail-section-1 .swiper {
    width: 65%;
    margin: 0px;
}

#gallery-detail-section-1 .img-wrapper {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#gallery-detail-section-1 .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
}

#gallery-detail-section-1 .gallery-info {
    padding: 0px 20px;
}

#gallery-detail-section-1 .img-title .weta-icerik-tag {
    font-size: 22px;
}

#gallery-detail-section-1 .gallery-info .img-description,
#gallery-detail-section-1 .gallery-info .img-description p {
    font-size: 14px !important;
}

.weta-slider-buttons .btn {
    border-radius: 0px;
    background: transparent;
    border-color: #fff;
    font-size: 16px;
}
.filter-wrapper{
    display: none !important;
}

.footer img{
    max-height: 60px;
}

.categoryType3{
    padding: 0px;
}
.categoryType3 .container,
.categoryType3 .container .row{
    padding-top: 0px;
    padding-bottom: 0px;
}
.categoryType3 .modern-learn-more{
    margin-top: 15px !important;
}
.categoryType3 .modern-learn-more .btn{
    border-radius: 3px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}
.categoryType3 .modern-learn-more .btn:hover{
    background-color: #646464;
    border-color: #646464;
}
.modern-category-listing a i{
    display: none;
}