.bg-main{
  /* background-image: url("../images/bg02.png") !important; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-section1{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1377%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 47%2c 47%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c4 C 57.6%2c51.2 172.8%2c216.4 288%2c240 C 403.2%2c263.6 460.8%2c119 576%2c122 C 691.2%2c125 748.8%2c259.8 864%2c255 C 979.2%2c250.2 1036.8%2c106.6 1152%2c98 C 1267.2%2c89.4 1382.4%2c189.2 1440%2c212L1440 560L0 560z' fill='rgba(247%2c 102%2c 102%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c396 C 96%2c416 288%2c497.8 480%2c496 C 672%2c494.2 768%2c376.2 960%2c387 C 1152%2c397.8 1344%2c517.4 1440%2c550L1440 560L0 560z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1377'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.bg-section2{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 900'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1107%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c245 C 288%2c205.2 1152%2c85.8 1440%2c46L1440 900L0 900z' fill='rgba(237%2c 55%2c 55%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c375 C 72%2c390.8 216%2c458.6 360%2c454 C 504%2c449.4 576%2c343.4 720%2c352 C 864%2c360.6 936%2c501.6 1080%2c497 C 1224%2c492.4 1368%2c362.6 1440%2c329L1440 900L0 900z' fill='rgba(255%2c 109%2c 109%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c822 C 288%2c792.4 1152%2c703.6 1440%2c674L1440 900L0 900z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1107'%3e%3crect width='1440' height='900' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

.bg-section3{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1681%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c220 C 144%2c177.2 432%2c2.8 720%2c6 C 1008%2c9.2 1296%2c190 1440%2c236L1440 800L0 800z' fill='rgba(251%2c 88%2c 88%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c503 C 96%2c476.4 288%2c386 480%2c370 C 672%2c354 768%2c430.6 960%2c423 C 1152%2c415.4 1344%2c350.2 1440%2c332L1440 800L0 800z' fill='rgba(249%2c 35%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c651 C 96%2c659.4 288%2c705.6 480%2c693 C 672%2c680.4 768%2c569.2 960%2c588 C 1152%2c606.8 1344%2c747.2 1440%2c787L1440 800L0 800z' fill='rgba(255%2c 255%2c 255%2c 0)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1681'%3e%3crect width='1440' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.bg-section4{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1053%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c136 C 96%2c109.2 288%2c0.6 480%2c2 C 672%2c3.4 768%2c126.4 960%2c143 C 1152%2c159.6 1344%2c96.6 1440%2c85L1440 800L0 800z' fill='rgba(251%2c 58%2c 58%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c495 C 96%2c451.6 288%2c271.6 480%2c278 C 672%2c284.4 768%2c508 960%2c527 C 1152%2c546 1344%2c403.8 1440%2c373L1440 800L0 800z' fill='rgba(255%2c 109%2c 109%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c761 C 72%2c719.8 216%2c560.4 360%2c555 C 504%2c549.6 576%2c719.4 720%2c734 C 864%2c748.6 936%2c639.8 1080%2c628 C 1224%2c616.2 1368%2c665.6 1440%2c675L1440 800L0 800z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1053'%3e%3crect width='1440' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  padding-bottom: 100px;
  margin-top: 100px;
}
.bg-section5{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask4322%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c40 C 96%2c54 288%2c107 480%2c110 C 672%2c113 768%2c55 960%2c55 C 1152%2c55 1344%2c99 1440%2c110L1440 800L0 800z' fill='rgba(255%2c 121%2c 121%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c356 C 96%2c330.4 288%2c220.8 480%2c228 C 672%2c235.2 768%2c389.4 960%2c392 C 1152%2c394.6 1344%2c271.2 1440%2c241L1440 800L0 800z' fill='rgba(255%2c 117%2c 117%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c565 C 96%2c551.6 288%2c502.4 480%2c498 C 672%2c493.6 768%2c559.2 960%2c543 C 1152%2c526.8 1344%2c442.2 1440%2c417L1440 800L0 800z' fill='rgba(249%2c 35%2c 35%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c685 C 96%2c701.6 288%2c771.2 480%2c768 C 672%2c764.8 768%2c680.6 960%2c669 C 1152%2c657.4 1344%2c701.8 1440%2c710L1440 800L0 800z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask4322'%3e%3crect width='1440' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  padding-bottom: 100px;
}
.bg-section6{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1055%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c368 C 96%2c330.8 288%2c211 480%2c182 C 672%2c153 768%2c244.2 960%2c223 C 1152%2c201.8 1344%2c105.4 1440%2c76L1440 800L0 800z' fill='rgba(255%2c 109%2c 109%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c509 C 72%2c552.6 216%2c716.8 360%2c727 C 504%2c737.2 576%2c582.4 720%2c560 C 864%2c537.6 936%2c641.6 1080%2c615 C 1224%2c588.4 1368%2c464.6 1440%2c427L1440 800L0 800z' fill='rgba(237%2c 55%2c 55%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1055'%3e%3crect width='1440' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  padding-bottom: 100px;
}
.bg-content1{
  background-image: url("../images/1.png") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-content2{
  background-image: url("../images/2.png") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
#map {
    height: 400px;
    width: 100%;
    border-radius: 23px;
  }
  .leaflet-popup-content-wrapper {
    background-color: #f0f8ff; /* สีพื้นหลังของกรอบข้อความ */
    border: 2px solid #ff9b2a; /* สีของกรอบข้อความ */
  }
  .leaflet-popup-tip {
    background-color: #4682b4; /* สีของส่วนปลายที่ชี้ไปยังตำแหน่ง */
  }
  .social{
    display: flex;
    border-color:unset; 
    width: 50px;
    height: 50px;
    /* font-size: 24px; */
    border-radius:100%;
  }
  .icon_font-size{
    font-size:24px
  }
  .fix_position{
    position: fixed;
    right: 20px;
    bottom: 20%;
    z-index: 1000;
  }
  .z-100{
    z-index: 100;
  }
  .z-1000{
    z-index: 1000;
  }
  .z-9999{
    z-index: 9999 !important;
  }
  .z-md-9999{
    position:relative; 
    z-index:9999;
  }
  .logo{
    width: 80px;
  }
  .divBox{
    width: 200px;
    height: 200px;
    /* border: 1px solid #9f9f9f; */
    /* border-radius: 15%; */
  }
  .text-orange{
    color: #ff2200;
  }

  .imgDifferent{
    width: 300px;
  }

  @media (min-width: 768px) { 
    .social{
      display: flex;
      border-color:unset; 
      width: 70px; 
      height: 70px;
      font-size: 38px;
      border-radius:100%;
    }
    .icon_font-size{
      font-size: 38px;
    }
    .imgDifferent{
      width: 60%;
    }
   }  
  @media (max-width: 768px) { 
    .bg-section2{
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 450 900'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1136%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c259 C 30%2c213 90%2c33.8 150%2c29 C 210%2c24.2 240%2c237.6 300%2c235 C 360%2c232.4 420%2c59.8 450%2c16L450 900L0 900z' fill='rgba(237%2c 55%2c 55%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c377 C 22.6%2c418.6 67.8%2c578.4 113%2c585 C 158.2%2c591.6 180.8%2c432.6 226%2c410 C 271.2%2c387.4 294.2%2c485.6 339%2c472 C 383.8%2c458.4 427.8%2c368 450%2c342L450 900L0 900z' fill='rgba(255%2c 109%2c 109%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c762 C 30%2c736 90%2c612.2 150%2c632 C 210%2c651.8 240%2c839.8 300%2c861 C 360%2c882.2 420%2c762.6 450%2c738L450 900L0 900z' fill='rgba(249%2c 118%2c 118%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1136'%3e%3crect width='450' height='900' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    }
    .bg-section4{
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 450 900'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1292%26quot%3b)' fill='none'%3e%3crect width='450' height='900' x='0' y='0' fill='rgba(255%2c 0%2c 0%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c125 C 30%2c177.2 90%2c378.8 150%2c386 C 210%2c393.2 240%2c185 300%2c161 C 360%2c137 420%2c245 450%2c266L450 900L0 900z' fill='rgba(255%2c 91%2c 91%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c628 C 30%2c659.6 90%2c797 150%2c786 C 210%2c775 240%2c558.4 300%2c573 C 360%2c587.6 420%2c801.8 450%2c859L450 900L0 900z' fill='rgba(255%2c 145%2c 145%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1292'%3e%3crect width='450' height='900' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    }
   }