/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Sellsmart - Single Product Landing page HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Scrolling Ticker css
06. About Us css
07. Our Innovative css
08. Our Benefits css
09. How It Works css
10. Our Products css
11. Our Works css
12. Premium Product css
13. CTA Box css
14. Our FAQs css
15. Our Testimonials css
16. Our Blog css
17. Footer css
18. About Us Page css
19. Blog Archive css
20. Blog Single css
21. Features Page css
22. Testimonials Page css
23. FAQs Page css
24. Contact Us Page css
25. 404 Error Page css
26. Responsive css
27. Large Screen 1671px
28. Large Screen 1800px
29. Large Screen 2000px
30. Ultra Wide 3000px
31. Ultra Wide 4512px
32. Ultra Wide 6016px
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root{
    --primary-color				: #2D1318;
    --secondary-color			: #F0E4D0;
    --text-color				: #6B5D5F;
    --accent-color				: #7b0301;
    --bg-color					: #FDF8F0;
    --white-color				: #FFFFFF;
    --divider-color				: #2D13181A;
    --dark-divider-color		: rgba(45,19,24,0.1);
    --error-color				: rgb(230, 87, 87);
    --default-font				: "Montserrat", sans-serif;
    --accent-font				: "Playfair Display", "Frank Ruhl Libre", serif;
    --primary-10: rgba(45,19,24,0.08);
    --primary-20: rgba(45,19,24,0.15);
    --accent-10: rgba(123,3,1,0.08);
    --accent-20: rgba(123,3,1,0.18);
    --secondary-dark: #d9c4a0;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{
    position: relative;
    font-family: var(--default-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--text-color);
    background: var(--bg-color);
}
::-webkit-scrollbar-track{ background-color: var(--secondary-color); border-left: 1px solid var(--secondary-color); }
::-webkit-scrollbar{ width: 7px; background-color: var(--secondary-color); }
::-webkit-scrollbar-thumb{ background: var(--accent-color); }
::selection{ color: var(--primary-color); background-color: var(--accent-color); filter: invert(1); }
p{ line-height: 1.7; margin-bottom: 1.57rem; }
h1,h2,h3,h4,h5,h6{ margin:0; font-family: var(--accent-font); font-weight: 400; line-height: 1.2; color: var(--primary-color); }
figure{ margin: 0; }
img{ max-width: 100%; }
a{ text-decoration: none; }
a:hover{ text-decoration: none; outline: 0; }
a:focus{ text-decoration: none; outline: 0; }
html,body{ width: 100%; overflow-x: clip; }
.container{ max-width: 1300px; }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{ position: relative; padding-right: 15px; padding-left: 15px; z-index: 1; }
.image-anime{ position: relative; overflow: hidden; }
.image-anime:after{ content: ""; position: absolute; width: 250%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1; }
.image-anime:hover:after{ height: 250%; transition: all 600ms linear; background-color: transparent; }
.reveal{ position: relative; visibility: hidden; overflow: hidden; }
.reveal img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: left; transform-origin: left; }
.row{ margin-right: -15px; margin-left: -15px; }
.row > *{ padding-right: 15px; padding-left: 15px; }
.row.no-gutters{ margin-right: 0px; margin-left: 0px; }
.row.no-gutters > *{ padding-right: 0px; padding-left: 0px; }
.btn-default{ position: relative; display: inline-block; font-family: var(--default-font); font-size: 16px; font-weight: 700; line-height: 1; text-transform: capitalize; background: var(--accent-color); color: var(--white-color); border-radius: 0; padding: 17px 24px; border: none; overflow: hidden; transition: all 0.4s ease-in-out; z-index: 1; }
.btn-default:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: 50%; opacity: 0; background-color: var(--primary-color); border-radius: 0; transition: all 0.4s ease-in-out; z-index: -1; }
.btn-default:hover:before{ left: 0; right: 0; opacity: 1; }
.btn-default.btn-highlighted:hover{ color: var(--primary-color); }
.btn-default.btn-highlighted:before{ background: var(--white-color); }
.readmore-btn{ position: relative; display: inline-block; font-size: 16px; font-weight: 700; line-height: normal; text-transform: capitalize; color: var(--white-color); padding-right: 28px; }
.readmore-btn::before{ content: ''; font-family: 'Font Awesome 6 Free'; position: absolute; top: 50%; right: 0; transform: translate(-4px, -50%); background: url('../images/arrow-white.svg') no-repeat; background-position: right center; background-size: cover; width: 16px; height: 16px; transition: all 0.4s ease-in-out; }
.readmore-btn:hover::before{ transform: translate(0, -50%); }
.cb-cursor:before{ background: var(--accent-color); }
.preloader{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: var(--primary-color); display: flex; align-items: center; justify-content: center; }
.loading-container,.loading{ height: 100px; position: relative; width: 100px; border-radius: 100%; }
.loading-container{ margin: 40px auto; }
.loading{ border: 1px solid transparent; border-color: transparent var(--accent-color) transparent var(--accent-color); animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; }
.loading-container:hover .loading,.loading-container .loading{ transition: all 0.5s ease-in-out; }
#loading-icon{ position: absolute; top: 50%; left: 50%; max-width: 66px; transform: translate(-50%, -50%); }
@keyframes rotate-loading{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
.section-row{ margin-bottom: 80px; }
.section-row .section-title{ margin-bottom: 0; }
.section-title.section-title-center{ width: 100%; max-width: 635px; text-align: center; margin: 0 auto; }
.section-title{ margin-bottom: 40px; }
.section-title h3{ display: inline-block; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0.2rem; text-transform: uppercase; color: var(--primary-color); background: url('../images/icon-sub-heading.svg') no-repeat; background-position: left center; background-size: 20px auto; padding-left: 30px; margin-bottom: 15px; }
.section-title h1{ font-size: 70px; line-height: 1.1; margin-bottom: 0; cursor: none; }
.section-title h2{ font-size: 46px; margin-bottom: 0; cursor: none; }
.section-title p{ margin-top: 20px; margin-bottom: 0; }
.section-title-content p{ margin: 0; }
.section-btn{ text-align: right; }
.section-content-btn .section-btn{ text-align: left; margin-top: 30px; }
.dark-section{ position: relative; background-color: #F0E4D0; background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; color: #2D1318; }
.dark-section::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('../images/dark-section-bg-shape.svg'); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; height: 100%; width: 100%; z-index: 0; }
.dark-section .container{ position: relative; z-index: 1; }
.dark-section .section-title h1,.dark-section .section-title h2,.dark-section .section-title h3,.dark-section .section-title-content p,.dark-section .section-title p{ color: var(--primary-color); }
.dark-section .about-us-body p,.dark-section .about-us-body strong,.dark-section .about-us-body em{ color: #4A3A3C; }
.dark-section .benefits-box{ background: rgba(45,19,24,0.04); }
.dark-section .benefits-box-content h3,.dark-section .benefits-box-content ul li{ color: #2D1318; }
.dark-section .benefits-box-content ul{ border-color: rgba(45,19,24,0.1); }
.dark-section .benefits-box-content ul li::before{ color: #c9a96e; }
.dark-section .premium-product-price h2{ color: var(--primary-color); }
.help-block.with-errors ul{ margin: 0; text-align: left; }
.help-block.with-errors ul li{ color: var(--error-color); font-weight: 500; font-size: 14px; }

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{ position: absolute; top: 0; width: 100%; border-bottom: 1px solid rgba(45,19,24,0.08); z-index: 100; }
header.main-header .header-sticky{ position: relative; top: 0; z-index: 100; }
header.main-header .header-sticky.hide{ transform: translateY(-100%); transition: transform 0.3s ease-in-out; border-radius: 0; }
header.main-header .header-sticky.active{ position: fixed; top: 0; left: 0; right: 0; border-radius: 0; transform: translateY(0); background: #F0E4D0; border-bottom: 1px solid rgba(45,19,24,0.08); box-shadow: 0 2px 20px rgba(45,19,24,0.08); }
.navbar{ padding: 30px 0; align-items: center; }
.navbar-brand{ padding: 0; margin: 0; }
.navbar-brand .header-logo-img{ height: auto; width: auto; max-height: 120px; max-width: 280px; object-fit: contain; }
.main-menu .nav-menu-wrapper{ flex: 1; text-align: center; margin: 0 20px; }
.main-menu .nav-menu-wrapper > ul{ align-items: center; display: inline-flex; }
.main-menu ul li{ margin: 0; position: relative; }
.main-menu ul li a{ font-size: 16px; font-weight: 500; line-height: 1.1; padding: 15px 17px !important; color: var(--primary-color); text-transform: uppercase; transition: all 0.3s ease-in-out; }
.main-menu ul li.submenu > a:after{ content: '\f107'; font-family: 'FontAwesome'; font-weight: 900; font-size: 14px; margin-left: 8px; }
.main-menu ul li a:hover,.main-menu ul li a:focus{ color: var(--accent-color); }
.main-menu ul li a:focus-visible{ box-shadow: none; }
.main-menu ul ul{ visibility: hidden; opacity: 0; transform: scale(1,0.8); transform-origin: top; padding: 0; margin: 0; list-style: none; width: 235px; border-radius: 0px; position: absolute; left: 0; top: 100%; background: var(--accent-color); transition: all 0.3s ease-in-out; text-align: left; }
.main-menu ul li.submenu:first-child ul{ width: 235px; }
.main-menu ul ul ul{ left: 100%; top: 0; text-align: left; }
.main-menu ul li:hover > ul{ visibility: visible; opacity: 1; transform: scale(1,1); padding: 5px 0; }
.main-menu ul li.submenu ul li.submenu > a:after{ content: '\f105'; float: right; }
.main-menu ul ul li{ margin: 0; padding: 0; }
.main-menu ul ul li a{ color: var(--white-color); padding: 8px 20px !important; transition: all 0.3s ease-in-out; }
.main-menu ul ul li a:hover,.main-menu ul ul li a:focus{ color: var(--primary-color); background-color: transparent; padding: 8px 20px 8px 23px !important; }
.main-menu ul li.highlighted-menu{ display: none; }
.responsive-menu,.navbar-toggle{ display: none; }
.responsive-menu{ top: 0; position: relative; }
.slicknav_btn{ background: var(--accent-color); padding: 0; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0; border-radius: 0px; }
.slicknav_icon .slicknav_icon-bar{ display: block; width: 100%; height: 3px; width: 22px; background-color: var(--white-color); border-radius: 6px; margin: 4px auto !important; transition: all 0.1s ease-in-out; }
.slicknav_icon .slicknav_icon-bar:first-child{ margin-top: 0 !important; }
.slicknav_icon .slicknav_icon-bar:last-child{ margin-bottom: 0 !important; }
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){ transform: rotate(-45deg) translate(-5px, 5px); background-color: var(--white-color); }
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){ opacity: 0; }
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){ transform: rotate(45deg) translate(-5px, -5px); background-color: var(--white-color); }
.slicknav_menu{ position: absolute; width: 100%; padding: 0; background: var(--accent-color); }
.slicknav_menu ul{ margin: 5px 0; }
.slicknav_menu ul ul{ margin: 0; }
.slicknav_nav .slicknav_row,.slicknav_nav li a{ position: relative; font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 8px 20px; color: var(--white-color); line-height: normal; margin: 0; border-radius: 0 !important; transition: all 0.3s ease-in-out; }
.slicknav_nav a:hover,.slicknav_nav a:focus,.slicknav_nav .slicknav_row:hover{ background-color: transparent; color: var(--primary-color); }
.slicknav_menu ul ul li a{ padding: 8px 20px 8px 30px; }
.slicknav_arrow{ font-size: 0 !important; }
.slicknav_arrow:after{ content: '\f107'; font-family: 'FontAwesome'; font-weight: 900; font-size: 12px; margin-left: 8px; color: var(--white-color); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-out; }
.slicknav_open > a .slicknav_arrow:after{ transform: translateY(-50%) rotate(-180deg); color: var(--primary-color); }


/************************************/
/***   04a. Hero Slider css       ***/
/************************************/

.tds-hero-slider { position: relative; width: 100%; height: 120vh; min-height: 650px; background: #F0E4D0; }
.tds-hero-slider .swiper { height: 100%; }
.hero-slide { position: relative; height: 100%; display: flex; align-items: center; overflow: hidden; }
.slide-glow { position: absolute; top: 50%; right: 20%; transform: translate(0, -50%); width: 600px; height: 600px; border-radius: 50%; pointer-events: none; z-index: 1; opacity: 0; transition: opacity 1.5s ease; }
.swiper-slide-active .slide-glow { opacity: 1; }
.slide-glow.glow-wine { background: radial-gradient(circle, rgba(123,3,1,0.2) 0%, transparent 60%); }
.slide-glow.glow-amber { background: radial-gradient(circle, rgba(180,140,60,0.15) 0%, transparent 60%); }
.slide-glow.glow-rose { background: radial-gradient(circle, rgba(160,80,100,0.15) 0%, transparent 60%); }
@keyframes glowPulse { 0%, 100% { transform: translate(0, -50%) scale(1); } 50% { transform: translate(0, -50%) scale(1.12); } }
.slide-inner { position: relative; z-index: 5; width: 100%; }
.slide-badge { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 24px; opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }
.swiper-slide-active .slide-badge { opacity: 1; transform: translateY(0); }
.slide-badge .badge-line { display: block; width: 35px; height: 1px; background: #7b0301; }
.slide-badge .badge-text { font-family: 'Montserrat', sans-serif; font-size: 0.65rem; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(45,19,24,0.5); }
.slide-product-name { font-family: 'Montserrat', sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: #7b0301; margin-bottom: 16px; opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s; }
.swiper-slide-active .slide-product-name { opacity: 1; transform: translateY(0); }
.slide-headline { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 5vw, 4.2rem); font-weight: 700; color: #2D1318; line-height: 1.08; margin-bottom: 24px; opacity: 0; transform: translateY(40px); transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }
.swiper-slide-active .slide-headline { opacity: 1; transform: translateY(0); }
.slide-headline .headline-accent { display: block; background: linear-gradient(135deg, #7b0301, #c93025); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; padding-bottom: 6px; line-height: 1.2; }
.slide-headline .headline-light { font-weight: 400; font-style: italic; color: rgba(45,19,24,0.5); }
.slide-description { font-family: 'Montserrat', sans-serif; font-size: 0.9rem; line-height: 1.8; color: rgba(45,19,24,0.55); max-width: 380px; margin-bottom: 36px; opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.65s; }
.swiper-slide-active .slide-description { opacity: 1; transform: translateY(0); }
.slide-actions { display: flex; align-items: center; gap: 28px; opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.8s; }
.swiper-slide-active .slide-actions { opacity: 1; transform: translateY(0); }
.slide-btn { display: inline-flex; align-items: center; gap: 12px; padding: 16px 36px; background: linear-gradient(135deg, #7b0301, #9b1510); color: #F0E4D0; font-family: 'Montserrat', sans-serif; font-size: 0.75rem; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; text-decoration: none; position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.slide-btn::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #7b0301, #c93025); opacity: 0; transition: opacity 0.5s ease; z-index: 0; }
.slide-btn:hover { color: #F0E4D0; transform: translateY(-2px); box-shadow: 0 12px 40px rgba(123,3,1,0.4); }
.slide-btn:hover::before { opacity: 1; }
.slide-btn span, .slide-btn i { position: relative; z-index: 1; }
.slide-btn i { font-size: 0.7rem; transition: transform 0.3s ease; }
.slide-btn:hover i { transform: translateX(5px); }
.slide-price { display: flex; flex-direction: column; }
.slide-price-top { font-family: 'Montserrat', sans-serif; font-size: 0.85rem; letter-spacing: 1px; color: #2D1318; display: flex; align-items: center; gap: 10px; }
.slide-price-old { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; color: rgba(45,19,24,0.5); text-decoration: line-through; text-decoration-color: #7b0301; text-decoration-thickness: 2px; }
.slide-price-now { font-family: 'Montserrat', sans-serif; font-size: 0.85rem; color: #2D1318; margin-top: 4px; letter-spacing: 0.5px; display: flex; align-items: baseline; gap: 6px; }
.slide-price-amount { font-size: 1.2rem; font-weight: 700; color: #7b0301; }
.slide-price-off { font-family: 'Montserrat', sans-serif; font-size: 0.8rem; font-weight: 800; color: #fff; background: #7b0301; padding: 4px 12px; border-radius: 4px; letter-spacing: 0.5px; text-transform: uppercase; }
.slide-bottle-wrap { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 500px; }
.slide-bottle-img { position: relative; z-index: 3; max-height: 520px; width: auto; max-width: 100%; object-fit: contain; border-radius: 12px; filter: drop-shadow(0 20px 50px rgba(0,0,0,0.5)); opacity: 0; transform: scale(0.9); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s; will-change: transform, opacity; }
.slide-bottle-img.has-nobg { filter: drop-shadow(0 20px 50px rgba(0,0,0,0.4)) drop-shadow(0 0 80px rgba(123,3,1,0.15)); }
.swiper-slide-active .slide-bottle-img { opacity: 1; transform: scale(1); }
@keyframes bottleFloat { 0%, 100% { transform: scale(1) translateY(0); } 50% { transform: scale(1) translateY(-14px); } }
.slide-bottle-reflection { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 200px; height: 15px; background: radial-gradient(ellipse, rgba(45,19,24,0.15) 0%, transparent 70%); border-radius: 50%; opacity: 0; transition: opacity 1s ease 0.8s; }
.swiper-slide-active .slide-bottle-reflection { opacity: 1; }
.slide-note { position: absolute; z-index: 4; background: rgba(255,255,255,0.85); border: 1px solid rgba(123,3,1,0.12); border-radius: 14px; padding: 14px 18px; box-shadow: 0 4px 20px rgba(45,19,24,0.08); display: flex; flex-direction: column; gap: 2px; opacity: 0; transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1); will-change: opacity; }
.swiper-slide-active .slide-note { opacity: 1; }
.slide-note.note-top { top: 20%; right: 8%; transition-delay: 1s; }
.slide-note.note-bottom { bottom: 22%; left: 8%; transition-delay: 1.2s; }
.slide-note i { font-size: 0.7rem; color: #7b0301; margin-bottom: 3px; }
.slide-note .note-label { font-family: 'Montserrat', sans-serif; font-size: 0.6rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #2D1318; }
.slide-note .note-value { font-family: 'Playfair Display', serif; font-size: 0.8rem; font-style: italic; color: rgba(45,19,24,0.5); }
.hero-slider-nav { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; align-items: center; gap: 20px; }
.hero-slider-pagination { display: flex; align-items: center; gap: 8px; }
.hero-slider-pagination .swiper-pagination-bullet { width: 30px; height: 2px; border-radius: 2px; background: rgba(45,19,24,0.15); opacity: 1; transition: all 0.5s ease; }
.hero-slider-pagination .swiper-pagination-bullet-active { width: 50px; background: #7b0301; }
.hero-nav-btn { width: 44px; height: 44px; border: 1px solid rgba(45,19,24,0.15); background: transparent; color: rgba(45,19,24,0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; font-size: 0.8rem; }
.hero-nav-btn:hover { border-color: #7b0301; color: #2D1318; background: rgba(123,3,1,0.1); }
.hero-slide-counter { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 20; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.hero-slide-counter .counter-current { font-family: 'Playfair Display', serif; font-size: 1.4rem; font-weight: 700; color: #2D1318; }
.hero-slide-counter .counter-line { width: 1px; height: 40px; background: linear-gradient(to bottom, #7b0301, rgba(45,19,24,0.1)); }
.hero-slide-counter .counter-total { font-family: 'Montserrat', sans-serif; font-size: 0.7rem; color: rgba(45,19,24,0.3); letter-spacing: 1px; }
.hero-scroll { position: absolute; bottom: 50px; right: 40px; z-index: 20; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.hero-scroll .scroll-mouse { width: 22px; height: 34px; border: 1.5px solid rgba(45,19,24,0.2); border-radius: 11px; position: relative; }
.hero-scroll .scroll-wheel { width: 2px; height: 8px; background: #7b0301; border-radius: 2px; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); animation: scrollWheel 2s ease-in-out infinite; }
@keyframes scrollWheel { 0% { opacity: 1; top: 6px; } 100% { opacity: 0; top: 18px; } }
.hero-scroll span { font-family: 'Montserrat', sans-serif; font-size: 0.55rem; letter-spacing: 3px; text-transform: uppercase; color: rgba(45,19,24,0.25); writing-mode: vertical-rl; }
.hero-particles-layer { position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; }
.hero-particle { position: absolute; width: 3px; height: 3px; background: rgba(123,3,1,0.12); border-radius: 50%; }
.hp1 { top: 15%; left: 10%; animation: pFloat 16s ease-in-out infinite; }
.hp2 { top: 30%; left: 80%; animation: pFloat 14s ease-in-out 3s infinite; }
.hp3 { top: 65%; left: 15%; animation: pFloat 18s ease-in-out 6s infinite; }
@keyframes pFloat { 0%, 100% { transform: translateY(0) translateX(0); opacity: 0; } 15% { opacity: 0.8; } 50% { transform: translateY(-50px) translateX(15px); opacity: 0.4; } 85% { opacity: 0.8; } }


/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero{ padding: 220px 0 105px; }
.hero::before{ background-image: url('../images/hero-bg.svg'); background-position: bottom center; }
.hero .container{ position: relative; z-index: 3; }
.hero.hero-video{ padding: 290px 0 175px; }
.hero.hero-video .hero-bg-video::before{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--primary-color); opacity: 90%; width: 100%; height: 100%; z-index: 0; }
.hero.hero-video .hero-bg-video{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; }
.hero.hero-video .hero-bg-video video{ width: 100%; height: 100%; object-fit: cover; }
.hero.hero-video.hero-slider-layout{ background: none; padding: 0; }
.hero.hero-slider-layout .hero-slide{ position: relative; padding: 290px 0 175px; }
.hero.hero-slider-layout .hero-slide::before{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--primary-color); opacity: 90%; width: 100%; height: 100%; z-index: 2; }
.hero.hero-slider-layout .hero-slide .hero-slider-image{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.hero.hero-slider-layout .hero-slide .hero-slider-image img{ width: 100%; height: 100%; object-fit: cover; }
.hero.hero-slider-layout .hero-pagination{ position: absolute; bottom: 30px; text-align: center; z-index: 2; }
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: var(--dark-divider-color); opacity: 1; transition: all 0.3s ease-in-out; margin: 0 5px; }
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{ background-color: var(--accent-color); }
.hero.hero-video .hero-content{ text-align: center; }
.hero.hero-video .hero-content .section-title p{ width: 100%; max-width: 700px; margin: 20px auto 0; }
.hero.hero-video .hero-content .hero-body{ justify-content: center; }
.hero-body{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px 40px; }
.hero-body .video-play-button{ display: inline-flex; align-items: center; }
.hero-body .video-play-button p{ font-weight: 700; text-transform: capitalize; color: var(--white-color); margin: 0 15px 0 0; }
.hero-body .video-play-button a{ height: 50px; width: 50px; background: var(--accent-color); display: flex; justify-content: center; align-items: center; cursor: none; transition: all 0.4s ease-in-out; }
.hero-body .video-play-button:hover a{ background: var(--white-color); }
.hero-body .video-play-button a i{ font-size: 24px; color: var(--white-color); transition: all 0.4s ease-in-out; }
.hero-body .video-play-button:hover a i{ color: var(--primary-color); }
.hero-footer{ display: flex; flex-wrap: wrap; gap: 30px; border-top: 1px solid var(--dark-divider-color); margin-top: 40px; padding-top: 40px; }
.hero-footer-item{ width: calc(50% - 15px); display: flex; }
.hero-footer-item .icon-box{ margin-right: 20px; }
.hero-footer-item .icon-box img{ width: 100%; max-width: 50px; }
.hero-footer-item-content{ width: calc(100% - 70px); }
.hero-footer-item-content h3{ font-size: 24px; color: var(--white-color); margin-bottom: 5px; }
.hero-footer-item-content p{ color: var(--white-color); margin-bottom: 0; }
.hero-image figure{ display: block; }
.hero-image img{ width: 100%; aspect-ratio: 1 / 0.864; object-fit: cover; }

/************************************/
/***   05. Scrolling Ticker css   ***/
/************************************/

.our-scrolling-ticker{ background-color: var(--accent-color); padding: 25px 0; }
.scrolling-ticker-box{ --gap: 15px; position: relative; display: flex; overflow: hidden; user-select: none; gap: var(--gap); align-items: center; justify-content: center; }
.scrolling-content{ flex-shrink: 0; display: flex; gap: var(--gap); min-width: 100%; justify-content: center; animation: none; }
.scrolling-content span{ display: inline-block; font-family: var(--accent-font); font-size: 40px; font-weight: 400; line-height: 1.2; text-transform: capitalize; color: var(--white-color); }
.scrolling-content span img{ width: 26px; margin-right: 15px; }
@keyframes scroll{ from{ transform: translateX(0); } to{ transform: translateX(calc(-100% - var(--gap))); } }

/************************************/
/*** 	   06. About Us css 	  ***/
/************************************/

.about-us{ padding: 100px 0 !important; }
.about-us-body p{ line-height: 1.8; margin-bottom: 15px; }
.about-images{ margin: 0 20px 0 25px; overflow: hidden; border-radius: 16px; }
.about-images figure{ display: block; margin: 0; }
.about-images img{ width: 100%; object-fit: cover; border-radius: 16px; }
.about-body-item{ display: flex; margin-bottom: 30px; }
.about-body-item:last-child{ margin-bottom: 0; }
.about-body-item .icon-box{ margin-right: 20px; }
.about-body-item .icon-box img{ width: 100%; max-width: 50px; }
.about-body-item-content{ width: calc(100% - 70px); }
.about-body-item-content h3{ font-size: 24px; margin-bottom: 5px; }
.about-body-item-content p{ margin-bottom: 0; }
.about-us-footer{ display: flex; align-items: center; flex-wrap: wrap; gap: 20px 40px; margin-top: 50px; }
.about-contact-box{ display: flex; align-items: center; }
.about-contact-box .icon-box{ position: relative; width: 50px; height: 50px; background-color: var(--accent-color); display: flex; align-items: center; justify-content: center; margin-right: 15px; overflow: hidden; }
.about-contact-box .icon-box:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-color); height: 100%; width: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; }
.about-contact-box:hover .icon-box::before{ transform: scale(1) rotate(180deg); }
.about-contact-box .icon-box img{ position: relative; width: 100%; max-width: 26px; z-index: 1; }
.about-contact-box-content h3{ font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 2px; }
.about-contact-box-content p{ margin-bottom: 0; }
.about-contact-box-content p a{ color: inherit; transition: all 0.3s ease-in-out; }
.about-contact-box-content p a:hover{ color: var(--primary-color); }


/************************************/
/*** 	07. Our Innovative css 	  ***/
/************************************/

.our-innovation{ background: var(--secondary-color) url('../images/our-innvation-bg.svg') no-repeat; background-position: top center; background-size: 100% auto; padding: 100px 0; }
.innovation-tab-nav{ margin-bottom: 60px; }
.innovation-tab-nav ul{ list-style: none; text-align: center; display: flex; align-items: center; padding: 0; margin: 0; border-bottom: 5px solid var(--divider-color); }
.innovation-tab-nav ul li{ width: 33.33%; }
.innovation-tab-nav ul li .nav-link{ font-family: var(--accent-font); position: relative; width: 100%; display: flex; align-items: center; justify-content: center; border: none; color: var(--primary-color); font-size: 20px; font-weight: 400; line-height: 1.2; padding: 0 5px 25px; text-transform: capitalize; transition: all 0.3s ease-in-out; }
.innovation-tab-nav ul li .nav-link.active,.innovation-tab-nav ul li .nav-link:hover{ background: transparent; color: var(--accent-color); }
.innovation-tab-nav ul li .nav-link::before{ content: ''; display: block; position: absolute; bottom: -4px; left: auto; right: 0; background: transparent; width: 0; height: 5px; transition: all 0.4s ease-in-out; }
.innovation-tab-nav ul li .nav-link.active:before,.innovation-tab-nav ul li .nav-link:hover:before{ width: 100%; left: 0; right: auto; }
.innovation-tab-nav ul li .nav-link img{ width: 100%; max-width: 30px; margin-right: 15px; }
.innovation-content p{ margin-bottom: 0; }
.innovation-content ul{ border-top: 1px solid var(--divider-color); list-style: none; margin: 30px 0 0; padding: 30px 0 0; }
.innovation-content ul li{ position: relative; line-height: 1.5; padding-left: 30px; margin-bottom: 20px; }
.innovation-content ul li:last-child{ margin-bottom: 0; }
.innovation-content ul li::before{ content: '\f14a'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 900; color: var(--accent-color); }
.innovation-content h3{ font-size: 1.5rem; margin-bottom: 10px; }
.innovation-content h3 span{ color: var(--accent-color); }
.innovation-discount-badge, .innovation-discount-badge-mini { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding: 12px 22px; background: rgba(123,3,1,0.06); border: none; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #2D1318; font-weight: 500; }
.innovation-discount-badge-mini { background: transparent !important; }
.inno-price-old { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; color: rgba(45,19,24,0.5); text-decoration: line-through; text-decoration-color: #7b0301; text-decoration-thickness: 2px; }
.inno-badge-off { display: inline-block; background: #7b0301; color: #fff; padding: 4px 12px; border-radius: 4px; font-weight: 800; font-size: 0.8rem; letter-spacing: 0.5px; text-transform: uppercase; }
.inno-price-now { font-family: 'Montserrat', sans-serif; font-size: 0.9rem; color: #2D1318; letter-spacing: 0.5px; }
.inno-price-now strong { font-size: 1.2rem; font-weight: 700; color: #7b0301; }
.innovation-discount-badge-mini span{ font-size: 1rem !important; }
.innovation-btn{ margin-top: 40px; }
.innovation-image{ overflow: hidden; border-radius: 20px; }
.innovation-image figure{ display: block; background: #f5f0eb; border-radius: 20px; overflow: hidden; margin: 0; }
.innovation-image img{ width: 100%; height: auto; display: block; object-fit: cover; object-position: center; border-radius: 20px; max-height: 950px; }
.innovation-image .image-anime:after{ display: none; }

/************************************/
/*** 	 08. Our Benefits css 	  ***/
/************************************/

.our-benefits{ padding: 100px 0; }
.benefits-box{ position: relative; height: calc(100% - 30px); background: var(--secondary-color); padding: 40px; margin-bottom: 30px; }
.benefits-box::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: var(--accent-color); height: 0; width: 100%; transition: all 0.4s ease-in-out; z-index: 0; }
.benefits-box:hover::before{ height: 100%; }
.benefits-box img,.benefits-box h3,.benefits-box ul,.benefits-box ul li{ position: relative; z-index: 1; transition: all 0.4s ease-in-out; }
.benefits-box .icon-box{ margin-bottom: 30px; }
.benefits-box .icon-box img{ width: 100%; max-width: 60px; }
.benefits-box:hover .icon-box img{ filter: brightness(0) invert(1); }
.benefits-box-content h3{ font-size: 24px; }
.benefits-box-content ul{ border-top: 1px solid var(--divider-color); list-style: none; margin: 30px 0 0; padding: 30px 0 0; }
.benefits-box:hover .benefits-box-content ul{ border-color: var(--dark-divider-color); }
.benefits-box-content ul li{ position: relative; line-height: 1.5; padding-left: 30px; margin-bottom: 20px; }
.benefits-box-content ul li:last-child{ margin-bottom: 0; }
.benefits-box-content ul li::before{ content: '\f14a'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 900; color: var(--accent-color); transition: all 0.4s ease-in-out; }
.benefits-box:hover .benefits-box-content h3,.benefits-box:hover .benefits-box-content ul li,.benefits-box:hover .benefits-box-content ul li::before{ color: var(--white-color); }
.benefits-item-list{ display: flex; gap: 30px 80px; flex-wrap: wrap; border-top: 1px solid var(--divider-color); margin-top: 50px; padding-top: 80px; }
.benefits-item{ position: relative; width: calc(25% - 60px); display: flex; align-items: center; }
.benefits-item::before{ content: ''; position: absolute; top: 0; right: -40px; bottom: 0; height: 100%; width: 1px; background: var(--divider-color); }
.benefits-item:last-child:before,.benefits-item:nth-child(4n + 4):before{ display: none; }
.benefits-item .icon-box{ margin-right: 20px; }
.benefits-item .icon-box img{ width: 100%; max-width: 50px; }
.benefits-item-content{ width: calc(100% - 70px); }
.benefits-item-content h3{ font-size: 24px; margin-bottom: 5px; }
.benefits-item-content p{ margin-bottom: 0; }

/************************************/
/*** 	 09. How It Works css 	  ***/
/************************************/

.how-it-works{ position: relative; background: var(--primary-color); }
.how-it-works .container-fluid{ padding: 0; }
.how-works-image-content{ position: relative; background: url('../images/how-it-work-bg.jpg') no-repeat; background-size: cover; background-position: center center; height: 100%; align-content: center; padding-top: 30px; padding-right: 10.938vw; padding-bottom: 30px; padding-left: calc(((100vw - 1300px) / 2) + 15px); }
.how-works-image-content::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--primary-color); opacity: 80%; width: 100%; height: 100%; z-index: 0; }
.how-works-image-content .section-title,.how-works-image-content .how-works-btn{ position: relative; z-index: 1; }
.how-works-image-content .section-title h3,.how-works-image-content .section-title h2,.how-works-image-content .section-title p{ color: var(--white-color); }
.how-works-list{ background: url('../images/how-it-works-bg-shape.svg') no-repeat; background-position: right center; background-size: auto; height: 100%; align-content: center; padding-top: 5.208vw; padding-right: calc(((100vw - 1300px) / 2) + 15px); padding-bottom: 5.208vw; padding-left: 5.208vw; }
.how-works-list-item{ display: flex; margin-bottom: 40px; }
.how-works-list-item:last-child{ margin-bottom: 0; }
.how-works-list-item .icon-box{ margin-right: 30px; }
.how-works-list-item .icon-box img{ width: 100%; max-width: 50px; }
.how-works-item-content{ width: calc(100% - 80px); }
.how-works-item-content h3{ font-size: 24px; color: var(--white-color); margin-bottom: 10px; }
.how-works-item-content p{ color: var(--white-color); margin-bottom: 0; }


/************************************/
/*** 	 10. Our Products css 	  ***/
/************************************/

.our-products{ padding: 100px 0 70px; }
.product-offer-box{ position: relative; height: calc(100% - 30px); margin-bottom: 30px; }
.product-offer-image{ height: 100%; }
.product-offer-image figure{ display: block; height: 100%; }
.product-offer-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.68; object-fit: cover; }
.product-offer-content{ position: relative; background: var(--primary-color); clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); text-align: center; padding: 60px 30px 30px; margin-top: -210px; z-index: 1; }
.product-offer-content h2{ font-size: 40px; color: var(--white-color); margin-bottom: 20px; }
.product-item{ height: calc(100% - 30px); margin-bottom: 30px; }
.product-image{ margin-bottom: 30px; }
.product-image figure{ display: block; }
.product-image img{ width: 100%; aspect-ratio: 3 / 4; object-fit: contain; transition: all 0.4s ease-in-out; }
.product-item:hover .product-image img{ transform: scale(1.1); }
.product-body{ text-align: center; }
.product-rating{ margin-bottom: 15px; }
.product-rating i{ color: var(--accent-color); }
.product-item-content h3{ font-size: 24px; margin-bottom: 5px; }
.product-item-content p{ font-family: var(--accent-font); font-size: 24px; line-height: normal; color: var(--accent-color); margin-bottom: 0; }
.product-item-content p span{ font-size: 16px; color: var(--text-color); text-decoration: line-through; }
.product-gallery{ padding: 60px 0; background: var(--secondary-color); }
.product-gallery-item{ overflow: hidden; border-radius: 12px; }
.product-gallery-item img{ width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; border-radius: 12px; transition: transform 0.4s ease; }
.product-gallery-item:hover img{ transform: scale(1.05); }

/************************************/
/*** 	   11. Our Works css 	  ***/
/************************************/

.our-works{ background: var(--secondary-color) url('../images/our-innvation-bg.svg') no-repeat; background-position: top center; background-size: 100% auto; padding: 100px 0; }
.work-content-box-1{ margin-right: 15px; }
.work-image figure{ display: block; }
.work-image img{ width: 100%; aspect-ratio: 1 / 0.827; object-fit: cover; }
.work-image-box{ display: flex; flex-wrap: wrap; gap: 30px; margin: 30px 0 40px; }
.work-content-box-2 .work-image img{ aspect-ratio: 1 / 0.35; }
.work-image-box .work-image{ width: calc(50% - 15px); }
.work-image-box .work-image img{ aspect-ratio: 1 / 0.736; }
.work-content p{ margin-bottom: 30px; }
.work-content ul{ margin: 0; padding: 0; list-style: none; }
.work-content ul li{ position: relative; line-height: 1.5; padding-left: 30px; margin-bottom: 20px; }
.work-content ul li:last-child{ margin-bottom: 0; }
.work-content ul li::before{ content: '\f14a'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 900; color: var(--accent-color); transition: all 0.4s ease-in-out; }
.work-content-btn{ margin-top: 40px; }

/************************************/
/***   12. Premium Product css 	  ***/
/************************************/

.premium-product{ padding: 100px 0; }
.premium-product-image{ position: relative; background: url('../images/premium-product-arrow.svg') no-repeat; background-position: right top 100px; background-size: 110px auto; padding: 0 70px; margin-right: 80px; }
.premium-product-image figure{ display: block; }
.premium-product-image figure img{ width: 100%; aspect-ratio: 1 / 1.4; object-fit: cover; }
.premium-care-circle{ position: absolute; top: 80px; left: 0; }
.premium-care-circle img{ width: 100%; max-width: 160px; border-radius: 50%; animation: infiniterotate 20s infinite linear; }
@keyframes infiniterotate{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }
.premium-product-body{ display: flex; flex-wrap: wrap; gap: 30px; }
.premium-product-item{ width: calc(50% - 15px); display: flex; align-items: center; }
.premium-product-item .icon-box{ margin-right: 15px; }
.premium-product-item .icon-box img{ width: 100px; max-width: 50px; }
.premium-product-item-content{ width: calc(100% - 65px); }
.premium-product-item-content h3{ font-size: 24px; }
.premium-product-footer{ display: flex; align-items: center; flex-wrap: wrap; gap: 30px 60px; margin-top: 40px; }
.premium-product-price h2{ font-size: 46px; }

/************************************/
/*** 	    13. CTA Box css 	  ***/
/************************************/

.cta-box-section{ padding: 100px 0; }
.cta-box{ display: flex; flex-wrap: wrap; gap: 30px; }
.cta-box-content{ width: calc(48% - 15px); align-content: center; }
.cta-box-list ul{ display: flex; flex-wrap: wrap; gap: 20px 30px; margin: 0; padding: 0; list-style: none; }
.cta-box-list ul li{ position: relative; width: calc(50% - 15px); color: var(--white-color); line-height: 1.5; padding-left: 30px; }
.cta-box-list ul li::before{ content: '\f14a'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 900; color: var(--white-color); }
.cta-box-btn{ position: relative; display: inline-block; margin-top: 60px; }
.cta-box-btn::before{ content: ''; position: absolute; bottom: 5px; right: -30px; transform: translateX(100%); background: url('../images/cta-box-arrow.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100px; height: 55px; animation: ctaarrowmove 2s infinite linear alternate; }
@keyframes ctaarrowmove{ 50%{ right: -60px; } }
.cta-box-image{ align-content: end; background-image: url('../images/cta-box-image-bg.svg'); background-repeat: no-repeat; background-size: 100% auto; background-position: center center; width: calc(52% - 15px); padding-left: 10px; }
.cta-box-image figure{ display: block; }
.cta-box-image img{ width: 100%; object-fit: cover; margin-bottom: -100px; }


/************************************/
/*** 	   14. Our FAQs css 	  ***/
/************************************/

.our-faqs{ padding: 100px 0; }
.faq-accordion .accordion-item{ position: relative; background: var(--secondary-color); margin-bottom: 40px; padding: 0; transition: all 0.3s ease-in-out; overflow: hidden; }
.faq-accordion .accordion-item:last-child{ margin-bottom: 0; }
.faq-accordion .accordion-header .accordion-button{ font-size: 22px; font-weight: 400; line-height: normal; background: transparent; padding: 16px 50px 16px 20px; color: var(--primary-color); transition: all 0.3s ease-in-out; }
.faq-accordion .accordion-item .accordion-button::after,.faq-accordion .accordion-item .accordion-button.collapsed::after{ content: '\f107'; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--primary-color); transition: all 0.3s ease-in-out; }
.faq-accordion .accordion-item .accordion-button.collapsed::after{ transform: translateY(-50%) rotate(180deg); }
.faq-accordion .accordion-item .accordion-body{ background: transparent; border-top: 1px solid var(--divider-color); padding: 18px 50px 18px 20px; }
.faq-accordion .accordion-item .accordion-body p{ margin: 0; }
.faqs-image{ position: relative; text-align: center; margin: 0 110px; }
.faq-image img{ width: 100%; aspect-ratio: 1 / 1.12; object-fit: cover; }
.faqs-cta-box{ position: absolute; top: 0; left: 18px; transform: rotate(-180deg); writing-mode: vertical-rl; background-color: var(--accent-color); height: 308px; display: flex; align-items: center; padding: 18px; }
.faqs-cta-box .icon-box{ width: 50px; height: 50px; background-color: var(--dark-divider-color); display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.faqs-cta-box .icon-box img{ width: 100%; max-width: 30px; transform: rotate(90deg); }
.faqs-cta-box-content{ height: calc(100% - 65px); text-align: left; }
.faqs-cta-box-content h3{ color: var(--white-color); font-size: 20px; text-transform: capitalize; }

/************************************/
/***   15. Our Testimonials css	  ***/
/************************************/

.our-testimonials{ background-color: var(--primary-color); background-image: url('../images/testimonials-bg.png'); padding: 100px 0; }
.our-testimonials::before{ display: none; }
.testimonial-rating{ margin-bottom: 10px; }
.testimonial-rating i{ color: var(--accent-color); font-size: 18px; }
.testimonial-review-box p{ color: var(--white-color); opacity: 80%; text-transform: capitalize; margin: 0; }
.testimonial-slider .swiper-wrapper{ cursor: none; }
.testimonials-rating{ margin-bottom: 30px; }
.testimonials-rating i{ color: var(--accent-color); font-size: 22px; }
.testimonial-content{ border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 40px; padding-bottom: 40px; }
.testimonial-content p{ color: var(--white-color); font-size: 18px; font-weight: 500; margin: 0; }
.testimonial-body{ display: flex; align-items: center; }
.author-image{ margin-right: 15px; }
.author-image figure{ display: block; overflow: hidden; }
.author-image img{ max-width: 60px; }
.author-content{ width: calc(100% - 75px); }
.author-content h3{ color: var(--white-color); font-size: 24px; text-transform: capitalize; }
.author-content p{ color: var(--white-color); opacity: 80%; text-transform: capitalize; margin: 0; }
.testimonial-btn{ position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: right; margin-top: 30px; z-index: 2; }
.testimonial-slider .testimonial-button-next,.testimonial-slider .testimonial-button-prev{ position: relative; width: 40px; height: 40px; background: var(--dark-divider-color); transition: all 0.4s ease-in-out; }
.testimonial-slider .testimonial-button-next{ margin-left: 20px; }
.testimonial-slider .testimonial-button-next:hover,.testimonial-slider .testimonial-button-prev:hover{ background: var(--accent-color); }
.testimonial-slider .testimonial-button-next::before,.testimonial-slider .testimonial-button-prev::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("../images/arrow-white.svg") no-repeat center center; background-size: 18px auto; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; }
.testimonial-slider .testimonial-button-prev::before{ transform: rotate(180deg); }
.company-supports-slider{ border-top: 1px solid var(--dark-divider-color); margin-top: 80px; padding-top: 80px; }
.company-supports-logo{ text-align: center; }
.company-supports-logo img{ width: 100%; max-height: 40px; }

/************************************/
/*** 	   16. Our Blog css 	  ***/
/************************************/

.our-blog{ padding: 100px 0 70px; }
.post-item{ position: relative; height: calc(100% - 30px); margin-bottom: 30px; }
.post-featured-image a{ cursor: none; display: block; }
.post-featured-image figure{ position: relative; display: block; }
.post-featured-image figure::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(21, 30, 9, 0) 57.7%, rgba(21, 30, 9, 0.9) 88.05%); width: 100%; height: 100%; z-index: 1; }
.post-featured-image img{ width: 100%; aspect-ratio: 1 / 1.141; object-fit: cover; transition: all 0.4s ease-in-out; }
.post-item:hover .post-featured-image img{ transform: scale(1.1); }
.post-item-body{ position: absolute; right: 30px; bottom: 30px; left: 30px; z-index: 1; }
.post-item-content{ margin-bottom: 15px; }
.post-item-content h2{ font-size: 24px; line-height: 1.4; color: var(--white-color); }
.post-item-content h2 a{ color: inherit; }


/************************************/
/*** 	    17. Footer css  	  ***/
/************************************/

.main-footer{ padding: 100px 0 0; }
.footer-cta-box{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; background-color: rgba(45,19,24,0.05); padding: 25px 60px; margin-bottom: 80px; }
.footer-logo img{ width: 100%; max-width: 280px; height: auto; }
.footer-social-links ul{ list-style: none; padding: 0; margin: 0; }
.footer-social-links ul li{ display: inline-block; margin-right: 15px; }
.footer-social-links ul li:last-child{ margin: 0; }
.footer-social-links ul li a{ display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border: 1px solid rgba(45,19,24,0.2); transition: all 0.3s ease-in-out; }
.footer-social-links ul li:hover a{ border-color: var(--accent-color); }
.footer-social-links ul li i{ font-size: 18px; color: var(--primary-color); transition: all 0.3s ease-in-out; }
.footer-social-links ul li:hover a i{ color: var(--accent-color); }
.footer-links-box{ display: flex; flex-wrap: wrap; gap: 30px 120px; }
.footer-links{ position: relative; width: calc(28% - 80px); }
.footer-links::before{ content: ''; position: absolute; width: 1px; height: 100%; top: 0; right: -60px; bottom: 0; left: auto; background: rgba(45,19,24,0.1); }
.footer-links:last-child:before{ display: none; }
.footer-links h3{ font-size: 24px; font-family: var(--accent-font); color: var(--primary-color); text-transform: capitalize; margin-bottom: 30px; }
.footer-links ul{ margin: 0; padding: 0; list-style: none; }
.footer-links ul li{ text-transform: capitalize; line-height: 1.5; margin-bottom: 15px; }
.footer-links ul li:last-child{ margin: 0; }
.footer-links ul li a{ color: var(--text-color); transition: all 0.3s ease-in-out; }
.footer-links ul li a:hover{ color: var(--accent-color); }
.newsletter-form.footer-links{ width: calc(44% - 80px); text-align: center; }
.newsletter-form .form-group{ display: flex; padding: 5px; }
.newsletter-form .form-group .form-control{ width: 72%; font-size: 16px; font-weight: 400; line-height: 1.4; color: var(--primary-color); background: transparent; border: none; border-radius: 0; outline: none; box-shadow: none; padding: 12px 20px; }
.newsletter-form .form-group .form-control::placeholder{ color: rgba(45,19,24,0.4); }
.newsletter-form .form-group .btn-default.btn-highlighted{ width: 28%; padding: 17px; }
.footer-privacy-policy{ margin-top: 30px; }
.footer-privacy-policy ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 30px; }
.footer-privacy-policy ul li{ position: relative; display: inline-block; margin-bottom: 0; }
.footer-privacy-policy ul li::before{ content: '/'; position: absolute; top: 0; right: -18px; bottom: 0; color: var(--primary-color); }
.footer-privacy-policy ul li:last-child:before{ display: none; }
.footer-contact-item{ display: flex; align-items: baseline; margin-bottom: 25px; }
.footer-contact-item:last-child{ margin-bottom: 0; }
.footer-contact-item .icon-box{ margin-right: 15px; }
.footer-contact-item .icon-box img{ width: 100%; max-width: 25px; }
.footer-contact-content{ width: calc(100% - 40px); }
.footer-contact-content p{ color: var(--text-color); margin: 0; }
.footer-contact-content p a{ color: inherit; transition: all 0.4s ease-in-out; }
.footer-contact-content p a:hover{ color: var(--accent-color); }
.footer-copyright-text{ border-top: 1px solid rgba(45,19,24,0.1); text-align: center; margin-top: 60px; padding: 60px 0; }
.footer-copyright-text p{ color: var(--text-color); margin-bottom: 0; }

/************************************/
/*** 	18. About Us Page css 	  ***/
/************************************/

.page-header {
    padding: 150px 0 60px !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-header::before{ background-image: url('../images/page-header-bg.svg'); background-position: bottom left; background-size: cover; }
.page-header-box{ margin-top: 30px; text-align: center; }
.page-header-box h1{ display: inline-block; font-size: 70px; text-transform: uppercase; color: var(--primary-color); margin-bottom: 15px; cursor: none; }
.page-header-box ol{ margin: 0; padding: 0; justify-content: center; }
.page-header-box ol li.breadcrumb-item{ font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--text-color); }
.page-header-box ol li.breadcrumb-item a{ color: inherit; }
.page-header-box ol li.breadcrumb-item.active{ color: var(--accent-color); }
.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{ color: var(--text-color); }
.our-approach{ background: var(--secondary-color) url('../images/our-innvation-bg.svg') no-repeat; background-position: top center; background-size: 100% auto; padding: 100px 0; }
.mission-vison-item{ height: calc(100% - 30px); margin-bottom: 30px; }
.mission-vision-image figure{ display: block; }
.mission-vision-image img{ width: 100%; aspect-ratio: 1 / 0.74; object-fit: cover; transition: all 0.4s ease-in-out; }
.mission-vison-item:hover .mission-vision-image img{ transform: scale(1.1); }
.mission-vision-content{ display: flex; }
.mission-vision-content .icon-box{ width: 120px; height: auto; background: var(--accent-color); display: flex; align-items: center; justify-content: center; }
.mission-vision-content .icon-box img{ width: 100%; max-width: 60px; }
.mission-vision-body{ width: calc(100% - 120px); background: var(--bg-color); padding: 20px; }
.mission-vision-body h3{ font-size: 24px; text-transform: capitalize; margin-bottom: 5px; }
.mission-vision-body p{ margin: 0; }
.section-footer-text{ margin-top: 30px; text-align: center; }
.section-footer-text p{ color: var(--text-color); margin: 0; }
.section-footer-text p span{ font-weight: 500; color: var(--white-color); background: var(--accent-color); border-radius: 0px; padding: 2px 8px; margin-right: 10px; }
.section-footer-text p a{ color: var(--text-color); font-weight: 700; text-transform: capitalize; text-decoration: underline; transition: all 0.3s ease-in-out; }
.section-footer-text p a:hover{ color: var(--primary-color); }
.special-saving{ padding: 100px 0; }
.special-saving-box{ display: flex; flex-wrap: wrap; gap: 30px; }
.special-saving-image{ width: calc(25% - 20px); }
.special-saving-image figure{ display: block; height: 100%; }
.special-saving-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 2.165; object-fit: cover; }
.special-saving-content{ position: relative; width: calc(50% - 20px); padding: 80px; text-align: center; align-content: center; background: url('../images/special-saving-content-bg.jpg') no-repeat; background-position: center center; background-size: cover; }
.special-saving-content:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--primary-color); opacity: 90%; }
.special-saving-content:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: url('../images/special-saving-image-bg.svg') no-repeat; background-position: center center; background-size: auto 100%; }
.special-saving-content .section-title{ position: relative; z-index: 1; }
.special-saving-content .section-title h3,.special-saving-content .section-title h2,.special-saving-content .section-title p{ color: var(--white-color); }
.special-saving-content-body{ position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-bottom: 40px; z-index: 1; }
.special-saving-content-body .countdown-text{ position: relative; width: calc(25% - 22.5px); }
.special-saving-content-body .countdown-text::before{ content: ':'; position: absolute; top: 50%; right: -20px; transform: translateY(-80%); font-size: 46px; color: var(--white-color); }
.special-saving-content-body .countdown-text:last-child:before{ display: none; }
.countdown-text h3{ color: var(--white-color); font-size: 46px; }
.countdown-text p{ color: var(--white-color); text-transform: capitalize; margin: 0; }
.pure-natural{ padding: 100px 0; }
.pure-natural-image{ position: relative; display: flex; flex-wrap: wrap; gap: 30px; margin-right: 30px; }
.pure-natural-image:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 344px; height: 420px; border: 30px solid var(--secondary-color); z-index: 0; }
.pure-natural-img-1{ position: relative; width: calc(51% - 15px); z-index: 1; }
.pure-natural-img-2{ position: relative; width: calc(49% - 15px); margin-top: 235px; z-index: 1; }
.pure-natural-img-1 figure,.pure-natural-img-2 figure{ display: block; }
.pure-natural-img-1 img,.pure-natural-img-2 img{ width: 100%; aspect-ratio: 1 / 1.51; object-fit: cover; }
.pure-natural-img-circle{ position: absolute; top: 180px; left: 50%; transform: translateX(-50%); border: 6px solid var(--white-color); border-radius: 50%; overflow: hidden; z-index: 1; }
.pure-natural-img-circle img{ width: 100%; max-width: 160px; animation: infiniterotate 20s infinite linear; }
.pure-natural-body{ display: flex; flex-wrap: wrap; gap: 20px 30px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--divider-color); }
.natural-counter-item{ width: calc(33.33% - 20px); }
.natural-counter-item h2{ font-size: 24px; margin-bottom: 5px; }
.natural-counter-item p{ line-height: 1.4; margin: 0; }
.pure-natural-list{ margin-bottom: 40px; }
.pure-natural-list ul{ list-style: none; margin: 0; padding: 0; }
.pure-natural-list ul li{ position: relative; line-height: 1.5; padding-left: 30px; margin-bottom: 20px; }
.pure-natural-list ul li:last-child{ margin-bottom: 0; }
.pure-natural-list ul li::before{ content: '\f14a'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 900; color: var(--accent-color); }
.best-products{ background: var(--secondary-color) url('../images/best-products-bg.svg') no-repeat; background-position: top center; background-size: 100% auto; padding: 100px 0; }
.best-product-item{ background: var(--bg-color); height: calc(100% - 40px); display: flex; align-items: center; flex-wrap: wrap; gap: 30px; padding: 30px; margin-bottom: 40px; }
.best-product-image,.best-product-content{ width: calc(50% - 15px); }
.best-product-image figure{ display: block; }
.best-product-image img{ width: 100%; aspect-ratio: 1 / 0.999; object-fit: cover; }
.best-product-content-header{ margin-bottom: 30px; }
.best-product-content-header h2{ font-size: 24px; margin-bottom: 15px; }
.best-product-content-header h3{ font-size: 24px; color: var(--text-color); }
.best-product-content-header h3 span{ font-size: 16px; text-decoration: line-through; }
.best-product-content-body{ margin-bottom: 40px; }
.best-product-content-body p{ margin-bottom: 0; }
.best-product-content-footer .readmore-btn{ color: var(--primary-color); }
.best-product-content-footer .readmore-btn::before{ background: url('../images/arrow-primary.svg') no-repeat; background-position: right center; background-size: cover; }
.product-cta-box{ display: flex; flex-wrap: wrap; gap: 20px; padding: 60px; }
.product-cta-content{ position: relative; width: calc(45% - 10px); align-content: center; z-index: 1; }
.product-cta-image{ position: relative; width: calc(55% - 10px); align-content: end; z-index: 1; }
.product-cta-image figure{ display: block; }
.product-cta-image img{ width: 100%; aspect-ratio: 1 / 0.67; object-fit: cover; margin-bottom: -60px; }


/************************************/
/***   19. Blog Archive css	  ***/
/************************************/

.page-blog{ padding: 100px 0; }
.page-pagination{ margin-top: 30px; text-align: center; }
.page-pagination ul{ justify-content: center; padding: 0; margin: 0; }
.page-pagination ul li a,.page-pagination ul li span{ display: flex; text-decoration: none; justify-content: center; align-items: center; background: var(--secondary-color); color: var(--accent-color); border-radius: 0; width: 40px; height: 40px; margin: 0 5px; font-weight: 700; line-height: 1; transition: all 0.3s ease-in-out; }
.page-pagination ul li.active a,.page-pagination ul li a:hover{ background: var(--accent-color); color: var(--white-color); }

/************************************/
/***   20. Blog Single css	  ***/
/************************************/

.page-single-post{ padding: 100px 0; }
.post-single-meta ol li{ font-size: 18px; color: var(--white-color); margin-right: 15px; }
.post-single-meta ol li:last-child{ margin-right: 0; }
.post-single-meta ol li i{ font-size: 18px; color: var(--white-color); margin-right: 5px; }
.post-image{ position: relative; margin-bottom: 30px; }
.post-image figure{ display: block; overflow: hidden; }
.post-image img{ width: 100%; aspect-ratio: 1 / 0.50; object-fit: cover; }
.post-content{ width: 100%; max-width: 1100px; margin: 0 auto; }
.post-entry{ border-bottom: 1px solid var(--divider-color); padding-bottom: 30px; margin-bottom: 30px; }
.post-entry:after{ content: ''; display: block; clear: both; }
.post-entry a{ color: var(--accent-color); }
.post-entry h1,.post-entry h2,.post-entry h3,.post-entry h4,.post-entry h5,.post-entry h6{ font-family: var(--accent-font); font-weight: 400; line-height: 1.2; margin: 0 0 0.435rem; }
.post-entry h1{ font-size: 70px; }
.post-entry h2{ font-size: 46px; }
.post-entry h3{ font-size: 40px; }
.post-entry h4{ font-size: 30px; }
.post-entry h5{ font-size: 24px; }
.post-entry h6{ font-size: 20px; }
.post-entry p{ margin-bottom: 20px; }
.post-entry p:last-child{ margin-bottom: 0; }
.post-entry p strong{ color: var(--primary-color); font-size: 18px; font-weight: 500; }
.post-entry ol{ margin: 0 0 30px; }
.post-entry ul{ padding: 0; margin: 20px 0 20px; padding-left: 20px; }
.post-entry ol li,.post-entry ul li{ position: relative; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--text-color); margin-bottom: 15px; }
.post-entry ul li:last-child{ margin-bottom: 0; }
.post-entry ul ul,.post-entry ul ol,.post-entry ol ol,.post-entry ol ul{ margin-top: 20px; margin-bottom: 0; }
.post-entry ul ul li:last-child,.post-entry ul ol li:last-child,.post-entry ol ol li:last-child,.post-entry ol ul li:last-child{ margin-bottom: 0; }
.post-entry blockquote{ background: url('../images/icon-blockquote.svg'), var(--primary-color); background-repeat: no-repeat; background-position: 30px 30px; background-size: 45px; padding: 30px 30px 30px 90px; margin-bottom: 30px; }
.post-entry blockquote p{ font-size: 20px; font-weight: 600; line-height: 1.5; color: var(--white-color); }
.post-entry blockquote p:last-child{ margin-bottom: 0; }
.tag-links{ font-family: var(--accent-font); font-size: 22px; font-weight: 600; text-transform: capitalize; color: var(--primary-color); display: inline-flex; align-items: center; flex-wrap: wrap; gap: 15px; }
.post-tags .tag-links a{ display: inline-block; font-family: var(--default-font); font-size: 16px; font-weight: 700; text-transform: capitalize; line-height: 1; background: var(--accent-color); color: var(--white-color); padding: 12px 20px; transition: all 0.3s ease-in-out; }
.post-tags .tag-links a:hover{ background: var(--primary-color); }
.post-social-sharing{ text-align: right; }
.post-social-sharing ul{ list-style: none; padding: 0; margin: 0; }
.post-social-sharing ul li{ display: inline-block; margin-right: 10px; }
.post-social-sharing ul li:last-child{ margin-right: 0; }
.post-social-sharing ul li a{ display: flex; align-items: center; justify-content: center; text-align: center; background: var(--accent-color); color: var(--white-color); width: 40px; height: 40px; transition: all 0.3s ease-in-out; }
.post-social-sharing ul li:hover a{ background: var(--primary-color); }
.post-social-sharing ul li a i{ font-size: 18px; color: inherit; }

/************************************/
/*** 	 21. Features Page css 	  ***/
/************************************/

.page-features{ padding: 100px 0 70px; }

/************************************/
/***  22. Testimonials Page css	  ***/
/************************************/

.page-testimonials{ padding: 100px 0 70px; }
.page-testimonials .testimonial-item{ background: var(--secondary-color); border: 1px solid var(--divider-color); box-shadow: 0px 0px 60px 0px #0000000D; height: calc(100% - 30px); margin-bottom: 30px; padding: 40px; transition: all 0.3s ease-in-out; }
.page-testimonials .testimonial-item:hover{ transform: translateY(-4px); }
.page-testimonials .testimonial-item .testimonial-content{ border-color: var(--divider-color); }
.page-testimonials .testimonial-item .testimonial-content p,.page-testimonials .testimonial-item .testimonial-body .author-content p{ color: var(--text-color); }
.page-testimonials .testimonial-item .testimonial-body{ flex-wrap: wrap; justify-content: space-between; gap: 15px; }
.page-testimonials .testimonial-item .testimonial-body .author-content h3{ color: var(--primary-color); }
.page-testimonials .testimonial-item .testimonial-body .testimonial-author{ display: flex; align-items: center; }
.page-testimonials .testimonial-item .testimonial-body .testimonial-rating{ margin-bottom: 0; }

/************************************/
/*** 	   23. FAQs Page css 	  ***/
/************************************/

.page-faqs{ padding: 100px 0; }
.page-single-sidebar{ position: sticky; top: 30px; margin-right: 20px; }
.page-catagery-list{ background-color: var(--secondary-color); border: 1px solid var(--divider-color); box-shadow: 0px 0px 60px 0px #0000000D; margin-bottom: 60px; padding: 30px; }
.page-catagery-list ul{ margin: 0; padding: 0; list-style: none; }
.page-catagery-list ul li{ border-bottom: 1px solid var(--divider-color); padding-bottom: 20px; margin-bottom: 20px; }
.page-catagery-list ul li:last-child{ border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
.page-catagery-list ul li a{ position: relative; display: block; line-height: 1.5; text-transform: capitalize; color: var(--text-color); padding-right: 30px; transition: all 0.4s ease-in-out; z-index: 1; }
.page-catagery-list ul li:hover a{ color: var(--primary-color); }
.page-catagery-list ul li a::before{ content: '\f061'; font-family: 'FontAwesome'; font-size: 12px; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background-color: var(--accent-color); color: var(--white-color); display: flex; align-items: center; justify-content: center; transform: translate(0px, -50%); transition: all 0.3s ease-in-out; }
.page-catagery-list ul li a:hover::before{ background-color: var(--primary-color); }
.sidebar-cta-box{ position: relative; background: url('../images/sidebar-cta-bg.jpg') no-repeat; background-position: center center; background-size: cover; padding: 40px; overflow: hidden; }
.sidebar-cta-box:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--primary-color); opacity: 80%; width: 100%; height: 100%; }
.sidebar-cta-content,.sidebar-cta-contact{ position: relative; z-index: 1; }
.sidebar-cta-content{ margin-bottom: 40px; }
.sidebar-cta-content img{ width: 100%; max-width: 206px; margin-bottom: 20px; }
.sidebar-cta-content p{ color: var(--white-color); margin-bottom: 0; }
.sidebar-cta-item{ position: relative; background: var(--dark-divider-color); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); display: flex; align-items: center; padding: 10px; margin-bottom: 20px; overflow: hidden; z-index: 1; }
.sidebar-cta-item:last-child{ margin-bottom: 0; }
.sidebar-cta-item .icon-box{ background: var(--accent-color); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 20px; transition: all 0.4s ease-in-out; }
.sidebar-cta-item:hover .icon-box{ background: var(--primary-color); }
.sidebar-cta-item .icon-box img{ width: 100%; max-width: 20px; }
.sidebar-contact-content{ width: calc(100% - 60px); }
.sidebar-contact-content p{ color: var(--white-color); margin: 0; }
.sidebar-contact-content p a{ color: inherit; display: block; }
.page-faqs-catagery .page-faq-accordion{ margin-bottom: 60px; }
.page-faqs-catagery .page-faq-accordion:last-child{ margin-bottom: 0; }

/************************************/
/***    24. Contact Us Page css	  ***/
/************************************/

.page-contact-us{ padding: 100px 0; }
.contact-info-box{ background-color: var(--primary-color); display: flex; flex-wrap: wrap; gap: 0; padding: 0; border-radius: 16px; overflow: hidden; justify-content: space-around}
.contact-info-item{ position: relative; width: 33.33%; display: flex; align-items: center; padding: 40px 30px; border-right: 1px solid var(--dark-divider-color); }
.contact-info-item:last-child{ border-right: none; }
.contact-info-item::before{ display: none; }
.contact-info-item:nth-child(3n + 3)::before{ display: none; }
.contact-info-item .icon-box{ position: relative; height: 60px; width: 60px; background-color: var(--accent-color); display: flex; align-items: center; justify-content: center; margin-right: 20px; overflow: hidden; }
.contact-info-item .icon-box::before{ content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; background: var(--white-color); width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; }
.contact-info-item:hover .icon-box::before{ transform: scale(1) rotate(180deg); }
.contact-info-item .icon-box img{ position: relative; width: 100%; max-width: 30px; transition: all 0.4s ease-in-out; z-index: 1; }
.contact-info-item:hover .icon-box img{ filter: brightness(0) invert(0); }
.contact-info-content{ width: calc(100% - 80px); overflow: hidden; }
.contact-info-content p{ color: rgba(255,255,255,0.6); margin-bottom: 5px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.contact-info-content h3{ font-size: 20px; color: var(--white-color); word-break: break-word; }
.contact-info-content h3 a{ color: inherit; transition: all 0.4s ease-in-out; }
.contact-info-content h3 a:hover{ color: var(--accent-color); }
.contact-us-form{ background: var(--secondary-color) url('../images/contact-us-bg.svg') no-repeat; background-position: center center; background-size: cover; text-align: center; padding: 80px; }
.contact-us-form .section-title{ width: 100%; max-width: 630px; margin: 0 auto; margin-bottom: 80px; }
.contact-form .form-control{ font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--text-color); background-color: var(--bg-color); border: none; border-radius: 0; padding: 18px 20px; box-shadow: none; outline: none; }
.contact-form .form-control::placeholder{ color: var(--text-color); }
.google-map .container-fluid{ padding: 0; }
.google-map-iframe,.google-map-iframe iframe{ width: 100%; height: 700px; }

/************************************/
/*** 	25. 404 Error Page css 	  ***/
/************************************/

.error-page{ padding: 100px 0; }
.error-page-image{ text-align: center; margin-bottom: 30px; }
.error-page-image img{ width: 100%; max-width: 45%; }
.error-page-content{ text-align: center; }
.error-page-content-body p,.error-page-content .section-title{ margin-bottom: 20px; }


/* ── ABOUT SECTION ── */
.about-us { position: relative; padding: 0; }
.about-hero { position: relative; height: 55vh; min-height: 380px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; padding-bottom: 60px; }
.about-hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 60% 40%, rgba(123,3,1,0.1) 0%, transparent 60%), radial-gradient(ellipse at 20% 80%, rgba(45,19,24,0.08) 0%, transparent 50%), linear-gradient(180deg, var(--primary-color) 0%, #3d1a20 50%, var(--primary-color) 100%); }
.about-hero-img { position: absolute; right: 0; top: 0; width: 55%; height: 100%; object-fit: cover; opacity: 0.25; mask-image: linear-gradient(to left, rgba(0,0,0,0.7) 30%, transparent 100%); -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.7) 30%, transparent 100%); }
.about-hero-content { position: relative; z-index: 2; text-align: center; padding: 0 20px; }
.eyebrow { font-family: var(--default-font); font-size: 0.65rem; font-weight: 600; letter-spacing: 0.4rem; text-transform: uppercase; color: var(--secondary-color); margin-bottom: 1.2rem; opacity: 0; animation: fadeUp 0.8s ease 0.2s forwards; }
.hero-headline { font-family: var(--accent-font); font-size: clamp(3.5rem, 8vw, 7.5rem); font-weight: 400; line-height: 0.9; color: var(--white-color); letter-spacing: -0.02rem; opacity: 0; animation: fadeUp 0.9s ease 0.4s forwards; }
.hero-headline em { font-style: italic; color: var(--secondary-color); }
.hero-divider { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--secondary-color), transparent); margin: 2rem auto; opacity: 0; animation: fadeUp 0.8s ease 0.6s forwards; }
.hero-sub { font-size: 0.8rem; font-weight: 400; letter-spacing: 0.15rem; color: rgba(240,228,208,0.6); text-transform: uppercase; opacity: 0; animation: fadeUp 0.8s ease 0.8s forwards; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; max-width: 1300px; margin: 0 auto; padding: 80px 40px; align-items: center; }
.about-visual { position: relative; padding-right: 60px; }
.about-visual-frame { position: relative; overflow: hidden; }
.about-visual-frame::before { content: ''; position: absolute; top: -20px; left: -20px; right: 20px; bottom: 20px; border: 1px solid var(--primary-20); z-index: 0; pointer-events: none; }
.about-visual-frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, var(--accent-10) 0%, transparent 50%); pointer-events: none; z-index: 2; }
.about-visual-frame img { width: 100%; aspect-ratio: 4/5; object-fit: cover; display: block; position: relative; z-index: 1; transition: transform 0.8s ease; }
.about-visual-frame:hover img { transform: scale(1.03); }
.visual-badge { position: absolute; bottom: -20px; right: -10px; background: var(--accent-color); color: var(--white-color); width: 110px; height: 110px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; text-align: center; font-family: var(--default-font); }
.visual-badge span:first-child { font-size: 1.8rem; font-weight: 600; line-height: 1; }
.visual-badge span:last-child { font-size: 0.5rem; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 2px; }
.about-text { padding-left: 20px; }
.section-label { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.45rem; text-transform: uppercase; color: var(--accent-color); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 14px; }
.section-label::before { content: ''; display: block; width: 30px; height: 1px; background: var(--accent-color); flex-shrink: 0; }
.about-heading { font-family: var(--accent-font); font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: 400; line-height: 1.15; color: var(--primary-color); margin-bottom: 2rem; letter-spacing: -0.01rem; }
.about-heading strong { font-weight: 600; font-style: italic; color: var(--accent-color); }
.about-intro { font-size: 0.92rem; color: var(--text-color); line-height: 1.9; margin-bottom: 2.5rem; border-left: 2px solid var(--accent-color); padding-left: 20px; }
.philosophy-cards { display: flex; flex-direction: column; gap: 16px; margin-top: 2.5rem; }
.phil-card { display: flex; gap: 20px; align-items: flex-start; padding: 22px 24px; background: var(--white-color); border: 1px solid var(--divider-color); position: relative; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 2px 12px rgba(45,19,24,0.04); }
.phil-card::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 0; background: var(--accent-color); transition: height 0.4s ease; }
.phil-card:hover::before { height: 100%; }
.phil-card:hover { background: var(--bg-color); border-color: var(--accent-20); box-shadow: 0 4px 24px rgba(45,19,24,0.08); transform: translateX(4px); }
.phil-icon { width: 44px; height: 44px; flex-shrink: 0; border: 1px solid var(--dark-divider-color); display: flex; align-items: center; justify-content: center; color: var(--accent-color); }
.phil-card h4 { font-family: var(--accent-font); font-size: 1.05rem; font-weight: 500; color: var(--primary-color); letter-spacing: 0.02rem; margin-bottom: 5px; }
.phil-card p { font-size: 0.82rem; color: var(--text-color); line-height: 1.7; }
.signatures-section { padding: 100px 40px; background: var(--primary-color); position: relative; overflow: hidden; }
.signatures-section::before { content: 'SEDUCTION'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--accent-font); font-size: clamp(6rem, 18vw, 16rem); font-weight: 400; color: rgba(240,228,208,0.04); white-space: nowrap; pointer-events: none; letter-spacing: 0.2rem; }
.sig-header { text-align: center; margin-bottom: 70px; position: relative; z-index: 2; }
.sig-header .section-label { justify-content: center; color: var(--secondary-color); }
.sig-header .section-label::before { background: var(--secondary-color); }
.sig-title { font-family: var(--accent-font); font-size: clamp(2rem, 4.5vw, 3.5rem); font-weight: 400; color: var(--white-color); line-height: 1.2; }
.sig-title em { color: var(--secondary-color); font-style: italic; }
.signatures-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; }
.sig-card { padding: 50px 44px; position: relative; overflow: hidden; text-align: center; transition: all 0.5s ease; background: rgba(240,228,208,0.05); border: 1px solid rgba(240,228,208,0.12); }
.sig-card:hover { transform: translateY(-6px); background: rgba(240,228,208,0.08); border-color: rgba(240,228,208,0.22); }
.sig-number { font-family: var(--accent-font); font-size: 5rem; font-weight: 400; color: rgba(240,228,208,0.08); line-height: 1; position: absolute; top: 16px; right: 24px; }
.sig-label { font-size: 0.55rem; font-weight: 600; letter-spacing: 0.45rem; text-transform: uppercase; color: var(--secondary-color); margin-bottom: 16px; }
.sig-name { font-family: var(--accent-font); font-size: 2.2rem; font-weight: 400; font-style: italic; color: var(--white-color); margin-bottom: 20px; line-height: 1.1; }
.sig-desc { font-size: 0.82rem; color: rgba(240,228,208,0.7); line-height: 1.8; margin-bottom: 28px; }
.sig-notes { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.note-tag { font-size: 0.62rem; font-weight: 500; letter-spacing: 0.1rem; text-transform: uppercase; padding: 6px 14px; border: 1px solid rgba(240,228,208,0.2); color: var(--secondary-color); }
.promise-strip { padding: 90px 40px; max-width: 900px; margin: 0 auto; text-align: center; }
.promise-quote { font-family: var(--accent-font); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 400; font-style: italic; color: var(--primary-color); line-height: 1.4; margin-bottom: 2rem; position: relative; }
.promise-quote::before { content: '\201C'; font-size: 6rem; position: absolute; top: -30px; left: -20px; line-height: 1; font-style: normal; color: rgba(123,3,1,0.12); }
.promise-author { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.3rem; text-transform: uppercase; color: var(--accent-color); }
.stats-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--divider-color); border-bottom: 1px solid var(--divider-color); background: var(--white-color); }
.stat-item { padding: 50px 30px; text-align: center; border-right: 1px solid var(--divider-color); transition: background 0.3s; }
.stat-item:last-child { border-right: none; }
.stat-item:hover { background: var(--bg-color); }
.stat-number { font-family: var(--accent-font); font-size: 3.5rem; font-weight: 400; color: var(--accent-color); line-height: 1; display: block; }
.stat-label { font-size: 0.62rem; font-weight: 500; letter-spacing: 0.25rem; text-transform: uppercase; color: var(--text-color); margin-top: 8px; display: block; }
.mission-section { padding: 0px 40px 100px; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr; gap: 80px; align-items: center; }
.mission-left { position: sticky; top: 40px; }
.mission-word { font-family: var(--accent-font); font-size: clamp(4rem, 8vw, 7rem); font-weight: 400; line-height: 0.9; color: transparent; -webkit-text-stroke: 1px var(--primary-20); writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); letter-spacing: 0.1rem; }
.mission-right { display: flex; flex-direction: column; gap: 50px; }
.mission-block { padding-bottom: 50px; border-bottom: 1px solid var(--divider-color); }
.mission-block:last-child { border-bottom: none; padding-bottom: 0; }
.mission-block h3 { font-family: var(--accent-font); font-size: 1.6rem; font-weight: 500; color: var(--primary-color); margin-bottom: 16px; }
.mission-block p { font-size: 0.88rem; color: var(--text-color); line-height: 1.9; max-width: 540px; }
.mission-block p strong { color: var(--primary-color); font-weight: 500; }
.about-cta { padding: 120px 40px; text-align: center; position: relative; overflow: hidden; background: var(--secondary-color); }
.about-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(123,3,1,0.06) 0%, transparent 70%); pointer-events: none; }
.cta-title { font-family: var(--accent-font); font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 400; color: var(--primary-color); line-height: 1.1; margin-bottom: 2rem; }
.cta-title em { color: var(--accent-color); font-style: italic; }
.cta-sub { font-size: 0.82rem; color: var(--text-color); letter-spacing: 0.05rem; margin-bottom: 3rem; max-width: 400px; margin-left: auto; margin-right: auto; }
.cta-btn { display: inline-flex; align-items: center; gap: 14px; padding: 16px 44px; background: var(--primary-color); color: var(--secondary-color); text-decoration: none; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.3rem; text-transform: uppercase; transition: all 0.3s ease; font-family: var(--default-font); position: relative; overflow: hidden; }
.cta-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.08); transition: left 0.4s ease; }
.cta-btn:hover::before { left: 100%; }
.cta-btn:hover { background: var(--accent-color); color: var(--white-color); transform: translateY(-2px); }
.cta-btn svg { transition: transform 0.3s ease; }
.cta-btn:hover svg { transform: translateX(4px); }
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ── ABOUT RESPONSIVE ── */
@media (max-width: 900px) {
    .about-grid { grid-template-columns: 1fr; padding: 60px 24px; }
    .about-visual { padding-right: 0; margin-bottom: 60px; }
    .about-text { padding-left: 0; }
    .signatures-grid { grid-template-columns: 1fr; gap: 20px; }
    .stats-strip { grid-template-columns: 1fr; }
    .stat-item { border-right: none; border-bottom: 1px solid var(--divider-color); }
    .mission-section { grid-template-columns: 1fr; gap: 40px; padding: 60px 24px; }
    .mission-left { display: none; }
    .signatures-section, .about-cta { padding: 70px 24px; }
}

/* ── ALERT BAR ── */
.alert-bar { width: 100%; background: var(--primary-color); border-bottom: 1px solid rgba(240,228,208,0.12); z-index: 100; position: relative; }
.alert-bar-inner { display: flex; align-items: center; justify-content: center; padding: 10px 20px; text-align: center; }
.alert-bar-text { font-family: var(--default-font); font-size: 0.68rem; font-weight: 400; letter-spacing: 0.18rem; text-transform: uppercase; color: var(--secondary-color); }
.alert-bar-text strong { font-weight: 700; color: var(--white-color); background: var(--accent-color); padding: 2px 8px; letter-spacing: 0.1rem; }
.alert-bar-close { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; color: rgba(240,228,208,0.5); font-size: 1.2rem; line-height: 1; cursor: pointer; padding: 4px 8px; transition: color 0.2s ease; }
.alert-bar-close:hover { color: var(--secondary-color); }
.swiper-slide { margin: 50px auto; }


/************************************/
/*** 	 26. Responsive css 	  ***/
/************************************/

@media only screen and (max-width: 1300px){
    .how-works-image-content{ padding-left: 15px; }
    .how-works-list{ padding-right: 15px; }
    .contact-info-box{ gap: 0; border-radius: 12px; }
    .contact-info-item{ width: 33.33%; padding: 30px 20px; }
    .contact-info-item::before{ display: none; }
    .contact-info-item .icon-box{ height: 50px; width: 50px; margin-right: 15px; }
    .contact-info-item .icon-box img{ max-width: 26px; }
    .contact-info-content{ width: calc(100% - 65px); }
    .contact-info-content h3{ font-size: 22px; }
}

@media only screen and (max-width: 991px){
    .btn-default{ padding: 14px 20px; }
    .navbar{ padding: 20px 0; }
    .slicknav_nav li,.slicknav_nav ul{ display: block; }
    .responsive-menu,.navbar-toggle{ display: block; }
    .header-btn{ display: none; }
    .navbar-brand .header-logo-img{ max-height: 80px; max-width: 200px; }
    .section-row{ margin-bottom: 40px; }
    .section-title.section-title-center{ max-width: 100%; }
    .section-title{ margin-bottom: 30px; }
    .section-title h3{ margin-bottom: 10px; }
    .section-title h1{ font-size: 55px; }
    .section-title h2{ font-size: 36px; }
    .section-title p{ margin-top: 10px; }
    .section-title-content{ margin-top: 15px; }
    .section-btn{ text-align: left; margin-top: 15px; }
    .section-content-btn .section-btn{ margin-top: 15px; }
    .hero{ padding: 160px 0 70px; }
    .hero.hero-video{ padding: 190px 0 100px; }
    .hero.hero-slider-layout .hero-slide{ padding: 190px 0 100px; }
    .hero-content{ margin-bottom: 30px; }
    .hero.hero-video .hero-content{ margin: 0; }
    .hero.hero-video .hero-content .section-title p{ max-width: 100%; margin-top: 15px; }
    .hero-body .video-play-button a{ height: 45px; width: 45px; }
    .hero-body .video-play-button a i{ font-size: 20px; }
    .hero-footer{ margin-top: 30px; padding-top: 30px; }
    .hero-footer-item-content h3{ font-size: 22px; }
    .hero-image{ width: 100%; max-width: 70%; margin: 0 auto; }
    .tds-hero-slider { min-height: auto; height: auto; }
    .hero-slide { padding: 120px 0 140px; }
    .hero-slide .row { flex-direction: column-reverse; }
    .slide-inner .col-lg-5 { text-align: center; }
    .slide-description { max-width: 100%; margin-left: auto; margin-right: auto; }
    .slide-actions { justify-content: center; flex-wrap: wrap; }
    .slide-badge { justify-content: center; }
    .slide-bottle-wrap { min-height: 300px; margin-bottom: 20px; }
    .slide-bottle-img { max-height: 320px; }
    .slide-note { display: none; }
    .hero-slide-counter { display: none; }
    .hero-scroll { display: none; }
    .slide-glow { width: 350px; height: 350px; right: auto; left: 50%; transform: translate(-50%, -50%); }
    .our-scrolling-ticker{ padding: 15px 0; }
    .scrolling-ticker-box{ --gap: 10px; }
    .scrolling-content span{ font-size: 28px; }
    .scrolling-content span img{ width: 22px; margin-right: 10px; }
    .about-us{ padding: 50px 0; }
    .about-images{ width: 100%; max-width: 60%; margin: 0 auto 30px; }
    .about-body-item-content h3{ font-size: 22px; }
    .about-us-footer{ gap: 30px; margin-top: 40px; }
    .our-innovation{ padding: 50px 0; }
    .about-contact-box .icon-box{ width: 45px; height: 45px; }
    .about-contact-box .icon-box img{ max-width: 22px; }
    .innovation-tab-nav{ margin-bottom: 30px; }
    .innovation-tab-nav ul li .nav-link{ font-size: 14px; flex-direction: row; padding: 10px 14px; }
    .innovation-tab-nav ul li .nav-link img{ margin: 0 8px 0 0; }
    .innovation-content{ margin-bottom: 30px; }
    .innovation-content ul{ margin: 20px 0 0; padding: 20px 0 0; }
    .innovation-content ul li{ padding-left: 25px; margin-bottom: 15px; }
    .innovation-content ul li::before{ font-size: 18px; }
    .innovation-btn{ margin-top: 30px; }
    .innovation-image{ border-radius: 16px; }
    .innovation-image figure{ border-radius: 16px; }
    .innovation-image img{ border-radius: 16px; max-height: 400px; }
    .our-benefits{ padding: 50px 0; }
    .benefits-box{ padding: 30px; }
    .benefits-box .icon-box{ margin-bottom: 20px; }
    .benefits-box .icon-box img{ max-width: 50px; }
    .benefits-box-content h3{ font-size: 22px; }
    .benefits-box-content ul{ margin: 20px 0 0; padding: 20px 0 0; }
    .benefits-box-content ul li{ padding-left: 25px; margin-bottom: 15px; }
    .benefits-box-content ul li::before{ font-size: 18px; }
    .benefits-item-list{ margin-top: 10px; padding-top: 40px; }
    .benefits-item{ width: calc(50% - 40px); }
    .benefits-item-content h3{ font-size: 22px; }
    .benefits-item:nth-child(2n + 2):before{ display: none; }
    .how-works-image-content,.how-works-list{ height: auto; padding: 50px 15px; }
    .how-works-list-item{ margin-bottom: 30px; }
    .how-works-list-item .icon-box{ margin-right: 15px; }
    .how-works-list-item .icon-box img{ max-width: 45px; }
    .how-works-item-content{ width: calc(100% - 60px); }
    .how-works-item-content h3{ font-size: 22px; }
    .our-products{ padding: 50px 0 20px; }
    .product-offer-content{ margin-top: -190px; }
    .product-offer-content h2{ font-size: 32px; margin-bottom: 15px; }
    .product-image{ margin-bottom: 20px; }
    .product-image img{ aspect-ratio: 3 / 4; }
    .product-rating{ margin-bottom: 10px; }
    .product-item-content h3,.product-item-content p{ font-size: 22px; }
    .our-works{ padding: 50px 0; }
    .work-content-box-1{ margin: 0 0 30px 0; }
    .work-image img{ aspect-ratio: 1 / 0.5; }
    .work-image-box{ margin: 30px 0; }
    .work-content p{ margin-bottom: 20px; }
    .work-content ul li{ padding-left: 25px; margin-bottom: 15px; }
    .work-content ul li::before{ font-size: 18px; }
    .work-content-btn{ margin-top: 30px; }
    .premium-product{ padding: 50px 0; }
    .premium-product-image{ background-size: 90px auto; margin: 0 100px 30px; }
    .premium-care-circle img{ max-width: 130px; }
    .premium-product-item-content h3{ font-size: 22px; }
    .premium-product-body{ gap: 20px; }
    .premium-product-item{ width: calc(50% - 10px); }
    .premium-product-footer{ gap: 20px 40px; margin-top: 30px; }
    .premium-product-price h2{ font-size: 36px; }
    .cta-box-section{ padding: 50px 0; }
    .cta-box-content,.cta-box-image{ width: 100%; }
    .cta-box-list ul{ gap: 15px 20px; }
    .cta-box-list ul li{ width: calc(50% - 10px); padding-left: 25px; }
    .cta-box-list ul li::before{ font-size: 18px; }
    .cta-box-btn{ margin-top: 30px; }
    .cta-box-image img{ margin-bottom: -50px; }
    .cta-box-image{ margin: 0 auto; max-width: 70%; width: 100%; padding: 0; }
    .our-faqs{ padding: 50px 0; }
    .faqs-content{ margin-bottom: 30px; }
    .faq-accordion .accordion-item{ margin-bottom: 30px; }
    .faq-accordion .accordion-header .accordion-button{ font-size: 20px; padding: 12px 40px 12px 15px; }
    .faq-accordion .accordion-item .accordion-button::after,.faq-accordion .accordion-item .accordion-button.collapsed::after{ right: 15px; font-size: 18px; }
    .faq-accordion .accordion-item .accordion-body{ padding: 12px 40px 12px 15px; }
    .faqs-image{ max-width: 60%; margin: 0 auto; }
    .faqs-cta-box{ height: 290px; padding: 15px; }
    .faqs-cta-box-content h3{ font-size: 18px; }
    .our-testimonials{ padding: 50px 0; }
    .testimonials-content{ margin-bottom: 30px; }
    .testimonials-rating{ margin-bottom: 15px; }
    .testimonials-rating i{ font-size: 18px; }
    .testimonial-content{ margin-bottom: 30px; padding-bottom: 30px; }
    .testimonial-content p{ font-size: 16px; }
    .author-image img{ max-width: 50px; }
    .author-content{ width: calc(100% - 65px); }
    .author-content h3{ font-size: 22px; }
    .company-supports-slider{ margin-top: 40px; padding-top: 40px; }
    .our-blog{ padding: 50px 0 20px; }
    .post-featured-image img{ aspect-ratio: 1 / 1.02; }
    .post-item-body{ right: 20px; bottom: 20px; left: 20px; }
    .post-item-content{ margin-bottom: 10px; }
    .post-item-content h2{ font-size: 22px; }
    .main-footer{ padding: 50px 0 0; }
    .footer-logo img{ max-width: 220px; }
    .footer-cta-box{ padding: 20px 30px; margin-bottom: 40px; }
    .footer-links{ width: calc(50% - 60px); }
    .footer-links h3{ font-size: 22px; margin-bottom: 20px; }
    .footer-links ul li{ margin-bottom: 10px; }
    .newsletter-form.footer-links{ width: 100%; }
    .newsletter-form.footer-links::before{ display: none; }
    .newsletter-form .form-group .form-control{ padding: 10px 20px; }
    .newsletter-form .form-group .btn-default.btn-highlighted{ padding: 12px; }
    .footer-privacy-policy ul li{ margin-bottom: 0; }
    .footer-contact-item{ margin-bottom: 20px; }
    .footer-copyright-text{ margin-top: 30px; padding: 30px 0; }
    .page-header{ padding: 160px 0 70px; }
    .page-header-box h1{ font-size: 55px; margin-bottom: 10px; }
    .our-approach{ padding: 50px 0; }
    .mission-vision-content .icon-box{ width: 100px; }
    .mission-vision-content .icon-box img{ max-width: 45px; }
    .mission-vision-body{ width: calc(100% - 100px); padding: 15px; }
    .mission-vision-body h3{ font-size: 22px; }
    .section-footer-text{ margin-top: 10px; }
    .special-saving{ padding: 50px 0; }
    .special-saving-box{ gap: 20px; }
    .special-saving-image{ width: calc(25% - 13.33px); }
    .special-saving-content{ width: calc(50% - 13.33px); padding: 50px 20px; }
    .special-saving-content-body{ gap: 20px; margin-bottom: 30px; }
    .special-saving-content-body .countdown-text{ width: calc(25% - 15px); }
    .special-saving-content-body .countdown-text::before{ right: -15px; font-size: 36px; }
    .countdown-text h3{ font-size: 30px; }
    .countdown-text p{ font-size: 14px; }
    .pure-natural{ padding: 50px 0; }
    .pure-natural-image{ max-width: 75%; margin: 0 auto; margin-bottom: 30px; }
    .pure-natural-img-2{ margin-top: 175px; }
    .pure-natural-img-circle{ top: 110px; }
    .pure-natural-img-circle img{ max-width: 130px; }
    .pure-natural-image:after{ width: 304px; height: 380px; border-width: 25px; }
    .pure-natural-body{ margin-bottom: 30px; padding-bottom: 30px; }
    .natural-counter-item h2{ font-size: 22px; }
    .pure-natural-list{ margin-bottom: 30px; }
    .pure-natural-list ul li{ padding-left: 25px; margin-bottom: 15px; }
    .pure-natural-list ul li::before{ font-size: 18px; }
    .best-products{ padding: 50px 0; }
    .best-product-item{ height: calc(100% - 30px); gap: 20px; padding: 20px; margin-bottom: 30px; }
    .best-product-image,.best-product-content{ width: 100%; }
    .best-product-image img{ aspect-ratio: 1 / 0.85; }
    .best-product-content-header{ margin-bottom: 20px; }
    .best-product-content-header h2{ font-size: 22px; margin-bottom: 10px; }
    .best-product-content-header h3{ font-size: 22px; }
    .best-product-content-body{ margin-bottom: 30px; }
    .product-cta-box{ padding: 30px 20px; }
    .product-cta-content,.product-cta-image{ width: 100%; }
    .product-cta-image img{ margin-bottom: -30px; }
    .product-cta-image{ margin: 0 50px; }
    .page-blog{ padding: 50px 0; }
    .page-pagination{ margin-top: 10px; }
    .page-single-post{ padding: 50px 0; }
    .post-image{ margin-bottom: 20px; }
    .post-entry h1,.post-entry h2,.post-entry h3,.post-entry h4,.post-entry h5,.post-entry h6{ margin: 0 0 0.417rem; }
    .post-entry h2{ font-size: 36px; }
    .post-entry p{ margin-bottom: 15px; }
    .post-entry ol li,.post-entry ul li{ margin-bottom: 10px; }
    .post-entry blockquote{ background-position: 20px 20px; background-size: 40px; padding: 20px 20px 20px 70px; margin-bottom: 20px; }
    .post-entry blockquote p{ font-size: 18px; }
    .post-tags{ margin-bottom: 20px; }
    .post-tags .tag-links a{ padding: 12px 15px; }
    .post-social-sharing ul{ text-align: left; }
    .page-features{ padding: 50px 0 20px; }
    .page-testimonials{ padding: 50px 0 20px; }
    .page-testimonials .testimonial-item{ padding: 20px; }
    .page-faqs{ padding: 50px 0; }
    .page-single-sidebar{ position: initial; top: 0; margin: 0 0 30px 0; }
    .page-catagery-list{ margin-bottom: 30px; padding: 20px; }
    .page-catagery-list ul li{ padding-bottom: 15px; margin-bottom: 15px; }
    .page-catagery-list ul li a::before{ width: 22px; height: 22px; }
    .sidebar-cta-box{ padding: 30px; }
    .sidebar-cta-content{ margin-bottom: 30px; }
    .sidebar-cta-content img{ max-width: 186px; margin-bottom: 10px; }
    .page-faqs-catagery .page-faq-accordion{ margin-bottom: 40px; }
    .page-contact-us{ padding: 50px 0; }
    .contact-info-box{ padding: 0; border-radius: 12px; }
    .contact-info-item{ width: 100%; padding: 25px 20px; border-right: none; border-bottom: 1px solid var(--dark-divider-color); }
    .contact-info-item:last-child{ border-bottom: none; }
    .contact-info-item::before{ display: none; }
    .contact-us-form{ padding: 40px; }
    .contact-us-form .section-title{ max-width: 100%; margin-bottom: 40px; }
    .contact-form .form-control{ padding: 12px 15px; }
    .google-map-iframe,.google-map-iframe iframe{ height: 500px; }
    .error-page{ padding: 50px 0; }
    .error-page-image{ margin-bottom: 20px; }
    .error-page-image img{ max-width: 80%; }
    .error-page-content-body p,.error-page-content .section-title{ margin-bottom: 15px; }
}

@media only screen and (max-width: 767px){
    .slide-price-amount { margin-top: 3px; }
    .navbar-brand .header-logo-img{ max-height: 60px; max-width: 160px; }
    .section-row{ margin-bottom: 30px; }
    .section-title h1{ font-size: 30px; }
    .section-title h2{ font-size: 26px; }
    .section-title p{ margin-top: 10px; }
    .section-title-content{ margin-top: 10px; }
    .hero.hero-video .hero-content .section-title p{ font-size: 14px; }
    .hero-body{ gap: 20px; justify-content: space-between; }
    .hero-body .video-play-button p{ margin-right: 10px; }
    .hero-footer{ gap: 20px; }
    .hero-footer-item{ width: 100%; }
    .hero-footer-item .icon-box{ margin-right: 15px; }
    .hero-footer-item .icon-box img{ max-width: 40px; }
    .hero-footer-item-content{ width: calc(100% - 55px); }
    .hero-footer-item-content h3{ font-size: 20px; margin-bottom: 5px; }
    .hero-image{ max-width: 100%; }
    .slide-headline { font-size: 2rem; }
    .slide-bottle-img { max-height: 260px; }
    .slide-btn { padding: 14px 28px; font-size: 0.7rem; }
    .scrolling-content span{ font-size: 22px; }
    .scrolling-content span img{ width: 18px; }
    .about-images{ max-width: 100%; }
    .about-body-item .icon-box{ margin-right: 15px; }
    .about-body-item .icon-box img{ max-width: 40px; }
    .about-body-item-content{ width: calc(100% - 55px); }
    .about-body-item-content h3{ font-size: 20px; margin-bottom: 5px; }
    .about-us-footer{ gap: 20px; margin-top: 30px; }
    .about-contact-box .icon-box{ width: 40px; height: 40px; margin-right: 6px; }
    .about-contact-box .icon-box img{ max-width: 20px; }
    .about-contact-box-content h3{ font-size: 18px; }
    .about-contact-box-content p{ font-size: 14px; }
    .innovation-tab-nav ul li{ width: 100%; }
    .innovation-tab-nav ul li .nav-link{ font-size: 14px; }
    .innovation-tab-nav ul li .nav-link::before{ display: none; }
    .innovation-tab-nav ul li .nav-link img{ max-width: 26px; margin: 0 0 6px 0; }
    .innovation-btn{ margin-top: 20px; }
    .innovation-image{ border-radius: 14px; }
    .innovation-image figure{ border-radius: 14px; max-width: 320px; margin: 0 auto; }
    .innovation-image img{ border-radius: 14px; max-height: 450px; }
    .benefits-box{ padding: 20px; }
    .benefits-box .icon-box img{ max-width: 45px; }
    .benefits-box-content h3{ font-size: 20px; }
    .benefits-item-list{ gap: 25px; padding-top: 30px; }
    .benefits-item{ width: 100%; }
    .benefits-item::before{ display: none; }
    .benefits-item .icon-box{ margin-right: 15px; }
    .benefits-item .icon-box img{ max-width: 45px; }
    .benefits-item-content{ width: calc(100% - 60px); }
    .benefits-item-content h3{ font-size: 20px; }
    .how-works-item-content h3{ font-size: 20px; margin-bottom: 5px; }
    .product-offer-image,.product-offer-image figure,.product-offer-image img{ height: auto; }
    .product-offer-image img{ aspect-ratio: 1 / 1.32; }
    .product-item-content h3,.product-item-content p{ font-size: 20px; }
    .work-content-box-2 .work-image img,.work-image-box .work-image img{ aspect-ratio: 1 / 0.5; }
    .work-image-box .work-image{ width: 100%; }
    .premium-product-image{ background-size: 70px auto; background-position: right top 50px; margin: 0 0 30px; padding: 0 30px; }
    .premium-care-circle img{ max-width: 100px; }
    .premium-product-item{ display: block; }
    .premium-product-item .icon-box{ margin: 0 0 10px 0; }
    .premium-product-item .icon-box img{ max-width: 40px; }
    .premium-product-item-content{ width: 100%; }
    .premium-product-item-content h3{ font-size: 20px; }
    .premium-product-price h2{ font-size: 26px; }
    .cta-box-list ul li{ width: 100%; }
    .cta-box-image{ max-width: 100%; }
    .faq-accordion .accordion-header .accordion-button{ font-size: 18px; }
    .faq-accordion .accordion-item .accordion-body{ padding: 12px 15px; }
    .faqs-image{ max-width: 100%; }
    .faqs-cta-box{ height: 240px; padding: 12px; left: 40px; }
    .faqs-cta-box-content h3{ font-size: 16px; }
    .faqs-cta-box .icon-box{ height: 40px; width: 40px; margin-bottom: 10px; }
    .faqs-cta-box .icon-box img{ max-width: 24px; }
    .faqs-cta-box-content{ height: calc(100% - 50px); }
    .testimonials-rating{ margin-bottom: 10px; }
    .testimonials-rating i{ font-size: 18px; }
    .testimonial-content{ margin-bottom: 20px; padding-bottom: 20px; }
    .author-content h3{ font-size: 20px; }
    .testimonial-btn{ position: relative; justify-content: left; margin-top: 30px; }
    .testimonial-slider .testimonial-button-next{ margin-left: 15px; }
    .company-supports-slider{ margin-top: 30px; padding-top: 30px; }
    .post-item-content h2{ font-size: 20px; }
    .footer-cta-box{ padding: 15px; justify-content: center; margin-bottom: 30px; }
    .footer-social-links ul li{ margin-right: 10px; }
    .footer-links{ width: 100%; }
    .footer-links::before{ display: none; }
    .footer-links h3{ font-size: 20px; }
    .footer-contact-item{ margin-bottom: 15px; }
    .newsletter-form.footer-links .section-title{ margin-bottom: 20px; }
    .newsletter-form .form-group .btn-default.btn-highlighted{ padding: 8px; font-size: 14px; }
    .footer-privacy-policy{ margin-top: 20px; }
    .footer-privacy-policy ul{ gap: 20px; }
    .footer-privacy-policy ul li::before{ right: -12px; font-size: 12px; }
    .footer-copyright-text{ padding: 15px 0; }
    .page-header-box h1{ font-size: 30px; }
    .page-header-box ol li.breadcrumb-item{ font-size: 14px; }
    .mission-vision-body h3{ font-size: 20px; }
    .special-saving-image{ width: 100%; }
    .special-saving-image figure{ height: auto; }
    .special-saving-image img{ height: auto; aspect-ratio: 1 / 0.9; }
    .special-saving-content{ width: 100%; }
    .countdown-text h3{ font-size: 26px; }
    .pure-natural-image{ max-width: 100%; gap: 20px; }
    .pure-natural-image:after{ width: 234px; height: 260px; border-width: 20px; }
    .pure-natural-img-1{ width: calc(51% - 10px); }
    .pure-natural-img-2{ width: calc(49% - 10px); margin-top: 100px; }
    .pure-natural-img-circle{ top: 60px; }
    .pure-natural-img-circle img{ max-width: 100px; }
    .pure-natural-body{ margin-bottom: 20px; padding-bottom: 20px; }
    .natural-counter-item h2{ font-size: 20px; }
    .pure-natural-list ul li{ margin-bottom: 10px; }
    .best-product-content-header{ margin-bottom: 10px; }
    .best-product-content-header h2,.best-product-content-header h3{ font-size: 20px; }
    .best-product-content-body{ margin-bottom: 20px; }
    .product-cta-image{ margin: 0; }
    .post-single-meta ol li{ font-size: 16px; }
    .post-single-meta ol li i{ font-size: 16px; }
    .post-image img{ aspect-ratio: 1 / 0.7; }
    .post-entry blockquote{ background-position: 15px 15px; padding: 60px 15px 15px 15px; }
    .post-entry blockquote p{ font-size: 16px; }
    .post-entry h2{ font-size: 26px; }
    .tag-links{ font-size: 20px; }
    .sidebar-cta-box{ padding: 20px; }
    .sidebar-cta-item{ padding: 6px; margin-bottom: 10px; }
    .sidebar-cta-item .icon-box{ width: 36px; height: 36px; }
    .sidebar-contact-content{ width: calc(100% - 56px); }
    .contact-info-box{ gap: 0; padding: 0; }
    .contact-info-item{ width: 100%; padding: 20px; border-right: none; border-bottom: 1px solid var(--dark-divider-color); }
    .contact-info-item:last-child{ border-bottom: none; }
    .contact-info-content h3{ font-size: 18px; }
    .contact-us-form{ padding: 30px 20px; }
    .google-map-iframe,.google-map-iframe iframe{ height: 350px; }
}


/************************************/
/***  27. Large Screen — 1671px   ***/
/************************************/

@media only screen and (min-width: 1671px) and (max-width: 1799px) {
    .container { max-width: 1540px; }
    body { font-size: 17px; }
    .navbar { padding: 34px 0; }
    .navbar-brand .header-logo-img { max-height: 140px; max-width: 320px; }
    .main-menu ul li a { font-size: 17px; padding: 16px 20px !important; }
    .section-title h1 { font-size: 82px; }
    .section-title h2 { font-size: 54px; }
    .section-title h3 { font-size: 17px; }
    .section-title p { margin-top: 22px; font-size: 17px; }
    .btn-default { font-size: 17px; padding: 19px 30px; }
    .tds-hero-slider { height: 115vh; }
    .slide-headline { font-size: 4.8rem; }
    .slide-description { font-size: 1rem; max-width: 460px; }
    .slide-btn { padding: 18px 42px; font-size: 0.82rem; }
    .slide-bottle-img { max-height: 620px; }
    .scrolling-content span { font-size: 48px; }
    .about-us { padding: 115px 0 !important; }
    .about-body-item-content h3 { font-size: 27px; }
    .our-innovation { padding: 115px 0; }
    .innovation-tab-nav ul li .nav-link { font-size: 22px; }
    .innovation-content h3 { font-size: 1.8rem; }
    .our-benefits { padding: 115px 0; }
    .benefits-box { padding: 46px; }
    .benefits-box-content h3 { font-size: 26px; }
    .benefits-item-content h3 { font-size: 26px; }
    .how-works-item-content h3 { font-size: 26px; }
    .our-products { padding: 115px 0 80px; }
    .product-item-content h3,.product-item-content p { font-size: 24px; }
    .premium-product { padding: 115px 0; }
    .premium-product-price h2 { font-size: 54px; }
    .premium-product-item-content h3 { font-size: 26px; }
    .our-faqs { padding: 115px 0; }
    .faq-accordion .accordion-header .accordion-button { font-size: 24px; padding: 20px 56px 20px 24px; }
    .our-testimonials { padding: 115px 0; }
    .testimonial-content p { font-size: 20px; }
    .author-content h3 { font-size: 26px; }
    .our-blog { padding: 115px 0 80px; }
    .post-item-content h2 { font-size: 24px; }
    .main-footer { padding: 115px 0 0; }
    .footer-cta-box { padding: 30px 70px; margin-bottom: 90px; }
    .footer-links h3 { font-size: 26px; }
    .footer-links ul li { font-size: 17px; }
    .footer-logo img { max-width: 320px; }
    .page-header { padding: 270px 0 140px !important; }
    .page-header-box h1 { font-size: 82px; }
    .about-heading { font-size: 4.2rem; }
    .stat-number { font-size: 4rem; }
    .sig-name { font-size: 2.6rem; }
    .cta-title { font-size: 5.5rem; }
    .section-row { margin-bottom: 100px; }
    .section-title { margin-bottom: 50px; }
    .section-title.section-title-center { max-width: 780px; }
    .countdown-text h3 { font-size: 54px; }
    .countdown-text p { font-size: 17px; }
    .pure-natural,.special-saving,.best-products { padding: 115px 0; }
    .natural-counter-item h2 { font-size: 28px; }
    .best-product-content-header h2,.best-product-content-header h3 { font-size: 26px; }
    .contact-info-content h3 { font-size: 22px; }
    .google-map-iframe,.google-map-iframe iframe { height: 800px; }
    .alert-bar-text { font-size: 0.75rem; }
}

/************************************/
/***  28. Large Screen — 1800px   ***/
/************************************/

@media only screen and (min-width: 1800px) and (max-width: 1999px) {
    .container { max-width: 1640px; }
    body { font-size: 18px; }
    .navbar { padding: 38px 0; }
    .navbar-brand .header-logo-img { max-height: 150px; max-width: 350px; }
    .main-menu ul li a { font-size: 17px; padding: 17px 21px !important; }
    .section-title h1 { font-size: 90px; }
    .section-title h2 { font-size: 58px; }
    .section-title h3 { font-size: 18px; }
    .section-title p { font-size: 18px; margin-top: 26px; }
    .btn-default { font-size: 18px; padding: 21px 34px; }
    .tds-hero-slider { height: 112vh; }
    .slide-headline { font-size: 5.2rem; }
    .slide-description { font-size: 1.05rem; max-width: 490px; }
    .slide-btn { padding: 19px 46px; font-size: 0.86rem; }
    .slide-bottle-img { max-height: 660px; }
    .scrolling-content span { font-size: 52px; }
    .about-us { padding: 120px 0 !important; }
    .about-body-item-content h3 { font-size: 28px; }
    .our-innovation { padding: 120px 0; }
    .innovation-tab-nav ul li .nav-link { font-size: 24px; }
    .innovation-content h3 { font-size: 1.9rem; }
    .our-benefits { padding: 120px 0; }
    .benefits-box { padding: 50px; }
    .benefits-box-content h3 { font-size: 28px; }
    .benefits-item-content h3 { font-size: 28px; }
    .how-works-item-content h3 { font-size: 28px; }
    .our-products { padding: 120px 0 84px; }
    .product-item-content h3,.product-item-content p { font-size: 26px; }
    .premium-product { padding: 120px 0; }
    .premium-product-price h2 { font-size: 58px; }
    .premium-product-item-content h3 { font-size: 28px; }
    .our-faqs { padding: 120px 0; }
    .faq-accordion .accordion-header .accordion-button { font-size: 25px; padding: 21px 58px 21px 26px; }
    .our-testimonials { padding: 120px 0; }
    .testimonial-content p { font-size: 21px; }
    .author-content h3 { font-size: 28px; }
    .our-blog { padding: 120px 0 84px; }
    .post-item-content h2 { font-size: 26px; }
    .main-footer { padding: 120px 0 0; }
    .footer-cta-box { padding: 32px 75px; margin-bottom: 96px; }
    .footer-links h3 { font-size: 28px; }
    .footer-links ul li { font-size: 18px; }
    .footer-logo img { max-width: 350px; }
    .page-header { padding: 280px 0 150px !important; }
    .page-header-box h1 { font-size: 90px; }
    .about-heading { font-size: 4.6rem; }
    .stat-number { font-size: 4.5rem; }
    .sig-name { font-size: 2.8rem; }
    .cta-title { font-size: 6rem; }
    .mission-block h3 { font-size: 2rem; }
    .section-row { margin-bottom: 110px; }
    .section-title { margin-bottom: 54px; }
    .section-title.section-title-center { max-width: 840px; }
    .countdown-text h3 { font-size: 58px; }
    .countdown-text p { font-size: 18px; }
    .pure-natural,.special-saving,.best-products { padding: 120px 0; }
    .natural-counter-item h2 { font-size: 30px; }
    .best-product-content-header h2,.best-product-content-header h3 { font-size: 28px; }
    .contact-info-content h3 { font-size: 24px; }
    .google-map-iframe,.google-map-iframe iframe { height: 850px; }
    .alert-bar-text { font-size: 0.78rem; }
    .post-entry h2 { font-size: 52px; }
    .post-entry h3 { font-size: 44px; }
    .post-entry p  { font-size: 18px; }
}

/************************************/
/***  29. Large Screen — 2000px   ***/
/************************************/

@media only screen and (min-width: 2000px) and (max-width: 2999px) {
    .container { max-width: 1700px; }
    body { font-size: 18px; }
    .section-title h1 { font-size: 100px; }
    .section-title h2 { font-size: 64px; }
    .section-title h3 { font-size: 20px; }
    .section-title p { font-size: 18px; margin-top: 28px; }
    .btn-default { font-size: 18px; padding: 22px 36px; }
    .navbar { padding: 40px 0; }
    .navbar-brand .header-logo-img { max-height: 160px; max-width: 380px; }
    .main-menu ul li a { font-size: 18px; padding: 18px 22px !important; }
    .tds-hero-slider { height: 110vh; }
    .slide-headline { font-size: 5.5rem; }
    .slide-description { font-size: 1.1rem; max-width: 520px; }
    .slide-badge .badge-text { font-size: 0.8rem; }
    .slide-product-name { font-size: 0.85rem; }
    .slide-btn { padding: 20px 48px; font-size: 0.9rem; }
    .slide-bottle-img { max-height: 700px; }
    .slide-note .note-label { font-size: 0.75rem; }
    .slide-note .note-value { font-size: 1rem; }
    .hero-slide-counter .counter-current { font-size: 1.8rem; }
    .hero-scroll span { font-size: 0.7rem; }
    .our-scrolling-ticker { padding: 35px 0; }
    .scrolling-content span { font-size: 56px; }
    .scrolling-content span img { width: 36px; margin-right: 20px; }
    .about-us { padding: 130px 0 !important; }
    .about-us-body p { font-size: 18px; }
    .about-images img { border-radius: 22px; }
    .about-body-item-content h3 { font-size: 30px; }
    .our-innovation { padding: 130px 0; }
    .innovation-tab-nav ul li .nav-link { font-size: 26px; padding: 0 5px 30px; }
    .innovation-content h3 { font-size: 2rem; }
    .innovation-content ul li { font-size: 18px; }
    .innovation-discount-badge { font-size: 1.2rem; padding: 16px 28px; }
    .inno-price-old { font-size: 1.7rem; }
    .inno-price-now strong { font-size: 2rem; }
    .innovation-image img { max-height: 1200px; }
    .our-benefits { padding: 130px 0; }
    .benefits-box { padding: 56px; }
    .benefits-box .icon-box img { max-width: 80px; }
    .benefits-box-content h3 { font-size: 30px; }
    .benefits-box-content ul li { font-size: 18px; }
    .benefits-item-content h3 { font-size: 30px; }
    .benefits-item-content p { font-size: 18px; }
    .how-works-item-content h3 { font-size: 30px; }
    .how-works-item-content p { font-size: 18px; }
    .how-works-list-item .icon-box img { max-width: 65px; }
    .our-products { padding: 130px 0 90px; }
    .product-offer-content h2 { font-size: 54px; }
    .product-item-content h3,.product-item-content p { font-size: 28px; }
    .premium-product { padding: 130px 0; }
    .premium-product-price h2 { font-size: 64px; }
    .premium-product-item-content h3 { font-size: 30px; }
    .premium-care-circle img { max-width: 210px; }
    .cta-box-section { padding: 130px 0; }
    .cta-box-list ul li { font-size: 18px; }
    .our-faqs { padding: 130px 0; }
    .faq-accordion .accordion-header .accordion-button { font-size: 26px; padding: 22px 60px 22px 28px; }
    .faq-accordion .accordion-item .accordion-body { font-size: 18px; padding: 22px 60px 22px 28px; }
    .our-testimonials { padding: 130px 0; }
    .testimonial-content p { font-size: 22px; }
    .author-content h3 { font-size: 30px; }
    .author-image img { max-width: 80px; }
    .testimonials-rating i { font-size: 28px; }
    .our-blog { padding: 130px 0 90px; }
    .post-item-content h2 { font-size: 28px; }
    .main-footer { padding: 130px 0 0; }
    .footer-cta-box { padding: 35px 80px; margin-bottom: 100px; }
    .footer-links h3 { font-size: 30px; margin-bottom: 40px; }
    .footer-links ul li { font-size: 18px; margin-bottom: 20px; }
    .footer-logo img { max-width: 380px; }
    .footer-copyright-text p { font-size: 18px; }
    .footer-contact-content p { font-size: 18px; }
    .newsletter-form .form-group .form-control { font-size: 18px; padding: 16px 24px; }
    .page-header { padding: 300px 0 160px !important; }
    .page-header-box h1 { font-size: 100px; margin-bottom: 22px; }
    .page-header-box ol li.breadcrumb-item { font-size: 20px; }
    .about-heading { font-size: 5rem; }
    .hero-headline { font-size: 10rem; }
    .stat-number { font-size: 5rem; }
    .stat-label { font-size: 0.8rem; }
    .sig-name { font-size: 3rem; }
    .mission-block h3 { font-size: 2.2rem; }
    .mission-block p { font-size: 1rem; }
    .cta-title { font-size: 7rem; }
    .contact-us-form { padding: 100px; }
    .contact-info-item .icon-box { width: 80px; height: 80px; }
    .contact-info-item .icon-box img { max-width: 38px; }
    .contact-info-content h3 { font-size: 26px; }
    .contact-info-content p { font-size: 16px; }
    .contact-form .form-control { font-size: 18px; padding: 24px 26px; }
    .google-map-iframe,.google-map-iframe iframe { height: 900px; }
    .post-entry h1 { font-size: 90px; }
    .post-entry h2 { font-size: 64px; }
    .post-entry h3 { font-size: 54px; }
    .post-entry h4 { font-size: 40px; }
    .post-entry h5 { font-size: 32px; }
    .post-entry h6 { font-size: 26px; }
    .post-entry p  { font-size: 18px; }
    .post-entry blockquote p { font-size: 24px; }
    .alert-bar-text { font-size: 0.85rem; letter-spacing: 0.2rem; }
    .section-row { margin-bottom: 120px; }
    .section-title { margin-bottom: 60px; }
    .section-title.section-title-center { max-width: 900px; }
    .pure-natural { padding: 130px 0; }
    .special-saving { padding: 130px 0; }
    .natural-counter-item h2 { font-size: 32px; }
    .countdown-text h3 { font-size: 64px; }
    .countdown-text p { font-size: 20px; }
    .best-products { padding: 130px 0; }
    .best-product-content-header h2,.best-product-content-header h3 { font-size: 30px; }
    .best-product-content-body p { font-size: 18px; }
}


/************************************/
/***  30. Ultra Wide — 3000px     ***/
/************************************/

@media only screen and (min-width: 3000px) and (max-width: 4511px) {
    .container { max-width: 2600px; }
    body { font-size: 22px; }
    ::-webkit-scrollbar { width: 12px; }
    .navbar { padding: 50px 0; }
    .navbar-brand .header-logo-img { max-height: 200px; max-width: 500px; }
    .main-menu ul li a { font-size: 22px; padding: 22px 28px !important; }
    .section-title h1 { font-size: 140px; }
    .section-title h2 { font-size: 90px; }
    .section-title h3 { font-size: 24px; background-size: 30px auto; padding-left: 46px; }
    .section-title p { font-size: 22px; margin-top: 36px; }
    .section-title.section-title-center { max-width: 1400px; }
    .section-row { margin-bottom: 160px; }
    .section-title { margin-bottom: 80px; max-width: 80%}
    .btn-default { font-size: 22px; padding: 28px 50px; }
    .readmore-btn { font-size: 22px; padding-right: 40px; }
    .readmore-btn::before { width: 24px; height: 24px; }
    .tds-hero-slider { height: 110vh; }
    .slide-badge .badge-text { font-size: 1rem; letter-spacing: 5px; }
    .slide-badge .badge-line { width: 55px; }
    .slide-product-name { font-size: 1rem; letter-spacing: 7px; }
    .slide-headline { font-size: 8rem; }
    .slide-description { font-size: 1.3rem; max-width: 700px; margin-bottom: 56px; }
    .slide-btn { padding: 26px 70px; font-size: 1.1rem; letter-spacing: 4px; gap: 18px; }
    .slide-bottle-img { max-height: 1100px; }
    .slide-note { padding: 22px 28px; border-radius: 20px; }
    .slide-note .note-label { font-size: 0.9rem; letter-spacing: 3px; }
    .slide-note .note-value { font-size: 1.2rem; }
    .hero-slider-pagination .swiper-pagination-bullet { width: 50px; height: 3px; }
    .hero-slider-pagination .swiper-pagination-bullet-active { width: 80px; }
    .hero-nav-btn { width: 70px; height: 70px; font-size: 1.2rem; }
    .hero-slide-counter .counter-current { font-size: 2.4rem; }
    .hero-slide-counter .counter-line { height: 70px; }
    .hero-slide-counter .counter-total { font-size: 1rem; }
    .our-scrolling-ticker { padding: 50px 0; }
    .scrolling-content span { font-size: 80px; }
    .scrolling-content span img { width: 52px; margin-right: 28px; }
    .alert-bar-inner { padding: 16px 30px; }
    .alert-bar-text { font-size: 1rem; letter-spacing: 0.22rem; }
    .alert-bar-close { font-size: 2rem; }
    .about-us { padding: 180px 0 !important; }
    .about-us-body p { font-size: 22px; }
    .about-body-item-content h3 { font-size: 38px; }
    .about-images { border-radius: 28px; }
    .about-images img { border-radius: 28px; }
    .about-contact-box .icon-box { width: 80px; height: 80px; }
    .about-contact-box .icon-box img { max-width: 38px; }
    .about-contact-box-content h3 { font-size: 28px; }
    .our-innovation { padding: 180px 0; }
    .innovation-tab-nav { margin-bottom: 100px; }
    .innovation-tab-nav ul { border-bottom-width: 7px; }
    .innovation-tab-nav ul li .nav-link { font-size: 34px; padding: 0 5px 40px; }
    .innovation-tab-nav ul li .nav-link::before { height: 7px; bottom: -5px; }
    .innovation-tab-nav ul li .nav-link img { max-width: 46px; margin-right: 20px; }
    .innovation-content h3 { font-size: 2.8rem; margin-bottom: 18px; }
    .innovation-content p { font-size: 22px; }
    .innovation-content ul li { font-size: 22px; padding-left: 46px; margin-bottom: 30px; }
    .innovation-content ul li::before { font-size: 30px; }
    .innovation-discount-badge { font-size: 1.4rem; padding: 20px 34px; border-radius: 14px; }
    .inno-price-old { font-size: 2rem; }
    .inno-price-now strong { font-size: 2.6rem; }
    .inno-badge-off { font-size: 1.1rem; padding: 6px 18px; }
    .innovation-btn { margin-top: 60px; }
    .innovation-image img { max-height: 1800px; border-radius: 30px; }
    .innovation-image figure { border-radius: 30px; }
    .our-benefits { padding: 180px 0; }
    .benefits-box { padding: 70px; }
    .benefits-box .icon-box { margin-bottom: 46px; }
    .benefits-box .icon-box img { max-width: 100px; }
    .benefits-box-content h3 { font-size: 38px; }
    .benefits-box-content ul li { font-size: 22px; padding-left: 46px; margin-bottom: 28px; }
    .benefits-box-content ul li::before { font-size: 30px; }
    .benefits-item .icon-box img { max-width: 80px; }
    .benefits-item-content h3 { font-size: 36px; }
    .benefits-item-content p { font-size: 22px; }
    .benefits-item-list { gap: 50px 120px; margin-top: 80px; padding-top: 120px; }
    .benefits-item { width: calc(25% - 90px); }
    .how-works-list-item { margin-bottom: 70px; }
    .how-works-list-item .icon-box img { max-width: 90px; }
    .how-works-item-content h3 { font-size: 38px; margin-bottom: 18px; }
    .how-works-item-content p { font-size: 22px; }
    .our-products { padding: 180px 0 120px; }
    .product-offer-content h2 { font-size: 70px; margin-bottom: 30px; }
    .product-item-content h3,.product-item-content p { font-size: 34px; }
    .product-rating i { font-size: 22px; }
    .product-gallery { padding: 100px 0; }
    .product-gallery-item { border-radius: 20px; }
    .our-works { padding: 180px 0; }
    .work-content p { font-size: 22px; }
    .work-content ul li { font-size: 22px; padding-left: 46px; margin-bottom: 28px; }
    .work-content ul li::before { font-size: 30px; }
    .premium-product { padding: 180px 0; }
    .premium-product-price h2 { font-size: 90px; }
    .premium-product-item-content h3 { font-size: 38px; }
    .premium-care-circle img { max-width: 280px; }
    .premium-product-item .icon-box img { max-width: 80px; }
    .cta-box-section { padding: 180px 0; }
    .cta-box-list ul li { font-size: 22px; padding-left: 46px; }
    .cta-box-list ul li::before { font-size: 30px; }
    .our-faqs { padding: 180px 0; }
    .faq-accordion .accordion-item { margin-bottom: 60px; }
    .faq-accordion .accordion-header .accordion-button { font-size: 34px; padding: 30px 80px 30px 36px; }
    .faq-accordion .accordion-item .accordion-button::after,.faq-accordion .accordion-item .accordion-button.collapsed::after { font-size: 30px; right: 30px; }
    .faq-accordion .accordion-item .accordion-body { font-size: 22px; padding: 26px 80px 26px 36px; }
    .our-testimonials { padding: 180px 0; }
    .testimonial-content p { font-size: 28px; }
    .testimonials-rating i { font-size: 36px; }
    .author-content h3 { font-size: 38px; }
    .author-image img { max-width: 110px; }
    .testimonial-slider .testimonial-button-next,.testimonial-slider .testimonial-button-prev { width: 70px; height: 70px; }
    .our-blog { padding: 180px 0 120px; }
    .post-item-content h2 { font-size: 36px; }
    .main-footer { padding: 180px 0 0; }
    .footer-cta-box { padding: 50px 100px; margin-bottom: 140px; }
    .footer-links h3 { font-size: 38px; margin-bottom: 50px; }
    .footer-links ul li { font-size: 22px; margin-bottom: 24px; }
    .footer-logo img { max-width: 500px; }
    .footer-copyright-text p { font-size: 22px; }
    .footer-contact-item .icon-box img { max-width: 40px; }
    .footer-contact-content p { font-size: 22px; }
    .footer-social-links ul li a { width: 60px; height: 60px; }
    .footer-social-links ul li i { font-size: 28px; }
    .newsletter-form .form-group .form-control { font-size: 22px; padding: 22px 30px; }
    .footer-copyright-text { margin-top: 100px; padding: 100px 0; }
    .page-header { padding: 400px 0 220px !important; }
    .page-header-box h1 { font-size: 140px; margin-bottom: 30px; }
    .page-header-box ol li.breadcrumb-item { font-size: 24px; }
    .our-approach { padding: 180px 0; }
    .mission-vision-body h3 { font-size: 38px; }
    .mission-vision-body p { font-size: 22px; }
    .mission-vision-content .icon-box { width: 180px; }
    .mission-vision-content .icon-box img { max-width: 90px; }
    .mission-vision-body { width: calc(100% - 180px); padding: 36px; }
    .about-heading { font-size: 7rem; }
    .hero-headline { font-size: 14rem; }
    .stat-number { font-size: 7rem; }
    .stat-label { font-size: 1rem; letter-spacing: 0.3rem; }
    .stat-item { padding: 80px 50px; }
    .sig-name { font-size: 4.5rem; }
    .sig-desc { font-size: 1.1rem; }
    .note-tag { font-size: 0.9rem; padding: 10px 22px; }
    .mission-block h3 { font-size: 3rem; margin-bottom: 24px; }
    .mission-block p { font-size: 1.2rem; max-width: 860px; }
    .cta-title { font-size: 9rem; }
    .cta-sub { font-size: 1.1rem; max-width: 700px; margin-bottom: 5rem; }
    .about-grid { max-width: 2200px; padding: 140px 60px; }
    .about-intro { font-size: 1.2rem; }
    .phil-card h4 { font-size: 1.6rem; }
    .phil-card p { font-size: 1.1rem; }
    .phil-icon { width: 70px; height: 70px; }
    .visual-badge { width: 170px; height: 170px; }
    .visual-badge span:first-child { font-size: 2.8rem; }
    .signatures-section { padding: 180px 60px; }
    .signatures-grid { max-width: 1600px; gap: 40px; }
    .sig-card { padding: 80px 70px; }
    .sig-number { font-size: 8rem; }
    .promise-strip { padding: 160px 60px; max-width: 1500px; }
    .mission-section { max-width: 2000px; padding: 0 60px 180px; gap: 130px; }
    .about-cta { padding: 200px 60px; }
    .about-hero { height: 70vh; padding-bottom: 100px; }
    .eyebrow { font-size: 1rem; letter-spacing: 0.5rem; }
    .cta-btn { padding: 26px 70px; font-size: 1.1rem; letter-spacing: 0.4rem; }
    .countdown-text h3 { font-size: 90px; }
    .countdown-text p { font-size: 22px; }
    .special-saving-content-body .countdown-text::before { font-size: 90px; right: -34px; }
    .pure-natural,.special-saving,.best-products { padding: 180px 0; }
    .natural-counter-item h2 { font-size: 44px; }
    .best-product-content-header h2,.best-product-content-header h3 { font-size: 38px; }
    .best-product-content-body p { font-size: 22px; }
    .product-cta-box { padding: 100px; }
    .page-blog { padding: 180px 0; }
    .page-pagination ul li a,.page-pagination ul li span { width: 70px; height: 70px; font-size: 22px; }
    .page-single-post { padding: 180px 0; }
    .page-testimonials { padding: 180px 0 120px; }
    .page-testimonials .testimonial-item { padding: 60px; }
    .page-faqs { padding: 180px 0; }
    .page-catagery-list { padding: 50px; }
    .page-catagery-list ul li a { font-size: 22px; }
    .page-catagery-list ul li a::before { width: 40px; height: 40px; }
    .page-contact-us { padding: 180px 0; }
    .page-features { padding: 180px 0 120px; }
    .error-page { padding: 180px 0; }
    .contact-info-item { padding: 60px 50px; }
    .contact-info-item .icon-box { width: 100px; height: 100px; margin-right: 30px; }
    .contact-info-item .icon-box img { max-width: 50px; }
    .contact-info-content h3 { font-size: 32px; }
    .contact-info-content p { font-size: 18px; }
    .contact-us-form { padding: 120px; }
    .contact-form .form-control { font-size: 22px; padding: 28px 32px; }
    .google-map-iframe,.google-map-iframe iframe { height: 1200px; }
    .post-entry h1 { font-size: 140px; }
    .post-entry h2 { font-size: 90px; }
    .post-entry h3 { font-size: 76px; }
    .post-entry h4 { font-size: 60px; }
    .post-entry h5 { font-size: 48px; }
    .post-entry h6 { font-size: 36px; }
    .post-entry p  { font-size: 22px; }
    .post-entry blockquote p { font-size: 30px; }
    .pure-natural-img-circle img { max-width: 240px; }
    .pure-natural-image:after { width: 520px; height: 640px; border-width: 46px; }
    .swiper-slide { margin: 80px auto; }
    .page-header h1{font-size: 62px !important;}
    button.btn-default {
        font-size: 24px !important;
    }
}

/************************************/
/***  31. Ultra Wide — 4512px     ***/
/************************************/

@media only screen and (min-width: 4512px) and (max-width: 6015px) {
    .container { max-width: 3900px; }
    body { font-size: 32px; }
    .navbar { padding: 70px 0; }
    .navbar-brand .header-logo-img { max-height: 280px; max-width: 720px; }
    .main-menu ul li a { font-size: 30px; padding: 30px 38px !important; }
    .section-title h1 { font-size: 200px; }
    .section-title h2 { font-size: 130px; }
    .section-title h3 { font-size: 34px; background-size: 44px auto; padding-left: 64px; }
    .section-title p { font-size: 32px; margin-top: 50px; }
    .section-title.section-title-center { max-width: 2000px; }
    .section-row { margin-bottom: 230px; }
    .section-title { margin-bottom: 120px; }
    .btn-default { font-size: 30px; padding: 40px 70px; }
    .readmore-btn { font-size: 30px; padding-right: 56px; }
    .readmore-btn::before { width: 36px; height: 36px; }
    .tds-hero-slider { height: 105vh; }
    .slide-badge .badge-text { font-size: 1.4rem; letter-spacing: 7px; }
    .slide-badge .badge-line { width: 80px; }
    .slide-product-name { font-size: 1.4rem; letter-spacing: 10px; }
    .slide-headline { font-size: 12rem; }
    .slide-description { font-size: 1.9rem; max-width: 1000px; margin-bottom: 80px; }
    .slide-btn { padding: 38px 100px; font-size: 1.5rem; letter-spacing: 5px; gap: 26px; }
    .slide-bottle-img { max-height: 1600px; }
    .slide-note { padding: 32px 42px; border-radius: 28px; }
    .slide-note .note-label { font-size: 1.3rem; letter-spacing: 4px; }
    .slide-note .note-value { font-size: 1.7rem; }
    .hero-slider-pagination .swiper-pagination-bullet { width: 70px; height: 5px; }
    .hero-slider-pagination .swiper-pagination-bullet-active { width: 120px; }
    .hero-nav-btn { width: 100px; height: 100px; font-size: 1.8rem; }
    .hero-slide-counter .counter-current { font-size: 3.6rem; }
    .hero-slide-counter .counter-line { height: 100px; }
    .hero-slide-counter .counter-total { font-size: 1.4rem; }
    .our-scrolling-ticker { padding: 70px 0; }
    .scrolling-content span { font-size: 120px; }
    .scrolling-content span img { width: 76px; margin-right: 42px; }
    .alert-bar-inner { padding: 22px 50px; }
    .alert-bar-text { font-size: 1.4rem; letter-spacing: 0.25rem; }
    .about-us { padding: 260px 0 !important; }
    .about-body-item-content h3 { font-size: 56px; }
    .about-us-body p { font-size: 32px; }
    .about-contact-box .icon-box { width: 120px; height: 120px; }
    .about-contact-box .icon-box img { max-width: 56px; }
    .about-contact-box-content h3 { font-size: 44px; }
    .our-innovation { padding: 260px 0; }
    .innovation-tab-nav { margin-bottom: 140px; }
    .innovation-tab-nav ul li .nav-link { font-size: 50px; padding: 0 5px 56px; }
    .innovation-tab-nav ul li .nav-link img { max-width: 66px; margin-right: 28px; }
    .innovation-content h3 { font-size: 4rem; }
    .innovation-content p,.innovation-content ul li { font-size: 32px; }
    .innovation-content ul li { padding-left: 66px; margin-bottom: 44px; }
    .innovation-content ul li::before { font-size: 44px; }
    .innovation-discount-badge { font-size: 2rem; padding: 28px 48px; border-radius: 18px; }
    .inno-price-old { font-size: 2.8rem; }
    .inno-price-now strong { font-size: 3.8rem; }
    .inno-badge-off { font-size: 1.5rem; padding: 8px 24px; }
    .innovation-image img { max-height: 2600px; border-radius: 40px; }
    .our-benefits { padding: 260px 0; }
    .benefits-box { padding: 100px; }
    .benefits-box .icon-box img { max-width: 140px; }
    .benefits-box-content h3 { font-size: 56px; }
    .benefits-box-content ul li { font-size: 32px; padding-left: 66px; margin-bottom: 40px; }
    .benefits-box-content ul li::before { font-size: 44px; }
    .benefits-item .icon-box img { max-width: 110px; }
    .benefits-item-content h3 { font-size: 52px; }
    .benefits-item-content p { font-size: 32px; }
    .how-works-list-item { margin-bottom: 100px; }
    .how-works-list-item .icon-box img { max-width: 130px; }
    .how-works-item-content h3 { font-size: 56px; margin-bottom: 26px; }
    .how-works-item-content p { font-size: 32px; }
    .our-products { padding: 260px 0 180px; }
    .product-offer-content h2 { font-size: 110px; }
    .product-item-content h3,.product-item-content p { font-size: 50px; }
    .premium-product { padding: 260px 0; }
    .premium-product-price h2 { font-size: 130px; }
    .premium-product-item-content h3 { font-size: 56px; }
    .premium-care-circle img { max-width: 400px; }
    .our-faqs { padding: 260px 0; }
    .faq-accordion .accordion-item { margin-bottom: 90px; }
    .faq-accordion .accordion-header .accordion-button { font-size: 50px; padding: 44px 120px 44px 54px; }
    .faq-accordion .accordion-item .accordion-button::after,.faq-accordion .accordion-item .accordion-button.collapsed::after { font-size: 44px; right: 50px; }
    .faq-accordion .accordion-item .accordion-body { font-size: 32px; padding: 38px 120px 38px 54px; }
    .our-testimonials { padding: 260px 0; }
    .testimonial-content p { font-size: 40px; }
    .testimonials-rating i { font-size: 54px; }
    .author-content h3 { font-size: 56px; }
    .author-image img { max-width: 160px; }
    .testimonial-slider .testimonial-button-next,.testimonial-slider .testimonial-button-prev { width: 100px; height: 100px; }
    .our-blog { padding: 260px 0 180px; }
    .post-item-content h2 { font-size: 52px; }
    .main-footer { padding: 260px 0 0; }
    .footer-cta-box { padding: 80px 160px; margin-bottom: 200px; }
    .footer-links h3 { font-size: 56px; margin-bottom: 70px; }
    .footer-links ul li { font-size: 32px; margin-bottom: 36px; }
    .footer-logo img { max-width: 720px; }
    .footer-copyright-text p { font-size: 30px; }
    .footer-contact-item .icon-box img { max-width: 60px; }
    .footer-contact-content p { font-size: 30px; }
    .footer-social-links ul li a { width: 90px; height: 90px; }
    .footer-social-links ul li i { font-size: 44px; }
    .newsletter-form .form-group .form-control { font-size: 30px; padding: 32px 44px; }
    .footer-copyright-text { margin-top: 160px; padding: 160px 0; }
    .page-header { padding: 600px 0 320px !important; }
    .page-header-box h1 { font-size: 200px; margin-bottom: 44px; }
    .page-header-box ol li.breadcrumb-item { font-size: 34px; }
    .about-heading { font-size: 10rem; }
    .hero-headline { font-size: 20rem; }
    .stat-number { font-size: 10rem; }
    .stat-label { font-size: 1.5rem; letter-spacing: 0.35rem; }
    .stat-item { padding: 120px 80px; }
    .sig-name { font-size: 6.5rem; }
    .sig-desc { font-size: 1.6rem; }
    .note-tag { font-size: 1.3rem; padding: 14px 32px; }
    .mission-block h3 { font-size: 4.5rem; margin-bottom: 36px; }
    .mission-block p { font-size: 1.8rem; max-width: 1300px; }
    .cta-title { font-size: 13rem; }
    .cta-sub { font-size: 1.6rem; max-width: 1100px; margin-bottom: 7rem; }
    .countdown-text h3 { font-size: 130px; }
    .countdown-text p { font-size: 32px; }
    .contact-info-item { padding: 90px 80px; }
    .contact-info-item .icon-box { width: 150px; height: 150px; margin-right: 44px; }
    .contact-info-item .icon-box img { max-width: 72px; }
    .contact-info-content h3 { font-size: 48px; }
    .contact-info-content p { font-size: 28px; }
    .contact-us-form { padding: 180px; }
    .contact-form .form-control { font-size: 32px; padding: 44px 50px; }
    .google-map-iframe,.google-map-iframe iframe { height: 1800px; }
    .post-entry h1 { font-size: 200px; }
    .post-entry h2 { font-size: 130px; }
    .post-entry h3 { font-size: 110px; }
    .post-entry h4 { font-size: 86px; }
    .post-entry h5 { font-size: 70px; }
    .post-entry h6 { font-size: 54px; }
    .post-entry p  { font-size: 32px; }
    .post-entry blockquote p { font-size: 44px; }
}

/************************************/
/***  32. Ultra Wide — 6016px     ***/
/************************************/

@media only screen and (min-width: 6016px) {
    .container { max-width: 5200px; }
    body { font-size: 42px; }
    .navbar { padding: 90px 0; }
    .navbar-brand .header-logo-img { max-height: 380px; max-width: 960px; }
    .main-menu ul li a { font-size: 40px; padding: 40px 50px !important; }
    .section-title h1 { font-size: 270px; }
    .section-title h2 { font-size: 180px; }
    .section-title h3 { font-size: 46px; background-size: 60px auto; padding-left: 86px; }
    .section-title p { font-size: 42px; margin-top: 66px; }
    .section-title.section-title-center { max-width: 2800px; }
    .section-row { margin-bottom: 310px; }
    .section-title { margin-bottom: 160px; }
    .btn-default { font-size: 40px; padding: 54px 94px; }
    .readmore-btn { font-size: 40px; padding-right: 74px; }
    .readmore-btn::before { width: 50px; height: 50px; }
    .tds-hero-slider { height: 100vh; }
    .slide-badge .badge-text { font-size: 1.9rem; letter-spacing: 9px; }
    .slide-badge .badge-line { width: 110px; }
    .slide-product-name { font-size: 1.9rem; letter-spacing: 14px; }
    .slide-headline { font-size: 16rem; }
    .slide-description { font-size: 2.6rem; max-width: 1400px; margin-bottom: 110px; }
    .slide-btn { padding: 52px 134px; font-size: 2rem; letter-spacing: 7px; gap: 36px; }
    .slide-bottle-img { max-height: 2200px; }
    .slide-note { padding: 44px 56px; border-radius: 38px; }
    .slide-note .note-label { font-size: 1.8rem; letter-spacing: 5px; }
    .slide-note .note-value { font-size: 2.4rem; }
    .hero-slider-pagination .swiper-pagination-bullet { width: 100px; height: 6px; }
    .hero-slider-pagination .swiper-pagination-bullet-active { width: 160px; }
    .hero-nav-btn { width: 140px; height: 140px; font-size: 2.4rem; }
    .hero-slide-counter .counter-current { font-size: 5rem; }
    .hero-slide-counter .counter-line { height: 140px; }
    .hero-slide-counter .counter-total { font-size: 1.9rem; }
    .our-scrolling-ticker { padding: 90px 0; }
    .scrolling-content span { font-size: 160px; }
    .scrolling-content span img { width: 100px; margin-right: 56px; }
    .alert-bar-inner { padding: 30px 70px; }
    .alert-bar-text { font-size: 1.9rem; letter-spacing: 0.28rem; }
    .about-us { padding: 340px 0 !important; }
    .about-body-item-content h3 { font-size: 74px; }
    .about-us-body p { font-size: 42px; }
    .about-contact-box .icon-box { width: 160px; height: 160px; }
    .about-contact-box .icon-box img { max-width: 76px; }
    .about-contact-box-content h3 { font-size: 60px; }
    .our-innovation { padding: 340px 0; }
    .innovation-tab-nav { margin-bottom: 190px; }
    .innovation-tab-nav ul li .nav-link { font-size: 68px; padding: 0 5px 76px; }
    .innovation-tab-nav ul li .nav-link img { max-width: 90px; margin-right: 38px; }
    .innovation-content h3 { font-size: 5.5rem; }
    .innovation-content p,.innovation-content ul li { font-size: 42px; }
    .innovation-content ul li { padding-left: 88px; margin-bottom: 58px; }
    .innovation-content ul li::before { font-size: 60px; }
    .innovation-discount-badge { font-size: 2.7rem; padding: 38px 64px; border-radius: 24px; }
    .inno-price-old { font-size: 3.8rem; }
    .inno-price-now strong { font-size: 5rem; }
    .inno-badge-off { font-size: 2rem; padding: 12px 32px; }
    .innovation-image img { max-height: 3400px; border-radius: 56px; }
    .our-benefits { padding: 340px 0; }
    .benefits-box { padding: 140px; }
    .benefits-box .icon-box img { max-width: 190px; }
    .benefits-box-content h3 { font-size: 74px; }
    .benefits-box-content ul li { font-size: 42px; padding-left: 88px; margin-bottom: 54px; }
    .benefits-box-content ul li::before { font-size: 60px; }
    .benefits-item .icon-box img { max-width: 150px; }
    .benefits-item-content h3 { font-size: 70px; }
    .benefits-item-content p { font-size: 42px; }
    .how-works-list-item { margin-bottom: 140px; }
    .how-works-list-item .icon-box img { max-width: 180px; }
    .how-works-item-content h3 { font-size: 74px; margin-bottom: 34px; }
    .how-works-item-content p { font-size: 42px; }
    .our-products { padding: 340px 0 240px; }
    .product-offer-content h2 { font-size: 150px; }
    .product-item-content h3,.product-item-content p { font-size: 68px; }
    .premium-product { padding: 340px 0; }
    .premium-product-price h2 { font-size: 180px; }
    .premium-product-item-content h3 { font-size: 74px; }
    .premium-care-circle img { max-width: 540px; }
    .our-faqs { padding: 340px 0; }
    .faq-accordion .accordion-item { margin-bottom: 120px; }
    .faq-accordion .accordion-header .accordion-button { font-size: 68px; padding: 60px 160px 60px 74px; }
    .faq-accordion .accordion-item .accordion-button::after,.faq-accordion .accordion-item .accordion-button.collapsed::after { font-size: 60px; right: 70px; }
    .faq-accordion .accordion-item .accordion-body { font-size: 42px; padding: 52px 160px 52px 74px; }
    .our-testimonials { padding: 340px 0; }
    .testimonial-content p { font-size: 54px; }
    .testimonials-rating i { font-size: 72px; }
    .author-content h3 { font-size: 74px; }
    .author-image img { max-width: 210px; }
    .testimonial-slider .testimonial-button-next,.testimonial-slider .testimonial-button-prev { width: 140px; height: 140px; }
    .our-blog { padding: 340px 0 240px; }
    .post-item-content h2 { font-size: 70px; }
    .main-footer { padding: 340px 0 0; }
    .footer-cta-box { padding: 110px 220px; margin-bottom: 280px; }
    .footer-links h3 { font-size: 74px; margin-bottom: 96px; }
    .footer-links ul li { font-size: 42px; margin-bottom: 48px; }
    .footer-logo img { max-width: 960px; }
    .footer-copyright-text p { font-size: 40px; }
    .footer-contact-item .icon-box img { max-width: 80px; }
    .footer-contact-content p { font-size: 40px; }
    .footer-social-links ul li a { width: 120px; height: 120px; }
    .footer-social-links ul li i { font-size: 60px; }
    .newsletter-form .form-group .form-control { font-size: 40px; padding: 44px 60px; }
    .footer-copyright-text { margin-top: 220px; padding: 220px 0; }
    .page-header { padding: 800px 0 440px !important; }
    .page-header-box h1 { font-size: 270px; margin-bottom: 60px; }
    .page-header-box ol li.breadcrumb-item { font-size: 46px; }
    .about-heading { font-size: 13rem; }
    .hero-headline { font-size: 27rem; }
    .stat-number { font-size: 14rem; }
    .stat-label { font-size: 2rem; letter-spacing: 0.4rem; }
    .stat-item { padding: 160px 110px; }
    .sig-name { font-size: 8.5rem; }
    .sig-desc { font-size: 2.2rem; }
    .note-tag { font-size: 1.8rem; padding: 18px 44px; }
    .mission-block h3 { font-size: 6rem; margin-bottom: 50px; }
    .mission-block p { font-size: 2.4rem; max-width: 1800px; }
    .cta-title { font-size: 17rem; }
    .cta-sub { font-size: 2.2rem; max-width: 1600px; margin-bottom: 9rem; }
    .countdown-text h3 { font-size: 180px; }
    .countdown-text p { font-size: 42px; }
    .contact-info-item { padding: 120px 110px; }
    .contact-info-item .icon-box { width: 200px; height: 200px; margin-right: 60px; }
    .contact-info-item .icon-box img { max-width: 96px; }
    .contact-info-content h3 { font-size: 64px; }
    .contact-info-content p { font-size: 38px; }
    .contact-us-form { padding: 240px; }
    .contact-form .form-control { font-size: 42px; padding: 60px 68px; }
    .google-map-iframe,.google-map-iframe iframe { height: 2400px; }
    .post-entry h1 { font-size: 270px; }
    .post-entry h2 { font-size: 180px; }
    .post-entry h3 { font-size: 150px; }
    .post-entry h4 { font-size: 120px; }
    .post-entry h5 { font-size: 96px; }
    .post-entry h6 { font-size: 74px; }
    .post-entry p  { font-size: 42px; }
    .post-entry blockquote p { font-size: 60px; }
}


.alert-bar {
    position: relative;
    background: #2b0008;
    color: #fff;
    padding: 8px 34px 8px 10px;
    overflow: hidden;
}

.alert-bar-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
}

.alert-bar-text {
    width: 100%;
    text-align: center;
    font-family: var(--default-font);
    text-transform: uppercase;
    color: #fff;
}

.alert-bar-text strong {
    font-weight: 700;
}

.alert-bar-close {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

.alert-bar-text-desktop {
    display: block;
    font-size: 11px;
    letter-spacing: 0.05rem;
    line-height: 1.2;
    white-space: nowrap;
}

.alert-bar-text-mobile {
    display: none;
}

@media (max-width: 767px) {
    .alert-bar {
        padding: 8px 28px 8px 10px;
    }

    .alert-bar-inner {
        min-height: 44px;
    }

    .alert-bar-text-desktop {
        display: none;
    }

    .alert-bar-text-mobile {
        display: block;
        white-space: normal;
        line-height: 1.25;
        letter-spacing: 0.025rem;
        padding: 0 10px;
    }

    .alert-bar-text-mobile .line-1,
    .alert-bar-text-mobile .line-2 {
        display: block;
    }

    .alert-bar-text-mobile .line-1 {
        font-size: 9.5px;
        margin-bottom: 2px;
    }

    .alert-bar-text-mobile .line-2 {
        font-size: 9.5px;
        margin-top: 7px;
    }

    .alert-bar-close {
        right: 8px;
        font-size: 15px;
    }
}

/* Newsletter form wrapper */
#newsletterForm .form-group {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

#newsletterForm input[type="email"] {
    flex: 1;
    min-width: 0;
    height: 54px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid #d8c7b3;
    background: transparent;
    font-size: 16px;
}

#newsletterForm button[type="submit"] {
    height: 54px;
    padding: 0 28px !important;
    border-radius: 999px !important;
    white-space: nowrap;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Mobile fix */
@media (max-width: 767px) {
    #newsletterForm .form-group {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    #newsletterForm input[type="email"] {
        width: 100%;
        height: 50px;
        font-size: 15px;
    }

    #newsletterForm button[type="submit"] {
        width: 100%;
        height: 50px;
        padding: 0 20px !important;
        font-size: 14px !important;
    }
}