/*header*/
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.top-header{
    width: 100%;
    z-index: 100;
}
.top-header-add{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    animation:slideInDown 0.6s;
    opacity: .9;
    border-radius: 0 0 .75rem .75rem;
}

.top-menu{
    background-color: #fff;
    color: #121212;
    /*box-shadow: 7px 3px 12px rgba(0,0,0,.12) inset;*/
    z-index: 101;
    position: relative;

}

.header-slider.owl-theme .owl-nav.disabled+.owl-dots{
    margin: 0;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translate(-50%);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*header*/


/*section-two*/

.collection:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    background: rgba(0,0,0,.2);
    transition: all .4s;
    opacity: 0;
    z-index: 1;
    pointer-events: none;

}
.collection:hover:before{
    width: 100%;
    height: 100%;
    opacity: .5;
    transition: all .4s;
}
/*section-two*/


/*section-three*/
.filter:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    z-index: -1;
    /*background-color: chocolate;*/
    transform: rotateZ(45deg);
}
.filter.active:after{
    background-color: #252525;
}

.slider-filter-one.owl-carousel .owl-nav {
    display: flex;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    /*left: 0;*/
    inset-inline-end: 0;
    /*right: 0;*/
    inset-inline-start: 0;
    max-width: 90px;
}
.slider-filter-one.owl-carousel .owl-nav button {
    height: 35px;
    display: inline-block;
    width: 35px;
    border: 2px solid rgba(0, 0, 0, .3);
    color: #333;
}

/*section-three*/
/*section-four*/
.background-seo{
    background-image: url("../../images/Bg-image/Bg-seo.jpg");
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    /*padding: 10rem 0;*/
    width: 100%;
    position: relative;
}
.background-seo:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(239 237 237 / 47%);
    -webkit-transition: all .6s;
    transition: all .9s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1, -45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1, -45deg) translate3d(0,-150%,0);
}
.background-seo:hover:before{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}

/*section-four*/
/*section-five*/
.slider-filter-two.owl-carousel .owl-nav {
    display: flex;
    margin: 0 auto;
    position: absolute;
    top: -11%;
    /*left: 0;*/
    inset-inline-end: 0;
    /*right: 0;*/
    max-width: 90px;
}
.slider-filter-two.owl-carousel .owl-nav button {
    height: 35px;
    display: inline-block;
    width: 35px;
    border: 2px solid rgba(0, 0, 0, .3);
    color: #333;
}
/*section-five*/