.col-md-12.block--1569319511471 a:hover {
  filter: none; }

.col-md-12.block--1569319616715 a:hover {
  filter: none; }

button.btn.btn-cst {
  width: 100%;
  padding: 14px 23px;
  border-radius: 25px;
  background: #1684f8;
  color: #fff;
  margin-top: 20px; }

.target_wt {
  position: absolute;
  left: 41%;
  top: 135px;
  font-size: 65px;
  font-weight: 700;
  color: #1684f8; }

.target_my {
  position: absolute;
  left: 0;
  top: 330px;
  font-size: 28px;
  font-weight: 700;
  color: #000;
  width: 100%; }

.target_decrement {
  color: #a2cefd;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 27%;
  top: 176px; }

.target_increment {
  color: #a2cefd;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 67%;
  top: 172px; }

.target_decrement span {
  font: 26px Monaco, MonoSpace;
  height: 200px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: bottom center; }

.target_decrement .char1 {
  transform: rotate(-30deg);
  opacity: .5; }

.target_decrement .char2 {
  transform: rotate(-25deg);
  opacity: .5; }

.target_decrement .char3 {
  transform: rotate(-20deg);
  opacity: .5; }

.target_decrement .char4 {
  transform: rotate(-24deg); }

.target_decrement .char5 {
  transform: rotate(-11deg); }

.target_decrement .char6 {
  transform: rotate(-6deg); }

.target_decrement .char7 {
  transform: rotate(-1deg); }

.target_increment .char1 {
  transform: rotate(2deg); }

.target_increment .char2 {
  transform: rotate(6deg); }

.target_increment .char3 {
  transform: rotate(10deg); }

.target_increment .char4 {
  transform: rotate(22deg);
  opacity: .5; }

.target_increment .char5 {
  transform: rotate(18deg);
  opacity: .5; }

.target_increment .char6 {
  transform: rotate(23deg);
  opacity: .5; }

.target_increment .char7 {
  transform: rotate(28deg);
  opacity: .5; }

.target_increment span {
  font: 26px Monaco, MonoSpace;
  height: 200px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: bottom center; }

img.quiz_img {
  margin: 0; }

@media (max-width: 767px) {
  .target_wt {
    left: 41%;
    top: 35px;
    font-size: 40px; }

  .target_decrement {
    font-size: 22px;
    left: 29%;
    top: 55px; }

  .target_increment {
    font-size: 22px;
    left: 67%;
    top: 55px; }

  .target_my {
    left: 28%;
    top: 152px;
    font-size: 18px; }

  .target_decrement span {
    font-size: 20px; }

  .target_increment span {
    font-size: 20px; }

  .target_decrement .char1 {
    transform: rotate(-25deg);
    opacity: .5; }

  .target_decrement .char2 {
    transform: rotate(-21deg);
    opacity: .5; }

  .target_decrement .char3 {
    transform: rotate(-17deg);
    opacity: .5; }

  .target_decrement .char4 {
    transform: rotate(-14deg); }

  .target_decrement .char5 {
    transform: rotate(-11deg); }

  .target_decrement .char6 {
    transform: rotate(-6deg); }

  .target_decrement .char7 {
    transform: rotate(-1deg); }

  .target_increment .char1 {
    transform: rotate(0deg); }

  .target_increment .char2 {
    transform: rotate(4deg); }

  .target_increment .char3 {
    transform: rotate(8deg); }

  .target_increment .char4 {
    transform: rotate(11deg);
    opacity: .5; }

  .target_increment .char5 {
    transform: rotate(15deg);
    opacity: .5; }

  .target_increment .char6 {
    transform: rotate(19deg);
    opacity: .5; }

  .target_increment .char7 {
    transform: rotate(23deg);
    opacity: .5; } }
@media screen and (min-width: 769px) {
  .target_wt {
    position: absolute;
    left: 40%;
    top: 179px;
    font-size: 89px;
    font-weight: 700;
    color: #1684f8; }

  .top_part {
    position: absolute;
    width: 100%;
    margin-top: -14px; }

  .target_decrement {
    color: #a2cefd;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    left: 27%;
    top: 248px; }

  .target_decrement .char1 {
    transform: rotate(-46deg);
    opacity: .5; }

  .target_decrement .char2 {
    transform: rotate(-38deg);
    opacity: .5; }

  .target_decrement .char3 {
    transform: rotate(-30deg);
    opacity: .5; }

  .target_decrement span {
    font: 44px Monaco, MonoSpace;
    height: 200px;
    position: absolute;
    width: 20px;
    left: 0;
    top: 0;
    transform-origin: bottom center; }

  .target_decrement .char5 {
    transform: rotate(-16deg); }

  .target_decrement .char6 {
    transform: rotate(-8deg); }

  .target_increment span {
    font: 44px Monaco, MonoSpace;
    height: 200px;
    position: absolute;
    width: 20px;
    left: 0;
    top: 0;
    transform-origin: bottom center; }

  .target_increment {
    color: #a2cefd;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    left: 67%;
    top: 235px; }

  .target_increment span {
    font: 44px Monaco, MonoSpace;
    height: 200px;
    position: absolute;
    width: 20px;
    left: 0;
    top: 0;
    transform-origin: bottom center; }

  .target_increment .char1 {
    transform: rotate(2deg); }

  .target_increment .char2 {
    transform: rotate(11deg); }

  .target_increment .char3 {
    transform: rotate(19deg); }

  .target_increment .char5 {
    transform: rotate(30deg);
    opacity: .5; }

  .target_increment .char6 {
    transform: rotate(38deg);
    opacity: .5; }

  .target_increment .char7 {
    transform: rotate(46deg);
    opacity: .5; }

  .target_my {
    position: absolute;
    top: 445px;
    font-weight: 700;
    width: 100%;
    left: auto;
    color: #000;
    font-size: 36px;
    letter-spacing: 3px; } }
@media screen and (min-width: 401px) and (max-width: 765px) {
  .section--1568978440396 {
    padding: 0; }
    .section--1568978440396 .container {
      padding: 0;
      max-width: 411px; }
    .section--1568978440396 .target_my {
      width: 100%;
      color: #000;
      margin-top: 68px;
      left: 0; }

  .target_wt {
    left: 41%;
    top: 86px;
    font-size: 40px; }

  .target_decrement {
    font-size: 22px;
    left: 29%;
    top: 106px; }

  .target_increment {
    font-size: 22px;
    left: 67%;
    top: 105px; } }
@media screen and (min-width: 320px) and (max-width: 400px) {
  .section--1568978440396 {
    padding: 0; }

  .container {
    padding: 0; }

  .target_wt {
    left: 41%;
    top: 72px;
    font-size: 40px; }

  .target_decrement {
    font-size: 14px;
    left: 29%;
    top: 94px; }

  .target_increment {
    font-size: 22px;
    left: 73%;
    top: 95px;
    transform: rotate(13deg); }

  .target_decrement .char5 {
    transform: rotate(-10deg); }

  .target_decrement .char6 {
    transform: rotate(-7deg); }

  .target_decrement .char7 {
    transform: rotate(-4deg); }

  .target_increment .char1 {
    transform: rotate(-6deg); }

  .target_increment .char2 {
    transform: rotate(-2deg); }

  .target_increment .char3 {
    transform: rotate(2deg); }

  .target_increment .char5 {
    transform: rotate(8deg);
    opacity: .5; }

  .target_increment .char6 {
    transform: rotate(12deg);
    opacity: .5; }

  .target_increment .char7 {
    transform: rotate(16deg);
    opacity: .5; }

  .target_my {
    left: 0%;
    top: 191px;
    font-size: 17px;
    color: #000;
    width: 100%; } }
.img-fluid {
  margin: 0; }