/*main*/
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #FEE1B7;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #955822;
  border-radius: 5px;
}

body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #fff;
  scroll-behavior: smooth;
  font-family: 'DM Sans', sans-serif;
} 

/*home*/
h1,h2,h3,h4,h5,h6{
  margin-bottom: 0;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
a:hover {
  text-decoration: none;
}
p {
  margin-bottom: 0px;
}
input:focus, textarea:focus {
  outline: 0;
  box-shadow: none !important;
}
button{
  border: none;
}
button:focus {
  outline: 0;
}
.main-header {
  width: 100%;
  position: fixed;
  top: 0;
  padding: 0.665vw 6.406vw;
  z-index: 10;
  background-color: #ffffff2e;
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main-header .shop-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ED7D31;
  width: 6.094vw;
  height: 2.083vw;
  border-radius: 4.688vw;
  color: #fff;
  font-size: 0.729vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.222px;
}
.theme-container{
  position: relative;
  margin: 0 8%;
}
.heading-section{
  position: relative;
  padding: 7.813vw 0 0;
  background-image: url(../img/head-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  color: #fff;
}
.heading-section .text-area{
  position: relative;
  z-index: 2;
}
.heading-section .text-area h1{
  font-size: 3.646vw;
  font-weight: 700;
  line-height: 6.25vw;
}
.heading-section .text-area h2{
  font-size: 2.135vw;
  font-weight: 500;
  line-height: 2.813vw;
  margin-bottom: 1%;
}
.heading-section .text-area h4{
  font-size: 1.042vw;
  line-height: 1.406vw;
  font-weight: 500;
  margin-bottom: 4%;
}
.heading-section .text-area ul{
  margin: 0;
  padding-left: 1.663vw;
  font-size: 1.042vw;
  line-height: 2.292vw;
  letter-spacing: 0.026vw;
}
.heading-section .cooker-img{
  position: absolute;
  right: 4%;
  bottom: 7%;
  width: 52vw;
  z-index: 1;
}
.heading-section .plat-1{
  position: absolute;
  bottom: 10%;
  left: 8%;
  width: 31vw;
  z-index: 2;
}
.heading-section .plat-2{
  position: absolute;
  bottom: 10%;
  left: 26%;
  width: 31vw;
  z-index: 1;
}
.summary-section{
  background-color: #FFF0DE;
  padding: 4.813vw 0 2.813vw;
  text-align: center;
}
.summary-section .summary-area{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 100%;
  margin-bottom: 2%;
}
.summary-section .summary-area .line-div{
  width: 0.052vw;
  height: 17.521vw;
  background-color: transparent;
  border-left: 0.104vw dotted #CFAD9C;
}
.summary-section .summary-area .txt-div{
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.summary-section .summary-area .txt-div .inner-txt-div{
  height: 9.125vw;
  padding: 0.781vw 0.781vw;
}
.summary-section .summary-area .txt-div .inner-txt-div h3{
  font-size: 1.25vw;
  line-height: 1.563vw;
  font-weight: 600;
  margin-bottom: 5%;
  color: #383026;
}
.summary-section p{
  color: #484643;
  font-size: 0.885vw;
  line-height: 1.094vw;
}
.summary-section .summary-area .txt-div .inner-line-div{
  height: 0.052vw;
  width: 100%;
  background-color: transparent;
  border-top: 0.104vw dotted #CFAD9C;
}
.summary-section .note-area{
  padding: 0.581vw 0.581vw;
  border-top: 0.104vw dotted #CFAD9C;
}
.video-section{
  background-color: #FFF0DE;
}
.video-section #video{
  position: relative;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  min-width: 100vw;
  min-height: 100vh;
}
.temperature-section{
  background-color: #FFF0DE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2% 1% 2% 0;
}
.temperature-section .temperature-txt-area{
  width: 50%;
  padding-left: 8%;
}
.temperature-section .temperature-txt-area h2{
  font-size: 1.875vw;
  line-height: 2.083vw;
  font-weight: 700;
  margin-bottom: 9%;
}
.temperature-section .temperature-txt-area> p{
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.146vw;
  margin-bottom: 9%;
}
.temperature-section .temperature-txt-area .dish-temp{
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 1.406vw 1.094vw;
}
.temperature-section .temperature-txt-area .dish-temp .dish-card{
  display: flex;
  width: 40%;
  border: 0.052vw solid #FEE1B7;
  border-radius: 0.313vw;
  padding: 1.354vw 0.833vw;
  align-items: center;
  gap: 0.885vw;
  transition: all 0.3s;
  box-shadow: 0 0 0 0 transparent;
}
.temperature-section .temperature-txt-area .dish-temp .dish-card:hover{
  box-shadow: 0px 0px 4px 0px #00000026;
}
.temperature-section .temperature-txt-area .dish-temp .dish-card img{
  width: 5.729vw;
}
.temperature-section .temperature-txt-area .dish-temp .dish-card h3{
  font-size: 5vw;
  color: #955822;
  font-weight: 400;
  line-height: 2.042vw;
}
.temperature-section .temperature-txt-area .dish-temp .dish-card h3 small{
  font-size: 1.667vw;
}
.temperature-section .temperature-txt-area .dish-temp .dish-card p{
  font-size: 1.094vw;
  line-height: 1.406vw;
  font-weight: 700;
  color: #000000;
}
.temperature-section .banner-temp-img{
  width: 50%;
}
.dish-section{
  background-color: #FEE1B7;
  padding: 3.75vw 0 6.771vw;
}
.dish-section .dish-dtl-area{
  display: flex;
  align-items: center;
  width: 77%;
  margin: -11% auto 0;
}
.dish-section .dish-dtl-area .dish-dtl-txt{
  padding: 5% 0% 0 0;
}
.dish-section .dish-dtl-area .dish-dtl-txt h3{
  font-size: 1.875vw;
  line-height: 2.448vw;
  font-weight: 600;
  color: #00000099;
  margin-bottom: 0.833vw;
}
.dish-section .dish-dtl-area .dish-dtl-txt p{
  font-size: 0.729vw;
  line-height: 1.563vw;
  font-weight: 600;
  color: #00000099;
}
.dish-section .dish-list-area{
  text-align: center;
  padding: 5% 0 0 0;
}
.dish-section .dish-list-area h2{
  font-size: 1.875vw;
  line-height: 2.448vw;
  font-weight: 600;
  color: #00000099;
  margin-bottom: 4.583vw;
}
.dish-section .dish-list-area .dish-list-inner{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 12.24vw;
}
.dish-section .dish-list-area .dish-list-inner .dish-list-box h3{
  font-size: 1.042vw;
  line-height: 0.833vw;
  font-weight: 600;
  color: #00000099;
  margin-bottom: 1.771vw;
}
.dish-section .dish-list-area .dish-list-inner .dish-list-box img{
  width: 14.375vw;
}
.dish-section .dish-list-area .dish-list-inner .dish-list-box p{
  font-size: 0.729vw;
  line-height: 0.885vw;
  color: #00000099;
  font-weight: 600;
}
.qr-scan{
  background-image: url(../img/slider-bg-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
#slider-section .slider-item{
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.slider-item .item-inner{
  display: flex;
  justify-content: space-between;
  height: 100vh;
}
.slider-item .item-inner.inner-center{
  align-items: center;
}
.slider-item .item-inner .slider-txt-area{
  width: 50%;
}
.slider-item .item-inner .slider-txt-area h3{
  font-size: 2.396vw;
  font-weight: 400;
  line-height: 3.021vw;
  margin-bottom: 1.094vw;
}
.slider-item .item-inner .slider-txt-area p{
  font-size: 1.094vw;
  line-height: 1.354vw;
  font-weight: 400;
  margin-bottom: 3.021vw;
}
.slider-item .item-inner .slider-txt-area ul{
  margin: 0;
  padding: 0;
  display: flex;
  align-items: start;
  gap: 0 8.854vw;
  flex-wrap: wrap;
}
.slider-item .item-inner .slider-txt-area ul li{
  width: 35%;
  display: flex;
  align-items: center;
  gap: 1.333vw;
}
.slider-item .item-inner .slider-txt-area ul li img{
  width: 3.646vw;
}
.slider-item .item-inner .slider-txt-area ul li span{
  font-size: 1.042vw;
  font-weight: 600;
  line-height: 3.767vw;
  color: #FFFFFF99;
}
.slider-item.slide-dark .item-inner .slider-txt-area h3{
  color: #FFFFFF;
}
.slider-item.slide-dark .item-inner .slider-txt-area p{
  color: #FFFFFF99;
}
.slider-item.slide-light .item-inner .slider-txt-area h3{
  color: #000000;
}
.slider-item.slide-light .item-inner .slider-txt-area p{
  color: #00000099;
}
.slider-item .item-inner .img{
  width: 50%;
  height: 100vh;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
.slider-item .item-inner .img.img-center{
  align-items: center;
  justify-content: center;
}
.slider-item .item-inner .img img{
  width: auto;
}
.slider-item.slide-dark{
  background-image: url(../img/slider-bg.jpg);
}
.slider-item.slide-light{
  background-image: url(../img/slider-bg-1.jpg);
}
.owl-dots{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -300%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1%;
}
.owl-dots button.owl-dot{
  width: 0.525vw;
  height: 0.525vw;
  background-color: #EFEFEF4D;
  border-radius: 50%;
  transition: all 0.3s;
}
.owl-dots button.owl-dot.active{
  background-color: #FFFFFF;
  width: 0.625vw;
  height: 0.625vw;
}
.warm-section{
  background-image: url(../img/warm-state-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 4.792vw 0 0 12.292vw;
  height: 100vh;
}
.warm-section h3{
  font-size: 2.344vw;
  line-height: 3vw;
  font-weight: 600;
  margin-bottom: 0.938vw;
}
.warm-section p{
  font-size: 0.938vw;
  line-height: 1.354vw;
  font-weight: 400;
  margin-bottom: 1.51vw;
}
.warm-section .warm-icons{
  display: flex;
  align-items: center;
  gap: 4.167vw;
}
.warm-section .warm-icons .warm-icon-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

}
.warm-section .warm-icons .warm-icon-box img{
  width: 3.646vw;
  margin-bottom: 0.365vw;
}
.warm-section .warm-icons .warm-icon-box span{
  font-size: 0.729vw;
  line-height: 0.781vw;
  font-weight: 700;
}
.resistant-section{
  background-image: url(../img/slider-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 3.333vw 0 10.99vw;
}
.resistant-section .resistant-section-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.resistant-section .resistant-section-inner .resistant-txt{
  text-align: center;
  margin-bottom: 4.167vw;
}
.resistant-section .resistant-section-inner .resistant-txt h2{
  font-size: 2.344vw;
  line-height: 3.021vw;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.938vw;
}
.resistant-section .resistant-section-inner .resistant-txt p{
  color: #FFFFFF99;
  font-weight: 400;
  font-size: 0.938vw;
  line-height: 1.354vw;
}
.resistant-section .resistant-section-inner .resistant-img{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.083vw;
  flex-wrap: wrap;

}
.resistant-section .resistant-section-inner .resistant-img .resistant-img-box{
  text-align: center;
  width: 9.375vw;
}
.resistant-section .resistant-section-inner .resistant-img .resistant-img-box img{
  padding: 1.094vw 1.094vw;
  border: 0.052vw solid #999999;
  border-radius: 2.604vw;
  margin-bottom: 1.302vw;
}
.resistant-section .resistant-section-inner .resistant-img .resistant-img-box p{
  font-size: 0.729vw;
  line-height: 0.781vw;
  color: #FFFFFF;
  font-weight: 700;
}

#site-footer {
  position: relative;
  background: #22242C;
  color: #fff !important;
  margin-top: 10px;
}
.social-links {
  margin-top: 50px
}
.social-links>ul {
  display: flex;
  justify-content: center
}
.social-links>ul>li {
  padding: 0 10px
}
.footer-menu {
  display: none;
  margin-top: 40px;
  color: #eee;
  text-align: center
}
.footer-menu>ul>li>a {
  display: inline-flex;
  align-items: center;
  padding: 8px
}
.customer-support {
  margin-top: 30px;
  text-align: right;
}
.customer-support>ul>li+li {
  margin-top: 40px
}
.customer-support .title {
  color: #C1C4CE !important;
  text-align: right;
}
.customer-support .desc {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  font-size: 1.375rem;
  line-height: 1.18182;
  font-weight: 700
}
.customer-support .icon {
  margin-right: 10px
}
.footer-menu-d {
  color: #C1C4CE !important;
  column-count: 4;
  column-gap: 40px;
  margin-top: -20px
}
.footer-menu-d>ul {
  break-inside: avoid;
  padding-top: 20px
}
.footer-menu-d>ul>li {
  padding: 4.2px 0
}
.footer-menu-d>ul>li>a {
  display: inline-flex;
  align-items: center;
  font-weight: 300;
  letter-spacing: 0.333px;
}
.footer-menu-d>ul>li.title {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.222px;
  margin-bottom: 10px
}
.footer-middle {
  margin: 40px auto 0;
  max-width: calc(100% - 20px * 2);
  padding: 20px 10px;
  border-top: 1px solid #3f3f3f;
  display: flex;
  align-items: center
}
.footer-middle .col-right {
  margin-left: auto
}
.footer-bottom {
  background: #D93131;
  padding: 15px;
  margin: auto;
}
.footer-links {
  color: #fff;
}
.footer-links>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.footer-links>ul>li {
  padding: 10px 7px
}
.copyright {
  margin-top: 15px;
  text-align: center
}
.ul-clear {
  padding: 0;
  margin: 0;
  list-style: none
}
.ul-styled {
  padding-left: 20px;
  margin: 0;
}
.footer-top {
  padding: 100px 0 120px
}
.footer-top .col-left {
  display: block
}
.footer-top .col-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-bottom: 40px
}
.footer-middle {
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px
}
.copyright {
  margin-top: 0;
  order: -1;
  margin-right: auto
}
svg.icon {
  flex: none;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  font-size: 32px;
}
svg.icon.icon-whats-app {
  color: #00d856;
}
svg.icon.icon-whats-app {
  color: #00d856;
}
.customer-support .icon {
  margin-right: 10px;
}
.link:hover {
  text-decoration: underline;
}