@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(/content/fa/thankyou/Oswald.woff) format('woff');
}

.thankYouWrapper{
  direction: ltr;
  cursor: pointer;
}
.thankYouWrapper svg {
  width: 300px;
  margin: 0 auto;
  position: relative;
  display: block;
  z-index: 0;
}
.thankYouWrapper svg text {
  fill: #111;
  font-family: "Oswald";
  font-weight: 700;
}
.thankYouWrapper svg text tspan {
  padding: 0;
  margin: 0;
  opacity: 0;
}
.thankYouWrapper svg line, 
.thankYouWrapper svg polyline, 
.thankYouWrapper svg ellipse,
.thankYouWrapper svg path {
  stroke: #111;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6;
  opacity: 0;
  stroke-miterlimit: 10;
}
.thankYouWrapper svg .dec {
  stroke-width: 3;
}
.thankYouWrapper svg .underline {
  stroke-width: 6;
  stroke-linecap: butt;
  opacity: 1;
}
.thankYouWrapper svg .dot {
  opacity: 1;
}
.thankYouWrapper svg .purple {
  stroke: #B191FF;
}
.thankYouWrapper svg .lime {
  stroke: #DCE2AA;
}
.thankYouWrapper svg .plum {
  stroke: #843B62;
}
.thankYouWrapper svg .blue {
  stroke: #241E4E;
}

.night-mode .thankYouWrapper svg text {
  fill: #fff;
}
.night-mode .thankYouWrapper svg line, 
.night-mode .thankYouWrapper svg polyline, 
.night-mode .thankYouWrapper svg ellipse,
.night-mode .thankYouWrapper svg path {
  stroke: #fff;
}
.night-mode .thankYouWrapper {
  background: transparent; 
}

.night-mode .thankYouWrapper svg .purple {
  stroke: #B191FF !important;
}
.night-mode .thankYouWrapper svg .lime {
  stroke: #DCE2AA !important;
}
.night-mode .thankYouWrapper svg .plum {
  stroke: #843B62 !important;
}
.night-mode .thankYouWrapper svg .blue {
  stroke: #241E4E !important;
}