@charset "utf-8";
/* CSS Document */
@font-face{font-family:"Poppins-Light";font-style:normal; font-display:swap; src:url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight:300 ;}
@font-face{font-family:"Poppins-Regular";font-style:normal; font-display:swap; src:url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight:400 ;}
@font-face{font-family:"Poppins-Medium";font-style:normal; font-display:swap; src:url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight:500 ;}
@font-face{font-family:"Poppins-SemiBold";font-style:normal; font-display:swap; src:url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight:600 ;}
@font-face{font-family:"Poppins-Bold";font-style:normal; font-display:swap; src:url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight:700 ;}
@font-face{font-family:"Poppins-ExtraBold";font-style:normal; font-display:swap; src:url("../fonts/Poppins-ExtraBold.ttf") format("truetype"); font-weight:800 ;}


:root {
    --tg-body-font-family: "Poppins-Regular";  
	--tg-heading-font-family: "Poppins-Bold";
	--tg-heading-font-Light: "Poppins-Light";
	--tg-heading-font-Medium: "Poppins-Medium";
	--tg-heading-font-SemiBold: "Poppins-SemiBold";
	--tg-primary-color: #dd2e27;
	--tg-primary-color-rgb: 221, 46, 39;
	--tg-secondary-color: #fbc90d;
	--tg-secondary-color-rgb: 251, 201, 13;
	--tg-tertiary-color: #f8f4eb;
	--tg-tertiary-color-rgb: 248, 244, 235;
	
    --tg-body-font-color: #000; 
	--tg-black-color-rgb: 0,0,0; 
	--tg-heading-font-color: #222;   
    --tg-body-font-size: 14px;
    --tg-body-font-weight: 400;
    --tg-heading-font-weight: 700;
    --tg-body-line-height: 1.7;
    --tg-heading-line-height: 1.2;    
    --tg-white: #ffffff;
    --tg-gray: #e6e6e6;
	--tg-gray-light: #fafafa;
    --tg-gray-two: #efe8d9;
    --tg-gray-three: #a3a2a2;
    --tg-gray-four: #d2cecc;    
}

body{font-family: var(--tg-body-font-family); font-weight: var(--tg-body-font-weight); font-size: var(--tg-body-font-size); line-height: var(--tg-body-line-height); color: var(--tg-body-font-color); font-style: normal;}
h1, h2, h3{font-family: var(--tg-heading-font-family); font-weight: var(--tg-heading-font-weight); line-height: var(--tg-heading-line-height); color: var(--tg-heading-font-color); font-style: normal;}
h4, h5, h6{font-family: var(--tg-heading-font-SemiBold); font-weight: 600;}
a{text-decoration: none; color: var(--tg-body-font-color);}
input.form-control:focus{border-color: var(--tg-primary-color); box-shadow: 0 0 0 .25rem rgba(var(--tg-primary-color-rgb), .25);}
.text-primary-base{color:var(--tg-primary-color) !important;}
.btn{border-radius: 0px;}
.btn.btn-primary{border:1px solid var(--tg-primary-color); background-color:var(--tg-white); color:var(--tg-primary-color);  }
.btn.btn-primary:hover{background-color:var(--tg-primary-color); color:var(--tg-white);}
.btn.btn-light{border:1px solid var(--tg-body-font-color); background-color:var(--tg-white); color:var(--tg-body-font-color); }
.btn.btn-light:hover{background-color:var(--tg-body-font-color); color:var(--tg-white);}
.btn.btn-primary-fill{border:1px solid var(--tg-primary-color);background-color:var(--tg-primary-color); color:var(--tg-white);}
.btn.btn-primary-fill:hover{background-color:var(--tg-white); color:var(--tg-primary-color);}
.btn.btn-primary-fill.br-15{border-radius: 15px;}
.courser-pointer{cursor: pointer !important; position: relative;}
.courser-pointer i{font-size: 20px;}
.hd-nav .courser-pointer sup{width:20px; height: 20px; background-color:var(--tg-primary-color); color:var(--tg-white); text-align: center; border-radius: 50%; position: absolute; top:-14px; right: -5px; line-height: 20px;}
header{display: block; padding: 10px 0px; background-color:var(--tg-white); }
.header-sec1{gap:0px 20px; display: block;}
.h-location{position: relative; padding-left: 23px; overflow: hidden; }
.h-location span{position: absolute; left: 0px; top:7px}
.h-location span img{width:15px; height: auto;}
.h-location p{margin: 0px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; position: relative; padding-right: 17px; cursor: pointer;}
.h-location i{position: absolute; right: 4px; bottom: 7px;}
.h-search{position: relative; }
.h-search input{padding-right: 60px; font-size: 14px;}
.h-search button{border: none; background-color: transparent; position: absolute; top:3px; right:5px; width:40px; line-height: 30px; color: var( --tg-gray-three);}
.hd-nav ul{margin: 0px; padding: 0px; list-style-type: none;  text-align: right;}
.hd-nav ul li{display: inline-block; margin-right: 20px; margin-right:2%;}
.hd-nav ul li:last-child{margin-right:20px;}
.hd-nav ul li a{color: var(--tg-body-font-color);}
.hd-nav ul li a:hover{color:var(--tg-primary-color);}
.hd-nav .btn{font-weight: var(--tg-body-font-weight); font-size: var(--tg-body-font-size); }
.hd-nav .btn:focus{border: none; outline: hidden;}
.hd-nav .dropdown-menu {text-align: left; border-radius: 0px;}
.hd-nav .dropdown-menu li, .hd-nav .dropdown-menu li:last-child{display: block; margin: 0px; padding: 0px;}
.hd-nav .dropdown-menu li{ border-bottom: 1px dashed rgba(0,0,0,0.175);}
.hd-nav .dropdown-menu li:last-child{border-bottom: none;}
.hd-nav .dropdown-menu li .dropdown-item{display:block; font-weight: var(--tg-body-font-weight); font-size: var(--tg-body-font-size);  }
.hd-nav .dropdown-menu li .dropdown-item:hover, .hd-nav .dropdown-menu li .dropdown-item:focus{background-color: var(--tg-tertiary-color); color:var(--tg-primary-color);}
.empty-cart{display: block; padding-top: 150px;}
.empty-cart strong{display: block; margin: 15px 0px 0px; font-size: 30px; background: -webkit-linear-gradient(#FBC90D, #DD2E27); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.shoppingCartModal.modal.right .modal-dialog{position:fixed;margin:auto;width:320px;height:100%;transform:translate3d(0%,0,0)}
.shoppingCartModal.modal.right .modal-content{height:100%;overflow-y:auto}
.shoppingCartModal.modal.right.fade .modal-dialog{right:-420px;transition:opacity .3s linear,right .3s ease-out}
.shoppingCartModal.modal.right.fade.show .modal-dialog{right:0}
.shoppingCartModal .modal-content{border-radius:0;border:none}
.shoppingCartModal .modal-content .modal-body{padding:25px 15px}
.shoppingCartModal .modal-content .modal-body h4{font-size: 16px; margin-bottom: 20px;}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart{position:relative;border-bottom:1px dashed #eee;margin-bottom:15px;padding-left:60px;padding-bottom:15px}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart .product-image{position:absolute;left:0;top:0;width:50px}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content h3{font-size:13px;text-transform:initial;margin-bottom:5px; font-family: var(--tg-heading-font-Light);}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content h3 a{color:#222}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content span{font-size:12px;display:block;margin-bottom:3px;color:#666}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content .product-price span{display:inline-block;margin-bottom:0;font-size:12px;color:#666}
.shoppingCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content .product-price span.price{font-size:14px;color:#222}
.shoppingCartModal .modal-content .modal-body .product-cart-subtotal{overflow:hidden;margin-bottom:15px}
.shoppingCartModal .modal-content .modal-body .product-cart-subtotal span{text-transform:uppercase;display:inline-block;font-size:15px}
.shoppingCartModal .modal-content .modal-body .product-cart-subtotal span.subtotal{float:right}
.shoppingCartModal .modal-content .modal-body .product-cart-btn .btn{display:block}.shoppingCartModal .modal-content .modal-body .product-cart-btn .btn.btn-light{margin-top:12px}
.shoppingCartModal .close{color:#222;font-size:30px;outline:0!important;line-height:initial;transition:.5s;position:absolute;right:10px;top:10px;z-index:1;background-color:transparent!important;border:none!important}
.shoppingCartModal .close:not(:disabled):not(.disabled):hover,.shoppingCartModal .close:not(:disabled):not(.disabled):focus{color:#222;text-decoration:none;opacity:1}
.shoppingCartModal .product-content{padding:0}

.a-modal .modal-content{border-radius: 0px;}
.a-modal .modal-content .modal-header{display: block; position: relative; border-bottom: none;}
.a-modal .modal-content .modal-title{text-align: center; display: block;}
.a-modal .modal-content .modal-header .btn-close{position: absolute; right: 10px; top:15px;}
.a-modal .modal-content .modal-body{padding-left: 30px; padding-right: 30px;}
.a-modal .modal-content .modal-body .form-control{background-color: transparent; color: #000; border-radius: 0px; border-bottom: 2px solid #e4e4e4; font-size: 16px;}
.a-modal .modal-content .modal-body .form-control:focus{border-bottom-color:var(--tg-primary-color); }
.a-modal .modal-btn{display: inline-block; padding: 0px 30px; line-height: 50px;  color: #FFF; background-color: #000; font-size: 18px; border-radius: 0; text-transform: uppercase; transition: 500ms; border:1px solid #000;}
.a-modal .modal-btn:hover{background-color: #FFF; color: #000;}
.a-modal strong{font-weight: normal; margin-top: 10px; display: block;}
.a-modal strong span{color:var(--tg-primary-color); cursor: pointer;}
.modal .form-group {margin-bottom: 20px;}
#locationModal .btn{padding-left: 25px; padding-right: 25px;}

section.ptb-60{padding: 60px 0px; display: block;}
section.ptb-30{padding: 30px 0px; display: block;}
section.ptb-10{padding: 10px 0px; display: block;}
.sec-title{display: block; margin-bottom: 40px;}
.sec-title h2{font-size: 30px;  font-family:var(--tg-heading-font-Medium); font-weight: 500; letter-spacing: 0px;}

.footer-top{background-color:var(--tg-tertiary-color);}
.ft-sec{display: block; margin-bottom: 30px;}
.ft-sec h5, .footer-bottom h5{font-size: 16px; font-family: var(--tg-body-font-family); font-weight: 400; margin-bottom: 25px; position: relative;}
.ft-sec h5:after, .footer-bottom h5:after{position: absolute; bottom: -10px; width:50px; height: 3px; background-color:var(--tg-primary-color); content: ""; left: 0px;}
.ft-sec h5:before, .footer-bottom h5:before{position: absolute; bottom: -10px; width:3px; height: 3px; background-color:var(--tg-primary-color); content: ""; left: 55px;}
.ft-sec ul{list-style-type: none; padding: 0px; margin: 0px;}
.ft-sec ul li i{color:var(--tg-primary-color); margin-right: 10px;}
.ft-sec ul.f-social li{display: inline-block;margin-right: 5px;}
.ft-sec ul.f-social li:last-child{margin-right: 0px;}
.ft-sec ul.f-social li a i{font-size: 18px;}
.footer-bottom{background-color:var(--tg-body-font-color); }
.fb-sec{display: block; margin-bottom: 30px;}
.footer-bottom ul li, .footer-bottom ul li a, .footer-bottom h5, .footer-bottom p, .footer-bottom ul.f-links li a{color:var(--tg-tertiary-color);}
.footer-bottom ul li a:hover, .footer-bottom ul.f-links li a:hover{color:var(--tg-white);}
.footer-bottom ul{margin: 0px; padding: 0px;}
.footer-bottom ul li{display: block; margin-right: 10px; position: relative; margin-bottom: 5px; font-size: 14px;}
.footer-bottom ul li:last-child{margin-bottom: 0px;}
.footer-bottom ul li a{font-size: 14px;}
.footer-bottom  a.f-readmore{color:var(--tg-primary-color);}
.footer-bottom ul.f-addr li, .footer-bottom ul.f-links li{position: relative; padding-left: 25px;}
.footer-bottom ul.f-addr li i{color:var(--tg-secondary-color); position: absolute; left: 5px; top:7px;}
.footer-bottom ul.f-links li:before{font-family:"Font Awesome 6 Pro";font-weight:900; content:"\f178";color:var(--tg-secondary-color); position: absolute; left: 0px; }
.f-copyright{display: block; padding-top: 30px; border-top:1px solid rgba(255,255,255,0.1);}
.f-copyright p{margin-bottom: 5px;}
.f-copyright a{color:var(--tg-tertiary-color);}
.f-copyright a:hover{color:var(--tg-primary-color);}

@media (max-width: 991.98px) { 
	.footer-bottom{padding-bottom: 75px !important;}
}

.footer-md-links{position: fixed; bottom: 0px; left: 0px; width: 100%; background-color:var(--tg-body-font-color); }
.footer-md-links ul{display: table; width: 100%; margin: 0px; padding: 0px;}
.footer-md-links ul li{display: table-cell; border-right: 1px solid rgba(255,255,255,0.2); width:25%;}
.footer-md-links ul li:last-child{border-right-color: transparent;}
.footer-md-links ul li a{display: block; padding: 10px 20px; color:var(--tg-tertiary-color); text-align: center;}
.footer-md-links ul li a:hover{background-color:var(--tg-primary-color);}
.footer-md-links ul li a i{display: block; margin-bottom: 3px;}
.footer-md-links ul li:last-child a i{display: block; margin-bottom: 0px; line-height: 1;}
/*.footer-md-links ul li a img{display: block; margin: 0px auto 0px; height: 14px;} */
.breadcrumbs-sec{display: block; border-top: 1px solid rgba(0,0,0,0.1);}
.breadcrumbs-sec ul{list-style-type: none; margin: 0px; padding: 0px;}
.breadcrumbs-sec ul li{display: inline-block; font-size: 12px;color: var(--tg-gray-three);}
.breadcrumbs-sec ul li a{color: var(--tg-gray-three);}
.breadcrumbs-sec ul li a:hover{color: var(--tg-heading-font-color);}
.breadcrumbs-sec ul li span{display: inline-block; margin: 0px 5px;}

#preloader{background-color:var(--tg-white);height:100%;width:100%;position:fixed;margin-top:0;top:0;z-index:999}
#loading-center{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.loader{position:relative;width:60px;height:60px;border-radius:50%;margin:75px;display:inline-block;vertical-align:middle}
.loader .loader-outter{position:absolute;border:4px solid var(--tg-primary-color);border-left-color:transparent;border-bottom:0;width:100%;height:100%;border-radius:50%;-webkit-animation:loader-outter 1s cubic-bezier(.42,.61,.58,.41) infinite;animation:loader-outter 1s cubic-bezier(.42,.61,.58,.41) infinite}
.loader .loader-inner{position:absolute;border:4px solid var(--tg-primary-color);border-radius:50%;width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);border-right:0;border-top-color:transparent;-webkit-animation:loader-inner 1s cubic-bezier(.42,.61,.58,.41) infinite;animation:loader-inner 1s cubic-bezier(.42,.61,.58,.41) infinite}
.p-qty{display: block; width:130px;}
.p-qty input{width:80px; display: inline-block; line-height:26px; height: 40px; border-radius: 0px;}
.p-qty input:focus{height: 40px;}
.p-qty .btn{width:40px; display: inline-block; margin-left: 5px; line-height:26px; height: 40px; font-size:18px; padding: 0px; text-align: center; margin: 0px;}
.p-qty .btn i{margin: 0px;}
@-webkit-keyframes loader-outter{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes loader-outter{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes loader-inner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
@keyframes loader-inner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}


#search-dropdown {
    white-space: normal;       /* allow text wrapping */
    word-wrap: break-word;     /* break long words if needed */
    width: 100% !important;    /* full width of the input */
    max-height: 300px;         /* keep it scrollable if many results */
    overflow-y: auto;          /* vertical scroll if needed */
    overflow-x: hidden;        /* remove horizontal scroll */
    font-size: 14px;
}

/* Each item wraps nicely */
#search-dropdown .dropdown-item {
    white-space: normal;
    padding: 6px 12px;
    line-height: 1.4;
}
#enquiryModal .modal-header{background-color:var(--tg-primary-color); }
#enquiryModal .modal-header h1{color:var(--tg-white); }
#enquiryModal .modal-header .btn-close{background-image:url('../images/close.svg');}
#enquiryModal .modal-content, #enquiryModal .modal-content .form-control, #enquiryModal .modal-header{border-radius:0px;}
/*#enquiryModal .modal-content .form-control{background-color:var(--tg-white);}*/
#enquiryModal .modal-content .modal-body{position:relative; overflow:hidden;}
#enquiryModal .modal-content .modal-body img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0.04; z-index:1;}
#enquiryModal .modal-content .modal-body .form-group{position:relative; z-index:9;}
.f-btn{top:auto; position:fixed; top:200px; right:-60px; transform:rotate(270deg);}
.f-btn img{display:none;}
.f-btn strong{display:block;}
@media (max-width:767.98px){
	.f-btn{top:auto; bottom:90px; right:15px; left:auto; width:60px; height:60px; border-radius:50%; padding:15px; transform:rotate(0deg); }
	.f-btn.btn-primary-fill:hover{background-color:#8e0302;}
	.f-btn strong{display:none;}
	.f-btn img{display:block; max-width:100%;}
}