/*
Theme Name: ThanhLam Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --text-300: #E6E3D2; --text-400: #B5AAA6; --text-500: #796C68; --dark-green: #193E2C; --gradient-bg: linear-gradient(78deg, #625753 0%, #1B2024 94.17%); --gradient-title: linear-gradient(180deg, #BE7D3A 0%, #E9C99A 100%); }

.header-nav-main { border-radius: 36px; background: var(--gradient-bg); backdrop-filter: blur(5px); padding: 0 36px; }
.header-nav-main > li { margin: 0 16px; }
.header-nav-main > li > a { color: var(--text-300) !important; font-size: 20px; font-style: normal; font-family: "Lexend Deca"; font-weight: 400 !important; }
.header-nav-main > li:hover > a, .header-nav-main > li.current-menu-item > a { font-weight: 600 !important; text-decoration: underline; }

.header-language-dropdown { border: 1px solid var(--text-500); height: 46px !important; padding: 5px 20px !important; align-items: center; gap: 11px; border-radius: 36px !important; }
.header-language-dropdown > a { padding: 0 !important; display: flex; align-items: center; align-content: center; gap: 7px; }
.header-language-dropdown .icon-angle-down { color: var(--text-300); opacity: 1; font-size: 19px; }

.button { font-size: 14px; color: var(--primary-color); font-weight: 400; min-height: 38px; line-height: 38px; text-transform: none; }
.button i { top: 0; }
.button.primary { background: var(--gradient-bg); color: #fff; }
.button.primary .icon-angle-right::before { background: url("assets/images/carbon_next-white.png") no-repeat; }
.button.is-link { color: var(--text-400); }
.button.is-link .icon-angle-right::before { background: url("assets/images/carbon_next-400.png") no-repeat; }
.button.is-link:hover { color: var(--text-500) !important; }
.button.secondary { background-color: var(--text-300) !important; color: var(--primary-color) !important; }
.button .icon-angle-right::before { content: ""; background: url("assets/images/carbon_next-filled.png") no-repeat; height: 20px; width: 20px; display: inline-block; margin-left: 5px; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { font-size: 36px; border-bottom: none; }
.section-title.section-title-center span.section-title-main, .section-title.section-title-normal span.section-title-main { background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.subtitle { background: var(--gradient-title); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; font-weight: 500; letter-spacing: 7px; text-transform: uppercase; line-height: inherit !important; }

.contact-title { color: #fff !important; font-size: 36px; font-weight: 600; position: relative; display: inline-block; width: auto; padding-top: 140px; margin-bottom: 100px; }
.contact-title::before { content: ""; height: 3px; width: 155px; background-color: #fff; position: absolute; left: 103%; bottom: 13px; }
.contact-title::after { content: ""; background: url(assets/images/contact.png) no-repeat; width: 499px; height: 218.461px; position: absolute; bottom: -20px; left: 0; }

.nav-pills > li { margin: 0 10px; }
.nav-pills > li > a { font-weight: 500; font-family: Saira; font-size: 20px; line-height: 24px; border-radius: 10px; display: block; text-align: center; text-transform: capitalize; background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 1px solid #625753; min-width: 198px; padding: 11px 24px; }
.nav-pills > li:hover > a, .nav-pills > li.active > a { color: #fff; font-weight: 600; background: var(--dark-green) !important; -webkit-text-fill-color: #fff; }

.nav-outline > li { margin: 0 10px; }
.nav-outline > li > a { font-weight: 500; font-family: Saira; font-size: 14px; line-height: 24px; border-radius: 10px; display: block; text-align: center; text-transform: capitalize; background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 1px solid #625753; min-width: 165px; padding: 6px 24px; background-color: #E6E3D2; }
.nav-outline > li:hover > a, .nav-outline > li.active > a { color: #B5AAA6; font-weight: 600; background: var(--gradient-bg) !important; -webkit-text-fill-color: #fff; }

.tabbed-content .tab-panels { padding-top: 36px; text-align: center; }

.box.box-overlay .box-image { border-radius: 30px; position: relative; overflow: hidden; }
.box.box-overlay .box-text { display: flex; flex-direction: row; padding: 0; align-items: flex-end; flex-wrap: wrap; }
.box.box-overlay .box-text .box-text-inner { background: #fff; width: 66.666%; border-top-right-radius: 30px; text-shadow: none !important; padding: 20px 10px 0px 0px; position: relative; margin-left: 0; }
.box.box-overlay .box-text .box-text-inner:before, .box.box-overlay .box-text .box-text-inner::after { content: ""; position: absolute; width: 30px; height: 30px; border-bottom-left-radius: 30px; box-shadow: -5px 6px 0 4px #fff; }
.box.box-overlay .box-text .box-text-inner:before { top: -30px; left: 0; }
.box.box-overlay .box-text .box-text-inner:after { bottom: 0; right: -30px; }
.box.box-overlay .box-text .post-meta { display: flex; flex-direction: column; gap: 5px; width: 33.333%; padding: 10px; }
.box.box-overlay .box-text .post-meta .meta-item { padding-left: 32px; position: relative; font-size: 8px; font-family: 'Saira'; font-weight: 500; }
.box.box-overlay .box-text .post-meta .meta-item span { font-size: 12px; display: block; }
.box.box-overlay .box-text .post-meta .meta-item:before { content: ""; display: inline-block; width: 24px; height: 24px; background: var(--text-300); border-radius: 100px; position: absolute; left: 0; }
.box.box-overlay .box-text .button { margin: 0; }

.product-item s .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #193E2C 0%, rgba(25, 62, 44, 0) 73.38%); }
.product-item .post-title { font-size: 24px; font-style: normal; font-weight: 500; background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.bg_gray .box.box-overlay .box-text-inner { background: #f9f9f9; }
.bg_gray .box.box-overlay .box-text-inner:before, .bg_gray .box.box-overlay .box-text-inner::after { box-shadow: -5px 6px 0 4px #f9f9f9; }

.post-item .is-divider { display: none; }
.post-item .post-title a { color: #193E2C; font-size: 20px; }
.post-item .post-title a:hover { color: var(--primary-color) !important; }
.post-item .button.primary { padding: 0px 24px; border-radius: 10px; color: #fff; background-color: var(--primary-color); font-size: 13px; }
.post-item .from_the_blog_excerpt { color: var(--text-500); font-style: normal; font-weight: 400; }
.post-item .box-vertical { display: flex; flex-direction: row-reverse; }
.post-item .box-vertical .box-image { min-width: 50%; border-radius: 40px 0 0 40px; }
.post-item .box-vertical .box-text .box-text-inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.post-item .box-vertical .post-title { font-size: 56px; font-weight: 500; line-height: 1.2; text-transform: uppercase; background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.post-item .box.box-overlay .post-date { color: #141414; font-size: 24px; font-style: normal; font-weight: 500; }
.post-item .box.box-overlay .is-divider { display: block; background-color: #000; min-width: 100px; height: 1px; }
.post-item .overlay-info { margin-top: 15px; }
.post-item .overlay-info .post-title { color: var(--main-1, #193E2C); font-size: 20px; font-weight: 500; line-height: 24px; }

.box-push .box-text { margin: 0; max-width: 49%; padding: 15px 20px; position: absolute; top: 0; border-radius: 30px; background-color: transparent; }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 42px; min-width: 42px; }
.slider-nav-circle .flickity-prev-next-button:before { content: ""; background: url("assets/images/nav-right.png") no-repeat; width: 42px; height: 42px; display: block; }
.slider-nav-circle .flickity-prev-next-button.previous:before { transform: rotate(180deg); }
.slider-nav-circle .flickity-prev-next-button svg { display: none; }

.flickity-page-dots { bottom: 40px; }
.flickity-page-dots .dot { height: 12px; width: 12px; background: var(--gradient-bg) !important; border: none; }
.flickity-page-dots .dot.is-selected { opacity: 1; }

.dots-left .flickity-page-dots { left: 2%; bottom: 20px; right: auto; }

.slider-nav-simple .flickity-button { opacity: 1; }
.slider-nav-simple .flickity-button > svg { display: none; }
.slider-nav-simple .flickity-button:before, .slider-nav-simple .flickity-button:after { content: ''; height: 22px; width: 22px; display: block; transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); z-index: 2; margin: auto; position: absolute; }
.slider-nav-simple .flickity-button.previous:before { border-bottom: 2px solid #625753; border-left: 2px solid #625753; }
.slider-nav-simple .flickity-button.next::before { border-top: 2px solid #625753; border-right: 2px solid #625753; }
.slider-nav-simple .flickity-button:hover:before { border-color: var(--primary-color); }
.slider-nav-simple.slider-nav-dark .flickity-button.previous:before { border-bottom: 2px solid #000; border-left: 2px solid #000; }
.slider-nav-simple.slider-nav-dark .flickity-button.next::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.slider-nav-outside .flickity-prev-next-button.previous { right: 100%; left: auto; margin-top: 0; }
.slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; margin-top: 0; }
.slider-nav-outside.slider-nav-simple .flickity-button:before { border-color: var(--primary-color); }
.slider-nav-outside.slider-nav-simple.slider-nav-light .flickity-button:before { border-color: #fff; }

.box-shadow-1 { background: #FFFFFF; box-shadow: 7px 0px 14px 0px rgba(0, 0, 0, 0.15); }

.gallery-col { padding-bottom: 0; }

.wpcf7 form { margin-bottom: 0; }
.wpcf7 .col { padding-bottom: 0; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=number], .wpcf7 textarea, .wpcf7 select { border: none; box-shadow: none; height: 43px; border-radius: 10px; font-weight: 400; border-radius: 10px; border: 1px solid rgba(177, 209, 214, 0.5); background: var(--main-3, #FFF); font-size: 14px; }
.wpcf7 input[type=email]::-webkit-input-placeholder, .wpcf7 input[type=email]:-ms-input-placeholder, .wpcf7 input[type=email]::placeholder, .wpcf7 input[type=tel]::-webkit-input-placeholder, .wpcf7 input[type=tel]:-ms-input-placeholder, .wpcf7 input[type=tel]::placeholder, .wpcf7 input[type=text]::-webkit-input-placeholder, .wpcf7 input[type=text]:-ms-input-placeholder, .wpcf7 input[type=text]::placeholder, .wpcf7 input[type=number]::-webkit-input-placeholder, .wpcf7 input[type=number]:-ms-input-placeholder, .wpcf7 input[type=number]::placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 textarea::placeholder, .wpcf7 select::-webkit-input-placeholder, .wpcf7 select:-ms-input-placeholder, .wpcf7 select::placeholder { font-size: .875rem; color: #E6E3D2; font-weight: 400; font-style: italic; }
.wpcf7 label { color: var(--main-1, #193E2C); font-size: 14px; font-weight: 600; line-height: 150%; /* 21px */ }
.wpcf7 .wpcf7-submit { width: 255px; height: 52px; background: var(--gradient-bg) !important; border-radius: 10px; color: #2B2B2B; padding-right: 40px; text-transform: none; font-size: 20px; }
.wpcf7 .wpcf7-submit:hover { background-color: var(--primary-color) !important; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 .wpcf7-response-output { background: #fff; font-size: 13px; }
.wpcf7 .submit-icon::after { content: ""; height: 24px; width: 24px; position: absolute; right: 29px; top: 27px; z-index: 1; transform: translateY(-46%); background: url(assets/images/carbon_next.png) no-repeat; }
.wpcf7 .form-dark input[type=email], .wpcf7 .form-dark input[type=tel], .wpcf7 .form-dark input[type=text], .wpcf7 .form-dark textarea, .wpcf7 .form-dark select { border: none !important; border-bottom: 1px solid #E6E3D2 !important; background-color: transparent !important; height: 52px; border-radius: 5px; }
.wpcf7 .form-dark .wpcf7-submit { width: 255px; height: 52px; border-radius: 10px; color: #2B2B2B; background: #fff url(assets/images/carbon_next.png) no-repeat 63% 50% !important; padding-right: 40px; text-transform: none; font-size: 20px; }
.wpcf7 .form-dark .wpcf7-submit:hover { background-color: var(--primary-color) !important; }

.home-slide .banner:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(25, 62, 44, 0) 21.86%, rgba(25, 62, 44, 0.85) 100%), linear-gradient(180deg, rgba(25, 62, 44, 0) 21.86%, #193E2C 100%); background-blend-mode: normal, multiply, normal; z-index: 1; }
.home-slide .banner .banner-layers { z-index: 2; }
.home-slide .banner p { font-size: 20px; }
.home-slide .banner .lead { font-size: 20px; line-height: 28px; letter-spacing: 13px; }
.home-slide .banner h3 { font-size: 64px; line-height: 80px; }

.home-about h1 { background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 36px; line-height: 48px; letter-spacing: -1.44px; text-transform: uppercase; }
.home-about .lead { color: #7E726E; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
@media screen and (min-width: 900px) { .home-about .row-count { margin-top: -140px; justify-content: flex-start !important; } }
.home-about p:has(.count-up) { font-size: 48px; margin-bottom: 0; }
.home-about .count-up { background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 48px; }

.transparent .header-wrapper:not(.stuck) .header-main { margin-top: 40px; }
.transparent .header-wrapper:not(.stuck) .header-nav-main { background: rgba(255, 255, 255, 0.3); }

.transparent #logo img { filter: brightness(0) invert(1); }

.page-header .banner { border-radius: 24px; overflow: hidden; }
.page-header .banner:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(25, 62, 44, 0) 21.86%, rgba(25, 62, 44, 0.85) 100%), linear-gradient(180deg, rgba(25, 62, 44, 0) 21.86%, #193E2C 100%); background-blend-mode: multiply, multiply; z-index: 1; }
.page-header .banner .banner-layers { z-index: 2; }
.page-header .banner p { font-size: 20px; }
.page-header .banner h3 { font-size: 72px; line-height: 80px; }

.about-vision .ux-menu a { background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Saira; font-size: 56px; font-weight: 500; line-height: 68px; letter-spacing: -2.24px; text-transform: uppercase; align-items: center; position: relative; min-height: 176px; }
.about-vision .ux-menu a::before { content: ""; width: 1000px; height: 100%; position: absolute; top: 0; right: 0; border-radius: 0 30px 0 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, rgba(53, 54, 53, 0.95) 0%, rgba(126, 114, 110, 0) 100%); opacity: 0; }
.about-vision .ux-menu a:hover { background: var(--gradient-title); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.about-vision .ux-menu a:hover::before { opacity: 1; }

.about-thongdiep .col-inner { border-radius: 40px 40px 0 0; }
.about-thongdiep p { font-size: 14px; }
.about-thongdiep p:last-child { margin-bottom: 0; }
.about-thongdiep h3 { background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 36px; line-height: 48px; /* 133.333% */ letter-spacing: -1.44px; text-transform: uppercase; }

.desc { color: var(--text-500); font-weight: 400; }

.about-office h3 { font-size: 56px; }
.about-office p { font-size: 16px; font-weight: 400; color: #E6E3D2; }
.about-office .row .col-inner { display: flex; flex-direction: column; justify-content: flex-end; }
.about-office .row .col:nth-child(1) .col-inner { min-height: 630px; background: url("assets/images/bg_1.png") no-repeat center center; background-size: cover; }
.about-office .row .col:nth-child(2) .col-inner { background: url("assets/images/bg_2.png") no-repeat center center; background-size: cover; }

.row-benvung { background: url("assets/images/bg_3.jpg") no-repeat center center; background-size: cover; border-radius: 40px; height: 650px; display: flex; align-items: flex-end; }
.row-benvung h3 { color: #fff; font-size: 56px; font-weight: 500; line-height: 72px; text-transform: uppercase; }
.row-benvung p { color: var(--text-color, #796C68); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.row-benvung .col:nth-child(2) { background: #F9F9F9; border-radius: 40px; padding-bottom: 0; position: relative; border-radius: 40px 0 0 0; padding: 64px 32px; }
.row-benvung .col:nth-child(2)::before { content: ""; position: absolute; width: 30px; height: 30px; border-bottom-right-radius: 30px; box-shadow: 7px 6px 0 4px #fff; bottom: 0; left: -30px; }
.row-benvung .col:nth-child(2)::after { content: ""; position: absolute; width: 30px; height: 30px; border-bottom-right-radius: 30px; box-shadow: 7px 6px 0 4px #fff; top: -30px; right: 0; }
.row-benvung .flickity-page-dots { bottom: -40px; left: 0; right: auto; }

.row-contact { background: url("assets/images/bg_contact.png") no-repeat center center; background-size: cover; min-height: 318px; border-radius: 40px; overflow: hidden; margin-bottom: 40px; }
.row-contact h3 { color: #FFF; font-size: 13px; font-weight: 500; line-height: 16.9px; letter-spacing: 0.5px; text-transform: uppercase; }
.row-contact p { color: var(--main-4, #B5AAA6); font-size: 13px; font-weight: 400; line-height: 20px; }

.contact-form-lienhe label { color: var(--main-1, #193E2C); font-size: 14px; font-weight: 600; }
.contact-form-lienhe input[type=email], .contact-form-lienhe input[type=tel], .contact-form-lienhe input[type=text], .contact-form-lienhe textarea, .contact-form-lienhe select { height: 52px; border-radius: 10px; border: 1px solid rgba(177, 209, 214, 0.5); font-weight: 600; color: #333; font-size: 13px; }
.contact-form-lienhe input[type=email]::-webkit-input-placeholder, .contact-form-lienhe input[type=email]:-ms-input-placeholder, .contact-form-lienhe input[type=email]::placeholder, .contact-form-lienhe input[type=tel]::-webkit-input-placeholder, .contact-form-lienhe input[type=tel]:-ms-input-placeholder, .contact-form-lienhe input[type=tel]::placeholder, .contact-form-lienhe input[type=text]::-webkit-input-placeholder, .contact-form-lienhe input[type=text]:-ms-input-placeholder, .contact-form-lienhe input[type=text]::placeholder, .contact-form-lienhe textarea::-webkit-input-placeholder, .contact-form-lienhe textarea:-ms-input-placeholder, .contact-form-lienhe textarea::placeholder, .contact-form-lienhe select::-webkit-input-placeholder, .contact-form-lienhe select:-ms-input-placeholder, .contact-form-lienhe select::placeholder { font-size: 11px; font-style: italic; font-weight: 400; line-height: 150%; color: #796C68; }
.contact-form-lienhe textarea { min-height: 206px; }
.contact-form-lienhe .wpcf7-submit { border-radius: 8px; background: var(--gradient-bg); }

.rank-math-breadcrumb { font-size: 16px; color: #906742; }
.rank-math-breadcrumb a { color: #535154; }

.blog-wrapper { padding-top: 0; }

.article-inner h1, .article-inner h2, .article-inner h3 { color: #193E2C; }
.article-inner h1.entry-title { font-size: 48px; font-weight: 500; line-height: 56px; }
.article-inner .entry-header-text { padding-bottom: 0; }
.article-inner p { color: #796C68; }

.single-meta-info { margin: 15px 0; padding-top: 15px; }
.single-meta-info > div { display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: #888; }
.single-meta-info > div > div { display: flex; justify-content: space-between; border-bottom: 1px solid #E8E8E8; min-height: 56px; align-items: center; }
.single-meta-info > div > div span:first-child { text-transform: uppercase; letter-spacing: 1px; }
.single-meta-info > div > div span:last-child { color: #141414; font-weight: 500; font-size: 14px; }

#comments .comment-respond { background-color: transparent; margin-top: 15px; padding: 0; }

.comment-reply-title { display: none; }

.comment-form textarea { border: none; box-shadow: none; line-height: 36px; background-size: 100% 36px; overflow: hidden; border: 1px solid var(--Sub, #58575C); border-radius: 10px; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] { border: none; height: 50px; box-shadow: none; border: 1px solid var(--Sub, #58575C); border-radius: 10px; }
.comment-form .submit { height: 50px; line-height: 50px; min-width: 146px; text-align: left; font-weight: 500; border-radius: 30px; text-transform: none; background: #060606 url(assets/images/mingcute_arrow-up-line.png) no-repeat 88% 13px !important; padding-right: 59px; color: var(--grey, #B9B9B9); font-family: Saira; font-size: 16px; }

.review-form-inner { border: none; padding: 0; }

.product-info .product-title { color: var(--main-1, #193E2C); font-size: 48px; font-weight: 500; line-height: 56px; text-transform: uppercase; }
.product-info .button.primary { min-width: 250px; border-radius: 10px; }

.product-specs-table { margin-bottom: 50px; }
.product-specs-table h4 { color: var(--main-1, #193E2C); font-family: Saira; font-size: 24px; font-weight: 500; line-height: 40px; /* 166.667% */ }
.product-specs-table tr { border-bottom: 1px solid var(--main-1, #193E2C); }
.product-specs-table tr td:nth-child(1) { font-weight: 500; font-size: 18px; color: #193E2C; width: 50%; }
.product-specs-table tr td:nth-child(2) { font-weight: 400; font-size: 18px; color: #796C68; }

.additional_info { margin-top: 20px; }
.additional_info li { position: relative; padding-left: 42px; list-style: none; width: 49%; display: inline-block; color: var(--text-color, #796C68); font-family: Saira; font-size: 14px; font-weight: 400; line-height: 20px; margin-left: 0 !important; color: var(--text-color, #796C68); font-family: Saira; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ }
.additional_info li::before { content: ""; height: 38px; width: 38px; background: #D9D9D9; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100px; }

.gallery-remaining { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(25, 62, 44, 0.59) 0%, rgba(25, 62, 44, 0.59) 100%); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; font-weight: 600; border-radius: 4px; }

.single-product-content hr { background-color: #000; opacity: 1; }
.single-product-content h2.title { color: #193E2C; font-family: Saira; font-size: 36px; font-weight: 500; line-height: 48px; text-transform: uppercase; }
.single-product-content h3 { font-size: 20px; font-weight: 500; line-height: 28px; }
.single-product-content p { color: #796C68; font-size: 18px; font-weight: 400; line-height: 24px; }

.product-order h2.title { text-align: center; background-color: #fff; width: 60%; margin: 0 auto 40px; display: flex; align-items: center; align-content: center; padding: 20px; justify-content: center; border-radius: 0 0 40px 40px; }
.product-order h2.title span { background: var(--gradient-bg); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.footer-wrapper { border-top: 6px solid var(--main-2, #BE7D3A); background: var(--gradient-bg); overflow: hidden; }
.footer-wrapper h3 { color: #FFF; font-size: 13px; font-weight: 500; line-height: 16.9px; /* 130% */ letter-spacing: 0.5px; text-transform: uppercase; }
.footer-wrapper p { color: #888; font-size: 13px; font-weight: 400; line-height: 20px; }
.footer-wrapper:after { content: ""; position: absolute; width: 30px; height: 30px; border-bottom-right-radius: 30px; box-shadow: 7px 4px 0 4px #fff; bottom: 84px; right: 0; }

.footer-1 { border-top: none; background-color: transparent !important; padding-top: 50px; }
.footer-1 .logo-footer { filter: brightness(0) invert(1); height: 91px; width: auto; display: block; margin-bottom: 20px; }

.footer-2 { border-top: none; background-color: transparent !important; padding-top: 130px; }

.footer-3 { padding-bottom: 30px; padding-top: 0; }
.footer-3 ul li { border-top: none !important; display: inline-block; width: 33.333%; float: left; }
.footer-3 ul li a { color: #FFF; font-size: 14px; font-weight: 500; line-height: 15.6px; /* 111.429% */ letter-spacing: 0.5px; text-transform: uppercase; }
.footer-3 ul li:hover a, .footer-3 ul li.current-menu-item a { color: #888; }
.footer-3 .wpcf7 { padding-top: 30px; clear: both; display: block; }
.footer-3 .wpcf7 .flex-row { border-radius: 8px; background: var(--main-4, #B5AAA6); }
.footer-3 .wpcf7 input[type=email] { border: none; font-weight: 400; background-color: transparent; }
.footer-3 .wpcf7 input[type=email]::-webkit-input-placeholder, .footer-3 .wpcf7 input[type=email]:-ms-input-placeholder, .footer-3 .wpcf7 input[type=email]::placeholder { font-size: 12px; color: #fff !important; font-weight: 400; }
.footer-3 .wpcf7 .wpcf7-submit { border-radius: 8px; border: 1px solid var(--main-2, #BE7D3A); background: var(--gradient-bg); padding-right: 40px; width: 138px; margin: -0; }

.absolute-footer { border-radius: 40px 0 0 0; background: #FFF; padding: 0; }
.absolute-footer .container { position: relative; display: flex; align-items: center; padding: 0 30px; height: 84px; gap: 12px; }
.absolute-footer .container:before { content: ""; position: absolute; width: 30px; height: 30px; border-bottom-right-radius: 30px; box-shadow: 7px 6px 0 4px #fff; bottom: 0; left: -30px; }
.absolute-footer .container:after { content: ""; height: 100%; width: 1000px; right: -1000px; position: absolute; background-color: #fff; bottom: 0; }
.absolute-footer .social-icons a { height: 38px; min-width: 38px; background: #1E1E1E; border: none; line-height: 36px; margin-bottom: 0px; margin-right: 10px; }

.copyright-footer { color: #141414; font-size: 11.49px; font-weight: 500; line-height: 16.9px; letter-spacing: 0.5px; text-transform: uppercase; width: 50%; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li { margin-left: 5px !important; }
.nav-pagination li span { border-radius: 5px; height: 36px; width: 36px; line-height: 36px; border: none; }
.nav-pagination li a { height: 36px; width: 36px; line-height: 36px; font-weight: 600; font-size: 14px; background-color: transparent !important; border: 1px solid #D9D9D9; border-radius: 5px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: var(--primary-color) !important; color: #fff !important; border-color: var(--primary-color) !important; }
.nav-pagination li .current { border-color: var(--primary-color) !important; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

@media screen and (max-width: 768px) { .mobile-nav .has-icon a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 40px; height: 40px; padding: 0; min-width: auto; border-radius: 50%; position: relative; color: var(--primary-color); margin-top: 11px; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .has-icon .icon-menu { background: var(--primary-color); height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 5px; color: #fff; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111 !important; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li .toggle { color: #000; opacity: 1; }
  .off-canvas .nav-vertical > li.active > a { color: var(--fs-color-primary) !important; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .off-canvas .languages { padding: 0 20px; }
  .off-canvas .languages a { color: #000 !important; }
  .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { transform: translate(0); min-width: 300px; background: #fff; }
  .home-slide .banner h3 { font-size: 30px; line-height: 1.3; }
  .home-about h1 { font-size: 26px; line-height: 1.3; }
  .home-slide .banner p { font-size: 15px; }
  .subtitle { font-size: 16px; }
  .footer-2 { padding-top: 0; }
  .footer-2 .row .col { flex-basis: 50%; max-width: 50%; }
  .footer-3 { margin-bottom: 30px; }
  .page-header .banner h3 { font-size: 52px; }
  .about-office h3 { font-size: 32px; line-height: 1.3; } }
@media screen and (max-width: 512px) { .section-title span.section-title-main, .page-header .banner h3 { font-size: 30px; }
  .nav-pills > li > a { min-width: 150px; padding: 11px 15px; font-size: 17px; }
  .box-push .box-text { padding: 0px 5px; }
  .box.box-overlay .box-image .image-cover { padding-top: 100% !important; }
  .contact-title::after { width: 300px; height: 100%; background-size: contain; }
  .absolute-footer .container { padding: 0 13px; gap: 8px; }
  .absolute-footer .social-icons a { margin-right: 6px; }
  .absolute-footer .social-icons a:last-child { margin-right: 0; }
  .about-vision .ux-menu a { font-size: 42px; min-height: 106px; }
  .page-header { padding-top: 10px; padding-bottom: 10px; }
  .page-header .col { padding: 0 8px; }
  .product-order h2.title { font-size: 25px; width: 80%; }
  .post-item .box-vertical { flex-direction: column; }
  .post-item .box-vertical .post-title, .article-inner h1.entry-title { line-height: 1.3; font-size: 25px; }
  .post-item .box-vertical .box-text { padding-left: 15px !important; padding-right: 15px !important; }
  .row-contact { border-radius: 20px; margin: 3px 0 20px; } }