/* ================================================
   Sidevit® B12 – Main Stylesheet
   Bootstrap 4.6 + Custom Design System
   Font: Manrope | Primary: #ea4d82
   ================================================ */

/* ---- Reset & Base ---- */
.grecaptcha-badge { visibility: hidden }
*, *::before, *::after { box-sizing: border-box; }
.checkboxdark label:after, .radiodark label:after { content: ''; display: table; clear: both; }
.checkboxdark .cr, .radiodark .cr {position: relative;display: inline-block;border: 1px solid #fff;border-radius: 50%;background: transparent;width: 18px;height: 18px;float: left;margin-right: 5px;margin-top: 1px;}
.radiodark .cr { border-radius: 50%; }
.checkboxdark .cr .cr-icon, .radiodark .cr .cr-icon { position: absolute; font-size: 14px; line-height: 0; top: 4px; left: 4px; color: #fff; width: 8px; text-align: center; background: #fff; height: 8px; border-radius: 3px; }
.radiodark .cr .cr-icon { margin-left: 0.04em; border-radius: 50%; }
.checkboxdark label input[type="checkbox"], .radiodark label input[type="radio"] { display: none; }
.checkboxdark label input[type="checkbox"]+.cr>.cr-icon, .radiodark label input[type="radio"]+.cr>.cr-icon { -webkit-transform: scale(3) rotateZ(-20deg); -ms-transform: scale(3) rotate(-20deg); -moz-transform: scale(3) rotateZ(-20deg); transform: scale(3) rotateZ(-20deg); opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; }
.checkboxdark label input[type="checkbox"]:checked+.cr>.cr-icon, .radiodark label input[type="radio"]:checked+.cr>.cr-icon { -webkit-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkboxdark label input[type="checkbox"]:disabled+.cr, .radiodark label input[type="radio"]:disabled+.cr { opacity: .5; }
html { scroll-behavior: smooth; }
body { font-family: 'Manrope', sans-serif; margin: 0; padding: 0; overflow-x: hidden; color: #000; }

/* ================================================
   NAVBAR
   ================================================ */
.sidevit-navbar {background: #EBEDF2;padding: 0 0;transition: background 0.35s ease, box-shadow 0.35s ease;z-index: 1050;padding-bottom: 25px;}
.sidevit-navbar.scrolled {background: #EBEDF2;box-shadow: 0 2px 24px rgba(0, 0, 0, 0.10);backdrop-filter: blur(8px);}
.navbar-logo {height: 180px;width: auto;display: block;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;transition: all .2s ease-in;}
.sidevit-navbar.scrolled .navbar-logo {
}
/* Nav pill container */
.nav-pill-container {background: transparent;padding: 0px 20px 0px 20px;display: flex;align-items: center;gap: 8px;width: 100%;justify-content: space-between;border: 0;}
.navbar-expand-lg .nav-pill-container .nav-link {font-size: 17px;font-weight: 800;color: #000;padding: 12px 25px;white-space: nowrap;transition: color 0.2s;line-height: 1;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;transition: all .2s ease-in;background: transparent;border-bottom: 2px solid transparent;}
.nav-pill-container .nav-link.nav-link-pink,
.nav-pill-container .nav-link.active {/* background: linear-gradient(90deg, #EA4D82 0%, #861C40 100%); *//* color: #fff; */border-color: #861C40;}
.nav-pill-container .nav-link:hover {background: linear-gradient(90deg, #EA4D82 0%, #861C40 100%);color: #fff;}

/* Mobile toggler */
.navbar-toggler {border: none;padding: 8px;position: absolute;right: 9px;top: 50%;transform: translateY(-50%);}
.navbar-toggler:focus { outline: none; box-shadow: none; }
.navbar-toggler-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar .logo2 {position: absolute;
    left: 50px;
    top: 35px;}
.navbar .logo2 img { max-width: 100%; height: auto; display: block; }
.navbar .logo {padding-top: 10px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;}
.navbar .logo img {max-width: 100%;height: auto;display: block;max-width: 155px;}


.icms-content { padding-top: 180px; }
.page-content { }
.page-content .page-title { font-size: 40px; font-weight: 700; margin-bottom: 40px; word-break: break-word; line-height: normal; }
.page-content .page-text { margin-bottom: 40px; }
/* ================================================
   HERO SECTION
   ================================================ */
.hero-section {position: relative;display: flex;align-items: center;background: #EA4D82;z-index: 1;}
.hero-section .hs-container {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 0 0 100px 100px;
    padding-top: 165;
    box-shadow: 0px 4px 22px 0px #00000040;
    min-height: 100vh;
    padding-top: 165px;
}
.hero-left { padding: 60px 20px 80px 60px; }
.hero-title {font-size: 46px;font-weight: 800;color: #000;line-height: 104%;margin-bottom: 20px;}
.hero-title span {
    color: #EA4D82;
}
.hero-subtitle {font-size: 26px;font-weight: 600;color: #000;margin-bottom: 30px;line-height: 120%;}
.hero-subtitle span {
    color: #EA4D82;
}
.hero-tagline {font-size: 35px;font-weight: 800;color: #000;line-height: 120%;margin-bottom: 20px;}
.hero-tagline span {
    color: #EA4D82;
}
.hero-desc {font-size: 20px;font-weight: 600;color: #000;line-height: 120%;max-width: 757px;}
.hero-right {display: flex;align-items: center;justify-content: center;padding: 0px 40px 40px 0;align-self: flex-start;}
.hero-product-img {height: auto;max-width: 100%;filter: drop-shadow(0 20px 60px rgba(0, 0, 0, 0.12));}

/* Curved wave bottom of hero → flows into pink section */

/* ================================================
   USE CASES SECTION  (pink background)
   ================================================ */
.use-cases-section {position: relative;background: #EA4D82;padding: 15px 0 100px;padding-bottom: 180px;}
.sachet-wrapper { text-align: center; position: relative; z-index: 2; }
.sachet-img {max-width: 416px;width: 100%;object-fit: contain;display: inline-block;filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));padding-bottom: 15px;}
.use-cases-card {background: rgba(255, 255, 255, 0.31);border-radius: 100px;padding: 60px 80px 70px;margin: 0px auto 0;max-width: 1740px;}
.use-cases-heading {font-size: 36px;font-weight: 800;color: #fff;line-height: 120%;margin-bottom: 0;}
.use-case-item { padding: 30px 20px 10px; }
.use-case-icon { width: 99px; height: 99px; object-fit: contain; display: block; margin: 0 auto 18px; }
.use-case-item p { font-size: 16px; font-weight: 800; color: #fff; margin: 0; line-height: 1.45; }

/* ================================================
   WHY CHOOSE SECTION  (white background)
   ================================================ */
.why-choose-section {position: relative;background: #fff;padding: 10px 0 40px;}

/* Curved top transition from pink → white */
.why-choose-section::before {content: '';position: absolute;top: -150px;left: 0;width: 100%;height: 180px;background: #fff;z-index: 1;clip-path: polygon(100% 100%, 0% 100% , 0.00% 18.96%, 2.22% 16.26%, 4.44% 13.75%, 6.67% 11.43%, 8.89% 9.33%, 11.11% 7.46%, 13.33% 5.83%, 15.56% 4.46%, 17.78% 3.36%, 20.00% 2.52%, 22.22% 1.97%, 24.44% 1.70%, 26.67% 1.71%, 28.89% 2.00%, 31.11% 2.58%, 33.33% 3.44%, 35.56% 4.57%, 37.78% 5.96%, 40.00% 7.61%, 42.22% 9.50%, 44.44% 11.61%, 46.67% 13.95%, 48.89% 16.48%, 51.11% 19.19%, 53.33% 22.07%, 55.56% 25.08%, 57.78% 28.22%, 60.00% 31.45%, 62.22% 34.76%, 64.44% 38.12%, 66.67% 41.51%, 68.89% 44.91%, 71.11% 48.29%, 73.33% 51.62%, 75.56% 54.89%, 77.78% 58.07%, 80.00% 61.14%, 82.22% 64.07%, 84.44% 66.85%, 86.67% 69.46%, 88.89% 71.88%, 91.11% 74.09%, 93.33% 76.08%, 95.56% 77.83%, 97.78% 79.33%, 100.00% 80.57%);}
.why-choose-section::after {content: '';position: absolute;bottom: -180px;left: 0;width: 100%;height: 180px;background: #fff;z-index: 1;clip-path: polygon(100% 0%, 0% 0% , 0.00% 18.96%, 2.22% 16.26%, 4.44% 13.75%, 6.67% 11.43%, 8.89% 9.33%, 11.11% 7.46%, 13.33% 5.83%, 15.56% 4.46%, 17.78% 3.36%, 20.00% 2.52%, 22.22% 1.97%, 24.44% 1.70%, 26.67% 1.71%, 28.89% 2.00%, 31.11% 2.58%, 33.33% 3.44%, 35.56% 4.57%, 37.78% 5.96%, 40.00% 7.61%, 42.22% 9.50%, 44.44% 11.61%, 46.67% 13.95%, 48.89% 16.48%, 51.11% 19.19%, 53.33% 22.07%, 55.56% 25.08%, 57.78% 28.22%, 60.00% 31.45%, 62.22% 34.76%, 64.44% 38.12%, 66.67% 41.51%, 68.89% 44.91%, 71.11% 48.29%, 73.33% 51.62%, 75.56% 54.89%, 77.78% 58.07%, 80.00% 61.14%, 82.22% 64.07%, 84.44% 66.85%, 86.67% 69.46%, 88.89% 71.88%, 91.11% 74.09%, 93.33% 76.08%, 95.56% 77.83%, 97.78% 79.33%, 100.00% 80.57%);}

.why-choose-inner { position: relative; z-index: 1; }
.section-title-pink { font-size: 36px; font-weight: 800; color: #ea4d82; margin-bottom: 20px; }
.benefit-item { padding: 20px 30px; text-align: center; }
.benefit-icon { width: 140px; height: 140px; object-fit: contain; display: block; margin: 0 auto 24px; }
.ribbon-icon { width: 168px; height: 168px; }
.benefit-text { font-size: 16px; font-weight: 800; color: #000; line-height: 1.5; margin: 0; }

/* ================================================
   SUCROSOMIAL TECHNOLOGY SECTION
   ================================================ */
.sucrosomial-section {position: relative;padding: 170px 0 140px;overflow: hidden;background: linear-gradient(63.13deg, #EA4D82 7.88%, #F5CC5A 90.85%);clip-path: ellipse(100% 100% at 50% 0%);}

/* Curved top wave white → pink gradient */
.sucrosomial-inner {position: relative;z-index: 1;max-width: 1200px;margin: 0 auto;}
.sucrosomial-title { font-size: 55px; font-weight: 800; color: #fff; margin-bottom: 50px; }
.sucrosomial-img { max-width: 1080px; width: 100%; display: block; margin: 0 auto; filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.20)); }
.sucrosomial-subtitle {font-size: 36px;font-weight: 800;color: #fff;line-height: 120%;margin: 50px 0 40px;}
.tech-benefit-item { padding: 20px 30px; text-align: center; }
.tech-benefit-icon { width: 112px; height: 112px; object-fit: contain; display: block; margin: 0 auto 18px; }
.tech-benefit-label { font-size: 16px; font-weight: 800; color: #fff; margin: 0; }
.sucrosomial-desc-block { max-width: 1500px; margin: 50px auto 0; text-align: center; }
.sucrosomial-desc-text {font-size: 20px;font-weight: 600;color: #fff;line-height: 120%;margin-bottom: 20px;}
.sucrosomial-patent-note { font-size: 18px; font-weight: 600; color: #fff; opacity: 0.92; line-height: 1.5; }

/* ================================================
   HOW TO USE SECTION
   ================================================ */
.usage-section {position: relative;background: #fff;padding: 60px 0 80px;}
.usage-section::before {content: '';display: none;position: absolute;top: -180px;left: 0;width: 100%;height: 180px;background: #fff;z-index: 1;clip-path: polygon(100% 100%, 0% 100% , 0.00% 36.45%, 2.22% 36.53%, 4.44% 36.75%, 6.67% 37.12%, 8.89% 37.64%, 11.11% 38.30%, 13.33% 39.09%, 15.56% 40.03%, 17.78% 41.09%, 20.00% 42.29%, 22.22% 43.60%, 24.44% 45.03%, 26.67% 46.56%, 28.89% 48.19%, 31.11% 49.92%, 33.33% 51.72%, 35.56% 53.61%, 37.78% 55.55%, 40.00% 57.56%, 42.22% 59.61%, 44.44% 61.69%, 46.67% 63.80%, 48.89% 65.93%, 51.11% 68.06%, 53.33% 70.19%, 55.56% 72.30%, 57.78% 74.38%, 60.00% 76.43%, 62.22% 78.44%, 64.44% 80.38%, 66.67% 82.27%, 68.89% 84.07%, 71.11% 85.80%, 73.33% 87.43%, 75.56% 88.97%, 77.78% 90.39%, 80.00% 91.70%, 82.22% 92.90%, 84.44% 93.96%, 86.67% 94.90%, 88.89% 95.70%, 91.11% 96.35%, 93.33% 96.87%, 95.56% 97.24%, 97.78% 97.46%, 100.00% 97.54%);}
.usage-section::after {content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 180px;background: #fff;z-index: 1;clip-path: polygon(100% 0%, 0% 0% , 0.00% 36.45%, 2.22% 36.53%, 4.44% 36.75%, 6.67% 37.12%, 8.89% 37.64%, 11.11% 38.30%, 13.33% 39.09%, 15.56% 40.03%, 17.78% 41.09%, 20.00% 42.29%, 22.22% 43.60%, 24.44% 45.03%, 26.67% 46.56%, 28.89% 48.19%, 31.11% 49.92%, 33.33% 51.72%, 35.56% 53.61%, 37.78% 55.55%, 40.00% 57.56%, 42.22% 59.61%, 44.44% 61.69%, 46.67% 63.80%, 48.89% 65.93%, 51.11% 68.06%, 53.33% 70.19%, 55.56% 72.30%, 57.78% 74.38%, 60.00% 76.43%, 62.22% 78.44%, 64.44% 80.38%, 66.67% 82.27%, 68.89% 84.07%, 71.11% 85.80%, 73.33% 87.43%, 75.56% 88.97%, 77.78% 90.39%, 80.00% 91.70%, 82.22% 92.90%, 84.44% 93.96%, 86.67% 94.90%, 88.89% 95.70%, 91.11% 96.35%, 93.33% 96.87%, 95.56% 97.24%, 97.78% 97.46%, 100.00% 97.54%);}

/* Curved top pink → white */
.usage-inner { position: relative; z-index: 1; }
.usage-section .section-title-pink {font-size: 55px;line-height: 1.1;margin-bottom: 80px;}
.usage-product-img {max-width: 100%;border-radius: 24px;display: block;margin: 0 auto;object-fit: contain;}
.usage-desc {font-size: 20px;font-weight: 600;color: #000;line-height: 120%;margin-bottom: 30px;}

/* Nutrition Table */
.nutrition-table { width: 100%; margin-bottom: 10px; }
.nutrition-header {background: #ea4d82;border-radius: 50px;padding: 12px 24px;color: #fff;font-size: 20px;font-weight: 600;margin-bottom: 6px;word-break: break-word;}
.nutrition-header .row { align-items: center; }
.nutrition-row { padding: 10px 24px; font-size: 20px; font-weight: 600; color: #000; }
.nutrition-divider { height: 1px; background: #000; margin: 2px 24px; }
.nutrition-note { font-size: 18px; font-weight: 600; color: #000; padding: 0 24px; margin-bottom: 0; }

/* Certification icons */
.cert-icons-row {display: flex;flex-wrap: wrap;gap: 24px;align-items: flex-start;margin: 30px auto;justify-content: center;max-width: 760px;}
.cert-icon-item {text-align: center;flex: 1;}
.cert-icon { width: 82px; height: 82px; object-fit: contain; display: block; margin: 0 auto 8px; }
.cert-label {font-size: 18px;font-weight: 600;color: #000;margin: 0;line-height: 120%;}

/* Download Button */
.btn-download { display: inline-block; background: #ea4d82; color: #fff !important; font-family: 'Manrope', sans-serif; font-size: 24px; font-weight: 800; border-radius: 100px; padding: 22px 50px; text-decoration: none; transition: background 0.25s ease, transform 0.2s ease; border: none; cursor: pointer; }
.btn-download:hover { background: #d03870; transform: translateY(-2px); text-decoration: none; }

/* ================================================
   FAQ SECTION
   ================================================ */
.faq-tpl {margin: 0 auto;margin-bottom: 50px;width: 100%;max-width: 850px;}
.faq-tpl hr { border-color: rgba(0, 0, 0, 0.2); }
.faq-tpl .faq-list { padding: 0; }
.faq-tpl .faq-list .faq-list-container { }
.faq-tpl .faq-list .faq-list-container .card { border: 0; background: transparent; }
.faq-tpl .faq-list .faq-list-container .card .card-header {margin: 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;gap: 0 20px;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;cursor: pointer;transition: all .2s ease-in;border-radius: 100px;padding: 28px 36px 28px 44px;cursor: pointer;user-select: none;transition: opacity 0.2s;margin-bottom: 8px;max-width: 850px;background: linear-gradient(90deg, #EA4D82 0%, #861C40 100%);}
.faq-tpl .faq-list .faq-list-container .card .card-header.collapsed {
    background: linear-gradient(90deg, #EA4D82 0%, rgba(234, 77, 130, 0.2) 100%);
}
.faq-tpl .faq-list .faq-list-container .card .card-header .card-title {line-height: 26px;letter-spacing: -0.02em;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;padding: 0;font-size: 20px;font-weight: 600;color: #fff;display: flex;justify-content: space-between;align-items: center;margin: 0;text-decoration: none;}
.faq-tpl .faq-list .faq-list-container .card .card-header:after {content: "\f106"; font-family: "Font Awesome 6 Free";color: #ea4d82;background: #fff;border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-left: 12px;font-size: 20px;font-weight: 800;transition: transform 0.3s;line-height: 1;}
.faq-tpl .faq-list .faq-list-container .card .card-header.collapsed:after { content: "\f107"; }
.faq-tpl .faq-list .faq-list-container .card .card-body {transition: all .2s ease-in;padding: 32px 40px;font-size: 16px;font-weight: 600;color: #fff;border-radius: 60px;margin-bottom: 8px;background: linear-gradient(90deg, #EA4D82 0%, #861C40 100%);}
.faq-tpl .faq-list .faq-list-container .card .card-body.show {/* padding-bottom: 20px; */ }
.faq-tpl .faq-list .faq-list-container .card .card-body p:last-child { margin-bottom: 0 !important; }

.faq-list {
}
.faq-section {padding: 170px 0 100px;background: url(../images/faq_bg.jpg) center center / cover no-repeat;}
.faq-section .section-title-pink { font-size: 55px; margin-bottom: 50px; }

/* ================================================
   FOOTER
   ================================================ */
.icms-footer { background: #EBEDF2; }
.icms-footer .footer-container {padding-top: 27px;padding-bottom: 27px;padding-left: 40px;padding-right: 40px;}
.icms-footer .footer-top {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 20px;}
.icms-footer .footer-top .wm { }
.icms-footer .footer-top .wm img { max-width: 100%; height: auto; display: block; }
.icms-footer .footer-top .lnk {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;gap: 5px 10px;justify-content: center;}
.icms-footer .footer-top .lnk a { color: #959595; font-size: 13px; font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; }
.icms-footer .footer-top .lnk span { color: #959595; font-size: 13px; font-weight: 500; }
.icms-footer .logo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50px 0; }
.icms-footer .logo img { max-width: 100%; height: auto; display: block; }
.icms-footer .other { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.icms-footer .other a { color: #959595; font-size: 16px; }
.icms-footer .bg { background: -webkit-gradient(linear, left top, right top, color-stop(15.55%, #387884), to(#F0F1F1)); background: -webkit-linear-gradient(left, #387884 15.55%, #F0F1F1 100%); background: -moz-linear-gradient(left, #387884 15.55%, #F0F1F1 100%); background: linear-gradient(90deg, #387884 15.55%, #F0F1F1 100%); }
.icms-footer .images { padding: 60px 20px 40px 20px; max-width: 1300px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; }
.icms-footer .images .item { }
.icms-footer .images .item img { max-width: 100%; height: auto; display: block; }
.icms-footer .copyright-content { padding: 0 20px; padding-bottom: 10px; }
.icms-footer .copyright-content .copyright { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.icms-footer .copyright-content .copyright .owner { color: #FFFFFF; font-size: 13px; font-weight: 400; }
.icms-footer .copyright-content .copyright .owner span { }
.icms-footer .copyright-content .copyright .owner a { color: #FFFFFF; font-size: 13px; font-weight: 400; }
.icms-footer .copyright-content .google-policy { text-align: center; color: #68615B; font-size: 12px; font-weight: 300; }
.icms-footer .copyright-content .google-policy a { color: #68615B; font-size: 12px; font-weight: 300; }
.icms-footer .dev { color: #68615B; font-size: 14px; font-weight: 300; background: #FFFFFF; padding: 10px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.icms-footer .dev a { color: #317984; font-size: 14px; font-weight: 300; }
.icms-footer .google-policy {color: #68615B;font-size: 12px;font-weight: 300;background: #FFFFFF;padding: 0px 20px 10px 20px;text-align: center;}
.icms-footer .google-policy a {color: #317984;font-size: 12px;font-weight: 300;}

.tpl-contact { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
.tpl-contact .contact-container {padding: 0 16px;max-width: 620px;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;min-height: 100%;}
.tpl-contact .lft {width: 50%;padding: 70px 0;background: linear-gradient(90deg, #EA4D82 0%, #861C40 100%);}
.tpl-contact .rght {width: 50%;padding: 70px 0;background: linear-gradient(90deg, #EA4D82 0%, #861C40 100%);}
.tpl-contact .socials {}
.tpl-contact .socials ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 14px;
}
.tpl-contact .socials ul li {}
.tpl-contact .socials ul li a {width: 28px;height: 28px;background: #fff;color: #EA4D82;border-radius: 50%;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;font-size: 16px;text-decoration: none;}
.tpl-contact .socials ul li a .icn {}
.tpl-contact .cc-box {}

.tpl-contact .the-ttl {font-size: 48px;line-height: 140%;color: #FFFFFF;font-weight: 700;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 20px;margin-bottom: 30px;}
.tpl-contact .rght .the-ttl {
    font-size: 30px;
}
.tpl-contact hr { margin-bottom: 50px; }
.tpl-contact .the-ttl .icn {line-height: 24px;font-size: 24px;color: #FF5168;}
.tpl-contact .rght .the-ttl .icn {
    color: #FF5168;
}
.tpl-contact .the-ttl .txt { }
.tpl-contact .list-contact { display: flex; flex-direction: column; gap: 18px; margin-bottom: 50px; }
.tpl-contact .list-contact .item {background: #242424;font-size: 16px;color: #fff;display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;padding: 8px 0px;border-radius: 20px;}
.tpl-contact .list-contact .item .icn {width: 60px;text-align: center;font-size: 16px;line-height: 16px;color: #FF5168;}
.tpl-contact .list-contact .item .data {font-size: 18px;color: #fff;font-weight: 700;flex: 1;line-height: 24px;border-left: 1px solid #FF5168;padding: 0 24px 0 24px;}
.tpl-contact .list-contact .item .data a {font-size: 18px;color: #fff;font-weight: 700;}
.tpl-contact .form-contact { }
.tpl-contact .form-contact .item-form { margin-bottom: 20px; }
.tpl-contact .form-contact .item-form label {font-size: 14px;color: #fff;font-weight: 700;margin-bottom: 5px;}
.tpl-contact .form-contact .item-form label span {font-size: 12px;color: #fff;font-weight: 400;}
.tpl-contact .form-contact .item-form .item-input { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; }
.tpl-contact .form-contact .item-form .item-input .icn {color: #FF5168;font-size: 18px;line-height: 18px;width: 45px;height: 38px;display: flex;align-items: center;justify-content: flex-end;}
.tpl-contact .form-contact .item-form .item-input .the-input { flex: 1; }
.tpl-contact .form-contact .item-form .item-input .the-input .form-control {border-color: #FFFFFF;background: transparent;border-radius: 0;color: #fff;font-weight: 700;font-size: 14px;height: auto;padding: 8px 15px;line-height: 20px;border-radius: 20px;}
.tpl-contact .form-contact .item-form .item-input .the-input .form-control:focus { background: #000000; color: #ffffff; border-color: #000}
.tpl-contact .form-contact .item-other {margin-bottom: 20px;}
.tpl-contact .form-contact .item-other label {font-size: 12px;font-weight: normal;color: #fff;}
.tpl-contact .form-contact .item-other label a {font-size: 12px;color: #fff;text-decoration: underline;}
.tpl-contact .form-contact .item-other .sbmt {font-size: 24px;font-weight: 700;color: #EA4D82;line-height: 20px;border: 1px solid #fff;padding: 15px 40px;background: #fff;min-width: 140px;border-radius: 20px;}
.tpl-contact .form-contact .item-form ::-webkit-input-placeholder { color: #fff; opacity: 1 }
.tpl-contact .form-contact .item-form :-ms-input-placeholder { color: #fff; opacity: 1 }
.tpl-contact .form-contact .item-form ::-ms-input-placeholder { color: #fff; opacity: 1 }
.tpl-contact .form-contact .item-form ::-moz-placeholder { color: #fff; }
.tpl-contact .form-contact .item-form ::placeholder { color: #fff; }

/* ================================================
   RESPONSIVE BREAKPOINTS
   ================================================ */

/* Large Desktops (xl ≥ 1200px) — default */

/* Medium Desktops (lg 992–1199px) */
@media (max-width:1199px) {
  .hero-title, .hero-tagline { font-size: 42px; }
  .hero-subtitle { font-size: 22px; }
  .sucrosomial-title { font-size: 42px; }
  .usage-section .section-title-pink, .faq-section .section-title-pink { font-size: 42px; }
  .use-cases-card { padding: 50px 50px 60px; }
}
@media only screen and (max-width:1024px) {

    .icms-footer .images {
    justify-content: center;
}
}
/* Tablets (md 768–991px) */
@media (max-width:991px) {
  .hero-section .hs-container { padding-top: 100px; }
  .icms-content { padding-top: 100px; }
   .navbar-logo {height: 100px}
  .hero-left {padding: 40px 30px 20px;}
  .hero-title, .hero-tagline { font-size: 34px; }
  .hero-subtitle { font-size: 19px; }
  .hero-product-img { max-height: 420px; }
  .hero-right { padding: 20px; }
  .use-cases-card { padding: 40px 30px 50px; border-radius: 50px; }
  .use-cases-heading { font-size: 28px; }
  .section-title-pink { font-size: 28px; }
  .sucrosomial-title { font-size: 34px; }
  .sucrosomial-subtitle { font-size: 26px; }
  .usage-section .section-title-pink, .faq-section .section-title-pink { font-size: 36px; }
  .nav-pill-container { background: rgba(255, 255, 255, 0.92); border-radius: 24px; margin-top: 10px; flex-direction: column; align-items: flex-start; gap: 0; padding: 12px 20px; }
  .nav-pill-container .nav-link { padding: 10px 0; }

   .navbar .logo {padding-top: 16px;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-left: 20px;position: absolute;left: 0;top: 0;}
   .navbar .logo2 { top: 50%; left: auto; right: 75px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 100px; }
   .sidevit-navbar {
    height: 120px;
}
   .sidevit-navbar .navbar-collapse {
    padding-top: 109px;
}
}

/* Mobile (sm < 768px) */
@media (max-width:767px) {

  .hero-section .hs-container { align-items: flex-start;}
  .hero-left { padding: 30px 20px 20px; text-align: center; }
  .hero-title, .hero-tagline { font-size: 26px; }
  .hero-subtitle { font-size: 17px; }
  .hero-desc { font-size: 16px; }
  .hero-right { padding: 10px 20px 30px; }
  .hero-product-img { max-height: 300px; }
  .hero-section::after { height: 100px; }
  .why-choose-section::before {}
  .sucrosomial-section::before { height: 100px; }
  .usage-section::before { height: 100px; }
  .use-cases-card { padding: 30px 20px 40px; border-radius: 30px; }
  .use-cases-heading { font-size: 22px; }
  .sachet-img { max-width: 280px; }
  .section-title-pink { font-size: 24px; }
  .sucrosomial-title { font-size: 26px; }
  .sucrosomial-subtitle { font-size: 22px; }
  .usage-section .section-title-pink, .faq-section .section-title-pink { font-size: 30px; }
  .btn-download { font-size: 18px; padding: 16px 30px; }
  .nutrition-header { font-size: 15px; padding: 10px 14px; }
  .nutrition-row { font-size: 15px; padding: 8px 14px; }
  .faq-question { font-size: 16px; }
  .faq-pill { padding: 22px 24px 22px 28px; }
  .why-choose-section { padding-top: 70px; }
  .sucrosomial-section {
    clip-path: ellipse(100% 100% at 50% 0%);
}
  .usage-section {}
  .icms-footer .copyright-content .copyright { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px 16px; }
  .icms-footer .footer-top {
    flex-direction: column;
}
   .cert-icons-row {flex-direction:column;align-items: center;}
   .page-content .page-title { font-size: 30px; }
    .tpl-contact .lft { width: 100%; }
    .tpl-contact .rght { width: 100%; }
    .tpl-contact .lft { padding: 40px 0; }
    .tpl-contact .rght { padding: 40px 0; }
}
@media (max-width:480px) {
  .hero-title, .hero-tagline { font-size: 22px; }
  .hero-subtitle { font-size: 15px; }
  .cert-icon { width: 60px; height: 60px; }
  .cert-label { font-size: 14px; }
}