.u-section-1 {
   background-image: url("images/77681719-0.jpeg");
   background-position: 50% 50%;
 }

 .u-section-1 .u-sheet-1 {
   min-height: 300px;
 }

 .u-section-1 .u-shape-1 {
   width: 184px;
   height: 490px;
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   margin: 74px auto 0 250px;
 }

 .u-section-1 .u-shape-2 {
   height: 289px;
   width: 347px;
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   margin: -334px auto 0 0;
 }

 .u-section-1 .u-group-1 {
   min-height: 315px;
   width: 494px;
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4);
   height: auto;
   --animation-custom_in-translate_x: -400px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 180deg;
   --animation-custom_in-scale: 1;
   margin: -378px auto 60px 56px;
 }

 .u-section-1 .u-container-layout-1 {
   padding: 30px;
 }

 .u-section-1 .u-text-1 {
   font-size: 3rem;
   /* font-weight: 700; */
   text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
   margin: 0;
 }

 @media (max-width: 1199px) {
   .u-section-1 .u-sheet-1 {
     min-height: 676px;
   }

   .u-section-1 .u-shape-1 {
     margin-top: 117px;
   }

   .u-section-1 .u-group-1 {
     height: auto;
   }
 }

 @media (max-width: 991px) {
   .u-section-1 .u-sheet-1 {
     min-height: 675px;
   }

   .u-section-1 .u-shape-1 {
     margin-top: 111px;
     margin-left: 217px;
   }

   .u-section-1 .u-shape-2 {
     height: 302px;
     margin-top: -352px;
   }

   .u-section-1 .u-group-1 {
     min-height: 328px;
     width: 369px;
     margin-top: -391px;
   }
 }

 @media (max-width: 767px) {
   .u-section-1 {
     background-position: 57.55% 50%;
   }

   .u-section-1 .u-sheet-1 {
     min-height: 620px;
   }

   .u-section-1 .u-group-1 {
     margin-bottom: 174px;
   }

   .u-section-1 .u-container-layout-1 {
     padding-left: 20px;
     padding-right: 20px;
   }
 }

 @media (max-width: 575px) {
   .u-section-1 {
     background-position: 43.79% 50%;
   }

   .u-section-1 .u-sheet-1 {
     min-height: 255px;
   }

   .u-section-1 .u-shape-1 {
     width: 122px;
     height: 134px;
     margin-top: 106px;
     margin-right: 95px;
     margin-left: auto;
   }

   .u-section-1 .u-shape-2 {
     height: 93px;
     width: 217px;
     margin-top: -113px;
   }

   .u-section-1 .u-group-1 {
     min-height: 160px;
     width: 267px;
     margin-top: -182px;
     margin-bottom: 58px;
     margin-left: 0;
   }

   .u-section-1 .u-text-1 {
     font-size: 1.875rem;
     margin-top: 30px;
   }
 }

 .u-section-2 .u-sheet-1 {
   min-height: 587px;
 }

 .u-section-2 .u-text-1 {
   font-size: 1.875rem;
   font-weight: normal;
   margin: 60px auto 0;
 }

 .u-section-2 .u-text-2 {
   margin: 20px 63px 0;
 }

 .u-section-2 .u-products-1 {
   margin-top: 15px;
   margin-bottom: 0;
 }

 .u-section-2 .u-repeater-1 {
   grid-template-columns: calc(25% - 7.5px) calc(25% - 7.5px) calc(25% - 7.5px) calc(25% - 7.5px);
   min-height: 431px;
   grid-gap: 10px;
 }

 .u-section-2 .u-container-layout-1 {
   padding: 30px 10px;
 }

 .u-section-2 .u-image-1 {
   height: 259px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 7px;
 }

 .u-section-2 .u-text-3 {
   font-size: 1.25rem;
   font-family: Roboto, sans-serif;
   margin: 20px 0 0;
 }

 .u-section-2 .u-container-layout-2 {
   padding: 30px 10px;
 }

 .u-section-2 .u-image-2 {
   height: 259px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 7px;
 }

 .u-section-2 .u-text-4 {
   font-size: 1.25rem;
   font-family: Roboto, sans-serif;
   margin: 20px 0 0;
 }

 .u-section-2 .u-container-layout-3 {
   padding: 30px 10px;
 }

 .u-section-2 .u-image-3 {
   height: 259px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 7px;
 }

 .u-section-2 .u-text-5 {
   font-size: 1.25rem;
   font-family: Roboto, sans-serif;
   margin: 20px 0 0;
 }

 .u-section-2 .u-container-layout-4 {
   padding: 30px 10px;
 }

 .u-section-2 .u-image-4 {
   height: 259px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 7px;
 }

 .u-section-2 .u-text-6 {
   font-size: 1.25rem;
   font-family: Roboto, sans-serif;
   margin: 20px 0 0;
 }

 @media (max-width: 1199px) {
   .u-section-2 .u-products-1 {
     margin-bottom: -407px;
   }

   .u-section-2 .u-repeater-1 {
     min-height: 353px;
   }

   .u-section-2 .u-image-1 {
     height: 217px;
   }

   .u-section-2 .u-image-2 {
     height: 217px;
   }

   .u-section-2 .u-image-3 {
     height: 217px;
   }

   .u-section-2 .u-image-4 {
     height: 217px;
   }
 }

 @media (max-width: 991px) {
   .u-section-2 .u-sheet-1 {
     min-height: 1015px;
   }

   .u-section-2 .u-products-1 {
     margin-bottom: 60px;
   }

   .u-section-2 .u-repeater-1 {
     grid-template-columns: calc(50% - 5px) calc(50% - 5px);
     min-height: 1112px;
   }

   .u-section-2 .u-text-3 {
     width: auto;
   }

   .u-section-2 .u-text-4 {
     width: auto;
   }

   .u-section-2 .u-text-5 {
     width: auto;
   }

   .u-section-2 .u-text-6 {
     width: auto;
   }
 }

 @media (max-width: 767px) {
   .u-section-2 .u-sheet-1 {
     min-height: 967px;
   }

   .u-section-2 .u-products-1 {
     margin-bottom: -17px;
   }

   .u-section-2 .u-repeater-1 {
     grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
     grid-auto-columns: calc(33.3333% - 6.66667px);
   }

   .u-section-2 .u-text-3 {
     font-size: 1rem;
     font-family: Poppins;
   }

   .u-section-2 .u-text-4 {
     font-size: 1rem;
     font-family: Poppins;
   }

   .u-section-2 .u-text-5 {
     font-size: 1rem;
     font-family: Poppins;
   }

   .u-section-2 .u-text-6 {
     font-size: 1rem;
     font-family: Poppins;
   }
 }

 @media (max-width: 575px) {
   .u-section-2 .u-sheet-1 {
     min-height: 835px;
   }

   .u-section-2 .u-text-1 {
     font-size: 1.5rem;
     width: 164px;
     margin-top: 40px;
   }

   .u-section-2 .u-text-2 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-products-1 {
     width: 391px;
     margin-left: -25px;
     margin-right: -25px;
     margin-bottom: 40px;
   }

   .u-section-2 .u-repeater-1 {
     grid-template-columns: calc(50% - 5px) calc(50% - 5px);
     grid-auto-columns: calc(50% - 5.0000025px);
   }

   .u-section-2 .u-container-layout-1 {
     padding-bottom: 25px;
   }

   .u-section-2 .u-image-1 {
     height: 170px;
   }

   .u-section-2 .u-container-layout-2 {
     padding-bottom: 25px;
   }

   .u-section-2 .u-image-2 {
     height: 170px;
   }

   .u-section-2 .u-container-layout-3 {
     padding-bottom: 25px;
   }

   .u-section-2 .u-image-3 {
     height: 170px;
   }

   .u-section-2 .u-container-layout-4 {
     padding-bottom: 25px;
   }

   .u-section-2 .u-image-4 {
     height: 170px;
   }
 }

 p:not(.u-text-variant) {
   font-weight: normal !important;
 }

 #sec-f608 {
   background-color: #eaeaea;
   padding-bottom: 80px;
 }

 .u-repeater {
   display: grid;
   grid-template-columns: repeat(5, 20%);
   grid-gap: 20px;

 }

@media screen and (max-width:768px) {
  .u-repeater {
    grid-template-columns: repeat(2, 47%);
    grid-gap: 20px;
  }
}


 .productsSection h4 {
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
 }

 .productsSection a {
   font-size: 1rem;
 }

 /* Subcategory Filter Styles */
 .subcategory-filter {
   margin: 40px 0 30px 0;
 }

 .filter-btn {
   display: inline-block;
   padding: 12px 24px;
   margin: 5px;
   border-radius: 25px;
   text-decoration: none;
   font-weight: 500;
   font-size: 0.9rem;
   transition: all 0.3s ease;
   border: 2px solid #478ac9;
   background: white;
   color: #478ac9;
 }

 .filter-btn:hover {
   background: #478ac9;
   color: white;
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(71, 138, 201, 0.3);
 }

 .filter-btn.active {
   background: #478ac9;
   color: white;
   box-shadow: 0 4px 12px rgba(71, 138, 201, 0.3);
 }

 .filter-btn.active:hover {
   background: #2c5aa0;
   border-color: #2c5aa0;
 }

 /* Responsive filter buttons */
 @media (max-width: 768px) {
   .subcategory-filter>div {
     padding: 15px !important;
     flex-direction: column;
     gap: 8px !important;
   }

   .filter-btn {
     padding: 10px 20px;
     font-size: 0.85rem;
     width: 100%;
     text-align: center;
     max-width: 200px;
   }
 }

 @media (max-width: 480px) {
   .subcategory-filter>div {
     margin: 0 10px;
   }

   .filter-btn {
     font-size: 0.8rem;
     padding: 8px 16px;
   }
 }