/*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*/
form#fileUploadForm {
    display: none;
}
#site-footer{
    margin-top:0px !important;
}
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: 60px;
  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;
}


@media only screen and (max-width: 1199px){
    .main-header{
        top:50px;
    }
}

@media only screen and (min-width:1199px){
    .qr-scan-picture{
        width:35vw !important;
    }
}


@media only screen and (max-width: 991px){
    .slider-txt-area{
        text-align: center;
        padding-bottom: 60px !important;
    }
	.heading-section{
		height: 106vw;
		padding: 7.813vh 0 0;
	}
	.heading-section .text-area h1 {
		font-size: 3.646vh;
		line-height: 4.25vh;
		margin-bottom: 2%;
	}
	.heading-section .text-area h2 {
		font-size: 1.855vh;
		line-height: 2.413vh;
		margin-bottom: 3%;
	}
	.heading-section .text-area h4 {
		font-size: 1.042vh;
		line-height: 1.406vh;
		font-weight: 400;
	}
	.heading-section .text-area ul {
		margin: 0;
		padding-left: 1.663vh;
		font-size: 1.042vh;
		line-height: 2.292vh;
		letter-spacing: 0.026vh;
	}
	.heading-section .cooker-img{
		display: none;
	}
	.heading-section .plat-1 {
		position: absolute;
		bottom: 9%;
		left: 6%;
		width: 28vh;
	}
	.heading-section .plat-2 {
		position: absolute;
		bottom: 9%;
		left: 39%;
		width: 28vh;
	}
	.summary-section .summary-area{
		flex-wrap: wrap;
	}
	.summary-section .summary-area .txt-div{
		width: 100%;
	}
	.summary-section .summary-area .txt-div .inner-txt-div{
		height: auto;
		padding: 1.781vh 0.781vh;
		width: 100%;
	}
	.summary-section .summary-area .txt-div .inner-txt-div h3 {
		font-size: 2.35vh;
		line-height: 2.863vh;
		margin-bottom: 6%;
	}
	.summary-section p {
		font-size: 1.885vh;
		line-height: 3.094vh;
	}
	.summary-section .summary-area .line-div {
		width: 100%;
		height: 0.052vh;
		border-top: 0.104vw dotted #CFAD9C;
		border-left: unset;
	}
	.summary-section .note-area{
		padding: 2.581vh 0.581vh;
	}
	.video-section {
		display: flex;
	}
	.video-section #video {
		width: -webkit-fill-available;
		min-width: unset;
		min-height: unset;
	}
	.temperature-section {
		padding: 3%;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.temperature-section .temperature-txt-area{
		width: 100%;
		padding: 5% 0 4%;
	}
	.temperature-section .banner-temp-img{
		width: 100%;
	}
	.temperature-section .temperature-txt-area h2 {
		font-size: 2.875vh;
		line-height: 3.083vh;
		margin-bottom: 5%;
	}
	.temperature-section .temperature-txt-area> p {
		font-size: 1.229vh;
		line-height: 1.746vh;
		margin-bottom: 6%;
	}
	.temperature-section .temperature-txt-area .dish-temp{
		gap: 1.406vh 1.094vh;
	}
	.temperature-section .temperature-txt-area .dish-temp .dish-card {
		width: 100%;
		border: 0.052vw solid #FEE1B7;
		border-radius: 0.313vh;
		padding: 1.354vh 0.833vh;
		gap: 2.885vh;
	}
	.temperature-section .temperature-txt-area .dish-temp .dish-card img {
		width: 10.729vh;
	}
	.temperature-section .temperature-txt-area .dish-temp .dish-card h3 {
		font-size: 7vh;
		line-height: 4.042vh;
	}
	.temperature-section .temperature-txt-area .dish-temp .dish-card h3 small {
		font-size: 2.667vh;
	}
	.temperature-section .temperature-txt-area .dish-temp .dish-card p {
		font-size: 1.594vh;
		line-height: 1.406vh;
	}
	.dish-section .dish-dtl-area{
		flex-wrap: wrap;
		margin: 0;
		width: 100%;
	}
	.dish-section .dish-dtl-area .dish-dtl-txt {
		padding: 0% 0% 3% 5%;
		width: 100%;
		text-align:center !important;
        padding-left: 0 !important;
	}
	.dish-section .dish-dtl-area .dish-dtl-txt h3 {
		font-size: 2.875vh;
		line-height: 3.448vh;
		margin-bottom: 0.833vh;
	}
	.dish-section .dish-dtl-area .dish-dtl-txt p {
		font-size: 1.429vh;
		line-height: 2.363vh;
	}
	.dish-section .dish-dtl-area img{
		width: 100% !important;
	}
	.dish-section #paya.dish-dtl-area{
		flex-direction: column-reverse;
	}
	.dish-section #paya.dish-dtl-area .dish-dtl-txt{
		text-align: right;
	}
	.dish-section .dish-list-area h2 {
		font-size: 1.475vh;
		line-height: 1.748vh;
		margin-bottom: 3.583vh;
	}
	.dish-section .dish-list-area .dish-list-inner {
		margin: 0;
		flex-wrap: wrap;
		gap: 4vh;
	}
	.dish-section .dish-list-area .dish-list-inner .dish-list-box{
		width: 100%;
	}
	.dish-section .dish-list-area .dish-list-inner .dish-list-box h3 {
		font-size: 2.042vh;
		line-height: 1.833vh;
		margin-bottom: 1.771vh;
	}
	.dish-section .dish-list-area .dish-list-inner .dish-list-box img {
		width: 65%;
	}
	.dish-section .dish-list-area .dish-list-inner .dish-list-box p {
		font-size: 1.729vh;
		line-height: 2.585vh;
	}
	.qr-scan {
		padding: 6%;
		height: auto;
	}
	#slider-section .slider-item{
		height: 45vh;
	}
	.slider-item .item-inner{
		flex-wrap: wrap;
		height: 45vh;
		gap: 2vh;
	}
	.slider-item .item-inner .slider-txt-area{
		width: 100%;
		margin: 5% !important;
		z-index: 2;
	}
	.slider-item .item-inner .img{
		width: 100%;
		height: auto;
		align-items: start;
		justify-content: center;
		position: absolute;
		bottom: 0%;
		right: 0%;
	}
	.slider-item .item-inner .img img{
		width: 160px;
		z-index: 1;
		position: relative;
	}
	.slider-item .item-inner .slider-txt-area h3 {
		font-size: 2.596vh;
		line-height: 3.021vh;
		margin-bottom: 1.794vh;
	}
	.slider-item .item-inner .slider-txt-area p {
		font-size: 1.394vh;
		line-height: 1.954vh;
		margin-bottom: 2.021vh;
	}
	.slider-item .item-inner .slider-txt-area ul{
		gap: 1.334vh 3.854vh;
	}
	.slider-item .item-inner .slider-txt-area ul li {
		width: 38%;
		gap: 1.333vh;
	}
	.slider-item .item-inner .slider-txt-area ul li img {
		width: 3.646vh;
	}
	.slider-item .item-inner .slider-txt-area ul li span {
		font-size: 1.042vh;
	}
	.warm-section {
		padding: 4.792vh 0 0 1.292vh;
		height: 100vw;
	}
	.warm-section h3 {
		font-size: 2.344vh;
		line-height: 3vh;
		margin-bottom: 0.938vh;
	}
	.warm-section p {
		font-size: 1.238vh;
		line-height: 1.854vh;
		margin-bottom: 1.51vh;
	}
	.warm-section .warm-icons {
		gap: 3.167vh;
	}
	.warm-section .warm-icons .warm-icon-box img {
		width: 4.646vh;
		margin-bottom: 0.365vh;
	}
	.warm-section .warm-icons .warm-icon-box span {
		font-size: 1.129vh;
		line-height: 1.381vh;
	}
	.resistant-section .resistant-section-inner .resistant-txt{
		padding: 4%;
	}
	.resistant-section .resistant-section-inner .resistant-txt h2 {
		font-size: 2.344vh;
		line-height: 3.021vh;
		margin-bottom: 0.938vh;
	}
	.resistant-section .resistant-section-inner .resistant-txt p {
		font-size: 1.138vh;
		line-height: 1.754vh;
	}
	.resistant-section .resistant-section-inner .resistant-img{
		gap: 4.167vh;
	}
	.resistant-section .resistant-section-inner .resistant-img .resistant-img-box{
		width: 12.042vh;
	}
	.resistant-section .resistant-section-inner .resistant-img .resistant-img-box img{
		border-radius: 2.604vh;
		padding: 1.094vh 1.094vh;
		margin-bottom: 1.302vh;
	}
	.resistant-section .resistant-section-inner .resistant-img .resistant-img-box p{
		font-size: 1.229vh;
		line-height: 1.881vh;
	}
	.main-header {
		padding: 0.865vh 2.406vh;
	}
	.main-header .shop-btn {
		width: 15.094vh;
		height: 5.283vh;
		border-radius: 4.688vh;
		font-size: 2.22vh;
	}
	.d {
		display: none !important;
	}
	.footer-top .col-right{
		align-items: center !important;
	}
	.customer-support .title{
		text-align: center;
	}
	.footer-top {
		padding: 0 !important;
	}
	.footer-menu{
		display: inline-flex !important;
	}
}