/*
Theme Name: Twenty Twenty Child
Description: Twenty Twenty Child Theme
Author: Sayan
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/
/* Custom CSS goes after this line */

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-Bold.woff2') format('woff2'),
		url('fonts/Kanit-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-Medium.woff2') format('woff2'),
		url('fonts/Kanit-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-Black.woff2') format('woff2'),
		url('fonts/Kanit-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-SemiBold.woff2') format('woff2'),
		url('fonts/Kanit-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-Regular.woff2') format('woff2'),
		url('fonts/Kanit-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	--blue: #2f358e;
	--hv-blue: #444a9a;
	--hv-yel: #c8925d;
	--yel: #e4ba89;
	--ass: #cecece;
	--black: #1a1919;
	--blck: #121212;
	--wht: #fff;
	--tran: all 0.5s ease;
	--kan: 'Kanit', sans-serif;
	--shadow: 0 0 35px rgba(0, 0, 0, 0.12);
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}

*:is(:hover, :focus) {
	text-decoration: none !important;
	outline: none !important;
}

.kan,
body,
input,
textarea,
button,
.button,
.faux-button,
.faux-button.more-link,
.wp-block-button__link,
.wp-block-file__button,
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-cover-image p,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large,
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments *,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.comment-content p,
.comment-content ol,
.comment-content ul,
.comment-content dl,
.comment-content dt,
.comment-content cite,
.comment-content figcaption,
.comment-content .wp-caption-text,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
	font-family: var(--kan), sans-serif !important;
}

hr {
	margin: 4.3rem auto;
}

.bl {
	color: var(--blue) !important;
}

b,
strong {
	font-weight: 500;
}

.yel {
	color: var(--yel) !important;
}

.wht {
	color: var(--wht);
}

.uppercase {
	text-transform: uppercase;
}

.bld {
	font-weight: 600;
}

::selection {
	background-color: var(--yel);
	color: var(--wht);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	margin: 0 0 22px 0;
	text-rendering: optimizeLegibility;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	letter-spacing: normal;
	font-family: var(--kan), sans-serif !important;
	line-height: 1.2;
	text-transform: uppercase;
}

:is(ul, ol):not(:last-child) {
	margin-bottom: 20px;
}

.cntr {
	text-align: center;
}

:is(ul, ol):last-child {
	margin-bottom: 0px;
}

.heading-tit :is(h1, h2, h3, h4, h5),
.heading-tit {
	font-size: 38px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
}

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: var(--kan), sans-serif !important;
	margin-bottom: 20px;
	margin-left: 20px;
}

.elementor-widget-text-editor,
.elementor-icon-list-text {
	font-family: var(--kan), sans-serif !important;
}

body {
	font-family: var(--kan), sans-serif !important;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	line-height: 1.5;
	font-size: 15px;
	color: var(--black) !important;
	overflow-x: hidden;
	letter-spacing: normal !important;
}

p:not(:only-child):not(:last-child) {
	margin-bottom: 20px;
}

p,
.elementor-widget-text-editor {
	font-weight: 300 !important;
	line-height: 1.5;
	font-family: var(--kan);
}

.p-60 {
	padding-block: clamp(40px, 1.0737rem + 6.7692vw, 70px);
}

.p-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pt-0 {
	padding-top: 0px;
}

.space {
	height: 24px;
}

.mt-20 {
	margin-top: 20px;
}

.container {
	max-width: 1200px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}

.alignwide {
	max-width: 1200px;
	margin-top: 0;
	margin-inline: auto !important;
	width: 100%;
	padding: 0 15px;
}

/* button */
button:not(.mobile-nav-toggle, .close-nav-toggle, .pswp__button, .nfancybox-button, .slick-dots button),
.button,
#loadMore,
.alt-btn a,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
.al-btn,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.showcoupon,
.showlogin {
	background-color: var(--blue) !important;
	color: var(--wht) !important;
	padding: 12px 32px !important;
	text-transform: uppercase;
	border-radius: 0.5rem;
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	transition: all 400ms ease;
	font-size: 14px !important;
	line-height: 19px;
	font-weight: 500 !important;
	text-decoration: none !important;
	font-family: var(--kan), sans-serif !important;
	display: inline-block;
	border: none !important;
	box-shadow: none;
	text-align: center;
}

.al-btn.wht {
	background-color: var(--wht) !important;
	color: var(--wht) !important;
}

body button:not(.mobile-nav-toggle, .close-nav-toggle):hover,
.alt-btn a:hover,
body .button:hover,
.faux-button:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
button:not(.mobile-nav-toggle, .close-nav-toggle, .sub-menu-toggle, .pswp__button):hover,
.al-btn:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.showcoupon:hover,
.showlogin:hover {
	background-color: var(--hv-yel) !important;
	color: var(--wht);
	text-decoration: none !important;
}

/* header*/
#site-header {
	background: transparent;
}

.header-top {
	display: grid;
	grid-template-columns: 1fr 0.5fr 1fr;
	align-items: center;
	padding: 10px 0;
}

.header-titles {
	margin: 0 !important;
	justify-content: center !important;
}

.header-titles .site-logo {
	margin: 0 !important;
}

ul.primary-menu {
	margin: 0;
	justify-content: center;
}

.header-navigation-wrappers {
	padding: 20px 0;
	background-color: var(--hv-blue);
}

:is(.header-top, footer) :is(ul, li) {
	margin: 0 !important;
	list-style: none;
}

footer .sub-menu li{
	list-style:circle !important;
	color: #fff !important;
}

footer .sub-menu{
	padding-left:30px !important;
}

.headicons-c i {
	color: var(--blue);
	margin-right: 5px;
}

.headicons-c li {
	display: inline-block;
}

.headicons-c li a {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	color: var(--blck);
	font-size:18px;
}

.header-navigation-wrappers li {
	margin: 0;
}

.primary-menu>li>a {
	padding: 8px 47px;
	text-decoration: none;
	color: var(--wht) !important;
	font-size: 16px;
	font-weight: 400;
}

.primary-menu li.current-menu-item>a,
.primary-menu li.current-menu-item>.link-icon-wrapper>a,
.primary-menu li:hover>a,
body .primary-menu>li.current-menu-ancestor>a {
	text-decoration: none;
	color: var(--yel) !important;
}

.primary-menu li {
	display: block !important;
}

.site-logo img {
	max-height: 12rem;
}

/* Footer */
.ftr-bg {
	background: url(images/footer-bg.jpg) no-repeat center;
	background-size: cover;
}

#site-footers {
	background-color: var(--blue);
}

.footer-inner {
	padding-block: 60px;
}

.grid-ft {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1.2fr;
	gap: 50px;
}

.grid-ft :is(.widget-title, .ftr-title,.ftr-title a) {
	font-size: 20px;
	color: var(--wht);
	margin-bottom: 20px;
	font-weight: 600;
	text-transform:uppercase;
}
.ftr-map {
	max-width:208px;
	display:block;
    margin-top:20px;
}
.ftr-map img{
	max-width:160px;
	margin-inline:auto;
}

.grid-ft .widget_nav_menu a {
	font-weight: normal;
	text-decoration: none;
	font-size: 16px;
	color: var(--wht);
}

.footer-credit {
	padding: 14px;
	background-color: var(--hv-blue)
}

footer .headicons-c {
	color: var(--wht);
	list-style: none;
	margin: 0 !important;
}

footer .headicons-c li {
	font-size: 16px;
	margin-top: 10px !important;
	font-weight: 400;
	display:block;
	margin-bottom:8px;
}
footer .headicons-c li.ad,footer .headicons-c li a{
	display: grid;
    gap: 10px;
    grid-template-columns: 30px 1fr;
}
footer .headicons-c li i {
	background: #fff;
    width: 28px;
    height: 28px;
    font-size: 14px;
    display: grid;
    place-items: center;
}
footer .headicons-c li i:before{
	line-height:1.15;
}
footer .headicons-c li a {
	color: var(--wht);
	text-decoration: none;
}

footer .headicons-c li+li {
	margin-top: 12px !important;
}

.headicons-ft {
	margin: 0 !important;
}

.headicons-ft li {
	margin: 0;
	display: inline-block;
}

footer .headicons-ft li a {
	color: var(--yel);
	padding: 0 10px;
	font-size: 20px;
	transition: all 0.3s ease;
}

.headicons-ft li:hover a {
	color: var(--wht);
}

ul.headicons-smallft {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 17px;
	margin-top: 15px !important;
	max-width: 200px;
}

ul.headicons-smallft li {
	margin: 0;
}

ul.headicons-smallft a {
	color: var(--wht) !important;
	font-size: 18px;
}

ul.headicons-smallft a:hover {
	color: var(--hv-yel) !important;
}

.search-box .search-form {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	position: absolute;
	left: 15px;
	top: 26px;
	opacity: 0;
	width: 0px;
	transition: all 0.5s ease;
}

.search-box .search-form.result_hover {
	opacity: 1;
	width: 100%;
}

.search-box input.search-fields {
	border: none;
}

.search-icon {
	cursor: pointer;
}

.search-box .search-form .search-submit {
	/* 	border-radius: 50px; */
	margin-bottom: 0px;
	min-width: auto !important;
	padding: 8px 16px !important;
}

.header-right {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	position: relative;
	align-items: center;
}


/* ====================================================
////////////////////// Banner \\\\\\\\\\\\\\\\\\
====================================================== */
.home-banner-slider {
	padding-block: 40px 90px;
	background: url(images/banner-back.jpg) no-repeat center;
	background-size: cover;
	background-position:bottom;
}

.slider-texts {
	color: var(--wht);
}

.slick-slider div {
	transition: none;
}

.image-container img {
	animation: scale1 10s infinite;
	transition: all 2s ease-out;
}

@keyframes scale1 {
	0% {
		transform: scale(0.92);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.92);
	}
}

.slider-item {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1.2fr;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.banner-conts {
	padding-right: 90px;
	max-width: 700px;
}

.slider-items .spans {
	font-size: min(calc(3rem + 1.5vw), 45px);
	margin-bottom: 18px;
	line-height: 1.1;
	text-wrap: balance;
}

.ban .faux-button {
	margin-top: 18px;
}

.home-banner-slider .slick-dots {
	display: flex;
	position: absolute;
	left: 50%;
	gap: 5px;
	transform: translatex(-50%);
	list-style: none;
	margin-left: 0 !important;
	bottom: -62px;
}

.home-banner-slider .slick-dots li {
	margin-left: 0 !important;
}

.home-banner-slider .slick-dots li button {
	font-size: 0 !important;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	padding: 0 !important;
	border: none;
	display: inline-block;
}

.home-banner-slider .slick-dots li button {
	background-color: transparent !important;
	border: 2px solid var(--red) !important;
}

.home-banner-slider li.slick-active button {
	background-color: var(--blue) !important;
	border: 2px solid var(--blue) !important;
}

.wpcf7-form-control-wrap input[type=text],
input[type=email],
input[password],
input[type=text],
input[type=url],
input[type=tel],
textarea,
.wpcf7-select {
	background-color: #fff;
	padding: 12px 12px !important;
	border: 1px solid #fff !important;
	border-radius: 5px;
	width: 100% !important;
	outline: none;
	font-family: var(--rbt) !important;
	font-size: 14px;
	color: #656565;
}
:is(#review_form,#commentform)
:is(input[type=email],
input[password],
input[type=text],
input[type=url],
input[type=tel],
textarea) {
	border: 1px solid #dcd7ca !important;
}

:is(.wpcf7-form-control-wrap input[type=text], input[type=email], input[password], input[type=text], input[type=url], input[type=tel], textarea, .wpcf7-select):focus {
	border: 1px solid var(--blue) !important;
}

input[type=email].sub-em:focus {
	border: 1px solid transparent !important;
}

.forms-row {
	grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
	display: grid;
	gap: 0 15px;
}

.form-contact p {
	margin-bottom: 18px;
}

.txt-center p {
	text-align: center;
	max-width: 150px;
	margin-inline: auto;
}

.home .txt-center p {
	text-align: left;
	display: inline-block;
	margin-inline: unset;
}

:focus-visible {
	outline: none;
}

.wpcf7-not-valid-tip {
	margin-top: 6px;
	color: var(--blck);
}

.sub-from .wpcf7-not-valid-tip {
	color: var(--red);
}

.sub-from input[type=email] {
	border-color: transparent !important;
}

input.form-send,
input[type="submit"],
.al-btn.whts {
	background-color: var(--blue) !important;
	border: 1px solid var(--wht) !important;
	color: var(--wht);
	padding: 12px 35px;
	margin-top: 15px;
	font-size: 15px;
}

input.form-send:is(:hover, :focus),
input[type="submit"]:is(:hover, :focus),
.al-btn.whts:hover {
	background-color: var(--hv-yel) !important;
	border: 1px solid var(--hv-yel);
	text-decoration: none;
}

span.wpcf7-spinner {
	display: block;
}

/* Testimonials */
.testimonial-wraps {
	text-align: center;
	max-width: 700px;
	padding: 30px;
	/* 	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
	border-radius: 5px;
	margin: 12px auto;
	color: var(--wht);
}

.test-stars {
	background: url(images/quote.png) no-repeat center;
	background-size: cover;
	width: 53px;
	height: 32px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.testi-imgs img {
	border-radius: 50% !important;
	margin: 30px auto 20px;
	max-height: 100px;
	object-fit: cover;
	border: 3px solid var(--blue) !important;
}

.client-names {
	font-size: 18px;
	font-weight: 300;
	color: var(--yel);
}

.test-contents {
	line-height: 1.2;
	font-size: 18px;
	font-weight: 300;
	text-wrap: balance;
}

.test-contents strong {
	font-weight: 300;
}

.testimonials-sliders .slick-dots {
	display: flex;
	position: absolute;
	left: 50%;
	gap: 5px;
	transform: translatex(-50%);
	list-style: none;
	margin-left: 0 !important;
	bottom: 12px;
}

.testimonials-sliders .slick-dots li {
	margin-left: 0 !important;
}

.testimonials-sliders .slick-dots li button {
	font-size: 0 !important;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	padding: 0 !important;
	border: none;
	display: inline-block;
}

.testimonials-sliders .slick-dots li button {
	background-color: transparent !important;
	border: 2px solid var(--yel) !important;
}

.testimonials-sliders li.slick-active button {
	background-color: var(--yel) !important;
	border: 2px solid var(--yel) !important;
}

/* Posts blogs */
.n-list.s {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	display: grid;
	gap: 15px;
}

.custom-post-thumbnail img {
	height: 260px !important;
	object-fit: cover;
	margin-bottom: 12px;
	width: 100%;
	border-radius: 5px;
}

.custom-post-title a {
	font-size: 25px;
	line-height: 1.2 !important;
	color: var(--blue);
	display: block;
	margin-top: 38px;
}

.post-year {
	margin: 7px 10px !important;
	display: inline-block;
}

.custom-post-content {
	padding-bottom: 30px;
	border-bottom: 1px solid #d8d8d8;
}

.home .post-nav {
	display: none;
}

.date-icon {
	background: var(--blue);
	padding: 8px 10px;
	display: inline-block;
	color: var(--wht);
	text-align: center;
	position: absolute;
	bottom: -28px;
	font-size: 17px;
	left: 15px;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
}

.day {
	display: block;
	font-weight: 600;
	font-size: 28px;
}

.sub-from {
	display: flex;
	justify-content: center;
}

#subcrb-btn {
	margin-top: 0px;
	border: none !important;
	height: 47px;
	margin-left: -10px;
	position: relative;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	background: var(--hv-yel);
	color: var(--blck);
	border: none;
	padding: 7px 10px;
	margin-top: 10px !important;
	margin-left: 0px;
	font-size: 13px;
	margin-bottom: 10px !important;
	max-width: 450px;
}

footer :is(.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output) {
	margin: 0 auto;
}

/* Featured product */

.recent_product {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	align-items: center;
	padding: 30px 40px;
	border-radius: 8px;
	margin: 20px;
    box-shadow: rgb(47 53 142 / 28%) 0px 8px 18px;
    gap: 20px;
	background: url(images/shape.png) no-repeat;
    background-size:35%;;
	background-position:bottom right;
}

.recent_product_price {
	font-size: 20px;
	color: var(--e-global-color-primary);
	font-weight: 600 !important;
}

.recent_products_container .slick-prev.slick-arrow {
	left: -14px;
}

.recent_products_container .slick-next.slick-arrow {
	right: -14px;
}

.recent_products_container .slick-arrow:hover i {
	color: var(--blue);
}

.recent_products_container .slick-arrow {
	position: absolute;
	z-index: 1;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: #b7b7b780;
	top: 50%;
	transform: translatey(-50%);
	cursor: pointer;
	transition: all 0.3s all;
}

.recent_product_title {
	font-size: 32px;
}

.recent_product_desc {
    font-size: 16px;
}

.recent_product .recent_link img {
	height: 420px;
	object-fit: contain;
}

.innerBanners {
	padding: 150px 0;
	background: url(images/inner-banner.jpg) no-repeat center;
	background-size: cover;
	margin-top: -1px;
}

.ban-title {
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 0px;
	color: var(--wht);
}

/* Inner-pages */
.innerBanner {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.innerBanner img {
	height: 380px;
}

.ban-title {
	font-size: min(3vw + 1.8rem, 51px);
	color: var(--wht);
	margin-bottom: 20px;
	line-height: 1;
	text-wrap: balance;
	text-transform: uppercase;
}

.woocommerce-account .ban-title {
	color: var(--wht);
}

.Bannercont {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
	isolation: isolate;
}

.ban-image {
	position: relative;
}

.ban-image::after {
	width: 100%;
	inset: 0;
	background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 20%, rgb(0 0 0 / 33%) 40%);
	content: "";
	z-index: 1;
	transition: all 0.3s ease;
	will-change: background, filter;
	content: " ";
	position: absolute;
}

/* Posts */
.recent-athor-meta p * {
	color: var(--blck) !important;
	font-weight: 500 !important list-style:none;
}

.recent-athor-meta p svg {
	width: 24px;
	color: var(--red) !important;
	fill: var(--red);
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px
}

.recent-athor-meta {
	margin-bottom: 35px !important
}

.recent-athor-meta p {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0 !important
}

.posts-title {
	font-size: 35px;
	margin: 20px 0 22px !important;
	text-transform: capitalize
}

.comment-reply-title {
	font-size: 26px !important;
	text-align: left !important;
	color: var(--red);
	padding-top: 30px;
	margin-bottom: 20px
}

p.comment-form-comment {
	margin-top: 20px
}

.comment-respond p:not(.comment-notes) {
	max-width: 100%;
}

.comment-notes,
.logged-in-as {
	text-align: left !important
}

.post-alignment {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 10px;
	font-family: var(--kan), sans-serif !important
}

.prev-posts a div {
	display: flex;
	align-items: center
}

.section-inner.small,
.section-inner.thin,
.comment-content p {
	max-width: 100% !important;
	font-family: var(--kan), sans-serif !important;
}

.comment-respond p:not(.comment-notes),
.section-inner.thin,
{
max-width: 100% !important;
font-size: 15px;
}

.comment-body {
	position: relative;
	left: 80px;
}

form#commentform {
	margin-top: 10px !important;
	display: inline-block;
	width: 100%;
}

.comment-reply-link {
	background-color: var(--red) !important;
	color: var(--blck) !important;
}

.blogPostnSection :is(h2, h3, h4, h5) {
	font-size: 25px;
}

/* Posts */
.recent-athor-meta p * {
	color: var(--blck) !important;
	font-weight: 500 !important list-style:none;
}

.recent-athor-meta p svg {
	width: 24px;
	color: var(--blue) !important;
	fill: var(--blue);
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px
}

.recent-athor-meta {
	margin-bottom: 35px !important
}

.recent-athor-meta p {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0 !important
}

.posts-title {
	font-size: 35px;
	margin: 20px 0 22px !important;
	text-transform: capitalize
}

.comment-reply-title {
	font-size: 26px !important;
	text-align: left !important;
	color: var(--red);
	padding-top: 30px;
	margin-bottom: 20px
}

p.comment-form-comment {
	margin-top: 20px
}

.comment-respond p:not(.comment-notes) {
	max-width: 100%;
}

.comment-notes,
.logged-in-as {
	text-align: left !important
}

.post-alignment {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 10px;
	font-family: var(--kan), sans-serif !important
}

.prev-posts a div {
	display: flex;
	align-items: center
}

.section-inner.small,
.section-inner.thin,
.comment-content p {
	max-width: 100% !important;
	font-family: var(--kan), sans-serif !important;
}

.comment-respond p:not(.comment-notes),
.section-inner.thin,
{
max-width: 100% !important;
font-size: 15px;
}

.comment-body {
	position: relative;
	left: 80px;
}

form#commentform {
	margin-top: 10px !important;
	display: inline-block;
	width: 100%;
}

.comment-reply-link {
	background-color: var(--blue) !important;
	color: var(--wht) !important;
}

.blogPostnSection :is(h2, h3, h4, h5) {
	font-size: 25px;
}

hr.styled-separator.is-style-wide {
	display: none;
}

.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
	margin: 0;
}

* woocomerce */ .woocommerce-tabs #tab-description p {
	font-size: 16px;
}

.related.products>h2 {
	text-align: center;
	color: var(--blue);
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 35px;
}

#tab-description h2 {
	display: none;
}

.product_meta {
	font-size: 14px !important;
}

/* Tabs */
.tabs.wc-tabs {
	border-bottom: 4px solid var(--blue);
	display: inline-flex;
	flex-wrap: wrap
}

.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
	margin-right: 2px
}

.woocommerce-tabs ul li {
	margin: 0
}

.tabs.wc-tabs li a {
	margin-top: 2px;
	display: block;
	text-align: center;
	padding: 10px 26px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	color: var(--wht) !important;
	background-color: #3e3e3e;
	font-family: var(--hel), sans-serif !important;
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background-color: var(--blue);
	box-shadow: none
}

.woocommerce-Tabs-panel :is(h2, h1, h3, h4, h5) {
	color: var(--blck);
	font-family: var(--kan), sans-serif !important;
	font-size: 22px !important;
	margin-top: 12px !important;
	margin-bottom: 26px !important;
}

.archive-right .woocommerce-breadcrumb {
	display: none;
}

.archive-right .content-area {
	max-width: 1600px;
	padding: 0;
	margin: 0 auto;
}

.prside-title {
	text-align: center;
	background-color: var(--blue);
	padding: 8px 15px;
	font-size: 16px;
	color: var(--wht);
	text-transform: capitalize;
}

.archive-row {
	display: grid;
	gap: 30px;
	grid-template-columns: 0.25fr 0.75fr;
}

.sidebar-pro {
	background: var(--ass);
	padding-bottom: 20px;
}

.sidebar-pro .product-categories {
	margin: 0;
	padding-inline: 18px;
	padding-top: 20px;
}
.sidebar-pro .product-categories .cat-parent:not(:last-child) {
	margin-bottom: 20px;
}
.product-categories .children {
	margin-top:0;
	margin-left:5px;
}
:is(html[lang="th"],html[lang="zh-hans"]) .sidebar-pro .product-categories{
	/*splay: flex;
    flex-direction: column-reverse;*/
}
.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100%;
	width: 100%;
}

.woocommerce-tabs #reviews .comment-form-rating label {
	max-width: 100%;
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
	margin: 0;
	text-align: left;
}

.comment-reply-title {
	font-family: var(--kan), sans-serif !important;
	text-align: left;
	margin-bottom: 0px;
}

hr.styled-separator.is-style-wide {
	display: none;
}

.comments .comment-respond p.comment-notes,
.comments .comment-respond p.logged-in-as {
	margin: auto;
}

.comment-respond p:not(.comment-notes) {
	max-width: 100%;
}

.comment-respond p:not(.comment-notes) {
	max-width: 98%;
	margin-top: 20px !important;
	margin-left: 0px !important;
	width: 100%;
}

#ymm_applicable_list {
	margin: 30px 10px;
}

th {
	font-weight: 500;
	color: var(--blue);
}

p.stars {
	font-size: 18px;
}

.woocommerce-product-details__short-description {
	font-size: 17px;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce form.woocommerce-form-login label,
.woocommerce form.woocommerce-form-login p,
.woocommerce form.woocommerce-form-register label,
.woocommerce form.woocommerce-form-register p,
.woocommerce form.woocommerce-form-login label,
.woocommerce form.woocommerce-form-login p,
.woocommerce form.woocommerce-form-register label,
.woocommerce form.woocommerce-form-register p,
.woocommerce-checkout form .col2-set label,
.woocommerce-checkout-review-order-table dl.variation dd p,
.woocommerce-checkout-review-order-table dl.variation dt p,
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout-review-order-table dl.variation dd,
.woocommerce-checkout-review-order-table dl.variation dt,
.wc_payment_method input.input-radio[name=payment_method]+label,
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
.wc_payment_methods .payment_box p,
.woocommerce-shipping-destination,
#shipping_method,
.entry-content,
.woocommerce-order-received .woocommerce-order li,
.woocommerce-order-received .woocommerce-order p,
.woocommerce-checkout ul.woocommerce-error li,
.woocommerce-cart .select2-container .select2-selection--single .select2-selection__rendered {
	font-family: var(--kan), sans-serif !important;
	font-size: 15px;
	font-style: normal;
	outline: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
	font-family: var(--kan), sans-serif !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	margin-top: 20px !important;
	border-top: 2px solid var(--blue);
	padding: 10px;
	margin-bottom: 20px;
}

.woocommerce-error>li {
	margin: 0;
	padding: 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border: 1px solid var(--ass);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 1.25rem 2rem;
	border-bottom: 1px solid var(--ass);
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
	padding-top: 1.25rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation li,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content p {
	font-size: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	font-family: var(--kan), sans-serif !important;
	color: #000;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	color: var(--blue);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--blue);
	text-decoration: none;
}

address {
	line-height: 2;
	border: 1px solid var(--ass);
	padding: 2rem;
	margin-top: 15px;
}

.woocommerce-MyAccount-content .title h3 {
	text-transform: uppercase;
	color: var(--blue);
	font-weight: 600;
	font-size: 20px;
}

.woocommerce-loop-product__title {
	font-size: 19px !important;
    text-wrap: balance;
}

label {
	color: var(--blck);
	text-transform: capitalize;
}

.cart_totals h2,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout form #order_review_heading,
#ship-to-different-address label span,
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-additional-fields h3,
.woocommerce-account h2 {
	font-size: 27px;
	text-transform: uppercase;
	margin-bottom: 21px !important;
	color: var(--blck) !important;
	margin-top: 20px !important;
}

.woocommerce-address-fields__field-wrapper {
	margin-bottom: 20px;
}

.woocommerce-address-fields .select2-selection__rendered {
	padding: 11px 14px 11px 12px !important;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	border-radius: 0 !important;
}

.wc-block-components-form .wc-block-components-checkout-step {
	margin-bottom: 2px !important;
}

.wp-block-woocommerce-checkout {
	padding-top: 0px;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
	border-top: 1px solid hsla(0, 0%, 7%, .11);
	padding-top: 20px;
	margin-top: 25px;
}

span.sku_wrapper {
	display: none;
}

/* woocomerce */
.woocommerce-page.archive .gfx-t .p-60 {
    background: url(images/footer-gfx.png) no-repeat bottom;
    background-size: contain;
}
.woocommerce-page.archive .gfx{
    background: url(images/gfx1.png) no-repeat left;
    background-size: 15%;
	
}
.woocommerce-page.archive .gfx-t{
    background: url(images/png.png) no-repeat top;
    background-size: contain;
	
}
.nice-select {
	min-width: 190px;
	border: 1px solid #cccc !important;
	border-radius: unset;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--blck)
}

.nice-select:after {
	right: 13px;
	top: 44%;
	border-color: var(--blck);
	width: 8px;
	height: 8px
}

.woocommerce-products-header__title.page-title {
	font-size: 30px;
	text-align: left;
	font-weight: 700;
	color: var(--blck);
	text-transform: uppercase
}

.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
	display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	margin: 0;
	width: auto !important;
	float: none;
/* 	border: 1px solid #9da1d6;;
	box-shadow: rgb(200 200 200) 0px 2px 8px 0px; */
}

ul.products li.product .woocommerce-loop-product__link {
	width: 100%;
}

li.product img {
	width: 100%;
	height: 290px;
	object-fit: cover;
	padding: 15px;
	background: #ebecff;
}

ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	
}
ul.products li{
	box-shadow: rgb(230 231 255) 0px 4px 10px;
}
.related ul.products {
	grid-template-columns: repeat(4, 1fr);
}

.p-content {
	padding: 14px;
	text-align:center;
	width:100%;
}

ul.products li.product .price {
	margin-bottom: 2rem;
	color: var(--red);
	font-family: var(--kan);
	font-size: 20px;
	margin-bottom: 0px;
	font-weight:600;
}

ul.products .woocommerce-product-short-description {
    color: #000 !important;
    margin: 10px 0;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.products li.product .view-more-button {
	margin-top: 25px;
}

ul.products li.product .short-description {
	color: var(--blck);
	margin: 10px 0 !important;
}

/* Product */
.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,
.theme-twentytwenty .wc-block-components-product-price__value,
.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,
.theme-twentytwenty .wc-block-grid__product-price__value,
.entry-content,
.woocommerce-tabs ul,
.woocommerce-breadcrumb,
.single-product .woocommerce-Tabs-panel--additional_information p,
.single-product .woocommerce-Tabs-panel--reviews p,
.woocommerce-tabs .comment-reply-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: var(--kan) !important;
}

.entry-summary .entry-title {
	font-size: 35px;
	text-wrap: balance;
}

.entry-summary .price {
	font-size: 24px;
	font-family: var(--kan);
	color: #2f358e;
	font-weight: 600 !important;
}

.single-product .cart {
	display: none;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 25px;
	flex-wrap: wrap;
}

.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery>.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-control-thumbs li {
	border: 1px solid #eaeaea;
}

.woocommerce-product-gallery .flex-control-thumbs li {
	padding: 8px;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
	margin-left: auto;
	margin-right: auto;
}

.related.products {
	padding-top: 50px;
}


/* WPML Start */
.wpml-ls-legacy-dropdown {
	width: auto !important;
}

.wpml-ls-legacy-dropdown a {
	border: 0px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.otgs-development-site-front-end {
	display: none !important;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,
.wpml-ls-legacy-dropdown a {
	padding: 5px 3px;
	background-color: transparent;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
	background-color: #2f358e;
	border-bottom: none !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top: none;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag {
	width: 27px;
}

.menu-modal {
	z-index: 999;
}

/* Responsive Code Start */
@media only screen and (max-width: 1170px) {
	.recent_products_container .slick-prev.slick-arrow {
		left: 0px;
	}

	.recent_products_container .slick-next.slick-arrow {
		right: 0px;
	}

	.woocommerce .content-area {
		padding: 70px 15px;
	}
}

@media only screen and (max-width: 999px) {
	#site-header {
		box-shadow: -1px 11px 23px -20px rgb(47 52 143 / 48%);
	}

	.header-top .header-left,
	.header-right .widget_text.header-widg,
	.header-navigation-wrappers,
	.toggle-text,
	.toggle-inner .toggle-icon svg,
	.menu-modal .menu-bottom {
		display: none;
	}

	.header-top {
		grid-template-columns: 1fr 1fr;
		position: relative;
	}

	.header-right {
		margin-right: 50px;
	}

	.header-top .nav-toggle {
		right: 0;
	}

	.toggle-inner {
		justify-content: flex-end;
	}

	.toggle-inner .toggle-icon {
		background-image: url(/~webindvw/projects/thai-aree-food/wp-content/uploads/2025/03/Hamburger_icon.png);
		background-size: contain;
		background-repeat: no-repeat;
		height: 21px;
		width: 30px;
	}

	.menu-modal-inner {
		background: var(--hv-blue);
	}

	.nav-toggle .toggle-inner {
		padding-top: 0;
	}

	.header-titles-wrapper,
	.header-inner .toggle {
		padding-right: 0px;
	}

	header .header-titles-wrapper .nav-toggle {
		right: 15px;
		justify-content: flex-end;
	}

	.modal-menu>li>a,
	.modal-menu>li>.ancestor-wrapper>a {
		font-size: 16px;
		padding: 15px 0;
		color: #fff !important;
		font-weight: 400;
	}

	.modal-menu>li>.ancestor-wrapper>a:hover,
	.modal-menu>li>a:hover,
	.modal-menu>li.current-menu-item.current_page_item>.ancestor-wrapper>a,
	.modal-menu>li.current-menu-item.current_page_item>a,
	.modal-menu>li>ul.sub-menu li a:hover,
	.modal-menu>li>ul.sub-menu li.current-menu-item.current_page_item a,
	.modal-menu>li.current-menu-item.current_page_item.same-current-menu .ancestor-wrapper a:hover {
		color: var(--yel) !important;
	}

	.menu-modal-inner.modal-inner .menu-wrapper.section-inner .modal-menu {
		padding: 0 15px;
	}

	.modal-menu>li:first-child {
		border-top: none !important;
	}

	button.toggle.close-nav-toggle.fill-children-current-color,
	.modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle {
		background-color: transparent;
		color: #fff;
	}

	.menu-modal .section-inner {
		width: 100%;
	}

	button.close-nav-toggle {
		padding-right: 15px;
	}

	.footer-inner .grid-ft {
		grid-template-columns: 1fr;
		gap: 35px;
		text-align: center;
	}

	ul.headicons-smallft {
		max-width: 100%;
	}

	.ftr-bg {
		background-position: bottom 290px center;
	}
	
	footer .sub-menu li {
	    list-style:none!important;
   }
	footer .sub-menu li a{
		font-size:13px !important;
	}
	
	footer .sub-menu{
		padding-left:0px !important;
	}

	.ftr-about img {
		margin: auto;
	}

	.headicons-c li {
		display: block;
	}

	.headicons-c li:first-child {
		margin-top: 0px !important;
	}

	footer .headicons-c li a {
		flex-direction: column;
		margin-right: 0px !important;
	}

	footer .headicons-c li i {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.recent_product .recent_link img {
		height: auto;
	}

	.recent_product {
		padding: 30px 15px;
		margin: 0 20px;
	}

	.slider-item {
		grid-template-columns: 1fr;
	}

	.image-container img {
		margin: 0 auto;
	}

	.banner-conts {
		padding-right: 0;
		max-width: 100%;
	}

	.content-container {
		text-align: center;
	}

	.heading-tit :is(h1, h2, h3, h4, h5),
	.heading-tit {
		font-size: 34px;
	}
	footer .headicons-c li.ad, footer .headicons-c li a {
		grid-template-columns: 1fr;
		align-items: center;
		place-content: center;
		place-items: center;
   }
	.ftr-map {
		max-width: 100%;
   }
}

@media only screen and (max-width: 991px) {

	ul.products,
	.related ul.products {
		grid-template-columns: repeat(2, 1fr);
	}

	.woocommerce .content-area .site-main {
		margin: 0 !important;
	}
	.headicons-c li a {
	    font-size:16px;
	}
	
}

@media only screen and (max-width: 768px) {

	.recent_product,
	.archive-row,
	.forms-row {
		grid-template-columns: 1fr;
	}

	.recent_product-des,
	.woocommerce-pagination ul.page-numbers {
		text-align: center;
	}

	.archive-right {
		order: -1;
	}

	ul.products li {
		margin-bottom: 10px !important;
	}

	.woocommerce-loop-product__title {
		margin-top: 0px !important;
	}

	.woocommerce .woocommerce-ordering {
		float: right !important;
		clear: unset !important;
	}

	.woocommerce .content-area {
		padding: 55px 0px;
	}

	.woocommerce.single-product .content-area {
		padding: 50px 15px;
	}

	.woocommerce .woocommerce-breadcrumb,
	.woocommerce-page .woocommerce-breadcrumb {
		margin-bottom: 3rem;
	}

	.single-product .woocommerce-product-gallery {
		margin-left: auto;
		margin-right: auto;
	}

	.entry-summary .entry-title,
	.related.products>h2 {
		font-size: 25px;
		margin-bottom: 15px !important;
	}

	.single-product .summary p.price {
		margin-bottom: 15px;
	}

	.single-product .summary {
		margin-bottom: 6rem;
	}

	.related.products {
		padding-top: 35px;
	}

	.single-product div.product .product_meta {
		margin-top: 15px;
	}

	.form-contact .txt-center p {
		display: block;
		max-width: 100%;
		text-align: center;
	}

	.testimonial-wraps {
		padding: 0 0px 30px;
		margin: 0px auto;
	}
}

@media only screen and (max-width: 580px) {
	.sub-from {
		flex-direction: column;
	}

	#subcrb-btn {
		width: 100%;
	}

	#subcrb-btn {
		margin-left: 0px;
	}

	.footer-inner {
		padding-top: 0px;
	}

	.woocommerce-loop-product__title {
		font-size: 20px !important;
	}

	ul.products,
	.related ul.products {
		grid-template-columns: 1fr;
	}

	ul.products li {
		margin-bottom: 0px !important;
	}

	.woocommerce .woocommerce-ordering {
		float: left !important;
		clear: both !important;
		width: 100%;
	}

	.nice-select {
		min-width: 100%;
	}

	.woocommerce-result-count {
		width: 100%;
		text-align: center;
		margin-bottom: 0 !important;
	}

	.heading-tit :is(h1, h2, h3, h4, h5),
	.heading-tit {
		font-size: 28px;
	}
}