.u-section-1 {
   background-image: none;
 }

 body {
   position: relative;
   overflow: hidden;
   background-image: url('imges/mks bk.jpg');
   background-size: cover;
   background-position: center;
   height: auto;
 }

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

 .u-section-1 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   margin: 5px auto 0;
 }

 .u-section-1 .u-text-2 {
   font-size: 1.125rem;
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   width: 889px;
   margin: 30px auto 0;
 }

 .u-section-1 .u-list-1 {
   margin-bottom: 0;
   margin-top: 7px;
 }

 .u-section-1 .u-repeater-1 {
   grid-template-columns: repeat(2, calc(40.3333%));
   min-height: 537px;
   display: flex;
   justify-content: center;
   grid-gap: 20px;
 }

 .u-section-1 .u-list-item-1 {
   --radius: 20px;
   --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;
   background-image: none;
 }

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

 .u-section-1 .u-image-1 {
   filter: brightness(0.8);
   height: 225px;
   max-width: 405px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 20px;
 }

 .u-section-1 .u-text-3 {
   margin: 24px auto 0 0;
 }

 .u-section-1 .u-text-4 {
   margin: 20px 0 0;
 }

 .u-section-1 .u-btn-1 {
   background-image: none;
   margin: 13px auto 0 0;
   padding: 0;
 }

 .u-section-1 .u-btn-2 {
   border-style: solid;
   margin: 10px auto 0 0;
   padding: 0;
 }

 .u-section-1 .u-list-item-2 {
   --radius: 20px;
   --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;
   background-image: none;
 }

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

 .u-section-1 .u-image-2 {
   filter: brightness(0.8);
   height: 231px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 20px;
 }

 .u-section-1 .u-text-5 {
   font-size: 1.375rem;
   margin: 30px auto 0 0;
 }

 .u-section-1 .u-text-6 {
   margin: 20px 0 0;
 }

 .u-section-1 .u-btn-3 {
   background-image: none;
   margin: 30px auto 0 0;
   padding: 0;
 }

 .u-section-1 .u-btn-4 {
   border-style: solid;
   margin: 10px auto 0 0;
   padding: 0;
 }

 .u-section-1 .u-list-item-3 {
   --radius: 20px;
   --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;
   background-image: none;
 }

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

 .u-section-1 .u-image-3 {
   filter: brightness(0.8);
   height: 225px;
   max-width: 405px;
   margin-top: 0;
   margin-bottom: 0;
   --radius: 20px;
 }

 .u-section-1 .u-text-7 {
   font-size: 1.375rem;
   margin: 22px auto 0 0;
 }

 .u-section-1 .u-text-8 {
   margin: 20px 0 0;
 }

 .u-section-1 .u-btn-5 {
   background-image: none;
   margin: 3px auto 0 0;
   padding: 0;
 }

 .u-section-1 .u-btn-6 {
   border-style: solid;
   margin: 10px auto 0 0;
   padding: 0;
 }

 .u-section-1 .u-text-9 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   margin: 30px auto 60px;
 }

 .u-section-1 .u-btn-7 {
   border-style: solid;
   padding: 0;
 }

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

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

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

   .u-section-1 .u-image-3 {
     height: 183px;
   }
 }

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

   .u-section-1 .u-text-2 {
     width: 720px;
   }

   .u-section-1 .u-repeater-1 {
     grid-template-columns: repeat(2, calc(50% - 9.99997px));
     min-height: 1044px;
   }

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

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

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

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

   .u-section-1 .u-text-2 {
     width: 540px;
   }

   .u-section-1 .u-repeater-1 {
     grid-template-columns: 100%;
     display: grid;
   }

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

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

   .u-section-1 .u-image-3 {
     height: 376px;
   }
 }

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

   .u-section-1 .u-text-2 {
     width: 340px;
   }

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

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

   .u-section-1 .u-image-3 {
     height: 251px;
   }
 }

 .last-button {
  text-align: center;
  border-radius: 4px;
  border: 2px solid #000;
  color: #000;
  margin-top: 20px;
}

.last-button:hover {
  background-color: #000;
  color: #fff;
}

.last-button a {
  display: block;
  padding: 10px;
  background-color: transparent;
  width: 100%;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.last-button a:hover {
  background-color: #fff;
  color: #000;
}


 @media (max-width: 599px) {
   .last-button a {
     display: block;
     /* Make the button take up the full width */
     width: 100%;
     /* Full width for mobile */
     padding: 15px;
     /* Increase padding for touch devices */
     font-size: 16px;
     /* Adjust font size for better readability */
     box-sizing: border-box;
     /* Ensure proper padding with width */
   }
 }

 .u-border-1 {
   position: relative;
   padding-bottom: 2px;
   /* Space for the bottom border */
 }

 .u-border-1:hover::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 2px;
   /* Adjust the height of the border */
   /* Set the border color */
 }