@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");


.my-like::before {
    content: "👍";
}
.my-like::before {
    content: "\f164";   /* correct unicode */
    font-family: "Font Awesome 6 Free";
    font-weight: 400;   /* regular icon */
}

    .shop-normal .woo-breadcrumb .bread-title {
        font-size: 48px;
        font-weight: 600 !important;
    }


/* footer connect css */

/* ---- Fan Button Container ---- */
  .fan-container {
    position: fixed;
    bottom: 32px;
    right: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1000;
  }
 
  /* ---- Action icons wrapper ---- */
  .fan-icons {
    position: absolute;
    bottom: 50%;
    right: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
  }
 
  .fan-icon {
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgb(0 159 227);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 20px rgb(0 159 227);
    transform: translate(0, 0) scale(0);
    opacity: 0;
    transition:
      transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
      opacity 0.3s ease;
    pointer-events: none;
    text-decoration: none;
    will-change: transform, opacity;
  }
 
  .fan-icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;
  }
 
  /* Tooltip */
  .fan-icon::after {
    content: attr(data-label);
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s ease 0.05s;
    pointer-events: none;
  }
 
  .fan-icon:hover::after {
    opacity: 1;
  }
 
  .fan-icon:hover {
    background: #000;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.7);
  }
 
  /* Active / open state — positions set via JS */
  .fan-container.open .fan-icon {
    opacity: 1;
    pointer-events: all;
  }
 
  /* ---- Main connect button ---- */
  .connect-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 3px;
    background: #000 !important;
    color: #fff;
    border: none;
    padding: 9px 7px;
    border-radius: 50px;
    font-family: 'Barlow', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.5);
    transition: background 0.25s, box-shadow 0.25s, transform 0.2s;
    user-select: none;
    white-space: nowrap;
  }
 
  .connect-btn:hover {
    background: #000;
    box-shadow: 0 8px 36px rgba(0, 0, 0, 0.65);
    transform: translateY(-2px);
  }
 
  .connect-btn:active {
    transform: translateY(0);
  }
 
  /* Close X icon inside button */
  .btn-icon {
    width: 18px;
    height: 18px;
    transition: transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
    flex-shrink: 0;
  }
 
  .fan-container.open .btn-icon {
    transform: rotate(45deg);
  }
 
  /* Pulse ring on button */
  .pulse-ring {
    position: absolute;
    inset: 0;
    border-radius: 50px;
    box-shadow: 0 0 0 0 rgba(230, 48, 0, 0.6);
    animation: pulse 2.5s ease-out infinite;
    pointer-events: none;
  }
 
  @keyframes pulse {
    0%   { box-shadow: 0 0 0 0   rgba(0,0,0,0.6); }
    70%  { box-shadow: 0 0 0 18px rgba(224,90,0,0);   }
    100% { box-shadow: 0 0 0 0   rgba(224,90,0,0);    }
  }
 
  .fan-container.open .pulse-ring {
    animation: none;
  }
 
  /* Overlay backdrop */
  .backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0);
    pointer-events: none;
    transition: background 0.35s ease;
    z-index: 999;
  }
 
  .backdrop.active {
    background: rgba(0,0,0,0.45);
    pointer-events: all;
  }

  /* footer connect css end */


  .size.button-outer {
    display: flex;
    justify-content: left;
    margin: 0;
}

.size-chart-open-btn {
  padding: 9px 9px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s ease;
}

.size-chart-open-btn:hover {
  background: #333;
}

/* Dialog styling */
dialog {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  max-width: 90vw;
  width: 800px;
  padding: 0;
}

dialog::backdrop {
  background: rgba(0,0,0,0.6);
}

/* Header */
.size-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
}

.size-header h2 {
  margin: 0;
  font-size: 20px;
}

.size-chart-close-btn {
  font-size: 26px;
  cursor: pointer;
}


.mobile-category-middle .widget-categories-box.style2 .categories-inner .cate-content.image {
    position: absolute;
    top: 38%;
}

.product-block.grid .add-cart > .added_to_cart:hover:not(.loading)::before, .product-block.grid .add-cart > .added_to_cart:active:not(.loading)::before, .product-block.grid .add-cart > .button:hover:not(.loading)::before, .product-block.grid .add-cart > .button:active:not(.loading)::before

 {
    background-color: #ffffff !important;
}


.breadcrumb > a + li:before, .breadcrumb > li + a:before, .breadcrumb > li + li:before {
    color: #fff !important;
    display: inline-block;
    content: "\e649";
    font-family: "themify";
    padding: 0 8px;
    font-size: 8px;
}

/* Video wrapper */
.video-wrapper {
  padding: 20px;
}

.video-wrapper iframe {
  width: 100%;
  height: 400px;
  border-radius: 8px;
}

    .product-block.grid .add-cart {
        margin: 7px 0 15px !important;
    }

.block-inner figure.image {
    border-bottom: 1px solid #DBD3D3;
    border-radius: 0px;
}
.team-outer {
    padding-left: 40px;
    padding-right: 40px;
}

section#goal-breadscrumb {
     background: linear-gradient(90deg, #019ee1, #3a2e86) !important;
}

.row {
     margin-left: 0px !important; 
     margin-right: 0px !important; 
}

section#goal-breadscrumb {
     background: linear-gradient(90deg, #019ee1, #3a2e86) !important;
    height: 250px;
    padding: 0px;
    margin: 0px;
}

    .goal-breadscrumb .wrapper-breads {
        padding: 80px 0 !important;
    }

section#main-container {
    padding-left: 0px;
    padding-right: 0px;
}
.clients-section-outer .container {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
}

.contact-page-section .e-con-inner {
    max-width: 100% !important;
}

.wrapper-fillter {
    padding-top: 40px;
}
div#goal-shop-products-wrapper {
    padding: 10px;
}

.product-block.grid .view .quickview:active, .product-block.grid .view .quickview:hover {
    color: #009fe3 !important;
}

.widget_meta ul li:hover > a, .widget_archive ul li:hover > a, .widget_recent_entries ul li:hover > a, .widget_categories ul li:hover > a, .widget_block ul li:hover > a, .widget_nav_menu ul li:hover > a {
    color: #009fe3 !important;
}

.product-block-list:hover {
    border-color:#009fe3 !important;
}

.product-block-list .add-cart a.button:not(.loading)::before, .product-block-list .add-cart .added_to_cart:not(.loading)::before{
	display: none !important;
}

.product-block-list .view .quickview:active, .product-block-list .view .quickview:hover {
    color: #009fe3 !important;
}

.add-cart .add_to_cart_button, .add-cart .added_to_cart, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 6px !important;
}

label.gmqqp_label {
    float: left;
    font-size: 13px;
    font-weight: 400 !important;
    color: #000;
    display: inline-block;
    width: 100%;
}

.gmwqp_inner_popup_op h3 {
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 8px 0;
    background-color: transparent !important;
    font-weight: 500;
}

.contact-form-right {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05);
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    border-radius: 20px !important;
}	

@media (min-width: 992px) {
    .goal-breadscrumb .wrapper-breads {
        padding: 86px 0 !important;
    }
}

    .slick-carousel .slick-slide {
        padding-left: 10px !important; 
         padding-right: 10px !important; 
    }


/* clients  */



       section.clients-section-outer{
        margin-top:80px;
        margin-bottom:64px;
       }
       section.clients-section-outer .logo-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
        }

        @media (max-width: 1024px) {
            .logo-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media (max-width: 768px) {
            .logo-grid {
                grid-template-columns: repeat(3, 1fr);
            }
			section#goal-breadscrumb {
    background: linear-gradient(90deg, #019ee1, #3a2e86) !important;
    height: 150px !important;
        }
			.goal-breadscrumb .wrapper-breads {
    padding: 40px 0 !important;
}
	.wrapper-fillter {
    padding-top: 0px;
}
			.woocommerce-notices-wrapper {
     padding-top: 0px; 
}
}

        @media (max-width: 480px) {
            .logo-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        section.clients-section-outer .logo-card {
            background: #ffffff;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            aspect-ratio: 4/3;
             box-shadow:
    4px 4px 10px rgba(0,0,0,0.2),
   -4px -4px 10px rgba(255,255,255,0.8);
            transition: box-shadow 0.3s ease;
        }

       section.clients-section-outer .logo-card:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        section.clients-section-outer .logo-card img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }



 @media (max-width: 768px) {

.sliding-menu__panel li.active .sliding-menu__nav, .sliding-menu__panel li.active a {
    border-color: #009fe2 !important;
    color: #12a3dd !important;
}
	 
span.text-theme {
    color: #12a3dd !important;
}
 .goal-footer-mobile {
        display: none !important;
    }
    body.body-footer-mobile {
        padding-bottom: 0px !important;
    }
	 section#goal-breadscrumb {
        background-image: block !important;
    }
	.top-content .col-md-7.col-xs-12 {
    position: relative !important;
     top: 0px !important; 
    /* height: max-content; */
} 
	 .details-product .top-content {
    margin-bottom: 15px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	 
	 section.clients-section-outer .logo-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 16px;
}
	 
	 section.clients-section-outer {
    margin-top: 60px;
    margin-bottom: 64px;
    padding-left: 15px;
    padding-right: 15px;
}
	 
	 .details-product .information {
    position: relative;
    overflow: hidden;
    padding-top: 20px !important;
}
	 
 .widget.related {
    position: relative;
    margin-bottom: 40px;
    margin-top: 40px !important;
}
	 
.video-wrapper iframe {
    width: 100%;
    height: auto !important;
	 }
#videoDialog {
    width: 90%;
    /* max-width: 900px; */
    border: none;
    padding: 0;
}	
	 

	 .home-client-logo img.swiper-slide-image {
    width: 50%;
}
	 section.clients-section-outer .logo-card img {
    max-width: 80% !important;
    max-height: 100%;
    object-fit: contain;
}

.goal-breadscrumb {
        background-image: block !important;
    }
	 .goal-breadscrumb .bread-title {
   
    font-size: 30px !important;
	 }
	 
}