li {
  list-style: none;
}
body {
  /* font-family: "Kanit", sans-serif; */
  /* font-family: "Anuphan", sans-serif; */
  font-family: "IBM Plex Sans Thai", sans-serif;
  /* font-family: "Sarabun", sans-serif; */
}
.sectionn {
  margin-top: 172px;
}
.stiker_h1 {
  font-size: 1.5rem;
  text-align: center;
}
.width_section {
  width: 1000px;
}
.section1 {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.image_stiker {
  width: 100%;
  /* height: 700px; */
  object-fit: cover;
  border: 1px solid #b7b7b7;
}
.section2 {
  margin-top: 50px;
}
.section2_card {
  /* background: #000; */
  border-radius: 3px;
  /* border: 1px solid red; */
}
.card_stiker_seting1 {
  border: 1px solid;
  padding: 10px;
  border-radius: 10px;
  background: #2248b5;
  color: #fff;
  transition: background-color 0.4s ease-in-out;
}
.card_stiker_seting1:hover {
  background: #fff;
  color: #000;
}
.card_stiker_seting2 {
  border: 1px solid;
  padding: 10px;
  border-radius: 10px;
  transition: background-color 0.4s ease-in-out;
}
.card_stiker_seting2:hover {
  background: #2248b5;
  color: #fff;
}
.card_stiker_seting3 {
  border: 1px solid;
  padding: 10px;
  border-radius: 10px;
  background: #2248b5;
  color: #fff;
  transition: background-color 0.4s ease-in-out;
}
.card_stiker_seting3:hover {
  background: #fff;
  color: #000;
}
.card_stiker_seting4 {
  border: 1px solid;
  padding: 10px;
  border-radius: 10px;
  transition: background-color 0.4s ease-in-out;
}
.card_stiker_seting4:hover {
  background: #2248b5;
  color: #fff;
}
.section3 {
  padding: 10px;
  margin-top: 50px;
}
.section4 {
  margin-top: 50px;
  border: 1px solid #000;
  border-radius: 7px;
  padding: 10px;
}
.stiker_h2 {
  font-size: 1.5rem;
}
.stiker_h3{
  font-size: 1.5rem;
  text-align: center;
}
.mrtop {
  margin-top: 30px;
}
.addline_stikeer{
  width: 59%;
      border: 2px solid #07c553;
    border-radius: 8px;
}
.card-body {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
}
.button-card-contact {
  display: flex;
  align-items: center;
  gap: 8px; /* ระยะห่างระหว่างไอคอนและข้อความ */
  padding: 10px 15px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  width: 100%;
}

.button-card-contact:hover {
  background-color: #0056b3;
}
.icon {
  width: 20px; /* ปรับขนาดไอคอนให้เท่ากับข้อความ */
  height: 20px;
  fill: white;
}
.button-card-contact1 {
  display: flex;
  align-items: center;
  gap: 8px; /* ระยะห่างระหว่างไอคอนและข้อความ */
  padding: 10px 15px;
  background-color: #089631;
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  width: 100%;
  margin-top: 20px;
}

.button-card-contact1:hover {
  background-color: #08862c;
}

.icon1 {
  width: 20px; /* ปรับขนาดไอคอนให้เท่ากับข้อความ */
  height: 20px;
  fill: rgb(90, 251, 21);
}
@media screen and (max-width: 768px) {
  .button-card-contact,
  .button-card-contact1 {
    width: 100%;
    margin-top: 10px;
    margin-left: unset;
    font-size: 0.9rem;
  }
  .sectionn {
    margin-top: 75px;
  }
}