.elementor-4575 .elementor-element.elementor-element-b033d50:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-b033d50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080807;}.elementor-4575 .elementor-element.elementor-element-b033d50{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 0% 3% 0%;}.elementor-4575 .elementor-element.elementor-element-b033d50 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-0f91253 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4575 .elementor-element.elementor-element-c2bf2d4:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-c2bf2d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080807;}.elementor-4575 .elementor-element.elementor-element-c2bf2d4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 0% 3% 0%;}.elementor-4575 .elementor-element.elementor-element-c2bf2d4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4575 .elementor-element.elementor-element-4026360{text-align:center;}.elementor-4575 .elementor-element.elementor-element-4026360 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-4575 .elementor-element.elementor-element-8ebe5a2{text-align:center;}.elementor-4575 .elementor-element.elementor-element-8ebe5a2 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-4575 .elementor-element.elementor-element-b07fe26{text-align:center;}.elementor-4575 .elementor-element.elementor-element-b07fe26 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-4575 .elementor-element.elementor-element-4b4570f{text-align:center;}.elementor-4575 .elementor-element.elementor-element-4b4570f .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-4575 .elementor-element.elementor-element-565532f:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-565532f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080807;}.elementor-4575 .elementor-element.elementor-element-565532f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 8% 3% 8%;}.elementor-4575 .elementor-element.elementor-element-565532f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-9d5b245 > .elementor-element-populated{margin:0px 50px 0px 0px;--e-column-margin-right:50px;--e-column-margin-left:0px;}.elementor-bc-flex-widget .elementor-4575 .elementor-element.elementor-element-f727d4b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4575 .elementor-element.elementor-element-f727d4b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4575 .elementor-element.elementor-element-f727d4b > .elementor-element-populated{margin:0px 0px 0px 50px;--e-column-margin-right:0px;--e-column-margin-left:50px;}.elementor-4575 .elementor-element.elementor-element-6b0dc74 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-widget-rating .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-rating .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4575 .elementor-element.elementor-element-6b74459 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:#DDDDDD;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-widget-icon-list .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(15px/2);}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(15px/2);}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(15px/2);margin-left:calc(15px/2);}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-15px/2);margin-left:calc(-15px/2);}body.rtl .elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-15px/2);}body:not(.rtl) .elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-15px/2);}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4575 .elementor-element.elementor-element-7bd4b26{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-4575 .elementor-element.elementor-element-7bd4b26 .elementor-icon-list-text{color:#A1A19E;transition:color 0.3s;}.elementor-4575 .elementor-element.elementor-element-e0680bf:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-e0680bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161614;}.elementor-4575 .elementor-element.elementor-element-e0680bf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 8% 3% 8%;}.elementor-4575 .elementor-element.elementor-element-e0680bf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-24a0538 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4575 .elementor-element.elementor-element-a212932 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-4575 .elementor-element.elementor-element-b1d018a{padding:20px 0px 0px 0px;}.elementor-4575 .elementor-element.elementor-element-5d3279f:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-5d3279f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://supremonutrition.com/wp-content/uploads/2026/01/Section.webp");background-size:cover;}.elementor-4575 .elementor-element.elementor-element-5d3279f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 8% 03% 8%;}.elementor-4575 .elementor-element.elementor-element-5d3279f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-fc8fe2c:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-fc8fe2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161614;}.elementor-4575 .elementor-element.elementor-element-fc8fe2c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 7% 3% 8%;}.elementor-4575 .elementor-element.elementor-element-fc8fe2c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-f42760e:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-f42760e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080807;}.elementor-4575 .elementor-element.elementor-element-f42760e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 8% 3% 8%;}.elementor-4575 .elementor-element.elementor-element-f42760e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-3bb2e21:not(.elementor-motion-effects-element-type-background), .elementor-4575 .elementor-element.elementor-element-3bb2e21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080807;}.elementor-4575 .elementor-element.elementor-element-3bb2e21{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3% 8% 3% 8%;}.elementor-4575 .elementor-element.elementor-element-3bb2e21 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4575 .elementor-element.elementor-element-04a32b2{text-align:center;}.elementor-4575 .elementor-element.elementor-element-04a32b2 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#DDDDDD;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4575 .elementor-element.elementor-element-52a8fac img{width:100%;}.elementor-4575 .elementor-element.elementor-element-52a8fac{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-4575 .elementor-element.elementor-element-e734235{width:56%;}.elementor-4575 .elementor-element.elementor-element-2d18b6a{width:43.803%;}}/* Start custom CSS for html, class: .elementor-element-fcc46cd */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap');
/* ================= HERO ================= */
.dx-hero {
  background: #080807;
  padding: 0 90px;
  font-family: 'Chakra Petch', sans-serif;
  color: #fff;
  
  
}

/* MAIN ROW */
.dx-hero-row {
  display: flex;
  width: 100%;
}

/* ================= COMMON ANIMATION ================= */
.dx-animate {
  opacity: 0;
  transform: translateY(60px);
  animation: slideUp 1s ease forwards;
}

.delay-1 { animation-delay: .2s; }
.delay-2 { animation-delay: .4s; }
.delay-3 { animation-delay: .6s; }
.delay-4 { animation-delay: .8s; }

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= LEFT ================= */
.dx-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dx-eyebrow {
  font-size: 14px;
  letter-spacing: 0.18em;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: white;
}

.dx-eyebrow::after {
  content: "";
  width: 36px;
  height: 2px;
  background: #FFD400;
}

.dx-left h1 {
  margin-top: 28px;
  font-size: 65px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.02em;
  margin-bottom: 30px;
  color: white;
  font-family: 'Chakra Petch', sans-serif;
}

/* CTA */
.dx-cta {
  width: fit-content;
  background: #FFD400;
  color: #080807;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 60px;
  border-radius: 999px;
  text-decoration: none;

}

@keyframes pulse {
  0%,100% { box-shadow: 0 0 0 rgba(255,212,0,0); }
  50% { box-shadow: 0 0 30px rgba(255,212,0,0.6); }
}

/* ================= CENTER ================= */
.dx-center {
  flex: 1.5;
  display: flex;
 justify-content: flex-start;
    align-items: flex-end;
}

.dx-bottle {
  width: 600px;
  margin-bottom: -20px;
  animation: bottleFloat 9.5s ease-in-out infinite;
}

@keyframes bottleFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}

/* ================= RIGHT ================= */
.dx-right {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #E5E7EB;
}

.dx-right p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 42px;
  color: #A1A19E;
}

.dx-stat {
  margin-bottom: 36px;
}

.dx-stat strong {
  display: block;
  font-size: 45px;
  margin-bottom: 6px;
  font-weight: 700;
  color: #fff;
}

.dx-stars {
  color: #FFD400;
  font-size: 16px;
  letter-spacing: 2px;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1200px) {
  .dx-left h1 {
    font-size: 52px;
  }
  .dx-bottle {
    width: 460px;
  }
}

@media (max-width: 991px) {
  .dx-hero {
    padding: 60px 40px;
  }

  .dx-hero-row {
    flex-direction: column;
    text-align: center;
  }

  .dx-left, .dx-right {
    align-items: center;
  }

  .dx-center {
    margin: 60px 0;
  }

  .dx-right {
    margin-top: 40px;
  }
}

@media (max-width: 600px) {
  .dx-left h1 {
    font-size: 38px;
    line-height: 1.2;
  }

  .dx-bottle {
    width: 300px;
  }

  .dx-cta {
    padding: 14px 40px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-124ca13 */.dx-eyebrow-page {
      font-size: 14px;
    letter-spacing: 0.18em;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: center;
    justify-content: center;
    color: white;
      font-family: 'Chakra Petch', sans-serif;
}

.dx-eyebrow-page::after {
  content: "";
  width: 36px;
  height: 2px;
  background: #FFD400;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b75fff */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&display=swap');

.dx-price-cta {
  display: flex;
  align-items: center;
  gap: 28px;
  background: #000;
  padding: 20px 0px;
  border-radius: 12px;
  font-family: 'Chakra Petch', sans-serif;
}

/* PRICE */
.dx-price {
  font-size: 40px;
  font-weight: 600;
  color: #E5E7EB;
  letter-spacing: 0.02em;
}

/* BUTTON */
.dx-buy-btn {
  background: #FFE600;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 16px 42px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* HOVER */
.dx-buy-btn:hover {
  background: #FFD400;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255,214,0,0.35);
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .dx-price-cta {
    flex-direction: column;
    gap: 18px;
    text-align: center;
  }

  .dx-price {
    font-size: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1d018a */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&display=swap');

/* GRID */
.dx-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  font-family: 'Chakra Petch', sans-serif;
}

/* CARD */
.dx-product-card {
  position: relative;
  background: #080807;
  border-radius: 20px;
  padding: 30px 24px 28px;
  text-align: center;
  transition: all 0.4s ease;
  overflow: hidden;
}

/* HOVER EFFECT */
.dx-product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.7);
}

/* PRODUCT IMAGE */
.dx-product-card img {
  max-width: 160px;
  margin: 20px auto 30px;
  transition: transform 0.4s ease;
}

.dx-product-card:hover img {
  transform: scale(1.08);
}

/* TITLE */
.dx-product-card h4 {
  font-size: 20px;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: #DDDDDD;
  margin: 0;
}

/* CART BUTTON */
.dx-cart-btn {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #FFD400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFD400;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* CART HOVER */
.dx-cart-btn:hover {
  background: #FFD400;
  color: #000;
  transform: scale(1.1);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .dx-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .dx-products-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b26d5a7 */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap');

/* CARD */
.dx-why-card {
  background: #080807;
  border-radius: 20px;
  padding: 60px;
  font-family: 'Chakra Petch', sans-serif;
  color: #fff;
 
  margin: auto;
}

/* WHY US */
.dx-why-label {
  font-size: 12px;
  letter-spacing: 0.2em;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.dx-why-label span {
  width: 40px;
  height: 2px;
  background: #FFD400;
}

/* TITLE */
.dx-why-card h2 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 50px;
  color: white;
}

/* GRID */
.dx-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 70px;
}

/* FEATURE */
.dx-feature {
  text-align: left;
}

/* ICON */
.dx-icon {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.dx-icon img {
  width: 66px;
  height: 66px;
}

/* HEADING */
.dx-feature h4 {
  font-size: 17px;
  letter-spacing: 0.14em;
  font-weight: 700;
  margin-bottom: 10px;
  color: #DDDDDD
}

/* DESCRIPTION */
.dx-feature p {
  font-size: 16px;
  line-height: 27px;
  color: #A1A19E;
  margin: 0;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .dx-features {
    grid-template-columns: 1fr;
  }

  .dx-why-card {
    padding: 40px 28px;
  }

  .dx-why-card h2 {
    font-size: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0750869 */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap');

.dx-testimonials-wrap {
  font-family: 'Chakra Petch', sans-serif;
  padding: 60px 0;
  overflow: hidden;
}

/* CAROUSEL */
.dx-carousel {
  overflow: hidden;
}

.dx-track {
  display: flex;
  gap: 30px;
  transition: transform .6s ease;
}

/* CARD */
.dx-card {
  min-width: 410px;
  background: #0b0b0b;
  border-radius: 18px;
  padding: 40px 30px;
  text-align: center;
  color: #fff;
}

/* AVATAR */
.dx-avatar {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 25px;
}

.dx-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.dx-avatar span {
  position: absolute;
  right: -4px;
  bottom: -4px;
  background: #FFD400;
  color: #000;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dx-avatar span img{
    width: 15px;
    height: 15px;
}

/* TEXT */
.dx-card p {
  font-size: 16px;
  line-height: 27px;
  color: #A1A19E;
  margin-bottom: 25px;
}

/* STARS */
.dx-stars {
  color: #10B981;
  font-size: 14px;
  margin-bottom: 20px;
}

/* NAME */
.dx-card h4 {
  font-size: 16px;
  letter-spacing: .12em;
  margin-bottom: 6px;
  color: white;
}

.dx-card small {
  font-size: 14px;
  color: #DDDDDD;
  color: #999;
}

/* DOTS */
.dx-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.dx-dots span {
  width: 8px;
  height: 8px;
  background: #555;
  border-radius: 999px;
  transition: all .3s ease;
}

.dx-dots span.active {
  width: 28px;
  background: #FFD400;
}
 
 /* STARS – EXACT SCREENSHOT STYLE */
.dx-stars {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 22px;
}

.dx-stars span {
  width: 18px;
  height: 18px;
  background: #10B981;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* RESPONSIVE */
@media(max-width: 768px) {
  .dx-card {
    min-width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d0e734 */.dx-cert-bar {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background: #0b0b0b;
  overflow: hidden; /* prevents border overflow */
}

/* EACH ITEM */
.dx-cert-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 20px;
  position: relative;

  /* TOP & BOTTOM LINES (INSIDE ONLY) */
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #1f1f1f;
}

/* VERTICAL DIVIDERS (INSIDE ONLY) */
.dx-cert-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 18%;
  height: 64%;
  width: 1px;
  background: #1f1f1f;
}

/* IMAGE STYLE */
.dx-cert-item img {
  max-height: 100px;
  width: auto;
  opacity: 0.8;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .dx-cert-bar {
    grid-template-columns: repeat(3, 1fr);
  }

  .dx-cert-item::after {
    display: none;
  }
}

@media (max-width: 600px) {
  .dx-cert-bar {
    grid-template-columns: repeat(2, 1fr);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0ca8641 */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap');

.dx-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  font-family: 'Chakra Petch', sans-serif;
}

/* CARD */
.dx-blog-card {
  background: #0b0b0b;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* IMAGE */
.dx-blog-img img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 18px;
}

/* CONTENT */
.dx-blog-content {
  display: flex;
  padding: 26px 0px;
  gap: 20px;
}

/* DATE */
.dx-blog-date {
  text-align: center;
  min-width: 60px;
  color: #fff;
}

.dx-blog-date strong {
  font-size: 40px;
  color: #DDDDDD;
  font-weight: 700;
  display: block;
}

.dx-blog-date span {
  font-size: 20px;
  letter-spacing: 0.15em;
  color: #DDDDDD;
}

/* TEXT */
.dx-blog-text small {
  font-size: 14px;
  color: #A1A19E;
  display: block;
  margin-bottom: 10px;
}

.dx-blog-text h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.05em;
  color: #DDDDDD;
  margin-bottom: 18px;
}

/* READ MORE */
.dx-read-more {
  font-size: 16px;
  color: #A1A19E;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.dx-read-more span {
  font-size: 18px;
}

.dx-read-more:hover {
  color: #FFD400;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .dx-blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .dx-blog-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */