
.toggle-section { max-width: 60%; margin: 40px auto; text-align: center; font-family: 'Poppins', Arial, sans-serif;}
.switch-label {
  display: inline-flex;
  align-items: center;
  border: 2px solid;
  border-radius: 25px;
  font-size: 1.19em;
  font-weight: 500;
  padding: 3px 24px 3px 8px;
  letter-spacing: 0.01em;
  margin-bottom: 18px;
  transition: background 0.3s, border 0.3s, color 0.3s;
}
.switch-label .label-icon {
  display: inline-block;
  margin-right: 12px;
  line-height: 0;
}
.switch-label.problem {
  color: #E75454;
  border-color: #E75454;
  background: #fff4f4;
}
.switch-label.solution {
  color: #39B54A;
  border-color: #39B54A;
  background: #eaffea;
}
.toggle-heading { font-size: 38px; font-weight: 500; color: #22223B; margin-bottom: 15px; transition: color 0.4s;}
.custom-toggle-switch { position: relative; display: inline-block; width: 56px; height: 28px; margin: 14px 0 20px 0;}
.custom-toggle-switch input { opacity: 0; width: 0; height: 0;}
.custom-slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #f1f1f1; border-radius: 34px; transition: background 0.4s;}
.custom-slider:before {
  content: "";
  position: absolute;
  left: 4px; top: 4px;
  width: 20px; height: 20px;
  background: #E75454;
  border-radius: 50%;
  transition: transform 0.4s, background 0.3s;
  box-shadow: 0 1px 5px rgba(120,0,0,0.08);
}
.custom-toggle-switch input:checked + .custom-slider:before {
  transform: translateX(28px);
  background: #39B54A;
}
.toggle-card {
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 32px rgba(29,34,79,.08);
  border-radius: 18px;
  margin: 10px auto 0;
  text-align: center;
  padding: 20px 24px;
  opacity: 1;
  max-height: 400px;
  overflow: hidden;
  transform: translateY(0);
  transition: all 0.6s cubic-bezier(.71,.18,.22,.86);
}
.toggle-image {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(100,100,130,0.08);
  margin: 0 auto;
  display: block;
}


@media only screen and (max-width: 767px) {

  .toggle-heading{font-size:18px;}
br{display:none}
.toggle-card{padding:0px;}
.toggle-section{max-width:90%;}
#tns1-ow br{display:block;}


}