/*
Theme Name: Printnow
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Printing Company & Design Services HTML Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/

.header-logo img {
    height: 40px;
}

.hero-content {
    max-width: 500px;
}

.shop-banner-items.style-3 {
    background: #d50803;
}

.shop-banner-items.style-4 {
    background: #02208e ;
}

.about-image img {
    border-radius: var(--radius-8);
}

.cta-section {
    position: relative;
}

.cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: black; */
    opacity: 0.6;
}

.quality-image img {
    border-radius: 20px;
}

.good-quality-content {
    padding: 24px;
}

.service-card-items .service-thumb img {
    max-width: 120px;
}

.service-card-items .service-content p {
    margin-bottom: 15px;
    min-height: 115px;
}

.contact-section {
    background: #02208e;
}

.counter-section {
    background: #02208e;
}

.contact-section .section-title h2 {
    color: white;
}

.counter-box-items .icon img {
    max-width: 70px;
}

.header-top-wrapper p a {
  color: var(--white);
}

.header-top-wrapper p a span {
    font-weight: 500;
    padding: 0 8px;
    font-size: 15px;
    display: inline-block;
    color: white !important;
    border-radius: 4px;
    background: linear-gradient(-45deg, #25D366, #1EB851, #128C7E, #25D366);
    background-size: 400% 400%;
    animation: whatsappGradient 10s ease infinite;

}

@keyframes whatsappGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.policy-content {
    padding: 60px 0;
}

.policy-content h1 {
    font-size: 40px;
    margin-bottom: 10px;
}

.policy-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.policy-content h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.policy-content p {
    margin-bottom: 20px;
}

.policy-content ul {
    margin: 0;
    padding: 0 0 20px 40px;
    list-style: disc;
}

.brand-section {
    padding: 0 0 60px 0;
}

.testimonial-box-items p {
    min-height: 80px;
}

.all-product {
    padding: 60px 0;
}

.shop-details-wrapper .product-details-content .shop-btn {
    padding-top: 30px;
}

.brand-section .brand-image img {
    /* width: 110px; */
    height: 44px;
}

/* .trending-product-items .trending-content {
    margin-top: -1px;
    text-align: center;
    background: white;
    padding: 20px 0;
    border: 1px solid #f1f1f1;
} */

.whatsapp-btn {
    margin-top: 20px;
}

.whatsapp-btn a {
    font-weight: bold;
    padding: 12px 30px;
    display: inline-block;
    color: white !important;
    border-radius: 4px;
    background: linear-gradient(-45deg, #25D366, #1EB851, #128C7E, #25D366);
    background-size: 400% 400%;
    animation: whatsappGradient 10s ease infinite;
    font-size: 18px;
}

/* .trending-product-section {
    background: #f1f1f1;
}

.trending-product-section .trending-product-items {
    margin: 0 !important;
    padding: 6px;
    background: white !important;
    display: block;
} */

.trending-product-items .trending-thumb {
    background: #f6f6f6;
}

.trending-product-items .trending-thumb img {
    mix-blend-mode: darken;
    padding: 0;
    height: 240px;
    object-fit: contain;
}

.shop-details-wrapper .shop-details-image .nav .nav-link {
    background: #f1f1f1;
    border: 1px solid #eee;
    border-radius: 8px;
}

.shop-details-wrapper .shop-details-image .nav img {
  mix-blend-mode: darken;
  padding: 10px;
}

.shop-details-wrapper .shop-details-image .nav .nav-link.active {
    background: white;
}

.shop-details-wrapper .product-details-content .details-info {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.size-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.size-list li {
    color: #767676;
    border: 1px solid #e6e6e6;
    padding: 4px 12px 6px;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
}

.shop-details-image .tab-content {
    border: 1px solid #f1f1f1;
    border-radius: 8px;
}

/* Form */
#quoteForm label.error,
#contactForm label.error {
    color: red;
    font-size: 14px;
    margin-top: 4px;
    display: block;
}

#quoteForm .form-control.has-error,
#contactForm .form-control.has-error {
    border: 1px solid red;
}

.thank-you-page .header-button,
.not-found-page .header-button {
    display: none;
}

.thank-you-page .mean__menu-wrapper,
.not-found-page .mean__menu-wrapper {
    display: none;
}

.thank-you-page .header-main,
.not-found-page .header-main {
    justify-content: center;
    padding: 40px 0 0 0;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


@media (max-width: 1199px) {

  #mobile-menu {
    display: none !important;
  }

}

@media (max-width: 575px) {

    .header-button {
        display: none !important;
    }

    .hero-slider .swiper-slide .row {
        text-align: center;
    }

    .hero-1 .hero-image .hero-img img {
        max-width: 75%;
    }

    .feature-wrapper .feature-items {
        width: 100%;
    }
}