html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

@font-face { font-family: 'gotham-black'; src: url(../../fonts/gotham-black.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: 'gotham-medium'; src: url(../../fonts/gotham-medium.ttf) format('truetype'); font-display: swap; }

*, *::before, *::after { box-sizing: border-box; }
html, body { padding: 0; margin: 0; min-width: 340px; height: 100%; }
html { font-size: 10px; }

body { font-size: 2rem; font-family: "Inter", sans-serif; line-height: 1.5; background: #ffffff; overflow-x: auto; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin-top: 0; margin-bottom: 20px; }
p { margin: 0 0 20px; }
p:last-child { margin-bottom: 0px; }
a { text-decoration: none; }
li { margin-bottom: 20px; }
li:last-child { margin-bottom: 0px; }
img { width: 100%; height: auto; aspect-ratio: attr(width)/attr(height); object-fit: cover; }

h2 { line-height: 1.2; }
h4.h4stl1 { font-size: 2rem; font-family: 'gotham-medium', serif; font-weight: normal; color: #ec9121; text-transform: uppercase; margin-bottom: 5px; }

.head-wrap { max-width: 1140px; width: 100%; padding: 10px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.page-wrap { max-width: 1140px; width: 100%; padding: 0 10px; margin: 0 auto; }

.head .col-1 { text-align: center; }
.logo-1 { font-size: 3.2rem; font-family: "Berkshire Swash", serif; font-weight: 400; font-style: normal; color: #000000; line-height: 1; }
.logo-2 { font-size: 3.2rem; font-family: "Berkshire Swash", serif; font-weight: 400; font-style: normal; color: #000000; line-height: 1; }
.logo-3 { max-width: 150px; width: 100%; font-size: 2.25rem; font-weight: 700; font-style: normal; color: #ec9121; text-transform: uppercase; line-height: 1; letter-spacing: 2px; padding: 2px 0; margin: 3px auto 0; border-top: #ec9121 solid 2px; border-bottom: #ec9121 solid 2px; }

.head .col-3 .mob-menu { display: none; font-size: 3rem; color: #000; cursor: pointer; }
.head .col-3 .mob-close { display: none; font-size: 3rem; color: #000; }
.head .col-2 { flex-grow: 1; display: flex; gap: 20px; justify-content: flex-end; margin-right: 6%; font-size: 1.5rem; line-height: 1;  }
.head-link { color: #000; }
.head-link:hover { color: #545454; }

.btn-1 { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 1.5rem; font-weight: 700; color: #fff; line-height: 1; padding: 12px 24px; background-color: transparent; background-image: linear-gradient(135deg, #DE9632 36%, #F2B03E 67%); border: solid 3px #FFC100; border-radius: 10px 10px 10px 10px; }
.btn-1-alt { max-width: 330px; font-size: 2rem; margin-top: 30px; }
.btn-1-alt-2 { max-width: 320px; font-size: 2rem; padding: 20px; }
.btn-1 svg { fill: #fff; }
.btn-1:hover { color: #e8e8e8; }

.blk-1 { width: 100%; font-size: 2.3rem; padding-top: 25px; padding-bottom: 25px; position: relative; background: #f9f6ed; }
.blk-1 .page-wrap { z-index: 1; position: relative; }
.blk-1:before { background: url(../images/drkt_bg1.webp) left no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0.55; z-index: 0; }
.flex-1 { display: flex; align-items: center; justify-content: center; gap: 20px 40px; }
.flex-1 > div { width: 50%; }
.blk-1_flex-1_col-2 { padding-bottom: 20px;}
.blk-1_flex-1_col-2 .btn-1 { margin-bottom: 20px; }
.drk_turmeric_pack { display: block; max-width: 650px; width: 100%; margin: auto; }

.headline { max-width: 450px; font-size: 4.9rem; line-height: 1.2; margin: 10px 0; }
.deal { display: block; color: #fff; background: #45b64a; text-align: center; max-width: 300px; font-size: 4rem; font-weight: 700; }
.img-1 { max-width: 360px; display: block; margin: 30px auto -8%; }
.img-1-mob { display: none; }

.product-labels { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgb(219 243 255 / 80%); background: rgb(242 232 208 / 80%); padding: 10px 20px; border-radius: 10px; gap: 15px; }
.product-labels svg { width: 100%; }
.p-label { display: flex; gap: 10px; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.3; font-weight: 600; }
.p-label > div:first-child { width: 60px; flex-shrink: 0; }
.product-labels > div:nth-child(1) { width: 230px; flex-shrink: 0; }
.product-labels > div:nth-child(2) { width: 210px; flex-shrink: 0; }
.product-labels > div:nth-child(3) { width: 140px; flex-shrink: 0; }
.product-labels > div:nth-child(4) { width: 215px; flex-shrink: 0; }
.product-labels > div:nth-child(5) { width: 165px; flex-shrink: 0; }

.blk-2 { padding: 40px 10px; }
.flex-2 { display: flex; align-items: center; justify-content: center; gap: 20px; }
.flex-2 > div { width: 50%; }
.flex-2 > div:last-child { background: #f9f6ed; padding: 25px; border-radius: 15px; }
.blk-2-h2-b { font-size: 4rem; color: #ec9121; text-align: center; line-height: 1; margin: 0 0 15px; }
.blk-2-ul { list-style: none; }
.blk-2-ul li { position: relative; padding-left: 35px; }
.blk-2-ul li > svg { position: absolute; top: 2px; left: 0; width: 2.4rem; height: 2.4rem; fill: #00a306; list-style: none; }

.blk-3 { background: #f9f6ed; padding: 25px; border-radius: 15px; margin-bottom: 40px; }
.blk-3 h2 { margin-bottom: 0; }
.blk-3 h3 > span { margin-left: 5px; }
.blk-3 h3 .g-icon-fill { color: #fcd53f; font-size: 1.8rem; }
.blk-3-content { display: flex; gap: 20px 30px; padding: 25px; margin-top: 20px; background: #fff; border-radius: 15px; }

.testi_img { flex-basis: 150px; flex-shrink: 0; flex-grow: 0; }
.testi_img img { display: block; max-width: 150px; width: 100%; margin: auto; }
.testi_auth_rw { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.testi_auth_rw h3 { margin-bottom: 0; }
.testi_auth_title h3 { color: #a57817; }
.testi_cont p { font-style: italic; }

.flex-9 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 20px; line-height: 1;  }

.blk-4 { background: #f9f6ed; padding: 25px; border-radius: 15px; margin-bottom: 40px; }
.blk-4-content { padding: 25px; margin-bottom: 25px; background: #fff; border-radius: 15px; }
.drkpic { float: right; max-width: 397px; width: 35%; margin-left: 3%; border: #ffffff solid 8px; border-radius: 15px; box-shadow: 0 3px 7px #cccccc; }
.drkpic img { max-width: 397px; width: 100%; margin: auto; border-radius: 15px; }

.blk4_grp2 { display: flex; align-items: center; gap: 20px 30px; }
.blk4_grp2_img { flex-basis: 400px; flex-grow: 0; flex-shrink: 1; padding: 20px 2%; background-color: #ffffff; box-shadow: 0 3px 7px #cccccc; border-radius: 15px; }
.blk4_grp2_img img { max-width: 400px; width: 100%; border-radius: 15px; }
.blk4_grp2_cont { flex: 700px; }
.blk4_grp2_cont h2, .blk4_grp2_cont p { line-height: 1.4; }

.flex-3 { display: flex; gap: 20px; }
.flex-3 > div:last-child { margin-top: -20px; margin-right: -20px; flex-shrink: 0; }

.blk-5 { background: #f9f6ed; padding: 25px; border-radius: 15px; margin-bottom: 40px; }
.blk-5-content { background-color: #f6f3e2; padding: 25px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.blk-5-content-b { background-color: #f6f3e2; padding: 25px; margin-top: 2px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.flex-5 { display: flex; gap: 20px 70px; }
.flex-5 > div:first-child { flex-basis: 200px; flex-shrink: 0; flex-grow: 0; }
.flex-5 > div:first-child img { max-width: 200px; width: 100%; transform: rotate(-20deg); }
.flex-5 > div:last-child { flex: 580px; }

.wrapblk5b { display: flex; gap: 20px 30px; }
.blk5b_col1 { flex: 550px; }
.blk5b_col2 { flex: 420px; display: flex; gap: 20px; }
.blk5b_col2_blk { flex: 140px; display: flex; font-family: 'gotham-black'; color: #ec9121; align-items: center; justify-content: center; background-color: #ffffff; border: #e3dbb0 solid 1px; border-radius: 10px; }

.flex-6 { display: flex; align-items: center; justify-content: center; gap: 20px; }
.flex-6 .g-icon { font-size: 100px; line-height: 1; color: #00476b; }

#why-buy { padding-top: 1px; }
.blk-6 { background: #f9f6ed; padding: 25px; border-radius: 15px; margin: 40px 0; }
.blk-6-content { display: flex; gap: 25px; }
.blk-6-content img { display: block; }
.blk-6-content > div:first-child { flex: 45%; background: #fff; padding: 50px 3% 20px; border-radius: 15px; }
.blk-6-content > div:last-child { flex: 65%; padding-top: 25px;  }

.blk_b1g2f { display: block; max-width: 350px; width: 90%; font-weight: bold; color: #ffffff; text-align: center; padding: 20px 3%; margin: 0 auto 20px; background-color: #c13030; border-radius: 100px 100px 100px; }

.drk_turmeric { max-width: 210px; width: 90%; margin: 0 auto 20px; }
.drk_turmeric img { max-width: 210px; width: 100%; margin: auto; }
.product_free { display: block; max-width: 250px; width: 75%; margin: 0 auto; }
.product_free img { display: block; max-width: 450px; width: 100%; margin: auto; }

.blk-6-text-1 { font-size: 4.6rem; text-align: center; margin: 0 auto 20px; line-height: 1.2; }
.blk-6-text-2 { font-size: 8.4rem; font-weight: 400; font-style: normal; line-height: 1; color: #000000; text-align: center; font-family: "Berkshire Swash", serif; margin: 0 auto 3px; }
.blk-6-text-4 { max-width: 330px; font-size: 5.8rem; font-weight: 600; font-style: normal; color: #ec9121; text-align: center; text-transform: uppercase; line-height: 1.4; padding-top: 3px; padding-bottom: 3px; margin: 0 auto 30px; border-top: 3px solid #ec9121; border-bottom: 3px solid #ec9121; }
.blk-6-text-5 { max-width: 400px; width: 100%; margin: 0 auto 25px; }

.blk-6-content img.b1g2f_img { display: none; max-width: 863px; width: 90%; margin: 0 auto 20px; }

.blk-6b h4.h4stl1 { margin-bottom: 10px; }
.blk-6b h2 { font-size: 5.5rem; line-height: 1.2; }

.blk6b_grp { display: flex; align-items: flex-start; gap: 25px 40px; }
.blk6b_grp_img { flex-basis: 379px; flex-grow: 0; flex-shrink: 1; }
.blk6b_grp_cont { flex-basis: 700px; flex-grow: 0; flex-shrink: 2; }
.turmeric3 { display: block; max-width: 379px; width: 100%; margin: 0 auto; }


.blk-6.blk-6c { color: #b06c14; background-color: #f8ebcf; }
.blk-6.blk-6c h2 { font-size: 4.2rem; line-height: 1.2; }
.blk6_flex { display: flex; align-items: center; gap: 20px; }
.blk6_flex_img { flex-basis: 450px; flex-grow: 0; flex-shrink: 1; order: 2; }
.blk6_flex_cont { flex: 700px; order: 1; }
.blk6_flex_img img { display: block; max-width: 450px; width: 100%; margin: auto; }
 
.flex-10 { display: flex; gap: 20px; margin-top: 20px; align-items: center; margin-left: -80px; }
.flex-10:not(.last) > div:last-child { border-bottom: 1px solid #c2eafa; padding-bottom: 20px; }
.flex-10 > div:first-child { flex-basis: 260px; flex-shrink: 0; text-align: right; }
.ingredients h2 { text-align: center; text-transform: uppercase; border-bottom: 1px solid #c2eafa; padding-bottom: 5px; }

.flex-7 { display: flex; max-width: 700px; margin: 25px auto 0; }
.flex-7 > div:first-child { display: flex; flex-grow: 1; align-items: center; justify-content: center; font-weight: 600; font-size: 2.6rem; line-height: 1; text-align: center; padding: 10px 25px; margin: 6px 0; background: #c13030; color: #fff; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.flex-7 s { margin-right: 5px; opacity: 0.5;}

.flex-8 { display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 600; margin: 20px auto 0; max-width: 370px; gap: 20px; font-size: 2.4rem; }
.flex-8 img { max-width: 160px; width: 100%; }

.blk-7 { background: #f6f3e2; padding: 25px 10px; position: relative; }
.blk-7 > .page-wrap { position: relative; z-index: 50; }
.blk-7-content { background: #fff; padding: 25px; border-radius: 15px; }
.blk-7-ul { list-style: none; margin-top: 20px; }
.blk-7-ul li { position: relative; padding-left: 27px; }
.blk-7-ul li:before { position: absolute; top: -1px; left: 0; font-size: 2rem; color: #00a306; content: '\e798'; font-family: 'Material Symbols Outlined'; list-style: none; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.blk-7:before { background: url(../images/drkt_bg1.webp) left no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0.55; z-index: 0; }
.turmeric2 { float: right; max-width: 350px; width: 35%; margin-left: 3%; }

.faq { padding: 25px 10px; position: relative; background: #f9f6ed; }
.faq > .page-wrap { position: relative; z-index: 50; }
.faq:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.55; z-index: 0; background: url(../images/drkt_bg1.webp) left no-repeat; background-position: center; background-size: cover; }
.faq h2.faqhd { font-size: 4.2rem; color: #ec9121; text-align: center; }
.qa-icon svg { width: 4.2rem; height: 4.2rem; display: inline; vertical-align: middle; margin-right: 5px; fill: #ec9121; margin-top: -4px; }

.collapsable { margin: 0 auto 20px; }
.collapse-toggle { font-weight: 600; padding: 10px 4% 10px calc(4% + 25px); position: relative; cursor: pointer; background-color: #efe2bf; }
.collapse-toggle:hover { background: #f7edd2; }
.collapse-toggle svg { width: 1em; height: 1em; fill: #4382a1; margin: 0.35rem 1rem 0 -3rem; position: absolute; }
.collapse { height: 0; opacity: 0; overflow: hidden; }
.collapse-content { padding: 20px 4% 45px calc(4% + 25px); position: relative; background: linear-gradient(to top, transparent 25px, #fcf5e3 25px); }
.collapse-content > svg { width: 2.4rem; height: 2.4rem; position: absolute; margin-left: -32px; margin-top: 3px; fill: #000; }
.collapse-toggle.active { color: #5c5237; background: #dfd2b1; border: 0; }
.collapse-toggle.active svg { fill: #5c5237; }
.collapse-toggle > svg { width: 24px; height: 24px; position: absolute; margin-left: -32px; top: 7px; fill: #000; }

.collapse .blk-6-content { padding: 15px 20px; background-color: #ffffff; border-radius: 15px; }
.collapse .blk-6-content > div:nth-child(2) { padding: 15px 20px; background-color: #f9f6ed; border-radius: 15px; }

.collapsable .btn-1-alt-2 { font-size: 16px;padding: 24px 10px; }
.collapse-content .blk-6-text-1 { font-size: 4.2rem; }

.blk-8 { padding: 25px 10px; position: relative; }
.blk-8 > .page-wrap { position: relative; z-index: 50; }
.pal-label { display: block; max-width: 1200px; width: 100%; margin: 0 auto 25px; }
.pal-label img { display: block; max-width: 1200px; width: 100%; margin: auto; }

.results-vary { font-style: italic; color: #ff3737; font-size: 1.6rem; font-weight: 400; }
.disclaimer { font-size: 1.6rem; }
.cta-bogtf { cursor: pointer; }

.blk_ref { font-size: 1.6rem; }
.blk_ref .page-wrap { padding: 20px 10px; margin: 0 auto; }
.blk_ref .page-wrap { padding: 20px 10px; margin: 0 auto; }
.blk_ref .page-wrap ul { padding: 0 0 0 15px; margin: 0 0 25px; }
.blk_ref .page-wrap ul li { padding: 0; margin: 0 0 10px 1.5%; word-wrap: break-word; }
.blk_ref h3 { margin-bottom: 10px; }


.footer { font-size: 1.5rem; padding: 2rem 3% 2.5rem; background-color: #252525; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.footer a { color: #3484f4; text-decoration: none; }
.footer a:hover { color: #4792fa; }
.footer-logo { max-width: 160px; }
.footer-logo img { max-width: 160px; width: 100%; margin: 0 auto; }
.footer-menu { margin: 0.5rem 0 20px; }
.footer-menu ul { display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0; padding: 0; }
.footer-menu ul li { margin: 0 1rem 0 0; padding: 0; }
.footer-menu ul li:last-child { margin-right: 0; }

ul.payment_icons { display: flex; align-items: center; justify-content: center; gap: 4px 2px; list-style: none; padding: 0; margin: 0 0 20px; }
ul.payment_icons li { padding: 0; margin: 0; }
.footer ul.payment_icons { gap: 5px 12px; margin-bottom: 1px; }

.green { color: #45b64a; }

/* POP-UP OFFER */
.overlay { visibility: hidden; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.25s opacity ease-in, 0.25s visibility step-end; opacity: 0; }
.modal { max-width: 1280px; height: 100%; padding: 0 20px; box-sizing: border-box; margin: auto; visibility: hidden; opacity: 0; position: fixed; top: 2%; right: 0; bottom: 0; left: 0; overflow: auto; -ms-transform: translate3d(0, -1rem, 0) translateY(-50%); -webkit-transform: translate3d(0, -1rem, 0) translateY(-50%); transform: translate3d(0, -1rem, 0); transition: 0.25s transform ease, 0.25s opacity ease, 0.25s visibility step-end; z-index: 1000; scrollbar-width: none; }
.modalcontent { max-width: 100%; /*max-height: 100%;*/ background-color: white; box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.25); position: relative; border-radius: 6px; padding: 15px; }
input[type='checkbox']:checked + .overlay, input[type='checkbox']:checked + .overlay + .modal { display: block; visibility: visible; opacity: 1; transform: none; transition: 0.25s transform ease-in, 0.25s opacity ease-in; }
#popup_offer { width: 100%; /*max-width: 1700px;*/ bottom: auto; }
#chkbx_popup { display: none; }
.a_bannerbuy2get6 { display: block; max-width: 1700px; width: 100%; margin: 0 auto 25px; }
.bannerbuy2get4 { display: block; max-width: 1700px; width: 100%; margin: 0 auto; }
.noblk { max-width: 650px; width: 100%; font-size: 1.5rem; padding-top: 20px; margin: 2% auto 20px; border-top: #cccccc solid 1px; }
.btnno { display: flex; gap: 7px; max-width: 480px; width: 100%; align-items: center; justify-content: center; font-size: 1.5rem; font-family: tahoma; font-weight: 800; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 7px 5px; margin: 0 auto 20px; cursor: pointer; background: linear-gradient(135deg, #a7a7a7 36%, #c2c2c2 67%); border: #b5b3b3 solid 2px; border-radius: 10px;}
.btnno:hover { color: #545454; color: #ffffff; background: linear-gradient(135deg, #b2b1b1 36%, #cccaca 67%); border-color: #c5c4c4; }
.fill-white { display: block; fill: #fff; }

.page-container { overflow-x: hidden; }

@media only screen and (max-height: 770px) {
    .modal { max-width: 880px; }
}

.bg-img-1 { position: absolute; pointer-events: none; z-index: -1; margin-left: -300px; max-width: 450px; transform: scaleX(-1); }
.bg-img-2 { position: absolute; pointer-events: none; z-index: -1; margin-top: 20px; margin-right: -215px; right: 0; max-width: 300px; float: right; transform: scaleX(-1); }
.bg-img-3 { position: absolute; pointer-events: none; z-index: -1; margin-top: -450px; margin-left: -550px; max-width: 450px; }
.bg-img-4 { position: absolute; pointer-events: none; z-index: -1; margin-top: -390px; right: 0; margin-right: -350px; max-width: 450px; }

.m-top-0 { margin-top: 0; }
.m-btm-0 { margin-bottom: 0; }
.relative { position: relative; }
.center { text-align: center; }

@media only screen and (max-width: 1300px) {
    .flex-10 { margin-left: 0px; }
}
@media only screen and (max-width: 1180px) {
    .product-labels { max-width: 800px; margin: 0 auto; gap: 10px; }
    .product-labels > div:nth-child(5) { width: 270px; }
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1000px) {
    body { overflow: auto; font-size: 1.8rem; }
    h2 { font-size: 2.4rem; }
    h3 { font-size: 2.1rem; }

    .img-1 { display: none; }
    .img-1-mob { display: block; max-width: 225px; margin: 0 auto; }
    .blk-1 { text-align: center; font-size: 1.8rem; }
    .blk-1 .btn-1 { margin: 0 auto; }
    .blk-1:before { background-position: top right; }
    .flex-1 { flex-direction: column; padding-bottom: 25px; }
    .flex-1 > div { width: 100%; max-width: 540px; }
    .deal { margin: 0 auto; }
    .headline { margin: 10px auto; font-size: 4rem; max-width: 540px; }

    .blk-2 { padding: 20px 0; }
    .blk-2-h2-b { text-align: left; font-weight: 700; font-size: 2.4rem; }
    .flex-2 { flex-direction: column; }
    .flex-2 > div:last-child { padding: 15px; }
    .flex-2 > div { width: 100%; } 

    .flex-3 { flex-direction: column-reverse; }
    .flex-3 > div:last-child { margin: 0 auto; max-width: 150px; }
    .flex-3 > div:last-child img { display: block; }

    .drk_turmeric_pack { max-width: 400px; }

    .blk-6-content { flex-direction: column; }
    .blk-6-content img { display: block; max-width: 260px; }
    .blk-6-text-1 { max-width: 550px; font-size: 3.5rem; margin: 0 auto 25px; }
    .blk-6-content img.b1g2f_img { display: block; max-width: 400px; }
    .blk-6-content > div:first-child { display: none; }

    .ingredients { max-width: 700px; margin: 0 auto; }
    .flex-10 { flex-direction: column; }
    .flex-10 > div:first-child { flex-basis: auto; }

    .blk-7:before { background-size: cover; }
    .flex-7 { flex-direction: column; align-items: center; }
    .flex-7 > div:first-child { border-radius: 30px; max-width: 225px; width: 100%; }

    .flex-8 { flex-direction: column; }
    .flex-8 img { max-width: 160px; }

    .blk-3, .blk-3-content, .blk-4, .blk-4-content, .blk-5, .blk-5-content, .blk-5-content-b, .blk-6 { padding: 15px; }
    .blk-3, .blk-4, .blk-5 { margin-bottom: 20px; }
    .blk-6  { margin: 20px 0; }
    .bg-img-1, .bg-img-2, .bg-img-3, .bg-img-4 { display: none; }

    .wrapblk5b { max-width: 700px; flex-direction: column; gap: 15px; margin: 0 0 20px; }
    .blk5b_col1, .blk5b_col2 { flex: auto; }
    .blk5b_col2 { max-width: 500px; flex-wrap: wrap; }
    .blk5b_col2 {  justify-content: center; }
    .blk5b_col2_blk { flex: 120px; max-width: 120px; padding: 30px 10px; }

    .collapse-toggle::before { top: 3px; }

    .blk6_flex_img img.dt_pack_3bot { margin-top: 10px; margin-bottom: 15px; width: 100%; }
}
@media only screen and (max-width: 900px) {
    .testi_img { flex-shrink: 1; }
    .testi_cont { flex: 500px; }
    .testi_auth_rw { flex-direction: column; justify-content: flex-start; gap: 0; margin-bottom: 10px; }
    
    .blk4_grp2 { flex-direction: column; }
    .blk4_grp2_img, .blk4_grp2_cont { flex-basis: auto; }


    .blk6_flex { flex-direction: column; gap: 0; }
    .blk6_flex_img { flex-basis: auto; max-width: 300px; order: 1; }
    .blk6_flex_cont { flex-basis: auto; order: 2; }

    .page-container { overflow-x: initial; }
}

@media only screen and (max-width: 800px) {
    .head .col-2 { position: absolute; left: 0; top: 85px; flex-direction: column; background: #fff; z-index: 5; padding: 0 10px; width: 100%; border-top: 2px solid #d9f2ff; font-size: 1.6rem; gap: 15px; margin: 0; height: 0; overflow: hidden; transition: height 0.25s ease; }
    .head.active .col-2 { height: 120px; }
    .head .col-3 .btn-1 { display: none; }
    .head:not(.active) .col-3 .mob-menu { display: block; }
    .head.active .col-3 .mob-close { display: block; }
    .col-2 a:first-child { margin-top: 20px; }
    .col-2 a:last-child { margin-bottom: 20px; }
    
    .flex-5 { flex-direction: column; }
    .flex-5 > div:first-child { flex-basis: auto; }
    .flex-5 > div:last-child { flex-basis: auto; }
    .flex-5 > div:first-child img { display: block; max-width: 130px; width: 55%; margin: 0 auto; }
    
    .blk6b_grp { flex-direction: column; align-items: center; gap: 15px; }
    .blk6b_grp_img { flex-basis: auto; }
    .blk6b_grp_cont { flex-basis: auto; flex-shrink: 1; }
}
@media only screen and (max-width: 700px) {
    .product-labels  { max-width: 310px; justify-content: flex-start; }
    .p-label { justify-content: flex-start; }
}
@media only screen and (max-width: 600px) {
    html { font-size: 9px; }

    .blk-3-content { display: block; }
    .testi_img { max-width: 250px; width: 35%; margin: 0 auto 20px; }

    .drkpic { float: none; width: 70%; margin: 0 auto 20px; }

    .blk-6.blk-6b h2, .blk-6.blk-6c h2 { font-size: 3.6rem; }

    .head .col-2 { top: 80px; }
}

@media only screen and (max-width: 500px) {
    html { font-size: 8px; }
    .head .col-2 { top: 74px; }

    .blk-6.blk-6b h2, .blk-6.blk-6c h2 { font-size: 3rem; }

    .blk-6-text-2 { font-size: 7.2rem; }
    .blk-6-text-4 { font-size: 4.8rem; }

    .faq { padding-bottom: 1px; }
    .collapse-content .blk-6-content { padding: 5px; margin-left: -25px; }
    .collapse-content .blk-6-content > div:nth-child(2) { padding: 15px 10px; }

    .blk6_flex_img img.dt_pack_3bot { max-width: 225px; }
}

@media only screen and (max-width: 420px) {
    .blk-6-text-2 { font-size: 6.4rem; }
    .blk-6-text-4 { font-size: 4.4rem; }
}

@media only screen and (max-width: 380px) {
    .blk-6-text-2 { font-size: 5.4rem; }
    .blk-6-text-4 { font-size: 4rem; }
}