/* Add custom CSS styles below */ 

.dark .da-bgg{
  background-color:#001d3d!important;
}

span.fix-align.text-gray-500.da-ts{
  color:#ffc300!important;
}

h3.product-entry__sub-title.text-sm.text-gray-400.da-ts.leading-normal{
  color:#ffc300!important;
}

p.text-gray-500.da-ts.text-sm{
  color:#ffc300!important;
}

p.max-w-3\/4.product-entry__sub-title.text-sm.text-gray-400.da-ts.leading-normal.line-clamp-1{
  color:#ffc300!important;
}

.underline{
  color:#ffffff;
}

a.fix-align.text-primary{
  color:#ffffff!important;
}

a.flex-center.pb-2.pt-4.gap-2.w-max.h-full{
  padding:15px;
  background-color:#012c5b;
  border-radius:30px;
}

.dark .s-product-card-content-subtitle{
  color:#ffc300;
}

.s-product-card-promotion-title{
  color:#001d3d;
}

label.block.cursor-pointer.p-6.pe-16.text-sm.font-primary.leading-6.transition{
  wedth-border:10px;
  border-color:#012c5b;
}

/*you may also like centering*/
.s-slider-block__title {
  display: flex;
  justify-content: center; 
  align-items: center;
}

.s-slider-block__title-right {
  flex: 1;
  text-align: center; 
}

.s-slider-block__title-right h2 {
  margin: 0 auto;
}

/*common questions*/
/* ===== Dark theme FAQ cards ===== */
:root{
  --faq-accent: #8b5cf6;        /* change this to your brand accent */
  --faq-bg: rgba(255,255,255,0.02);
  --faq-border: rgba(255,255,255,0.06);
  --faq-text: #E6EEF8;
  --faq-subtext: #9CA3AF;
}

/* Card */
.faqs-list__item {
  background: var(--faq-bg) !important;
  border: 1px solid var(--faq-border) !important;
  border-radius: 12px;
  transition: transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s, border-color .28s, background .28s;
  box-shadow: 0 6px 16px rgba(2,6,23,0.55);
  overflow: hidden;
  color: var(--faq-text) !important;
}

/* Label (question) */
.faqs-list__item label {
  display: block;
  cursor: pointer;
  color: var(--faq-text) !important;
  font-weight: 600;
  padding-right: 4.5rem; /* keep room for the icon on the end */
  transition: color .2s;
}

/* Icon (+) style */
.faqs-list__item .faq-item {
  background: transparent !important;
  border: 1px solid var(--faq-border) !important;
  color: var(--faq-text) !important;
  transition: transform .28s, background .28s, color .28s, border-color .28s;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Hover / focus visual */
.faqs-list__item:hover,
.faqs-list__item:focus-within {
  transform: translateY(-6px);
  border-color: var(--faq-accent) !important;
  box-shadow: 0 18px 34px rgba(11,12,30,0.6);
  background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0.01));
}
.faqs-list__item:hover label { color: var(--faq-accent) !important; }
.faqs-list__item:hover .faq-item {
  background: var(--faq-accent) !important;
  color: #fff !important;
  border-color: var(--faq-accent) !important;
  transform: scale(1.04);
}

/* Answer (collapsed/expanded) */
.faq-answer {
  transition: max-height .36s ease, opacity .3s ease, transform .36s ease, padding .3s ease;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  padding: 0 1.5rem;
  color: var(--faq-subtext) !important;
}

/* When the checkbox is checked, expand the answer (inputs are siblings in your markup) */
.faq-container input[type="checkbox"]:checked + .faqs-list__item .answer-container .faq-answer {
  max-height: 600px; /* increase if answers are very long */
  opacity: 1;
  transform: translateY(0);
  padding: 0 1.5rem 1rem;
}

/* Paragraphs inside answer */
.faq-answer p { margin: 0 0 .75rem 0; color: var(--faq-subtext) !important; }

/* Toggle icon rotate when open (works for icon fonts / inline elements) */
.faq-container input[type="checkbox"]:checked + .faqs-list__item label .faq-item {
  transform: rotate(45deg);
  background: var(--faq-accent) !important;
  color: #fff !important;
  border-color: var(--faq-accent) !important;
}

/* Mobile: remove translate hover lift to avoid jumpiness on touch */
@media (max-width: 768px){
  .faqs-list__item, .faqs-list__item:hover { transform: none; box-shadow: 0 8px 18px rgba(2,6,23,0.5); }
}

/*trustpilot*/

a[href*="wa.me"],
a[href*="api.whatsapp.com"],
a[href*="whatsapp"] {
  display: none !important;
}