:root { 
    --gray50: #F9FAFB;
    --gray100: #F3F4F6;
    --gray200: #E5E7EB;
    --gray300: #D1D5DB;
    --gray500: #6B7280;
    --gray700: #374151;
    --gray800: #1F2937;
    --gray900: #111827;
    --indigo50: #EEF2FF;
    --indigo100: #E0E7FF;
    --indigo200: #C7D2FE;
    --indigo400: #818CF8;
    --indigo600: #4F46E5;
    --indigo800: #3730A3;
    --indigo900: #312E81;
    --white: #ffffff;
    --textSize: 16px;
    --containerSize: 1216px;
    --title2Size: 48px;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body { font-family: "Inter", sans-serif; margin: 0; padding: 0; font-size: var(--textSize); color: var(--gray500); position:relative; }
a, a:link, a:visited, a:hover { text-decoration: none; color: var(--gray500); }
a img { border: none; }
.btn { display: inline-flex; position: relative; border:1px solid var(--gray300); border-radius: 99px; padding: 8px 50px 8px 16px; line-height: 32px; transition: all 0.2s; }
.btn::after { content: ""; position: absolute; left: calc(100% - 40px); right: 8px; width: 16px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4.66699 11.3332L11.3337 4.6665" stroke="%23111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.66699 4.6665H11.3337V11.3332" stroke="%23111132" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center var(--white); border-radius: 50%; padding: 8px; transition: all 0.2s; }
.btn:hover { padding: 8px 16px 8px 50px; }
.btn:hover::after { left: 8px; right: 100%; }

.btn.btn-primary, a.btn.btn-primary { color: var(--gray900); }
.btn.btn-primary::after, a.btn.btn-primary::after { background-color: var(--gray100); }
.btn.btn-primary:hover, a.btn.btn-primary:hover { background: var(--gray900); color: var(--white); }
.btn.btn-primary:hover::after, a.btn.btn-primary:hover::after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.28596 7.99993H12.714" stroke="%23111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 3.28589L12.714 7.99993L8 12.714" stroke="%23111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center var(--white); }

.btn.btn-secondary, a.btn.btn-secondary { color: var(--white); }
.btn.btn-secondary::after, a.btn.btn-secondary::after { background-color: var(--white); }
.btn.btn-secondary:hover, a.btn.btn-secondary:hover { background: var(--white); color: var(--gray900); }
.btn.btn-secondary:hover::after, a.btn.btn-secondary:hover::after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.28596 7.99993H12.714" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 3.28589L12.714 7.99993L8 12.714" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center var(--gray900); }

.btn.btn-more::after, a.btn.btn-more::after { transform: rotate(135deg); }
.btn.btn-more:hover, a.btn.btn-more:hover { background: var(--gray900); color: var(--white); }

.btn.btn-less::after, a.btn.btn-less::after { transform: rotate(-45deg); }
.btn.btn-less:hover, a.btn.btn-less:hover { background: var(--gray900); color: var(--white); }

body.menuactive { height: 100vh; overflow: hidden; }
.container { width: var(--containerSize); margin: 0 auto; }
.containerFluid { width: 1344px; margin: 0 auto; }
.forvitsColor { color: var(--indigo600); }

header { width: 100%; padding: 44px 0; z-index: 10; position: relative; }
header.homeheader { position: absolute; top: 0; left: 0;  color:var(--white); }
.headerWrapper { display: flex; align-items: center; justify-content: space-between; position: relative; }
.nav ul {  display: flex; flex-wrap: nowrap; gap: 28px; margin: 0; padding: 0; }
.nav ul li { list-style: none; }
.nav ul li a { color: var(--gray800); }
header.homeheader .nav ul li a { color: var(--white); }
.lang-selector { display: flex; align-items: center; gap: 4px; color: var(--gray800); }
.lang-selector::before { content: ' '; display: block; width: 20px; height: 20px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.5 17.5V14.1667C12.5 13.7246 12.6756 13.3007 12.9882 12.9882C13.3007 12.6756 13.7246 12.5 14.1667 12.5H17.5" stroke="%231F2937" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83301 3.33301V4.99967C6.01278 5.5109 6.35379 5.94988 6.80469 6.25048C7.2556 6.55108 7.79196 6.69703 8.33301 6.66634C8.77504 6.66634 9.19896 6.84194 9.51152 7.1545C9.82408 7.46706 9.99967 7.89098 9.99967 8.33301C9.99967 8.77504 10.1753 9.19896 10.4878 9.51152C10.8004 9.82408 11.2243 9.99967 11.6663 9.99967C12.1084 9.99967 12.5323 9.82408 12.8449 9.51152C13.1574 9.19896 13.333 8.77504 13.333 8.33301C13.333 7.89098 13.5086 7.46706 13.8212 7.1545C14.1337 6.84194 14.5576 6.66634 14.9997 6.66634H17.4997" stroke="%231F2937" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 9.16699H4.16667C4.60869 9.16699 5.03262 9.34259 5.34518 9.65515C5.65774 9.96771 5.83333 10.3916 5.83333 10.8337V11.667C5.83333 12.109 6.00893 12.5329 6.32149 12.8455C6.63405 13.1581 7.05797 13.3337 7.5 13.3337C7.94203 13.3337 8.36595 13.5093 8.67851 13.8218C8.99107 14.1344 9.16667 14.5583 9.16667 15.0003V18.3337" stroke="%231F2937" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0003 18.3337C14.6027 18.3337 18.3337 14.6027 18.3337 10.0003C18.3337 5.39795 14.6027 1.66699 10.0003 1.66699C5.39795 1.66699 1.66699 5.39795 1.66699 10.0003C1.66699 14.6027 5.39795 18.3337 10.0003 18.3337Z" stroke="%231F2937" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
.lang-selector::after { content: ' '; display: block; width: 16px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

header.homeheader .lang-selector { color: var(--white); }
header.homeheader .lang-selector::before { content: ' '; display: block; width: 20px; height: 20px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.5 17.5V14.1667C12.5 13.7246 12.6756 13.3007 12.9882 12.9882C13.3007 12.6756 13.7246 12.5 14.1667 12.5H17.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83301 3.33301V4.99967C6.01278 5.5109 6.35379 5.94988 6.80469 6.25048C7.2556 6.55108 7.79196 6.69703 8.33301 6.66634C8.77504 6.66634 9.19896 6.84194 9.51152 7.1545C9.82408 7.46706 9.99967 7.89098 9.99967 8.33301C9.99967 8.77504 10.1753 9.19896 10.4878 9.51152C10.8004 9.82408 11.2243 9.99967 11.6663 9.99967C12.1084 9.99967 12.5323 9.82408 12.8449 9.51152C13.1574 9.19896 13.333 8.77504 13.333 8.33301C13.333 7.89098 13.5086 7.46706 13.8212 7.1545C14.1337 6.84194 14.5576 6.66634 14.9997 6.66634H17.4997" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 9.16699H4.16667C4.60869 9.16699 5.03262 9.34259 5.34518 9.65515C5.65774 9.96771 5.83333 10.3916 5.83333 10.8337V11.667C5.83333 12.109 6.00893 12.5329 6.32149 12.8455C6.63405 13.1581 7.05797 13.3337 7.5 13.3337C7.94203 13.3337 8.36595 13.5093 8.67851 13.8218C8.99107 14.1344 9.16667 14.5583 9.16667 15.0003V18.3337" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0003 18.3337C14.6027 18.3337 18.3337 14.6027 18.3337 10.0003C18.3337 5.39795 14.6027 1.66699 10.0003 1.66699C5.39795 1.66699 1.66699 5.39795 1.66699 10.0003C1.66699 14.6027 5.39795 18.3337 10.0003 18.3337Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
header.homeheader .lang-selector::after { content: ' '; display: block; width: 16px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.opacity0 { opacity:0; }
.opacity0.animate__animated { opacity:1; }

.megaMenu { position: absolute; display: none; background: var(--gray50); border-radius: 12px; z-index: 11; width: 100%; max-width: 940px; top: 70px; left: 50%; transform: translateX(-50%); box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); }
.megaMenu.active { display: block; }
.megaCategories { padding: 24px 20px; width: 300px; }
.megaCategories ul { padding: 0; margin: 0; list-style-type: none; }
.megaCategories ul li a { display: block; font-size: 18px; font-weight: 600; line-height: 155%; padding: 12px; color: var(--gray700) }
.megaCategories ul li.active a { background: var(--indigo50); border-radius: 8px; }
.megaCategoryDetail { display: none; }
.megaCategoryDetail.active { display: block; }
.megaMenuInner { display: flex; flex-wrap: nowrap; }
.megaCategoryItems { background: var(--white); border-radius: 0 16px 16px 0; width: calc(100% - 300px) }
.megaCategoryInner { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 22px 16px; padding: 20px 19px; width: 100% }

.megaCategoryItems .productItem { width: 190px; }
.megaCategoryItems .productItem .productImage img { max-width: 100%; max-height: 130px; }
.megaCategoryItems .productItem .productName { font-size: 16px; line-height: 24px; font-weight: 500; }
.megaMenuOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(139, 166, 190, 0.2); height: 100%; z-index: 9; backdrop-filter: blur(1px); }

.navbar-toggler { display: none; width: 40px; height: 40px; border-radius: 4px; color: #fff; border: none; position: relative; z-index: 1050; outline: none !important; }
.navbar-toggler span { position: absolute; display: block; z-index: 2; }
.navbar-toggler span:after,
.navbar-toggler span:before { width: 40px; height: 2px; background-color:var(--gray500); transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; top: 20px; }
.homeheader .navbar-toggler span:after,
.homeheader .navbar-toggler span:before { background-color: var(--white); }
.navbar-toggler span:after,
.navbar-toggler span:before { content: ""; position: absolute; left: 0; top: 9px; }
.navbar-toggler span:after { top: 27px; }
.navbar-toggler.active { background: var(--white); }
.navbar-toggler.active span { background-color: transparent; }
.navbar-toggler.active span:before { transform: rotate(45deg) translate(5px, 5px); background: var(--gray500); }
.navbar-toggler.active span:after { transform: rotate(-45deg) translate(6px, -7px); background: var(--gray500); }


body.menuactive header .logo,
body.menuactive header .lang,
body.menuactive header .nav li:not(:first-child) { filter: blur(1px); }


#heroSection {  }
#heroSection .container { width:100%; }
.heroWrapper { height:calc((100vw / 1920) * 1080);  }
.heroWrapper video { margin-top: -4px; }

#homeProducts { position: relative; overflow: hidden; }
#homeProducts .container { position: relative;  }
.homeProductsText { font-size: var(--title2Size); font-weight: 300; line-height: 1.25; padding: 120px 64px 0 0; width: 75%; }
.homeProductsText span { font-weight: 700; }
.homeProductsPath { position: absolute; top: 200px; right: 0; z-index: -1; transform: translate(50%); }

.homeProductsWrapper { padding:120px 0; }
.homeProductCats { display: flex; flex-wrap: wrap; gap: 44px 32px; }
.productCatItem { border-radius: 24px; color: var(--white); }
.homeProductCats .productCatItem:nth-child(2) { animation-delay: 0.2s; }
.homeProductCats .productCatItem:nth-child(3) { animation-delay: 0.4s; }
.productCatItem a { display: block; position: relative; color: var(--white);  width: 380px; height: 630px;  padding: 32px; }
.productCatName { font-size: 36px; font-weight: 300; line-height: 117%; margin-bottom: 16px; }
.productNames { line-height: 175%; height:117px; display: flex; }
.productNamesCol { width: 50%; }
.productNames ul { padding: 0; margin: 0 0 0 30px; }
/* .productCatItem:nth-child(1) { width: 740px; } */
.productCatImg { width: 80%; height: 300px; margin: auto; }
.productCatImg img { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: all 0.2s; }
.productCatImg .productCatBg { position: absolute; top: 0; left: 0; right: 0; bottom: 0%; border-radius: 24px; background-color: var(--white); z-index: -1; overflow: hidden; }
.productCatButtonWrapper { display: block; position: absolute; bottom: 32px; right: 32px; }
.productCatBg { position: absolute; top: 0; left: 0; right: 0; bottom: 0%; border-radius: 24px; background-color: var(--white);  z-index: -1; overflow: hidden; }
.productCatBg img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.2s; }
.takviye .productCatImg { width: 100%; }
.productCatItem a:hover .btn-secondary { background: var(--white); color: var(--gray900); padding: 8px 16px 8px 50px;  }
.productCatItem a:hover .btn-secondary::after { left: 8px; right: 100%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.28596 7.99993H12.714" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 3.28589L12.714 7.99993L8 12.714" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center var(--gray900); }
.productCatItem:hover .productCatImg img { transform: translateY(-5%); }
.productCatItem:nth-child(2):hover .productCatBg img { transform: scale(1.1); }

#onedose { margin-bottom: 120px; }
.onedoseimage { text-align: center; position: relative; }
.oneDoseImageText { position: absolute; font-size: 80px; font-weight: 500; color: var(--indigo900); line-height: 125%; z-index: 1; top:40%; left:28%; transform: translate(-50%) !important; text-align: left; }
.onedoseText { font-size: var(--title2Size); text-align: center; font-weight: 300; line-height: 125%; width: 65%; margin: auto; }
.onedoseText span { font-weight: 700; color: initial; 
    background: linear-gradient(100deg, #46BEDA 35.09%, #8E6AAB 43.56%, #36358C 51.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#blogSummary { margin-bottom: 120px;}
.blogSummaryTitle { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 80px;}
.blogSummaryTitle h2, .blogSummaryTitle h1 { font-size: 36px; font-weight: 300; line-height: 1.25; color: var(--indigo900); margin: 0 0 8px 0; padding: 0; }
.blogSummaryTitle p { color:var(--gray900); font-size: 20px;  line-height: 140%; margin: 0; padding: 0; }
.blogSumTitleRight { display: flex; align-items: flex-end;}
.blogList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
#blogSummary .blogList { display: block; }
/*#blogSummary .blogList .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }*/
.blogItem a { display: block; }
.blogItemImage { position: relative; border-radius: 16px 16px 0px 0px; overflow: hidden;  aspect-ratio:385/300; margin-bottom: 24px; }
.blogItemImage img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.2s; }
.blogItemImage::before { content: ""; position: absolute; bottom: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4.66699 11.3332L11.3337 4.6665" stroke="%23111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.66699 4.6665H11.3337V11.3332" stroke="%23111132" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center var(--white); z-index: 1; transition: all 0.5s; }
.blogItemText { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; align-self: stretch; overflow: hidden;  text-overflow: ellipsis; }
.blogItemText h3 { font-size: 28px; font-weight: 600; line-height: 135%; margin:0; padding: 0; color: var(--gray900); }
.blogItem a:hover .blogItemImage img { transform: scale(1.05); }
.blogItem a:hover .blogItemImage::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.28596 7.99993H12.714" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 3.28589L12.714 7.99993L8 12.714" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center var(--gray900); }

#formula { overflow: hidden; padding: 80px 0 100px 0; }
#formula .container { position: relative;}
.formulaPath { position: absolute; top: 0; left: 0; z-index: -1; transform: translate(-50%);}
.formulaText { position: relative; font-size: var(--title2Size); font-weight: 300; line-height: 125%; color:var(--gray500); margin-left: 500px; margin-bottom: 240px; }
.formulaText .glow { position: absolute; top: -50px; left: -135px; z-index: 1; animation: 2s glowin infinite alternate; }

@keyframes glowin {
 from { transform: scale(1); }
 to { transform: scale(0.8); }
}

.instaPostsWrapper { position: relative;  }
.instaLink { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); } 
.instaLink a { background: var(--gray900); border-radius: 99px; color: var(--white); display: inline-flex; padding: 8px 16px; justify-content: center; align-items: center; gap: 8px; font-weight: 400;}
.instaPosts { position: relative; background: url(../images/instaBg.png) no-repeat center center; min-height: 950px;}
.instaPosts .instaPostItem { width: 270px; transition:all 1s; top:30%; left:30%; bottom:50%; right:50%; opacity:0; }
.instaPosts .instaPostItem a { display: block; width: 100%; height: 338px;  }
.instaPosts .instaPostItem a img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; overflow: hidden; transition: all 0.2s; }
.instaPosts .instaPostItem a:hover img { transform: scale(1.05); }
.instaPosts.animate_custom .instaPostItem { opacity:1; }
.instaPosts.animate_custom .instaPostItem:nth-child(1) { position: absolute; top: 149px; left: 50px; transform: rotate(-12.02deg); }
.instaPosts.animate_custom .instaPostItem:nth-child(2) { position: absolute; top: 0; left: 50%; transform: translateX(-30%) rotate(-2.46deg); }
.instaPosts.animate_custom .instaPostItem:nth-child(3) { position: absolute; top: 185px; left:initial; right: 20px; transform: rotate(7.89deg); }
.instaPosts.animate_custom .instaPostItem:nth-child(4) { position: absolute; top:initial; bottom: 0; left: 80px; transform: rotate(6.86deg); }
.instaPosts.animate_custom .instaPostItem:nth-child(5) { position: absolute; top:initial; bottom: 0; left: 50%; transform: translateX(-40%) rotate(2.31deg); }
.instaPosts.animate_custom .instaPostItem:nth-child(6) { position: absolute; top:initial; bottom: 0; left: initial; right: 0; transform: rotate(-10.05deg); }

#faq { margin-bottom: 180px;}
.faqWrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.faqImage { width: 500px; text-align: center; padding-top: 120px;  }
.faqListWrapper { width: calc(100% - 532px);  }
.faqTitle { font-size: 36px; font-weight: 300; line-height: 1.25; color: var(--indigo900); margin-bottom: 40px; }
.faqList { margin-bottom: 40px; }
.faqItem { border-radius: 12px; border: 1px solid var(--gray300); padding: 16px; margin-bottom: 16px; color: var(--gray900); }
.faqItem input { position: absolute; opacity: 0; z-index: -1; }
.faqItemTitle { display: flex; gap: 16px; justify-content: space-between; font-size: 18px; font-weight: 600;  line-height: 155%; cursor: pointer; }
.faqItemTitle span { width: calc(100% - 24px); }
.faqItemTitle::after { content:' '; display: block; width: 24px; height: 24px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5V19" stroke="%239CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 12H19" stroke="%239CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
.faqItemText { max-height: 0; overflow: hidden; transition: all 0.35s; line-height: 137%; }
.faqItem input:checked ~ .faqItemText { max-height: 100rem; }
.faqItem input:checked ~ .faqItemTitle::after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12H19" stroke="%239CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
.faqItemContent { padding-top: 16px;}
.faqItemContent p { margin:0 0 16px 0; }

.homeFaqList .faqItem { opacity: 0; transform: translateY(50%); transition:all 0.5s; }
.homeFaqList.animate_custom .faqItem { opacity: 1; transform: translateY(0%); }
.homeFaqList .faqItem:nth-child(2) { transition-delay: 0.2s; }
.homeFaqList .faqItem:nth-child(3) { transition-delay: 0.4s; }
.homeFaqList .faqItem:nth-child(4) { transition-delay: 0.8s; }
.homeFaqList .faqItem:nth-child(5) { transition-delay: 1.0s; }
.homeFaqList .faqItem:nth-child(6) { transition-delay: 1.2s; }



#faqPage { padding: 40px 0 120px 0; }
.faqPageTitle { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 80px; }
.faqPageTitle h2, .faqPageTitle h1 { font-size: 36px; font-weight: 300; line-height: 1.25; color: var(--indigo900); margin: 0 0 8px 0; padding: 0; }
.faqPageTitle p { color: var(--gray900); font-size: 20px; line-height: 140%; margin: 0; padding: 0; }
.faqPageTitleLeft { width: 700px }
.faqPageWrapper { display:flex; flex-wrap:nowrap; }
.faqPageProducts { width:500px }
.faqPageProductList { width:380px; border-radius: 16px; border: 1px solid var(--indigo100); background: var(--indigo50); padding:16px; }
.faqPageProductList ul { list-style-type:none; margin:0; padding:0; }
.faqPageProductList ul li { margin-bottom:16px }
.faqPageProductList ul li:last-child { margin:0; }
.faqPageProductList ul li a { display: block; font-size: 24px; color: var(--indigo900); line-height: 155%; }
.faqPageProductList ul li.active a { font-weight: 700; }
.faqPageProductContent { display:none; }
.faqPageProductContent.active { display:block; }
.faqPageProductTitle { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 40px; }
.faqPageProductName { font-size: 28px; color: var(--indigo900); line-height: 135%; font-weight: 600; padding-top:8px }
.faqPageProductRight { padding-left:16px; }



#ftForvits { margin-top: -60px; margin-bottom: 48px; overflow: hidden; position: relative; }

#ftForvits .containerFluid svg { margin: 0 -48px; }
#ftForvits .containerFluid:before { content: ''; display: block; width: calc((100vw - var(--containerSize)) / 2); height: 216px; background: url(/images/footerBg1.webp) repeat-x top right; position: absolute; top: 0; right: 0; z-index: -1; }
#ftForvits .containerFluid:after { content: ''; display: block; width: calc((100vw - var(--containerSize)) / 2); height:216px; background:url(/images/footerBg2.webp) repeat-x top right; position:absolute; bottom:5px; left:0; z-index:-1; }
.footerWrapper { display: flex; flex-wrap: nowrap; padding-bottom: 32px; gap: 80px; }
.footerLinks { display: flex; flex-wrap: nowrap; gap: 80px; }
.footerLinkCol ul { padding: 0; margin: 0; }
.footerLinkCol ul li { list-style: none; margin-bottom: 8px; }
.footerLinkCol ul li a { color:var(--gray900); line-height: 175%; }
footer .lang { color:var(--gray900); margin-left: auto; }
footer .lang-selector::before { content: ' '; display: block; width: 20px; height: 20px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.5 17.5V14.1667C12.5 13.7246 12.6756 13.3007 12.9882 12.9882C13.3007 12.6756 13.7246 12.5 14.1667 12.5H17.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83301 3.33301V4.99967C6.01278 5.5109 6.35379 5.94988 6.80469 6.25048C7.2556 6.55108 7.79196 6.69703 8.33301 6.66634C8.77504 6.66634 9.19896 6.84194 9.51152 7.1545C9.82408 7.46706 9.99967 7.89098 9.99967 8.33301C9.99967 8.77504 10.1753 9.19896 10.4878 9.51152C10.8004 9.82408 11.2243 9.99967 11.6663 9.99967C12.1084 9.99967 12.5323 9.82408 12.8449 9.51152C13.1574 9.19896 13.333 8.77504 13.333 8.33301C13.333 7.89098 13.5086 7.46706 13.8212 7.1545C14.1337 6.84194 14.5576 6.66634 14.9997 6.66634H17.4997" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 9.16699H4.16667C4.60869 9.16699 5.03262 9.34259 5.34518 9.65515C5.65774 9.96771 5.83333 10.3916 5.83333 10.8337V11.667C5.83333 12.109 6.00893 12.5329 6.32149 12.8455C6.63405 13.1581 7.05797 13.3337 7.5 13.3337C7.94203 13.3337 8.36595 13.5093 8.67851 13.8218C8.99107 14.1344 9.16667 14.5583 9.16667 15.0003V18.3337" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0003 18.3337C14.6027 18.3337 18.3337 14.6027 18.3337 10.0003C18.3337 5.39795 14.6027 1.66699 10.0003 1.66699C5.39795 1.66699 1.66699 5.39795 1.66699 10.0003C1.66699 14.6027 5.39795 18.3337 10.0003 18.3337Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
footer .lang-selector::after { content: ' '; display: block; width: 16px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
.copyright { border-top:1px solid var(--gray100); color: var(--gray900); padding: 32px 0; display: flex; justify-content: space-between; align-items: center ; }
.copyright > div { width: calc(100% / 3); }
.copyrightText { text-align: center; font-size: 12px; }
.copyrightPowered { text-align: right; }

#topbar {margin-bottom: 40px;}
.topbarWrapper { border-radius: 24px; padding: 24px; color: var(--white); }
.topTitle h1 { font-size: 36px; font-weight: 300; line-height: 144%; margin: 0; padding: 0; }
.breadcrumbItems { padding-top: 8px; }
.breadcrumbItems ul { display: flex; flex-wrap: nowrap; gap: 4px; margin: 0; padding: 0; }
.breadcrumbItems ul li { list-style: none; font-size: 14px; padding-right: 20px; line-height: 24px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6 12.2861L10 8.28613L6 4.28613" stroke="%239CA3AF" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center; }
.breadcrumbItems ul li:first-child a { display: block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2 6.28581L8 1.61914L14 6.28581V13.6191C14 13.9728 13.8595 14.3119 13.6095 14.5619C13.3594 14.812 13.0203 14.9525 12.6667 14.9525H3.33333C2.97971 14.9525 2.64057 14.812 2.39052 14.5619C2.14048 14.3119 2 13.9728 2 13.6191V6.28581Z" stroke="%239CA3AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 14.9528V8.28613H10V14.9528" stroke="%239CA3AF" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; overflow: hidden; text-indent: -999px; width: 16px; }
.breadcrumbItems ul li:last-child { background: none; }
.breadcrumbItems ul li a { color: var(--gray500); }
.topbarWrapper .breadcrumbItems ul li { list-style: none; font-size: 14px; padding-right: 20px; line-height: 24px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6 12.2861L10 8.28613L6 4.28613" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center; }
.topbarWrapper .breadcrumbItems ul li a { color: var(--white); }
.topbarWrapper .breadcrumbItems ul li:first-child a { display: block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2 6.28581L8 1.61914L14 6.28581V13.6191C14 13.9728 13.8595 14.3119 13.6095 14.5619C13.3594 14.812 13.0203 14.9525 12.6667 14.9525H3.33333C2.97971 14.9525 2.64057 14.812 2.39052 14.5619C2.14048 14.3119 2 13.9728 2 13.6191V6.28581Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 14.9528V8.28613H10V14.9528" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; overflow: hidden; text-indent: -999px; width: 16px; }
.topbarWrapper .breadcrumbItems ul li:last-child { background: none; }

#categoryProducts { margin-bottom: 40px; }
.productGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.productItem { border:1px solid var(--indigo100); border-radius: 16px; padding: 24px 16px; background: linear-gradient(180deg, rgba(233, 227, 255, 0.30) 0%, rgba(251, 249, 255, 0.30) 100%); overflow: hidden; }
.productItem a { display:flex; flex-direction:column; height:100%; justify-content:space-between; }
.productItem .productName { font-size: 36px; font-weight: 300; line-height: 144%; color: var(--indigo900); }
.productItem .productImage { aspect-ratio: 32/25; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative; }
.productItem .productImage img { max-height:270px; max-width:100%; object-fit:contain; }
.productItem .productImage::after { content: ''; position: absolute; width: 366.009px; height: 59.844px; transform: rotate(-7.622deg); border-radius: 366.009px; opacity: 0.2; background: rgba(130, 114, 216, 0.65); filter: blur(10px); bottom: 0; left: -50%; z-index: -1 }

#productIntro { position: relative; }
.productIntroWrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 100px; }
.productIntroWrapper .productImage { width: calc(50% - 16px); aspect-ratio: 1.11; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
.productIntroWrapper .productImage img { max-width: 530px; }
.productInfo { width: calc(50% - 16px); }
.productIntroPath { position: absolute; top: 0; left: 0; z-index: -1; transform: translate(-40%);}
.productInfo { padding: 32px 0 0 0; }
.productInfo h1 { font-size: 48px; font-weight: 300; line-height: 125%; margin: 0 0 8px 0; padding: 0; }
.productSummary { font-size: 18px; font-weight: 600; line-height: 155%; margin-bottom: 32px; }
.productDescription { font-size: 18px; line-height: 155%; margin-bottom: 32px; }
.productBadge { margin-bottom: 32px;}
.productBadge img { max-height:80px; }
.productPurcase { font-size: 14px; }
.productPurcaseTitle { font-weight: 600; line-height: 140%; padding-bottom: 12px; }
.productPurcaseLinks { display: flex; gap: 6px;  }
.productPurcaseLinks a { display: flex; justify-content: center; align-items: center; border: 1px solid var(--gray200); border-radius: 24px; padding: 0 24px; height: 44px; color: var(--gray900); transition: all 0.3s; }
.productPurcaseLinks a:hover { border-color: var(--gray400); }

.productInfoWrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.productInfoBox { width: calc(50% - 16px); border: 1px solid var(--indigo400); border-radius: 24px; overflow: hidden; }
.productInfoImage { width: calc(50% - 16px); text-align:center; }
.productInfoImage img { max-width: 530px; }
.productInfoBox input { position: absolute; opacity: 0; z-index: -1; }
.productInfoTitle { display: block; background: var(--indigo100); padding: 16px 24px; color: var(--gray700); font-size: 18px; font-weight: 600; line-height: 155%; position: relative; cursor: pointer; }
.productInfoTitleIcon { width: 32px; height: 32px; background: var(--white); border-radius: 50%; position: absolute; top: 16px; right: 24px; transition: all 0.3s; }
.productInfoTitleIcon::before { content: ''; display: block; width: 16px; height: 3px; background: var(--indigo400); border-radius: 5px; position: absolute; top: 14px; left: 8px; transition: all 0.35s; }
.productInfoTitleIcon::after { content: ''; display: block; width: 3px; height: 16px; background: var(--indigo400); border-radius: 5px; position: absolute; top: 8px; left: 14px; }
.productInfoContent { max-height: 480px; overflow: hidden; transition: all 0.5s; }
.productInfoBox input:checked ~ .productInfoContent { max-height: 10000px; }
.productInfoBox input:checked ~ .productInfoTitle .productInfoTitleIcon { transform: rotate(270deg); }
.productInfoBox input:checked ~ .productInfoTitle .productInfoTitleIcon::before { opacity: 0; }
.productInfoContent { padding: 16px 24px; }
.productInfoItem { border-bottom: 1px solid var(--gray200); margin-bottom: 16px; padding-bottom: 16px; color: var(--gray900); line-height: 175%; }
.productInfoContent .productInfoItem:first-child { border: none; margin: 0; }
.productInfoContent .productInfoItem:last-child { border: none; margin: 0; }
.productInfoItem span { display: block; font-size: 18px; font-weight: 600; line-height: 155%; color: var(--gray500); }
.productInfoColumns { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;  border-radius: 8px; border: 1px solid var(--gray200); padding: 12px 24px; font-size: 18px; color: var(--gray700); margin-top: 8px; }
.productInfoColumn { flex-grow: 1; text-align:center; }
.productInfoSeparator { width: 1px; height: 24px; background: var(--gray200); margin:0 4px; }

#formulaWithLogos { padding: 160px 0 100px 0; min-height:200px; }
#formulaWithLogos .container { position: relative;}
#formulaWithLogos .formulaText { margin-bottom: 32px; }
.formulaLogos { display: flex; flex-wrap: nowrap; gap: 18px; justify-content: flex-start; align-items: center; padding-left: 500px; }
.formulaLogos img { max-height:85px; }

#productPropsWithIcon { padding: 0 0 80px 0; }
.productBigImage { width: 100%; text-align: center; margin-bottom: 44px; }
.productBigImage img { max-width: 100%; }
.productPropIconsWrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px 32px; }
.productPropIconItem img { display: block; width: 64px; height: 64px; object-fit: cover; margin-bottom: 8px; }
.productPropIconItem h4 { font-size: 18px; font-weight: 600; line-height: 155%; color: var(--indigo800); margin: 0 0 8px 0; padding: 0; }
.productPropIconItem p { padding: 0; margin: 0; color: var(--gray700); line-height: 175%; }

#productActiveIngredients { background: var(--gray50); padding: 80px 0; }
.productActIngrsTitle { padding-bottom: 44px; border-bottom: 1px solid var(--gray200);}
.productActIngrsTitle h3 { font-size: 36px; font-weight: 300; color: var(--indigo900); padding: 0; margin: 0; }
.productActIngrsAccor { max-height:550px; overflow:hidden; position:relative; }
.productActIngrsAccor::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background: linear-gradient(180deg,rgba(249, 250, 251, 0) 0%, rgba(249, 250, 251, 1) 100%); }

.productActIngrsAccor.active { max-height:9999999px; }
.productActIngrsAccor.active:after { display:none; }

.productActIgrsTableScroll { max-height:405px; overflow-y:scroll; }
.productActIgrsTableScroll::-webkit-scrollbar { width: 5px; height: 8px; background-color: transparent; /* or add it to the track */ }
.productActIgrsTableScroll::-webkit-scrollbar-thumb { background: var(--indigo900); }

.productActIngrsRow { border-bottom: 1px solid var(--gray200); padding: 44px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.productActIngrItem { color: var(--gray700); line-height: 175%; }
.productActIngrItem p { color: var(--gray500); font-weight: 600; font-size: 18px; line-height: 155%; padding: 0; margin: 0 0 8px 0; }

.productActIgrsTableWrapper { width: 900px; margin: auto; padding: 44px 0; }
.productActIgrsTable { border: 1px solid var(--indigo400); border-radius: 16px; overflow: hidden; }
.productActIgrsTableRow { border-bottom: 1px solid var(--indigo200); padding: 30px 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.productActIgrsTableRow.header { padding: 16px 0; background: var(--indigo100); color: var(--gray700); font-size: 18px; font-weight: 600; line-height: 155%; }
.productActIgrsTableRow.header .productActIgrsTableCell span { font-size: 14px; font-weight: 400; }
.productActIgrsTableRow .productActIgrsTableCell { padding: 0 24px; color:var(--gray700) }
.productActIgrsTableRow .productActIgrsTableCell:nth-child(1) { width: calc(100% - 150px); }
.productActIgrsTable.threeColl .productActIgrsTableRow .productActIgrsTableCell:nth-child(1) { width: calc(100% - 255px); }
.productActIgrsTableRow .productActIgrsTableCell:nth-child(2) { width: 150px; text-align: right; padding-left: 0; }
.productActIgrsTableRow .productActIgrsTableCell:nth-child(3) { width: 105px; }
.productActIgrsTableInfo { display: flex; flex-wrap: nowrap; gap:16px; padding-top: 16px; font-size: 14px; }
.productActIgrsTableButton { text-align: center; }

#otherProducts { padding: 80px 0;}
.otherProductsTitle { margin-bottom: 32px; }
.otherProductsTitle h3 { font-size: 36px; font-weight: 300; color: var(--indigo900); padding: 0; margin: 0; }
.otherProductSlider .productItem {   }
.productItem .productCategoryName { font-size: 18px; font-weight: 600; line-height: 155%; color:var(--indigo400) }
.otherProductSlider .productItem .productImage { aspect-ratio: 32 / 30;  }

.otherProductSlider .productItem { min-height: 385px; }
.otherProductSlider .productItem a { height: 395px; }

#aboutTopBar { background: url('/images/aboutTop.png') no-repeat top center; height: 385px; margin-bottom: 80px; background-size:100% auto; }
#aboutTopBar .breadcrumbItems { overflow: hidden; opacity: 0; }
#aboutContent { padding-bottom: 60px;}
.aboutContentWrapper { display: flex; flex-wrap: nowrap;  justify-content: space-between; margin-bottom: 80px; }
.aboutContentCol { width: calc(50% - 16px); font-size: 24px; line-height: 158%; color: var(--gray800); }
.aboutContentCol p { margin-top: 0;}
.aboutContentCol img { max-width: 100%;}
.aboutContentCol.justContent { display: flex;  align-items: center; }
.aboutContentWrapper2 { position: relative; padding: 80px 0 0 0; }
.aboutContentWrapper2 .aboutContentCol { width: 380px; font-size: 36px; font-weight: 300; color:var(--gray500) }
.aboutContentWrapper2 .aboutContentCol:nth-child(2) { width: calc(100% - 430px); }
.aboutContentWrapper2 .formulaPath { transform: translate(-60%);}

#blog { padding: 40px 0 120px 0;}

#blogDetail { padding: 0 0 120px 0; }
.blogTitle { display:flex; justify-content:space-between; }
.blogTitleInfo { max-width:700px; }
.blogTitleShare { min-width:220px; }
.blogTitleInfo h1 { font-size: 36px; font-weight: 300; line-height: 1.44; color: var(--indigo900); margin: 0 0 8px 0; }
.blogSummary { color: var(--gray900); font-size: 24px; line-height: 158%; margin-bottom:56px; }
.blogBigImage { text-align:center; margin-bottom:56px }
.blogBigImage img { max-width: 100%; border-radius: 24px; }
.a2a_svg, .a2a_count { border-radius: 0 !important; }
.a2a_kit a { border:1px solid var(--gray300); border-radius:8px; padding:5px 5px !important; margin-left:12px }
.a2a_kit a:hover { border-color: var(--gray700); }

.blogDetail { display: flex; justify-content: center; }
.blogDetailContent { width:700px; color:var(--gray900); line-height:175%; }
.blogDetailContent h1 { font-size:22px; }
.blogDetailContent h2 { font-size:20px; }
.blogDetailContent h3 { font-size:18px; }
.blogDetailContent img { max-width:100%; border-radius:24px; }

#contact { margin-bottom: 170px; }
.contactTitle { margin-bottom: 48px; }
.contactTitle h1 { font-size: 36px; font-weight: 300; line-height: 1.25; color: var(--indigo900); margin: 0 0 8px 0; padding: 0; }
.contactTitle p { color:var(--gray900); font-size: 20px;  line-height: 140%; margin: 0; padding: 0; }
.contactWrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start ; }
.contactForm { width: calc(42%); }
.contactMap { width: calc(58% - 32px); }
.contactMapWrapper { border-radius: 24px; overflow: hidden; }
.form-group { margin-bottom: 24px; }
.form-group.twoCol { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.form-group label { font-size: 14px; font-weight: 400; color: var(--gray800); display: block; padding-bottom: 8px; }
.form-group input, .form-group textarea { border: 1px solid var(--gray200); border-radius: 8px; padding: 10px 14px; line-height: 137%; color: var(--gray900); width: 100%; }
.form-group.twoCol .formCol { width: calc(50% - 16px); }
.form-group textarea { height: 135px; resize: none; }
.form-group a.btn-contact { width: 100%; text-align: center; display: inline-block; border: 1px solid var(--gray900); background: var(--gray900); color: var(--white); border-radius: 99px; padding: 13px; }
.form-group a.btn-contact::after { display: none; }
.form-group a.btn-contact:hover { background: var(--white); color: var(--gray900); border-color: var(--gray900); }

.form-group > label.form-checkbox-container { display: block; position: relative; padding-left: 26px; margin-bottom: 12px; font-size: 16px; line-height: 26px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.form-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.form-checkbox-container a { font-size: 16px; font-weight: 400; color: var(--gray800); }
.form-checkbox-container .checkmark { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 3px; border: 1px solid #C4C7C3; }
.form-checkbox-container:hover input ~ .checkmark { background-color: #C4C7C3; }
.form-checkbox-container input:checked ~ .checkmark { background-color: var(--indigo900); border-color: var(--indigo900); }
.form-checkbox-container .checkmark:after { content: ""; position: absolute; display: none; }
.form-checkbox-container input:checked ~ .checkmark:after { display: block; }
.form-checkbox-container .checkmark:after { top: 0px; left: 4px; width: 5px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.contactSummaryWrapper { background: var(--indigo50); border: 1px solid var(--indigo100); border-radius: 16px; padding: 32px; margin: 40px 0; display: flex; justify-content: space-between; align-content: center; }
.contactSummaryPart, .contactSummaryPart a { font-size: 18px; font-weight: 500; line-height: 25.2px; color: var(--gray900); }
.contactSummaryPart span { font-size: 14px; color: var(--gray500); display: block; margin-bottom: 8px; }
.contactSummaryPart a.sosyalLink { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
.contactSummaryPart a.sosyalLink span { font-size: 16px; margin-bottom: 0; color: var(--gray900); }

.lang { display:none; }

.aLinkProductsMobile:after { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 10px; transition:all 0.3s; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="%231F2937" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.mobileMenu { position: absolute; top: 80px; left: -32px; right: -32px; height: calc(100vh - 124px); max-height: 0; display:none; overflow: hidden; transition: all 0.3s; z-index: 12; background: url(/images/mobilemenubg.png) no-repeat right center #fff; }
.mobileMenu:after { content: ''; display: block; width: 70vw; height: 40vw; position:absolute; bottom:-33%; left:50%; z-index:-1; transform:translateX(-50%); border-radius: 663.998px; background: linear-gradient(180deg, rgba(0, 194, 255, 0.00) 0%, #0c32bb 100%); filter: blur(100px); }
.menuactive .mobileMenu { max-height: 100vh; }
.mobileMenuInner { margin: 40px 24px 32px; }
.mobileMenuInner > ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 32px; }
.mobileMenuInner ul li a, .mobileMenuInner ul li > span { color: var(--gray800); font-size: 28px; }
.mobileMenuInner ul li ul { max-height: 0; overflow: hidden; }
.mobileMenuInner ul li.active ul { max-height: 100vh; }
.mobileMenuInner ul li.active .aLinkProductsMobile:after { transform:rotate(180deg); }
.mobileMenuInner ul li ul { list-style-type: none; margin: 0; padding: 0; }
.mobileMenuInner ul li ul li a { display: block; font-size: 18px; font-weight: 500; padding: 12px; color: var(--gray800); }
.mobileMenuInner ul li ul li:first-child { padding-top: 10px; }

.mobileLangs { margin: 100px 0 0 0; }
.mobileLangs ul { padding: 0; margin: 0; list-style-type: none; display: flex; gap: 24px; }
.mobileLangs ul li { text-align: center; }
.mobileLangs ul li a { font-size: 14px; color: var(--gray300); display: block; height: 20px; line-height: 20px; position: relative; }
.mobileLangs ul li.active a { color: var(--indigo600) }


@media (max-width:1344px) { 
.containerFluid { width:calc(100% - 96px); }
 #aboutTopBar { background-size: auto 100%; }
 #ftForvits .containerFluid:before, #ftForvits .containerFluid:after { display:none; }
}

@media (max-width:1280px) {
 :root { --containerSize: calc(100% - 96px); }
 
 .homeProductsText { width:80%; }
 .productCatItem { width:calc((100% - 64px) / 3); gap:32px; }
 .productCatItem a { width: 100%; }
 .onedoseText { width:80%; }
 .blogSummaryTitle { margin-bottom:56px; }
 .faqPageProducts { width: 400px }
 #faqPage .faqListWrapper { width:calc(100% - 400px); }
 .productIntroWrapper .productImage img { max-width: 100%; }
 .productInfoImage img { max-width: 100%; }
 .productBadge img { max-height: initial; max-width:100% }
}

@media (max-width:800px) {
 :root { --containerSize: calc(100% - 64px); }
 .containerFluid { width: calc(100% - 64px); }
 .nav ul { display: none; }
 .navbar-toggler { display: block; }
 body.menuactive header .logo, body.menuactive header .lang, body.menuactive header .nav li:not(:first-child) { filter: none; }
 .breadcrumbItems { height:35px; overflow-x:visible; overflow-y:hidden; }
 .breadcrumbItems ul { white-space: nowrap; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; height: 200%; }
 .breadcrumbItems ul li { height:27px; }
 .breadcrumbItems ul li a, .breadcrumbItems ul li span { white-space: nowrap; text-overflow: ellipsis; }
 .mobileMenu { display: block; }
 .heroWrapper { height: calc((100vw / 1080) * 1920) }
 .menuactive header.homeheader { background: var(--white); }
 .homeProductsText { width:100%; padding: 120px 0 0 0; }
 .productCatItem { width:calc((100% - 32px) / 2); gap:16px; }
 .homeProductCats .productCatItem:nth-child(3) { animation-delay: 0; }
 .oneDoseImageText { font-size: 55px; top: 44%; left: 16px; transform: none !important; }
 .onedoseimage img { width: 90%; }
.onedoseText {width: 100%; }
.blogSumTitleRight { width: 210px; align-items: center; }
.blogList { grid-template-columns: repeat(2, 1fr); }
#blogSummary .blogList .swiper-wrapper { display: flex; gap: 0; }
#formula { padding-top: 120px; }
.formulaPath { top: 200px; }
.formulaPath svg { width: 80%; height: initial; }
.formulaText { margin-left: 0; }
.formulaText .glow { left: 0; top: -120px; }
.instaPostsWrapper { padding-top: 0; }
.instaPosts { min-height: initial; height:600px; background-size: 100% auto; }
.instaPosts .instaPostItem { width: 25vw;}
.instaPosts .instaPostItem a { height: initial; }
.instaPosts .instaPostItem:nth-child(2) { transform: translateX(-44%) rotate(-2.46deg); }
.instaPosts .instaPostItem:nth-child(4) { left: 0;}
.faqImage { display: none;}
.faqListWrapper { width: 100%; }
.copyright { flex-wrap: wrap;}
.copyright .copyrightLogos { width: 100%; margin-bottom: 20px; }
.copyright .copyrightText { order: 2; width: 50%; text-align: left; }
.copyrightPowered { order: 3; }
.footerWrapper { gap: 24px;}
 .footerLogo img { width:30vw }
 #aboutTopBar { background: url(/images/aboutTopM.png) no-repeat top center; background-size: cover; height: 300px; margin-bottom: 40px; }
 .aboutContentWrapper { flex-wrap: wrap; margin-bottom: 40px; gap: 32px; }
 .aboutContentCol { width: 100%; font-size: 20px; }
 .aboutContentCol.justContent { width: calc(50% - 16px); font-size: 16px; }
 .aboutContentCol.justImage { width: calc(50% - 16px);  }
 .aboutContentCol.aboutOneDose { text-align: center; font-size: 24px; color: var(--gray500); width: 100%; }
 .aboutContentWrapper2 .aboutContentCol { width: 32%; }
 .aboutContentWrapper2 .aboutContentCol:nth-child(2) { width: calc(68% - 32px); font-size: 24px; }
 .aboutContentWrapper2 .formulaPath { top: 50px; }
 .productGrid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 140px; }
 .productImage img { object-fit: contain;}
 .topbarWrapper { background-size: auto 100%; background-position: top center; }
 .productIntroWrapper { flex-wrap: wrap; }
 .productIntroWrapper .productImage,
 .productInfo { width: 100%; }
 .productInfoWrapper { flex-wrap: wrap; }
 .productInfoImage { width: 100%; margin-bottom: 30px; }
 .productInfoWrapper .productInfoBox { order:2; width: 100%; }
 .productInfoWrapper { margin-bottom: 80px; }
 #formulaWithLogos { overflow: inherit; padding:30px 0; }
 #formulaWithLogos .formulaText { text-align: center; font-size: 32px; }
 #formulaWithLogos .formulaText  .glow { left: calc(50% - 60px); }
 .formulaLogos { padding-left: 0; justify-content: center; margin-bottom: 0; }
 .formulaLogos img { max-height:65px; }
 #formulaWithLogos .formulaPath { top: 160px }
 .productPropIconsWrapper { grid-template-columns: repeat(2, 1fr); gap: 32px; }
 .productActIgrsTableWrapper { width: 100%; }
 .blogTitle { flex-wrap: wrap; margin-bottom: 56px; }
 .blogTitleInfo { width: 100%; }
 .blogSummary { margin-bottom: 32px;}
 #ftForvits .containerFluid svg { margin: 0 -32px;}
 .faqPageWrapper { flex-wrap: wrap; }
 .faqPageProducts { width: 100%; margin-bottom: 32px; }
 .faqPageProductList { width: 100%; height: 70px; overflow: hidden; }
 .faqPageProductList ul { width: 100%; height: 200%; overflow-x: scroll; overflow-y: hidden; display: flex; flex-wrap: nowrap; gap: 32px; white-space: nowrap; }
 .faqPageProductList ul li { margin-bottom: 8px;}
  #faqPage .faqListWrapper { width: 100%; }
}

@media (max-width:600px) {
    :root { --containerSize: calc(100% - 32px); --title2Size: 20px; }
    .containerFluid { width: calc(100% - 32px); }
    header { padding: 24px 0 16px 0;}
    .mobileMenu { height: calc(100vh - 80px); top: 56px; left: -16px; right: -16px; }
    .logo { width: 180px;}
    .logo img { width: 100%; }

    .homeProductsPath svg { height: 240px;}
    .homeProductsWrapper { padding: 60px 0;}
    .homeProductsText { padding-top: 60px; line-height: 1.5; }
    .productCatItem { width: 100%;}
    .productCatName { font-size: 28px; }
 .homeProductCats .productCatItem:nth-child(1) { opacity:1; animation:none !important; }
 .homeProductCats .productCatItem:nth-child(2) { animation-delay: 0; }
 .homeProductCats .productCatItem:nth-child(3) { animation-delay: 0; }

    .homeProductCats { gap: 16px;}
    .oneDoseImageText { font-size: 26px; }
    #onedose { margin-bottom: 80px;}
    .blogSummaryTitle {   margin-bottom: 40px;}
    .blogSumTitleRight { display: none;}
    .blogSummaryTitle h2, .blogSummaryTitle h1 { font-size: 24px; }
    .blogSummaryTitle p { font-size: 14px; }
    .blogListWrapper { margin-right: -16px;}
    .blogItemText h3 { font-size: 16px; }
    #formula { padding-top: 70px; }
    #blogSummary { margin-bottom: 60px; }
    .formulaText .glow { width: 58px; top: -70px;}
    .formulaText { margin-bottom: 100px;  }
 .instaPosts .instaPostItem { top: 20px; width: 30vw; }
 .instaPosts .instaPostItem:nth-child(1) { left: 16px !important; }
    .instaPosts .instaPostItem:nth-child(4) { left:0 !important; bottom: 100px !important;}
 .instaPosts .instaPostItem:nth-child(6) { bottom: 75px !important; }
    .faqTitle { font-size: 24px;}

    .footerLogo { display: none;}
    .footerLinks { flex-wrap: wrap;  gap: 0;}
    .footerLinkCol { width: 100%; }
    #ftForvits .containerFluid svg { margin: 0 -16px;}
    #aboutTopBar { background: url(/images/aboutTopM2.png) no-repeat center center; background-size: cover; height: 360px; }
    .aboutContentCol { font-size: 16px; }
    .aboutContentCol.aboutOneDose { font-size: 20px; }
    .aboutContentCol.justContent { width: 100%; order: 2; }
    .aboutContentCol.justImage { order: 1; width: 100%; }
    .aboutContentWrapper2 .aboutContentCol { width: 100%; text-align: center; }
    .aboutContentWrapper2 .aboutContentCol img { width: 70%; }
    .aboutContentWrapper2 .aboutContentCol:nth-child(2) { width: 100%; text-align: left; font-size: 20px; }
    .formulaPath svg { width: 100%; }

    .topTitle h1 { font-size: 20px; }
   .breadcrumbItems ul li { font-size: 14px; }
   .productGrid { grid-template-columns: repeat(1, 1fr); gap: 16px; }
   .productItem .productName { font-size: 24px; }
   .productItem .productImage { aspect-ratio: 32 / 22;}
   .productIntroWrapper .productImage { width: 90%; margin: auto; }
   .productIntroPath { display: none;}
   .productInfo h1 { font-size: 24px; }
   .productSummary, .productDescription { font-size: 16px; }
   .productBadge img { max-width: 100%;}
   .productPurcaseLinks a { padding: 0 12px; height: 34px; }
   .productActIngrsTitle h3 { font-size: 24px; font-weight: 400; }
   #productActiveIngredients { padding: 32px 0; }
   .productActIngrsTitle { padding-bottom: 16px; }
   .productActIngrsList { padding-top: 16px; }
   .productActIngrsRow { grid-template-columns: repeat(1, 1fr); gap: 16px; padding: 0; margin: 0 0 16px 0; }
   .productActIngrItem { border-bottom: 1px solid var(--gray200); padding-bottom: 16px; }

 .productActIgrsTableRow .productActIgrsTableCell { font-size:14px; padding:0 16px; }
 .productActIgrsTable.threeColl .productActIgrsTableRow .productActIgrsTableCell:nth-child(1) { width:calc(100% - 215px); }
 .productActIgrsTable.threeColl .productActIgrsTableRow .productActIgrsTableCell:nth-child(2) { width: 110px; }
 .productActIgrsTableRow { padding: 16px 0; }

 #otherProducts .container { width: calc(100% - 16px); margin: 0 0 0 auto; }
 .otherProductSlider .productItem { min-height:385px; }
 .otherProductSlider .productItem a { height:335px; }
 .otherProductSlider .productItem a .productImage { margin-top: auto; }
 .otherProductSlider .productItem a .productImage img { max-width:100%; }

 #blog .blogListWrapper { margin-right: 0; }
    #blog .blogList { grid-template-columns: repeat(1, 1fr); }
    .blogTitleInfo h1 { font-size: 24px; font-weight: 400; }
    .blogSummary { font-size: 20px; font-weight: 300; }
    #blogDetail { padding: 0 0 80px 0; }
    .blogDetailSummary { margin-bottom: 160px !important;}
    .copyright .copyrightLogos,
    .copyright .copyrightText,
    .copyright .copyrightPowered { width: 100%; text-align: center; }
     .copyright .copyrightPowered {padding-top: 30px;}
    .faqPageTitle h2, .faqPageTitle h1 { font-size: 24px; }
    .faqPageTitle p, .faqPageProductList ul li a { font-size: 14px; }
    .faqPageProductList ul { gap: 16px; }
    .faqPageProductList { height: 54px; }
    .faqPageTitle { margin-bottom: 32px; }
    .faqPageProductName { font-size: 18px; padding-top: 14px; }
    .contactTitle { padding-top: 40px; margin-bottom: 32px; }
    .contactTitle h1 { font-size: 24px; }
    .contactTitle p { font-size: 14px; }
    .contactWrapper { flex-wrap: wrap; }
    .contactForm { width: 100%; order: 2; }
    .contactMap { width: 100%; margin-bottom: 32px; }
    .contactMapWrapper iframe { height: 200px !important;}
    .form-group.twoCol { flex-wrap: wrap; gap: 24px; }
    .form-group.twoCol .formCol { width: 100%; }
    .contactSummaryWrapper { flex-wrap: wrap; padding: 16px; gap: 24px; }
    .contactSummaryPart { width: 100%; }
}