@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
  box-sizing: border-box; }

html {
  overflow-x: hidden; }

:root {
  --white:#fff;
  --sky:#0082e6;
  --bg:#59b4fa;
  --green:green; }

body {
  margin: 0;
  padding: 0;
  background-color: var(--sky);
  font-family: "kanit"; }

img {
  max-width: 100%;
  height: auto; }

.container {
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 600px; } }

@media (min-width: 768px) {
  .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1540px; } }

.header {
  position: fixed;
  width: 100%;
  z-index: 1000; }
  .header .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0; }
    .header .wrapper .logo {
      display: flex;
      align-items: center; }
      .header .wrapper .logo span {
        text-transform: capitalize;
        font-size: 1.8rem;
        margin-left: 1rem;
        color: var(--white); }
    .header .wrapper .navbar {
      display: flex;
      align-items: center; }
      .header .wrapper .navbar .main-menu {
        display: flex; }
        .header .wrapper .navbar .main-menu li {
          padding: 1.5rem 0; }
          .header .wrapper .navbar .main-menu li a {
            padding: 1.5rem 1rem;
            font-size: 1.2rem;
            color: var(--white); }
        .header .wrapper .navbar .main-menu .dropdown {
          position: relative; }
          .header .wrapper .navbar .main-menu .dropdown .show {
            display: none; }
          .header .wrapper .navbar .main-menu .dropdown input {
            display: none; }
          .header .wrapper .navbar .main-menu .dropdown .main-dropdown {
            position: absolute;
            top: 67px;
            left: 0;
            display: flex;
            visibility: hidden;
            flex-direction: column;
            width: 250px;
            border-top: 2px solid #ccc;
            transition: all 0.3s ease-in-out; }
            .header .wrapper .navbar .main-menu .dropdown .main-dropdown .drop-item {
              border-bottom: 1px solid #ecf0f1;
              padding: 0; }
              .header .wrapper .navbar .main-menu .dropdown .main-dropdown .drop-item a {
                background-color: #fff;
                padding: 10px 1rem;
                width: 100%;
                display: block;
                color: black;
                font-weight: 300;
                font-style: normal; }
                .header .wrapper .navbar .main-menu .dropdown .main-dropdown .drop-item a:hover {
                  background: #ecf0f1;
                  color: #2c3e50; }
          .header .wrapper .navbar .main-menu .dropdown:hover > .main-dropdown {
            visibility: visible; }
    .header .wrapper .contact {
      background-color: var(--white);
      border-radius: 30px;
      padding: 1rem 2rem; }
    .header .wrapper #mobile-menu {
      cursor: pointer;
      display: none; }
    .header .wrapper input {
      display: none; }

.header.active {
  background-color: var(--sky);
  box-shadow: 0 3px 6px #ccc; }

@media screen and (max-width: 1360px) {
  .header .wrapper .logo span {
    font-size: 1.5rem; }
  .header .wrapper .navbar .main-menu li a {
    font-size: 1rem;
    padding: 1.5rem 0.2rem; } }

@media screen and (max-width: 1023px) {
  .container {
    padding: 0; }
  .header .wrapper .navbar {
    display: none;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 100; }
    .header .wrapper .navbar .main-menu {
      flex-direction: column;
      width: 100%; }
      .header .wrapper .navbar .main-menu li {
        padding: 1rem;
        border-bottom: 1px solid #ecf0f1;
        background-color: #fff; }
        .header .wrapper .navbar .main-menu li a {
          display: block;
          color: #000;
          padding: 0; }
      .header .wrapper .navbar .main-menu .dropdown {
        padding-bottom: 0; }
        .header .wrapper .navbar .main-menu .dropdown .show {
          display: block; }
        .header .wrapper .navbar .main-menu .dropdown .main-dropdown {
          margin-top: 15px;
          position: static;
          display: none; }
        .header .wrapper .navbar .main-menu .dropdown .has-drapdown {
          display: none; }
        .header .wrapper .navbar .main-menu .dropdown #dropdown-menu:checked + ul {
          display: flex; }
  .header .wrapper .contact {
    position: absolute;
    bottom: 10px;
    right: 10%;
    padding: 0.5rem 1rem; }
  .header .wrapper #mobile-menu {
    display: block;
    margin-right: 8px; }
    .header .wrapper #mobile-menu i {
      font-size: 24px !important; }
  .header .wrapper input:checked + nav {
    display: flex; } }

@media screen and (max-width: 767px) {
  .header .wrapper .logo img {
    margin: 5px 0 5px 5px;
    width: 50px;
    height: auto; }
  .header .wrapper .logo span {
    font-size: 1rem; } }

main {
  position: relative;
  z-index: 800; }

.importing {
  position: relative;
  z-index: 100; }
  .importing article {
    position: absolute;
    top: 20%;
    left: 5%;
    width: 100%;
    max-width: 700px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1); }
    .importing article p {
      font-size: 1.2rem;
      line-height: 1.2;
      font-weight: 300;
      color: #fff;
      padding: 5px 10px; }
  .importing .import {
    position: absolute;
    top: 33%;
    left: 5%;
    width: 80%; }
    .importing .import h1 {
      background-color: var(--sky);
      display: inline-block;
      color: var(--white);
      font-size: 1.5rem;
      padding: 1rem 2rem;
      border-radius: 30px;
      margin-bottom: 2rem;
      box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.48);
      -webkit-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.48);
      -moz-box-shadow: 5px 4px 5px 0px rgba(0, 0, 0, 0.48); }
    .importing .import .fa-Swiper {
      position: relative; }
      .importing .import .fa-Swiper .custom {
        position: absolute;
        left: 0;
        bottom: 15px;
        z-index: 100;
        width: 80px; }
        .importing .import .fa-Swiper .custom .swiper-button-next, .importing .import .fa-Swiper .custom .swiper-button-prev {
          background-color: #0082e6; }
          .importing .import .fa-Swiper .custom .swiper-button-next::after, .importing .import .fa-Swiper .custom .swiper-button-prev::after {
            color: #ccc;
            font-size: 1.4rem; }

@media (max-width: 1599px) {
  .importing {
    z-index: 100; }
    .importing .import {
      top: 33%;
      left: 5%;
      width: 40%; }
      .importing .import h1 {
        font-size: 1.2rem;
        padding: 0.6rem 2rem;
        border-radius: 20px;
        margin-bottom: 2.5rem;
        margin-top: 0.5rem; } }

@media (max-width: 1399px) {
  .importing article {
    max-width: 500px; }
  .importing .import {
    top: 28%;
    width: 30%; }
    .importing .import h1 {
      margin-bottom: 3rem;
      margin-top: 0.5rem; } }

@media (max-width: 1023px) {
  .importing article {
    max-width: 400px;
    top: 10%; }
  .importing .import {
    top: 25%;
    width: 30%; }
    .importing .import h1 {
      margin-bottom: 2rem;
      margin-top: 2.4rem; } }

@media (max-width: 880px) {
  .importing article {
    max-width: 600px;
    top: 45%; }
  .importing .import {
    position: relative;
    top: auto;
    width: 90%; }
    .importing .import h1 {
      margin-bottom: 2rem;
      margin-top: 2.4rem; } }

@media (max-width: 678px) {
  .importing article {
    max-width: 600px;
    top: 42%; }
  .importing .import h1 {
    margin-bottom: 2rem;
    margin-top: 2rem; } }

@media (max-width: 590px) {
  .importing article {
    padding-right: 15px;
    width: 95%;
    max-width: 100%;
    left: 2%;
    top: 35%; }
    .importing article p {
      font-size: 0.8rem; } }

@media (max-width: 450px) {
  .importing article {
    top: 30%; } }

.products {
  margin-top: 15px; }
  .products .flex-row {
    display: flex; }
  .products .in-stock {
    flex: 65%;
    background-color: #59b4fa;
    border-radius: 8px;
    padding: 15px; }
    .products .in-stock h1 {
      color: var(--white);
      font-weight: 600;
      font-size: 2rem;
      margin: 20px 0; }
    .products .in-stock .product-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 15px;
      grid-row-gap: 20px; }
      .products .in-stock .product-list .item {
        border-radius: 8px;
        background-color: var(--white); }
        .products .in-stock .product-list .item a {
          display: flex;
          flex-direction: column;
          height: 100%; }
          .products .in-stock .product-list .item a .info {
            margin-top: auto;
            padding: 15px; }
            .products .in-stock .product-list .item a .info .product-name {
              text-align: center;
              font-size: 1.2rem;
              font-style: normal;
              font-weight: 300; }
            .products .in-stock .product-list .item a .info .product-price {
              margin: 15px 0;
              font-size: 1.2rem;
              font-weight: 600; }
            .products .in-stock .product-list .item a .info .bottom {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .products .in-stock .product-list .item a .info .bottom .stock {
                background-color: var(--green);
                color: var(--white);
                padding: 5px 10px;
                border-radius: 10px; }
              .products .in-stock .product-list .item a .info .bottom .seemore {
                background-color: var(--sky);
                color: var(--white);
                padding: 10px 20px;
                border-radius: 5px; }
    .products .in-stock .see-all {
      display: flex;
      justify-content: center;
      margin-top: 40px; }
      .products .in-stock .see-all a {
        background-color: var(--sky);
        color: var(--white);
        padding: 10px 20px;
        border-radius: 8px; }
  .products .last-prodcut {
    flex: 35%;
    margin-left: 15px;
    background-color: #59b4fa;
    border-radius: 8px;
    padding: 15px; }
    .products .last-prodcut h1 {
      color: var(--white);
      font-weight: 600;
      font-size: 2rem;
      margin: 20px 0; }
    .products .last-prodcut .item {
      border-radius: 8px;
      background-color: var(--white);
      margin-bottom: 15px; }
      .products .last-prodcut .item a {
        display: flex; }
        .products .last-prodcut .item a .img-product {
          flex: 50%; }
          .products .last-prodcut .item a .img-product img {
            border-radius: 8px; }
        .products .last-prodcut .item a .info {
          flex: 50%;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .products .last-prodcut .item a .info .wrap {
            padding: 15px; }
            .products .last-prodcut .item a .info .wrap .product-price {
              margin: 15px 0;
              font-size: 1.2rem;
              font-weight: 600; }
            .products .last-prodcut .item a .info .wrap .product-name {
              text-align: center;
              font-size: 1.3rem; }
            .products .last-prodcut .item a .info .wrap .bottom {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .products .last-prodcut .item a .info .wrap .bottom .stock {
                background-color: var(--green);
                color: var(--white);
                padding: 5px 10px;
                border-radius: 10px; }
              .products .last-prodcut .item a .info .wrap .bottom .seemore {
                background-color: var(--sky);
                color: var(--white);
                padding: 10px 20px;
                border-radius: 5px; }
          .products .last-prodcut .item a .info .date {
            margin-top: 25px;
            text-align: right;
            margin-right: 10px;
            color: #ccc; }

@media (max-width: 1023px) {
  .products .flex-row .in-stock .product-list {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 755px) {
  .products .flex-row {
    flex-direction: column; }
    .products .flex-row .last-prodcut {
      margin-top: 15px; } }

@media (max-width: 501px) {
  .products .flex-row .in-stock .product-list {
    grid-template-columns: repeat(1, 1fr); } }

.activities {
  margin-top: 15px; }
  .activities .wrapper {
    background-color: var(--bg);
    border-radius: 8px;
    padding: 15px; }
    .activities .wrapper h1 {
      color: var(--white);
      font-weight: 600;
      font-size: 2rem;
      margin: 20px 0; }
    .activities .wrapper .activity-wrapper .owl-theme .item img {
      border-radius: 5px; }
    .activities .wrapper .activity-wrapper .owl-theme .item .bottom {
      margin-top: 10px;
      padding: 5px 10px; }
      .activities .wrapper .activity-wrapper .owl-theme .item .bottom .date {
        margin-top: 10px;
        text-align: right;
        display: flex;
        justify-content: end;
        align-items: center; }
        .activities .wrapper .activity-wrapper .owl-theme .item .bottom .date i {
          color: var(--white);
          font-size: 1.4rem;
          margin-right: 5px; }

footer {
  margin-top: 25px;
  position: relative; }
  footer .footer-top {
    background-color: var(--bg);
    padding: 25px 0; }
    footer .footer-top .grid3columns {
      display: grid;
      grid-template-columns: repeat(3, 1fr); }
      footer .footer-top .grid3columns .company {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        footer .footer-top .grid3columns .company .logo {
          margin-bottom: 25px; }
        footer .footer-top .grid3columns .company article {
          font-weight: 300;
          padding: 0 15px; }
      footer .footer-top .grid3columns .address .wrapper h1 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem; }
      footer .footer-top .grid3columns .address .wrapper address {
        line-height: 1.2;
        font-weight: 300; }
      footer .footer-top .grid3columns .address .wrapper table {
        margin-top: 1rem;
        margin-left: 1rem; }
        footer .footer-top .grid3columns .address .wrapper table tr .icons__after[data-v-e08301e8] {
          color: #41a964; }
        footer .footer-top .grid3columns .address .wrapper table tr td {
          padding: 0.2rem 0;
          vertical-align: middle; }
          footer .footer-top .grid3columns .address .wrapper table tr td i {
            font-size: 24px; }
        footer .footer-top .grid3columns .address .wrapper table tr td:nth-child(2) {
          padding-left: 0.5rem; }
      footer .footer-top .grid3columns .socials h2 {
        font-size: 1.5rem; }
      footer .footer-top .grid3columns .socials ul {
        display: flex;
        margin-top: 25px; }
        footer .footer-top .grid3columns .socials ul li {
          margin-right: 10px; }
          footer .footer-top .grid3columns .socials ul li a i {
            font-size: 2rem; }
  footer .footer-bottom {
    padding: 25px 0; }
    footer .footer-bottom .wrapper {
      display: flex;
      justify-content: space-between; }
      footer .footer-bottom .wrapper .right ul {
        display: flex; }
        footer .footer-bottom .wrapper .right ul li {
          margin-left: 15px; }

@media (max-width: 755px) {
  footer .footer-top .grid3columns {
    grid-template-columns: repeat(2, 1fr); }
    footer .footer-top .grid3columns .company {
      grid-column: 1/3;
      margin-bottom: 30px; }
    footer .footer-top .grid3columns .address .wrapper h1 {
      font-size: 1.2rem;
      text-align: center; }
    footer .footer-top .grid3columns .address .wrapper address {
      margin-left: 5px; }
    footer .footer-top .grid3columns .socials h2 {
      font-size: 1.2rem;
      text-align: center; }
    footer .footer-top .grid3columns .socials ul {
      justify-content: center; }
  footer .footer-bottom .wrapper {
    flex-direction: column;
    align-items: center; }
    footer .footer-bottom .wrapper .left {
      order: 2;
      width: 80%;
      padding-top: 10px;
      margin-top: 10px;
      border-top: 1px solid var(--white);
      text-align: center; } }

@media (max-width: 501px) {
  footer .footer-top .grid3columns {
    grid-template-columns: repeat(2, 1fr); }
    footer .footer-top .grid3columns .company {
      grid-column: 1/3;
      margin-bottom: 30px; }
    footer .footer-top .grid3columns .address {
      grid-column: 1/3;
      margin-bottom: 30px; }
      footer .footer-top .grid3columns .address .wrapper address {
        text-align: center; }
    footer .footer-top .grid3columns .socials {
      grid-column: 1/3;
      margin-bottom: 30px; } }

.page-header {
  position: relative;
  width: 100%; }
  .page-header .wrapper {
    padding-top: 8rem;
    /* Display list items side by side */
    /* Add a slash symbol (/) before/behind each list item */
    /* Add a color to all links inside the list */
    /* Add a color on mouse-over */ }
    .page-header .wrapper ul.breadcrumb {
      padding: 10px 16px;
      list-style: none;
      background-color: rgba(0, 0, 0, 0.1);
      display: inline-block;
      border-radius: 30px; }
    .page-header .wrapper ul.breadcrumb li {
      display: inline;
      font-size: 18px; }
    .page-header .wrapper ul.breadcrumb li + li:before {
      padding: 8px;
      color: black;
      content: "/\00a0"; }
    .page-header .wrapper ul.breadcrumb li a {
      color: #0275d8;
      text-decoration: none; }
    .page-header .wrapper ul.breadcrumb li a:hover {
      color: #01447e;
      text-decoration: underline; }

.page-header .introl {
  margin-top: 20px;
  width: 700px;
  max-width: 95%;
  color: #ecf0f1; }
  .page-header .introl .title {
    text-align: center;
    font-size: 1.4rem; }
  .page-header .introl .description {
    margin-top: 20px;
    line-height: 1.2; }

.page-header .page-name h2 {
  text-align: center;
  margin-top: 3rem;
  color: #ecf0f1;
  font-size: 1.3rem; }
  .page-header .page-name h2 span {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 5px 15px; }

.products-page {
  margin-top: 15px; }
  .products-page .product-list {
    background-color: #59b4fa;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    padding: 25px 15px;
    border-radius: 15px; }
    .products-page .product-list .item {
      border-radius: 8px;
      background-color: var(--white); }
      .products-page .product-list .item a {
        display: flex;
        flex-direction: column;
        height: 100%; }
        .products-page .product-list .item a .info {
          margin-top: auto;
          padding: 15px; }
          .products-page .product-list .item a .info .product-name {
            text-align: center;
            font-size: 1.2rem;
            font-style: normal;
            font-weight: 300; }
          .products-page .product-list .item a .info .product-price {
            margin: 15px 0;
            font-size: 1.2rem;
            font-weight: 600; }
          .products-page .product-list .item a .info .bottom {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .products-page .product-list .item a .info .bottom .stock {
              background-color: var(--green);
              color: var(--white);
              padding: 5px 10px;
              border-radius: 10px; }
            .products-page .product-list .item a .info .bottom .seemore {
              background-color: var(--sky);
              color: var(--white);
              padding: 10px 20px;
              border-radius: 5px; }
    .products-page .product-list .item.out-stock {
      position: relative; }
      .products-page .product-list .item.out-stock a .info .bottom .stock {
        background-color: red; }
      .products-page .product-list .item.out-stock a .img-product {
        position: relative;
        z-index: 1; }
        .products-page .product-list .item.out-stock a .img-product::before {
          content: 'หมดชั่วคราว';
          font-size: 2rem;
          color: orangered;
          position: absolute;
          z-index: 2;
          background-color: rgba(0, 0, 0, 0.8);
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }

@media (max-width: 1200px) {
  .products-page .product-list {
    grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 800px) {
  .products-page .product-list {
    grid-template-columns: repeat(2, 1fr); }
  .page-header .wrapper {
    padding-top: 5rem; }
  .page-header .introl .description {
    padding: 10px; } }

@media (max-width: 768px) {
  .products-page .product-list .item a .info .product-name {
    font-size: 0.9rem; }
  .products-page .product-list .item a .info .bottom .stock {
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 0.7rem; }
  .products-page .product-list .item a .info .bottom .seemore {
    font-size: 0.7rem;
    padding: 5px 10px; } }

.product_detail {
  margin-top: 20px; }
  .product_detail .wrapper {
    background-color: #59b4fa;
    border-radius: 8px;
    padding: 15px; }
    .product_detail .wrapper .grid2columns {
      display: flex;
      flex-wrap: wrap; }
      .product_detail .wrapper .grid2columns .product-image {
        flex: 0 0 auto;
        width: 50%; }
        .product_detail .wrapper .grid2columns .product-image .swiper {
          width: 100%;
          height: 300px;
          margin-left: auto;
          margin-right: auto; }
        .product_detail .wrapper .grid2columns .product-image .swiper-slide {
          background-size: cover;
          background-position: center; }
        .product_detail .wrapper .grid2columns .product-image .swiper-slide.out-stock {
          position: relative; }
        .product_detail .wrapper .grid2columns .product-image .swiper-slide.out-stock::before {
          content: 'หมดชั่วคราว';
          font-size: 2rem;
          color: orangered;
          position: absolute;
          z-index: 2;
          background-color: rgba(0, 0, 0, 0.8);
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
        .product_detail .wrapper .grid2columns .product-image .mySwiper2 {
          height: 80%;
          max-height: 600px;
          width: 100%; }
        .product_detail .wrapper .grid2columns .product-image .mySwiper {
          height: 20%;
          box-sizing: border-box;
          padding: 10px 0; }
        .product_detail .wrapper .grid2columns .product-image .mySwiper .swiper-slide {
          width: 25%;
          height: 100%;
          opacity: 0.4; }
        .product_detail .wrapper .grid2columns .product-image .mySwiper .swiper-slide-thumb-active {
          opacity: 1; }
        .product_detail .wrapper .grid2columns .product-image .swiper-slide img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .product_detail .wrapper .grid2columns .product-info {
        flex: 0 0 auto;
        width: 50%;
        padding: 0 15px; }
        .product_detail .wrapper .grid2columns .product-info .wrap h2 {
          text-align: center;
          font-size: 1.4rem;
          background-color: rgba(0, 0, 0, 0.1);
          padding: 8px 10px;
          border-radius: 8px;
          color: #fff; }
        .product_detail .wrapper .grid2columns .product-info .wrap .excerpt {
          margin-top: 25px;
          font-size: 1rem;
          font-weight: 300;
          font-style: normal;
          margin-left: 20px; }
          .product_detail .wrapper .grid2columns .product-info .wrap .excerpt ul {
            list-style: none;
            margin-top: 15px; }
            .product_detail .wrapper .grid2columns .product-info .wrap .excerpt ul li {
              background-color: #41a964;
              padding: 5px 15px;
              border-radius: 12px;
              display: inline-block; }
        .product_detail .wrapper .grid2columns .product-info .wrap h3 {
          text-align: center;
          font-size: 1.4rem;
          background-color: rgba(0, 0, 0, 0.1);
          padding: 8px 10px;
          border-radius: 8px;
          margin-top: 50px;
          color: #fff; }
        .product_detail .wrapper .grid2columns .product-info .wrap .other {
          margin-top: 15px;
          padding: 10px 15px; }

@media (max-width: 768px) {
  .product_detail .wrapper .grid2columns .product-image, .product_detail .wrapper .grid2columns .product-info {
    width: 100%; } }

@media (max-width: 1133px) {
  .product_detail .wrapper .grid2columns {
    grid-template-columns: repeat(1, 1fr); }
  .product_detail .wrapper .grid2columns .product-image {
    display: flex;
    flex-direction: column;
    align-items: center; } }

.contact-page {
  padding-top: 15px; }
  .contact-page .wrapper {
    position: relative;
    background-color: #59b4fa;
    border-radius: 15px;
    padding: 25px 15px; }
    .contact-page .wrapper .grid2columns {
      display: grid;
      grid-template-columns: 60% 40%;
      grid-gap: 15px; }
      .contact-page .wrapper .grid2columns h2 {
        text-align: center;
        font-size: 1.5rem;
        margin-bottom: 5px; }
      .contact-page .wrapper .grid2columns p {
        font-size: 1rem;
        font-style: normal;
        font-weight: 300;
        text-align: center;
        margin: 15px 0; }
      .contact-page .wrapper .grid2columns table {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto; }
        .contact-page .wrapper .grid2columns table tr td {
          padding: 5px 0; }

.map {
  margin-top: 25px;
  margin-bottom: -25px; }

@media (max-width: 768px) {
  .contact-page .wrapper .grid2columns {
    grid-template-columns: 100%; } }

.about-page {
  margin-top: 15px; }
  .about-page .wrapper {
    border-radius: 15px;
    padding: 100px 0;
    width: 100%;
    display: flex;
    justify-content: center; }
    .about-page .wrapper .content {
      width: 100%;
      max-width: 1000px; }
      .about-page .wrapper .content p {
        font-size: 1rem;
        font-weight: 300;
        font-style: normal;
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 10px; }

.order-page {
  margin-top: 30px; }
  .order-page .wrapper .fachai-header h1 {
    text-align: center;
    font-size: 1.5rem;
    margin: 25px 0; }
    .order-page .wrapper .fachai-header h1 span {
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      padding: 8px 40px;
      color: #fff; }
  .order-page .wrapper .content {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }
    .order-page .wrapper .content .image {
      width: 50%; }
      .order-page .wrapper .content .image img {
        border-radius: 10px; }
    .order-page .wrapper .content .fachai-content {
      width: 50%;
      padding-left: 3rem; }
      .order-page .wrapper .content .fachai-content h2 {
        font-size: 1.2rem;
        color: #fff;
        font-weight: 600;
        font-style: bold;
        margin-bottom: 0.5rem; }
      .order-page .wrapper .content .fachai-content ol {
        margin-left: 15px;
        margin-bottom: 20px; }
        .order-page .wrapper .content .fachai-content ol li {
          font-size: 1.1rem;
          font-weight: 300;
          font-style: normal;
          line-height: 1.2; }

@media (max-width: 768px) {
  .order-page .wrapper .content {
    flex-direction: column;
    margin-top: 20px; }
  .order-page .wrapper .content .image, .order-page .wrapper .content .fachai-content {
    width: 100%;
    margin-bottom: 20px; } }

.news-page {
  margin-top: 20px; }
  .news-page .wrapper {
    background-color: #ecf0f1;
    padding: 20px;
    border-radius: 15px; }
    .news-page .wrapper .news-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 15px; }

.news_detail {
  padding: 40px; }
  .news_detail .row .des {
    margin: 25px;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 300;
    font-style: normal; }