/*!
Theme Name: Briton Furniture
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: briton-furniture
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Briton Furniture is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--text-color-global: #18211d;
	--color-orange:#ed7d2a;

	--primary-font-family: 'Avenir', sans-serif;
  
	--fontSize-11: 11px;
	--fontSize-12: 12px;
	--fontSize-14: 14px;
	--fontSize-16: 16px;
	--fontSize-18: 18px;
	--fontSize-20: 20px;
	--fontSize-22: 22px;
	--fontSize-24: 24px;
	--fontSize-26: 26px;
	--fontSize-28: 28px;
	--fontSize-30: 30px;
	--fontSize-32: 32px;
	--fontSize-36: 36px;
	--fontSize-40: 40px;
	--fontSize-48: 48px;
	--fontSize-56: 56px;
	
    --fontWeight-normal: 400;
    --fontWeight-semibold: 600;
    --fontWeight-bold: 700;

    --lineHeight-100: 1;
    --lineHeight-125: 1.25;
    --lineHeight-150: 1.5;
    --lineHeight-170: 1.75;
    --lineHeight-200: 2;
}
* { box-sizing: border-box;}
html {
    background-color: var(--color-white);
    font-size: 100%;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
    color: var(--text-color-global);
    font-family: var(--primary-font-family);
}

body {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: var(fontSize-200);
    font-weight: var(fontWeight-normal);
    margin: 0;
}

h1 {font-size: var(--fontSize-36); margin-bottom:15px;}

h2 {font-size: var(--fontSize-32); margin-bottom:15px;}

h3 {font-size: var(--fontSize-30); margin-bottom:15px;}

h4 {font-size: var(--fontSize-30); margin-bottom:15px;}

a {
    color: currentColor;
    text-decoration: none;
}

p { margin: 0; font-size:var(--fontSize-18); margin-bottom:15px;}

dl,
ol,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	font-size:var(--fontSize-18);
}

dd,
dt {
    margin: 0;
}

button {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 100%;
    padding: 0;
    touch-action: manipulation;
    user-select: none;
    -webkit-appearance: none;
}

button:disabled {
    cursor: default;
    touch-action: none;
}


@font-face {
    font-family: 'Avenir';
    src: url(font/Avenir-Book.ttf);
    src: url(font/Avenir-Book.woff2) format('woff2'),
        url(font/Avenir-Book.woff) format('woff'),
        url(font/Avenir-Book.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url(font/Avenir-Regular.ttf);
    src: url(font/Avenir-Regular.woff2) format('woff2'),
        url(font/Avenir-Regular.woff) format('woff'),
        url(font/Avenir-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url(font/Avenir-Medium.ttf);
    src: url(font/Avenir-Medium.woff2) format('woff2'),
        url(font/Avenir-Medium.woff) format('woff'),
        url(font/Avenir-Medium.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url(font/Avenir-Heavy.ttf);
    src: url(font/Avenir-Heavy.woff2) format('woff2'),
        url(font/Avenir-Heavy.woff) format('woff'),
        url(font/Avenir-Heavy.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Baskerville';
    src: url(font/Avenir-Regular.ttf);
    src: url(font/Avenir-Regular.woff2) format('woff2'),
        url(font/Avenir-Regular.woff) format('woff'),
        url(font/Avenir-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}


/* header */
header.site-header{ width: 100%; display: flex; flex-direction: column; position: fixed; background-color: #fff; top: 0px; left: 0; z-index: 999; min-height: 96px; justify-content: center; transition: 0.33s all ease-in-out;}
header.site-header img.header_logo{max-width:230px;}
header.site-header .main_menu_nav{border-top: 1px solid #e5e2deb2; border-bottom: 1px solid #e5e2deb2;}
header.site-header .header_announcment{background:var(--color-black); color: var(--color-white); font-size:var(--fontSize-12);}
header.site-header ul#primary-menu{padding-left: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%;}
header.site-header ul#primary-menu li.menu-item{height:40px; justify-content: center; display: flex;}
header.site-header ul#primary-menu li.menu-item a{ font-size: var(--fontSize-18); color: var(--color-black); font-weight: var(--fontWeight-semibold); padding: 0px 26px; transition: .3s all ease-in-out;
display: flex; align-items: center; font-family: var(--primary-font-family); text-decoration: none; line-height: 1; letter-spacing: 0.2px;}
header.site-header ul#primary-menu li.menu-item:first-child a, header ul#primary-menu li.menu-item:last-child a{ padding-right: 0; padding-left: 0;}
.icons .cart_btn{position:relative;}
.icons .cart_btn .cart-count{ background: #ff0000; color: #fff; padding: 0px 5px; font-size: 13px; top: -5px; position: absolute; text-align: center; vertical-align: middle; right: -13px; border-radius: 15px;}

.mini-cart-content {max-height: 100vh; overflow-y: auto;}
.offcanvas-end { width: 350px;}
.mini_cart_item{ margin:0px 0px 15px 0px !important; padding: 0px 0px 15px 0px !important; border-bottom: 1px solid #e5e2deb2; font-size:16px;}
.mini_cart_item img{max-width:75px; margin-right:15px;}
.mini_cart_btns a.button{width: calc(100% - 30px); position: absolute; bottom: 10px; text-align: center; background-color: var(--color-black); color: #fff; font-size: 18px; line-height: 1; padding: 15px; font-weight: 600;}
.mini_cart_btns a.button:hover{background-color: var(--color-black); color: #fff;}

/* Mega menu */
ul.max-mega-menu{ display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between;}
ul.max-mega-menu > li:first-child a, ul.max-mega-menu > li:last-child a{ padding-right: 0 !important; padding-left: 0 !important;}

/* footer */
footer.site-footer{ background:#F6F9F8; margin-top: 0px; border-top: 1px solid #e5e2deb2; }
footer.site-footer h6{font-size:var(--fontSize-16); font-weight: var(--fontWeight-bold); margin-bottom:15px;}
footer.site-footer .footer_menu li{margin-bottom:15px;}
footer.site-footer .footer_menu li a{font-size:var(--fontSize-16);}
footer.site-footer .footer_menu li a:hover{color:var(--color-orange);}
footer.site-footer .footer-bottom{border-top: 1px solid #e5e2deb2;}
footer.site-footer .footer-bottom p{font-size:var(--fontSize-14);}
footer.site-footer .social_footer a{ color: #fff; background: #000; width: 35px; height: 35px; text-align: center; border-radius: 25px; line-height:35px;opacity:0.6;}
footer.site-footer .social_footer a:hover{ opacity:1;}


footer.site-footer .contact_frm h3{font-size:var(--fontSize-24); font-weight:var(--fontWeight-semibold);}
footer.site-footer .contact_frm .form-input{ width:100%;position: relative; border: 1px solid #CCCCCC; background-color: #fff; height: 45px; padding: 16px 15px; font-size:var(--fontSize-16); line-height: 1; color: #000;  margin-bottom:20px;}
footer.site-footer .contact_frm .form-input-area{ width:100%;position: relative; border: 1px solid #CCCCCC; background-color: #fff; height: 150px; padding: 16px 15px; font-size:var(--fontSize-16); line-height: 1; color: #000; margin-bottom:20px;}
footer.site-footer .contact_frm .wpcf7-submit{ width: 100%; max-width: 200px; background-color: #000000; color: #fff; font-size: var(--fontSize-16); line-height: 1; padding: 15px; font-weight:var(--fontWeight-semibold); min-height: 47px; justify-content: center; align-items: center; transition: .3s all ease-in-out; margin-left: auto; border:none;}
footer.site-footer .contact_frm .form-input:focus, footer.site-footer .contact_frm .form-input-area:focus{ border-color:var(--color-orange); outline: none !important; box-shadow: none !important;}


/* main content */
.main-content{margin-top:135px;}


.rounded{border-radius:15px !important;}
.button{ background-color: var(--color-black); color: #fff; font-size: 18px; line-height: 1; padding: 15px; font-weight: 600;}


/* */
.editor_text h1, .editor_text h2, .editor_text h3, .editor_text h4, .editor_text h5{margin-bottom:15px;}
.editor_text ul, .editor_text ol{margin-bottom:25px;}
.editor_text ul li, .editor_text ol li{margin-bottom:15px; list-style-position: inside; list-style-position: inside;}
.editor_text ul li{ list-style-type: circle;}
.editor_text ol li{ list-style-type: decimal; }


/* hero section */
.hero-section{overflow-x:hidden; position:relative;}
.hero-section img { transition: transform 1s ease; transform: scale(1); }
.hero-section .slick-active img { transform: scale(1.05); }
.hero-section .slider-arrows {position: absolute; top: 40%; left: 0; right: 0; z-index: 10; transform: translateY(-50%); pointer-events: none; }
.hero-section .slider-arrows button { position: absolute; top: 0; pointer-events: all; /* Re-enable interaction for buttons */ cursor: pointer; opacity:0; height:60px; width:60px;}
.slider-arrows .prev-arrow span, .slider-arrows .next-arrow span{display: block; margin: 24px; width: 20px; height: 20px; border-top: 2px solid var(--color-white); border-left: 2px solid var(--color-white);}
.hero-section:hover .slider-arrows .prev-arrow, .hero-section:hover .slider-arrows .next-arrow{opacity:1;}
.slider-arrows .prev-arrow{ transform: rotate(-45deg); left:0;}
.slider-arrows .next-arrow{ transform: rotate(135deg); right:0;}

/* hero section inner */
.hero-section-inner .slick-dots{bottom:25px; right:25px; text-align:right;}
.hero-section-inner .slick-dots li button{background: #383838; border-radius:10px; width:10px; height:10px;}
.hero-section-inner .slick-dots li.slick-active button{background: #fff;}

/* Video section */
.video-section .video-wrapper { position: relative; width: 100%; margin: 0 auto;}
.video-section .video-wrapper .video-poster{ position:absolute; top:0; left:0; width:100%; z-index:1;}
.video-section .video-wrapper .video-poster img{width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.video-section .video-wrapper .video-poster .button_con{position:absolute; left:0; bottom:110px; width:100%; text-align:center;}
.video-section .video-wrapper .video-poster .button_con .play-btn .play-icon{ color: #fff; background: transparent; border: 1px solid #fff; border-radius: 25px; padding: 11px 14px 8px 17px; font-size:16px; margin-right:10px;}
.video-section .video-wrapper .video-poster .button_con .play-text{color:#fff; font-size:18px; height: 30px; position: absolute; border-bottom:1px solid #fff;}
.video-section .video-wrapper .video-poster .button_con:hover .play-btn .play-icon{color:#000; background:#fff;}
	
.video-section .video-wrapper::before { content: ""; display: block; padding-top: 56.25%;}
.video-section .video-wrapper iframe,.video-section .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; object-fit: contain;}
.video-section .video-wrapper .video-embed.active{z-index:2;}

/* icon title section */
.icon-title-section{padding-top:50px; padding-bottom:50px;}
.icon-title-section .row > div{padding-bottom:0.75rem; padding-top:0.75rem;}
.icon-title-section .icon_box { width: 100%; display: flex; flex-wrap: wrap; position: relative; border: 1px solid #EBEBEB; padding: 35px 25px; height: 100%; align-items: center;}
.icon-title-section .icon_box.style-2{flex-direction:column;}
.icon-title-section .icon_box.style-2 .img_con{margin-right:0px; margin-bottom:20px;}
.icon-title-section .icon_box.style-2 p{text-align:center;}
.icon-title-section .icon_box .img_con{margin-right:20px;}
.icon-title-section .icon_box .img_con img.icon_img{max-height:60px;}
.icon-title-section .icon_box a.full_box_link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.custom_column_5{width:20%;}

.icon-title-section .icon_box.style-3{flex-direction:column; border: 0px; padding: 20px;}
.icon-title-section .icon_box.style-3 .img_con{margin-right:0px; margin-bottom:20px;}
.icon-title-section .icon_box h4{font-size:var(--fontSize-20); line-height:var(--lineHeight-150); font-weight: var(--fontWeight-semibold); margin-bottom:5px;}
.icon-title-section .icon_box.style-3 p{text-align:center; font-size:var(--fontSize-16); }

.icon-title-section .icon_box.style-1 h4{margin-bottom:0px; width:calc(100% - 80px);}


.title_desc_part{max-width:700px; margin:0 auto;}
.title_desc_part h3{line-height:var(--lineHeight-150);}
.title_desc_part .desc_part p{font-size:var(--fontSize-18);}

/* Image Sizes Grid */
img.img-size-square{aspect-ratio: 1; object-fit: cover;}
img.img-size-4_3{aspect-ratio: 4 / 3; object-fit: cover;}
img.img-size-3_4{aspect-ratio: 3 / 4; object-fit: cover;}

/* categroy grid section */
.category-grid-section .category-box{position:relative; margin-bottom:50px;}
.category-grid-section .category-box .cat_img_box{overflow:hidden; margin-bottom:20px;}
.category-grid-section .category-box img{transform: scale(1.00); transition: transform 0.3s ease;}
.category-grid-section .category-box:hover img{transform: scale(1.05);}
.category-grid-section .category-box a.full_box_link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/* carousel slider */
.carousel-box .slick-list{margin:0 -15px;}
.carousel-box .item{margin:0 15px; position:relative;}

.carousel-box .item.style-1 .img_box{overflow:hidden; margin-bottom:25px;}
.carousel-box .item.style-1 h3{font-size:var(--fontSize-20); margin-bottom:10px;}
.carousel-box .item.style-1:hover button.read_more{color:var(--color-orange);}
.carousel-box .item.style-1 a.full_box_link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.carousel-box .item.style-1 img{transform: scale(1.00); transition: transform 0.3s ease;}
.carousel-box .item.style-1:hover img{transform: scale(1.05);}
.carousel-box .item .img_box.image_radius{border-radius:15px;}

.carousel-box .item.style-2 .img_box{overflow:hidden;}
.carousel-box .item.style-2 h3{font-size:var(--fontSize-20); margin-bottom:0px; text-align: center; position: absolute; bottom: 0; width: 100%; color: var(--color-white); transition: .3s all ease-in-out; padding:40px 10px;}
.carousel-box .item.style-2 h3.text_overlay{ background: rgb(0, 0, 0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }
.carousel-box .item.style-2 a.full_box_link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.carousel-box .item.style-2:hover h3{ padding:20px 10px 60px 10px;}


.carousel-box .slick-prev.slick-arrow{ height: 50px; width: 50px; z-index: 1; background: var(--color-white); border-radius:50px; border: 1px solid var(--color-black); }
.carousel-box .slick-prev.slick-arrow:before{ content: ''; margin: 0px; width: 15px !important; height: 15px !important; border-top: 2px solid var(--color-black); border-left: 2px solid var(--color-black); transform: rotate(-45deg); position: absolute; top: 17px; left: 20px;}
.carousel-box .slick-next.slick-arrow{ height: 50px; width: 50px; z-index: 1; background: var(--color-white); border-radius:50px; border: 1px solid var(--color-black); }
.carousel-box .slick-next.slick-arrow:before{ content: ''; margin: 0px; width: 15px !important; height: 15px !important; border-top: 2px solid var(--color-black); border-left: 2px solid var(--color-black); transform: rotate(135deg); position: absolute; top: 17px; left: 13px;}
.carousel-box .slick-prev.slick-arrow:hover, .carousel-box .slick-next.slick-arrow:hover {background: var(--color-black);}
.carousel-box .slick-prev.slick-arrow:hover:before, .carousel-box .slick-next.slick-arrow:hover:before{border-color: var(--color-white);}

/* carousel grid */
.grid-box .item_grid{position:relative;}

.grid-box .item_grid.style-1{margin-bottom:45px;}
.grid-box .item_grid.style-1 .img_box{overflow:hidden; margin-bottom:25px;}
.grid-box .item_grid.style-1 h3{font-size:var(--fontSize-20); margin-bottom:10px;}
.grid-box .item_grid.style-1:hover button.read_more{color:var(--color-orange);}
.grid-box .item_grid.style-1 a.full_box_link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.grid-box .item_grid.style-1 img{transform: scale(1.00); transition: transform 0.3s ease;}
.grid-box .item_grid.style-1:hover img{transform: scale(1.05);}
.grid-box .item_grid .img_box.image_radius{border-radius:15px;}

.grid-box .item_grid.style-2{ margin-bottom: 25px;}
.grid-box .item_grid.style-2 .img_box{overflow:hidden;}
.grid-box .item_grid.style-2 h3{font-size:var(--fontSize-20); margin-bottom:0px; text-align: center; position: absolute; bottom: 0; width: 100%; color: var(--color-white); transition: .3s all ease-in-out; padding:40px 10px;}
.grid-box .item_grid.style-2 h3.text_overlay{ background: rgb(0, 0, 0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }
.grid-box .item_grid.style-2 a.full_box_link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.grid-box .item_grid.style-2:hover h3{ padding:20px 10px 60px 10px;}


/* Image text box */
.img-desc-box .txt-box-con.space-right{padding-right:150px;}
.img-desc-box .txt-box-con.space-left{padding-left:150px;}
.img-desc-box .row{--bs-gutter-x: 3rem;}

.product-card img,
.gallery-card img { width: 100%; height: 250px;object-fit: cover;}
.banner-section { background-size: cover; background-position: center; padding: 100px 0; color: white; text-align: center; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);}
img { max-width: 100%; height: auto; }
.rounded-circle { border-radius: 50% !important; object-fit: cover; }

/* === index.html === */


/* product single page */ 
.woocommerce-product-gallery { margin: 0; }
.woocommerce-product-gallery.row>*{ padding-right: 0.50rem; padding-left: 0.50rem;}
.woocommerce-product-gallery .woocommerce-product-gallery__image { margin: 0 !important; float: none !important; }

.product-detail-sec .woocommerce-variation-add-to-cart{display:flex;}
.product-detail-sec .qty-button { border: 1px solid #e5e2deb2; color: #333; padding: 0px 12px; cursor: pointer; font-size: 24px; font-weight:bold; height:50px;}
.product-detail-sec .quantity { display: inline-flex; align-items: center; }
.product-detail-sec .detail_add_to_cart form.simple_cart{display:flex;}
.product-detail-sec .quantity input.qty { text-align: center; height: 50px; width: 80px; border:1px solid #e5e2deb2; border-right: none; border-left: none;}
.product-detail-sec form .button{width:100%; margin-left:25px; min-height:50px; background:var(--color-black) !important;}

.product-desc-accordion{margin-top:20px;}
.product-desc-accordion .accordion-item:first-child{ border-top: 1px solid #F0F0F0;}
.product-desc-accordion .accordion-item{ border-bottom: 1px solid #F0F0F0;}
.product-desc-accordion .accordion-button{padding:15px 0px; font-weight:var(--fontWeight-semibold);}
.product-desc-accordion .accordion-body{padding:5px 0px 15px 0px;}
.product-desc-accordion .accordion-button::after { content: '+'; font-size: 1.25rem; margin-left: auto; transition: none; background:none; }
.product-desc-accordion .accordion-button:not(.collapsed)::after { content: '–';}
.product-desc-accordion .accordion-body p, .product-desc-accordion .accordion-body li {font-size:var(--fontSize-16);}
.product-desc-accordion .accordion-body ul, .editor_text ol{margin-bottom:25px;}
.product-desc-accordion .accordion-body ul li, .editor_text ol li{margin-bottom:10px; list-style-position: inside; list-style-position: inside;}
.product-desc-accordion .accordion-body ul li{ list-style-type: disc;}
.product-desc-accordion .accordion-body ol li{ list-style-type: decimal; }

.product-social-share{margin:60px 0px;}
.product-social-share strong{margin-right:15px; display:block; margin-bottom:10px;}
.product-social-share a{background:#fff; color:var(--color-black); border: 1px solid #000; padding: 5px 20px; margin-right: 10px;}
.product-social-share a i{margin-right:10px;}
.product-social-share a:hover{background:var(--color-black); color:#fff; }
.related.products{margin-top:50px;}
.recently-viewed-products{margin:50px 0px;}


/* contact */ 
.contact-section .space_custom{--bs-gutter-x: 3rem;}
.contact-section .contact_details{ background: #F6F9F8; padding: 45px; display: flex; flex-direction: column; gap: 45px;}
.contact-section .contact_details .contact_block{ display: flex; flex-direction: column; gap: 10px;}
.contact-section .contact_details .contact_block p, .contact-section .contact_details .contact_block h4{margin-bottom:0px;}
.contact-section .contact_details .contact_block h4{font-size:var(--fontSize-20); font-weight:var(--fontWeight-bold);}
.contact-section .contact_details .contact_block a{font-size: var(--fontSize-18);}
.contact-section .contact_details .contact_block a i{margin-right:10px;}
.contact-section .contact_details .contact_block .social_widget a{ color: #fff; background: #000; width: 35px; height: 35px; text-align: center; border-radius: 25px; line-height:35px;opacity:0.6;}
.contact-section .contact_details .contact_block .social_widget a i{margin-right:0px;}
.contact-section .contact_details .contact_block .social_widget a:hover{ opacity:1;}

.contact-section .contact_frm .form-group{margin-bottom:20px;}
.contact-section .contact_frm h3{font-size:var(--fontSize-24); font-weight:var(--fontWeight-semibold);}
.contact-section .contact_frm .form-input{ width:100%;position: relative; border: 1px solid #CCCCCC; background-color: #fff; height: 45px; padding: 16px 15px; font-size:var(--fontSize-16); line-height: 1; color: #000;  margin-bottom:0px;}
.contact-section .contact_frm .form-input-area{ width:100%;position: relative; border: 1px solid #CCCCCC; background-color: #fff; height: 150px; padding: 16px 15px; font-size:var(--fontSize-16); line-height: 1; color: #000; margin-bottom:0px;}
.contact-section .contact_frm .wpcf7-select{ width: 100%; position: relative; border: 1px solid #CCCCCC; background-color: #fff; height: 45px; padding: 0px 15px; font-size: var(--fontSize-16); line-height: 1; color: #000; margin-bottom:0px;}
.contact-section .contact_frm .wpcf7-submit{ width: 100%; max-width: 200px; background-color: #000000; color: #fff; font-size: var(--fontSize-16); line-height: 1; padding: 15px; font-weight:var(--fontWeight-semibold); min-height: 47px; display: flex; justify-content: center; align-items: center; transition: .3s all ease-in-out; margin-left: auto; border:none;}
.contact-section .contact_frm .form-input:focus, .contact-section .contact_frm .form-input-area:focus{ border-color:var(--color-orange); outline: none !important; box-shadow: none !important;}

/* store-section */
.store-section .space_custom{--bs-gutter-x: 3rem;}
.store-section .store_row{margin-bottom:80px;}
.store-section .button{ padding: 15px 35px; max-width: 200px; text-align: center;}
.store-section .store-slider .item img.slide-img{ aspect-ratio: 3 / 2; object-fit: cover;}
.store-section .slick-dots{bottom:-35px; text-align:center;}
.store-section .slick-dots li button{background: #000; border-radius:6px; width:5px; height:5px; opacity:0.3; padding:4px;}
.store-section .slick-dots li.slick-active button{background: #000; opacity:1;}
.store-section .store_details{display: flex; flex-direction: column; gap: 25px; margin-bottom:30px;}
.store-section .store_details .detail_text{display: flex; flex-direction: column; gap: 10px;}
.store-section .store_details h2, .store-section .store_details p{margin-bottom:0px;} 
.store-section .store_details a{font-size: var(--fontSize-18);}
.store-section .store_details a i{margin-right:10px;}
.store-section .store_details label{display:block; color:#4E4E4E; font-size:var(--fontSize-16); margin-bottom:5px;}

/* product listing grid */ 
.woocommerce-breadcrumb{padding-top: 20px !important;}
img.cat_banner_top{ aspect-ratio: 3.5; object-fit: cover;}
.product_list_con{padding-bottom:40px;}
.woocommerce ul.products{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0; list-style: none;}
.related ul.products, .recently-viewed-products ul.products{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0; list-style: none;}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{display:none;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{border:1px solid #e5e2deb2; margin:0; width:100% !important; padding-bottom:15px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{padding-left:20px; padding-right:20px; font-size:var(--fontSize-16);}

.my-count-sorting-wrapper{ background: #F6F9F8; position: relative; flex-wrap: wrap; align-items: center; justify-content: space-between; display: flex; align-content: center; padding: 0px; margin-bottom: 20px;}
.my-count-sorting-wrapper .woocommerce-result-count, .my-count-sorting-wrapper .woocommerce-ordering{margin:10px 15px;}

.woocommerce ul.products li.product img { transition: opacity 0.3s ease-in-out; }
.woocommerce ul.products li.product img:hover { content: attr(data-hover);}
.woocommerce ul.products li.product img[data-hover] { position: relative; z-index: 1;}
.woocommerce ul.products li.product img[data-hover]::after { content: ''; position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; transition: opacity 0.3s ease-in-out;}
.woocommerce ul.products li.product img[data-hover]:hover::after { opacity: 1;}

.woocommerce ul.products li.product a img{ aspect-ratio: 4 / 3; object-fit: cover;}

/* Sub cateogry slider */
.cub_category_slider .item .card{border:1px solid #e5e2deb2; border-radius:0px; }
.cub_category_slider .item .card .card-body{display:flex; flex-direction:row; align-items:center;}
.cub_category_slider .item .card img.card-img{width:75px; border-radius:0px;}
.cub_category_slider .item .card .card-body h5{margin-bottom:0px; font-size:var(--fontSize-16); margin-left:20px;}
.cub_category_slider .item .card a.read_more_full{ position: absolute; width: 100%; height: 100%;}

/* Cart page */
.woocommerce-cart table.cart img{width:200px;}
.woocommerce table.shop_table td.product-remove, .woocommerce table.shop_table td.product-thumbnail{text-align:center;}
.woocommerce table.shop_table th{background:#000; color:#fff;}
.woocommerce a.remove{display:inline-block; color:#fff !important; background:#000;}
.shop_table.cart .actions button.cart_update_btn{float:left; }
.shop_table.cart .actions button.cart_checkout_btn{float:right; }
.shop_table.cart .actions .button, .shop_table.cart .actions a.button{ background: var(--color-black) !important; color: #fff !important; padding:15px 35px !important;}

td.product-quantity .qty-button { border: 1px solid #e5e2deb2; color: #333; padding: 0px 12px; cursor: pointer; font-size: 24px; font-weight:bold; height:50px;}
td.product-quantity .quantity { display: inline-flex; align-items: center; }
td.product-quantity .quantity input.qty { text-align: center; height: 50px; width: 80px; border:1px solid #e5e2deb2; border-right: none; border-left: none;}


/* Checkout Page */
.woocommerce-info { border-top-color: #fd7b31;}
.woocommerce-info::before { color: #fb793b; }
a.button.wc-backward{ background-color: #000000; color: #fff; font-size: var(--fontSize-16); line-height: 1; padding: 15px; font-weight: var(--fontWeight-semibold); min-height: 47px; display: flex; justify-content: center; align-items: center; transition: .3s all ease-in-out; border: none; max-width: 250px;}

.product-ig{width:100px; text-align:center;}
.product-ig img{max-width:100px;}
th.product-total, td.product-total{text-align:center;}
.woocommerce-checkout #payment{background:transparent;}
.woocommerce-checkout #payment ul.payment_methods{display:none;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{width: 100%; background-color: #000000; color: #fff; font-size: var(--fontSize-16); line-height: 1; padding: 15px; font-weight:var(--fontWeight-semibold); min-height: 47px; display: flex; justify-content: center; align-items: center; transition: .3s all ease-in-out; margin-left: auto; border:none;}
.woocommerce form .form-row.place-order{padding:0px !important;}

/* Thank you */
.woocommerce-thankyou-order-received{text-align:center;}
.woocommerce-thankyou-order-details{ display: flex; justify-content: center;}


@media only screen and (max-width: 1600px) {
	.product-social-share a{padding:5px 15px;}
}
@media only screen and (max-width: 1200px) {
	.product-social-share a { padding: 5px 10px; font-size: 14px; }
}
@media only screen and (max-width: 990px) {
	.product-social-share a{display: inline-block; margin-bottom: 10px;}
}
@media only screen and (max-width: 768px) {
	h1 { font-size: var(--fontSize-28); }
	h2 { font-size: var(--fontSize-26); }
	h3 { font-size: var(--fontSize-24);}
	h4 { font-size: var(--fontSize-22);}
	p {font-size: var(--fontSize-16);}
	
	.row>*{ padding-right: 10px; padding-left: 10px;}
	
	ul.max-mega-menu{ align-items: flex-start !important; justify-content: flex-start !important;}
	ul.max-mega-menu > li{width:100% !important;}
	ul.max-mega-menu > li:first-child a, ul.max-mega-menu > li:last-child a { padding-right: 10px !important; padding-left: 10px !important;}
	#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {padding:20px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding:0px 15px 15px 15px;}
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open ~ button.mega-close{display:none;}
	.mega-menu-toggle{opacity:0; height:0 !important;}
	.main-content { margin-top: 96px;}
	
	.carousel-box .item.style-1 .img_box{margin-bottom:15px;}
	.carousel-box .item.style-1 h3{font-size: var(--fontSize-18); margin-bottom:5px;}
	.grid-box .item_grid.style-2 h3{font-size: var(--fontSize-18);  padding: 10px; line-height: 1.5;}
	.grid-box .item_grid.style-2:hover h3{padding: 10px 10px 20px 10px;}
	
	.grid-box .item_grid.style-1{margin-bottom: 15px;}
	.grid-box .item_grid.style-1 .img_box{margin-bottom:15px;}
	.grid-box .item_grid.style-1 h3{font-size: var(--fontSize-18);}
	
	.carousel-box .slick-prev.slick-arrow { height: 40px; width: 40px; }
	.carousel-box .slick-prev.slick-arrow:before{ width: 12px !important; height: 12px !important; top: 13px; left: 15px;}
	.carousel-box .slick-next.slick-arrow { height: 40px; width: 40px;}
	.carousel-box .slick-next.slick-arrow:before{ width: 12px !important; height: 12px !important; top: 13px; left: 11px;}
	.carousel-box .item{margin:0 10px; position:relative;}
	.image-carousel-section .row.grid-box>*{padding-top:10px; padding-left:10px; padding-right:10px;}
	.grid-box .item_grid.style-2{margin-bottom: 10px;}
	
	.icon-title-section .icon_box{ padding: 25px 20px;}
	.icon-title-section .icon_box .img_con img.icon_img{max-height:50px;}
	.icon-title-section .icon_box h4{ font-size: var(--fontSize-16);}
	.woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); }
	.woocommerce ul.products li.product{margin-bottom:0px !important;}
	
	.product-detail-sec .detail_add_to_cart form.simple_cart{flex-direction: column;}
	.product-detail-sec .detail_add_to_cart form.simple_cart .button{margin-left:0px; margin-top:15px;}
	.product-social-share { margin: 40px 0px;}
	.product-social-share a{padding: 5px 10px; margin-right: 5px; margin-bottom: 10px; display: inline-block; font-size: 12px;}
	.product-social-share a i {margin-right: 7px;}

	.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{padding-left:10px; padding-right:10px; }
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-bottom:10px;}
	.woocommerce ul.products li.product a img{ margin: 0 0 0.5em;}
	
	.woocommerce-page table.cart td.actions .button { display: inline-block; width: auto;}
}