@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
:root {
  --dsn-blue: #00AEEF;
  --dsn-blue-dark: #0090CC;
  --dsn-blue-light: #E8F8FF;
  --dsn-sky: #7DD8F5;
  --white: #FFFFFF;
  --dsn-off-white: #F8FAFE;
  --dsn-gray-100: #F0F6FB;
  --dsn-gray-200: #E2EDF6;
  --dsn-gray-500: #7A9AB4;
  --dsn-gray-800: #1A2E3E;
  --dsn-text-dark: #0D1F2D;
  --dsn-text-mid: #3A5A72;
  --dsn-shadow-soft: 0 4px 24px rgba(0, 174, 239, 0.10);
  --dsn-shadow-card: 0 8px 40px rgba(0, 174, 239, 0.12);
  --dsn-shadow-lift: 0 20px 60px rgba(0, 174, 239, 0.18);
  --dsn-radius-sm: 12px;
  --dsn-radius-md: 20px;
  --dsn-radius-lg: 32px;
  --dsn-radius-xl: 48px;
  --color-red-50: lab(96.5005% 4.18508 1.52328);
  --color-red-100: lab(92.243% 10.2865 3.83865);
  --color-red-200: lab(86.017% 19.8815 7.75869);
  --color-red-300: lab(76.5514% 36.422 15.5335);
  --color-red-400: lab(63.7053% 60.745 31.3109);
  --color-red-500: lab(55.4814% 75.0732 48.8528);
  --color-red-600: lab(48.4493% 77.4328 61.5452);
  --color-red-700: lab(40.4273% 67.2623 53.7441);
  --color-red-800: lab(33.7174% 55.8993 41.0293);
  --color-red-900: lab(28.5139% 44.5539 29.0463);
  --color-red-950: lab(13.003% 29.04 16.7519);
  --color-orange-50: lab(97.7008% 1.53735 5.90649);
  --color-orange-100: lab(94.7127% 3.58394 14.3151);
  --color-orange-200: lab(88.4871% 9.94918 28.8378);
  --color-orange-300: lab(80.8059% 21.7313 50.4455);
  --color-orange-400: lab(70.0429% 42.5156 75.8207);
  --color-orange-500: lab(64.272% 57.1788 90.3583);
  --color-orange-600: lab(57.1026% 64.2584 89.8886);
  --color-orange-700: lab(46.4615% 57.7275 70.8507);
  --color-orange-800: lab(37.1566% 46.6433 50.5562);
  --color-orange-900: lab(30.2951% 36.0434 37.671);
  --color-orange-950: lab(14.1747% 23.4515 19.4461);
  --color-amber-50: lab(98.6252% -.635922 8.42309);
  --color-amber-100: lab(95.916% -1.21653 23.111);
  --color-amber-200: lab(91.7203% -.505269 49.9084);
  --color-amber-300: lab(86.4156% 6.13147 78.3961);
  --color-amber-400: lab(80.1641% 16.6016 99.2089);
  --color-amber-500: lab(72.7183% 31.8672 97.9407);
  --color-amber-600: lab(60.3514% 40.5624 87.1228);
  --color-amber-700: lab(47.2709% 42.9082 69.2966);
  --color-amber-800: lab(37.8822% 37.1699 52.2718);
  --color-amber-900: lab(31.2288% 30.2627 40.0378);
  --color-amber-950: lab(15.8111% 20.9107 23.3752);
  --color-yellow-50: lab(98.6846% -1.79055 9.7766);
  --color-yellow-100: lab(97.3564% -4.51407 27.344);
  --color-yellow-200: lab(94.3433% -5.00429 52.9663);
  --color-yellow-400: lab(83.2664% 8.65132 106.895);
  --color-yellow-500: lab(76.3898% 14.5258 98.4589);
  --color-yellow-600: lab(62.7799% 22.4197 86.1544);
  --color-yellow-700: lab(47.8202% 25.2426 66.5015);
  --color-yellow-800: lab(38.7484% 23.5833 51.4916);
  --color-yellow-900: lab(32.3865% 21.1273 38.5959);
  --color-yellow-950: lab(16.8146% 15.7422 23.1133);
  --color-lime-100: lab(96.8662% -11.7133 22.0854);
  --color-lime-400: lab(83.7876% -45.0447 88.4738);
  --color-lime-500: lab(75.3197% -46.6547 86.1778);
  --color-lime-700: lab(47.246% -32.2589 55.8249);
  --color-green-50: lab(98.1563% -5.60117 2.75915);
  --color-green-100: lab(96.1861% -13.8464 6.52365);
  --color-green-200: lab(92.4222% -26.4702 12.9427);
  --color-green-300: lab(86.9953% -47.2691 25.0054);
  --color-green-400: lab(78.503% -64.9265 39.7492);
  --color-green-500: lab(70.5521% -66.5147 45.8073);
  --color-green-600: lab(59.0978% -58.6621 41.2579);
  --color-green-700: lab(47.0329% -47.0239 31.4788);
  --color-emerald-50: lab(97.8462% -6.94966 1.85487);
  --color-emerald-100: lab(94.9004% -17.0769 5.63836);
  --color-emerald-200: lab(90.2247% -31.039 9.47084);
  --color-emerald-300: lab(83.9203% -48.7124 13.8849);
  --color-emerald-400: lab(75.0771% -60.7313 19.4147);
  --color-emerald-500: lab(66.9756% -58.27 19.5419);
  --color-emerald-600: lab(55.0481% -49.9246 15.93);
  --color-emerald-700: lab(44.4871% -41.0396 11.0361);
  --color-emerald-800: lab(35.3675% -33.1188 8.04002);
  --color-emerald-900: lab(28.8637% -26.9249 5.45986);
  --color-emerald-950: lab(15.0582% -17.9507 2.38369);
  --color-teal-50: lab(98.3189% -4.74921 -.111711);
  --color-teal-100: lab(95.1845% -17.4212 -.425422);
  --color-teal-200: lab(90.7612% -33.1343 -.542295);
  --color-teal-300: lab(84.8977% -48.1516 -1.3321);
  --color-teal-400: lab(76.0109% -53.3483 -2.27906);
  --color-teal-500: lab(67.3859% -49.0983 -2.63511);
  --color-teal-600: lab(55.0223% -41.0774 -3.90277);
  --color-teal-700: lab(44.4134% -33.1436 -4.22149);
  --color-teal-800: lab(35.5975% -26.6648 -4.34487);
  --color-teal-900: lab(29.506% -21.4706 -3.59886);
  --color-teal-950: lab(16.6371% -15.3183 -3.81732);
  --color-cyan-50: lab(98.3304% -5.97432 -2.62108);
  --color-cyan-100: lab(95.3146% -13.8285 -6.84732);
  --color-cyan-200: lab(91.0821% -24.0435 -12.8306);
  --color-cyan-300: lab(85.3886% -36.7636 -21.5716);
  --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
  --color-cyan-500: lab(67.805% -35.3952 -30.2018);
  --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
  --color-cyan-700: lab(44.7267% -21.5987 -26.118);
  --color-cyan-800: lab(36.5114% -17.1989 -21.6292);
  --color-cyan-950: lab(19.1528% -9.68757 -15.5267);
  --color-sky-50: lab(97.3623% -2.33802 -4.13098);
  --color-sky-300: lab(80.3307% -20.2945 -31.385);
  --color-sky-500: lab(63.3038% -18.433 -51.0407);
  --color-sky-600: lab(51.7754% -11.4712 -49.8349);
  --color-sky-700: lab(41.6013% -9.10804 -42.5647);
  --color-blue-50: lab(96.492% -1.14644 -5.11479);
  --color-blue-100: lab(92.0301% -2.24757 -11.6453);
  --color-blue-200: lab(86.15% -4.04379 -21.0797);
  --color-blue-300: lab(77.5052% -6.4629 -36.42);
  --color-blue-400: lab(65.0361% -1.42065 -56.9802);
  --color-blue-500: lab(54.1736% 13.3369 -74.6839);
  --color-blue-600: lab(44.0605% 29.0279 -86.0352);
  --color-blue-700: lab(36.9089% 35.0961 -85.6872);
  --color-blue-800: lab(30.2514% 27.7853 -70.2699);
  --color-blue-900: lab(26.1542% 15.7545 -51.5504);
  --color-blue-950: lab(15.6723% 8.86232 -32.2945);
  --color-indigo-50: lab(95.4818% .411302 -6.78529);
  --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
  --color-indigo-200: lab(84.4329% 3.18977 -23.9688);
  --color-indigo-300: lab(74.0235% 8.54138 -41.6075);
  --color-indigo-400: lab(59.866% 22.4834 -64.4485);
  --color-indigo-500: lab(48.295% 38.3129 -81.9673);
  --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
  --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
  --color-indigo-800: lab(26.6645% 37.9804 -68.6402);
  --color-indigo-900: lab(23.3911% 24.6978 -50.4718);
  --color-indigo-950: lab(12.4853% 14.9672 -31.3418);
  --color-violet-50: lab(96.2416% 2.28849 -5.51657);
  --color-violet-100: lab(93.0838% 4.35197 -9.88284);
  --color-violet-200: lab(87.0888% 8.53688 -19.4189);
  --color-violet-300: lab(76.7419% 18.3911 -37.0706);
  --color-violet-400: lab(62.8239% 34.9159 -60.0512);
  --color-violet-500: lab(49.9355% 55.1776 -81.8963);
  --color-violet-600: lab(41.088% 68.9966 -91.995);
  --color-violet-700: lab(35.2783% 67.9912 -88.793);
  --color-violet-800: lab(29.3188% 57.7986 -76.1493);
  --color-violet-900: lab(24.3783% 45.7525 -61.4902);
  --color-violet-950: lab(14.0706% 33.3353 -46.7553);
  --color-purple-50: lab(97.1627% 2.99937 -4.13398);
  --color-purple-100: lab(93.3333% 6.97437 -9.83434);
  --color-purple-200: lab(87.8405% 13.4282 -18.7159);
  --color-purple-300: lab(78.3298% 26.2195 -34.9499);
  --color-purple-400: lab(63.6946% 47.6127 -59.2066);
  --color-purple-500: lab(52.0183% 66.11 -78.2316);
  --color-purple-600: lab(43.0295% 75.21 -86.5669);
  --color-purple-700: lab(36.1758% 69.8525 -80.0381);
  --color-pink-50: lab(96.4459% 4.53997 -1.49434);
  --color-pink-100: lab(93.5864% 9.01193 -3.15079);
  --color-pink-200: lab(87.4504% 19.6 -6.46662);
  --color-pink-300: lab(77.8308% 38.525 -10.5394);
  --color-pink-400: lab(64.5597% 64.3615 -12.7988);
  --color-pink-500: lab(56.9303% 76.8162 -8.07021);
  --color-pink-600: lab(49.5493% 79.8381 2.31768);
  --color-pink-700: lab(42.1737% 71.8009 7.42233);
  --color-pink-800: lab(34.9559% 60.2885 5.99639);
  --color-pink-950: lab(15.6116% 35.2166 3.53979);
  --color-rose-50: lab(96.2369% 4.94155 1.28011);
  --color-rose-100: lab(92.8221% 9.86832 2.60075);
  --color-rose-200: lab(86.806% 19.1909 4.07754);
  --color-rose-400: lab(64.4125% 63.0291 19.2068);
  --color-rose-500: lab(56.101% 79.4328 31.4532);
  --color-rose-600: lab(49.1882% 81.577 36.0311);
  --color-rose-700: lab(41.1651% 71.6251 30.3087);
  --color-rose-900: lab(29.7104% 51.514 12.6253);
  --color-slate-50: lab(98.1434% -.369519 -1.05966);
  --color-slate-100: lab(96.286% -.852436 -2.46847);
  --color-slate-200: lab(91.7353% -.998765 -4.76968);
  --color-slate-300: lab(84.7652% -1.94535 -7.93337);
  --color-slate-400: lab(65.5349% -2.25151 -14.5072);
  --color-slate-500: lab(48.0876% -2.03595 -16.5814);
  --color-slate-600: lab(35.5623% -1.74978 -15.4316);
  --color-slate-700: lab(26.9569% -1.47016 -15.6993);
  --color-slate-800: lab(16.132% -.318035 -14.6672);
  --color-slate-900: lab(7.78673% 1.82345 -15.0537);
  --color-slate-950: lab(1.76974% 1.32743 -9.28855);
  --color-gray-50: lab(98.2596% -.247031 -.706708);
  --color-gray-100: lab(96.1596% -.0823438 -1.13575);
  --color-gray-200: lab(91.6229% -.159115 -2.26791);
  --color-gray-300: lab(85.1236% -.612259 -3.7138);
  --color-gray-400: lab(65.9269% -.832707 -8.17473);
  --color-gray-500: lab(47.7841% -.393182 -10.0268);
  --color-gray-600: lab(35.6337% -1.58697 -10.8425);
  --color-gray-700: lab(27.1134% -.956401 -12.3224);
  --color-gray-800: lab(16.1051% -1.18239 -11.7533);
  --color-gray-900: lab(8.11897% .811279 -12.254);
  --color-gray-950: lab(1.90334% .278696 -5.48866);
  --color-zinc-50: lab(98.26% 0 0);
  --color-zinc-900: lab(8.30603% .618205 -2.16572) ;
}

.ellipsis-2-rows {
  display: -webkit-box;
  /* Sử dụng Flexbox cho layout */
  -webkit-line-clamp: 2;
  /* Hiển thị tối đa 2 dòng */
  -webkit-box-orient: vertical;
  /* Xếp các dòng theo chiều dọc */
  overflow: hidden;
  /* Ẩn nội dung vượt quá */
  text-overflow: ellipsis;
  /* Thêm dấu ba chấm */
  max-height: 2.4em;
  /* Điều chỉnh chiều cao dựa trên số dòng và line-height */
  line-height: 1.2em;
  /* Khoảng cách dòng */
  min-height: 2.4em;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  box-shadow: none !important;
}

.row.align-center {
  margin: auto !important;
}

.banner.is-full-height {
  height: 100% !important;
}

@media (max-width: 1440px) {
  .banner-layers .text {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 1024px) {
  .banner-layers .text {
    font-size: 1rem !important;
  }
}
@media (max-width: 850px) {
  .banner-layers .text {
    font-size: 0.8rem !important;
  }
}

.form-dang-ky form {
  max-width: 50%;
  margin: auto;
}
@media (max-width: 850px) {
  .form-dang-ky form {
    max-width: 100%;
  }
  .form-dang-ky form .ml-half {
    margin-left: 0;
  }
}
.form-dang-ky form input {
  border: none;
  border-bottom: 1px solid black;
  background-color: transparent;
}
.form-dang-ky form input:focus {
  background-color: transparent;
  border-bottom-color: var(--fs-color-primary);
}

.wpcf7-spinner {
  display: none;
}

form.wpcf7-form {
  margin: auto;
}
form.wpcf7-form input[type=submit] {
  width: 100%;
  padding: 1.2rem;
  height: auto;
  line-height: 1;
}
form.wpcf7-form .form-control {
  box-shadow: 0 0 37px -4px rgba(0, 0, 0, 0.1) !important;
  border: none;
  padding: 1.2rem;
  font-size: 0.875rem;
  height: auto;
}

.row-bg-white {
  background-color: white;
}

.image-contact .img-inner {
  border-radius: 100% 100% 0 0;
}

i.wishlist-icon:before {
  content: "";
  mask-image: url(../img/icon-heart.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentcolor;
  width: 28px;
  height: 28px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}

i.icon-quickview {
  margin-right: 0 !important;
  margin-left: 0 !important;
  top: 2px;
}
i.icon-quickview:before {
  content: "";
  mask-image: url(../img/icon-view.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentcolor;
  width: 28px;
  height: 28px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}

i.icon-user:before {
  content: "";
  mask-image: url(../img/icon-user.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentcolor;
  width: 28px;
  height: 28px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}

i.icon-shopping-basket:before {
  content: "";
  mask-image: url(../img/icon-cart.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentcolor;
  width: 28px;
  height: 28px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .center-on-mobile .col-inner {
    text-align: center !important;
  }
}

/* 8159 */
.secondary.is-outline:hover {
  color: black;
}

.bg-contain > .bg-loaded {
  background-size: contain !important;
}

.box-shadow-5, .portfolio-box,
.box-shadow-5-hover:hover,
.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner:hover {
  box-shadow: 0 0 37px -4px rgba(0, 0, 0, 0.1) !important;
}

.dsn-title-left .section-title {
  justify-content: start;
}
.dsn-title-left .section-title span {
  border: none;
  text-transform: none;
}
.dsn-title-left .section-title b {
  display: none;
}
.dsn-title-left .section-title b:first-of-type {
  display: flex;
  max-width: 50px;
  background-color: var(--fs-color-secondary);
  height: 5px;
  opacity: 1;
}

.dsn-title-right .section-title {
  justify-content: end;
}
.dsn-title-right .section-title span {
  border: none;
  text-transform: none;
}
.dsn-title-right .section-title b {
  display: none;
}
.dsn-title-right .section-title b:last-of-type {
  display: flex;
  max-width: 50px;
  background-color: var(--fs-color-secondary);
  height: 5px;
  opacity: 1;
}

.dsn-btn-dark {
  border-width: 4px !important;
  transition: none !important;
}
.dsn-btn-dark span,
.dsn-btn-dark i {
  color: #212529;
  transition: 0.2s all ease-in-out !important;
}
.dsn-btn-dark:hover i {
  margin-left: 10px !important;
}

.dsn-btn-light {
  border-width: 4px !important;
  transition: none !important;
}
.dsn-btn-light span,
.dsn-btn-light i {
  color: white;
  transition: 0.2s all ease-in-out !important;
}
.dsn-btn-light:hover span {
  color: #212529;
}
.dsn-btn-light:hover i {
  margin-left: 10px !important;
  color: #212529;
}

.accordion .accordion-item {
  border: 1px solid var(--dsn-gray-200);
  margin-bottom: 5px;
  border-radius: var(--dsn-radius-sm);
}
.accordion .accordion-title {
  border-top: none;
}
.accordion .accordion-title.active {
  background-color: transparent;
}
.accordion .accordion-inner {
  padding: 20px;
}

.dsn-process-wrap::before {
  content: "";
  position: absolute;
  left: -25%;
  width: 150%;
  border-top: 2px solid #EDEDED;
  top: 77px;
}

.dsn-process-step h5.uppercase {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  width: 110px;
  height: 110px;
  background: #fff;
  border: 2px solid #e2e5e8;
  z-index: 1;
  box-shadow: 0 0 0 15px #fff;
  font-size: 2.3em;
  color: #0053ce;
  margin: auto;
  margin-bottom: 20px;
}

.dsn-img-card-left {
  transform: translate3d(-20px, -20px, 0);
}

.dsn-img-card-right {
  transform: translate3d(50px, -20px, 0);
}

.filter-nav > li > a {
  border-radius: 0;
  padding: 1rem 1.5rem;
  line-height: 1;
  border: 1px solid #dee2e6;
  background-color: white;
  margin-bottom: 5px;
}
.portfolio-box {
  padding: 30px 30px 0 30px;
  background-color: white;
}

.featured-title .page-title-inner {
  padding-bottom: 50px;
  padding-top: 50px;
}

.button.primary.btn-cta,
.header-button-1 .button.primary {
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--dsn-blue) 0%, var(--dsn-blue-dark) 100%);
  color: #fff;
  border: none;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 174, 239, 0.35);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-decoration: none;
  letter-spacing: 0.01em;
  min-height: 36px;
}
.button.primary.btn-cta:hover,
.header-button-1 .button.primary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 16px 40px rgba(0, 174, 239, 0.45);
}

.button.primary.hover-shadow:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 16px 40px rgba(0, 174, 239, 0.45) !important;
}

.button.secondary.btn-cta,
.header-button-1 .button.secondary {
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--fs-color-secondary) 0%, var(--fs-color-secondary) 100%);
  color: #fff;
  border: none;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(239, 175, 0, 0.35);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-decoration: none;
  letter-spacing: 0.01em;
  min-height: 36px;
}
.button.secondary.btn-cta:hover,
.header-button-1 .button.secondary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 16px 40px rgba(239, 175, 0, 0.45);
}

.button.secondary.hover-shadow:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 16px 40px rgba(0, 174, 239, 0.45) !important;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 174, 239, 0.08);
  border: 1px solid rgba(0, 174, 239, 0.2);
  border-radius: 100px;
  padding: 6px 16px 6px 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--dsn-blue);
  margin-bottom: 28px;
}
.hero-badge p {
  margin-bottom: 0;
}

.hero-badge-dot {
  width: 6px;
  height: 6px;
  background: var(--dsn-blue);
  border-radius: 50%;
  animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.4);
  }
}
.hero-title {
  font-family: "DM Serif Display", serif;
  font-size: clamp(48px, 6vw, 80px);
  line-height: 1.05;
  color: var(--dsn-text-dark);
  margin-bottom: 24px;
}

.hero-title em {
  font-style: italic;
  color: var(--dsn-blue);
}

.hero-visual {
  width: 100%;
  aspect-ratio: 1;
  background: linear-gradient(135deg, rgba(0, 174, 239, 0.08) 0%, rgba(125, 216, 245, 0.12) 100%);
  border-radius: var(--dsn-radius-xl);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 174, 239, 0.15);
}

.bottle-float {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 160px;
  animation: float-gentle 4s ease-in-out infinite;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0) rotate(-3deg);
  }
  50% {
    transform: translateY(-20px) rotate(3deg);
  }
}
.hero-card-float {
  position: absolute;
  background: #fff;
  border-radius: var(--dsn-radius-md);
  padding: 16px 20px;
  box-shadow: var(--dsn-shadow-card);
  border: 1px solid rgba(0, 174, 239, 0.1);
}

.hcf1 {
  bottom: 30px;
  left: -15px;
}

.hcf2 {
  top: 40px;
  right: -15px;
}

.hcf-label {
  font-size: 11px;
  color: var(--dsn-gray-500);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.hcf-value {
  font-size: 22px;
  font-weight: 800;
  color: var(--dsn-blue);
}

.hcf-sub {
  font-size: 12px;
  color: var(--dsn-gray-500);
}

/** marquee brand */
.marquee-track {
  display: flex;
  gap: 60px;
  align-items: center;
  animation: marquee-scroll 30s linear infinite;
  white-space: nowrap;
  width: max-content;
}

.marquee-item {
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
}
.marquee-item p {
  margin-bottom: 0;
}
.marquee-item::after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 99px;
  right: -30px;
}

.marquee-dot {
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.about-icon-wrap {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about-icon-wrap .icon-box {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 15px 20px;
  border-radius: var(--dsn-radius-sm);
  background: #fff;
  border: 1px solid var(--dsn-gray-200);
  transition: all 0.3s ease;
  align-items: center;
}
.about-icon-wrap .icon-box:hover {
  border-color: rgba(0, 174, 239, 0.3);
  box-shadow: var(--dsn-shadow-soft);
}
.about-icon-wrap .icon-box .icon-box-img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(135deg, #E8F8FF, #C8EDFD);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.dsn-section-label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--dsn-blue);
  text-transform: uppercase;
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.dsn-section-label.div-left::before {
  content: "";
  width: 24px;
  height: 2px;
  background: var(--dsn-blue);
  border-radius: 2px;
}

.dsn-section-title em {
  font-style: italic;
  color: var(--dsn-blue);
}

.mw-560 {
  max-width: 560px;
}

.mw-760 {
  max-width: 760px;
}

.home-box-services > .col > .col-inner {
  background: #fff;
  border: 1px solid var(--dsn-gray-200);
  border-radius: var(--dsn-radius-md);
  padding: 36px 32px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
  cursor: default;
}
.home-box-services > .col > .col-inner:hover {
  box-shadow: var(--dsn-shadow-lift);
  border-color: rgba(0, 174, 239, 0.2);
}
.home-box-services > .col > .col-inner .icon-box .icon-box-img {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background: linear-gradient(135deg, #E8F8FF, #C8EDFD);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  padding: 10px;
}
.home-box-services > .col > .col-inner a.button.primary.is-link {
  padding-left: 0;
}

.dsn-tab-products .nav-outline > li > a {
  padding: 2px 24px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid var(--dsn-gray-200);
  background: transparent;
  color: var(--dsn-text-mid);
  transition: all 0.25s;
  font-family: "Outfit", sans-serif;
  margin: 0 10px 10px 0;
}
.dsn-tab-products .nav-outline > li.active > a {
  background: var(--dsn-blue);
  color: #fff;
  border-color: var(--dsn-blue);
  box-shadow: 0 4px 16px rgba(0, 174, 239, 0.3);
}

.dsn-section-circle {
  background: linear-gradient(135deg, var(--dsn-blue) 0%, #0080CC 100%);
}
.dsn-section-circle .section-bg {
  opacity: 0.1;
}
.dsn-section-circle .section-bg :is(img, picture, video) {
  -o-object-fit: fill;
  object-fit: fill;
}

.br-20 {
  border-radius: 20px;
  overflow: hidden;
}

/* ===== PROCESS ===== */
.process-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.process-step {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 32px;
  padding: 40px 0;
  border-bottom: 1px solid var(--dsn-gray-200);
  transition: all 0.3s ease;
}

.process-step:last-child {
  border-bottom: none;
}

.process-num {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #E8F8FF, #C8EDFD);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "DM Serif Display", serif;
  font-size: 24px;
  color: var(--dsn-blue);
  font-weight: 700;
  flex-shrink: 0;
  border: 2px solid rgba(0, 174, 239, 0.2);
}

.process-num p {
  margin-bottom: 0;
}

.process-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dsn-blue);
  margin-bottom: 8px;
}

.process-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.process-desc {
  font-size: 15px;
  color: var(--dsn-gray-500);
  line-height: 1.7;
}

.process-tags {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.process-tag {
  background: var(--dsn-gray-100);
  color: var(--dsn-text-mid);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 100px;
}

.process-right {
  position: sticky;
  top: 120px;
}

.process-visual {
  background: linear-gradient(135deg, #E8F8FF 0%, #C8EDFD 100%);
  border-radius: var(--dsn-radius-lg);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 120px;
  border: 1px solid rgba(0, 174, 239, 0.2);
}

.process-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: flex-start;
}

@media (max-width: 900px) {
  .process-wrapper {
    grid-template-columns: 1fr;
  }
  .process-right {
    display: none;
  }
}
/* ===== TESTIMONIALS ===== */
.testimonial-box {
  height: 100%;
}
.testimonial-box .testimonial-text {
  font-style: normal !important;
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-flow: column;
}
.testimonial-box .icon-box-text {
  display: flex;
  flex-flow: column;
}
.testimonial-box .testimonial-meta {
  display: none;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 900px) {
  .testimonials-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.testimonial-card {
  background: #fff;
  border-radius: var(--dsn-radius-md);
  padding: 32px;
  border: 1px solid var(--dsn-gray-200);
  transition: all 0.3s ease;
}

.testimonial-card:hover {
  box-shadow: var(--dsn-shadow-card);
  border-color: rgba(0, 174, 239, 0.2);
  transform: translateY(-4px);
}

.stars {
  color: #FFB800;
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

.testimonial-text {
  font-size: 15px;
  line-height: 1.75;
  color: #3a5a72;
  font-style: italic;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

.author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dsn-blue), var(--dsn-sky));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  flex-shrink: 0;
}

.author-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}

.author-role {
  font-size: 12px;
  color: var(--dsn-gray-500);
}

.author-company {
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: var(--dsn-blue);
  background: var(--dsn-blue-light);
  padding: 4px 10px;
  border-radius: 100px;
  white-space: nowrap;
}

.box-certifications > .col > .col-inner {
  background: #fff;
  border: 1px solid var(--dsn-gray-200);
  border-radius: var(--dsn-radius-sm);
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
}
.box-certifications > .col > .col-inner:hover {
  border-color: rgba(0, 174, 239, 0.3);
  box-shadow: var(--dsn-shadow-soft);
  transform: translateY(-3px);
}

.mb-0 p,
.mb-0 h1,
.mb-0 h2,
.mb-0 h3,
.mb-0 h4,
.mb-0 h5 {
  margin-bottom: 0 !important;
}

.box-vision > .col-inner {
  max-width: 1080px;
  margin: 0 auto !important;
  background: #ffffff;
  border: 1px solid rgba(0, 174, 239, 0.15);
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(0, 174, 239, 0.08);
}

.header-button {
  white-space: nowrap;
}

.is-divider {
  display: none;
}

.acm-breadcrumbs {
  background-color: var(--dsn-off-white);
  min-height: 45px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

.category-page-title {
  background-color: var(--dsn-off-white);
}
.category-page-title .page-title-inner {
  padding-top: 0;
  min-height: 45px;
}

.nav-pagination.links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  list-style: none;
  padding: 30px 0;
  margin: 0;
}
.nav-pagination.links li {
  margin: 0;
}
.nav-pagination.links .page-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--dsn-gray-200, #e5e7eb);
  border-radius: 8px;
  background: #fff;
  color: var(--dsn-text-dark, #374151);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.nav-pagination.links .page-number:hover {
  background: var(--dsn-off-white, #f3f4f6);
  border-color: var(--dsn-gray-300, #d1d5db);
  color: var(--dsn-blue, #003296);
}
.nav-pagination.links .page-number.current {
  background: var(--dsn-blue, #003296);
  border-color: var(--dsn-blue, #003296);
  color: #fff;
  pointer-events: none;
}
.nav-pagination.links .page-number.next, .nav-pagination.links .page-number.prev {
  border-color: transparent;
  background: transparent;
  color: var(--dsn-gray-500, #6b7280);
}
.nav-pagination.links .page-number.next:hover, .nav-pagination.links .page-number.prev:hover {
  background: var(--dsn-off-white, #f3f4f6);
  color: var(--dsn-blue, #003296);
}

.contactacm-form .wpcf7-text,
.contactacm-form .wpcf7-email,
.contactacm-form .wpcf7-tel,
.contactacm-form .wpcf7-textarea {
  display: block;
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--dsn-text-dark, #1f2937);
  background-color: #fff;
  border: 1px solid var(--dsn-gray-300, #d1d5db);
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  appearance: none;
  height: auto;
}
.contactacm-form .wpcf7-text::placeholder,
.contactacm-form .wpcf7-email::placeholder,
.contactacm-form .wpcf7-tel::placeholder,
.contactacm-form .wpcf7-textarea::placeholder {
  color: var(--dsn-gray-400, #9ca3af);
}
.contactacm-form .wpcf7-text:focus,
.contactacm-form .wpcf7-email:focus,
.contactacm-form .wpcf7-tel:focus,
.contactacm-form .wpcf7-textarea:focus {
  outline: none;
  border-color: var(--dsn-blue, #003296);
  box-shadow: 0 0 0 3px rgba(0, 50, 150, 0.1) !important;
}
.contactacm-form .wpcf7-textarea {
  min-height: 140px;
  resize: vertical;
}
.contactacm-form .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.contactacm-form .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.contactacm-form .wpcf7-radio .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--dsn-gray-300, #d1d5db);
  border-radius: 99px;
  cursor: pointer;
  font-size: 14px;
  color: var(--dsn-text-dark, #374151);
  background: #fff;
  transition: all 0.2s ease;
  user-select: none;
}
.contactacm-form .wpcf7-radio .wpcf7-list-item label:hover {
  border-color: var(--dsn-blue, #003296);
  background: var(--dsn-blue-light, #f0f7ff);
}
.contactacm-form .wpcf7-radio .wpcf7-list-item input[type=radio] {
  width: 16px;
  height: 16px;
  accent-color: var(--dsn-blue-dark);
  margin: 0;
}
.contactacm-form .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label {
  color: var(--dsn-blue, #003296);
  font-weight: 600;
}
.contactacm-form .wpcf7-radio .wpcf7-list-item:has(input[type=radio]:checked) label {
  border-color: var(--dsn-blue, #003296);
  background: var(--dsn-blue-light, #f0f7ff);
}
.contactacm-form .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: var(--dsn-blue, #003296);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
  letter-spacing: 0.3px;
}
.contactacm-form .wpcf7-submit:hover {
  background: var(--dsn-blue-dark, #002070);
  box-shadow: 0 4px 16px rgba(0, 50, 150, 0.2);
}
.contactacm-form .wpcf7-submit:active {
  transform: scale(0.98);
}
.contactacm-form .wpcf7-not-valid {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}
.contactacm-form .wpcf7-not-valid-tip {
  color: #ef4444;
  font-size: 13px;
  margin-top: 4px;
}
.contactacm-form .col > p {
  margin-bottom: 0;
}

.wpcf7-response-output {
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px;
  margin: 16px 0 0 !important;
}

.imgcontact {
  border-radius: 16px;
  overflow: hidden;
}

.header-shadow .header-wrapper,
.header-wrapper.stuck,
.layout-shadow #wrapper {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 1px 40px rgba(0, 174, 239, 0.1);
}

#masthead .header-nav-main.nav-left {
  justify-content: center;
}
#masthead .mobile-nav.nav-left {
  justify-content: center;
}
#masthead .nav-column li.active > a,
#masthead .nav-column li > a:hover,
#masthead .nav-dropdown li.active > a,
#masthead .nav-dropdown > li > a:hover,
#masthead .nav-vertical-fly-out > li.active > a,
#masthead .nav-vertical-fly-out > li > a:hover,
#masthead .nav > li.active > a,
#masthead .nav > li.current > a,
#masthead .nav > li > a.active,
#masthead .nav > li > a.current,
#masthead .nav > li > a:hover {
  color: var(--fs-color-primary);
}
#masthead .nav-column > li > a,
#masthead .nav-dropdown > li > a,
#masthead .nav-vertical-fly-out > li > a,
#masthead .nav > li > a {
  color: #0D1F2D;
}

@media screen and (max-width: 849px) {
  .medium-logo-left .flex-right {
    max-width: max-content;
  }
}
.nav > li > a {
  font-size: 1rem;
}

.form-flat input[type=search] {
  height: 36px;
  background-color: white;
  padding: 0 12px;
}
.form-flat input[type=search]:focus {
  border-color: var(--fs-color-primary);
}

.dsn-section-hero {
  background: linear-gradient(160deg, #F0FAFF 0%, #FFFFFF 40%, #EAF7FF 100%);
}

.toc_widget {
  background-color: var(--dsn-blue-light);
  padding: 10px 20px;
  border-radius: var(--dsn-radius-sm);
}
.toc_widget a {
  color: var(--dsn-text-mid);
}
.toc_widget > ul > li + li,
.toc_widget ul.menu > li + li {
  border-top: none;
}

.product-small.box {
  background: #fff;
  border-radius: var(--dsn-radius-md);
  border: 1px solid var(--dsn-gray-200);
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
  cursor: pointer;
}
.product-small.box:hover {
  box-shadow: var(--dsn-shadow-lift);
  border-color: rgba(0, 174, 239, 0.25);
}
.product-small.box .box-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.product-small.box .box-text {
  padding: 20px;
}

.post-item .col-inner {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--dsn-gray-200, #e5e7eb);
  background: #fff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
.post-item .col-inner:hover {
  border-color: var(--dsn-blue, #003296);
  box-shadow: 0 4px 20px rgba(0, 50, 150, 0.08);
}
.post-item .box-image {
  overflow: hidden;
}
.post-item .box-image img {
  transition: transform 0.4s ease;
}
.post-item:hover .box-image img {
  transform: scale(1.03);
}
.post-item .box-text-inner {
  padding: 20px;
}
.post-item .post-title a {
  color: var(--dsn-text-dark, #1f2937);
  transition: color 0.2s ease;
}
.post-item .post-title a:hover {
  color: var(--dsn-blue, #003296);
}
.post-item .post-meta {
  color: var(--dsn-gray-500, #6b7280);
  font-size: 13px;
}
.post-item .from_the_blog_excerpt {
  color: var(--dsn-gray-600, #4b5563);
  font-size: 14px;
  line-height: 1.6;
}

.single-product h1,
.single-product h2,
.single-product h3,
.single-product h4,
.single-product h5,
.single-product h6 {
  font-family: Outfit, sans-serif !important;
  font-weight: 500 !important;
}
.single-product .product-short-description {
  background-color: var(--dsn-gray-100);
  padding: 20px;
  border-radius: var(--dsn-radius-sm);
}
.single-product .product-short-description p:last-child {
  margin-bottom: 0;
}
.single-product .product_meta {
  font-size: 1em;
  margin-top: 1em;
}
.single-product .product_meta > span {
  border-top: none;
}
.single-product .acm-product-specs table {
  width: 100%;
  border-collapse: separate;
  background-color: var(--dsn-off-white);
  border-radius: var(--dsn-radius-sm);
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid var(--dsn-blue);
}
.single-product .acm-product-specs table td,
.single-product .acm-product-specs table th {
  border-bottom: 1px solid #ccd8e2;
}
.single-product .acm-product-specs table td:first-child,
.single-product .acm-product-specs table th:first-child {
  padding: 12px;
  padding-left: 16px;
  font-weight: 500;
  color: var(--dsn-text-dark);
  width: 30%;
  border-right: 1px solid var(--dsn-gray-200);
  background-color: var(--dsn-gray-100);
}
.single-product .star_box {
  border: 1px solid var(--dsn-gray-200);
}
.single-product .dsn_cmt_input textarea,
.single-product .woocommerce #review_form #respond textarea {
  border: 1px solid var(--dsn-gray-200);
}
.single-product .dsn_cmt_form_bottom {
  border: 1px solid var(--dsn-gray-200);
}
.single-product {
  /* Featured Attributes Grid */
}
.single-product .dsn-featured-attrs {
  margin-top: 20px;
}
.single-product .dsn-featured-attrs__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.single-product .dsn-featured-attrs__item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fa;
  border-radius: 12px;
  padding: 14px;
}
.single-product .dsn-featured-attrs__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--dsn-blue);
}
.single-product .dsn-featured-attrs__icon svg {
  width: 20px;
  height: 20px;
}
.single-product .dsn-featured-attrs__label {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--dsn-gray-500);
  margin: 0 0 2px;
  text-transform: uppercase;
}
.single-product .dsn-featured-attrs__value {
  font-weight: 500;
  color: var(--dsn-text-dark);
  margin: 0;
}
@media (max-width: 480px) {
  .single-product .dsn-featured-attrs__grid {
    grid-template-columns: 1fr;
  }
}
.single-product {
  /* Taxonomy Badges (Certifications + Markets) */
}
.single-product .dsn-taxonomy-badges {
  margin-top: 20px;
}
.single-product .dsn-taxonomy-badges__title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 10px;
  padding-bottom: 8px;
  /* border-bottom: 1px solid #e5e7eb; */
}
.single-product .dsn-taxonomy-badges__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.single-product .dsn-taxonomy-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 13px;
  /* font-weight: 600; */
  white-space: nowrap;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.single-product .dsn-taxonomy-badge__icon {
  display: inline-flex;
  align-items: center;
}
.single-product .dsn-taxonomy-badge__icon svg {
  width: 16px;
  height: 16px;
}
.single-product {
  /* Other Flavors */
}
.single-product .dsn-other-flavors {
  margin-top: 24px;
}
.single-product .dsn-other-flavors__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 12px;
}
.single-product .dsn-other-flavors__title .flavor-name {
  color: var(--dsn-blue);
}
.single-product .dsn-other-flavors__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.single-product .dsn-other-flavors__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid var(--dsn-gray-200);
  overflow: hidden;
  transition: border-color 0.2s ease, transform 0.2s ease;
  padding: 3px;
}
.single-product .dsn-other-flavors__item:hover {
  transform: scale(1.08);
}
.single-product .dsn-other-flavors__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 99px;
}
.single-product .dsn-other-flavors__item.active {
  border-color: var(--dsn-blue);
  box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.25);
}
.single-product .dsn-market-badges .dsn-taxonomy-badge {
  background: var(--color-gray-50) !important;
  border: 1px solid var(--color-gray-200) !important;
  color: var(--dsn-text-mid) !important;
}
.single-product .dsn-market-badges .dsn-taxonomy-badge .dsn-taxonomy-badge__icon {
  color: var(--dsn-text-mid) !important;
}

/** Packing and Volume */
@media (min-width: 851px) {
  .viewtextaloe-packing {
    display: table;
    width: 100%;
    z-index: 10;
    position: relative;
  }
  .social-icons1 {
    float: right;
    z-index: 12;
  }
  .box-text.text-left {
    padding: 2px;
  }
  .newsaloe.row-box-shadow-1 .col-inner {
    box-shadow: 0px 0px 0px;
  }
}
@media (max-width: 850px) {
  .viewtextaloe-packing {
    display: table;
    width: 100%;
    z-index: 10;
    position: relative;
  }
  .box-overlay.dark .box-text {
    text-shadow: 0px 0px 0px;
  }
}
.viewfacts {
  min-width: 90px;
  margin-right: 3px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  padding-top: 10px;
  display: inline-table;
  display: none;
}

.post-title.is-small {
  color: #2b2b2b;
  font-weight: normal;
}

.from_the_blog_excerpt {
  color: #363636 !important;
  font-size: 12px;
}

.Bignewsaloe {
  font-size: 25px;
}

@media (min-width: 510px) {
  .viewfacts1 {
    min-width: 150px;
    margin-right: 3px;
    text-align: center;
    color: #fff;
    float: right;
    padding: 30px 20px 0px 20px;
    margin-top: -90px;
  }
  .NextviewAlo {
    margin-bottom: 100px;
    width: 120px;
  }
}
@media (max-width: 509px) {
  .viewfacts1 {
    min-width: 80%;
    margin-left: 30px;
    text-align: center;
    color: #fff;
    padding: 30px 20px 0px 20px;
    margin-top: 250px;
    margin-right: 30px;
  }
  .NextviewAlo {
    margin-bottom: 100px;
    width: 120px;
    margin-left: -50px;
  }
}
.viewpacking {
  width: 65px;
  display: inline-table;
  font-size: 10px;
  text-align: center;
}

.viewpacking-img {
  background-color: #c2c3c4;
  margin-top: 10px;
}

.oi1 {
  background-color: #e37e9c;
  margin-top: 10px;
}

.oi2 {
  background-color: #f1c6cf !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.thom1 {
  background-color: #f7e436;
  margin-top: 10px;
}

.thom2 {
  background-color: #eed039 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.cam1 {
  background-color: #e6742d;
  margin-top: 10px;
}

.cam2 {
  background-color: #eea644 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.me1 {
  background-color: #be5d4c;
  margin-top: 10px;
}

.me2 {
  background-color: #df9e8c !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.chanhday1 {
  background-color: #a2496c;
  margin-top: 10px;
}

.chanhday2 {
  background-color: #ba7f97 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.xoai1 {
  background-color: #f8c418;
  margin-top: 10px;
}

.xoai2 {
  background-color: #f2cd53 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.vietquat1 {
  background-color: #261d47;
  margin-top: 10px;
}

.vietquat2 {
  background-color: #395988 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.dua1 {
  background-color: #7fb93d;
  margin-top: 10px;
}

.dua2 {
  background-color: #bedf98 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.dau1 {
  background-color: #e0101a;
  margin-top: 10px;
}

.dau2 {
  background-color: #fb9095 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.dudu1 {
  background-color: #6f9d44;
  margin-top: 10px;
}

.dudu2 {
  background-color: #b4cd9c !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.bnlfood1 {
  background-color: #4aa2d4;
  margin-top: 10px;
}

.bnlfood2 {
  background-color: #c2e1f5 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.den1 {
  background-color: #818a91;
  margin-top: 10px;
}

.den2 {
  background-color: #757373 !important;
  font-size: 14px;
  margin-bottom: 0px;
  display: block !important;
}

.product-footer .woocommerce-tabs {
  padding: 0px 0px 30px 0px;
  border-top: 0px;
}

#send-btn {
  border-radius: 30px;
  background-color: #1A7307;
}

.ui-dialog .ui-dialog-titlebar {
  background-color: #1A7307;
}

.contact.wpi-button.single_add_to_cart_button.button.alt {
  margin-top: 30px !important;
}

.col-viewpacking {
  float: left;
}

.col-volum-img {
  width: 350px;
  height: 350px;
  float: left;
}

#a3dg-image-wrapper-aloe {
  width: 90% !important;
  float: left;
  display: none;
  margin-left: -60px;
}

.sst1 {
  margin-left: -15px !important;
  margin-bottom: 10px !important;
  font-family: "SVN-Cookies";
}

.explore {
  border: solid 1px #2b2b2b;
  border-radius: 20px;
  padding: 0px 25px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 100px;
}

.explore:hover {
  color: #159348;
  background-color: #FFFFFF;
  font-weight: 600;
}

#explore1 {
  display: none;
}

#sildeabout .elementor-swiper-button-prev {
  left: calc(100% - 90px);
  margin: 0px;
  top: 57px;
}

#sildeabout .elementor-swiper-button-next {
  right: 0px;
  background-color: #159348;
  margin: 0px;
  padding: 10px;
  top: 57px;
}

#sildeabout .eicon-chevron-left {
  background-color: #159348;
  padding: 10px;
}

.entry-author.author-box {
  background-color: var(--dsn-blue-light);
  border: 1px solid var(--dsn-gray-200, #e5e7eb);
  border-left: 4px solid var(--dsn-blue);
  border-radius: 12px;
  padding: 28px 30px;
}
.entry-author.author-box .flex-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.entry-author.author-box .blog-author-image {
  flex-shrink: 0;
}
.entry-author.author-box .blog-author-image img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 2px 12px rgba(0, 50, 150, 0.12);
}
.entry-author.author-box .author-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--dsn-text-dark, #1f2937);
  margin: 0 0 8px;
  letter-spacing: 0.5px;
  padding-top: 0;
}
.entry-author.author-box .author-desc {
  color: var(--dsn-gray-600, #4b5563);
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.dsn-related-posts__title {
  font-size: 24px;
  font-weight: 500;
  color: var(--dsn-text-dark, #1f2937);
  margin-top: 15px;
  letter-spacing: 0.5px;
  font-family: Outfit;
}

.post-item .post-meta {
  display: flex;
  align-items: center;
  gap: 5px;
}
.post-item .post-meta::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") no-repeat center/contain;
}

.absolute-footer {
  display: none;
}

.footer-body ul {
  list-style: none;
}

.footer-body ul li {
  margin-left: 0;
}

.footer-bottom ul {
  margin-bottom: 0;
}

.footer-bottom ul li {
  display: inline-block;
}/*# sourceMappingURL=style.css.map */