.owl-prev-icon,
      .owl-next-icon {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         font-size: 36px;
         color: #333;
         border-radius: 50%;
         padding: 10px 15px;
         cursor: pointer;
         z-index: 10;
      }

      .owl-prev-icon {
         left: -30px;
      }

      .borfix2 {
         border: #00ff00 3px solid !important;
      }

      .outer-wrapper {
         position: relative;
         border-radius: 20px;
         border: 0;
         overflow: hidden;
         box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.2);
         background-color: #faf3e9;
         margin: 15px;
         ;
      }

      /* เมื่อ hover */
      .outer-wrapper:hover {
         /* หรือค่าที่ต้องการ */
      }
      
      .overlayb {
         border-radius: 20px;
         border: 5px solid rgb(172, 86, 59);
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(167, 103, 84, 0.9);
         opacity: 0;
         visibility: hidden;
         z-index: 9;
         pointer-events: none;
      }

      .center-button {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: 10;
         opacity: 0;
         visibility: hidden;
         pointer-events: none;
         transition: opacity 0.3s ease, visibility 0.3s ease;
         white-space: nowrap;
      }

      .outer-wrapper:hover .overlayb,
      .outer-wrapper:hover .center-button {
         opacity: 1;
         visibility: visible;
         pointer-events: auto;
      }

      .owl-prev-icon,
      .owl-next-icon {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         font-size: 30px;
         color: #333;
         cursor: pointer;
         user-select: none;
         z-index: 1000;
         /* background: rgba(255, 255, 255, 0.7); */
         padding: 5px 10px;
         border-radius: 3px;
         transition: background-color 0.3s ease;
      }

      .owl-prev-icon:hover,
      .owl-next-icon:hover {
         background-color: rgba(255, 255, 255, 1);
      }

      /* อยู่ชิดซ้ายของ outer-wrapper */
      .owl-prev-icon {
         left: 0;
         margin-left: -40px;
         /* ลอยออกมานอกกรอบ 40px */
      }

      /* อยู่ชิดขวาของ outer-wrapper */
      .owl-next-icon {
         right: 0;
         margin-right: -40px;
         /* ลอยออกมานอกกรอบ 40px */
      }

      .owl-prev-icon:hover,
      .owl-next-icon:hover {
         background-color: rgba(255, 255, 255, 1);
      }

      .site-content.contentbox {margin-bottom: 0; background-size: cover; background-position: bottom center;background-repeat: no-repeat !important;}
      .contentbox .ourbg {background-size: cover; background-position: center center; height: 468px;}

      .padB0 {padding-bottom: 0px;}
      .marB40 {margin-bottom: 40px;}
      .padXY60-0 {padding: 60px 0;}
      .product-i {display: flex; align-items: center; gap: 10px;}
      .hrclass {width: 80%; margin: 0px auto;}
      .shortMessage {font-style: italic;color: #71706c;padding: 10px 20px;font-size: 0.875em;}
      .proicon {width: 24px; margin: 0px 10px 1em;}