/* Moxes SEO  & Digital Marketing Agency HTML-5 Template */

/*** 

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('animate.css');
@import url('rtl.css');
@import url('dark-body.css');

@import url('slider.css');
@import url('about.css');
@import url('marque.css');
@import url('services.css');
@import url('accordion.css');
@import url('process.css');
@import url('clients.css');
@import url('projects.css');
@import url('pricing.css');
@import url('team.css');
@import url('testimonial.css');
@import url('news.css');
@import url('contact.css');
@import url('since.css');
@import url('faq.css');
@import url('video.css');
@import url('counter.css');
@import url('flaticon_moxes.css');


@import url('shop.css');
@import url('privacy.css');
@import url('not-found.css');
@import url('coming-soon.css');
@import url('page-title.css');
@import url('jquery-ui.css');
@import url('swiper.min.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
@import url('jquery.bootstrap-touchspin.css');
  #wts2206233,
  .progress-wrap {
    display: none !important;
  }
/* ================================
   PROJECT FILTER BUTTONS
================================ */
.project-filter {
    margin: 40px 0 50px;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.project-filter li {
    padding: 10px 26px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #222;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.project-filter li:hover,
.project-filter li.active {
    background: #111;
    color: #fff;
    border-color: #111;
}


/* ================================
   PROJECT GRID (BOOTSTRAP ONLY)
================================ */
.masonry-items-container {
    display: flex;
    flex-wrap: wrap;
}

/* each project */
.masonry-item {
    display: block;
}

/* hidden projects */
.masonry-item.hidden {
    display: none !important;
}


/* ================================
   PROJECT CARD DESIGN
================================ */
.gallery-block-one {
    margin-bottom: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-block-one:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}