@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 16px; font-weight: 500; line-height: 26px; font-family: "Plus Jakarta Sans", sans-serif;background:#000; }
p, a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li{ margin: 0; padding: 0;}
.bg-default{background-size: cover; background-position: center; background-repeat: no-repeat;}
a:hover{text-decoration: none;}
img{width: 100%; height: 100%; object-fit: cover;}
.ms-flex{display: flex; align-items: center; justify-content: center;}
.bg-default,::after,::before{background-size: cover;background-position: center; background-repeat: no-repeat;}

/*===== Go To Top Section =====*/
#back-top { display: block; position: fixed; bottom: 15px; right: 14px; text-align: center; z-index: 99999; }
#back-top a { display: block; text-decoration: none;  }
#back-top a .fa{ width: 40px; height: 40px; padding-top: 10px; font-size: 18px; border-radius: 5px; opacity: 1; color: #fff; background: #000; border: #fff solid 1px; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #fff; color: #000; border-color: #000; transform: scale(1.05,1.05);  }

/*===== Mobile Menu =====*/
.mobile_menu{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9; }
.menu_icon_box{position: fixed;top: 0;left: 0;z-index: 9999999999;display: block;width: 100%;background: #000; padding: 5px 0px; border-bottom: #fff solid 1px;}
.tab_button{ float: left;display:none; }
.tab_button a{ display: inline-block; padding: 4px 16px;  font-size: 12px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 0px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #747474; border: #747474 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }


.menu_icon{ position: fixed; top: 7px; right: 15px; width: 40px; padding:5px; background: #fff; box-sizing: border-box; cursor: pointer;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #000; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon.active{ color: #fff; padding: 8px 3px 0;padding: 0;top: 25px; }
.menu_icon.active span{ position: absolute; width: 85%;background: #fff; }
.menu_icon.active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon.active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon.active span:nth-child(2){ display: none; }


.mobile_slideLogo{ display: block; text-align: center; background: #000; }
.mobile_slideLogo img{ display: inline-block; float: none; background: transparent; padding: 15px; margin: 0px auto 15px; width: 100%; height: 120px; object-fit: contain; }
.sidebar{ padding: 65px 0px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #000; text-align: center; box-sizing: border-box; z-index: 999999; transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; }
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #747474 solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 400; border-radius: 5px; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #747474; transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #82A6CB; border-radius: 5px; }

/* Wrapper */

.wrapper{ margin: 0; padding: 0; overflow: hidden; }
.transition{ -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }

.top-header{background-color:#000000; padding: 14px 0px; position: relative;}
.top-left-text h6{color: #fff;}
.top-left-text iconify-icon{font-size: 25px; display: inline-block; vertical-align: middle;}
.free-social-links h6{color: #fff; font-size: 14px; font-weight: 400;}
.free-social-links{display: flex;align-items: center; justify-content: end;}
.free-social-links ul li{margin-left: 20px;}
.free-social-links ul li iconify-icon{color: #fff; font-size: 25px; display: block;}

.header{position: relative;background:#000;}
.mid-header{padding: 15px 0px;}
.mid-header .site-logo img{width: 180px; height: auto; object-fit: contain;}
.mid-header .woo-icons ul li iconify-icon{color: #fff; font-size: 30px;}
/* .header .header-bottom{position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; z-index: 1;} */
.header .text-right li:not(:first-child){display: inline-block;list-style: none;margin-left: 30px;}
.header .text-right li{display: inline-block;}
.header .text-right li a{color: #fff; text-decoration: none;transition: all linear 0.3s;}
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{max-width: unset;}
.logo img{width: 178px; height: 153px; object-fit: contain;}
.header-logo img{object-fit: contain; }
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {background: unset;padding: 10px 0px 10px 10px;; border-radius: unset;}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{background-color: #FFFFFF4D !important; height: 50px; border: 1px solid #959595 !important; border-radius: 4px 0px 0px 4px !important; color: #000 !important;}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{display: none;}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{padding: 0px 75px;}
.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler {max-width: 25px;}

.mid-header span.cart-count {
    position: absolute;
    top: 15px;
    right: 10px;
    height: 20px;
    width: 20px;
    color: #000;
    background-color: #ddd;
    border-radius: 50%;
}

#mega-menu-wrap-header-menu{ margin-top: 0px; background: transparent; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{ padding: 0; line-height: inherit; }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{position: relative;z-index: 1; padding: 15px 20px; margin: 10px 5px; height: auto;font-size: 16px;font-weight: 600; line-height: 26px;color: #fff; background: transparent;border-radius: 0;font-family: "Plus Jakarta Sans", sans-serif; -webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition: all linear 0.3s;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child > a.mega-menu-link{ margin-right: 0; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::before{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #fff; z-index: 1; transition: all linear 0.3s;display: none; }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover::before,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link::before,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link::before{ left: 0; width: 100%; }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: transparent;color: #fff; font-weight: 700;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:first-child > a.mega-menu-link{margin-left: 0;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child > a.mega-menu-link{margin-right: 0;}

/*===== Title Sections =====*/
.section-title{margin-bottom: 30px;color:#fff; }
.section-title h6{ font-size: 18px; font-weight: 700; color:#35B7AA; font-family: "Plus Jakarta Sans", sans-serif; margin-bottom: 15px;}
.section-title h2{font-size: 32px; font-weight: 700; line-height: 50px; font-family: "Plus Jakarta Sans", sans-serif; position: relative; display: inline-block;}
.section-title p{ display: block; font-size: 16px; font-weight: 400; font-family: "Plus Jakarta Sans", sans-serif; line-height: 26px;}
.section-link a{color: #402D25; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: 0.5px; padding: 8px 25px; display: inline-block; background-color:transparent; border: 1px solid #402D25; border-radius: 6px; transition: .3s;}
.section-link a span iconify-icon{display: inline-block;vertical-align: text-bottom;font-size: 20px;}
.section-link a:hover{text-decoration: none;background: transparent; border-color:#35B7AA; color:#35B7AA; transform: translateY(-5px);}

.banner {position: relative; overflow: hidden;}
.main-banner {position: relative;padding: 40px 50px; border-radius: 10px;}
.main-banner::before{content: ""; height: 180px; width: 435px; background-image: url(../images/line.png); position: absolute; top: 50%; transform: translateY(-50%); right: 17%;}
.main-banner .banner-images .owl-item{height: 400px; margin-left: auto;}
/*.banner-images .owl-carousel .owl-item img{height:100% !important;}*/
.banner-content h2 {font-size: 48px;font-weight: 700; line-height: 60px; font-family: "Plus Jakarta Sans", sans-serif; margin-bottom: 25px;color: #fff;}
.banner-content p{color: #fff; font-size: 20px; line-height: 32px; font-weight: 500;}
.banner-content a {background-color: #402D25; color: #fff; padding: 16px 32px; font-size: 15px; font-weight: 700; line-height: 15px; letter-spacing: 1px; display: inline-block; margin-top: 30px; border: 1px solid #402D25; border-radius: 4px;}
.banner-content a:hover {color: #fff;}

.products{position: relative; padding: 70px 0px;}
.products [class*="col-"] { margin-bottom: 40px;}
.products .product-card .product-thumbnails{background-color: #E5E5E5; padding: 40px 20px 20px; position: relative;}
.products .product-card .product-thumbnails img{height: 260px; object-fit: contain;}
.products .product-card .product-thumbnails .view-btn a{background-color: #245A33; color: #FFFFFF; padding: 14px 55px; display: inline-block; width: 100%;}
.products .product-card h3{font-size: 16px; font-weight: 500; line-height: 26px; margin: 15px 0px;}

.product-cat {position: relative; padding: 70px 0px;}
.product-cat .product-thumbnails {height: 210px;width: 210px; margin: 0 auto;}
.product-cat .product-content{position: relative; display: inline-block;}
.product-cat .product-content h3{color: #fff; font-size: 20px; font-weight: 500; line-height: 30px; margin-top: 20px;}
.product-cat .product-content p{color: #fff;position: absolute;top: 15px;right: -25px;}

.new-arrivals {position: relative; padding: 70px 0px;}
.new-arrivals .product-thumbnails {background-color: #E7DFD6; height: 350px; border-radius: 10px;}
.new-arrivals .product-thumbnails img{height: auto; width: 230px; object-fit: contain;}
.product-content{color: #fff;}
.new-arrivals .product-content h3{color: #fff; font-size: 18px; font-weight: 600; line-height: 28px; margin-top: 20px;}

.best-selling-hats{padding: 70px 0px;}
.best-selling-hats .product-card{position: relative;}
.best-selling-hats .product-thumbnails {background-color: #E7DFD6; height: 320px;}
.best-selling-hats .product-thumbnails img{height: auto; width: 250px; object-fit: contain;}
.best-selling-hats .product-content h3{color: #fff; font-size: 18px; font-weight: 600; line-height: 28px; margin-top: 20px;}
.best-selling-hats .sales-count{background-color: #402D25; color: #fff; padding: 2px 20px 2px 25px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);position: absolute;top: 0;right: 0;}

.flash-sale {position: relative;}
.inner-content{background: linear-gradient(180deg, #402D25 0%, #402D25 100%); color: #fff; padding: 40px 20px; border-radius: 4px;}
.flash-sale .product-thumbnails {background-color: #FFFFFF; border-radius: 10px; height: 300px; margin: 0 auto;}
.flash-sale .product-thumbnails img{height: auto; width: 220px; object-fit: contain;}
.flash-sale .product-content h3{color: #fff; font-size: 20px; font-weight: 500; line-height: 30px; margin-top: 20px;}
.flash-sale .product-content p{color: #fff;}
.flash-sale .section-link a{color: #fff; border-color: #fff;}


.promo-info .badge{background-color: #402D25; padding: 8px 40px; font-size: 16px; line-height: 26px;}
.promo-card h3{font-size: 50px;font-weight: 600;line-height: 60px;margin-top: 15px;width: 70%;}
.cart-btn{background-color: #000000; color: #fff;padding: 7px 30px; border-radius: 20px; display: inline-block;}
.cart-btn:hover{color: #000; background-color: transparent; border-color: #000;}
.discount-badge {background-color: #402D25;color: #fff;height: 140px;width: 140px;border-radius: 50%;font-size: 16px;text-align: center;position: absolute;right: 80%;top: 50%;transform: translate(-50%, -50%);}
.discount-badge p span{font-size: 45px;font-weight: 700;line-height: 50px;display: block;}
.promo-card img {width: 304px; height: 353px; object-fit: contain;}
.price .regular-price {margin-right: 8px; text-decoration: line-through;color: #999;}
.price .sale-price {color: #d00;font-weight: bold;}
.promo-images img{height: 256px; object-fit: contain;}
.right-side-images .price{display: none;}

/*===== Footer Section =====*/
.footer {position: relative;padding: 50px 0 0px; color: #000; position: relative;z-index: 1;}
.footer .footer-logo .site-logo{height: auto; width: 150px; margin-bottom: 20px;}
.footer .site-logo img{object-fit: contain;}
.footer-content{color:#fff;}
.footer-content p{font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px;font-weight: 400;line-height: 26px; margin-top: 31px;width: 90%; }
.footer-content h4{font-family: "Plus Jakarta Sans", sans-serif; font-size: 20px;font-weight: 600;line-height: 30px; margin-bottom: 30px;}
.footer-content ul{list-style: none;}
.footer-content ul li:not(:last-child) {margin: 20px 0;}
.footer-content ul li a{font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px;font-weight: 400;line-height: 26px; color: #fff; text-transform: capitalize; text-decoration: none; }
.footer .footer-content ul li iconify-icon{font-size: 22px; color: #fff; display: block;}
.footer .footer-content ul li{color: #fff; font-size: 18px; font-weight: 400; line-height: 28px; margin: 12px 0px; position: relative; display: flex; align-items: center;}
.footer .footer-content ul li a{color: #fff; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0.5px;} 

/* ====== Copyright ======== */
.copyright {background-color: #402D25; border-top: 1px solid #fff; margin-top: 50px; padding: 20px;}
.copyright p {color: #fff; font-size: 16px;font-weight: 400;line-height: 26px; font-family: "Plus Jakarta Sans", sans-serif;  }
.copyright p a {text-decoration: none;font-weight: 600;color: #fff;}
.copyright-inner{position: relative;}
.accepted-payments{position: absolute;top: 0;right: 0;}

/*Woo Commerce */
.woocommerce div.product p.price{font-size: 30px; font-weight: bold;}
.woocommerce div.product form.cart div.quantity{float: none; margin: 0 0 5px 0;}
.woocommerce-shipping-destination, .woocommerce-shipping-calculator{display: none;}

    .story-img {
        height: 390px;
        width: 586px;
        position: relative;
        margin-top: 50px;
    }

    .story-img img {
        position: relative;
        z-index: 2;
    }

    .story-img::after {
        content: "";
        height: 100%;
        width: 100%;
        background: #245A33;
        position: absolute;
        top: -30px;
        left: 30px;
    }


/*===== Page Content Block ===== */
.woocommerce-archive-page ul.products.columns-4,.woocommerce-archive-page ul.products.columns-3{display: flex;flex-wrap: wrap;}
.woocommerce-archive-page ul.products.columns-4 .col-md-3.col-sm-6,.woocommerce-archive-page ul.products.columns-3 .col-md-4.col-sm-6 {width: 24%;}

/*===== Archive Page : Breadcrumb Title ===== */
.woocommerce-products-header__title{ display: block; margin: 30px 0px;  color: #fff; font-weight: 700; font-size: 35px;font-family: "Catamaran", serif;padding-bottom: 10px;display: inline-block;border-bottom: 2px solid #245a33;}

/*===== Single Product : Breadcrumb Title ===== */
.woocommerce-breadcrumb{ display: none; margin-bottom: 15px; padding: 10px 15px; background: #00539b; color: #fff; font-weight: 700; font-size: 20px; }
.woocommerce-breadcrumb a{ color: #fff; text-decoration: none; }
.onsale{ display: none; }

/*===== Product Gallery =====*/
.woocommerce-product-gallery{ position: relative; }
.woocommerce-product-gallery__trigger{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; width: 60px; height: 60px; border-radius: 50%; background: #000; text-align: center; font-size: 30px; padding-top: 10px; }
.woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger{ display: none; }
.woocommerce-product-gallery__image{ display: block; text-align: center; }
.woocommerce-product-gallery__image img{ display: inline-block; width: 100%; height: auto; background-color: eee; border-radius: 3px;}
.woocommerce-product-gallery ol{ display: block; text-align: left; margin-top: 5px; }
.woocommerce-product-gallery ol li{ display: inline-block; margin: 2px; float: none; width: 50px; height: auto; }
.woocommerce-product-gallery ol li img{ width: 100%; height: auto; cursor: pointer; }

/*===== Product Title and Short Description =====*/
.single_product_details_block .product_title{ color: #333;  font-size: 30px;  font-weight: 700;  margin-bottom: 15px; }
.woocommerce-image-and-product-description-block{ display: block; }
.woocommerce-product-details__short-description{ display: block; }
.single_product_details_block p{ color: #666; font-size: 14px; line-height: 26px;}
.single_product_details_block .price del{ display: block; color: red; font-size: 14px; margin: 0; }
.single_product_details_block .price ins{ display: block; color: #222; font-size: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; margin-bottom: 10px; background: transparent; }
.woocommerce-image-and-product-description-block .quantity label{ display: block; font-size: 16px; }
.woocommerce-image-and-product-description-block .quantity .input-text{ border: #00539b solid 1px; padding: 11px; color: #00539b; width: 161px; border-radius:5px;}
.woocommerce-image-and-product-description-block .single_add_to_cart_button{ display: block; margin: 15px 0; border: none; border-radius: 3px; background: #27ae60; color: #fff; padding: 10px 30px; font-size: 18px; }
.woocommerce-image-and-product-description-block .single_add_to_cart_button:hover{ background: #2ecc71; }
.woocommerce-image-and-product-description-block .product_meta{ display: block; padding: 15px; background: #eee; color: #333;  }
.woocommerce-image-and-product-description-block .product_meta a{ color: #00539b; }
.subcategories h3{color:#fff; font-size:20px;}

/*===== Product Tab Description and Reviews =====*/
.woocommerce-tabs{ display: block; clear: both; }
.woocommerce-tabs ul.tabs{ display: block; height: 49px; margin-bottom: 0px; }
.woocommerce-tabs ul.tabs li{ float: left; }
.woocommerce-tabs ul.tabs li a{ display: inline-block; padding: 15px; background: #00539b; color: #fff; text-decoration: none; border-radius: 5px; margin-right: 5px;}
.woocommerce-tabs ul.tabs li a:hover{ background: #973a68; }
.woocommerce-tabs ul.tabs .active a{ background: #973a68; }
.woocommerce-tabs .woocommerce-Tabs-panel{ display: block; padding: 15px; border: #eee solid 1px; border-radius: 0; margin-top: 20px; border-radius: 5px;}
.woocommerce-tabs .panel h2:first-of-type{ margin-bottom: 10px; font-size: 20px; color: #666; font-weight: 700; display: inline-block;}
.woocommerce-tabs .panel p{ color: #666; font-size: 14px; line-height: 26px; }
.woocommerce-Reviews label{ display: block; }
.woocommerce-Reviews .submit{ background: #27ae60; border: none; color: #fff; padding: 10px 20px; font-size: 16px; margin-top:20px;}
.woocommerce-Reviews .submit:hover{ background: #2ecc71; }
.woocommerce-product-attributes-item--attribute_color p{margin-left:8px;}
.woocommerce-MyAccount-navigation ul{list-style:none;}
.woocommerce-MyAccount-content{display:none;}
.wc-block-components-button__text {
    background-color: #245a33;
    padding: 10px 20px;
    margin-top: 0px;
    color: #ffffff;
}
.variations tr{display:flex; flex-direction:column; margin:15px 0px;}
.variations select{display: inline-block;border: 1px solid #666;padding: 8px; border-radius: 5px; margin-right: 10px;}

/*===== Product Related =====*/
.woocommerce-image-and-product-description-block .related h2{ display: block; margin: 15px 0; padding: 10px 15px; background: #eee; color: #222222; font-weight: 700; font-size: 16px; text-transform: capitalize; }
.woocommerce-image-and-product-description-block .related .collections-content-item-details{ min-height: 255px; }
.page-product-card-item{background:#f4f4f4;margin-bottom: 1.5rem;overflow: hidden;border-radius: 10px;transition: all linear 0.3s;}
.page-product-card-thumbnail {text-align: center;height:200px ;overflow: hidden;}
.page-product-card-thumbnail img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all linear 0.3s;}
.product-card-details{padding: 20px;min-height: 175px;}
.product-card-details h4{font-size: 17px;font-weight: 700;line-height: 30px;}
.content .product-card-details p,p.woocommerce-result-count{font-size: 16px;font-weight: 400;color: #35B7AA;}
.product-card-details h4 a{color: #000;text-decoration: none;}
.product-card-overlayer ul{display: flex;align-items: center;gap: 20px;margin-top: 25px;}
.product-card-overlayer ul li{list-style: none;margin-left: 0;}
.product-card-overlayer ul li a{color: #35B7AA;text-decoration: none;font-size: 18px;}
i.yith-wcwl-icon.fa.fa-heart-o{margin-right: 0;}
.yith-wcwl-add-to-wishlist{margin-top: 0;position: relative;}
.wishlist_table thead tr th{background: #E7D8FF;color: #000;}
table.wishlist_table tr th.product-thumbnail {width: 200px;}
.product-card .woocommerce-Price-amount.amount bdi, .product-card .woocommerce-Price-currencySymbol {
    color: #fff !important;
}
.page-product-card-item:hover .page-product-card-thumbnail img{transform: scale(1.05);}

form.woocommerce-ordering{margin: 15px 0;}
form.woocommerce-ordering select{padding: 10px;border: 1px solid #35B7AA;color:#35B7AA;}
form.woocommerce-ordering input::placeholder{color: #35B7AA;} 

/*===== After Add To Cart Message =====*/
.woocommerce-message{ display: block; background-color: #27ae60; color: #fff; padding: 10px; margin-bottom: 15px; }
.woocommerce-message a{ display: inline-block; padding: 5px 10px; color: #00539b; background: #fff; border-radius: 3px; text-decoration: none; }
.woocommerce-Price-amount.amount bdi, .woocommerce-Price-currencySymbol{color: #000 !important;}
.woocommerce-product-details__short-description p, .product-block--description__text ul li{color:#000 !important;}
.new-arrivals .woocommerce-Price-amount.amount bdi{color: #fff !important;}
/*===== Cart Page =====*/
.shop_table{ width: 100%; margin-bottom: 30px; }
.shop_table thead{ width: 100%; border: #00539b solid 1px; }
.shop_table thead th{ height: 50px; background: #00539b; border: #fff solid 1px; border-bottom: #00539b solid 1px; border-top: #00539b solid 1px; padding: 10px; color: #fff; }
.shop_table thead th:first-child{ border-left: #00539b solid 1px; }
.shop_table thead th:last-child{ border-right: #00539b solid 1px; }

.shop_table thead .product-remove{ width: 5%; }
.shop_table thead .product-thumbnail{ width: 5%; }
.shop_table thead .product-name{ width: 100%; }
.shop_table thead .product-price{ width: 20%; }
.shop_table thead .product-quantity{ width: 20%; }
.shop_table thead .product-subtotal{ width: 20%; }

.shop_table tbody td{ padding: 30px; border: #00539b solid 1px; }
.shop_table tbody .product-remove a{ font-size: 30px; color: red; text-align: center; }
.shop_table tbody .product-remove{ width: 5%; }
.shop_table tbody .product-thumbnail{ width: 100%; }
.shop_table tbody .product-thumbnail img{ width: 100px; height: auto; }
.shop_table tbody .product-name{ width: 20%; }
.shop_table tbody .product-price{ width: 10%; }
.shop_table tbody .product-quantity{ width: 10%; }
.shop_table tbody .product-subtotal{ width: 20%; }

.shop_table tbody .product-name a{ color: #00539b; font-size: 16px; }
.shop_table tbody .product-quantity .quantity label{ display: none; }
.shop_table tbody .product-quantity .quantity .input-text{ border: #00539b solid 1px; padding: 11px; color: #00539b; width: 161px; }

.shop_table .button{ float: right; border: none; border-radius: 3px; background: #2980b9; color: #fff; padding: 10px 30px; font-size: 18px; cursor: pointer; }
.shop_table .button:hover{ background: #3498db; }
.shop_table .actions{ padding: 20px; padding-top: 15px; }
.shop_table .coupon{ display: inline-block; }
.shop_table .coupon label{ display: block; }
.shop_table .coupon .input-text{ border: #00539b solid 1px; padding: 11px; color: #00539b; width: 161px; float: left; margin-right: 5px; }
.shop_table .coupon .button{ float: none; border: none; border-radius: 3px; background: #27ae60; color: #fff; padding: 10px 30px; font-size: 18px; }
.shop_table .coupon .button:hover{ background: #2ecc71; }

.cart-collaterals .shop_table{ display: block; width: 100%; margin-bottom: 30px; }
.cart-collaterals .shop_table tbody{ display: block; width: 100%; }
.cart-collaterals .shop_table tbody tr{ display: block; width: 100%; border: #00539b solid 1px; border-top: none; }
.cart-collaterals .shop_table tbody tr:first-child{ border-top: #00539b solid 1px; }
.cart-collaterals .shop_table tbody tr th{ padding: 10px; width: 200px; border-right: #00539b solid 1px; }
.cart-collaterals .shop_table tbody tr td{ padding: 10px; border: none; }
.woocommerce-shipping-calculator .shipping-calculator-button{ color: #00539b; font-size: 16px; }

.wc-proceed-to-checkout{ display: block; text-align: center; }
.wc-proceed-to-checkout a{ display: inline-block; padding: 10px 30px; border-radius: 3px; background: #27ae60; text-decoration: none; color: #fff; font-size: 18px; }
.wc-proceed-to-checkout a:hover{ background: #2ecc71; }
.wc-proceed-to-checkout .wcppec-checkout-buttons__separator,
.wc-proceed-to-checkout .wcppec-checkout-buttons__button{ display: none; }
.related.products{display:none;}

/*===== Checkout Page =====*/
.woocommerce-form-coupon-toggle .woocommerce-info{ display: block; padding: 15px; background-color: #3D9CD2; color: #fff; }
.woocommerce-form-coupon-toggle .woocommerce-info a{ display: inline-block; padding: 10px; margin-left: 10px; border-radius: 3px; background-color: #00539b; color: #fff; text-decoration: none; }
.woocommerce-form-coupon-toggle .woocommerce-info a:hover{ background-color: #973a68; }
.checkout .form-row{ display: block; }
.checkout .select2-container--default .select2-selection--single{ padding: 5px; height: 40px; border: #ccc solid 1px; border-radius: 0; }
.checkout .select2-selection--single .select2-selection__rendered{ font-size: 14px; color: #00539b; font-weight: 400; }
.checkout .select2-selection__placeholder{ font-weight: 400; color: #666; font-size: 14px; }
.checkout label{ color: #666; font-size: 16px; font-weight: 400; margin-bottom: 0; }
.checkout label .optional{ font-size: 14px; }
.checkout input::placeholder{ font-size: 14px; font-weight: 400; color: #00539b; }
.checkout .input-text{ display: block; padding: 0 10px; width: 100%; border: #ccc solid 1px; font-size: 14px; font-weight: 400; color: #666; }
.checkout .woocommerce-checkout-review-order .shop_table thead{ background: #00539b; }
.checkout .woocommerce-shipping-fields .input-checkbox{ position: relative; top: -4px; left: -10px; width: 20px; height: 20px; float: left; }
.checkout .woocommerce-shipping-fields label{ display: block; }
.checkout .woocommerce-shipping-fields input{ display: block; width: 100%; }
.checkout .woocommerce-shipping-fields .woocommerce-form__label{ display: block; height: 40px; padding: 12px 15px 10px 40px; background: #333; color: #fff;  font-weight: 700; font-size: 16px; cursor: pointer; }
.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper label{ display: block; }
.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper label .optional{ color: #666; font-size: 14px; }
.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper textarea{ display: block; padding: 0 10px; width: 100%; border: #ccc solid 1px; font-size: 14px; font-weight: 400; color: #666; }
.checkout .shop_table{ display: block; margin-bottom: 30px; }
.checkout .shop_table thead,
.checkout .shop_table tbody{ display: block; width: 100%; border: #00539b solid 1px; }
.checkout .shop_table thead th,
.checkout .shop_table tbody td{ border: none; }
.checkout .shop_table thead th:first-child{ border-right: #fff solid 1px; }
.checkout .shop_table tbody td:first-child{ border-right: #00539b solid 1px; }
.checkout .shop_table thead .product-name,
.checkout .shop_table tbody .product-name{ width: 545px; }
.checkout .shop_table tfoot{ display: block; width: 100%; }
.checkout .shop_table tfoot th:first-child{ border-top: none; }
.checkout .shop_table tfoot td:last-child{ border-top: none; }
.checkout .shop_table tfoot th{ width: 700px; padding: 10px; border: #00539b solid 1px; }
.checkout .shop_table tfoot td{ width: 700px; padding: 10px; border: #00539b solid 1px;   }
.checkout .button{ display: inline-block; padding: 10px 30px; border: none; border-radius: 3px; background: #27ae60; text-decoration: none; color: #fff; font-size: 18px; }
.checkout .button:hover{ background: #2ecc71; }
.checkout_coupon .input-text{ border-radius: 0; padding-left: 10px; }
.checkout_coupon .button{ display: inline-block; border: none; border-radius: 3px; background: #27ae60; color: #fff; padding: 10px 30px; font-size: 18px; }


/*Error*/
.woocommerce-error{ display: block; width: 100%; padding: 15px 30px; color: #fff; }
.woocommerce-error li{ color: #fff; list-style: none; margin: 15px 0; }
.woocommerce-info{padding: 5px 10px;margin: 15px;color: #fff;}
.col2-set{display: flex;gap: 30px;}
.col2-set .col-1{width: 50%;}
.col2-set .col-2{width: 50%;}
.xoo-wsc-basket{right: 0;bottom: 70px;}

li.wc-block-grid__product{box-shadow: 4px 4px 29px 0px #00000040;padding: 20px;border-radius: 10px;}
.wc-block-grid .wc-block-grid.has-4-columns .wc-block-grid__product {max-width: 22%;}

/*========================================*/
/*================ Error =================*/
/*========================================*/
.wpcf7-not-valid-tip {position: absolute;top: 100%;left: 0;width: 100%;background: red;color: #fff;padding: 1px 5px;}

.woocommerce-form.woocommerce-form-login.login p{margin-bottom:20px;display:block;}
.woocommerce-form.woocommerce-form-login.login label{margin-bottom: 0px !important; line-height: 30px; margin-top: 10px; display: block;}
.woocommerce-form-login .input-text{padding:5px 10px;}

button.show-password-input { display: none;}
/*===== Pages Breadcrumb =====*/
.content-banner{ padding: 12px 0px; background: #245a33; }
.breadcrumb{ padding: 8px 10px; margin: 0; margin-bottom: 0; color: #151515; background: #fff; border-radius: 0;   font-family: "Plus Jakarta Sans", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 15px; }
.breadcrumb a{ color: #35B7AA; text-decoration: none; }
.breadcrumb .fa{  display: inline-block; margin: 0 10px; font-size: 15px; margin-top: 6px; }



/*===== Pages Breadcrumb =====*/
.content-banner{ padding: 12px 0px; background: #000; }
.breadcrumb{ padding: 8px 10px; margin: 0; margin-bottom: 0; color: #151515; background: #fff; border-radius: 0;   font-family: "Plus Jakarta Sans", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 15px; }
.breadcrumb a{ color: #35B7AA; text-decoration: none; }
.breadcrumb .fa{  display: inline-block; margin: 0 10px; font-size: 15px; margin-top: 6px; }

/*===== Content Pages =====*/
.content{ width: 100%; padding: 50px 0; background: #000;}
.content-block{ padding: 25px; background: #f6f6f6; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 20px; background: #333; }
.content h2{ text-transform: capitalize; font-size: 28px; font-weight: 600; font-family: "Plus Jakarta Sans", sans-serif; margin-bottom: 10px;}
.content h3{ text-transform: capitalize; font-weight: 600; font-family: "Plus Jakarta Sans", sans-serif; margin-bottom: 10px;}
.content h4{ text-transform: capitalize; font-size: 18px; font-weight: 600; line-height: 28px; font-family: "Plus Jakarta Sans", sans-serif;}
.content p{ font-size: 16px; font-weight: 400; line-height: 28px;}
.content ol,
.content ul{padding: 0; margin-bottom: 15px; margin-left:15px;}
.content li{line-height: 27px; font-size: 17px; font-weight: 400; margin:5px 0px; font-family: "Plus Jakarta Sans", sans-serif;}
.content li strong,.content p strong{font-weight:600;;}

/*===== Testimonials Page =====*/
.reviewsblock{padding: 15px 0px;background: #808080;width: 100%;text-align: center;}
.reviewsblock h4{ text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; }
.reviewsform{padding: 15px 0px; min-height: 150px;width: 100%;}
.reviewsform .form-group{margin-bottom: 15px !important;}
.reviewsformstyle{height: 44px;border-radius: 0;border: #ddd solid 1px;color: #333;background: #fff;}
.reviewsform input::placeholder{ color: #666; }
.reviewsform form [class*="col-"]{padding-left:0px; padding-right:0px;}
.reviewsform textarea::placeholder{ color: #666; }
.btn-reviewsformstyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #191919; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
.btn-reviewsformstyle:hover{background: #2ecc71;}
.testimonials-page{ display: block; margin-top: 15px; }
.testimonials-page .panel-title a{position: relative;display: block;padding: 15px 50px 15px 15px;margin-bottom: 0;background: #808080;text-decoration: none;text-transform: uppercase;font-size: 16px;color: #fff;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-o-transition: all linear 0.3s;transition: all linear 0.3s;}
.testimonials-page .panel-title a:hover{background: #000;color: #fff;}
.testimonials-page .accordion>.card>.card-header {background: #fff; color: #191919; position: relative; border: 1px solid #ddd; padding: 10px;}
.testimonials-page .btn-link { font-size: 18px; font-weight: 500; color: #000; text-decoration: none;}
.testimonials-page .panel-title .collapsed{ background: #fff; color: #191919; position: relative; }
.testimonials-page .btn.btn-link.btn-block.text-left.collapsed::before{ content: ""; position: absolute; top: 50%; right: 0; width: 25px; font-family: 'fontawesome'; text-align: center; font-size: 20px; transform: translate(-50%,-50%); z-index: 999; }
.testimonials-page .btn.btn-link.btn-block.text-left::before{ content: ""; position: absolute; top: 50%; right: 0; width: 25px; font-family: 'fontawesome'; text-align: center; font-size: 20px; transform: translate(-50%,-50%); }
.testimonials-page h4{ margin-bottom: 0; margin: 0; }
.testimonials-page .panel-body{ border: #eee solid 1px; border-top: none; padding:10px; }
.testimonials-page .panel-body p{ margin-bottom: 0; }
.btn.focus, .btn:focus {outline: 0; box-shadow:none !important;
}


/*===== Contact Form Section =====*/
.formstyle{padding-left: 60px;height: 50px;border-color: #ddd;border-radius: 0;background-color: #fff; color: #000; font-size: 18px;}
.btn-formstyle{ margin-top: 15px; width: 150px; color: #fff; background-color: #2c2c2c; border: none; border-radius: 0; padding: 10px 16px; font-size: 20px; line-height: 30px; transition: all linear 0.3s; }
.btn-formstyle:hover{background: #35B7AA;}
.googlemap{ height: 500px; overflow: hidden; border: #eee solid 1px; }
.form-horizontal .form-group{ margin-right: 0; margin-left: 0; }
.content .form-group{margin: 0px;}
.content .form-group br{margin: 0px !important;}
.content .form-horizontal .form-group input::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea{ min-width: 100%; max-width: 100%; }
.form-section .fa{position: absolute;top: 0px;height: 100%;width: 50px;text-align: center;padding-top: 15px;color: #000;background-color: #ddd;font-size: 18px;z-index: 1;}
.form-section .sms { height: 200px;}
.form-section textarea.form-control {height: 200px;}


/*===== Free Estimate Form Page =====*/
.free-estimate-form .freeblock{ padding: 15px 20px; background: #666; color: #fff; text-transform: uppercase; }
.free-estimate-form .form-group{margin-bottom: 20px;}
.freeestimatestyle{ padding-left: 65px; height: 50px; border-radius: 0; border: #666 solid 1px; }
.btn-freeestimatestyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #2c2c2c; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
.btn-freeestimatestyle:hover{ background: #2ecc71; }
.free-estimate-form .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }
.free-estimate-form .fa{position: absolute;top: 34px;height: calc(100% - 60px);width: 50px;background: #666;text-align: center;padding-top: 15px;color: #fff;font-size: 18px;}


/*===== Page =====*/

.contact-page-location-map{ display: block; margin-top: 30px; }

.about-span-break{ display: block; }



/*========== Responsive ==========*/

@media (max-width: 991px){

}
@media (max-width: 767px){


      /*===== Go To Top =====*/
    .mobile_menu{ display: block; width: 0; }
    .mobile_menu.active{ width: 100%; }
    .serv_dropdown_menu{ padding-left: 30px;}
    .header-top.home .navigation{margin: 30px auto 0px; width: 75%;}
    .header-contact-info ul li{color: #fff;margin-bottom: 1.5rem; }
    .header-contact-info ul li a{color: #fff;}
    

    .header .container,
    .header .container{ width: 100%; }
    #mega-menu-wrap-header-menu .mega-menu-toggle,.header .navigation{display: none;}
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu{display: block;}
    #mega-menu-wrap-header-menu{ margin: 0px 30px 0px; }
    #mega-menu-wrap-header-menu .mega-menu-toggle{ border-radius: 0; background: #82A6CB; }
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{ width: 30px; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{ display: block; } 
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child{ float: none; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{ padding: 10px 15px; margin-right: 0; margin: 0; background: #2f2f2f; color: #fff; border-radius: 0; font-size: 14px; font-weight: 400; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::before{ height: 1px; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ background: #35B7AA; color: #fff; font-size: 14px; font-weight: 400; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child > a.mega-menu-link{background: #2f2f2f;padding: 10px 15px;border-color: #2f2f2f; border-radius: 0;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::before{display: none;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{color: #fff;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after{display: none;}


  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{font-size: 16px;}
  .text-right li{display: block;}
    .text-right{display: flex; align-items: center;}
  .section-title h2{font-size: 30px; line-height: 40px;}
  .banner{padding: 100px  0px 100px!important;}
  .banner section{padding: 0px !important;}
  .banner-thumbnail{left: 0;margin-bottom: 4.5rem;}
	.banner .container .row{display: flex;flex-direction: column-reverse;}
	.banner-container{text-align: center;}
	.banner-thumbnail{display: block;text-align: center;margin-bottom: 2.5rem;}
	.banner-thumbnail img{width: 50%;}
	.banner-thumbnail::before{display: none;}
	.banner-content h2,.banner-content p{width: 100%;}
	.banner-content h2{font-size: 35px; line-height: 45px;}
  .header-logo img{object-fit: contain;margin: 0 auto;text-align: center;width: 100%; height: 150px;}
  

	.hero-content-box img{width: 100%;}
  .project .col-md-4:nth-child(2) .row{padding: 0px 20px;}
  .project .col-md-4:first-child .project-content-item img,
  .project .col-md-4:last-child .project-content-item img{height: auto !important;}

	.footer-top{margin-bottom: 0;}
	.footer-links,.footer-catogories{padding-left: 0;}
	.footer-catogories ul li a {font-size: 14px;}
	.footer-content {margin-top: 30px;}

	.copyright p {font-size: 14px;}


	/*===== Pages Section =====*/
	.content-banner {padding: 20px 0;}
	.content h2 {font-size: 20px;}
	.sectiontitleunderline {margin: 0 0 15px;}
	.breadcrumb .fa {margin: 5px;}
	.content p {font-size: 14px;line-height: 26px;margin-bottom: 10px;}

    .why-choose-us .choose-thumbnail,.services-btn .services-thumbnail{width: 100%; height: auto;}
    .services-btn{padding-bottom: 0px !important;}
    .services-btn .section-title{padding: 50px 0px;}
    .services-btn .services-thumbnail{position: unset;}
    .categories .category-card:nth-child(2n) .category-content{text-align: left;}
    .tnp-subscription{display: block !important;}
    .tnp-submit{margin-left: 0px !important;}
    .tnp-email{width: 100% !important;}
      
      #back-top{ right: 10px; bottom: 10px; }
      #back-top a .fa{ font-size: 16px; width: 40px; height: 40px; padding-top: 10px; }
      .header::before{display: none;}
      section{padding: 50px 0px !important;}
      .logo{margin: 15px auto !important; text-align: center;}
      .black-bg-text {display: block; background-color: #000; padding: 10px 15px;}
      .social-icons-text{text-align: left !important;}
      .free-social-links{justify-content: start !important;}
      .social-icons-text h6,.free-social-links h6{margin-left: 0px;}
      
    }