body{
    /* thai  */
    font-family: "IBM Plex Sans Thai", sans-serif !important;
    font-style: normal;
    line-height:unset;
    padding: 0;
    margin: 0;

    display: block; /* ไม่ใช้ flex */
    background: #eef4fb;
    overflow-x: hidden;
}
:root{
  --fs-input: clamp(14px, 0.5vw, 16px) ;
  --fs-xs: clamp(12px, .8vw, 14px);
  --fs-sm: clamp(14px, 1vw, 16px);
  --fs-md: clamp(16px, 1.2vw, 20px);
  --fs-lg: clamp(24px, 2vw, 40px);
  --fs-xl: clamp(16px, 1.2vw, 23px);
  --fs-2xl: clamp(20px, 1.8vw, 33px);
  /* --fs-3xl: clamp(24px, 2vw, 40px); */
  --fs-4xl: clamp(28px, 2.5vw, 48px);
  --fs-5xl: clamp(48px, 3vw, 54px);
}

.inter-fontfam {
  font-family: "Kanit", sans-serif !important;
  font-weight: 300;
  font-style: normal;
  font-size: var(--fs-input) !important;
  line-height: 150%;
  letter-spacing: -0.01em;
}

input,
textarea,
select,
.form-tex-autot {
  font-size: var(--fs-input) !important;
}
input::placeholder{
   font-family: "Kanit", sans-serif !important;
     font-size: var(--fs-input) !important;
    font-style: normal;
    font-weight: 300;
}
.kanit-fom{
  font-family: "Kanit", sans-serif;
}
.form-text-auto {
  font-size: var(--fs-input) !important;
  font-weight: 300;
  color: #232323;
}

p, span, h3, h4, div{
  font-family: 'Kanit', sans-serif  ; 
  font-weight: 400 ;
}
  

  /* eve start */
  .text_selectplush{
    text-align: left;
  }
  .bd-page {
    width: 100%;
    /* max-width: 1920px;   */
    height: 100vh;
    background-color: white;
  }
  #etp-slt-1{
    background-color: #F9FBF3;
    position: relative;
  }
  .etp-slt-menu{
    /* height: 250px; */
    position: fixed;
    /* padding: 100px 0px 0px 56px; */
    /* display: flex; */
    z-index: 1;
    overflow: hidden;
    width: 100%;
    z-index: 4;
  }
  .etp-scroll-menu{
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding: 100px 0px 0px 56px;
  }
  .etp-slt-btnmenu{
    width: fit-content;
    height: 50px;
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(237, 239, 245, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    cursor: pointer;
    font-weight: 300;
       white-space: nowrap;      

    /* margin-right: 10px; */

    }
    .etp-slt-btnmenu.active{
        background-color: #BAED00;
        border: 1px solid #BAED00;
    }
    .etp-slt-sizearrow{
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .etp-picicon{
        width: 160px;
        height: 160px;
    }
    .slt2-txt-1{
        font-size: 19px;
        font-weight: 600;
        margin-top: 15px;
    }
    .slt2-discription{
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        margin-top: 16px;
    }
    .slt2-box{
      flex: 0 0 100%;
      scroll-snap-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }
      .slt2-box-web{

        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }
   .covercenter{
    display: flex;
    justify-content: center;
    gap: 100px;
   }
   .covercenter2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   }
    .slt2-div-box{
      display: flex;
    flex-direction: column; /* ให้จุดอยู่ใต้กล่อง */
    width: 100%;
    align-items: center;
    overflow: hidden;
    }
    .scroll-div-box{
       display: flex;
    gap: 20px; /* ลด gap ลงหน่อยเพื่อให้เห็นกล่องถัดไปลางๆ บนมือถือ */
    width: 300px;
    overflow-x: auto; /* เปิดให้เลื่อนแนวนอน */
    scroll-snap-type: x mandatory; /* สั่งให้ดีดหยุดที่กล่อง */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    }

    #etp-slt-2{
        position: relative;
        padding: 140px 0;
        background-color: #F9FBF3;
    }
     #etp-slt-2-web{
        position: relative;
        background-color: #F9FBF3;
    }
    .slt3-txt-head{
        font-size: 40px;
        font-weight: 600;
        text-align: center;
        /* margin-bottom: 50px; */
    }
    #etp-slt-3{
        position: relative;
        /* padding: 0 240px 0px 240px; */
        background-color: #F9FBF3;

    }
    .slt3-head{
        font-size: 33px;
    }
    .slt-6box{
        background-color: rgba(241, 243, 249, 1);
        border-radius: 56px;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: end;
        flex-direction: column;
        padding: 20px;
        margin-left: 25px;
        position: relative;
        text-align: center;
 
    }
    .slt-6box_haft{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        line-height: 10px;
    }
    .scroll-section2{
        display: flex;
    }
    .ht_23px{
      height: 23px;
    }
    .icon-slt-6box{
       width: 70px;
    height: 70px;
    position: absolute;
    top: -29px;
    }
    .slt-6box-headtxt{
        font-size: 19px;
        font-weight: 600;
        margin-top: 18px;
        text-align: center;
        margin-bottom: 3px;
    }
    .slt-6box-txt{
        font-size: 33px;
        font-weight: 800;
    }
    .slt-6box-row{
        display: flex;
        margin-top: 70px;
        width: 100%;
        justify-content: center;
    }
    .slt3-section1{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 50px;
    }
    .slt3-section2{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 50px;
    }
    .slt3-boxgif{
        width: 500px;
        height: 500px;
        background-color: rgba(237, 240, 247, 0.5);
        border-radius: 60px;
    }
    
    .slt3-boxcontent-left{
        text-align: start;
        padding-left: 80px;
    }
    .slt3-txt-headcontent{
        font-size: 30px;
        font-weight: 600;
    }
    .slt3-content{
        display: flex;
        margin-top: 8px;
        align-items: center;
    }
    .slt3-txt-disc{
        font-size: 20px;
        font-weight: 300;
        margin-left: 16px;
    }
    .slt3-boxcontent-right{
        text-align: start;
        padding-right: 80px;
    }
    .slt3-sizeicon{
        width: 80px;
        height: 80px;
    }
    .etp-slt-bg{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 70px 0;
    }
    .etp-slt-btn{
        height: 48px;
        font-size: 16px;
        background: linear-gradient(270deg, #BAED00 0%, #EAF9B0 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0 30px;
        width: fit-content;
        border-radius: 100px; 
        font-weight: 500;
    }
    .slt7-head{
        font-size: 33px;
        font-weight: 600;
        margin-bottom:50px;
    }
    #etp-slt-7{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 80px;
    background-color: #F9FBF3;
    }
    #etp-slt-4{
        background-color: #F9FBF3;
        position: relative;
    }
    #etp-slt-5{
        background-color: #F9FBF3;
        position: relative;
    }
    #etp-slt-6{
        background-color: #F9FBF3;
        position: relative;
    }
    .boximg21{
      width: 33px; height: 33px;
       object-fit: contain; 
       margin-right: 5px;
    }
    .floating-ask {
        position: fixed;
        bottom: 46px;
        right: 20px;
        z-index: 5;
        height: 100px;
        transition: bottom 0.2s ease;
    }
    
    .floating-ask img {
        height: 100%;
        width: auto;
        cursor: pointer;
        display: block;
    }
    .coverbodyhome-etpslt{
        height: fit-content;       
        display: flex;
        background-color: #525152;
        border-radius: 60px;
      }
      .head-txt-bodyhome-etpslt{
        font-size: 40px; 
        margin-bottom: 10px; 
        text-align: center; 
        color: #FFFFFF; 
        font-weight: 600;
        z-index: 3;
      }
      .sub-txt-bodyhome-etpslt{
        font-size: 19px;
        color: #FFFFFF; 
        margin-bottom: 30px;
        text-align: center;
        font-weight: 600;
      }
      .btn-disable{
        cursor: not-allowed !important;
        filter: grayscale(40%);
        color: #b4b4b4 !important;
      }
      .img1_divleft-etpslt{
        width: 100%;
        height: 100%;
        border-radius: 60px 0 0 60px;
        display: flex;
        /* background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url('./img2026/Artboard22.webp')-434px 0 / auto no-repeat;; */
      
      }
      .sub1_img1_divright-etpslt{
        width: 100%; 
        height: 100%;
        padding-bottom: 100px;
        display: flex;
        justify-content: end;
        align-items: center;
        flex-direction: column;
        border-radius: 60px 0 0 60px; 
        /* background-image:
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url("./img2026/aw-etp-slt-ezg.webp " ); */
       background-size: cover;
       /* background-position: center; */
       /* background-repeat: no-repeat; */
        background:
        linear-gradient(0deg, rgba(0,0,0,.4), rgba(0,0,0,.4)),
        url('./img2026/aw-etp-slt-ezg.webp')
        center -50px / 140% no-repeat;
          
      }
      .sub1_img1_divleft-etpslt{
        width: 50%; 
        padding-bottom: 80px;
        display: flex; 
        align-items: center;
        justify-content: end;
        flex-direction: column; 
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       border-radius: 60px 0 0 60px;
       background-image: url(./img2026/Enterprise_solution_BG_3.webp);
       overflow: visible;
      }
      .coversec_drophome-etpslt{
        width: 100%; 
        padding: 6vw 0;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        /* background-image: url(./img2026/longbg1-ez.webp); */
        background-position: bottom;
        background-size: cover;
      }
      .sub4_img1_divright-etpslt{
        height: 48px; 
        width: 160px;
         margin-right: 20px; 
         cursor: pointer;
         background: linear-gradient(270deg, #BAED00 0%, #EAF9B0 100%);
        display: flex; 
        font-size: 16px; 
        align-items: center; 
        justify-content: center; 
        border-radius: 100px;
        color: black;
        font-weight: 500;
      }
      .etpslt-gif{
        width: 100%;
        height: 100%;
        /* transform: scale(1.5); */
      }
      button:focus{
        outline: none !important;
      }
      .b-dot{
       list-style-type: disc;
       margin-left: 30px;
      }
      .etp-slt-banner{
        position: relative;
        padding: 0 2vw;
        margin-top: 100px;
        background-color: #ffff;
      }
    .section4-etpslt{
        display: flex;
        padding-top: 50px;
    }
    .section4-txt-head{
        font-size: 40px;
        width: 50%;
        font-weight: 600;
        padding-left: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .section4-txt-txt{
        font-size: 16px;
        font-weight: 400;
    }
    .section5-txt-head{
        font-size: 33px;
        font-weight: 600;
        text-align: center;
    }
    .section2-text-head{
        font-weight: 600;
        font-size: 23px;
        text-align: center;
    }
    .from-moredetail{
        display: flex; 
        transition: opacity 0.6s ease, transform 0.6s ease; 
        width: calc(90% - 2%);
        /* height: 700px;
        width: 700px; */
        padding: 30px;
        border-radius: 36px;
        border: 1px solid;
        background-color: white;
        flex-direction: column;
      }
      /* .mecns_scroll_div ::-webkit-scrollbar-thumb {
        background-color: red !important;
      } */
     .mecns_scroll_etpslt{
        overflow-y: auto; 
        overflow-x: hidden !important;
      }
      /* .mecns_scroll_etpslt::-webkit-scrollbar {
        width: 8px;
        border-radius: 10px;
        background-color: #D9D9D9 !important;
      }  */
      
      #form-moredetail {
        display: none;
        position: fixed;      /* สำคัญ */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 6;
        backdrop-filter: blur(5px);
        align-items: center;
        justify-content: center;
        z-index: 10;
        background: #11111180;
    }
    .bg_deopp{
        background: rgba(18, 18, 18, 0.60);
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .section4-pic{
        width: 50%;
    }
    .section6-pic{
        width: 650px;
        height: 650px;
    }
    .txt-head-section2{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding: 80px 0 50px 0;
    }
    #bannerweb-etpslt{
        display: flex;
       }
       #txt_web-etpslt{
        display: flex;
       }
       #bannemobile-etpslt{
        display: none;
       }
       #txt_mobile-etpslt{
        display: none;
       }
       .close-modal-askmore{
        width: 48px; height: 48px;
       }
       .btn-mgr-close{
        margin-right: 10px;
        position: relative;
       }
       .box-formlef2Full_etpslt{
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: baseline;
        margin-bottom: 25px;
        gap: 10px;
    }
    .wth49per_etpslt{
        width: 49%;
        display: flex;
        flex-direction: column;
        justify-content: end;
      }
      .wth99per-input_2026_etpslt{
        width: 99%;
        height: 55px;
        margin-bottom: 5px;
        font-size: 14px;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
        background-color: white;
        }
        .box_rfrom2_regmaxleft-etpslt{
            display: flex; width: 100%;
            flex-direction: column; 
            align-items: center;
            margin-bottom: 35px;
            margin-top: 20px;
        }
        .sp16-hinput-etpslt{
            font-size: 20px;
            font-weight: 400;
            color: #1E1E1E;
         }
         .toggle-heading_sltetp{
            height: 64px;
            border: 1px solid #9D9D9D;
            padding: 28px;
            display: flex;
            border-radius: 24px;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            font-weight: 500;
          
          }
          .btn_selectsltetp {
            display: inline-flex; /* ใช้ flex เพื่อให้ไอคอนกับข้อความอยู่บรรทัดเดียวกัน */
            align-items: center;  /* จัดให้อยู่กึ่งกลางแนวตั้ง */
            justify-content: center;
            gap: 15px;            /* ระยะห่างระหว่างไอคอนกับข้อความ */
            background-color: white;
            cursor: pointer;
            height: 65px;
            border-radius: 100px;
            font-size: 18px;
            color: #2D3648;
            border: 1px solid rgba(45, 54, 72, 1);
            padding: 0 30px;
            width: fit-content;
            transition: all 0.2s ease;
            font-weight: 500;
          }
          
          /* แก้ไข Selector จากเดิมที่เขียนผิด และรวมสถานะ Active/Hover */
          .btn_selectsltetp:hover,
          .btn_selectsltetp.active {
            background-color: #F5FCD9;
            border: 1px solid #BAED00;
            color: #2D3648; /* มั่นใจว่าสีตัวอักษรยังชัดเจน */
          }
          
          /* เพิ่มเติม: สำหรับจัดการปุ่มตอนถูกกด (Feedback) */
          .btn_selectsltetp :active {
            transform: scale(0.98);
          }
          /* ปรับขนาดไอคอนให้พอดีกับปุ่ม (ถ้า 36px ใหญ่ไป) */
          .btn_selectsltetp  i {
            font-size: 24px; /* ลองปรับลดจาก 36px เพื่อความสมดุล */
            color: #2D3648;
          }
          
          /* เมื่อ Hover หรือ Active ให้ไอคอนเปลี่ยนสีตามด้วย */
          .btn_selectsltetp:hover i,
          .btn_selectsltetp.active i {
            color: #2D3648; /* หรือสีที่คุณต้องการ */
          }
          /* สถานะปกติ: ซ่อนติ๊กถูก โชว์บวก */
          .btn_selectsltetp  .icon-miuns {
            display: none;
          }
          .btn_selectsltetp .icon-plus {
            display: inline-block;
          }
          
          /* สถานะ Active (เมื่อ JS ทำงาน): ซ่อนบวก โชว์ติ๊กถูก */
          .btn_selectsltetp.active .icon-plus {
            display: none;
          }
          .btn_selectsltetp.active .icon-miuns {
            display: inline-block;
            color: #2D3648; /* หรือสีเขียวตามต้องการ */
          }
          .toggle-content_etpslt{
            background-color: white;
            border: 1px solid #9D9D9D;
            border-top: none;
            margin-top: -25px; 
            padding: 20px;
            border-radius: 0 0 24px 24px;
          }
          .sub2_img1_divright-etpslt{
            font-size: 40px;
             margin-bottom: 10px; 
             text-align: center; 
             color: #FFFFFF; 
             font-weight: 600;
          }
      
  /* eve end */
.coverimg_size{
    display: block;
    width: 60%;
    height: auto;
    object-fit: contain;
    object-position: center;
    opacity: .5;
    flex-shrink:0;
}
.covergit_1{
  width: 44%; margin-top: -70px; margin-bottom: 64px;
}
.covergit_2_mobile{
 width: 100%; margin-top: -70px;
}
.covertexte_1web{
  margin-top: -70px; margin-bottom: 90px; align-items: center; justify-content: center; flex-direction: column;
}
.covertexte_2mobile{
  margin-top: -20px; margin-bottom: 45px; align-items: center; justify-content: center; flex-direction: column;
}
.mobile-break{
    display:none;
}
.width_fotter_lef{
 width: 70%;
}
.width_fotter_right{
 width: 30%;
}
  /* nice start */
  .input-box-main {
    width: 100%;
    height: clamp(40px, 3vw, 40px);
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background-color: white;
  margin-bottom: 5px;
  }
  .coverbanner_enterp {
    background-image:   url('./img2026/Enterprise_solution_BG_2.webp');
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    border-radius: 0px 0px 60px 60px;
    height: 860px;
    background-repeat: no-repeat;  
     position: relative;
    overflow: hidden;        
  }

.coverfooter_main{
  display: flex; 
  flex-direction: column;
  width: 100%;
  background-color: black;
}
.topfooter{

  height: 15vh;
  display: flex;
  padding: 1.5vw;
  background: #222222;
}
.bottomfoterr{
  display: flex; 
      justify-content: center; 
      align-items: flex-start;
      flex-direction: column;
      padding: 1.5vw;
      background-color: #000000;
}
.bottomfoterr_sup1{
  width: 100%; 
  display: flex;
   align-items: center; 
   justify-content: space-between;
}
.bottomfoterr_sup2{
     /* width: 75px;
    height: 38px; */
        margin-left: 10px;
        margin-bottom: 15px;
        margin-top: 10px;
}
.bottomfoterr_sup3{
  height: 38px; object-fit: contain;
}
.bottomfoterr_sup4{
  width: 100%; display: flex;padding-left: 10px; 
}
.bottomfoterr_sup5{
  font-size: 16px;
   color: #FFFFFF; 
   font-weight: 300;
}
.cuspoint{
  cursor: pointer;
}
.bottomfoterr_sup6{
  display: flex;
  gap: 15px;
   /* justify-content: space-between; */
   width: 100%; 
   font-size: 16px;
    color: white; 
    font-weight: 500;  
    text-align: end;
    padding: 12px 0;
   padding-left: 10px;
}
.contentdrop {
  /* padding: 0 30px 0 30px; */
  /* padding-bottom: 12px; */
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.4s ease;
}

.contentdrop.open {
  opacity: 1;
  transition: max-height 0.5s cubic-bezier(1, 0, 1, 0), opacity 0.4s ease;
}

.sub-contentdrop {
  padding: 0 0 25px 25px;
  text-align: left;
}

/* Arrow styling */
.arrowhome {
  width: 48px;
  height: 48px;
  transition: transform 0.3s ease;
}

.downjustdop {
  transform: rotate(0deg);
}

.upjustdop {
  transform: rotate(180deg);
}
.toggle-home-button{
  width: 100%;
  background-color: #FBFBFB;
  border: none;
  height: 80px;
  padding: 0 30px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  color: rgba(45, 54, 72, 1);
}

.container_drophome{
  text-align: center;
  width: 85%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
  border-radius: 16px;
  background-color: #FBFBFB;
  box-shadow: 4px 4px 12px 0px #93C1F440;
}
.fontdrophome_hd{
  font-size: 19px;
  font-weight: bold;
  font-style:normal;
  text-align: left;
}
.fontdrophome_des{
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.sub-content{
  padding-bottom: 10px;
}
.coversec_drophome{
  width: 100%; 
  padding: 3vw 0;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.seedetail{
  color : linear-gradient(90deg, #F9F9F9 0%, #F4FFCA 100%);;
}
.carousel-container{
 overflow: hidden;
  height: clamp(70px, 15vh, 140px);
  display: flex;
  align-items: center;
  max-width: 100%;
}

.image-wrapper{
  display:flex;
  width:max-content;
  animation: slidelopp 20s linear infinite;
  /* height: 10vh; */
  align-items: center;
}

@keyframes slidelopp{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

.image-wrapper img{
   width: auto;
  height: clamp(40px, 5vw, 80px);
  max-width: clamp(90px, 12vw, 180px);
  margin-right: clamp(40px, 6vw, 119px);
  object-fit: contain;
  flex-shrink: 0;
  /* box-shadow: 4px 4px 12px 0px #93C1F440; */
}



/* -------  */
.submenujust2026 a:hover{
color:#fff;
}

@media(max-width:900px){
.menu-row_menu_footer2026{
  flex-direction:column;
  gap:20px;
}
.menu-item_footer2026{
  border-left:none;
  border-top:1px solid rgba(255,255,255,0.3);
  padding-top:20px;
}
}
.menu-item_footer2026.active .arrowfooter{
transform:rotate(-135deg);
}

.submenujust2026{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease, margin-top .3s ease;
}

.menu-item_footer2026.active .submenujust2026{
  max-height:400px;
  margin-top:20px;
}

.submenujust2026 a{
  display:block;
  color:#cfcfcf;
  text-decoration:none;
  margin-bottom:14px;
  font-weight:400;
  transition:.2s;
}
.menu-item_footer2026{
  position:relative;
  padding:0 30px;
  border-left:1px solid rgba(255,255,255,0.3);
  color:#fff;
  /* min-width:180px; */
  width: 100%;
}

.menu-title_footer2026{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  font-weight:600;
  letter-spacing:.5px;
}

.arrowfooter{
  width:8px;
  height:8px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
  transition:.3s ease;
  margin-left:10px;
}
.mega-menu_footer2026{
  width: 100%;
}

.menu-row_menu_footer2026{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.bglonghome{
  max-width: 100%;
  height: 100%;
background-image: url(./img2026/shortbg2.webp);
background-repeat: no-repeat;
background-position: 65% 151px;
}
.coverbodyhome{
  padding: 0 2vw;;
  height: 41vh ;
  display: flex;
  justify-content: center;
  background-color:#fbfcf8;
  position: relative;
}
.subbodyhome{
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}
/* -----------state class------------------ */

/* -----------state class------------------ */
.img1_divleft{
  width: 100%;
  border-radius: 0 0 60px 60px;
  display: flex;
  /* background-image: url(./img2026/Artboard22.webp); */
  /* background-size: contain;
  background-repeat: no-repeat; */
  /* background-position: -434px 0; */
  /* background: #11111180; */
  /* background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url('./img2026/Artboard22.webp')-434px 0 / auto no-repeat;; */
  /* background: linear-gradient(0deg, #11111180, #11111180) 0 0 ; */
/* สีเทาที่เห็นในรูปประมาณนี้ */
/* background: 
 linear-gradient(0deg, rgba(100, 100, 100, 0.5), rgba(100, 100, 100, 0.5)),
  url('./img2026/resize/enterprisesolution_Head.webp') 52px  70px  / 45% no-repeat */
   background:
   url('./img2026/resize/enterprisesolution_Head.webp') 81px 120px / 43%    no-repeat,
    url('./img2026/Enterprise_solution_BG_3.webp') center center / cover no-repeat,

    /* Overlay สีเทา */
    linear-gradient(
      0deg,
      rgba(100, 100, 100, 0.5),
      rgba(100, 100, 100, 0.5)
    );
    transition: all 0.8s ease;
}
.sub1_img1_divleft{
  /* width: 50%; 
  padding-bottom: 70px;
  display: flex; 
  align-items: center;
  justify-content: end;
  flex-direction: column; 
  border-radius: 0 0 0 60px;
 transition: 2s; */
 width: 50%; 
 height: 100%;
display: flex;
/* transition: 2s; */
justify-content: center;
 /* background-position: -374px 0; */
 border-radius: 0 0 60px 60px; 
/* background-image: url(./img2026/Artboard1.webp); */
/* new  */
position: relative; overflow: hidden

 
}
/* ตอนกดเปิด Enterprise ฝั่งซ้าย */

.img1_divleft.enterprise-open {
  background:
  url('./img2026/resize/enterprisesolution_Head.webp') -70px 47px / 39% no-repeat,
  url('./img2026/Enterprise_solution_BG_home.webp') center center / cover no-repeat;
  transition: all 0.8s ease;
}

.sub1_img1_divright.enterprise-open {
   background:
    linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat,
    url('./img2026/Artboard1_1.webp') -240px 0 / 226% no-repeat;

}
.img1_divleft.fleet-open {
    background:
    url('./img2026/resize/enterprisesolution_Head.webp') -47px 70px / 35% no-repeat,
    url('./img2026/Enterprise_solution_BG_home.webp') center center / cover no-repeat;
    transition: all 0.8s ease;
}

.sub1_img1_divright.fleet-open {
    background:
     linear-gradient(0deg,#11111180,#11111180) 0 0 / contain no-repeat,
      url('./img2026/Artboard1_1.webp') -307px -77px / 127% no-repeat
}

.sub1_img1_divright.smallopen {
  background:
    linear-gradient(0deg,#11111180,#11111180) 0 0 / contain no-repeat,
    url('./img2026/Artboard1_1.webp') -303px -67px / 266% no-repeat;
}
/* -------------------------  */
.banner-gif-bg{
  position: absolute;
   object-fit: cover;
   width: 93%;
}
.banner-gif-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  /* background: rgba(17, 17, 17, 0.5);   */
  border-radius: 0 0 60px 60px;
  z-index: 1;
}
.sub2_img1_divleft{
  font-size: 40px; 
  margin-bottom: 30px; 
  text-align: center; 
  color: #FFFFFF; 
  font-weight: 600;
  
}
.sub3_img1_divleft{
  display: flex;
   width: 100%; 
   justify-content: center;
}
.sub4_img1_divleft{
  height: 48px;
   width: 160px; 
   margin-right: 20px;
    cursor: pointer;
  background: linear-gradient(90deg, #F9F9F9 0%, #F4FFCA 100%);
  display: flex; 
  font-size: 16px;
  align-items: center; 
  justify-content: center; 
  border-radius: 100px;
  font-weight: 500;
}
.sub5_img1_divleft{
  height: 48px; 
  width: 160px; 
  cursor: pointer;                     
  background: linear-gradient(270deg, #BAED00 0%, #EAF9B0 100%);
   display: flex; 
   font-size: 16px; 
   align-items: center;
   justify-content: center; 
   border-radius: 100px;
   font-weight: 500;
     transition: all 0.8s ease;
}
/* สถานะปกติของฝั่งขวา (Mobile Default) */
.img1_divright {
  width: 50%;
  height: 100%;
  border-radius: 60px;
  transition: width 0.8s ; 
  /* ปรับความเร็วตามต้องการ */
  /* ลองใหม่  */
  position: absolute; right: 0px; 
}

.sub1_img1_divright {
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.8s;
  justify-content: center;
  border-radius: 0 0 60px 60px;
  background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, 
              url('./img2026/Artboard1_1.webp') -374px 0 / auto no-repeat;
}

/* --- สถานะเมื่อถูกกดเปิด (Active) --- */
.img1_divright.is-open {
  width: 100%;
  height: 100%; 
  border-radius: 60px;
  flex-direction: column;
  display: flex;
}

.sub1_img1_divright.is-open {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* .img1_divright{
  width: 50%; border-radius: 0 0 60px 0;
} */
.img1_divright_hidereg{
   width: 0%;
   justify-content: center;
   align-items: center;
   position: relative;
}
.positions_reg{
  position: absolute;
  top: 50px;
  left: 0;
}
.sub1_img1_divright_1{
  width: 50%;
  padding-bottom: 70px;
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: column;
}
.sub1_img1_divright{
  width: 100%; 
  height: 100%;
 display: flex;
 /* transition: 2s; */
 justify-content: center;
  /* background-position: -374px 0; */
  border-radius: 0 0 60px 60px; 
 /* background-image: url(./img2026/Artboard1.webp); */
 /* background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url('./img2026/Artboard1.webp') -374px 0 / auto no-repeat;; */
 background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url('./img2026/Artboard1_1.webp') -240px -121px / 185% no-repeat;
}
.sub2_img1_divright{
  font-size: 40px;
   margin-bottom: 30px; 
   text-align: center; 
   color: #FFFFFF; 
   font-weight: 600;
}
.sub3_img1_divright{
  display: flex; 
  width: 100%; 
  justify-content: center;
}
.sub4_img1_divright{
  height: 48px; 
  width: 160px;
   margin-right: 20px; 
   cursor: pointer;
  background: linear-gradient(90deg, #F9F9F9 0%, #F4FFCA 100%);
  display: flex; 
  font-size: 16px; 
  align-items: center; 
  justify-content: center; 
  border-radius: 100px;
  font-weight: 500;
}
.sub5_img1_divright{
  height: 48px; 
  width: 160px; 
  cursor: pointer;
  background: linear-gradient(270deg, #BAED00 0%, #EAF9B0 100%);
  display: flex; 
  font-size: 16px; 
  align-items: center; 
  justify-content: center;
   border-radius: 100px;
   transition: 0.4s;
   font-weight: 500;
}
.covermidcontent{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.supmidcontent_01{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 40px;
  font-size: 22px; 
  font-weight: 400;
}
.supmidcontent_02{
  width: 100%; 
  font-size: 48px;
  font-weight: bold;
  display: flex; 
  justify-content: center; 
  margin-bottom: 40px;
  align-items: center;
}
.supmidcontent_02_img{
  width: 100%; 
  font-size: 48px;
  font-weight: bold;
  display: flex; 
  justify-content: center; 
  margin-bottom: 40px;
  align-items: center;
}
.cover_plaseMAXCONNECT{
  height: 50px;
  object-fit: contain;
}
.supmidcontent_03{
  width: 100%; font-size: 40px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;
}
.containergridcard{
  width: 100%; 
  display: flex; 
  margin:90px 0 ;
  justify-content: center;
  gap: 60px;
}
.sub_containergridcard{
  width: 369px; 
  border-radius: 24px;
  height: 492px;
  background: #d9d9d91c  ;
  box-shadow: 0px 8px 16px 0px #BAED0026;

}
.sub1_containergridcard{
  height: 50%;
   border-radius:24px 24px 0 0; 
    background: #595959;
    overflow: hidden;
}
.sub2_containergridcard{
  height: 50%; 
  padding: 20px;
      display: flex; 
      flex-direction: column;
      justify-content: center;
      text-align: center;
      align-items: center;
}
.sub3_containergridcard{
  font-size: 22px; 
  font-weight: 400;
  overflow: hidden;
  
}
.sub4_containergridcard{
  width: 150px; display: flex; 
  justify-content: center; 
  align-items: center; 
  height: 48px;
  margin-top: 20px;
  border-radius: 100px;
  background: linear-gradient(270deg, #BAED00 0%, #EAF9B0 100%);
  font-size: 16px;
  font-weight: 400;
}
.container_slidelogo{
  width: 100%; 
  display: flex; 
  height: 90px;
  font-size: 28px;
  font-weight: 600;
  justify-content: center;
}
/* --------- */
.covermodalreg_2026{
  display: block; 
  opacity: 0;   
  visibility: hidden; 
  transition: opacity 0.6s ease, transform 0.6s ease; /* กำหนดความเร็วที่นี่ */
  transform: translateY(20px); /* ให้เลื่อนลงมานิดหน่อยตอนซ่อน */
    width: calc(83% - 2% - 5%);
  /* height: 90%; */
  padding: 2% 5%;
  border-radius: 36px;
  border: 1px solid;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  
}
/* เพิ่ม transition ให้ทั้งสองฟอร์ม */
.covermodalreg_2026, 
.coverfrom2_regmaxleft {
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
    /* ยืนยันว่าตอนไม่ active ต้องซ่อนสนิท */
    opacity: 0;
    visibility: hidden;
    position: relative; /* หรือ absolute ตามโครงสร้างเดิม */
}

/* เมื่อ active ให้ค่อยๆ ปรากฏ */
.covermodalreg_2026.active, 
.coverfrom2_regmaxleft.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* เพิ่มให้ตัว container ที่หุ้มรูปค่อยๆ ขยาย */
.img1_divright_hidereg, 
.img1_divleft_hidereg {
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}
/* -------------------------  */
.box-center-mainmen_2026{
  display: flex; width: 100%;
  flex-direction: column; 
  align-items: center;
  margin-bottom: 10px;
  }
  .logo-imgpersent-with_2026{
    width: 90%;
  }
  .positionimg-pt_2026{
    height: 50px; 
    cursor: pointer; 
    position: absolute; 
    top: 0; 
    right: 0; 
}
.sizexit_2026{
  width: 38%;
  }
.p32-head_2026{
  color: #000000;
 font-size: var(--fs-sm);
  font-weight: 500;
  margin-bottom: 3px;
  
}
.sp16-des_2026{
 font-size: var(--fs-sm);
  font-weight: 500;
  margin-bottom: 3px;
}
.box-center-mainmen_2026{
    display: flex; width: 100%;
    flex-direction: column; 
    align-items: center;
    margin-bottom: 10px;
}
.box-alltext-meclogin_2026{
  display: flex;
  margin-bottom: 5px; 
  margin-top: 5px;
  flex-direction: column; 
  width: 100%;
}
.btu-greeenmodal_2026{
  display: flex;
  width: 100%;
  margin-top: 10px;
  height: 50px; 
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  color: #1E1E1E;
  font-size: 16px ;
  font-weight: 500 ;
  cursor: pointer;
  margin-bottom: 10px;
  background-color: rgba(186, 237, 0, 1);
  }
  .sp16-hinput2026{
    font-size: 16px;
    font-weight: 400;
    color: #1E1E1E;
 }
 .dotred16_2026{
  color: rgba(255, 59, 48, 1);
  font-size: 16px;
  margin-left:2px;
  }
/* .input-long-meclogin_2026{
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: white;
  } */

  .select-dropdownfon7_2026 {
    position: relative;
    color: #1E1E1E;
    background-color: white;
    width: auto;
    float: left;
    width: 100%;
    /* color: #1E1E1E !important; */
    height: 49px;
    margin-bottom: 5px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    select {
    font-family: "IBM Plex Sans Thai", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    max-width: 100%;
    height: 100%;
    color: #B3B3B3;
    -webkit-appearance: menulist-button;
    
    padding: 0px 23px 0 12px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    &:active,
    &:focus {
    outline: none;
    box-shadow: none;
    }
    }
    &:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 8px;
    width: 0; 
    /* color: #1E1E1E !important; */
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aaa;
    }
    }
.dropdown2_2026{
        display: flex;
        color: #B3B3B3;
        outline: unset;
        background: unset;
        outline: none;
        border: none;
        font-size: 16px ;
        font-weight: 400;
        width: 100%;
        height: 100%;
        border-radius: unset;
        font-family: "IBM Plex Sans Thai", sans-serif !important;
        
        
}
.fon7_2026 {
  display: block;
  /* margin: -17px -54px; */
  }
.wth49per_2026{
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.cltypr20-teext_2026{
  width: 20%;
  height:100%;
  display: flex;
  justify-content: end;
  align-items: center;
  border: unset;
  background-color: unset;
  }
  .box-flextext-meclogin_2026{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end;
    margin-bottom: 20px;
}
.box-formlef2Full_2026{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
    /* margin-bottom: 0.7vw; */
}
/* .wth99per-input_2026{
  width: 99%;
  height: 50px;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: white;
  } */
  input.sp14-input_2026 {
    color: rgba(117, 117, 117, 1);
    font-size: 20px;
    font-weight: 400;
  }

.box-center-checkbox_2026{
  display: flex; width: 100%;
  flex-direction: column; 
  margin-bottom: 5px;
}
.box-center-checkbox_2026_mecs{
  display: flex; 
  width: 100%;
  flex-direction: column; 
  margin-top: 20px;
}
.container-mec_2026 {
  display: block;
  position: relative;
  padding-left: 29px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container-mec_2026 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  }
  .checkmarkmec2026 {
    position: absolute;
    left: 0;
    top: 10px;
    height: 20px;
    width: 20px;
    border-radius: 5px;
    background-color: white;
    border: 1px solid rgba(117, 117, 117, 1);
    
    }
    
    .container-mec_2026:hover input ~ .checkmarkmec2026 {
      background-color: white;
      border-radius: 5px;
      border: 1px solid rgba(117, 117, 117, 1);
    }
    
    .container-mec_2026 input:checked ~ .checkmarkmec2026 {
      background-color: black;
      border-radius: 5px;
      border: 1px solid rgba(117, 117, 117, 1);
    }
    
    .checkmarkmec2026:after {
      content: "";
      position: absolute;
      display: none;
    }
    
    .container-mec_2026 input:checked ~ .checkmarkmec2026:after {
      display: block;
    }
    .container-mec_2026 .checkmarkmec2026:after {
      left: 7px;
      top: 1px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
 .wth99per-input_2026 .sp14-input_2026 input[type=text] {
      width: 99%;
      height: 100%;
      outline: none;
      border: none;
      color: #1E1E1E !important;
      padding: 0 10px;
      background-color: unset;
      font-size: 20px;
      font-weight: 400;
      font-family: "IBM Plex Sans Thai", sans-serif !important;
    }
   .cltypr80-teext_2026 input[type=tel]{
      width: 99%;
      height: 100%;
      outline: none;
      border: none;
      color: #1E1E1E !important;
      padding: 0 10px;
      background-color: unset;
      font-size: 16px ;
      font-weight: 400;
      font-family: "IBM Plex Sans Thai", sans-serif !important;
   }   
  input[type=password] {
    width: 99%;
    height: 100%;
    outline: none;
    border: none;
    color: #1E1E1E !important;
    padding: 0 10px;
    background-color: unset;
    font-size: 14px ;
    font-weight: 400;
    font-family: "IBM Plex Sans Thai", sans-serif !important;
  }
  .sp14-hinput_2026{
    font-size: var(--fs-xs);
    font-weight: 400;
    color: #1E1E1E;
}
.sp14-des-bl-undline_2026{
  color: #1E1E1E;
  font-weight: 400;
  text-decoration: underline;
    font-size: var(--fs-xs);
}
.sp16-des-bl_2026{
  color: #1E1E1E;
  font-size: 20px;
  font-weight: 400;
}
/* .wtd100txt-onlymanycar_2026{
  display: flex;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: white;
  
} */
.cltypr80-teext_2026{
  width: 75%;
  /* height: 50px; */
  border: unset;
  background-color: unset;
}
/* .wtd100txt-onlymanycar_2026{
  display: flex;
  height: 50px;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: white;
  
  } */
.btu-greeenmodal{
    display: flex;
    width: 100%;
    margin-top: 10px;
    height: 50px; 
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #1E1E1E;
    font-size: 16px ;
    font-weight: 500 ;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: rgba(186, 237, 0, 1);
}
.farmoflo-modal_2026{
  width: 219px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}

.sub1_img1_divleft_1{
  width: 50%;
  padding-bottom: 70px;
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: column;
}
/* .sub1_img1_divleft {
  height: 50vh;
  transition: all 2s ease;
}
.sub1_img1_divleft.mobile-open {
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-top: 10vw;
  margin-bottom: 10vw;
} */

/* ----------------- from 2*/
.img1_divleft_hidereg{
  width: 0%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.coverfrom2_regmaxleft{
  display: flex; 
  opacity: 0;   
  visibility: hidden; 
  transition: opacity 0.6s ease, transform 0.6s ease; /* กำหนดความเร็วที่นี่ */
  transform: translateY(20px); /* ให้เลื่อนลงมานิดหน่อยตอนซ่อน */
  width: calc(80% - 2%);
  height: calc(100% - 17%);
  padding: 2%;
  border-radius: 36px;
  border: 1px solid none;
  background-color: white;
  flex-direction: column;
}
.coverbl_sub1_img1_divright{
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28);
  border-radius: 60px;
}
.coverbl_sub1_img1_divright2{
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28);
      border-radius: 60px 0 0 60px;
}
.coverfrom2_regmaxleft.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* เลื่อนกลับมาตำแหน่งเดิม */
}
.box_rfrom2_regmaxleft{
  display: flex; width: 100%;
  flex-direction: column; 
  align-items: center;
  margin-bottom: 1vh;
  margin-top: 20px;
}
.sp16-des_bl_2026{
  color: black;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 3px;
}
.p48-head_2026 {
  color: #1E1E1E;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 3px;
}
.box-all100per_2026{
  display: flex;
  margin-bottom: 5px; 
  margin-top: 5px;
  flex-direction: column; 
  width: 100%;
}
.arrow_mcens {
  display: inline-block;
  transition: transform 0.3s ease;
  transform: rotate(0deg); /* Initial state (down) */
}

.arrow_mcens.rotated {
  transform: rotate(230deg); /* Rotated state (pointing right) */
}
.toggle-content_mecns{
  background-color: white;
  border: 1px solid #9D9D9D;
  border-top: none;
  margin-top: -25px; 
  padding: 20px;
  border-radius: 0 0 24px 24px;
}
.toggle-heading_mecns{
  height: 64px;
  border: 1px solid #9D9D9D;
  padding: 28px;
  display: flex;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  font-weight: 500;

}
.box-all100per_2026_toggle{
  display: flex;
  flex-direction: column; 
  width: 100%;
  position: relative;
  margin-top: 18px;
  margin-bottom: 20px;
}

.spanmcns_formleft2026{
  color: black;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  font-weight: bold;
}
.arrowform2_mecns{
  width:8px;
  height:8px;
  border-right:2px solid #0c0c0c;
  border-bottom:2px solid #0c0c0c;
  transform:rotate(45deg);
  transition:.3s ease;
  margin-left:10px;
}
.btu-greeenMcns_2026{
  display: flex;
  width: 100%;
  margin-top: 10px;
  height: 50px; 
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  color: #1E1E1E;
  font-size: 16px ;
  font-weight: 500 ;
  cursor: pointer;
  margin-bottom: 10px;
  background: linear-gradient(270deg, #BAED00 0%, #EAF9B0 100%);
}
/* .wth99per-input_2026_mcns{
  width: 99%;
  height: 50px;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: white;
  } */

.sp14-hinputm_2026{
  font-size: 16px;
  font-weight: 400;
  color: #1E1E1E;
}
.box-center-checkbox_2026_mces{
  display: flex; width: 100%;
  flex-direction: column; 
  margin-bottom: 5px;
}
.box-btu-green-cover_mfc{
  width: 100%;
  /* height: 50px; */
  cursor: pointer;
}

.coverdiv_selectbtumces {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px; /* ใช้ gap แทนการตั้ง margin ที่ตัวปุ่ม เพื่อความแม่นยำ */
  width: 100%;
}

.btn_selectmces2026 {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background-color: white;
  cursor: pointer;
  height: 45px; /* ปรับให้คงที่เล็กน้อย */
  border-radius: 100px;
  font-size: 16px;
  color: #2D3648;
  border: 1px solid rgba(45, 54, 72, 1);
  padding: 0 25px;
  transition: all 0.2s ease;
  margin-bottom: 10px;
}

/* ซ่อน Checkbox ตัวจริงแต่ให้คลุมพื้นที่ปุ่ม */
.btn_selectmces2026 input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
}

/* เมื่อ Checkbox ภายในถูกติ๊ก */
.btn_selectmces2026:has(input:checked) {
  background-color: #F5FCD9 !important;
  border: 1px solid #BAED00 !important;
}

/* การสลับไอคอน */
.btn_selectmces2026 .icon-miuns { display: none; }
.btn_selectmces2026 .icon-plus { display: inline-block; }

.btn_selectmces2026:has(input:checked) .icon-plus { display: none; }
.btn_selectmces2026:has(input:checked) .icon-miuns { 
    display: inline-block; 
    color: #2D3648; 
}

.btn_selectmces2026:hover {
  background-color: #f8f9fa;
  transform: translateY(-1px);
}

.btn_selectmces2026:active {
  transform: scale(0.95);
}
/* --------------------------------------------------------------- */
.setimg{
  object-fit: cover;
  width: 100%;
  border-radius: 24px  24px 0 0;
}
.truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limit the text to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Adds the ellipsis at the end */
}

/* modal  */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#myModaltest {
  position: fixed;
  inset: 0;
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
  overflow-y: auto;
  padding: 70px 24px 40px;
}
#myModaltest.active{
  opacity: 1;
  visibility: visible; 
}
.blockpage.active {
  opacity: 1;
  visibility: visible;
  z-index: 50;
}

#myModaltest {
  position: fixed;
  inset: 0;
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

#myModaltest.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal-content {
  position: relative;
  z-index: 61;
}
/* .center{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
} */
/* Modal Content */
/* .seemycontent{
  height: 90%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
} */
/* .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #222222 ;
  margin: auto;
  padding: 20px;
  border: none;
  width: 40%;
  z-index: 3;
  padding: 0  1vw;
  padding-top: 12px !important;
  height: 80% !important;
  border-radius: 24px !important;
  overflow-y: hidden;
  overflow-x: hidden !important;
} */

/* The Close Button */
.coverclose{
  position: absolute;
  top: 11%;
  left: 26%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  border-radius: 100%;
  background-color: white;
}
.close_modal {
  position: absolute;
  top: 16px;
  right: 20px;
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  color: #999;
  font-size: 34px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;

}

.close_modal:hover,
.close_modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.blockpage {
  opacity: 0;
  visibility: hidden; 
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  /* transition: visibility 0.3s linear 0.3s, opacity 0.3s; */
  }
  .blockpage.active{
    opacity: 1;
    visibility: visible; 
      z-index: 50;
  }
  .divspacebetweenmenu{
    height: 100px; width: 100%;
  }

  /* ตอนพิม  */
  .select-dropdownfon7_2026 {
    select {
        font-size: 16px; 
    }
 }
 /* ตอนพิม  */
  .sp14-input_2026.inp_phone {
  font-size: 20px ;
 }
input.sp14-input_2026{
  font-size: 20px ;
}
  
  /* select:not(.placeholder-shown) {
    color: black;
  } */
  button span{
    margin: 0 !important;
  }
  .emtyTogether{
    height: 90px;
  }
  /* #seemycontent span {
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
} */
.secmodal-maindiv-req0nly_2026 {
  display: block ; 
  width: 100%;
}


/* select dropdown start */
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerdop input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmarkdop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-radius: 100px;
}

/* .checkmarkdop:hover input ~ .checkmarkdop {
  background-color: #4c0909;
} */

.checkmarkdop input:checked ~ .checkmarkdop {
  z-index: 6;
  width: 100%;
  height: 100%;
}

.checkmarkdop:after {
  content: "";
  position: absolute;
  display: none;
}

.checkmarkdop input:checked ~ .checkmarkdop:after {
  display: block;
}


.checkmarkdop .checkmarkdop:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
/* select dropdown end */
.covercad_dotslide{
  display: flex;
  justify-content: center;
  width: 100%;
}
.fonthd_01{
  color: #ffffff; font-size: 4vw; font-weight: 600; margin-bottom: 20px;
}
.fontsub_01{
  color: #ffffff; font-size: 2vw; font-weight: 600;
}
.coverinput-duo{
  display: flex;
  width: 100%;
  gap: 19px;
}
.wth100per{
  width: 100%;
}
.close-banner-modal {
    position: absolute;
    top: 12px;
    left: -44px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    color: #232323;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    z-index: 20;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.right-modal-stage {
    position: relative;
    overflow: visible;
    display: flex;
    justify-content: center;
}

.close-banner-modal2 {
    position: absolute;
    top: 12px;
    left: 28px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    color: #232323;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.img1_divleft_hidereg,
.img1_divright_hidereg {
    position: relative;
}
.bglonghome,.cover_screeen,
.bd-page {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
    overflow: visible;
}
.coverwh_ty{
  position: relative;
  padding: 100px 0; 
  background-color: white;
}
  #etp-slt-2-mobile{
    display: none;
  }
  #etp-slt-2-web{
    display: block;
  }
  .flex{
    display: flex;
  }
 .onlintend{
    position: static !important;
  }
  .boxfb_footer{
   display: flex;
   color: white;
   align-items: center;
   justify-content: end;
  }
  .mobile_contevfoo{
      display: flex;
  }
  
/* nic end */
@media (min-height: 540px){
  .coverbodyhome-etpslt{
    height: 500px;
  }
}
@media (min-height: 700px) {
  #myModaltest .modal-content{
      overflow-y: scroll;
      overflow-x: hidden;
      scrollbar-width: thin; 
  }
  .modalWrapper-regMEC{
      max-height: 90vh !important;
      overflow-y: scroll;
      overflow-x: hidden;
      scrollbar-width: thin;              /* Firefox */
      scrollbar-color: transparent transparent;
  }
  .modalWrapper-regMEC::-webkit-scrollbar {
  width: 6px;
  }
  .modalWrapper-regMEC::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
  }
  .modalWrapper-regMEC:hover::-webkit-scrollbar-thumb,
  .modalWrapper-regMEC:hover {
    scrollbar-color: rgba(0,0,0,0.3) transparent; /* Firefox ตอน hover */
  }
  .modalWrapper-regMEC:hover::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3); /* Chrome/Safari ตอน hover */
  }
}
@media (max-width: 3840px){
  
    /* enterprice_solutions */
  .fonthd_01{
    font-size: 40px;
  }
  .fontsub_01{
    font-size: 20px;
  }
  .coverbodyhome-etpslt{
    height: 700px ;
  }
  /* modal  */
  .from-moredetail{
   width: 520px;
   height: 788px;
  }
  /* home2026 */
 .bglonghome{
  width: 100%;
    max-width: 1920px;
 }
 .coverbodyhome{
      padding: 0 1vw;
      height: 850px;
 }
 /* .farmoflo-modal_2026{
  margin-top: 50px;
 } */
  .coverimg_size {
    width: 76%;
  }
  /* gif  */
  .img1_divleft.enterprise-open {
    background: url(./img2026/resize/enterprisesolution_Head.webp) -14px 90px / 39% no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat;
    transition: all 0.8s ease;
}
}
@media (max-width: 2560px){
 
 /* .coverbodyhome-etpslt{
      height: 67vh;
  } */
  .sub1_img1_divright-etpslt{
    padding-bottom: 50px;
  }
  .sub1_img1_divleft-etpslt{
     padding-bottom: 50px;
  }
  .sub-txt-bodyhome-etpslt{
    font-size: 20px;
    font-weight: 600;
  }
  .coverimg_size{
   width: 68%;
   object-position: 10px 17px;
  }
}
@media (max-width: 2300px){
    .coverbodyhome-etpslt {
        height: 40vh;
    }
}
@media (max-width: 1920px){
    /* eve start */
    .coverbodyhome-etpslt {
        height: 650px;
    }
    .etp-slt-banner{
        margin-top: 70px;
        
    }
     .from-moredetail {
        width: 51%;
        height: 695px;
        padding: 24px;
    }
    .box_rfrom2_regmaxleft-etpslt{
    margin-bottom: 19px;
    margin-top: 0px;
    }
    .box-formlef2Full_etpslt{
      margin-bottom: 8px;
    }
   .box-all100per_2026_toggle{
    margin-top: 15px;
    margin-bottom: 14px;
   }
   .toggle-heading_sltetp{
    height: 51px;
    padding: 32px;
   }
   .spanmcns_formleft2026{
    margin-bottom: 0px;
   }
    /* eve end */
    /* gif */
    .img1_divleft.enterprise-open {
    background: url(./img2026/resize/enterprisesolution_Head.webp) 14px 125px / 36% no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat;
    }
    /* nice start */
    .divspacebetweenmenu{
      height: 50px;
    }
    .coverbodyhome{
      height: 800px ; 
    }
    .img1_divleft{
      width: 100%;
      /* height: 100%; */
    }
    .topfooter{
      height: 30vh;
    }
    .close_modal{
      font-size: 28px;
    }
    /* .modal-content{
      width: 80%;
    } */
    .coverclose {
      position: absolute;
      top: 11%;
      left: 6%;
    }
    /* .seemycontent{
      width: 100%;
    } */
    .emtyTogether{
      height: 90px;
    }
    .carousel-container{
      max-width: 1920px;
    }
    /* font size  */
    .p48-head_2026{
      font-size: 2.1vw;
    }
    .spanmcns_formleft2026{
      font-size: 1vw;
    }
    .box_rfrom2_regmaxleft{
      margin-bottom: 2vh;
    }
    .farmoflo-modal_2026 {
      margin-top: 0;
      width: 180px;
    }

    /* nic end */
   
}
@media (max-width: 1680px) {
     /* eve start */
        .coverbodyhome-etpslt {
           height: 38vh;
         }
      .covergit_1 {
          width: 55%;
      }
      /* eve end */

      /* nice start */
       /* from reg  */
       .sp16-des-bl_2026{
          font-size: 14px;
       }
       .coverbodyhome{
        height: 830px ; 
      }
      /* ซ้าย  */
     /* 70%  */
    .img1_divleft {
         background:
        url('./img2026/resize/enterprisesolution_Head.webp') 84px 150px / 43% no-repeat,
        url('./img2026/Enterprise_solution_BG_home.webp') center center / cover no-repeat;
      }
      /* 30%  */
      .img1_divleft.fleet-open {
          background: url(./img2026/resize/enterprisesolution_Head.webp) -47px 119px / 35% no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat;
      }
      .sub1_img1_divleft_1{
        width: 65%;
      }
      /* ขวา */
       .sub1_img1_divright{
        background:linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url('./img2026/Artboard1_1.webp') -240px -45px / 185% no-repeat;
      }
      /* nic end */
}
@media (max-width: 1440px) {
      .coverimg_size {
        width: 79%;
        object-position: 0px 1px;
        }
       /* eve start */
       .coverbodyhome-etpslt {
         height: 550px;
        }
        .covergit_1 {
           width: 57%;
        }
        .head-txt-bodyhome-etpslt{
          font-size: 30px;
        }
        .sub2_img1_divright-etpslt{
             font-size: 30px;
        }
        .sub-txt-bodyhome-etpslt{
          font-size: 16px;
        }
        .coverbodyhome {
         height: 700px;
        }
      /* eve end */
    /* nice start */
  .coverbodyhome {
      height: 730px;
  }
  /* form reg  */
  /* .p32-head_2026{
      font-size: 25px;
  } */
  /* .sp16-des_2026{
    font-size: 14px;
  } */
  .sp16-hinput2026{
   font-size: 14px;
  }
  /* .input-long-meclogin_2026{
   height: 40px;
  } */
  /* .wth99per-input_2026_mcns{
    height: 40px;
  } */
  /* .sp14-hinput_2026{
  font-size: 14px;
    } */

.select-dropdownfon7_2026 {
  select {
      font-size: 14px;
      /* color: green !important; */
  }
  height: 40px;
}
/* .wtd100txt-onlymanycar_2026{
  height: 40px;
} */
.sp16-des-bl_2026{
  font-size: 14px;
 }
 /* ::-webkit-input-placeholder,
 ::-moz-placeholder,
 ::-ms-placeholder,
 ::placeholder {
     color:red;
 } */


 /* check box  */
 .checkmarkmec2026{
  width: 18px;
  height: 18px;
 }
 /* ปุ่มเขียว  */
 .btu-greeenmodal_2026{
  height: 40px;
 }
 .btu-greeenMcns_2026{
  height: 40px;
 }
 /* form 2  */
 .toggle-heading_mecns{
  /* height: 78px; */
  font-size: 16px;
 }
 .btn_selectmces2026{
  gap: 0;
  font-size: 14px;
 }
 .btn_selectmces2026 i{
  padding-right: 8px;
  font-size: 18px;
 }
 /* card  */
 .sub_containergridcard {
  width: 320px;
  height: 442px;
 }
 .sub3_containergridcard{
  font-size: 16px;
 }

 /* logo slide  */
 /* .image-wrapper img {
  width: 127px;
  height: 66px;
 } */
   /* nic end */
}
@media (max-width: 1366px){
   
      /* eve start */
      .from-moredetail{
        height: 665px;
        padding: 24px;
      }
      .close-banner-modal2{
        left: 12px;
      }
      /* eve end */

    /* nice start */
    .coverbodyhome{
      height: 745px ; 
    }
    .sub3_containergridcard{
    font-size: 16px;
    }
    /* .seemycontent{
     height: fit-content;
    } */
   /* #seemycontent span{
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
   } */
   .box_rfrom2_regmaxleft{
    margin-bottom: 10px;
   }
   .topfooter{
    height: 38vh;
  }
   /* form  */
   .p48-head_2026{
    font-size: 25px;
   }
   .spanmcns_formleft2026{
    font-size: 16px;
 
   }
   /* .input-long-meclogin_2026{
    height: 40px;
   } */
   .select-dropdownfon7_2026{
    height: 40px;
   }
   /* .wtd100txt-onlymanycar_2026{
    height: 40px;
   } */
   /* .wth99per-input_2026_mcns{
    height: 40px;
   } */
   .sp16-des-bl_2026{
    font-size: 14px;
   }
   /* .sp16-des_2026{
    font-size: 14px;
   } */
   /* .p32-head_2026{
    font-size: 25px;
   } */
   .sp16-hinput2026{
    font-size: 14px;
   }
   .sp14-hinput_2026{
    font-size: 14px;
   }
   .select-dropdownfon7_2026 {
    select {
        font-size: 14px;
    }
  }
    .sub1_img1_divleft_1 {
        width: 55%;
    }

    /* nic end */
}

@media (max-width: 1280px){
  /* .sub2_img1_divright{
    color: red;
  } */
    .covergit_1 {
        width: 67%;
    }
    /* eve start */
    .slt-6box-row{
        width: 100%;
        overflow: visible;
        padding-top: 22px;
    }
   .scroll-section2 {
        display: flex;
        gap: 10px;                  
        /* overflow-x: auto;              */
        /* overflow-y: visible;  */
        /* เปลี่ยนจาก hidden เป็น visible เพื่อยอมให้ไอคอนลอยขึ้นไปได้ */
        scroll-behavior: smooth;
        padding-bottom: 10px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .scroll-section2::-webkit-scrollbar {
        display: none;
    }
  
    .slt-6box {
        flex: 0 0 210px;              
    
    }
    .slt3-boxgif{
        width: 400px;
        height: 400px;
    }
    .from-moredetail{
       height: 627px;
        padding: 18px;
    }
    
    /* eve end */

    /* nice start */
    .divspacebetweenmenu{
      height: 70px;
    }
    .sub2_img1_divright{
      font-size: 35px;
    }
    .sub2_img1_divleft{
      font-size: 35px;
    }
    .coverbodyhome{
      height: 600px;
    }
  

      /* ตอนพิม  */
      .select-dropdownfon7_2026 {
        select {
            font-size: 14px; 
        }
     }
     /* ตอนพิม  */
      .sp14-input_2026.inp_phone.sp16-des-bl_2026.sp16-hinput2026 {
      font-size: 14px !important;

     }
    input.sp14-input_2026{
      font-size: 14px  !important;
    }
    /* .input-long-meclogin_2026 {
      height: 40px;
    } */
    .sp14-hinput_2026{
      font-size: 12px;
    }
  
    /* head */
    .p48-head_2026{
      font-size: 26px;
    }
    .sp16-hinput2026{
      font-size: 14px;
    }
    /* .sp16-des_2026 {
      font-size: 14px;
    } */
    /* .p32-head_2026{
      font-size: 26px;
    } */
    .sp16-des-bl_2026{
      font-size: 14px;
    }
    .spanmcns_formleft2026{
      font-size: 14px;
      font-weight: 500;
    }
    /* box div  */
    .select-dropdownfon7_2026{
      height: 35px;
    }
    /* .wtd100txt-onlymanycar_2026{
      height: 35px;
    } */
    /* .wth99per-input_2026_mcns{
      height: 35px;
    } */
    .img1_divright_hidereg{
      overflow-y: scroll;
    }
    /* ปุ่ท */
  .sub5_img1_divright{
      height: 40px;
      font-size: 14px;
    width: 130px;
    }
    .sub4_img1_divright{
      height: 40px;
      font-size: 14px;
      width: 130px;
    }
    .sub5_img1_divleft{
      height: 40px;
      width: 130px;
      font-size: 14px;
    }
    .sub4_img1_divleft{
      height: 40px;
      width: 130px;
      font-size: 14px;
    }
    .btu-greeenmodal_2026{
      height: 40px;
      font-size: 14px;
    }
    /* card  */
    .sub4_containergridcard{
      font-size: 16px;
    }
    /* .covermodalreg_2026.active{
      padding-top: 170px;
    } */
    /* check box  */
    .checkmarkmec2026 {
      position: absolute;
      left: 0;
      top: 10px;
      height: 18px;
      width: 18px;
    }
    .container-mec_2026 .checkmarkmec2026:after {
      left: 6px;
      top: 1px;
  }
  /* .box-btu-green-cover_mfc {
    height: 70px;
  } */
  .toggle-heading_mecns{
    /* height: 80px; */
    font-size: 14px !important;

  }
  .box-formlef2Full_2026{
    margin-bottom: 10px;
  }
  .box_rfrom2_regmaxleft{
    margin-bottom: 0;
  }
  .btu-greeenMcns_2026{
    height: 40px;
    font-size: 14px;
  }
  .btn_selectmces2026{
    height: 45px;
    font-size: 14px;
  }
  .btn_selectmces2026 i{
    font-size: 18px;
  }
  button span{
    margin: 0 !important;
  }
 /* sec2  */
 .supmidcontent_02{
  font-size: 40px;
 }
 .supmidcontent_03{
  font-size: 30px;
 }
 .container_slidelogo{
  font-size: 24px;
 }
 /* card  */
 .sub_containergridcard {
  width: 329px;
  height: 426px;
}
  .close-modal-askmore {
    width: 35px;
    height: 35px;
}
.img1_divleft {
        background: url(./img2026/resize/enterprisesolution_Head.webp) 49px 76px / 42% no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat;
 }
 .sub1_img1_divright {
        background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url(./img2026/Artboard1_1.webp) -142px -45px / 166% no-repeat;
  }
    /* nic end */


}

@media (max-width: 1100px){


  /* headtext  */
  .fonthd_01{
    font-size: var( --fs-5xl);
  }
  .slt-6box-headtxt{
   font-size: var(--fs-lg);
  }
  .section2-text-head{
    font-size: var(--fs-lg);
  }
  .section5-txt-head{
     font-size: var(--fs-lg);
  }
  .slt2-txt-1{
    font-size: var(--fs-md);
  }
  .slt2-discription{
    font-size: var(--fs-sm);
  }
  .etp-picicon{
    width: 120px;
    height: 120px;
  }
  .covercenter{
    gap: 50px;
  }
    #etp-slt-2{
    padding: 100px 0;
  }
  .coverimg_size {
      object-position: 7px -1px;
      width: 78%;
  }
    /* eve start */
    .slt3-boxgif{
        width: 300px;
        height: 300px;
    }
    
    /* .etpslt-gif{
   
            transform: scale(1.0);
          } */
          
    .slt3-boxcontent-right{
        padding-right:50px
    }
    .slt3-boxcontent-left{
        padding-left: 50px;
    }
    .slt2-div-box{
        width: 100%;
        overflow: hidden;
    }
    .scroll-div-box{
    display: flex;
    gap: 30px;                  
    overflow-x: auto;             
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-bottom: 10px;
    padding: 0 50px;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
    }
    /* .scroll-div-box::-webkit-scrollbar {
        display: none;
    } */
    .etp-scroll-menu{
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .etp-scroll-menu::-webkit-scrollbar {
        display: none;
    }
 
    .slt2-box{
        flex: 0 0 300px;   
    }
    .etp-slt-btnmenu{
        flex: 0 0 210px;     

  }
    .coverbodyhome-etpslt {
        height: 500px;
    }
    /* eve end */

    /* nice start */
  
    /* nic end */

}

@media (max-width: 1024px){

  .covercenter{
    gap: 60px;
  }
  .close-modal-askmore {
      left: -33px;
      position: absolute;
      top: -21px;
  }
    /* eve start */
  .coverbodyhome-etpslt {
     height: 500px;
  }
  .etp-scroll-menu{
    display: none;
  }
  .bottomfoterr_sup1{
    width: 100%;
  }
  .covermodalreg_2026{
    height: 500px;
  }
  .close-banner-modal{
     width: 29px;
    height: 29px;
    left: -35px;
  }
  .close-banner-modal2{
      width: 29px;
    height: 29px;
  }
    /* .bd-page {
        width: 100%;
        max-width: 1024px;  
        height: 100vh;
        overflow-x: scroll;
      } */
      .section4-txt-head {
        font-size: 33px;
      }

  /* ขวา  */
  /* 70% */
  .sub1_img1_divright{
    background: linear-gradient(0deg, #11111180, #11111180) 0 0 / contain no-repeat, url('./img2026/Artboard1_1.webp') -175px -66px / 185% no-repeat;
  }
   /* ซ้าย  */
   /* 70%  */
  .image-wrapper img {
    width: auto;
    height: clamp(66px, 11vw, 95px);
    max-width: clamp(93px, 15vw, 181px);
  }
    /* .img1_divleft {
        background: url(./img2026/resize/enterprisesolution_Head.webp) 79px 150px / 35% no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat;
    } */
    /* eve end */

    /* nice start */
 
    /* .covermodalreg_2026{
      width: 97%;
    } */
    .sub4_containergridcard{
      font-size: 14px;
      height: 40px;
    }
    .farmoflo-modal_2026 {
      width: 160px;
    }  
    /* font  */
    .sub2_img1_divleft {
      font-size: 28px;
  }
  .sub2_img1_divright{
    font-size: 28px;
  }
  .supmidcontent_02{
    margin-bottom: 20px;
  }
  .supmidcontent_01{
    margin-bottom: 30px;
  }
  /* card  */
  .sub_containergridcard{
    width: 269px;
    border-radius: 24px;
    height: 362px;
  }
  .truncate-text{
    font-size: 16px;
  }
  /* web start  */
  .onlintend{
    position: static !important;
  }

  /* web start  */

    /* nic end */
 
}

@media (max-width: 970px) {


.cover_plaseMAXCONNECT{
  height: 38px;
}
  .floating-ask {
    display: none;
        position: fixed;
        bottom: 46px;
        right: 8px;
        z-index: 5;
        height: 95px;
        transition: bottom 0.2s ease;
    }
  /* =========================
     HOME BANNER MOBILE RESET
     ========================= */

  .divspacebetweenmenu {
    height: 70px !important;
  }

  .coverbodyhome {
    height: auto !important;
    min-height: unset !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    background: #8e8e8e !important;
    overflow: visible !important;
    padding: 0;
    border-radius: 60px;
  }

.img1_divleft,
.img1_divright {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  display: block !important;
  border-radius: 42px !important;
  overflow: visible !important;
}

  /* =========================
     ENTERPRISE CARD
     ========================= */

  .img1_divleft,
  .img1_divleft.fleet-open,
  .img1_divleft.enterprise-open {
    border-radius: 0 0 42px 42px !important;
    background:
      linear-gradient(0deg, rgba(120,120,120,.55), rgba(120,120,120,.55)),
      url('./img2026/resize/enterprisesolution_Head.webp') center 36px / 56% auto no-repeat,
      url('./img2026/Enterprise_solution_BG_home.webp') center center / cover no-repeat !important;
  }

  .sub1_img1_divleft {
    width: 100% !important;
    height: auto !important;
    /* min-height: 365px !important; */
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-direction: column !important;
    padding-bottom: 38px !important;
    box-sizing: border-box !important;
    border-radius: 0 0 42px 42px !important;
    overflow: hidden !important;
  }

  .sub1_img1_divleft_1 {
    width: 100% !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
    height: 400px;
  }

  /* =========================
     FLEET CARD
     ========================= */

  .img1_divright,
  .img1_divright.is-open {
    margin-top: 0 !important;
    background: #0b0b0b !important;
    border-radius: 42px !important;
  }

  .coverbl_sub1_img1_divright {
    width: 100% !important;
    height: 100% !important;
    min-height: 365px !important;
    border-radius: 42px !important;
    background: #0b0b0b !important;
    overflow: hidden !important;
  }

  .sub1_img1_divright,
  .sub1_img1_divright.is-open,
  .sub1_img1_divright.enterprise-open,
  .sub1_img1_divright.smallopen {
    width: 100% !important;
    height: auto !important;
    min-height: 470px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-direction: column !important;
    padding-bottom: 38px !important;
    box-sizing: border-box !important;
    border-radius: 42px !important;
    overflow: hidden !important;
    background:
      linear-gradient(0deg, rgba(0,0,0,.50), rgba(0,0,0,.50)),
      url('./img2026/Artboard1_1.webp') center 43px / 112% auto no-repeat !important;
  }

  .sub1_img1_divright_1 {
    width: 100% !important;
    height: 400px;
    padding-bottom: 30px ;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
  }

  /* =========================
     TEXT + BUTTON
     ========================= */

  .sub2_img1_divleft,
  .sub2_img1_divright {
    font-size: 25px !important;
    line-height: 1.2 !important;
    margin-bottom: 22px !important;
    text-align: center !important;
    color: #fff !important;
    font-weight: 700 !important;
  }

  .sub3_img1_divleft,
  .sub3_img1_divright {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
  }

  .sub4_img1_divleft,
  .sub5_img1_divleft,
  .sub4_img1_divright,
  .sub5_img1_divright {
    width: 118px !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 100px !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* =========================
     FORM SLIDE DOWN
     ========================= */

  .img1_divleft_hidereg,
  .img1_divright_hidereg {
    width: 100% !important;
    height: auto !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    transform: translateY(-14px) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transition:
      max-height .65s ease,
      opacity .4s ease,
      transform .45s ease,
      padding .45s ease !important;
  }

.img1_divleft_hidereg,
.img1_divright_hidereg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 5 !important;
  transform: translateY(-10px) !important;
  transition: max-height .65s ease, opacity .4s ease, transform .45s ease !important;
}

.img1_divleft_hidereg.active,
.img1_divright_hidereg.active {
  max-height: 1600px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  padding: 28px 30px 18px !important;
}
  .right-modal-stage {
    width: 100% !important;
    display: block !important;
  }

  .covermodalreg_2026,
  .coverfrom2_regmaxleft {
    width: 100% ;
    height: auto !important;
    max-height: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(12px) !important;
    border-radius: 30px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    overflow: visible !important;
  }

  .covermodalreg_2026.active,
  .coverfrom2_regmaxleft.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .covermodalreg_2026 {
    padding: 18px !important;
  }

  .coverfrom2_regmaxleft {
    padding: 22px 18px !important;
  }

  .secmodal-maindiv-req0nly_2026 {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }

  .mecns_scroll_div {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  /* =========================
     FORM INPUT MOBILE
     ========================= */

  .coverinput-duo,
  .box-flextext-meclogin_2026,
  .box-formlef2Full_2026 {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-bottom: 0 !important;
  }

  .box-alltext-meclogin_2026,
  .wth49per_2026,
  .wth100per,
  .box-all100per_2026 {
    width: 100% !important;
  }

  .input-box-main,
  .select-dropdownfon7_2026 {
    height: 42px !important;
    margin-bottom: 10px !important;
  }

  .farmoflo-modal_2026 {
    width: 130px !important;
    height: auto !important;
    margin: 8px auto 4px !important;
  }

  .logo-imgpersent-with_2026 {
    width: 100% !important;
  }

  .p32-head_2026 {
    font-size: 24px !important;
    margin: 4px 0 !important;
  }

  /* .sp16-des_2026,
  .spanmcns_formleft2026 {
    font-size: 12px !important;
    text-align: center !important;
  } */

  .sp14-hinput_2026,
  .sp14-des-bl-undline_2026 {
    font-size: var(  --fs-xs);
    line-height: 1.35 !important;
  }

  .box-center-checkbox_2026,
  .box-center-checkbox_2026_mecs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .btu-greeenmodal_2026,
  .btu-greeenMcns_2026 {
    height: 42px !important;
    font-size: 13px !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  .close-banner-modal,
  .close-banner-modal2 {
    display: none !important;
  }
  .sub1_img1_divleft,
.sub1_img1_divright {
  position: relative !important;
  z-index: 1 !important;
}

.covermodalreg_2026,
.coverfrom2_regmaxleft {
  position: relative !important;
  z-index: 10 !important;
}

.covertexte_1web {
    margin-top: -70px;
    margin-bottom: 10px;
    text-align: center;
}
.covergit_1 {
    margin-bottom: 96px;
}
/* --------- กลับมา2 */
 .etp-slt-banner {
      padding: 0;
      margin-top: 0;
     background-color: #fff;
  }
 .slt-6box-row {
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 35px 14px 22px;
    border-radius: 81px;
    scroll-snap-align: start;
    margin-top: 10px;
  }

  .scroll-section2 {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns:calc(45% - 10px);
    gap: 10px;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    padding: 45px 28px 30px !important;
    box-sizing: border-box;
    scrollbar-width: none;
  }

  .scroll-section2::-webkit-scrollbar {
    display: none;
  }

  .slt-6box {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 35px 14px 22px;
    border-radius: 100px;
    scroll-snap-align: start;
  }

  .icon-slt-6box {
    width: 180px;
    height: 180px;
    top: -34px;
  }

  .slt-6box-headtxt {
    font-size: clamp(18px, 4vw, 34px);
    line-height: 1.15;
    margin-top: 128px;
    margin-bottom: 14px;
  }

  .slt-6box-txt {
    font-size: clamp(30px, 6vw, 54px);
    line-height: 1.1;
  }

  .ecosystem-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
  }

  .eco-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #D9D9D9;
    transition: .3s;
  }

  .eco-dot.active {
    background: #BAED00;
  }

  .carousel-container {
    height: auto;
    margin: 43px 0;
  }

  .image-wrapper img {
    height: clamp(40px, 16vw, 180px);
    max-width: clamp(100px, 16vw, 180px);
  }

  .scroll-div-box {
    padding: 0;
  }
  .containergridcard{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
     #etp-slt-2-web {
    padding: 80px 0;
  }
    #etp-slt-2-web{
    display: none;
  }
    #etp-slt-2-mobile{
    display: block;
  }
    .slt3-txt-headcontent {
    text-align: center;
    margin-top: 50px;
    padding: 0 20px;
     font-size: var(--m-fs-lg);
  }
    /* .slt3-txt-disc,
  .section4-txt-txt,
  .fontdrophome_des {
    font-size: var(--m-fs-sm);
  } */
    :root {
    --m-fs-xs: clamp(12px, 2.8vw, 14px);
    --m-fs-sm: clamp(15px, 3.2vw, 16px);
    --m-fs-md: clamp(16px, 3.8vw, 20px);
    --m-fs-lg: clamp(22px, 5vw, 32px);
    --m-fs-xl: clamp(28px, 6vw, 48px);
    --m-fs-xxl: clamp(32px, 7vw, 64px);
  }

  .section2-text-head,
  .section5-txt-head,
  .section4-txt-head,
  .slt7-head {
    font-size: var(--m-fs-lg);
  }

  .txt-head-section2,
  .slt3-txt-head {
    font-size: var(--m-fs-xl);
  }

  .slt3-txt-headcontent {
    font-size: var(--m-fs-lg);
  }

  .slt3-txt-disc,
  .section4-txt-txt,
  .fontdrophome_des {
    font-size: var(--m-fs-sm);
  }

  .fontdrophome_hd,
  .sp16-hinput-etpslt,
  .btn_selectsltetp {
    font-size: var(--m-fs-md);
  }

  .p48-head_2026 {
    font-size: var(--m-fs-xl);
  }

  .spanmcns_formleft2026,
  .sp14-hinput_2026,
  .sp14-des-bl-undline_2026 {
    font-size: var(--m-fs-xs);
  }
  .text_selectplush{
    font-size: var(--fs-input);
  }

  .cover_screeen {
    width: 100%;
    max-width: 100%;
  }

  .mobile-break {
    display: inline;
  }
    .coverbodyhome-etpslt {
    height: auto !important;
    display: block;
    background: transparent;
    border-radius: 0;
    padding: 0 16px;
    box-sizing: border-box;
    background: #f9fbf3;
  }
    .mobile-3boxgig {
    width: 100%;
    /* background: rgba(129, 130, 131); */
    background: #525152;
    border-radius: 60px;
  }
    .coverbodyhome-etpslt .img1_divleft-etpslt {
    width: 100%;
    height: auto !important;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
  }
    .coverbodyhome-etpslt .sub1_img1_divleft-etpslt {
    position: relative;
    width: 100%;
    height: clamp(350px, 72vw, 560px);
    padding: clamp(56px, 8vw, 76px) 18px clamp(42px, 7vw, 68px) !important;
    border-radius: 60px 60px 0 0;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end !important;

    /* background: rgba(100, 100, 100, 0.55); */
    overflow: hidden;
  }
  .coverbodyhome-etpslt .coverimg_size {
  width: clamp(330px, 85vw, 680px) ;
  max-width: none !important;
  height: auto !important;
  position: relative !important;
  z-index: 1;
  object-fit: contain !important;
  object-position: center !important;
  /* margin: 0 auto -193px auto ; */
  margin: 0 auto -124px auto;
  opacity: 0.55;
  display: block;
}
.coverbodyhome-etpslt .head-txt-bodyhome-etpslt {
  position: relative;
  z-index: 2;

  font-size: clamp(30px, 6vw, 44px);
  line-height: 1.15;
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 3vw, 28px);
  padding: 0 12px;

  text-align: center;
  color: #fff;
  font-weight: 600;
}
 .coverbodyhome-etpslt .sub-txt-bodyhome-etpslt {
    display: none;
  }
  .coverbodyhome-etpslt .sub4_img1_divright-etpslt {
    width: clamp(150px, 28vw, 190px);
    height: clamp(46px, 8vw, 56px);
    margin-right: 0;
    font-size: clamp(16px, 3vw, 20px);
    flex: 0 0 auto;
  }
    .coverbodyhome-etpslt .img1_divright {
    width: 100%;
    height: clamp(470px, 82vw, 620px);
    border-radius: 60px;
    background: #000;
    overflow: hidden;
  }
    .coverbodyhome-etpslt .coverbl_sub1_img1_divright2 {
    width: 100%;
    height: 100%;
    border-radius: 0 0 60px 60px;
    overflow: hidden;
  }

  .coverbodyhome-etpslt .sub1_img1_divright-etpslt {
    width: 100%;
    height: 100%;
    padding: 0 18px clamp(54px, 9vw, 80px);
    border-radius: 0 0 60px 60px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

    background:
      linear-gradient(0deg, rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)),
      url('./img2026/aw-etp-slt-ezg.webp') center center / cover no-repeat;
  }
    .coverbodyhome-etpslt .sub2_img1_divright-etpslt {
    font-size: clamp(30px, 6vw, 44px);
    line-height: 1.15;
    margin-bottom: clamp(18px, 3vw, 28px);
    text-align: center;
    color: #fff;
    font-weight: 600;
  }
    .supmidcontent_03 {
    text-align: center;
    font-size: var(--m-fs-lg);
  }
    .slt3-sizeicon {
    width: 50px;
    height: 50px;
  }
    .section4-txt-head {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }
   .section4-etpslt,
  .slt3-section1 {
    flex-direction: column;
  }
    .section4-pic {
    width: 100%;
  }
    .section4-txt-txt {
    padding: 0 10px;
    margin-top: 10px;
  }

  .section5-txt-head,
  .slt7-head,
  .section2-text-head {
    padding: 0 20px;
    text-align: center;
  }
    .mobile-break {
    display: inline;
  }
  .mobile_contevfoo{
 display: flex;
 flex-direction: column;

  }
    .slt3-section2 {
    flex-direction: column-reverse;
  }
    .slt3-boxcontent-left,
  .slt3-boxcontent-right {
    padding: 0;
  }

  .from-moredetail {
    width: 70%;
    height: 700px;
    padding: 18px;
  }
    .box-formlef2Full_etpslt {
    margin-bottom: 0;
  }
    .close-modal-askmore {
    width: 30px;
    height: 30px;
    left: -25px;
  }
    .coverbanner_enterp {
    height: clamp(520px, 135vw, 760px);
    min-height: 520px;
    border-radius: 0 0 60px 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    align-items: center;

    background-image:

      linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.45)),

      url('./img2026/Enterprise_solution_BG_2.webp');

    background-size: cover;

    background-position: center top;

    background-repeat: no-repeat;

    padding: 0 20px 42px;

    box-sizing: border-box;
  }
  .slt3-content {
    margin-top: 20px;
    padding: 0 20px;
  }
   .txt-head-section2{
    margin: 5px;
   }
/* ---------กลับมา2  */
.boxfb_footer {
  margin-top: 30px;
}
.bottomfoterr_sup6{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 10px;
}
.boximg21{
  width: 25px;
  height: 25px;
  margin-right: 4px;
}
.bottomfoterr{
  margin-bottom: 10px;
}
.width_fotter_lef{
  width: 100%;
}
.width_fotter_right{
  width: 100%;
}
  .bottomfoterr_sup1 {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }
  .boxfb_footer{
    padding-left: 10px;
    justify-content: flex-start;
  }
/* enterp  */
.onlintend{
  height: 470px !important
}
.onlintend2{
 border-radius: 60px !important;
}
.section6-pic {
  padding: 0 15px;
  width: unset;
  height: unset;
}
  .covergit_1 {
    width: 77%;
}
/* enter p */
}

@media (max-width: 767px){
    /* .section2-text-head{
      background-color: yellow;
    } */
     .scroll-section2{
      grid-auto-columns: calc(53% - 10px);
     }
      .slt-6box-headtxt {
       margin-top: 60px;
      }
    /* eve start */
   .coverbodyhome-etpslt .sub1_img1_divleft-etpslt {
    height: clamp(350px, 78vw, 574px);
   }
    .coverimg_size{
      object-position:7px 160px;
      margin-bottom: -38px;
    }
    .sub1_img1_divleft-etpslt {
    height: 650px;
    }
    .coverbodyhome-etpslt .coverimg_size {
        margin: 0 0 -44px 0 ;

    }
     .icon-slt-6box {
    width: 120px;
    height: 120px;

    }
    .slt-6box {
        width: 100%;
        border-radius: 79px;

        /* height: 295px; */
    }
    .from-moredetail {
    width: 80%;
    } 
    .covergit_1 {
        width: 90%;
    }
    /* eve end */
    .coverbodyhome-etpslt .sub1_img1_divleft-etpslt{
      height: clamp(355px, 80vw, 610px);
    }
    /* nice start */
    /* .sub2_img1_divleft{
      color: rgb(232, 139, 193);
    } */
    .sub1_img1_divright{
      background: linear-gradient(0deg, rgba(0, 0, 0, .50), rgba(0, 0, 0, .50)), url(./img2026/Artboard1_1.webp) center -26px / 121% auto no-repeat !important;
    }
  
    /* nic end */

}

/* @media (max-height: 553px){

  
    .slt3-boxgif {
        height: 300px;
        width: 300px;
    }
      .sub1_img1_divleft-etpslt {
        height: 447px;
    }
      .coverbodyhome-etpslt .coverimg_size {
        margin: 0 0 -92px 0 ;
        width: clamp(330px, 98vw, 584px) ;
    }
     .covergit_1 {
        width: 100%;
        margin-bottom: 80px;
    }
  
} */

@media (max-width: 520px){
   /* .section2-text-head{
      background-color: rgb(80, 177, 190);
    } */
     .scroll-section2 {
        grid-auto-columns: calc(60% - 10px);
    }
    .slt-6box-headtxt {
        margin-top: 30px;
    }
    /* eve start */
    .arrowhome {
        width: 28px;
        height: 28px;
    }
    /* .slt3-txt-disc {
        font-size: 16px;
    } */
    .btn_selectsltetp{
        font-size: 12px;
        height: 48px;
    }
    .btn_selectsltetp i{
        font-size: 18px;
    }
    .toggle-heading_sltetp{
        font-size: 14px;
        padding: 9px;
    }
    .toggle-home-button{
        padding: 0 14px;
       }
    .head-txt-bodyhome-etpslt{
        font-size: 7.5vw;
    }
    .sub2_img1_divright-etpslt{
        font-size: 7.5vw;
    }
    
    .fontdrophome_hd, .sp16-hinput-etpslt, .btn_selectsltetp {
        font-size: var(--m-fs-sm);
    }
    .sub-contentdrop {
       padding: 0 0 21px 15px;
    }
    .bottomfoterr_sup5{
            font-size: var(--m-fs-sm);
    }
    .bottomfoterr_sup6{
        font-size: var(--m-fs-sm);
    }
    .bottomfoterr_sup5.bottomfoterr_sup6{
   font-size: var(--m-fs-sm);
    }
    /* eve end */

    /* nice start */
    /* .sub2_img1_divleft{
      color: rgb(21, 185, 141);
    } */
    /* banner  */
    .sub1_img1_divleft_1{
      width: 100%;
      height: 380px;
    }
    .img1_divleft, .img1_divleft.fleet-open, .img1_divleft.enterprise-open {
        border-radius: 0 0 42px 42px !important;
        background: linear-gradient(0deg, rgba(120, 120, 120, .55), rgba(120, 120, 120, .55)), url(./img2026/resize/enterprisesolution_Head.webp) center 36px / 76% auto no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat !important;
    }


    .sub1_img1_divleft.is-open{
      height: 100%;
    }
    /* form  */
    .covermodalreg_2026.active{
      width: 95%;
    }
    .coverfrom2_regmaxleft.active{
      width: 95%;
    }
    .covermodalreg_2026{
      padding: 2% 4%;
    }
    /* font-size  */
    /* .sp16-des_2026{
      font-size: 3.6vw ;
    } */
    .sp16-hinput2026{
      font-size: 3.5vw; 
    }
  
    /* .p32-head_2026{
      font-size: 8vw;
    } */
    .btn_selectmces2026{
      font-size: 4vw; 
    }
    #info_fullname #info_phone #info_refcode #info_howmanycar #info_compname #info_comptype input[type=text] {
      font-size: 3.5vw !important;
    }
    .select-dropdownfon7_2026 select{
      font-size: 3.5vw;
    }
    .btu-greeenMcns_2026{
      font-size: 3.5vw;
    }
    .btu-greeenmodal_2026{
      font-size: 3.5vw ;
    }
    .sp14-input_2026::placeholder  ,
    .sp16-des-bl_2026::placeholder  ,
    #info_howmanycar::placeholder  {
        font-size: 3.5vw !important;
    }
    .toggle-heading_mecns{
      font-size: 4vw;
    }
    .sub2_img1_divleft{
      font-size: 8vw;
      
    }
    .p48-head_2026{
      font-size: 8vw;
    }
    .spanmcns_formleft2026{
      font-size: 3.5vw;
    }
    .sub2_img1_divright{
      font-size: 8vw;
    }
    .farmoflo-modal_2026 {
      width: 170px;
    }

    /* -------- sec2------------ */
    .supmidcontent_01{
      margin-bottom: 10px;
    }
    .supmidcontent_02{
      margin-bottom: 10px;
    }
    .supmidcontent_03{
      font-size: 4.5vw;
      font-weight: bold;
    }
    .sub3_containergridcard{
      font-size: 4vw;
    }
    .container_slidelogo{
      font-size: 6vw;
      text-align: center;
      display: flex;
      flex-direction: column;
    }
    /* .mobile-break{
      display: none;
    } */
    .sub1_img1_divright {
        background: linear-gradient(0deg, rgba(0, 0, 0, .50), rgba(0, 0, 0, .50)), url(./img2026/Artboard1_1.webp) center -26px / 144% auto no-repeat !important;
    }
    /* -------- sec2------------ */
    /* modal  */
    .coverclose{
      width: 6vw;
      height: 6vw;
      left: 2%;
    }
    .close_modal{
      font-size: 4vw;
    }
    
    /* banner ส่งมาจากapi  */

    /* modal  */
    /* nic end */

}
@media (max-width: 480px){
      .scroll-section2 {
        grid-auto-columns: calc(72% - 10px);
    }
    .fonthd_01 {
        font-size: var(--m-fs-xxl);
    }
    .coverbanner_enterp {
        height: clamp(520px, 135vw, 760px);
        min-height: 620px;
    }
   /* .section2-text-head{
      background-color: rgb(234, 159, 209);
    } */
      .box-all100per_2026_toggle{
      margin-top: 1px;
      margin-bottom: 1px;
    }
    .coverbodyhome-etpslt .coverimg_size {
        margin: 0 0 auto 0;
       width: clamp(330px, 95vw, 780px) ;
    }
      .slt-6box {
        width: 100%;
        /* height: 169px; */
        border-radius: 48px;
    }
    .icon-slt-6box {
        width: 90px;
        height: 90px;
    }
        .eco-dot {
        width: 12px;
        height: 12px;
    }
    .from-moredetail {
        width: 90%;
        height: 640px;
    }
    .close-modal-askmore {
        width: 25px;
        height: 25px;
        left: -6px;
        top: -17px;
    }
   .toggle-content_mecns {
      margin-top: -18px;
    }
    .checkmarkmec2026{
      top: 0;
    }
    .from-moredetail {
      width: 90%;
      height: 580px;
    }
    .toggle-heading_mecns{
      height: 50px;
      padding: 17px;
    }

    /* banner top  */
    .sub1_img1_divright{
      background: linear-gradient(0deg, rgba(0,0,0,.50), rgba(0,0,0,.50)),
      url('./img2026/Artboard1_1.webp') center 0 / 162% auto no-repeat !important;
    }
    .sub1_img1_divright_1 {
      height: 364px;
    }
    .sub-contentdrop {
      padding: 0 13px 13px 13px;
    }
    .coverwh_ty{
    position: relative;
    padding: 70px 0; 
    background-color: white;
  }
  .txt-head-section2{
        padding: 80px 0 0 0;
  }
   .image-wrapper img {
    height: clamp(40px, 23vw, 190px);
  }
     #etp-slt-2{
    padding: 40px 0 64px 0;
  }
  .slt3-section1{
    padding-top: 40px;
  }
  .etp-slt-bg{
        padding: 50px 0;
  }
  .etp-slt-btn{
    font-size: 20px;
  }
   .img1_divleft {
        border-radius: 0 0 42px 42px !important;
        background: linear-gradient(0deg, rgba(120, 120, 120, .55), rgba(120, 120, 120, .55)), url(./img2026/resize/enterprisesolution_Head.webp) center 48px / 95% auto no-repeat, url(./img2026/Enterprise_solution_BG_home.webp) center center / cover no-repeat !important;
    }
    .coverbodyhome-etpslt .sub1_img1_divleft-etpslt {
  height: clamp(415px, 80vw, 570px);
  }
}
@media (max-width: 320px){
   /* .section2-text-head{
      background-color: rgb(159, 217, 251);
    } */
    .scroll-section2 {
        grid-auto-columns: calc(87% - 10px);
    }
    /* eve start */
    .floating-ask{
      width: 100px;
    }
    .toggle-home-button{
        padding: 0 14px;
    }
    .bglonghome, .cover_screeen, .bd-page{
        width: 100%;
    }
    /* .head-txt-bodyhome-etpslt{
        color: blue;
    } */
  
   .img1_divleft_hidereg.active, .img1_divright_hidereg.active{
    padding: 28px 14px 18px !important;
   }
    /* eve end */

    /* nice start */
    /* .sub2_img1_divleft{
      color: rgb(210, 207, 37);
    } */
    /* nic end */
}

/* html,
body{
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
} */