/*-----ScrollBar*/
/* The entire scrollbar */
::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

/* The scrollbar track (background) */
::-webkit-scrollbar-track {
  background: #f0f0f0; /* Background color of the scrollbar track */
  border-radius: 10px; /* Optional: Rounded corners */
}

/* The scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: #8010ae; /* Color of the scrollbar thumb */
  border-radius: 10px; /* Optional: Rounded corners */
  border: 3px solid #f0f0f0; /* Optional: creates a gap around the thumb */
}

/* The scrollbar thumb when hovered */
::-webkit-scrollbar-thumb:hover {
  background-color: #600080; /* Darker shade when hovering */
}

/* The scrollbar corner for resizable elements */
::-webkit-scrollbar-corner {
  background-color: #f0f0f0; /* Background color of the scrollbar corner */
}

/*ScrollBar End*/
.wc-block-components-button{
    background-color: #8113AF;
    color: #ffffff;
    border-radius: 50px;
}
.wc-block-components-button:hover {
    color: unset;
}
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
    padding: 0 15px;
}
.announcement-bar {
    color: #fff;
    padding: 10px 0;
    text-align: center;                    
}

.ImgTextMainSection >.e-con-inner{
	overflow: hidden;
}
.LeftImgSection:hover {
    transform: scale(1.06);
}
.elementor-repeater-item-8baed4f svg{
    width: 50px !important;
    height: 50px !important;
    position: absolute !important;
    bottom: 0;
}
.elementor-shape-rounded .elementor-icon.elementor-social-icon {
    border-radius: 20% !important;
}
.breadcrumb {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.breadcrumb-item {
  display: inline;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  padding: 0 8px;
  color: #000; /* Change color as needed */
}
.HowToReach h2,
.PagesPresets h2,
.social-media-section h3,
.SendUsMsg h4 {
    font-size: 28px;
    font-family: "Poppins", Sans-serif;
    letter-spacing: 0.28px;
    font-weight: 500;
}
.PagesPresets h3{
    font-size: 20px;
    font-family: "Poppins", Sans-serif;
    letter-spacing: 0.28px;
    font-weight: 500;
/*    margin-left: 10px;*/
}
/*.PagesPresets p {margin-left: 15px;}*/

.HowToReach ul,
.HowToReach p,
.social-media-section p,
.SendUsMsg p,
.PagesPresets p,
.PagesPresets li {
    font-size: 14px;
    font-family: "Poppins", Sans-serif;
    letter-spacing: 0.28px;
    color: #000;
    line-height: 25px;
}
.social-media-section {
  text-align: center;
  margin: 20px 0;
}

.social-media-links {
  margin-top: 20px;
}

.social-link {
  display: inline-block;
  margin: 10px;
  text-decoration: none;
  color: #000; /* Default icon and text color */
  font-weight: bold;
  font-size: 18px;
  transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for hover effects */
}

.social-link i {
  margin-right: 8px;
  font-size: 24px; /* Icon size */
  vertical-align: middle;
  transition: color 0.3s ease; /* Smooth transition for icon color */
}

/* Hover effect */
.social-link:hover {
  transform: translateY(-5px); /* Slightly move the icon and text upward */
  color: #007bff; /* Change text and icon color on hover (adjust color as needed) */
}

.social-link:hover i {
  color: #007bff; /* Change icon color on hover (adjust color as needed) */
}

/* Individual colors for icons */
.social-link:nth-child(1) i {
  color: #3b5998; /* Facebook blue */
}

.social-link:nth-child(2) i {
  color: #e4405f; /* Instagram pink */
}

.social-link:nth-child(3) i {
  color: #bd081c; /* Pinterest red */
}
.wavy-text {
  background: linear-gradient(90deg, #8010ae, #a337d0, #c83cfc, #8010ae);
  background-size: 400% 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  animation: wave-animation 5s linear infinite;
  display: inline-block;
}
@keyframes wave-animation {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

form#forminator-module-449 input,
form#forminator-module-449 textarea {
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: #c7c7c7 !important;
    background: #ffffff !important;
}
form#forminator-module-449 button{
    background: #8010ae !important;
    border-radius: 0;
    padding: 14px 20px;
}
.forminator-row {
    margin-bottom: 18px !important;
}
.HowToReach::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background-image: url('/wp-content/uploads/2024/08/contact.gif');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/*----===================== add animation================------------------ */
.AnimationFadeUpText {
    animation: AnimationFadeUpTextAnimation 1.8s cubic-bezier(.17,.17,.3,1);
    animation-fill-mode: forwards;
    opacity: 0
  }
  @keyframes AnimationFadeUpTextAnimation {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
  
    16.667% {
        opacity: 0;
        transform: translateY(40px)
    }
  
    to {
        opacity: 1;
        transform: translateY(0)
    }
  }
  .AnimationFadeUpCTA {
    animation: AnimationFadeUpTextAnimation 1.4s cubic-bezier(.17,.17,.3,1);
    animation-fill-mode: forwards;
    opacity: 0
  }
  
  @keyframes AnimationFadeUpTextAnimation {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
  
    16.667% {
        opacity: 0;
        transform: translateY(40px)
    }
  
    to {
        opacity: 1;
        transform: translateY(0)
    }
  }

.ProCategoriesTitle > .elementor-widget-container:before{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    background: #000000;
    height: 2.5px;
}
.ProCategoriesTitle span{
    background: #ffffff;
    padding: 0 20px;
    display: inline-block;
    width: 420px;
    z-index: 99;
    position: relative;
}
.PopularCollection .woocommerce-loop-category__title {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #000;
}
.PopularCollection mark.count{
    display: none !important;
}
.PopularCollection .product-category img{
    will-change: transform;
    transition: transform .64s ease;
}
.PopularCollection .product-category:hover img {
    transform: scale(1.06);
}
.CustomFooterSection {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

  .HomeBannerImg{
    width: 60% !important;
    height: 500px !important;
    margin-right: 70px !important;
  }
  /* .HomeBannerImg img{
    height: 500px !important;
  } */

  .HomeBannerSlider .flickity-prev-next-button.previous {
    left: 14%;
}
.HomeBannerSlider .flickity-prev-next-button.next {
    right: 14%;
}
.HomeBannerSlider .flickity-prev-next-button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff; 
    background: unset;
    border-radius: 100%;
    padding: 12px;
    display: grid;
    place-items: center;
}
.HomeBannerSlider .flickity-button {
    color: white !important;
}
.HomeBannerSlider .flickity-button:hover {
    background: #000 !important;
    border: 1px solid #000 !important; 
}
.ServiceTopSection span.elementor-icon-list-text:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 38px;
    background: #1b17175c;
    top: 0px;
    /* right: 8px; */
    left: 35px;
}
body.woocommerce-page.has-sidebar div#primary {
    width: 100%;
    padding-right: unset;
}
header.woocommerce-products-header {
    color: #000000;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
}
.term-description p,
.term-description img,
body.woocommerce-page .page-description p{
    margin-bottom: 0;
}
body.woocommerce-page .page-description,
.term-description p:nth-child(2){
    padding: 20px 0;
}
p.woocommerce-result-count,
form.woocommerce-ordering select {
    color: #000;
}
body.woocommerce-page div#content {
    margin-top: 0;
}
body.woocommerce-page.has-sidebar div#secondary{display: none;}
body.home div#content {
    padding-top: 0;
}