/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 21 2025 | 10:53:00 */
// product carousel css start
div.faq-item>i.toggle-icon {
    font-size: 0.8rem;
    color: #000!important;
}
button.navbar-toggler.ms-auto.custom-toggler {
    background: #000!important;
}
a#userDropdown {
	color: #000 !important;
}
span.user-name {
	color: #000;
}
.bi-list::before {
    content: "\f479";
    background: #000;
    padding: 3px;
}
.price-row {
    width: 50%;
    float: left;
}
.product-desc {
    padding-bottom: 15px;
}
// footer css start

div.b30{
	width: 30%!important;
}
div.p5{	
    padding-left: 5%;
}
div.b28{
	width: 24%!important;
}
div.b28>p {
    font-family: "Plus Jakarta Sans", sans-serif;
}
p.ln-h {
    line-height: 2.1em!important;	
    font-family: "Plus Jakarta Sans", sans-serif;
}
li.ln-h {
    line-height: 2.1em!important;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.list-unstyled {
    line-height: 1.9em;
}
.contact-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    line-height: 1.7em!important;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.contact-list li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  color:#fff;
}

/* Specific icons using Bootstrap icon SVG URLs */
.icon-envelope::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'><path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.708 2.825L15 11.118V5.383zM14.247 12H1.753l4.461-3.276.713.428a.5.5 0 0 0 .546 0l.713-.428L14.247 12zM1 11.118l4.708-2.91L1 5.383v5.735z'/></svg>");
}


/* Location icon */
.icon-location::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'><path d='M8 0a5.53 5.53 0 0 0-5.5 5.5c0 3.038 5.5 10.5 5.5 10.5s5.5-7.462 5.5-10.5A5.53 5.53 0 0 0 8 0zm0 8a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}

/* Clock icon */
.icon-clock::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'><path d='M8 3.5a.5.5 0 0 1 .5.5v4h3a.5.5 0 0 1 0 1H8a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5z'/><path d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8z'/></svg>");
}

.icon-phone::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'><path d='M3.654 1.328a.678.678 0 0 1 .58-.326h2.478c.235 0 .45.124.57.326l.962 1.818a.678.678 0 0 1-.124.783l-1.401 1.401a11.554 11.554 0 0 0 4.53 4.53l1.401-1.401a.678.678 0 0 1 .783-.124l1.818.962c.202.12.326.335.326.57v2.478a.678.678 0 0 1-.326.58l-2.03 1.221a1.745 1.745 0 0 1-1.657.06c-2.122-1.061-4.038-2.615-5.726-4.304C4.157 8.222 2.603 6.306 1.542 4.184a1.745 1.745 0 0 1 .06-1.657L2.823.497a.678.678 0 0 1 .83-.169z'/></svg>");
}


.social-icons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-icons ul li {
  display: inline-block;
  margin-right: 10px; /* Adjust spacing between icons */
  color: #fff;
  
}

.social-icons ul li:last-child {
  margin-right: 0; /* Remove margin for the last icon */
}
svg.bi-twitter-x:hover {
    fill: #b4f23c;
}
.social-icons ul li a {
  color: inherit;
  text-decoration: none;
}
svg.bi.bi-twitter-x {
    border-radius: 10px;
    padding: 6px 9px;
    border: 1px solid #fff;
    width: 41px!important;
    height: 41px;
    position: relative;
    top: 10px;
}
i.bi.bi-instagram,i.bi.bi-linkedin, i.bi-twitter-x, i.bi-facebook, i.bi-tiktok   {
    border-radius: 10px;
    padding: 6px 9px;
    border: 1px solid #fff;
    transition: opacity 0.3s ease;
}
i.bi.bi-instagram:hover, i.bi.bi-linkedin:hover, i.bi-twitter-x:hover, i.bi-facebook:hover , i.bi-tiktok:hover  {
    border-radius: 10px;
    padding: 6px 9px;
    border: 1px solid #b4f23c;
}
.social-icons ul li a i {
  font-size: 20px; /* Adjust icon size */
}
.social-icons ul li a:hover i.bi-facebook {
  color: #b4f23c; /* Change color on hover for Facebook icon */
}

.social-icons ul li a:hover i.bi-tiktok {
  color: #b4f23c; /* Change color on hover for Facebook icon */
}
.social-icons ul li a:hover i.bi-instagram {
  color: #b4f23c; /* Change color on hover for Instagram icon */
}
.bg-blue {
    background: #02076C!important;
}
input.form-control.bg-dark.text-white.border-secondary {
    background: #02076C!important;
    color: #fff!important;
}
input.form-control.bg-dark.text-white.border-secondary::placeholder {
    color: #fff;
}
li.user-login-reg>a.nav-link {
    color: #000!important;
}
.social-icons ul li a:hover i.bi-linkedin {
  color: #b4f23c; /* Change color on hover for LinkedIn icon */
}
.icon {
  position: relative;
  display: inline-block;
  transition: opacity 0.3s ease;
}
.left-space {
    padding-left: 51px!important;
}
/*-----Css for product single page right column-----*/
.custom-share-buttons .share-icon {
    display: inline-block;
    margin-right: 8px;
    text-decoration: none;
    color: #fff;
    background: #004225; /* dark green */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    transition: 0.3s;
}
.custom-share-buttons .share-icon:hover {
    background: #006633;
    color: #fff;
}
i.bi.bi-facebook.shape-social {
    border: 0px;
}
svg.bi.bi-twitter-x.shape-social {
    border: 0px;
    padding: 0px;
    font-size: 14px!important;
    position: relative;
    top: 0px;
    width: auto!important;
    height: auto;
}
i.bi.bi-instagram.shape-social {
    border: 0px;
}
.shape-social:hover{
	border: none;
}

/*-----end Css for product single page right column-----*/

/*-----Css for product single page 50% width-----*/
.product.type-product {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    align-items: flex-start;
}

.product.type-product .woocommerce-product-gallery {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0px;
    border: none;
}
.product.type-product .summary.entry-summary {
    flex: 1 1 43%;
    max-width: 50%;
}
.woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
    margin-top: -4px;
}
/* Make the content container full width */
.content-area, 
.site-content, 
.woocommerce-page #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}
.site-main {
	grid-template-columns: 2fr 0fr!important;
}
p.woocommerce-mini-cart__buttons.buttons {
    display: none;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    border: 1px solid #000!important;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
@media (max-width:480px){
	.navbar-brand img {
    height: 24px!important;
}
	.bi-x::before {
    background: #000;
}
.product.type-product .woocommerce-product-gallery, .product.type-product .summary.entry-summary {
        max-width: 100%;
        flex: 1 1 100%;
    }
}
/*-----Css for product single page 50% width-----*/
@media (max-width:480px){
	.left-space {
    padding-left: 15px!important;
}
}