@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Laila:wght@300;400;500;600;700&family=Marcellus&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


:root{
    --likh:  "Roboto Condensed", sans-serif;
    --rang: #1E191A
}

body ::selection { background-color: #282828; color: #fff;}

body {padding: 0;margin: 0;font-family:var(--likh)}
*{margin: 0;padding: 0;}
body .flex-row{ display: flex; flex-direction: row; flex-wrap: wrap; }
body .flex-row .col-1{ flex: 0 0 8.34%; width: 8.34%; padding: 0     ; }
body .flex-row .col-2{ flex: 0 0 16.67%; width: 16.67%; padding: 0 ; }
body .flex-row .col-3{ flex: 0 0 25%; width: 25%; padding: 0 ; }
body .flex-row .col-4{ flex: 0 0 33.33%; width: 33.33%; padding: 0 ; }
body .flex-row .col-5{ flex: 0 0 41.66%; width: 41.66%; padding: 0 ; }
body .flex-row .col-6{ flex: 0 0 50%; width: 50%; padding: 0 ; }
body .flex-row .col-7{ flex: 0 0 58.33%; width: 58.33%; padding: 0 ; }
body .flex-row .col-8{ flex: 0 0 66.66%; width: 66.66%; padding: 0 ; }
body .flex-row .col-9{ flex: 0 0 75%; width: 75%; padding: 0 ; }
body .flex-row .col-10{ flex: 0 0 83.33%; width: 83.33%; padding: 0 ; }
body .flex-row .col-11{ flex: 0 0 91.66%; width: 91.66%; padding: 0 ; }
body .flex-row .col-12{ flex: 0 0 100%; width: 100%; padding: 0 ; }
.container{ margin: 0 auto;padding:0 15px;width:100%;max-width: 1400px !important;}
html{scroll-behavior: smooth;}
.wpb_single_image.wpb_content_element{margin-bottom: 0;}
.wpb_text_column.wpb_content_element{margin-bottom: 0;}
.wpb_raw_code.wpb_content_element{margin-bottom: 0;}
.vc_btn3-container{margin-bottom: 0;}
.mg-top-sm{margin-top:20px !important; }
.mg-top-med{margin-top:40px !important; }
.mg-top{margin-top: 60px !important;}
.mg-top-inc{margin-top: 80px !important;}
.vc-gitem-zone-height-mode-auto:before{padding: 0 !important;}
.vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom{position: relative;}
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle{position: relative; inset: 0; transform: none;}
.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top{position: relative;}
.clr-wht{color: #fff !important;}
.p-bot p{margin-bottom: 1em !important;}
.p-bot h1 ,.p-bot h2 , .p-bot h3 , .p-bot h4 , .p-bot h5 , .p-bot h6 {margin-bottom: 1em !important;}


/* HEADER */
header.site-header{padding: 0.5em 0;position: relative;top: -10em;}
.home  header.site-header{background: transparent;}
header .flex-row{align-items: center;}
header .top-menu ul{display: flex;justify-content: end;align-items: center;list-style: none;gap: 2em;}
header .top-menu ul li a{font-size: 1.15em;font-family: var(--likh);color: var(--rang);text-decoration: none;}
header .top-menu ul li a svg{margin-right: 0.7em;font-size: 1em;color: #456AFF;}
header .menu-wrapper {display: flex;justify-content: end;align-items: center;list-style: none;gap: 2em;margin-top: 1.3em;}
header .menu-wrapper a{font-size: 1.15em;font-family: var(--likh);color: var(--rang);text-decoration: none;}
header .menu-wrapper .menu-item-has-children{position: relative;}
header .menu-wrapper li{padding: 0 0.7em;}
header .menu-wrapper .menu-item-has-children::after{content: '\f078'; font-family: 'FontAwesome'; position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%);}
header .menu-wrapper .menu-item-has-children .sub-menu{ position: absolute; z-index: 9; width: 240px; padding: 1em; list-style: none; top: 100%; left: 0; opacity: 0; visibility: hidden;transform: translate(0px ,100%);transition: 1s;border-bottom: 6px solid #456AFF; background: #f4f4f4;   }
header .menu-wrapper #menu-item-207 .sub-menu{height: 450px; overflow-y: scroll;}
header .menu-wrapper .menu-item-has-children:hover .sub-menu{ opacity: 1; visibility:visible;z-index: 9;transform: translate(0px ,0%);transition: 0.5s;}
header .menu-wrapper .menu-item-has-children .sub-menu li{margin-bottom: 1em; padding-bottom: 0.3em; border-bottom: 1px solid darkgrey;}
body .sm-head{ font-family: var(--likh); font-size: 1.4em; letter-spacing: 5px; color: #456AFF; font-weight: 700;}
body .banner-head{ font-size: 3.6em; font-family: var(--likh); letter-spacing: 1px; margin-top: 0.2em; color: var(--rang);}
body .banner-pro-head{ font-size: 1.16em; font-family: var(--likh); color: var(--rang); text-decoration: none; font-weight: 400; padding: 0 1.5em;position: relative;bottom: -2em;opacity: 0;margin-top: 1em;}
body .banner-row{padding-top: 3em ;padding-bottom: 2em ; background: url(/wp-content/uploads/2024/11/banner-BG.webp) 0% 0% / cover no-repeat;}
body .banner-img img{filter: drop-shadow(3px 3px 7px rgb(56, 55, 55));transition: 0.3s;position: relative;top: -5em;opacity: 0;}
body .banner-img .vc_single_image-wrapper{overflow: hidden;}
body .banner-img img:hover{filter: drop-shadow(5px 5px 15px rgb(56, 55, 55));scale: 1.05;}
body .banner-txt-col  > .vc_column-inner{overflow: hidden;}
body .banner-txt-col  > .vc_column-inner > .wpb_wrapper{position: relative; top: 20em;opacity: 0;}
body .site-head{ font-size: 2.4em; font-family: var(--likh); color: #456AFF; font-weight: 500; margin-bottom: 0;}
body .site-sm-head{font-size: 1.5em; font-family: var(--likh); color: #1E191A; font-weight: 500;}
body .cat-col-1 img{height: 730px !important;}
body .cat-col-2 img{height: 350px !important;}
body .products .product-category {position: relative;overflow: hidden;}
body .products .product-category .woocommerce-loop-category__title{position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-sizing: border-box; padding: 0.5em !important; background: linear-gradient(to top, rgba(0, 0, 0, 1.6) , transparent ,  transparent ,  transparent); display: flex; flex-direction: column; font-size: 1.65em !important; color: #fff; font-weight: 400; font-family: var(--likh); justify-content: end;}
body .products .type-product img{height:320px !important;object-fit:cover;border:1px solid #cacaca}
body .products .product-category img{transition: 0.3s;}
body .products .product-category:hover img{scale: 1.07;}
body .products .product-category .count{display: none;}
body .products .product-category img{margin-bottom: 0 !important;} 
body .products .product-category {margin: 0 3.8% 0.892em 0 !important;}
body .site-btn a{background: #456AFF !important; color: #fff !important; padding: 0.6em 4em !important;  font-size: 1.1em !important; font-family: var(--likh); border-radius: 10px !important;position: relative;z-index: 1;overflow: hidden;border: 2px solid #456AFF !important;transition: 0.5s;}
body .site-btn a:after{content: '';position: absolute; height: 200%; width: 150%; top: 250%; left: 50%; background: #fff; z-index: -1; border-radius: 100%; transform: translate(-50%, -50%);transition: 0.5s;}
footer .footer-btn a{background: #456AFF !important; color: #fff !important; padding: 0.6em 4em !important;  font-size: 1.1em !important; font-family: var(--likh); border-radius: 10px !important;position: relative;z-index: 1;overflow: hidden;border: 2px solid #456AFF !important;transition: 0.5s;text-decoration:none}

body .site-btn a:hover:after{top: 50%;}
body .site-btn a:hover{color: #456AFF !important;}
body .products .type-product h2{font-size: 1.3em !important; font-family: var(--likh); color: #1E191A; font-weight: 400; padding: 0 !important;min-height: 2.5em;}
body .products .type-product .button{ padding: 0.6em 4em !important; display: block !important; text-align: center; background: #456AFF; color: #fff; border-radius: 10px; font-size: 1.1em; font-family: var(--likh);margin-top: 0.5em !important;transition: 0.5s;position: relative; z-index: 1; overflow: hidden;border: 2px solid #456AFF;font-weight: 400;}
body .products .type-product .button:hover{color: #456AFF;;}
body .products .type-product .button:after{content: '';position: absolute; height: 200%; width: 150%; top: 240%; left: 50%; background: #fff; z-index: -1; border-radius: 100%; transform: translate(-50%, -50%);transition: 0.5s;}
body .products .type-product .button:hover:after{top: 50%;}
body .site-txt p{ font-size: 1.2em; font-family: var(--likh); font-weight: 300; color: #1E191A; line-height: 1.3; letter-spacing: 0.1px;}
body .site-link a{ font-size: 1.2em; font-family: var(--likh); font-weight: 300; color: #1E191A; line-height: 1.3; letter-spacing: 0.1px;}
body .site-a a{ font-size: 1em; font-family: var(--likh); font-weight: 300; color: #1E191A; line-height: 1.3; letter-spacing: 0.1px;}
body .site-txt li{ font-size: 1.2em; font-family: var(--likh); font-weight: 300; color: #1E191A; line-height: 1.3; letter-spacing: 0.1px;}

body .home-brands .wpcbr-brands{display: flex;justify-content: space-between;}
body .home-brands .wpcbr-brands .wpcbr-brand-info {display: none !important;}
body .home-brands .wpcbr-brand {width: 25%;margin-bottom: 10px !important;}
body .home-brands .wpcbr-brand .wpcbr-brand-image{display: block;text-align: center;width: 100%;}
body .home-brands .wpcbr-brand .wpcbr-brand-image a{display: flex; align-items: center; justify-content: center; padding: 1em; box-sizing: border-box; border: 1px solid #D2D2D2;min-height: 245px;}
body .site-btn button{background: #456AFF !important; color: #fff !important; padding: 0.6em 4em !important;  font-size: 1.1em !important; font-family: var(--likh); border-radius: 10px !important;position: relative;z-index: 1;overflow: hidden !important;border: 2px solid #456AFF !important;transition: 0.5s;}
body .site-btn button:after{content: '';position: absolute; height: 200%; width: 150%; top: 240%; left: 50%; background: #fff; z-index: -1; border-radius: 100%; transform: translate(-50%, -50%);transition: 0.5s;}
body .site-btn button:hover:after{top: 50%;}
body .site-btn button:hover{color: #456AFF !important;}
body .quote-div:before{content: '';position: absolute;height: 100%;width: 100%;top: 0;left: 0;  background: rgba(0, 0, 0, 0.41);z-index: -1;}
body .quote-div{background: url(../images/decorative\ fittings.webp);padding: 10em 0; background-size: cover; background-repeat: no-repeat; background-position: center center;position: relative;z-index: 1;}
body .quote-div h1{text-align: center; font-weight: 700; font-family: var(--likh); color: #fff; font-size: 2.5em; margin-bottom: 0.5em;}
body .quote-div .container{text-align: center;}
footer .footer-dets{background: rgba(30, 25, 26, 1);padding: 1em 0;}
footer .footer-num ul{display: flex;justify-content: center;align-items: center;list-style: none;gap: 2em;}
footer .footer-num ul li a{font-size: 1.05em;font-family: var(--likh);color: var(--rang);text-decoration: none;color: #fff;}
footer .footer-num ul li a svg{margin-right: 0.7em;font-size: 1em;color: #fff;}

footer .menu {display: flex;justify-content: center;align-items: center;list-style: none;gap: 5em;}
footer .menu a{font-size: 1.05em;font-family: var(--likh);color: var(--rang);text-decoration: none;color: #fff;}
footer .bottom-bar .container{display: flex;justify-content: space-between;}
footer .bottom-bar .container p{font-family: var(--likh);font-weight: 400;color: #fff;font-size: 0.95em;}
footer .bottom-bar .container p a{color: #fff;text-decoration: none;}
footer .footer-dets .footer-num .container,footer .footer-dets  .navigation .container,footer .footer-dets .bottom-bar .container{padding: 1.5em 0;}
footer .footer-dets  .navigation .container {border-top:1px solid #fff;border-bottom: 1px solid #fff;}
.mob{display: none;}
body .page-title {font-size: 3em; font-family: var(--likh); font-weight: 400; color: #1e1e1e;}
body .woocommerce-result-count{font-size: 1em;font-family: var(--likh);}
body .orderby{ padding: 1em; border-radius: 20px; background: #f2f2f2; border: none;}
body .product-wrapper{display: flex;justify-content: space-between;}

body .posted_in{font-size: 1em; margin-top: 1em; display: block;}
body .yith-ywraq-add-button , body .yith-ywraq-add-to-quote{margin: 2em 0;font-family: var(--likh);}
body .woocommerce-product-gallery img{ height: 550px !important;object-fit: cover;box-shadow: 0px 0px 9px #5e5e5e69 !important;}
body .yith-ywraq-add-to-quote .button{ padding: 0.6em 4em !important; display: inline-block !important; text-align: center; background: #456AFF; color: #fff; border-radius: 10px; font-size: 1.1em; font-family: var(--likh);margin-top: 0.5em !important;transition: 0.5s;position: relative; z-index: 1; overflow: hidden;border: 2px solid #456AFF;font-weight: 400;}
body .yith-ywraq-add-to-quote .button:hover{color: #456AFF !important; }
body .yith-ywraq-add-to-quote .button:after{content: '';position: absolute; height: 200%; width: 150%; top: 240%; left: 50%; background: #fff; z-index: -1; border-radius: 100%; transform: translate(-50%, -50%);transition: 0.5s;}
body .yith-ywraq-add-to-quote .button:hover:after{top: 50%;}

body .page-naam h1{font-size: 3.5em;  font-family: var(--likh);  font-weight: 400;  color: #000;  text-transform: capitalize;text-align: center;}
body .shop_table {margin-top: 2em !important;font-family: var(--likh);}
body .shop_table tr th{ font-size: 1.6em; font-weight: 400 !important; color: #456AFF; letter-spacing: 0.2px;}
body .shop_table img{height: 250px !important;object-fit: contain;}
body .shop_table .product-remove {text-align: center;}
body .shop_table .quantity input{padding: 1em 0.5em 1em 0;}
body .shop_table .product-name a{font-size: 1.1em; color: #1e1e1e; text-underline-offset: 4px;}



body .ywraq-form-table-wrapper .button{background: #456AFF !important; color: #fff !important; padding: 0.6em 4em !important;  font-size: 1.1em !important; font-family: var(--likh); border-radius: 10px !important;position: relative;z-index: 1;overflow: hidden !important;border: 2px solid #456AFF !important;transition: 0.5s;}
body .yith-ywraq-mail-form-wrapper {font-family: var(--likh);}
body .yith-ywraq-mail-form-wrapper input ,body .yith-ywraq-mail-form-wrapper textarea {padding: 1em;box-sizing: border-box;resize: none;}
body .yith-ywraq-mail-form-wrapper label{font-size: 1.2em;margin-top: 1em;}





body .form input ,body .form textarea , body .form select{ width: 100%; border: none; padding: 1em 1em; box-sizing: border-box; margin: 0.8em 0; outline: none; background: transparent; border-bottom: 1px solid #484646; resize: none;} 
body .form textarea {width:100% !important;}
body .form{width: 70%;}
body .contact-row{padding: 2em; background: #ececec; border-radius: 20px; margin-bottom:2em}
body .form .wpcf7-submit{background: #456AFF !important; color: #fff !important; padding: 0.6em 4em !important;  font-size: 1.1em !important; font-family: var(--likh); border-radius: 10px !important;position: relative;z-index: 1;overflow: hidden !important;border: 2px solid #456AFF !important;transition: 0.5s;} 

body .page-naam {padding: 1em;background: linear-gradient(45deg, #E4E5E2, #efefef);}
body .page-naam .container{text-align: center;}
body .page-naam .container svg{font-size: 1.6em; margin-top: 0.5em; color: #fff;animation:neechejaa 1.5s ease-in-out infinite}
body .about-img img{max-width: 80%;}
body .pad-left{padding-left: 10em;}
body .walk-through-row {padding-bottom: 2em;}
body .about-us-row {align-items: flex-start;}
body .about-us-row .about-us-row-col-2{position: sticky;top: 3em;}
body .dgwt-wcas-content-wrapp{font-family: var(--likh);}
body .woocommerce-message{font-family:var(--likh)}


@keyframes neechejaa{
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(10px);
}
}


body .page-numbers a {color:#000}

/* woocommcer shotdescription css */
body .product-page .site-head{margin-bottom:0.5em;}
body .product-page .woocommerce-product-details__short-description p a{font-size: 1.2em;font-family: var(--likh);font-weight: 600;color: #1E191A;line-height: 1.3;letter-spacing: 0.1px;text-decoration:none;}
body .product-page .woocommerce-product-details__short-description h4{font-size: 2em ;font-family: var(--likh);color: #1E191A;font-weight: 400;margin:0.5em 0;}
body .product-page .woocommerce-product-details__short-description p{font-size: 1.2em;font-family: var(--likh);font-weight: 300;color: #1E191A;line-height: 1.3;letter-spacing: 0.1px;}
body .product-page .woocommerce-product-details__short-description ul li{font-size: 1.2em;font-family: var(--likh);font-weight: 300;color: #1E191A;line-height: 2;letter-spacing: 0.1px;}
body .map-row iframe{    border: 0;
    width: -webkit-fill-available;
    margin-right: 1em;
    border-radius: 39px;}
body .map-row .map-3 iframe{margin:0}
.social-icons-wids{right: 0px; bottom:37%; position:fixed; z-index:9999;}
.social-icons-wids ul {list-style:none;}
.social-icons-wids li:hover{opacity:0.8;transition:0.4s;}
.social-icons-wids li{transition:0.4s;}
.social-icons-wids .fa-facebook-f{
	color: #FFF;
    background: #456AFF;
    font-size: 2em;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}
.social-icons-wids ul li { 
	list-style:none;
 } 
.social-icons-wids li a {
	padding: 2em 3em;
}