/*@function clamp-size($min-value: null, $max-value: null, $min-window: null, $max-window: null) {
    $min-w: if($min-window != null, $min-window, 320);
    $max-w: if($max-window != null, $max-window, 2000);

    $min: calc($min-value * 1px);
    $max: calc($max-value * 1px);

    @return clamp(
            $min,
            calc($min + ($max-value - $min-value) * calc((100vw - calc($min-w * 1px)) / ($max-w - $min-w))),
            $max
    )
}*/
.paddingTop0 {
  padding-top: 0px !important;
}

.paddingTop5 {
  padding-top: 5px !important;
}

.paddingTop10 {
  padding-top: 10px !important;
}

.paddingTop15 {
  padding-top: 15px !important;
}
@media (max-width: 1400px) {
  .paddingTop15 {
    padding-top: clamp(7.5px, 7.5px + (15 - 7.5) * (100vw - 320px) / 1080, 15px) !important;
  }
}

.paddingTop20 {
  padding-top: 20px !important;
}
@media (max-width: 1400px) {
  .paddingTop20 {
    padding-top: clamp(10px, 10px + (20 - 10) * (100vw - 320px) / 1080, 20px) !important;
  }
}

.paddingTop25 {
  padding-top: 25px !important;
}
@media (max-width: 1400px) {
  .paddingTop25 {
    padding-top: clamp(12.5px, 12.5px + (25 - 12.5) * (100vw - 320px) / 1080, 25px) !important;
  }
}

.paddingTop30 {
  padding-top: 30px !important;
}
@media (max-width: 1400px) {
  .paddingTop30 {
    padding-top: clamp(15px, 15px + (30 - 15) * (100vw - 320px) / 1080, 30px) !important;
  }
}

.paddingTop35 {
  padding-top: 35px !important;
}
@media (max-width: 1400px) {
  .paddingTop35 {
    padding-top: clamp(17.5px, 17.5px + (35 - 17.5) * (100vw - 320px) / 1080, 35px) !important;
  }
}

.paddingTop40 {
  padding-top: 40px !important;
}
@media (max-width: 1400px) {
  .paddingTop40 {
    padding-top: clamp(20px, 20px + (40 - 20) * (100vw - 320px) / 1080, 40px) !important;
  }
}

.paddingTop45 {
  padding-top: 45px !important;
}
@media (max-width: 1400px) {
  .paddingTop45 {
    padding-top: clamp(22.5px, 22.5px + (45 - 22.5) * (100vw - 320px) / 1080, 45px) !important;
  }
}

.paddingTop50 {
  padding-top: 50px !important;
}
@media (max-width: 1400px) {
  .paddingTop50 {
    padding-top: clamp(25px, 25px + (50 - 25) * (100vw - 320px) / 1080, 50px) !important;
  }
}

.paddingTop55 {
  padding-top: 55px !important;
}
@media (max-width: 1400px) {
  .paddingTop55 {
    padding-top: clamp(27.5px, 27.5px + (55 - 27.5) * (100vw - 320px) / 1080, 55px) !important;
  }
}

.paddingTop60 {
  padding-top: 60px !important;
}
@media (max-width: 1400px) {
  .paddingTop60 {
    padding-top: clamp(30px, 30px + (60 - 30) * (100vw - 320px) / 1080, 60px) !important;
  }
}

.paddingTop65 {
  padding-top: 65px !important;
}
@media (max-width: 1400px) {
  .paddingTop65 {
    padding-top: clamp(32.5px, 32.5px + (65 - 32.5) * (100vw - 320px) / 1080, 65px) !important;
  }
}

.paddingTop70 {
  padding-top: 70px !important;
}
@media (max-width: 1400px) {
  .paddingTop70 {
    padding-top: clamp(35px, 35px + (70 - 35) * (100vw - 320px) / 1080, 70px) !important;
  }
}

.paddingTop75 {
  padding-top: 75px !important;
}
@media (max-width: 1400px) {
  .paddingTop75 {
    padding-top: clamp(37.5px, 37.5px + (75 - 37.5) * (100vw - 320px) / 1080, 75px) !important;
  }
}

.paddingTop80 {
  padding-top: 80px !important;
}
@media (max-width: 1400px) {
  .paddingTop80 {
    padding-top: clamp(40px, 40px + (80 - 40) * (100vw - 320px) / 1080, 80px) !important;
  }
}

.paddingTop85 {
  padding-top: 85px !important;
}
@media (max-width: 1400px) {
  .paddingTop85 {
    padding-top: clamp(42.5px, 42.5px + (85 - 42.5) * (100vw - 320px) / 1080, 85px) !important;
  }
}

.paddingTop90 {
  padding-top: 90px !important;
}
@media (max-width: 1400px) {
  .paddingTop90 {
    padding-top: clamp(45px, 45px + (90 - 45) * (100vw - 320px) / 1080, 90px) !important;
  }
}

.paddingTop95 {
  padding-top: 95px !important;
}
@media (max-width: 1400px) {
  .paddingTop95 {
    padding-top: clamp(47.5px, 47.5px + (95 - 47.5) * (100vw - 320px) / 1080, 95px) !important;
  }
}

.paddingTop100 {
  padding-top: 100px !important;
}
@media (max-width: 1400px) {
  .paddingTop100 {
    padding-top: clamp(50px, 50px + (100 - 50) * (100vw - 320px) / 1080, 100px) !important;
  }
}

.paddingTop105 {
  padding-top: 105px !important;
}
@media (max-width: 1400px) {
  .paddingTop105 {
    padding-top: clamp(52.5px, 52.5px + (105 - 52.5) * (100vw - 320px) / 1080, 105px) !important;
  }
}

.paddingTop110 {
  padding-top: 110px !important;
}
@media (max-width: 1400px) {
  .paddingTop110 {
    padding-top: clamp(55px, 55px + (110 - 55) * (100vw - 320px) / 1080, 110px) !important;
  }
}

.paddingTop115 {
  padding-top: 115px !important;
}
@media (max-width: 1400px) {
  .paddingTop115 {
    padding-top: clamp(57.5px, 57.5px + (115 - 57.5) * (100vw - 320px) / 1080, 115px) !important;
  }
}

.paddingTop120 {
  padding-top: 120px !important;
}
@media (max-width: 1400px) {
  .paddingTop120 {
    padding-top: clamp(60px, 60px + (120 - 60) * (100vw - 320px) / 1080, 120px) !important;
  }
}

.paddingTop125 {
  padding-top: 125px !important;
}
@media (max-width: 1400px) {
  .paddingTop125 {
    padding-top: clamp(62.5px, 62.5px + (125 - 62.5) * (100vw - 320px) / 1080, 125px) !important;
  }
}

.paddingTop130 {
  padding-top: 130px !important;
}
@media (max-width: 1400px) {
  .paddingTop130 {
    padding-top: clamp(65px, 65px + (130 - 65) * (100vw - 320px) / 1080, 130px) !important;
  }
}

.paddingTop135 {
  padding-top: 135px !important;
}
@media (max-width: 1400px) {
  .paddingTop135 {
    padding-top: clamp(67.5px, 67.5px + (135 - 67.5) * (100vw - 320px) / 1080, 135px) !important;
  }
}

.paddingTop140 {
  padding-top: 140px !important;
}
@media (max-width: 1400px) {
  .paddingTop140 {
    padding-top: clamp(70px, 70px + (140 - 70) * (100vw - 320px) / 1080, 140px) !important;
  }
}

.paddingTop145 {
  padding-top: 145px !important;
}
@media (max-width: 1400px) {
  .paddingTop145 {
    padding-top: clamp(72.5px, 72.5px + (145 - 72.5) * (100vw - 320px) / 1080, 145px) !important;
  }
}

.paddingTop150 {
  padding-top: 150px !important;
}
@media (max-width: 1400px) {
  .paddingTop150 {
    padding-top: clamp(75px, 75px + (150 - 75) * (100vw - 320px) / 1080, 150px) !important;
  }
}

.paddingTop155 {
  padding-top: 155px !important;
}
@media (max-width: 1400px) {
  .paddingTop155 {
    padding-top: clamp(77.5px, 77.5px + (155 - 77.5) * (100vw - 320px) / 1080, 155px) !important;
  }
}

.paddingTop160 {
  padding-top: 160px !important;
}
@media (max-width: 1400px) {
  .paddingTop160 {
    padding-top: clamp(80px, 80px + (160 - 80) * (100vw - 320px) / 1080, 160px) !important;
  }
}

.paddingTop165 {
  padding-top: 165px !important;
}
@media (max-width: 1400px) {
  .paddingTop165 {
    padding-top: clamp(82.5px, 82.5px + (165 - 82.5) * (100vw - 320px) / 1080, 165px) !important;
  }
}

.paddingTop170 {
  padding-top: 170px !important;
}
@media (max-width: 1400px) {
  .paddingTop170 {
    padding-top: clamp(85px, 85px + (170 - 85) * (100vw - 320px) / 1080, 170px) !important;
  }
}

.paddingTop175 {
  padding-top: 175px !important;
}
@media (max-width: 1400px) {
  .paddingTop175 {
    padding-top: clamp(87.5px, 87.5px + (175 - 87.5) * (100vw - 320px) / 1080, 175px) !important;
  }
}

.paddingTop180 {
  padding-top: 180px !important;
}
@media (max-width: 1400px) {
  .paddingTop180 {
    padding-top: clamp(90px, 90px + (180 - 90) * (100vw - 320px) / 1080, 180px) !important;
  }
}

.paddingTop185 {
  padding-top: 185px !important;
}
@media (max-width: 1400px) {
  .paddingTop185 {
    padding-top: clamp(92.5px, 92.5px + (185 - 92.5) * (100vw - 320px) / 1080, 185px) !important;
  }
}

.paddingTop190 {
  padding-top: 190px !important;
}
@media (max-width: 1400px) {
  .paddingTop190 {
    padding-top: clamp(95px, 95px + (190 - 95) * (100vw - 320px) / 1080, 190px) !important;
  }
}

.paddingTop195 {
  padding-top: 195px !important;
}
@media (max-width: 1400px) {
  .paddingTop195 {
    padding-top: clamp(97.5px, 97.5px + (195 - 97.5) * (100vw - 320px) / 1080, 195px) !important;
  }
}

.paddingTop200 {
  padding-top: 200px !important;
}
@media (max-width: 1400px) {
  .paddingTop200 {
    padding-top: clamp(100px, 100px + (200 - 100) * (100vw - 320px) / 1080, 200px) !important;
  }
}

.paddingBottom0 {
  padding-bottom: 0px !important;
}

.paddingBottom5 {
  padding-bottom: 5px !important;
}

.paddingBottom10 {
  padding-bottom: 10px !important;
}

.paddingBottom15 {
  padding-bottom: 15px !important;
}
@media (max-width: 1400px) {
  .paddingBottom15 {
    padding-bottom: clamp(7.5px, 7.5px + (15 - 7.5) * (100vw - 320px) / 1080, 15px) !important;
  }
}

.paddingBottom20 {
  padding-bottom: 20px !important;
}
@media (max-width: 1400px) {
  .paddingBottom20 {
    padding-bottom: clamp(10px, 10px + (20 - 10) * (100vw - 320px) / 1080, 20px) !important;
  }
}

.paddingBottom25 {
  padding-bottom: 25px !important;
}
@media (max-width: 1400px) {
  .paddingBottom25 {
    padding-bottom: clamp(12.5px, 12.5px + (25 - 12.5) * (100vw - 320px) / 1080, 25px) !important;
  }
}

.paddingBottom30 {
  padding-bottom: 30px !important;
}
@media (max-width: 1400px) {
  .paddingBottom30 {
    padding-bottom: clamp(15px, 15px + (30 - 15) * (100vw - 320px) / 1080, 30px) !important;
  }
}

.paddingBottom35 {
  padding-bottom: 35px !important;
}
@media (max-width: 1400px) {
  .paddingBottom35 {
    padding-bottom: clamp(17.5px, 17.5px + (35 - 17.5) * (100vw - 320px) / 1080, 35px) !important;
  }
}

.paddingBottom40 {
  padding-bottom: 40px !important;
}
@media (max-width: 1400px) {
  .paddingBottom40 {
    padding-bottom: clamp(20px, 20px + (40 - 20) * (100vw - 320px) / 1080, 40px) !important;
  }
}

.paddingBottom45 {
  padding-bottom: 45px !important;
}
@media (max-width: 1400px) {
  .paddingBottom45 {
    padding-bottom: clamp(22.5px, 22.5px + (45 - 22.5) * (100vw - 320px) / 1080, 45px) !important;
  }
}

.paddingBottom50 {
  padding-bottom: 50px !important;
}
@media (max-width: 1400px) {
  .paddingBottom50 {
    padding-bottom: clamp(25px, 25px + (50 - 25) * (100vw - 320px) / 1080, 50px) !important;
  }
}

.paddingBottom55 {
  padding-bottom: 55px !important;
}
@media (max-width: 1400px) {
  .paddingBottom55 {
    padding-bottom: clamp(27.5px, 27.5px + (55 - 27.5) * (100vw - 320px) / 1080, 55px) !important;
  }
}

.paddingBottom60 {
  padding-bottom: 60px !important;
}
@media (max-width: 1400px) {
  .paddingBottom60 {
    padding-bottom: clamp(30px, 30px + (60 - 30) * (100vw - 320px) / 1080, 60px) !important;
  }
}

.paddingBottom65 {
  padding-bottom: 65px !important;
}
@media (max-width: 1400px) {
  .paddingBottom65 {
    padding-bottom: clamp(32.5px, 32.5px + (65 - 32.5) * (100vw - 320px) / 1080, 65px) !important;
  }
}

.paddingBottom70 {
  padding-bottom: 70px !important;
}
@media (max-width: 1400px) {
  .paddingBottom70 {
    padding-bottom: clamp(35px, 35px + (70 - 35) * (100vw - 320px) / 1080, 70px) !important;
  }
}

.paddingBottom75 {
  padding-bottom: 75px !important;
}
@media (max-width: 1400px) {
  .paddingBottom75 {
    padding-bottom: clamp(37.5px, 37.5px + (75 - 37.5) * (100vw - 320px) / 1080, 75px) !important;
  }
}

.paddingBottom80 {
  padding-bottom: 80px !important;
}
@media (max-width: 1400px) {
  .paddingBottom80 {
    padding-bottom: clamp(40px, 40px + (80 - 40) * (100vw - 320px) / 1080, 80px) !important;
  }
}

.paddingBottom85 {
  padding-bottom: 85px !important;
}
@media (max-width: 1400px) {
  .paddingBottom85 {
    padding-bottom: clamp(42.5px, 42.5px + (85 - 42.5) * (100vw - 320px) / 1080, 85px) !important;
  }
}

.paddingBottom90 {
  padding-bottom: 90px !important;
}
@media (max-width: 1400px) {
  .paddingBottom90 {
    padding-bottom: clamp(45px, 45px + (90 - 45) * (100vw - 320px) / 1080, 90px) !important;
  }
}

.paddingBottom95 {
  padding-bottom: 95px !important;
}
@media (max-width: 1400px) {
  .paddingBottom95 {
    padding-bottom: clamp(47.5px, 47.5px + (95 - 47.5) * (100vw - 320px) / 1080, 95px) !important;
  }
}

.paddingBottom100 {
  padding-bottom: 100px !important;
}
@media (max-width: 1400px) {
  .paddingBottom100 {
    padding-bottom: clamp(50px, 50px + (100 - 50) * (100vw - 320px) / 1080, 100px) !important;
  }
}

.paddingBottom105 {
  padding-bottom: 105px !important;
}
@media (max-width: 1400px) {
  .paddingBottom105 {
    padding-bottom: clamp(52.5px, 52.5px + (105 - 52.5) * (100vw - 320px) / 1080, 105px) !important;
  }
}

.paddingBottom110 {
  padding-bottom: 110px !important;
}
@media (max-width: 1400px) {
  .paddingBottom110 {
    padding-bottom: clamp(55px, 55px + (110 - 55) * (100vw - 320px) / 1080, 110px) !important;
  }
}

.paddingBottom115 {
  padding-bottom: 115px !important;
}
@media (max-width: 1400px) {
  .paddingBottom115 {
    padding-bottom: clamp(57.5px, 57.5px + (115 - 57.5) * (100vw - 320px) / 1080, 115px) !important;
  }
}

.paddingBottom120 {
  padding-bottom: 120px !important;
}
@media (max-width: 1400px) {
  .paddingBottom120 {
    padding-bottom: clamp(60px, 60px + (120 - 60) * (100vw - 320px) / 1080, 120px) !important;
  }
}

.paddingBottom125 {
  padding-bottom: 125px !important;
}
@media (max-width: 1400px) {
  .paddingBottom125 {
    padding-bottom: clamp(62.5px, 62.5px + (125 - 62.5) * (100vw - 320px) / 1080, 125px) !important;
  }
}

.paddingBottom130 {
  padding-bottom: 130px !important;
}
@media (max-width: 1400px) {
  .paddingBottom130 {
    padding-bottom: clamp(65px, 65px + (130 - 65) * (100vw - 320px) / 1080, 130px) !important;
  }
}

.paddingBottom135 {
  padding-bottom: 135px !important;
}
@media (max-width: 1400px) {
  .paddingBottom135 {
    padding-bottom: clamp(67.5px, 67.5px + (135 - 67.5) * (100vw - 320px) / 1080, 135px) !important;
  }
}

.paddingBottom140 {
  padding-bottom: 140px !important;
}
@media (max-width: 1400px) {
  .paddingBottom140 {
    padding-bottom: clamp(70px, 70px + (140 - 70) * (100vw - 320px) / 1080, 140px) !important;
  }
}

.paddingBottom145 {
  padding-bottom: 145px !important;
}
@media (max-width: 1400px) {
  .paddingBottom145 {
    padding-bottom: clamp(72.5px, 72.5px + (145 - 72.5) * (100vw - 320px) / 1080, 145px) !important;
  }
}

.paddingBottom150 {
  padding-bottom: 150px !important;
}
@media (max-width: 1400px) {
  .paddingBottom150 {
    padding-bottom: clamp(75px, 75px + (150 - 75) * (100vw - 320px) / 1080, 150px) !important;
  }
}

.paddingBottom155 {
  padding-bottom: 155px !important;
}
@media (max-width: 1400px) {
  .paddingBottom155 {
    padding-bottom: clamp(77.5px, 77.5px + (155 - 77.5) * (100vw - 320px) / 1080, 155px) !important;
  }
}

.paddingBottom160 {
  padding-bottom: 160px !important;
}
@media (max-width: 1400px) {
  .paddingBottom160 {
    padding-bottom: clamp(80px, 80px + (160 - 80) * (100vw - 320px) / 1080, 160px) !important;
  }
}

.paddingBottom165 {
  padding-bottom: 165px !important;
}
@media (max-width: 1400px) {
  .paddingBottom165 {
    padding-bottom: clamp(82.5px, 82.5px + (165 - 82.5) * (100vw - 320px) / 1080, 165px) !important;
  }
}

.paddingBottom170 {
  padding-bottom: 170px !important;
}
@media (max-width: 1400px) {
  .paddingBottom170 {
    padding-bottom: clamp(85px, 85px + (170 - 85) * (100vw - 320px) / 1080, 170px) !important;
  }
}

.paddingBottom175 {
  padding-bottom: 175px !important;
}
@media (max-width: 1400px) {
  .paddingBottom175 {
    padding-bottom: clamp(87.5px, 87.5px + (175 - 87.5) * (100vw - 320px) / 1080, 175px) !important;
  }
}

.paddingBottom180 {
  padding-bottom: 180px !important;
}
@media (max-width: 1400px) {
  .paddingBottom180 {
    padding-bottom: clamp(90px, 90px + (180 - 90) * (100vw - 320px) / 1080, 180px) !important;
  }
}

.paddingBottom185 {
  padding-bottom: 185px !important;
}
@media (max-width: 1400px) {
  .paddingBottom185 {
    padding-bottom: clamp(92.5px, 92.5px + (185 - 92.5) * (100vw - 320px) / 1080, 185px) !important;
  }
}

.paddingBottom190 {
  padding-bottom: 190px !important;
}
@media (max-width: 1400px) {
  .paddingBottom190 {
    padding-bottom: clamp(95px, 95px + (190 - 95) * (100vw - 320px) / 1080, 190px) !important;
  }
}

.paddingBottom195 {
  padding-bottom: 195px !important;
}
@media (max-width: 1400px) {
  .paddingBottom195 {
    padding-bottom: clamp(97.5px, 97.5px + (195 - 97.5) * (100vw - 320px) / 1080, 195px) !important;
  }
}

.paddingBottom200 {
  padding-bottom: 200px !important;
}
@media (max-width: 1400px) {
  .paddingBottom200 {
    padding-bottom: clamp(100px, 100px + (200 - 100) * (100vw - 320px) / 1080, 200px) !important;
  }
}

.marginTop0 {
  margin-top: 0px !important;
}

.marginTop5 {
  margin-top: 5px !important;
}

.marginTop10 {
  margin-top: 10px !important;
}

.marginTop15 {
  margin-top: 15px !important;
}
@media (max-width: 1400px) {
  .marginTop15 {
    margin-top: clamp(7.5px, 7.5px + (15 - 7.5) * (100vw - 320px) / 1080, 15px) !important;
  }
}

.marginTop20 {
  margin-top: 20px !important;
}
@media (max-width: 1400px) {
  .marginTop20 {
    margin-top: clamp(10px, 10px + (20 - 10) * (100vw - 320px) / 1080, 20px) !important;
  }
}

.marginTop25 {
  margin-top: 25px !important;
}
@media (max-width: 1400px) {
  .marginTop25 {
    margin-top: clamp(12.5px, 12.5px + (25 - 12.5) * (100vw - 320px) / 1080, 25px) !important;
  }
}

.marginTop30 {
  margin-top: 30px !important;
}
@media (max-width: 1400px) {
  .marginTop30 {
    margin-top: clamp(15px, 15px + (30 - 15) * (100vw - 320px) / 1080, 30px) !important;
  }
}

.marginTop35 {
  margin-top: 35px !important;
}
@media (max-width: 1400px) {
  .marginTop35 {
    margin-top: clamp(17.5px, 17.5px + (35 - 17.5) * (100vw - 320px) / 1080, 35px) !important;
  }
}

.marginTop40 {
  margin-top: 40px !important;
}
@media (max-width: 1400px) {
  .marginTop40 {
    margin-top: clamp(20px, 20px + (40 - 20) * (100vw - 320px) / 1080, 40px) !important;
  }
}

.marginTop45 {
  margin-top: 45px !important;
}
@media (max-width: 1400px) {
  .marginTop45 {
    margin-top: clamp(22.5px, 22.5px + (45 - 22.5) * (100vw - 320px) / 1080, 45px) !important;
  }
}

.marginTop50 {
  margin-top: 50px !important;
}
@media (max-width: 1400px) {
  .marginTop50 {
    margin-top: clamp(25px, 25px + (50 - 25) * (100vw - 320px) / 1080, 50px) !important;
  }
}

.marginTop55 {
  margin-top: 55px !important;
}
@media (max-width: 1400px) {
  .marginTop55 {
    margin-top: clamp(27.5px, 27.5px + (55 - 27.5) * (100vw - 320px) / 1080, 55px) !important;
  }
}

.marginTop60 {
  margin-top: 60px !important;
}
@media (max-width: 1400px) {
  .marginTop60 {
    margin-top: clamp(30px, 30px + (60 - 30) * (100vw - 320px) / 1080, 60px) !important;
  }
}

.marginTop65 {
  margin-top: 65px !important;
}
@media (max-width: 1400px) {
  .marginTop65 {
    margin-top: clamp(32.5px, 32.5px + (65 - 32.5) * (100vw - 320px) / 1080, 65px) !important;
  }
}

.marginTop70 {
  margin-top: 70px !important;
}
@media (max-width: 1400px) {
  .marginTop70 {
    margin-top: clamp(35px, 35px + (70 - 35) * (100vw - 320px) / 1080, 70px) !important;
  }
}

.marginTop75 {
  margin-top: 75px !important;
}
@media (max-width: 1400px) {
  .marginTop75 {
    margin-top: clamp(37.5px, 37.5px + (75 - 37.5) * (100vw - 320px) / 1080, 75px) !important;
  }
}

.marginTop80 {
  margin-top: 80px !important;
}
@media (max-width: 1400px) {
  .marginTop80 {
    margin-top: clamp(40px, 40px + (80 - 40) * (100vw - 320px) / 1080, 80px) !important;
  }
}

.marginTop85 {
  margin-top: 85px !important;
}
@media (max-width: 1400px) {
  .marginTop85 {
    margin-top: clamp(42.5px, 42.5px + (85 - 42.5) * (100vw - 320px) / 1080, 85px) !important;
  }
}

.marginTop90 {
  margin-top: 90px !important;
}
@media (max-width: 1400px) {
  .marginTop90 {
    margin-top: clamp(45px, 45px + (90 - 45) * (100vw - 320px) / 1080, 90px) !important;
  }
}

.marginTop95 {
  margin-top: 95px !important;
}
@media (max-width: 1400px) {
  .marginTop95 {
    margin-top: clamp(47.5px, 47.5px + (95 - 47.5) * (100vw - 320px) / 1080, 95px) !important;
  }
}

.marginTop100 {
  margin-top: 100px !important;
}
@media (max-width: 1400px) {
  .marginTop100 {
    margin-top: clamp(50px, 50px + (100 - 50) * (100vw - 320px) / 1080, 100px) !important;
  }
}

.marginTop105 {
  margin-top: 105px !important;
}
@media (max-width: 1400px) {
  .marginTop105 {
    margin-top: clamp(52.5px, 52.5px + (105 - 52.5) * (100vw - 320px) / 1080, 105px) !important;
  }
}

.marginTop110 {
  margin-top: 110px !important;
}
@media (max-width: 1400px) {
  .marginTop110 {
    margin-top: clamp(55px, 55px + (110 - 55) * (100vw - 320px) / 1080, 110px) !important;
  }
}

.marginTop115 {
  margin-top: 115px !important;
}
@media (max-width: 1400px) {
  .marginTop115 {
    margin-top: clamp(57.5px, 57.5px + (115 - 57.5) * (100vw - 320px) / 1080, 115px) !important;
  }
}

.marginTop120 {
  margin-top: 120px !important;
}
@media (max-width: 1400px) {
  .marginTop120 {
    margin-top: clamp(60px, 60px + (120 - 60) * (100vw - 320px) / 1080, 120px) !important;
  }
}

.marginTop125 {
  margin-top: 125px !important;
}
@media (max-width: 1400px) {
  .marginTop125 {
    margin-top: clamp(62.5px, 62.5px + (125 - 62.5) * (100vw - 320px) / 1080, 125px) !important;
  }
}

.marginTop130 {
  margin-top: 130px !important;
}
@media (max-width: 1400px) {
  .marginTop130 {
    margin-top: clamp(65px, 65px + (130 - 65) * (100vw - 320px) / 1080, 130px) !important;
  }
}

.marginTop135 {
  margin-top: 135px !important;
}
@media (max-width: 1400px) {
  .marginTop135 {
    margin-top: clamp(67.5px, 67.5px + (135 - 67.5) * (100vw - 320px) / 1080, 135px) !important;
  }
}

.marginTop140 {
  margin-top: 140px !important;
}
@media (max-width: 1400px) {
  .marginTop140 {
    margin-top: clamp(70px, 70px + (140 - 70) * (100vw - 320px) / 1080, 140px) !important;
  }
}

.marginTop145 {
  margin-top: 145px !important;
}
@media (max-width: 1400px) {
  .marginTop145 {
    margin-top: clamp(72.5px, 72.5px + (145 - 72.5) * (100vw - 320px) / 1080, 145px) !important;
  }
}

.marginTop150 {
  margin-top: 150px !important;
}
@media (max-width: 1400px) {
  .marginTop150 {
    margin-top: clamp(75px, 75px + (150 - 75) * (100vw - 320px) / 1080, 150px) !important;
  }
}

.marginTop155 {
  margin-top: 155px !important;
}
@media (max-width: 1400px) {
  .marginTop155 {
    margin-top: clamp(77.5px, 77.5px + (155 - 77.5) * (100vw - 320px) / 1080, 155px) !important;
  }
}

.marginTop160 {
  margin-top: 160px !important;
}
@media (max-width: 1400px) {
  .marginTop160 {
    margin-top: clamp(80px, 80px + (160 - 80) * (100vw - 320px) / 1080, 160px) !important;
  }
}

.marginTop165 {
  margin-top: 165px !important;
}
@media (max-width: 1400px) {
  .marginTop165 {
    margin-top: clamp(82.5px, 82.5px + (165 - 82.5) * (100vw - 320px) / 1080, 165px) !important;
  }
}

.marginTop170 {
  margin-top: 170px !important;
}
@media (max-width: 1400px) {
  .marginTop170 {
    margin-top: clamp(85px, 85px + (170 - 85) * (100vw - 320px) / 1080, 170px) !important;
  }
}

.marginTop175 {
  margin-top: 175px !important;
}
@media (max-width: 1400px) {
  .marginTop175 {
    margin-top: clamp(87.5px, 87.5px + (175 - 87.5) * (100vw - 320px) / 1080, 175px) !important;
  }
}

.marginTop180 {
  margin-top: 180px !important;
}
@media (max-width: 1400px) {
  .marginTop180 {
    margin-top: clamp(90px, 90px + (180 - 90) * (100vw - 320px) / 1080, 180px) !important;
  }
}

.marginTop185 {
  margin-top: 185px !important;
}
@media (max-width: 1400px) {
  .marginTop185 {
    margin-top: clamp(92.5px, 92.5px + (185 - 92.5) * (100vw - 320px) / 1080, 185px) !important;
  }
}

.marginTop190 {
  margin-top: 190px !important;
}
@media (max-width: 1400px) {
  .marginTop190 {
    margin-top: clamp(95px, 95px + (190 - 95) * (100vw - 320px) / 1080, 190px) !important;
  }
}

.marginTop195 {
  margin-top: 195px !important;
}
@media (max-width: 1400px) {
  .marginTop195 {
    margin-top: clamp(97.5px, 97.5px + (195 - 97.5) * (100vw - 320px) / 1080, 195px) !important;
  }
}

.marginTop200 {
  margin-top: 200px !important;
}
@media (max-width: 1400px) {
  .marginTop200 {
    margin-top: clamp(100px, 100px + (200 - 100) * (100vw - 320px) / 1080, 200px) !important;
  }
}

.marginBottom0 {
  margin-bottom: 0px !important;
}

.marginBottom5 {
  margin-bottom: 5px !important;
}

.marginBottom10 {
  margin-bottom: 10px !important;
}

.marginBottom15 {
  margin-bottom: 15px !important;
}
@media (max-width: 1400px) {
  .marginBottom15 {
    margin-bottom: clamp(7.5px, 7.5px + (15 - 7.5) * (100vw - 320px) / 1080, 15px) !important;
  }
}

.marginBottom20 {
  margin-bottom: 20px !important;
}
@media (max-width: 1400px) {
  .marginBottom20 {
    margin-bottom: clamp(10px, 10px + (20 - 10) * (100vw - 320px) / 1080, 20px) !important;
  }
}

.marginBottom25 {
  margin-bottom: 25px !important;
}
@media (max-width: 1400px) {
  .marginBottom25 {
    margin-bottom: clamp(12.5px, 12.5px + (25 - 12.5) * (100vw - 320px) / 1080, 25px) !important;
  }
}

.marginBottom30 {
  margin-bottom: 30px !important;
}
@media (max-width: 1400px) {
  .marginBottom30 {
    margin-bottom: clamp(15px, 15px + (30 - 15) * (100vw - 320px) / 1080, 30px) !important;
  }
}

.marginBottom35 {
  margin-bottom: 35px !important;
}
@media (max-width: 1400px) {
  .marginBottom35 {
    margin-bottom: clamp(17.5px, 17.5px + (35 - 17.5) * (100vw - 320px) / 1080, 35px) !important;
  }
}

.marginBottom40 {
  margin-bottom: 40px !important;
}
@media (max-width: 1400px) {
  .marginBottom40 {
    margin-bottom: clamp(20px, 20px + (40 - 20) * (100vw - 320px) / 1080, 40px) !important;
  }
}

.marginBottom45 {
  margin-bottom: 45px !important;
}
@media (max-width: 1400px) {
  .marginBottom45 {
    margin-bottom: clamp(22.5px, 22.5px + (45 - 22.5) * (100vw - 320px) / 1080, 45px) !important;
  }
}

.marginBottom50 {
  margin-bottom: 50px !important;
}
@media (max-width: 1400px) {
  .marginBottom50 {
    margin-bottom: clamp(25px, 25px + (50 - 25) * (100vw - 320px) / 1080, 50px) !important;
  }
}

.marginBottom55 {
  margin-bottom: 55px !important;
}
@media (max-width: 1400px) {
  .marginBottom55 {
    margin-bottom: clamp(27.5px, 27.5px + (55 - 27.5) * (100vw - 320px) / 1080, 55px) !important;
  }
}

.marginBottom60 {
  margin-bottom: 60px !important;
}
@media (max-width: 1400px) {
  .marginBottom60 {
    margin-bottom: clamp(30px, 30px + (60 - 30) * (100vw - 320px) / 1080, 60px) !important;
  }
}

.marginBottom65 {
  margin-bottom: 65px !important;
}
@media (max-width: 1400px) {
  .marginBottom65 {
    margin-bottom: clamp(32.5px, 32.5px + (65 - 32.5) * (100vw - 320px) / 1080, 65px) !important;
  }
}

.marginBottom70 {
  margin-bottom: 70px !important;
}
@media (max-width: 1400px) {
  .marginBottom70 {
    margin-bottom: clamp(35px, 35px + (70 - 35) * (100vw - 320px) / 1080, 70px) !important;
  }
}

.marginBottom75 {
  margin-bottom: 75px !important;
}
@media (max-width: 1400px) {
  .marginBottom75 {
    margin-bottom: clamp(37.5px, 37.5px + (75 - 37.5) * (100vw - 320px) / 1080, 75px) !important;
  }
}

.marginBottom80 {
  margin-bottom: 80px !important;
}
@media (max-width: 1400px) {
  .marginBottom80 {
    margin-bottom: clamp(40px, 40px + (80 - 40) * (100vw - 320px) / 1080, 80px) !important;
  }
}

.marginBottom85 {
  margin-bottom: 85px !important;
}
@media (max-width: 1400px) {
  .marginBottom85 {
    margin-bottom: clamp(42.5px, 42.5px + (85 - 42.5) * (100vw - 320px) / 1080, 85px) !important;
  }
}

.marginBottom90 {
  margin-bottom: 90px !important;
}
@media (max-width: 1400px) {
  .marginBottom90 {
    margin-bottom: clamp(45px, 45px + (90 - 45) * (100vw - 320px) / 1080, 90px) !important;
  }
}

.marginBottom95 {
  margin-bottom: 95px !important;
}
@media (max-width: 1400px) {
  .marginBottom95 {
    margin-bottom: clamp(47.5px, 47.5px + (95 - 47.5) * (100vw - 320px) / 1080, 95px) !important;
  }
}

.marginBottom100 {
  margin-bottom: 100px !important;
}
@media (max-width: 1400px) {
  .marginBottom100 {
    margin-bottom: clamp(50px, 50px + (100 - 50) * (100vw - 320px) / 1080, 100px) !important;
  }
}

.marginBottom105 {
  margin-bottom: 105px !important;
}
@media (max-width: 1400px) {
  .marginBottom105 {
    margin-bottom: clamp(52.5px, 52.5px + (105 - 52.5) * (100vw - 320px) / 1080, 105px) !important;
  }
}

.marginBottom110 {
  margin-bottom: 110px !important;
}
@media (max-width: 1400px) {
  .marginBottom110 {
    margin-bottom: clamp(55px, 55px + (110 - 55) * (100vw - 320px) / 1080, 110px) !important;
  }
}

.marginBottom115 {
  margin-bottom: 115px !important;
}
@media (max-width: 1400px) {
  .marginBottom115 {
    margin-bottom: clamp(57.5px, 57.5px + (115 - 57.5) * (100vw - 320px) / 1080, 115px) !important;
  }
}

.marginBottom120 {
  margin-bottom: 120px !important;
}
@media (max-width: 1400px) {
  .marginBottom120 {
    margin-bottom: clamp(60px, 60px + (120 - 60) * (100vw - 320px) / 1080, 120px) !important;
  }
}

.marginBottom125 {
  margin-bottom: 125px !important;
}
@media (max-width: 1400px) {
  .marginBottom125 {
    margin-bottom: clamp(62.5px, 62.5px + (125 - 62.5) * (100vw - 320px) / 1080, 125px) !important;
  }
}

.marginBottom130 {
  margin-bottom: 130px !important;
}
@media (max-width: 1400px) {
  .marginBottom130 {
    margin-bottom: clamp(65px, 65px + (130 - 65) * (100vw - 320px) / 1080, 130px) !important;
  }
}

.marginBottom135 {
  margin-bottom: 135px !important;
}
@media (max-width: 1400px) {
  .marginBottom135 {
    margin-bottom: clamp(67.5px, 67.5px + (135 - 67.5) * (100vw - 320px) / 1080, 135px) !important;
  }
}

.marginBottom140 {
  margin-bottom: 140px !important;
}
@media (max-width: 1400px) {
  .marginBottom140 {
    margin-bottom: clamp(70px, 70px + (140 - 70) * (100vw - 320px) / 1080, 140px) !important;
  }
}

.marginBottom145 {
  margin-bottom: 145px !important;
}
@media (max-width: 1400px) {
  .marginBottom145 {
    margin-bottom: clamp(72.5px, 72.5px + (145 - 72.5) * (100vw - 320px) / 1080, 145px) !important;
  }
}

.marginBottom150 {
  margin-bottom: 150px !important;
}
@media (max-width: 1400px) {
  .marginBottom150 {
    margin-bottom: clamp(75px, 75px + (150 - 75) * (100vw - 320px) / 1080, 150px) !important;
  }
}

.marginBottom155 {
  margin-bottom: 155px !important;
}
@media (max-width: 1400px) {
  .marginBottom155 {
    margin-bottom: clamp(77.5px, 77.5px + (155 - 77.5) * (100vw - 320px) / 1080, 155px) !important;
  }
}

.marginBottom160 {
  margin-bottom: 160px !important;
}
@media (max-width: 1400px) {
  .marginBottom160 {
    margin-bottom: clamp(80px, 80px + (160 - 80) * (100vw - 320px) / 1080, 160px) !important;
  }
}

.marginBottom165 {
  margin-bottom: 165px !important;
}
@media (max-width: 1400px) {
  .marginBottom165 {
    margin-bottom: clamp(82.5px, 82.5px + (165 - 82.5) * (100vw - 320px) / 1080, 165px) !important;
  }
}

.marginBottom170 {
  margin-bottom: 170px !important;
}
@media (max-width: 1400px) {
  .marginBottom170 {
    margin-bottom: clamp(85px, 85px + (170 - 85) * (100vw - 320px) / 1080, 170px) !important;
  }
}

.marginBottom175 {
  margin-bottom: 175px !important;
}
@media (max-width: 1400px) {
  .marginBottom175 {
    margin-bottom: clamp(87.5px, 87.5px + (175 - 87.5) * (100vw - 320px) / 1080, 175px) !important;
  }
}

.marginBottom180 {
  margin-bottom: 180px !important;
}
@media (max-width: 1400px) {
  .marginBottom180 {
    margin-bottom: clamp(90px, 90px + (180 - 90) * (100vw - 320px) / 1080, 180px) !important;
  }
}

.marginBottom185 {
  margin-bottom: 185px !important;
}
@media (max-width: 1400px) {
  .marginBottom185 {
    margin-bottom: clamp(92.5px, 92.5px + (185 - 92.5) * (100vw - 320px) / 1080, 185px) !important;
  }
}

.marginBottom190 {
  margin-bottom: 190px !important;
}
@media (max-width: 1400px) {
  .marginBottom190 {
    margin-bottom: clamp(95px, 95px + (190 - 95) * (100vw - 320px) / 1080, 190px) !important;
  }
}

.marginBottom195 {
  margin-bottom: 195px !important;
}
@media (max-width: 1400px) {
  .marginBottom195 {
    margin-bottom: clamp(97.5px, 97.5px + (195 - 97.5) * (100vw - 320px) / 1080, 195px) !important;
  }
}

.marginBottom200 {
  margin-bottom: 200px !important;
}
@media (max-width: 1400px) {
  .marginBottom200 {
    margin-bottom: clamp(100px, 100px + (200 - 100) * (100vw - 320px) / 1080, 200px) !important;
  }
}

.gap5 {
  gap: 5px !important;
}

.gap10 {
  gap: 10px !important;
}

.gap15 {
  gap: 15px !important;
}

.gap20 {
  gap: 20px !important;
}

.gap25 {
  gap: 25px !important;
}

.gap30 {
  gap: 30px !important;
}

.gap35 {
  gap: 35px !important;
}

.gap40 {
  gap: 40px !important;
}

.gap45 {
  gap: 45px !important;
}

.gap50 {
  gap: 50px !important;
}

.gap55 {
  gap: 55px !important;
}

.gap60 {
  gap: 60px !important;
}

.gap65 {
  gap: 65px !important;
}

.gap70 {
  gap: 70px !important;
}

.gap75 {
  gap: 75px !important;
}

.gap80 {
  gap: 80px !important;
}

.gap85 {
  gap: 85px !important;
}

.gap90 {
  gap: 90px !important;
}

.gap95 {
  gap: 95px !important;
}

.gap100 {
  gap: 100px !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: marby;
  src: url("/themes/default/fonts/marby/Mabry-Regular-Pro.eot?#iefix") format("embedded-opentype"), url("/themes/default/fonts/marby/Mabry-Regular-Pro.woff2") format("woff2"), url("/themes/default/fonts/marby/Mabry-Regular-Pro.woff") format("woff"), url("/themes/default/fonts/marby/Mabry-Regular-Pro.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: marby;
  src: url("/themes/default/fonts/marby/Mabry-Medium-Pro.eot?#iefix") format("embedded-opentype"), url("/themes/default/fonts/marby/Mabry-Medium-Pro.woff2") format("woff2"), url("/themes/default/fonts/marby/Mabry-Medium-Pro.woff") format("woff"), url("/themes/default/fonts/marby/Mabry-Medium-Pro.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: marby;
  src: url("/themes/default/fonts/marby/Mabry-Black-Pro.eot?#iefix") format("embedded-opentype"), url("/themes/default/fonts/marby/Mabry-Black-Pro.woff2") format("woff2"), url("/themes/default/fonts/marby/Mabry-Black-Pro.woff") format("woff"), url("/themes/default/fonts/marby/Mabry-Black-Pro.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
}
:root {
  color: #000000;
  font-family: "marby", system-ui, Avenir, Helvetica, Arial, sans-serif;
  font-size: calc(19.2px + 0.25vw);
  font-synthesis: none;
  font-weight: 400;
  line-height: 1.15;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[x-cloak] {
  display: none !important;
}

.ccPage {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 30px;
  position: relative;
  width: 100%;
}
@media (max-width: 1500px) {
  .ccPage {
    padding: 0 25px;
  }
}
@media (max-width: 1100px) {
  .ccPage {
    padding: 0 20px;
  }
}
@media (max-width: 780px) {
  .ccPage {
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  .ccPage {
    padding: 0 10px;
  }
}
.ccPage .ccPageInner {
  max-width: 1420px;
  position: relative;
  width: 100%;
}
.ccPage .ccPageInner.x-large {
  max-width: 1700px;
}
.ccPage .ccPageInner .ccPageInner.large {
  max-width: 1600px;
}
.ccPage .ccPageInner.medium {
  max-width: 1340px;
}
.ccPage .ccPageInner.small {
  max-width: 1200px;
}
.ccPage .ccPageInner.x-small {
  max-width: 760px;
}
.ccPage .ccPageInner.width980 {
  max-width: 980px;
}
.ccPage .ccPageInner.width740 {
  max-width: 740px;
}
.ccPage .ccPageInner.width700 {
  max-width: 700px;
}
.ccPage .ccPageInner.width480 {
  max-width: 480px;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.textCenter {
  text-align: center;
}

.flex {
  display: -webkit-flex;
  display: flex;
}

.flexColumn {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flexRow {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flexWrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexNoWrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.floatBox {
  float: left;
  position: relative;
  width: 100%;
}

.itemsStart {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.itemsEnd {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.itemsCenter {
  -webkit-align-items: center;
  align-items: center;
}

.itemsStretch {
  -webkit-align-items: stretch;
  align-items: stretch;
}

.justifyStart {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.justifyEnd {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.justifyCenter {
  -webkit-justify-content: center;
  justify-content: center;
}

.justifySpaceBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.justifySpaceAround {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.generalTitle {
  float: left;
  font-size: clamp(20px, 20px + 8 * (100vw - 320px) / 1680, 28px);
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 clamp(15px, 15px + 5 * (100vw - 320px) / 1680, 20px);
  position: relative;
  width: 100%;
}

.generalButton {
  -webkit-appearance: none;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1c1c1c;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: clamp(20px, calc(20px + (24 - 20) * ((100vw - 320px) / (2000 - 320))), 24px);
  font-weight: 700;
  margin: 0;
  padding: 10px 25px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
@media (max-width: 380px) {
  .generalButton {
    font-size: 13px;
  }
}
.generalButton.small {
  font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 320px) / (2000 - 320))), 18px);
  padding: 10px 13px;
}
.generalButton.small::before {
  border-width: 3px;
}
.generalButton.small:hover::before {
  border-width: 2px;
}
.generalButton.bigFont {
  font-size: 18px;
}
.generalButton.fullWidth {
  width: 100%;
}
.generalButton::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #1c1c1c;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.generalButton:hover {
  background-color: transparent;
  outline: #1c1c1c;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #1c1c1c;
}
.generalButton:hover::before {
  border-width: 2px;
}
.generalButton:disabled {
  filter: grayscale(0.8);
  opacity: 0.8;
}
.generalButton.inactive {
  background-color: #e4e4e4;
  color: #000000;
  cursor: default;
}
.generalButton.greyButton {
  background-color: #cecece;
  color: #000000;
}
.generalButton.greyButton:hover {
  background-color: #000000;
  color: #ffffff;
}

a {
  color: #1c1c1c;
  position: relative;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #5a79bc;
  text-decoration: none;
}

body {
  background-color: #fff5e3;
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 2000px;
  min-height: 100%;
  overflow-x: hidden;
  padding: 0;
  word-wrap: break-word;
}

#root {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}

#pageContent {
  background-color: #fff5e3;
  flex-grow: 1;
  margin: clamp(50px, calc(50px + (100 - 50) * ((100vw - 320px) / (2000 - 320))), 100px) 0;
  min-height: 350px;
}

#pageMainContent {
  float: left;
  position: relative;
  width: 100%;
}

#mainContentContainer {
  float: left;
  position: relative;
  width: 100%;
}

#mainContent {
  float: left;
  position: relative;
  width: 100%;
}

.notificationWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.notificationWrapper .notificationBox {
  background-color: #17a2b8;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  float: left;
  padding: 40px 30px;
  position: relative;
  width: 100%;
}
@media (max-width: 580px) {
  .notificationWrapper .notificationBox {
    padding: 30px 20px;
  }
}
.notificationWrapper .notificationBox .notificationBoxTitle {
  float: left;
  font-size: clamp(20px, calc(20px + (26 - 20) * ((100vw - 320px) / (2000 - 320))), 26px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.notificationWrapper .notificationBox .notificationBoxText {
  float: left;
  position: relative;
  width: 100%;
}
.notificationWrapper .notificationBox .notificationBoxText p:first-child {
  margin-top: 0;
}
.notificationWrapper .notificationBox .notificationBoxText p:last-child {
  margin-bottom: 0;
}
.notificationWrapper .notificationBox .notificationBoxText a {
  color: #ffffff;
  text-decoration: underline;
}
.notificationWrapper .notificationBox .notificationBoxText a:hover {
  color: #1c1c1c;
}
.notificationWrapper .notificationBox .notificationBoxText strong {
  font-weight: 700;
}
.notificationWrapper .notificationBox .notificationBoxText ul {
  padding-left: 25px;
}

.modMobileMenu {
  display: none;
  float: left;
  position: relative;
}
@media (max-width: 980px) {
  .modMobileMenu {
    display: block;
  }
}
.modMobileMenu .mobileMenuContainer {
  float: left;
  position: relative;
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler {
  cursor: pointer;
  float: left;
  gap: 8px;
  left: 0;
  margin: 0;
  pointer-events: auto;
  position: relative;
  -webkit-transition: transform 0.33s cubic-bezier(0.54, -0.81, 0.57, 0.57);
  -moz-transition: transform 0.33s cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 0.33s cubic-bezier(0.54, -0.81, 0.57, 0.57);
  width: 40px;
  z-index: 8;
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler.active #mobileMenuTogglerLine1 {
  -webkit-transform: rotate(45deg) translate(11px, 10px);
  -moz-transform: rotate(45deg) translate(11px, 10px);
  transform: rotate(45deg) translate(11px, 10px);
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler.active #mobileMenuTogglerLine2 {
  opacity: 0;
  -webkit-transition: opacity 0.22s cubic-bezier(0.54, -0.81, 0.57, 0.57) 0s;
  -moz-transition: opacity 0.22s cubic-bezier(0.54, -0.81, 0.57, 0.57) 0s;
  transition: opacity 0.22s cubic-bezier(0.54, -0.81, 0.57, 0.57) 0s;
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler.active #mobileMenuTogglerLine3 {
  -webkit-transform: rotate(-45deg) translate(10px, -11px);
  -moz-transform: rotate(-45deg) translate(10px, -11px);
  transform: rotate(-45deg) translate(10px, -11px);
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine1,
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine2,
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine3 {
  background-color: #ffffff;
  height: 7px;
  position: relative;
  -webkit-transition: transform 0.33s cubic-bezier(0.54, -0.81, 0.57, 0.57);
  -moz-transition: transform 0.33s cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 0.33s cubic-bezier(0.54, -0.81, 0.57, 0.57);
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine2 {
  -webkit-transition: opacity 0.11s cubic-bezier(0.54, -0.81, 0.57, 0.57) 0.22s;
  -moz-transition: opacity 0.11s cubic-bezier(0.54, -0.81, 0.57, 0.57) 0.22s;
  transition: opacity 0.11s cubic-bezier(0.54, -0.81, 0.57, 0.57) 0.22s;
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine1 {
  transform-origin: center;
  width: 100%;
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine2 {
  width: 100%;
}
.modMobileMenu .mobileMenuContainer #mobileMenuToggler #mobileMenuTogglerLine3 {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  transform-origin: center;
  width: 100%;
}
.modMobileMenu .mobileMenuContainer #mobileMenu {
  background-color: #1c1c1c;
  float: left;
  height: 100vh;
  padding: 75px 0 0;
  position: fixed;
  right: -200vw;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 7;
}
.modMobileMenu .mobileMenuContainer #mobileMenu.active {
  pointer-events: auto;
  right: 0;
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  height: calc(100vh - 110px);
  overflow-y: auto;
  padding: 0 25px 70px;
  position: relative;
  top: 0;
  width: 100%;
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuWrapper ul {
  -webkit-align-items: center;
  align-items: center;
  gap: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  float: left;
  line-height: 1.3;
  list-style: none;
  margin: 40px 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuWrapper ul li {
  color: #ffffff;
  font-size: clamp(24px, calc(24px + (30 - 24) * ((100vw - 320px) / (2000 - 320))), 30px);
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuWrapper ul li.active a {
  color: #5a79bc;
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuWrapper ul li a {
  color: #ffffff;
}
.modMobileMenu .mobileMenuContainer #mobileMenu .mobileMenuWrapper ul li a:hover {
  text-decoration: underline;
}

button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  outline: inherit;
  padding: 0;
  margin: 0;
  text-transform: none;
}

.cc-button.white-to-blue {
  --background-init: #ffffff;
  --text-color-init: #000000;
  --background-secondary: #007aff;
  --text-color-secondary: #ffffff;
  border: 1px solid #000000;
  transform-origin: bottom;
}

.cc-button.blue-to-white {
  --background-init: #007aff;
  --text-color-init: #ffffff;
  --background-secondary: #ffffff;
  --text-color-secondary: #000000;
  border: 1px solid #007aff;
}

button.cc-button {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: var(--background-init);
  box-sizing: border-box;
  color: var(--text-color-init);
  font-family: inherit;
  font-size: inherit;
  height: 90px;
  overflow: hidden;
  padding: calc(24px + 0.3125vw) calc(48px + 0.625vw);
  pointer-events: auto;
  position: relative;
  width: min(400px, 100%);
}
button.cc-button::after {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: var(--background-secondary);
  color: var(--text-color-secondary);
  clip-path: inset(100% 0 0 0);
  content: attr(data-content);
  inset: 0;
  padding: calc(24px + 0.3125vw) calc(48px + 0.625vw);
  position: absolute;
  transition: clip-path 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 2;
}
button.cc-button:hover::after, button.cc-button:focus::after {
  clip-path: inset(0 0 0 0);
}

.generalForm {
  float: left;
  position: relative;
  width: 100%;
}
.generalForm .generalFormFieldsContainer {
  float: left;
  position: relative;
  width: 100%;
}

.generalFormField.checkbox:has(input:disabled),
.generalFormField.checkbox:has(input[readonly]) {
  pointer-events: none;
}

.generalFormFieldRadioContainer:has(input[readonly]),
.generalFormFieldRadioContainer:has(input:disabled) {
  background-color: rgba(239, 239, 239, 0.3) !important;
  pointer-events: none;
}

.generalFormField.checkbox:has(input:disabled) label,
.generalFormField.checkbox:has(input[readonly]) label,
.generalFormFieldRadioContainer:has(input[readonly]) label,
.generalFormFieldRadioContainer:has(input:disabled) label {
  color: rgb(84, 84, 84) !important;
}

.generalFormField.checkbox:has(input:disabled) label::after,
.generalFormField.checkbox:has(input[readonly]) label::after,
.generalFormFieldRadioContainer:has(input[readonly]) label::after,
.generalFormFieldRadioContainer:has(input:disabled) label::after {
  filter: grayscale(0.2);
}

.generalFormFields {
  float: left;
  margin-left: -14px;
  position: relative;
  width: calc(100% + 28px);
}
.generalFormFields .generalFormSectionTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: clamp-size(18, 20, 320, 2000);
  font-weight: 700;
  padding: 0 14px;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormSectionTitleNote {
  color: #68696c;
  font-size: 13px;
  font-weight: 500;
  position: relative;
}
.generalFormFields .generalFormField {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 14px 25px;
  position: relative;
  width: 50%;
}
@media (max-width: 760px) {
  .generalFormFields .generalFormField {
    width: 100%;
  }
}
.generalFormFields .generalFormField.width15percent {
  width: 15%;
}
.generalFormFields .generalFormField.width25percent {
  width: 25%;
}
@media (max-width: 760px) {
  .generalFormFields .generalFormField.width25percent {
    width: 50%;
  }
}
@media (max-width: 380px) {
  .generalFormFields .generalFormField.width25percent {
    width: 100%;
  }
}
.generalFormFields .generalFormField.width35percent {
  width: 35%;
}
.generalFormFields .generalFormField.width75percent {
  width: 75%;
}
@media (max-width: 760px) {
  .generalFormFields .generalFormField.width75percent {
    width: 100%;
  }
}
.generalFormFields .generalFormField.fullWidth {
  width: 100%;
}
.generalFormFields .generalFormField.fullWidth .separator .generalFormFieldInner {
  width: calc(50% - 14px);
}
@media (max-width: 760px) {
  .generalFormFields .generalFormField.fullWidth .separator .generalFormFieldInner {
    width: 100%;
  }
}
.generalFormFields .generalFormField.link {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width: 1300px) {
  .generalFormFields .generalFormField.link {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}
.generalFormFields .generalFormField.smallLabel label,
.generalFormFields .generalFormField.smallLabel a {
  font-size: 13px;
}
.generalFormFields .generalFormField.grayLabel label {
  color: #b7b7b7;
}
.generalFormFields .generalFormField .generalFormFieldTitle {
  float: left;
  font-weight: 700;
  margin: 0 0 10px;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField label {
  float: left;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px;
  position: relative;
  width: 100%;
}
@media (max-width: 580px) {
  .generalFormFields .generalFormField label {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  .generalFormFields .generalFormField label {
    font-size: 13px;
  }
}
.generalFormFields .generalFormField .tagsWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField .tagsWrapper .tagsList {
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 15px 10px;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField .tagsWrapper .tagsList .tagsListItem {
  background-color: #e6e6e6;
  border-radius: 20px;
  cursor: pointer;
  float: left;
  margin: 5px;
  padding: 8px 20px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.generalFormFields .generalFormField .tagsWrapper .tagsList .tagsListItem.selected {
  background-color: #000;
  color: #fff;
}
.generalFormFields .generalFormField .tagsWrapper .tagsList .tagsListItem.removed {
  display: none;
}
.generalFormFields .generalFormField .tagsWrapper .tagsList .tagsListItem .text {
  float: left;
  position: relative;
}
.generalFormFields .generalFormField .tagsWrapper .tagsList .tagsListItem .icon {
  color: #5a79bc;
  cursor: pointer;
  float: left;
  margin-left: 10px;
  position: relative;
}
.generalFormFields .generalFormField .tagsButtonsWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField .tagsButtonsWrapper button {
  margin: 0 0 10px 20px;
}
.generalFormFields .generalFormField input,
.generalFormFields .generalFormField textarea {
  -webkit-appearance: none;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  outline: none !important;
  padding: 15px;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField input:disabled, .generalFormFields .generalFormField input[readonly],
.generalFormFields .generalFormField textarea:disabled,
.generalFormFields .generalFormField textarea[readonly] {
  background-color: rgba(239, 239, 239, 0.3);
  color: rgb(84, 84, 84);
  pointer-events: none;
}
.generalFormFields .generalFormField textarea {
  height: 150px;
  max-height: 300px;
  min-height: 150px;
  resize: vertical;
}
.generalFormFields .generalFormField .dobWrapper {
  float: left;
  position: relative;
  width: 100%;
  z-index: 2;
}
.generalFormFields .generalFormField .dobSelectContainer {
  float: left;
  position: relative;
  width: calc(33.33% - 20px);
}
@media (max-width: 580px) {
  .generalFormFields .generalFormField .dobSelectContainer {
    margin: 0 0 10px;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .generalFormFields .generalFormField .dobSelectContainer:last-child {
    margin: 0;
  }
}
.generalFormFields .generalFormField .countrySelectContainer,
.generalFormFields .generalFormField .tagsSelectContainer {
  float: left;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField .dobSelectContainer .select2-container,
.generalFormFields .generalFormField .countrySelectContainer .select2-container,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container {
  float: left;
  position: relative;
  width: 100% !important;
}
.generalFormFields .generalFormField .dobSelectContainer .select2-container .selection,
.generalFormFields .generalFormField .dobSelectContainer .select2-container .select2-selection,
.generalFormFields .generalFormField .countrySelectContainer .select2-container .selection,
.generalFormFields .generalFormField .countrySelectContainer .select2-container .select2-selection,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container .selection,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container .select2-selection {
  float: left;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField .dobSelectContainer .select2-container--default .select2-selection--single,
.generalFormFields .generalFormField .countrySelectContainer .select2-container--default .select2-selection--single,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container--default .select2-selection--single {
  border: 1px solid #999;
  border-radius: 0;
  float: left;
  height: auto;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
.generalFormFields .generalFormField .dobSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow,
.generalFormFields .generalFormField .countrySelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.generalFormFields .generalFormField .dobSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow b,
.generalFormFields .generalFormField .countrySelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow b,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
  border-width: 9px 7px 0 7px;
  margin-left: -10px;
  margin-top: -4px;
}
.generalFormFields .generalFormField .dobSelectContainer .select2-container--default .select2-selection--single .select2-selection__clear,
.generalFormFields .generalFormField .countrySelectContainer .select2-container--default .select2-selection--single .select2-selection__clear,
.generalFormFields .generalFormField .tagsSelectContainer .select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 28px;
}

.generalFormCanvas {
  float: left;
  position: relative;
  width: 100%;
}

.generalFormFieldRadioGroup {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 100%;
}

.generalFormFieldRadioContainer {
  float: left;
  margin: 5px 0 0;
  position: relative;
}

.generalFormField.radio.box .generalFormFieldRadioContainer {
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  outline: none !important;
  padding: 15px;
  position: relative;
  width: auto;
}

.generalFormFieldRadioContainer input {
  -webkit-appearance: radio;
  left: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden;
}

.generalFormField.checkbox input,
.generalFormField.radio input {
  left: 15px;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 30px;
}

.generalFormField.checkbox label,
.generalFormField.radio label,
.generalFormFieldRadioContainer label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  font-weight: 400;
  padding-left: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}

.generalFormField.radio.box .generalFormFieldRadioContainer label {
  margin: 0 0 2px;
}

.generalFormField.checkbox label:hover,
.generalFormField.radio label:hover,
.generalFormFieldRadioContainer label:hover {
  color: #5a79bc;
}

.generalFormField.checkbox label::before,
.generalFormField.radio label::before,
.generalFormFieldRadioContainer label::before {
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 2px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 18px;
}

.generalFormField.radio label::before,
.generalFormFieldRadioContainer label::before {
  border-radius: 50%;
}

.generalFormField.smallLabel.checkbox label::before {
  top: 1px;
}

.generalFormField.checkbox label::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #5a79bc;
  font-size: 18px;
  font-weight: 700;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -2px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}

.generalFormField.radio label::after,
.generalFormFieldRadioContainer label::after {
  background-color: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 12px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 12px;
}

.generalFormField.radio label::after,
.generalFormFieldRadioContainer label::after {
  border-radius: 50%;
}

.generalFormField.smallLabel.checkbox label::after {
  top: 7px;
}

.generalFormField.checkbox > input:checked + label,
.generalFormField.radio > input:checked + label,
.generalFormFieldRadioContainer > input:checked + label {
  color: #1c1c1c;
}

.generalFormFieldRadioContainer > input:checked + label::before {
  border-color: #1c1c1c;
}

.generalFormField.checkbox > input:checked + label::after {
  opacity: 1;
  visibility: visible;
}

.generalFormField.radio > input:checked + label::after,
.generalFormFieldRadioContainer > input:checked + label::after {
  opacity: 1;
  visibility: visible;
}

.infoPrompt,
.methodDescription {
  background-color: #fafafa;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  display: flex;
  float: left;
  padding: 12px;
  position: relative;
  width: 100%;
}
.infoPrompt:has(.icon),
.methodDescription:has(.icon) {
  gap: 15px;
}
.infoPrompt .icon,
.methodDescription .icon {
  align-items: center;
  display: flex;
  font-size: 20px;
  max-height: 28px;
}
.infoPrompt .infoPromptBody,
.infoPrompt .methodDescriptionBody,
.methodDescription .infoPromptBody,
.methodDescription .methodDescriptionBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.infoPrompt {
  font-size: 13px;
}
.infoPrompt.success {
  background-color: #ddf8ed;
  color: #479f7f;
}
.infoPrompt.error {
  background-color: #fbe9e9;
  color: #e14646;
}

.methodDescription {
  display: none;
  font-size: 12px;
  margin: 15px 0 -15px -15px;
  width: calc(100% + 30px);
}
.methodDescription p {
  margin: 0;
}

.methodInstallmentsWrapper {
  float: left;
  margin: 15px 0 0;
  position: relative;
  width: 100%;
}

.methodInstallments {
  display: none;
  float: left;
  position: relative;
}
.methodInstallments .methodInstallmentsLabel {
  float: left;
  font-size: 13px;
  margin-bottom: 10px;
  position: relative;
}

.generalFormField.radio:has(input:checked) .methodDescription {
  display: flex;
}
.generalFormField.radio:has(input:checked) .methodInstallments {
  display: block;
  min-width: 240px;
}

.generalFormField .selectContainer {
  float: left;
  position: relative;
  width: 100%;
}

.selectContainer .selectText {
  float: left;
  position: relative;
  width: 100%;
}

.selectContainer .selectedOption {
  -webkit-appearance: none;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  outline: none !important;
  padding: 15px;
  position: relative;
  width: 100%;
}

.selectContainer .selectPlaceholderContainer {
  float: left;
  position: relative;
  width: 100%;
}

.selectContainer .selectPlaceholderContainer .selectedText {
  float: left;
  font-size: 14px;
  max-width: calc(100% - 40px);
  position: relative;
  width: 100%;
}

.selectContainer .selectPlaceholderContainer .selectedArrowContainer {
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.selectContainer .selectPlaceholderContainer .selectedArrow {
  color: #5a79bc;
  float: left;
  font-size: 20px;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0.29, 0, 0.2, 1) 0s;
}

.selectContainer .selectPlaceholderContainer.open .selectedArrow.open,
.selectContainer .selectPlaceholderContainer .selectedArrow.close {
  display: none;
}

.selectContainer .selectPlaceholderContainer .selectedArrow.open,
.selectContainer .selectPlaceholderContainer.open .selectedArrow.close {
  display: block;
}

.selectContainer .selectedOptionsContainer {
  background-color: #fff;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 2px;
  left: 0;
  padding: 10px;
  position: absolute;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  width: 100%;
  z-index: 100;
}

.selectContainer .selectOptions {
  float: left;
  position: relative;
  width: 100%;
}

.selectContainer .selectOption {
  cursor: pointer;
  float: left;
  padding: 10px 5px;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  width: 100%;
}

.selectContainer .selectOption:hover {
  color: #5a79bc;
}

.selectContainer .selectOption.active {
  background-color: #5a79bc;
  color: #fff;
}

.selectContainer .selectOption.disabled {
  cursor: default;
  color: #bfbfbf;
}

.generalFormFieldNote {
  color: #68696c !important;
  float: left;
  margin: 10px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 420px) {
  .generalFormFieldNote {
    font-size: 13px;
  }
}
.generalFormFieldNote a, .generalFormFieldNote strong {
  color: #2d2d2d;
  font-weight: 500;
}

.generalFormNote {
  color: #b7b7b7;
  float: left;
  position: relative;
  width: 100%;
}

.generalFormNote input {
  border: 2px solid #999;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  outline: none !important;
  position: relative;
}

.generalFormError {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #e14646;
  float: left;
  font-weight: 700;
  margin: 5px 0;
  position: relative;
  width: 100%;
}
.generalFormError:empty {
  display: none;
  margin: 0;
}

.generalFormSuccess {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #32c682;
  float: left;
  font-weight: 700;
  margin: 5px 0;
  position: relative;
  width: 100%;
}
.generalFormSuccess:empty {
  display: none;
  margin: 0;
}

.generalFormMessage {
  float: left;
  font-weight: 700;
  position: relative;
  width: 100%;
}

.generalFormSuccessMessage {
  float: left;
  font-weight: 700;
  margin: 15px 0 0;
  position: relative;
  width: 100%;
}

.generalFormButtons {
  float: left;
  gap: 20px 40px;
  line-height: 1.2;
  position: relative;
  width: 100%;
}
@media (max-width: 580px) {
  .generalFormButtons {
    font-size: 14px;
  }
}

.generalFormButtons .text strong {
  font-weight: 700;
}

.generalFormButtons .text {
  text-align: center;
}

.generalFormButtons.multiple .generalFormButton {
  margin: 5px 30px 5px 0;
}

.generalFormButtons.multiple .generalFormButton:last-child {
  margin-right: 0;
}

.pseudoGeneralButton {
  float: left;
  box-sizing: border-box;
  height: clamp-size(40, 60, 320, 2000);
  min-width: 180px;
  padding: 0 20px;
  position: relative;
}

.generalFormButton {
  -webkit-appearance: none;
  -webkit-align-items: center;
  align-items: center;
  background-image: none !important;
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  float: left;
  font-size: 18px;
  font-weight: 400;
  height: clamp(40px, 40px + 20 * (100vw - 320px) / 1680, 60px);
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 180px;
  outline: none !important;
  padding: 0 20px;
  position: relative;
  text-align: center;
  text-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 580px) {
  .generalFormButton {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  .generalFormButton {
    min-width: 120px;
  }
}

.generalFormButton.small {
  font-size: 15px;
  height: clamp(30px, 30px + 10 * (100vw - 320px) / 1680, 40px);
  min-width: 160px;
  padding: 0 15px;
}

.generalFormButton.large {
  min-width: 280px;
  padding: 0 50px;
}

.generalFormButton:hover {
  background-color: #000;
  color: #fff;
  text-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.generalFormButtons .formRegisterButton,
.generalFormButtons .formLoginButton {
  text-decoration: underline;
}

@media (max-width: 580px) {
  .generalFormButtons.multiple {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .generalFormButtons.multiple .generalButton {
    margin: 5px 30px 5px 0;
  }
}
.paginationWrapper {
  float: left;
  position: relative;
  width: 100%;
}

.paginationBar {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.paginationBar .paginationPages {
  float: left;
  gap: 10px;
  position: relative;
}
@media (max-width: 480px) {
  .paginationBar .paginationPages {
    order: 1;
    width: 100%;
  }
}
.paginationBar .paginationItem {
  -webkit-align-items: center;
  align-items: center;
  background-color: #1c1c1c;
  color: #ffffff;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  float: left;
  font-size: 20px;
  font-weight: 700;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  transition: all 0.5s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  width: 40px;
  /*&.previous {
      margin-right: 25px;
  }
  &.next {
      margin-left: 25px;
  }*/
}
.paginationBar .paginationItem.activePage, .paginationBar .paginationItem:hover {
  background-color: #ffffff;
  color: #1c1c1c;
}
.paginationBar .paginationItem.breakpoint {
  pointer-events: none;
}
.paginationBar .paginationItem.previous, .paginationBar .paginationItem.next {
  background-color: transparent;
  color: #1c1c1c;
}
.paginationBar .paginationItem.disabled, .paginationBar .paginationItem.previous.disable .paginationBar .paginationItem.next.disabled {
  cursor: default;
  opacity: 0.2;
  pointer-events: none;
}
@media (max-width: 480px) {
  .paginationBar .paginationItem {
    margin: 3px;
  }
}

.authPage {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authBody {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authFormContainer {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authFormTitle {
  float: left;
  font-size: clamp(30px, calc(30px + (50 - 30) * ((100vw - 320px) / (2000 - 320))), 50px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer {
  float: left;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields {
  float: left;
  gap: 40px 20px;
  position: relative;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField {
  float: left;
  position: relative;
  width: calc(50% - 10px);
}
@media (max-width: 580px) {
  .authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField {
    width: 100%;
  }
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField.fullWidth {
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField label {
  float: left;
  font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 320px) / (2000 - 320))), 18px);
  font-weight: 700;
  padding: 0 0 5px;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField input[type=text],
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField input[type=textare],
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField input[type=email],
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField input[type=password] {
  background-color: transparent;
  border: 5px solid #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  padding: 15px 12px;
  max-width: 100%;
  -webkit-appearance: none;
  outline: none;
  width: 100%;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField.checkbox input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField.checkbox label {
  cursor: pointer;
  float: left;
  margin: 0;
  padding: 0 0 0 30px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField.checkbox label::before {
  -webkit-align-items: center;
  align-items: center;
  border: 5px solid #1c1c1c;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: -webkit-flex;
  display: flex;
  float: left;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  height: 22px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  line-height: 1;
  margin: 0;
  position: absolute;
  width: 22px;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormFieldsContainer .generalFormFields .generalFormField.checkbox > input:checked + label::before {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
  content: "\f00c";
  color: #fff;
}
.authPage .authMainWrapper .authContainer .authForm .generalFormButtons {
  float: left;
  position: relative;
  width: 100%;
}

@keyframes heart-beat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
header {
  background-color: #1c1c1c;
  color: #ffffff;
  position: relative;
  width: 100%;
}
header .headerTop {
  border-bottom: 1px solid #ffffff;
  float: left;
  position: relative;
  width: 100%;
}
header .headerTop .ccPageInner {
  max-width: 100%;
}
header .headerTop a {
  color: #fff;
}
header .headerInner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
header .headerLeft {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  float: left;
  position: relative;
}
header .headerLeft .logoContainer {
  -webkit-align-items: center;
  align-items: center;
  border-right: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  float: left;
  height: 100%;
  margin: 0 20px 0 0;
  padding: 10px 20px 10px 0;
  position: relative;
}
header .headerLeft .logoContainer .logo {
  float: left;
  position: relative;
}
header .headerLeft .logoContainer .logo a {
  float: left;
  margin: 0;
  padding: 0;
  text-shadow: none;
  position: relative;
  z-index: 10;
}
header .headerLeft .logoContainer .logo img,
header .headerLeft .logoContainer .logo svg {
  display: block;
  margin: 0;
  height: auto;
  width: 95px;
}
@media (max-width: 440px) {
  header .headerLeft .logoContainer .logo img,
  header .headerLeft .logoContainer .logo svg {
    width: 75px;
  }
}
header .headerLeft .logoContainer .logo svg.animate-logo {
  overflow: visible;
}
header .headerLeft .logoContainer .logo svg.animate-logo [data-object=heart] {
  animation-duration: var(--animation-duration);
  animation-iteration-count: 3;
  animation-name: heart-beat;
  animation-timing-function: ease-in-out;
  transform-origin: top center;
}
header .headerLeft .topLogoContainer {
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}
@media (max-width: 440px) {
  header .headerLeft .topLogoContainer {
    display: none;
  }
}
header .headerLeft .topLogoContainer .topLogo {
  float: left;
  position: relative;
}
header .headerLeft .topLogoContainer img,
header .headerLeft .topLogoContainer svg {
  float: left;
  position: relative;
  height: 100%;
}
header .headerLeft .langContainer {
  float: left;
  position: relative;
}
header .headerLeft .langContainer .modLanguages {
  float: left;
  position: relative;
}
header .headerLeft .langContainer .modLanguages .modLanguagesList {
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}
header .headerLeft .langContainer .modLanguages .modLanguagesList li {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
header .headerLeft .langContainer .modLanguages .modLanguagesList li.active {
  color: #ffffff;
}
header .headerLeft .langContainer .modLanguages .modLanguagesList li a {
  color: inherit;
  transition: inherit;
}
header .headerLeft .langContainer .modLanguages .modLanguagesList li a:hover {
  color: #ffffff;
}
header .headerRight {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  float: left;
  gap: 20px;
  position: relative;
  /*@media (max-width: 440px) {
      -webkit-align-items: flex-end;
      align-items: flex-end;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
  }*/
}
header .headerRight .headerBannerContainer {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  height: 100%;
  position: relative;
  width: auto;
}
@media (max-width: 360px) {
  header .headerRight .headerBannerContainer {
    display: none;
  }
}
header .headerRight .headerBannerContainer .headerBanner {
  float: left;
  position: relative;
  text-align: right;
}
@media (max-width: 770px) {
  header .headerRight .headerBannerContainer .headerBanner {
    max-width: 290px;
  }
}
@media (max-width: 550px) {
  header .headerRight .headerBannerContainer .headerBanner {
    max-width: 195px;
  }
}
header .headerRight .headerBannerContainer .headerBanner .headerBannerTextContainer {
  float: left;
  margin: 0 0 8px;
  position: relative;
}
header .headerRight .headerBannerContainer .headerBanner .headerBannerTextContainer .headerBannerTitle {
  float: left;
  font-size: clamp(24px, calc(24px + (34 - 24) * ((100vw - 320px) / (2000 - 320))), 34px);
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}
@media (max-width: 550px) {
  header .headerRight .headerBannerContainer .headerBanner .headerBannerTextContainer .headerBannerTitle {
    font-size: 18px;
  }
}
header .headerRight .accountContainer {
  float: left;
  position: relative;
}
header .headerRight .accountContainer .modAccount {
  float: left;
  font-size: 16px;
  position: relative;
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer {
  cursor: pointer;
  float: left;
  gap: 20px;
  position: relative;
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountActiveStudent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  float: left;
  gap: 15px;
  position: relative;
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountActiveStudent .studentBadge {
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  -webkit-user-select: none;
  user-select: none;
  width: 50px;
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountActiveStudent .studentInfo {
  float: left;
  gap: 3px;
  line-height: 1.2;
  max-width: calc(100% - 65px);
  position: relative;
  white-space: nowrap;
}
@media (max-width: 720px) {
  header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountActiveStudent .studentInfo {
    display: none;
  }
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountActiveStudent .studentInfo .studentName {
  float: left;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountActiveStudent .studentInfo .studentClass {
  float: left;
  font-size: 14px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
header .headerRight .accountContainer .modAccount .modAccountSwitchContainer .modAccountSwitch {
  float: left;
  font-size: 30px;
  line-height: 1;
  position: relative;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper {
  max-width: calc(100vw - 30px);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: calc(100% + 29px);
  -webkit-transition: all 0.5s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  transition: all 0.5s cubic-bezier(0.29, 0, 0.2, 1) 0s;
  visibility: hidden;
  width: 400px;
  z-index: 100;
}
@media (max-width: 580px) {
  header .headerRight .accountContainer .modAccount .modAccountStaticWrapper {
    max-width: calc(100vw - 20px);
    right: -60px;
  }
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic {
  background-color: #ffffff;
  color: #1c1c1c;
  float: left;
  position: relative;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticTitleContainer {
  background-color: #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  float: left;
  padding: 20px 40px 20px 20px;
  position: relative;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticTitleContainer .modAccountStaticUser {
  float: left;
  font-size: 20px;
  font-weight: 400;
  gap: 15px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticTitleContainer .modAccountStaticUser .icon {
  display: -webkit-flex;
  display: flex;
  font-size: 20px;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticTitleContainer .modAccountStaticUser .name {
  float: left;
  line-height: 1.2;
  position: relative;
  width: calc(100% - 38px);
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountActiveStudent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1c1c1c;
  float: left;
  gap: 15px;
  padding: 20px;
  position: relative;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountActiveStudent .studentBadge {
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  -webkit-user-select: none;
  user-select: none;
  width: 50px;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountActiveStudent .studentInfo {
  float: left;
  gap: 3px;
  line-height: 1.2;
  max-width: calc(100% - 65px);
  position: relative;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountActiveStudent .studentInfo .studentName {
  float: left;
  font-weight: 700;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountActiveStudent .studentInfo .studentClass {
  float: left;
  font-size: 14px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStudentsLinkContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1c1c1c;
  float: left;
  padding: 20px 20px 20px 30px;
  position: relative;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStudentsLinkContainer .modAccountStudentsLink {
  color: #1c1c1c;
  float: left;
  gap: 10px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStudentsLinkContainer .modAccountStudentsLink:hover {
  color: #5a79bc;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStudentsLinkContainer .modAccountStudentsLink .studentLinkIcon {
  color: #5a79bc;
  font-size: 22px;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStudentsLinkContainer .modAccountStudentsLink .studentLinkLabel {
  font-size: 14px;
  font-weight: 700;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 20px 30px;
  position: relative;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner .modAccountStaticList {
  float: left;
  position: relative;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner .modAccountStaticList .modAccountStaticListItem {
  color: #1c1c1c;
  float: left;
  line-height: 1.2;
  padding: 6px 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner .modAccountStaticList .modAccountStaticListItem a {
  color: #1c1c1c;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner .modAccountStaticList .modAccountStaticListItem.logout {
  font-size: 15px;
  font-weight: 400;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner .modAccountStaticList .modAccountStaticListItem.logout a {
  color: #888888;
}
header .headerRight .accountContainer .modAccount .modAccountStaticWrapper .modAccountStatic .modAccountStaticInner .modAccountStaticList .modAccountStaticListItem.logout a:hover {
  color: #5a79bc;
}
header .headerRight .accountContainer .modAccount .modAccountOverlay {
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  height: 200vh;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 200vw;
  z-index: 9;
}
header .headerRight .accountContainer .modAccount .modAccountOverlay.invisible {
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
header #headerNav {
  float: left;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
@media (max-width: 980px) {
  header #headerNav {
    display: none;
  }
}
header #topMenuWrapper {
  float: left;
  position: relative;
  width: 100%;
}
header #topMenuWrapper .ccPageInner {
  max-width: 100%;
}
header #topMenuWrapper .topMenu {
  float: left;
  position: relative;
  width: 100%;
}
header #topMenuWrapper .topMenu .menuItem {
  float: left;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 5px 25px;
  position: relative;
}
header #topMenuWrapper .topMenu .menuItem a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  float: left;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  text-align: center;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  width: 100%;
}
header #topMenuWrapper .topMenu .menuItem.current > a, header #topMenuWrapper .topMenu .menuItem.active > a, header #topMenuWrapper .topMenu .menuItem > a:hover {
  outline: #fff;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}

footer {
  background-color: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
footer .footerRow {
  float: left;
  position: relative;
  width: 100%;
}
footer .modFooter {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  margin-left: -10px;
  position: relative;
  width: calc(100% + 20px);
}
@media (max-width: 1266px) {
  footer .modFooter {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
footer .modFooter .modFooterColumn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: left;
  max-width: 25%;
  padding: 0 40px 70px 10px;
  position: relative;
  width: auto;
}
@media (max-width: 1266px) {
  footer .modFooter .modFooterColumn {
    width: 25%;
  }
}
@media (max-width: 980px) {
  footer .modFooter .modFooterColumn {
    max-width: 50%;
    text-align: center;
    width: 50%;
  }
}
@media (max-width: 580px) {
  footer .modFooter .modFooterColumn {
    max-width: 100%;
    padding: 0 10px 70px;
    order: 2;
    text-align: center;
    width: 100%;
  }
}
footer .modFooter .modFooterColumn .modFooterSchool {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolTitle {
  float: left;
  font-size: 14px;
  padding: 0 0 20px;
  position: relative;
}
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolAddress {
  float: left;
  font-size: 12px;
  padding: 0 0 20px;
  position: relative;
}
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolEmail,
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolPhone {
  display: -webkit-flex;
  display: flex;
  float: left;
  font-size: 12px;
  margin: 0 0 3px;
  position: relative;
}
@media (max-width: 980px) {
  footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolEmail,
  footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolPhone {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolEmail .label,
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolPhone .label {
  margin: 0 5px 0 0;
}
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolEmail .value a,
footer .modFooter .modFooterColumn .modFooterSchool .modFooterSchoolPhone .value a {
  color: #ffffff;
}
footer .modFooter .modFooterColumn.logoColumn {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  padding: 0 10px 70px;
}
@media (max-width: 1266px) {
  footer .modFooter .modFooterColumn.logoColumn {
    margin: 0;
    width: auto;
  }
}
@media (max-width: 580px) {
  footer .modFooter .modFooterColumn.logoColumn {
    order: 1;
  }
}
footer .modFooter .modFooterColumn.logoColumn .modFooterLogo {
  display: -webkit-flex;
  display: flex;
  float: left;
  position: relative;
}
@media (max-width: 580px) {
  footer .modFooter .modFooterColumn.logoColumn .modFooterLogo {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
footer .modFooter .modFooterColumn.logoColumn .modFooterLogo .modFooterLogoImage {
  float: left;
  position: relative;
}
footer .modFooter .modFooterColumn.logoColumn .modFooterLogo .modFooterLogoImage img,
footer .modFooter .modFooterColumn.logoColumn .modFooterLogo .modFooterLogoImage svg {
  display: block;
  margin: 0;
  height: 84px;
  width: 140px;
}
footer .modFooter .modFooterColumn.logoColumn .modFooterIb {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  float: left;
  margin: 10px 0 0;
  position: relative;
}
@media (max-width: 580px) {
  footer .modFooter .modFooterColumn.logoColumn .modFooterIb {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
footer .modFooter .modFooterColumn.logoColumn .modFooterIb .modFooterIbImage {
  float: left;
  margin-right: 10px;
  position: relative;
  width: 36px;
}
footer .modFooter .modFooterColumn.logoColumn .modFooterIb .modFooterIbImage img,
footer .modFooter .modFooterColumn.logoColumn .modFooterIb .modFooterIbImage svg {
  float: left;
  position: relative;
  width: 36px;
}
footer .modFooter .modFooterColumn.logoColumn .modFooterIb .modFooterIbText {
  float: left;
  font-size: 12px;
  position: relative;
}

#copyrights {
  background-color: #1c1c1c;
  color: #ffffff;
  font-size: max(9.6px + 0.125vw, 12px);
  position: relative;
  width: 100%;
}
#copyrights .copyrightsContainer {
  gap: 0 10px;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 780px) {
  #copyrights .copyrightsContainer > * {
    text-align: center;
    width: 100%;
  }
}
#copyrights .copyrightsContainer a {
  color: inherit;
}
#copyrights .copyrightsContainer a:hover {
  text-decoration: underline;
}

.studentSelectionPage {
  float: left;
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper {
  float: left;
  margin: 0 0 100px;
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionEmpty {
  float: left;
  font-weight: 700;
  margin: 100px 0;
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionTitle {
  float: left;
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 320px) / (2000 - 320))), 32px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionForm {
  float: left;
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid {
  float: left;
  gap: clamp(20px, calc(20px + (50 - 20) * ((100vw - 320px) / (2000 - 320))), 50px);
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem {
  float: left;
  max-width: 380px;
  position: relative;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem .studentButton {
  background-color: #1c1c1c;
  border-radius: 10px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  gap: 15px;
  padding: 20px;
  -webkit-transition: background-color 0.2s ease;
  -mox-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 100%;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem .studentButton:hover {
  background-color: #5a79bc;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem .studentBadge {
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  height: 50px;
  -webkit-user-select: none;
  user-select: none;
  width: 50px;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem .studentInfo {
  float: left;
  gap: 3px;
  line-height: 1.2;
  max-width: calc(100% - 70px);
  position: relative;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem .studentInfo .studentName {
  float: left;
  font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 320px) / (2000 - 320))), 20px);
  font-weight: 700;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.studentSelectionPage .studentSelectionWrapper .studentSelectionGrid .studentSelectionGridItem .studentInfo .studentClass {
  float: left;
  font-size: 14px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

#homepageMenu {
  float: left;
  position: relative;
  width: 100%;
}
#homepageMenu .homepageMenuWrapper {
  float: left;
  position: relative;
  width: 100%;
}
#homepageMenu .homepageMenuWrapper .menuItem {
  background-color: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 15px;
  height: 220px;
  position: relative;
  width: 360px;
}
#homepageMenu .homepageMenuWrapper .menuItem a,
#homepageMenu .homepageMenuWrapper .menuItem span {
  border: 3px solid #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  float: left;
  font-size: 24px;
  font-weight: 700;
  height: 100%;
  padding: 20px 30px;
  position: relative;
  text-align: center;
  -webkit-transition: border 0.2s ease 0s, padding 0.2s ease 0s;
  -moz-transition: border 0.2s ease 0s, padding 0.2s ease 0s;
  transition: border 0.2s ease 0s, padding 0.2s ease 0s;
  width: 100%;
}
#homepageMenu .homepageMenuWrapper .menuItem a:hover,
#homepageMenu .homepageMenuWrapper .menuItem span:hover {
  border-width: 6px;
  outline: #ffffff;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  padding: 23px 27px;
}

.reportPage.preschool {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportInner {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportMessageContainer {
  float: left;
  font-weight: 700;
  margin: 100px 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.reportPage.preschool .reportGeneralInfoContainer {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1c1c1c;
  float: left;
  font-size: clamp(22px, calc(22px + (28 - 22) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  padding: 0 30px 0 0;
  position: relative;
}
@media (max-width: 800px) {
  .reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoTitle {
    font-size: 20px;
  }
}
@media (max-width: 440px) {
  .reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoTitle {
    order: 2;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoTitle {
    font-size: 17px;
  }
}
.reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoDate {
  float: left;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
@media (max-width: 440px) {
  .reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoDate {
    font-size: 22px;
    margin: 0 0 20px;
    order: 1;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .reportPage.preschool .reportGeneralInfoContainer .reportGeneralInfoDate {
    font-size: 20px;
  }
}
.reportPage.preschool .reportActivitiesContainer {
  border-left: 2px solid #5a79bc;
  border-top: 2px solid #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 50px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 440px) {
  .reportPage.preschool .reportActivitiesContainer {
    order: 3;
  }
}
@media (max-width: 400px) {
  .reportPage.preschool .reportActivitiesContainer {
    margin: 30px 0 0;
  }
}
.reportPage.preschool .reportActivitiesContainer .reportActivity {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid #5a79bc;
  border-bottom: 2px solid #5a79bc;
  float: left;
  font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 320px) / (2000 - 320))), 18px);
  font-weight: 700;
  padding: 15px 20px;
  position: relative;
  text-align: center;
  width: 25%;
}
@media (max-width: 770px) {
  .reportPage.preschool .reportActivitiesContainer .reportActivity {
    width: 33.33%;
  }
}
@media (max-width: 600px) {
  .reportPage.preschool .reportActivitiesContainer .reportActivity {
    width: 50%;
  }
}
@media (max-width: 440px) {
  .reportPage.preschool .reportActivitiesContainer .reportActivity {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .reportPage.preschool .reportActivitiesContainer .reportActivity {
    width: 100%;
  }
}
.reportPage.preschool .reportStudentMainContainer {
  float: left;
  margin: 100px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 600px) {
  .reportPage.preschool .reportStudentMainContainer {
    margin: 60px 0 0;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1c1c1c;
  float: left;
  font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 320px) / (2000 - 320))), 24px);
  font-weight: 700;
  padding: 0 30px 0 0;
  position: relative;
}
@media (max-width: 800px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentTitle {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentTitle {
    font-size: 17px;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer {
  float: left;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 50px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 440px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentContainer {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer {
  float: left;
  position: relative;
  width: calc(100% - 400px);
}
@media (max-width: 1000px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer {
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer {
  float: left;
  position: relative;
  width: 50%;
}
@media (max-width: 600px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer {
    width: 100%;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow {
  float: left;
  max-width: 250px;
  position: relative;
  width: 100%;
}
@media (max-width: 440px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow {
    max-width: 100%;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow.reportFoodRowFirst {
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 2px solid #5a79bc;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow .reportFoodEvaluation {
  border-right: 2px solid #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 10px 20px;
  position: relative;
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow .reportFoodEvaluation img {
  display: block;
  width: 30px;
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow .reportFoodTitle {
  color: #1c1c1c;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  float: left;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  text-align: center;
}
.reportPage.preschool .reportStudentMainContainer .reportStudentContainer .reportStudentFoodContainer .reportFoodContainer .reportFoodRow .reportFood {
  float: left;
  font-size: 15px;
  position: relative;
  text-align: center;
  width: 100%;
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable {
  background-color: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: left;
  gap: 15px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 40px;
  position: relative;
  width: 340px;
}
@media (max-width: 1000px) {
  .reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 30px 0 0;
    width: 100%;
  }
}
@media (max-width: 440px) {
  .reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable {
    -webkit-flex-direction: column;
    flex-direction: column;
    width: auto;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem {
  float: left;
  position: relative;
  width: calc(50% - 15px);
}
@media (max-width: 1000px) {
  .reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem {
    width: auto;
  }
}
@media (max-width: 700px) {
  .reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem {
    width: calc(50% - 20px);
  }
}
@media (max-width: 440px) {
  .reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem {
    margin: 10px 0;
    width: auto;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem:first-child {
  width: 100%;
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemIcon {
  float: left;
  position: relative;
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemIcon img {
  display: block;
  width: 30px;
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemSeparator {
  float: left;
  margin: 0 5px;
  position: relative;
}
.reportPage.preschool .reportStudentMainContainer .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemName {
  float: left;
  font-size: 15px;
  position: relative;
}
.reportPage.preschool .reportStudentMainContainer .reportStudentNotes {
  float: left;
  margin: 50px 0 0;
  position: relative;
  width: 100%;
}
@media (max-width: 600px) {
  .reportPage.preschool .reportStudentMainContainer .reportStudentNotes {
    margin: 30px 0 0;
  }
}
.reportPage.preschool .reportStudentMainContainer .reportStudentNotes .title {
  float: left;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportStudentMainContainer .reportStudentNotes .notes {
  float: left;
  font-size: 16px;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportStudentMainContainer .reportGeneralNotes {
  float: left;
  margin: 30px 0 0;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportStudentMainContainer .reportGeneralNotes .title {
  float: left;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.reportPage.preschool .reportStudentMainContainer .reportGeneralNotes .notes {
  float: left;
  font-size: 16px;
  position: relative;
  width: 100%;
}

.reportPage.evaluation {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportToggle {
  float: left;
  height: 0;
  opacity: 0;
  position: relative;
  visibility: hidden;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportToggle button {
  color: #1c1c1c;
  float: left;
  font-weight: 700;
  margin: 0 0 0 30px;
  padding: 0 0 5px;
  position: relative;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.reportPage.evaluation .reportInner .reportContainer .reportToggle button:after {
  background-color: #5a79bc;
  bottom: 0;
  content: "";
  left: 0;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportToggle button.active:after {
  height: 2px;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer {
  float: left;
  margin: 20px 0 10px;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav {
  float: left;
  gap: 20px;
  position: relative;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 4px;
  position: relative;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper:after {
  background-color: #5a79bc;
  bottom: 0;
  content: "";
  left: 0;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper.active:after {
  height: 2px;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper.active .monthLabel {
  color: #5a79bc;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper .monthLabel {
  color: #1c1c1c;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav {
  -webkit-align-items: center;
  align-items: center;
  background-color: #1c1c1c;
  bottom: 0;
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  float: left;
  gap: 5px 0;
  left: 50%;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 50px;
  z-index: 10;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav.activePeriods {
  display: -webkit-flex;
  display: flex;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav .periodBtn {
  color: #ffffff;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav .periodBtn:hover, .reportPage.evaluation .reportInner .reportContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav .periodBtn.active {
  color: #5a79bc;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper {
  float: left;
  margin: 70px 0 0;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .noReportContainer {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 30px 0 0;
  position: relative;
  width: 400px;
}
@media (max-width: 1250px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer {
    width: 300px;
  }
}
@media (max-width: 1100px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer {
    padding: 0 10px 0 0;
    width: 220px;
  }
}
@media (max-width: 840px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer {
    padding: 0 0 30px;
    width: 100%;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonList {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonList {
    display: none;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer {
  display: none;
  float: left;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer {
    display: block;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer .lessonDropdownList {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentTitleContainer {
  -webkit-align-items: center;
  align-items: center;
  background-color: #8c8c8c;
  color: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentTitleContainer .dropdownComponentTitle {
  font-size: 18px;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentTitleContainer .dropdownComponentArrowContainer svg path {
  stroke: #fff;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentBodyCollapse {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentBody {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonItem {
  background: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 18px;
  padding: 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonListContainer .lessonItem.active {
  background: #5a79bc;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent {
  float: left;
  position: relative;
  width: calc(100% - 400px);
}
@media (max-width: 1250px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent {
    width: calc(100% - 300px);
  }
}
@media (max-width: 1100px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent {
    width: calc(100% - 220px);
  }
}
@media (max-width: 840px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent {
    width: 100%;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonContentInner {
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 40px;
  position: relative;
  width: 100%;
}
@media (max-width: 1100px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonContentInner {
    padding: 25px;
  }
}
@media (max-width: 480px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonContentInner {
    padding: 15px;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader {
  float: left;
  padding: 0 0 30px;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader .lessonHeaderInner {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader .lessonTitle {
  color: #1c1c1c;
  display: none;
  float: left;
  font-size: 22px;
  font-weight: 700;
  margin: 20px 0 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader .lessonTitle {
    display: block;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader .lessonTeachers {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader .lessonTeachers .lessonTeachersTitle {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .lessonHeader .lessonTeachers .lessonTeacherName {
  float: left;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem {
  border-bottom: 2px solid #5a79bc;
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem:nth-child(2) {
  border-top: 2px solid #5a79bc;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid #5a79bc;
  float: left;
  padding: 15px 10px;
  position: relative;
  width: 70%;
}
@media (max-width: 1100px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemTitle {
    width: calc(100% - 100px);
  }
}
@media (max-width: 480px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemTitle {
    width: calc(100% - 50px);
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemValue {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 30%;
}
@media (max-width: 1100px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemValue {
    width: 100px;
  }
}
@media (max-width: 480px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemValue {
    width: 50px;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemValue .reportListItemIcon {
  float: left;
  position: relative;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemValue .reportListItemIcon img {
  height: 30px;
  width: 30px;
}
@media (max-width: 480px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportListItem .reportListItemValue .reportListItemIcon img {
    height: 25px;
    width: 25px;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTableContainer {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow {
  border-bottom: 2px solid #5a79bc;
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow.reportTableHeader {
  background-color: #dddddd;
  border-top: 2px solid #5a79bc;
  font-weight: 700;
}
@media (max-width: 580px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow.reportTableHeader .reportColumn {
    display: none;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportColumn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 15px 10px;
  position: relative;
  width: calc(100% - 390px);
}
@media (max-width: 900px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportColumn {
    width: calc(100% - 300px);
  }
}
@media (max-width: 580px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportColumn {
    border: none;
    text-align: center;
    width: 100%;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportColumn span {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 390px;
}
@media (max-width: 900px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns {
    width: 300px;
  }
}
@media (max-width: 580px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns {
    -webkit-justify-content: center !important;
    justify-content: center !important;
    padding: 15px 0;
    width: 100%;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn {
  border-left: 2px solid #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 130px;
}
@media (max-width: 900px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn {
    width: 100px;
  }
}
@media (max-width: 580px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn {
    border-left: 1px solid #5a79bc;
    border-right: 1px solid #5a79bc;
    width: 33.33%;
  }
}
@media (max-width: 420px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn {
    padding: 0 25px;
  }
}
@media (max-width: 580px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn:nth-child(2) {
    border-left: none;
  }
}
@media (max-width: 580px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn:last-child {
    border-right: none;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportTable .reportTableRow .reportPeriodColumns .reportPeriodColumn span {
  float: left;
  position: relative;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesHeader {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: clamp(20px, calc(20px + (24 - 20) * ((100vw - 320px) / (2000 - 320))), 24px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesList {
  border-top: 2px solid #5a79bc;
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesList .reportNotesListItem {
  border-bottom: 2px solid #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 15px 10px;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesList .reportNotesListItem p:first-child {
  margin-top: 0;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesList .reportNotesListItem p:last-child {
  margin-bottom: 0;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesList .reportNotesListItem .reportPeriodLabel {
  float: left;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .lessonDetail .reportList .reportNotesContainer .reportNotesList .reportNotesListItem .reportPeriodNote {
  float: left;
  position: relative;
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable {
  background-color: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  gap: 0 20px;
  margin: 20px 0 0;
  padding: 25px 20px;
  position: relative;
  width: 100%;
}
@media (max-width: 480px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable {
    gap: 15px;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  float: left;
  gap: 5px;
  line-height: 1;
  position: relative;
}
@media (max-width: 480px) {
  .reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem {
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    width: 100%;
  }
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem:first-child {
  width: 100%;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemIcon {
  float: left;
  position: relative;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemIcon img {
  height: 30px;
  width: 30px;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemSeparator {
  float: left;
  position: relative;
}
.reportPage.evaluation .reportInner .reportContainer .reportWrapper .lessonContent .reportEvaluationsTable .reportEvaluationsTableItem .reportEvaluationsTableItemName {
  float: left;
  font-size: 15px;
  position: relative;
}

.eLearningPage {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer {
  float: left;
  margin: 20px 0 10px;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 15px 20px;
  padding: 0 0 4px;
  position: relative;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper:after {
  background-color: #5a79bc;
  bottom: 0;
  content: "";
  left: 0;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper.active:after {
  height: 2px;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper.active .monthLabel {
  color: #5a79bc;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper .monthLabel {
  color: #1c1c1c;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav {
  -webkit-align-items: center;
  align-items: center;
  background-color: #1c1c1c;
  bottom: 0;
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  float: left;
  gap: 5px 0;
  left: 50%;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 40px;
  z-index: 10;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav .periodBtn {
  color: #ffffff;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav .periodBtn:hover, .eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper .periodsNav .periodBtn.active {
  color: #5a79bc;
}
.eLearningPage .eLearningInner .eLearningContainer .monthsNavContainer .monthsNav .monthWrapper:hover .periodsNav {
  display: -webkit-flex;
  display: flex;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper {
  float: left;
  margin: 70px 0 0;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .noeLearningContainer {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 30px 0 0;
  position: relative;
  width: 400px;
}
@media (max-width: 1250px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer {
    width: 300px;
  }
}
@media (max-width: 1100px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer {
    padding: 0 10px 0 0;
    width: 220px;
  }
}
@media (max-width: 840px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer {
    padding: 0 0 30px;
    width: 100%;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonList {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonList {
    display: none;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer {
  display: none;
  float: left;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer {
    display: block;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer .lessonDropdownList {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentTitleContainer {
  -webkit-align-items: center;
  align-items: center;
  background-color: #8c8c8c;
  color: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentTitleContainer .dropdownComponentTitle {
  font-size: 18px;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentTitleContainer .dropdownComponentArrowContainer svg path {
  stroke: #fff;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentBodyCollapse {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonDropdownContainer .dropdownComponentBody {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonItem {
  background: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 18px;
  padding: 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonListContainer .lessonItem.active {
  background: #5a79bc;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent {
  float: left;
  position: relative;
  width: calc(100% - 400px);
}
@media (max-width: 1250px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent {
    width: calc(100% - 300px);
  }
}
@media (max-width: 1100px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent {
    width: calc(100% - 220px);
  }
}
@media (max-width: 840px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent {
    width: 100%;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonContentInner {
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 40px;
  position: relative;
  width: 100%;
}
@media (max-width: 1100px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonContentInner {
    padding: 25px;
  }
}
@media (max-width: 480px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonContentInner {
    padding: 15px;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader {
  float: left;
  padding: 0 0 30px;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader .lessonHeaderInner {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader .lessonTitle {
  color: #1c1c1c;
  display: none;
  float: left;
  font-size: 22px;
  font-weight: 700;
  margin: 20px 0 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader .lessonTitle {
    display: block;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader .lessonTeachers {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader .lessonTeachers .lessonTeachersTitle {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .lessonHeader .lessonTeachers .lessonTeacherName {
  float: left;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList {
  float: left;
  gap: 80px 0;
  position: relative;
  width: 100%;
}
@media (max-width: 580px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList {
    gap: 0;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem {
  float: left;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay {
  float: left;
  position: relative;
  width: 100%;
}
@media (max-width: 580px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay {
    border-bottom: 2px solid #5a79bc;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayDatesContainer {
  border-right: 2px solid #5a79bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 20px 10px 20px 0;
  position: relative;
  width: 150px;
}
@media (max-width: 580px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayDatesContainer {
    border: none;
    padding: 20px 0 0;
    width: 100%;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayDatesContainer .weeksDayDate {
  color: #5a79bc;
  font-weight: 700;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayMaterialContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 20px 0 20px 30px;
  position: relative;
  width: calc(100% - 150px);
}
@media (max-width: 580px) {
  .eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayMaterialContainer {
    padding: 20px 0;
    width: 100%;
  }
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayMaterialContainer .weeksDayTitle {
  float: left;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayMaterialContainer .weeksDayMaterial {
  float: left;
  font-size: 14px;
  position: relative;
  width: 100%;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayMaterialContainer .weeksDayMaterial p:first-child {
  margin-top: 0;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem .weeksDay .weeksDayMaterialContainer .weeksDayMaterial p:last-child {
  margin-bottom: 0;
}
.eLearningPage .eLearningInner .eLearningContainer .eLearningWrapper .lessonContent .lessonDetail .weeksList .weeksListItem:last-child .weeksDay:last-child {
  border: none;
}

.galleryPage {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
.galleryPage .galleries {
  float: left;
  gap: 80px 0;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .noGalleriesContainer {
  float: left;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery {
  float: left;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner {
  float: left;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner .galleryHeader {
  float: left;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner .galleryHeader .galleryTitle {
  float: left;
  font-size: clamp(22px, calc(22px + (28 - 22) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner .galleryHeader .galleryDescription {
  float: left;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner .galleryHeader .galleryDescription p:first-child {
  margin-top: 0;
}
.galleryPage .galleries .gallery .galleryInner .galleryHeader .galleryDescription p:last-child {
  margin-bottom: 0;
}
.galleryPage .galleries .gallery .galleryInner .galleryGrid {
  float: left;
  gap: 15px;
  position: relative;
  width: 100%;
}
@media (max-width: 1400px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid {
    gap: 16px;
  }
}
@media (max-width: 860px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid {
    gap: 15px;
  }
}
@media (max-width: 580px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid {
    gap: 10px;
  }
}
.galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem {
  aspect-ratio: 1/1;
  float: left;
  position: relative;
  width: calc(20% - 12px);
}
@media (max-width: 1400px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem {
    width: calc(25% - 12px);
  }
}
@media (max-width: 860px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 580px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem {
    width: calc(50% - 5px);
  }
}
@media (max-width: 380px) {
  .galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem {
    width: 100%;
  }
}
.galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem .imageWrapper {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem .imageWrapper a {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}
.galleryPage .galleries .gallery .galleryInner .galleryGrid .galleryGridItem .imageWrapper img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.calendarContainer {
  float: left;
  position: relative;
  width: 100%;
}
.calendarContainer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.calendarContainer .calendar {
  position: relative;
}
.calendarContainer .calendar .loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.calendarContainer .calendar .calendarControls {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 320px) / (2000 - 320))), 24px);
  font-weight: bold;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 1.66;
  padding: 0 0 20px;
  text-align: center;
}
@media (max-width: 550px) {
  .calendarContainer .calendar .calendarControls {
    font-size: 20px;
  }
}
@media (max-width: 460px) {
  .calendarContainer .calendar .calendarControls {
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.calendarContainer .calendar .calendarControls .currentMonth {
  float: left;
  position: relative;
}
@media (max-width: 460px) {
  .calendarContainer .calendar .calendarControls .currentMonth {
    margin: 0 0 5px;
  }
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width: 460px) {
  .calendarContainer .calendar .calendarControls .calendarControlsButtons {
    gap: 20px;
  }
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons div {
  cursor: pointer;
  user-select: none;
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons div:hover {
  text-decoration: none;
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious,
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext {
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  gap: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 550px) {
  .calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious,
  .calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext {
    font-size: 13px;
  }
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious:hover,
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext:hover {
  color: #5a79bc;
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious .icon,
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext .icon {
  font-size: 13px;
}
@media (max-width: 550px) {
  .calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious .icon,
  .calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext .icon {
    font-size: 12px;
  }
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious .label,
.calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext .label {
  font-size: 15px;
  margin: 0 0 2px;
}
@media (max-width: 550px) {
  .calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonPrevious .label,
  .calendarContainer .calendar .calendarControls .calendarControlsButtons .calendarButtonNext .label {
    font-size: 13px;
  }
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .loadingIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .loadingIndicator .spinner {
  animation: rotate 2s linear infinite;
  width: 24px;
  height: 24px;
}
.calendarContainer .calendar .calendarControls .calendarControlsButtons .loadingIndicator .spinner .path {
  stroke: #333;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
.calendarContainer .calendar .calendarGrid .daysOfTheWeek {
  color: #ffffff;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 860px) {
  .calendarContainer .calendar .calendarGrid .daysOfTheWeek {
    display: none;
  }
}
.calendarContainer .calendar .calendarGrid .daysOfTheWeek .headerDay {
  background-color: #1c1c1c;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  padding: 8px 14px;
  text-align: center;
  width: 14.2857142857%;
}
@media (max-width: 980px) {
  .calendarContainer .calendar .calendarGrid .daysOfTheWeek .headerDay {
    font-size: 12px;
  }
}
.calendarContainer .calendar .calendarGrid .daysOfTheWeek .headerDay:first-child {
  border-left: 1px solid #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .daysOfTheWeek .headerDay:last-child {
  border-right: 1px solid #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .calendarDaysContainer {
  float: left;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays {
  background: #ffffff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
}
@media (max-width: 860px) {
  .calendarContainer .calendar .calendarGrid .calendarDays {
    margin-left: -2px;
    width: calc(100% + 4px);
  }
}
.calendarContainer .calendar .calendarGrid .calendarDays .empty {
  border: 1px solid #1c1c1c;
  color: #1c1c1c;
  font-size: 13px;
  line-height: 1.3;
  margin: 0;
  min-height: 100px;
  padding: 10px;
  width: 14.2857142857%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .empty.empty {
  background-color: #ccc;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day {
  border: 1px solid #1c1c1c;
  color: #1c1c1c;
  font-size: 13px;
  line-height: 1.3;
  margin: 0;
  min-height: 100px;
  padding: 10px;
  position: relative;
  width: 14.2857142857%;
}
@media (max-width: 860px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day {
    border: 2px solid #1c1c1c;
    margin: 2px;
    width: calc(33.33% - 4px) !important;
  }
}
@media (max-width: 680px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day {
    width: calc(50% - 4px) !important;
  }
}
@media (max-width: 460px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day {
    width: calc(100% - 4px) !important;
  }
}
@media (max-width: 860px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day:not(.active) {
    display: none;
  }
}
.calendarContainer .calendar .calendarGrid .calendarDays .day:nth-of-type(-n + 7) {
  border-top: 2px solid #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day:nth-of-type(7n + 1) {
  border-left: 2px solid #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day:nth-of-type(7n) {
  border-right: 2px solid #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day:nth-last-of-type(-n + 7) {
  border-bottom: 2px solid #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.adjacent-month {
  background-color: #ccc;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .topRow {
  float: left;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayNumber,
.calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayName,
.calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .date {
  color: #5a79bc;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 980px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayNumber,
  .calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayName,
  .calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .date {
    font-size: 15px;
    font-weight: 700;
  }
}
@media (max-width: 860px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayNumber {
    display: none;
  }
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayName,
.calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .date {
  display: none;
}
@media (max-width: 860px) {
  .calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .dayName,
  .calendarContainer .calendar .calendarGrid .calendarDays .day .topRow .date {
    display: block;
  }
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayItems {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper .breakfastContainer,
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper .lunchContainer {
  float: left;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper .homeworkLessonName {
  float: left;
  font-weight: 700;
  margin: 5px 0 0;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper .homeworkName {
  float: left;
  margin: 0 0 5px;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper a {
  display: block;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper p {
  margin: 0;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day .dayWrapper:last-child .item:after {
  display: none;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.event .item {
  float: left;
  padding: 0 0 12px;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.event .item:after {
  background-color: #1c1c1c;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 50px;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.event .item a,
.calendarContainer .calendar .calendarGrid .calendarDays .day.event .item .itemTitle {
  display: inline-block;
  float: left;
  position: relative;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.event .item .tooltipSwitch {
  display: inline-block;
  float: left;
  font-size: 16px;
  position: relative;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.today {
  background-color: #5a79bc;
  color: #ffffff;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.today .topRow .dayNumber,
.calendarContainer .calendar .calendarGrid .calendarDays .day.today .topRow .dayName,
.calendarContainer .calendar .calendarGrid .calendarDays .day.today .topRow .date {
  color: #ffffff;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.today a {
  color: #ffffff;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.today a:hover {
  color: #1c1c1c;
}
.calendarContainer .calendar .calendarGrid .calendarDays .day.today .item:after {
  background-color: #ffffff;
}
.calendarContainer .calendar .calendarGrid .eventTooltip {
  background: #1c1c1c;
  bottom: 0;
  color: #ffffff;
  font-size: 13px;
  left: 2px;
  opacity: 0;
  padding: 20px 30px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 200%;
  z-index: 50;
}
.calendarContainer .calendar .calendarGrid .eventTooltip a {
  color: #ffffff;
}
.calendarContainer .calendar .calendarGrid .eventTooltip a:hover {
  color: #5a79bc;
}
.calendarContainer .calendar .calendarGrid .eventTooltip.shown {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.calendarContainer .calendar .calendarGrid .eventTooltip p {
  margin: 0;
}
.calendarContainer .calendar .calendarGrid .eventTooltip::before {
  border-color: transparent transparent #1c1c1c transparent;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  content: "";
  height: 0;
  left: 15px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 0;
}
.calendarContainer .calendar .calendarGrid .clndr-grid .calendarDays .day:nth-child(7n) .eventTooltip {
  left: auto;
  right: 2px;
}
.calendarContainer .calendar .calendarGrid .clndr-grid .calendarDays .day:nth-child(7n) .eventTooltip::before {
  left: auto;
  right: 15px;
}
.calendarContainer .calendar .calendarGrid .calendarNotesContainer {
  background-color: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  float: left;
  font-size: 15px;
  line-height: 1.2;
  margin: clamp(40px, calc(40px + (60 - 40) * ((100vw - 320px) / (2000 - 320))), 60px) 0 0;
  padding: clamp(20px, calc(20px + (40 - 20) * ((100vw - 320px) / (2000 - 320))), 40px) clamp(20px, calc(20px + (60 - 20) * ((100vw - 320px) / (2000 - 320))), 60px);
  position: relative;
  text-align: center;
  width: 100%;
}
.calendarContainer .calendar .calendarGrid .calendarNotesContainer .calendarNotes {
  float: left;
  position: relative;
  width: 100%;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.dietPage {
  float: left;
  position: relative;
  width: 100%;
}
.dietPage .dietContainer {
  float: left;
  position: relative;
  width: 100%;
}

.consentsPage {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsTitleContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsTitleContainer .consentsTitle {
  float: left;
  font-size: clamp(22px, calc(22px + (28 - 22) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  position: relative;
}
.consentsPage .consentsInner .consentsContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .noConsentsContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 30px 0 0;
  position: relative;
  width: 400px;
}
@media (max-width: 1250px) {
  .consentsPage .consentsInner .consentsContainer .consentsListContainer {
    width: 300px;
  }
}
@media (max-width: 1100px) {
  .consentsPage .consentsInner .consentsContainer .consentsListContainer {
    padding: 0 10px 0 0;
    width: 220px;
  }
}
@media (max-width: 840px) {
  .consentsPage .consentsInner .consentsContainer .consentsListContainer {
    padding: 0 0 30px;
    width: 100%;
  }
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsList {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsList {
    display: none;
  }
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer {
  display: none;
  float: left;
  position: relative;
  width: 100%;
}
@media (max-width: 840px) {
  .consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer {
    display: block;
  }
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer .consentsDropdownList {
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer .dropdownComponentTitleContainer {
  -webkit-align-items: center;
  align-items: center;
  background-color: #8c8c8c;
  color: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer .dropdownComponentTitleContainer .dropdownComponentTitle {
  font-size: 18px;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer .dropdownComponentTitleContainer .dropdownComponentArrowContainer svg path {
  stroke: #fff;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer .dropdownComponentBodyCollapse {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentsDropdownContainer .dropdownComponentBody {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  gap: 10px;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentItem {
  background: #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 18px;
  padding: 20px 40px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentItem.active {
  background: #5a79bc;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentItem .badge {
  background-color: #4caf50;
  border-radius: 50%;
  height: 12px;
  left: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentItem.open .badge {
  background-color: #29b6f6;
}
.consentsPage .consentsInner .consentsContainer .consentsListContainer .consentItem.expired .badge {
  background-color: #f44336;
}
.consentsPage .consentsInner .consentsContainer .consentContent {
  float: left;
  position: relative;
  width: calc(100% - 400px);
}
@media (max-width: 1250px) {
  .consentsPage .consentsInner .consentsContainer .consentContent {
    width: calc(100% - 300px);
  }
}
@media (max-width: 1100px) {
  .consentsPage .consentsInner .consentsContainer .consentContent {
    width: calc(100% - 220px);
  }
}
@media (max-width: 840px) {
  .consentsPage .consentsInner .consentsContainer .consentContent {
    width: 100%;
  }
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner {
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 40px;
  position: relative;
  width: 100%;
}
@media (max-width: 1100px) {
  .consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner {
    padding: 25px;
  }
}
@media (max-width: 480px) {
  .consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner {
    padding: 15px;
  }
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .selectConsent {
  float: left;
  margin: 30px 0;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentTitle {
  float: left;
  font-size: clamp(20px, calc(20px + (24 - 20) * ((100vw - 320px) / (2000 - 320))), 24px);
  font-weight: 700;
  margin: 0;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentDescription {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentDescription p:first-child {
  margin-top: 0;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentDescription p:last-child {
  margin-bottom: 0;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentDeadlineContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentDeadlineContainer .consentDeadlineTitle {
  float: left;
  font-size: clamp(18px, calc(18px + (20 - 18) * ((100vw - 320px) / (2000 - 320))), 20px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentDeadlineContainer .consentDeadline {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentPaymentNotesContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentPaymentNotesContainer .consentPaymentNotesTitle {
  float: left;
  font-size: clamp(18px, calc(18px + (20 - 18) * ((100vw - 320px) / (2000 - 320))), 20px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentPaymentNotesContainer .consentPaymentNotes {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentPaymentNotesContainer .consentPaymentNotes p:first-child {
  margin-top: 0;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentPaymentNotesContainer .consentPaymentNotes p:last-child {
  margin-bottom: 0;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentFormContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentFormContainer .consentFormsTitle {
  float: left;
  font-size: clamp(18px, calc(18px + (20 - 18) * ((100vw - 320px) / (2000 - 320))), 20px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentFormContainer .consentForm {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondContainer .consentRespondSubmitted {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #155724;
  float: left;
  padding: 12px 15px;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondContainer .consentExpired {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #721c24;
  float: left;
  padding: 12px 15px;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondAnswerTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondCommentTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondSignatureTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatusTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondAnswerTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondCommentTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondSignatureTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatusTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondAnswerTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondCommentTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondSignatureTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatusTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondAnswerTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondCommentTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondSignatureTitle,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatusTitle {
  float: left;
  font-weight: 700;
  margin: 0 0 5px;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatusWrapper,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatusWrapper,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatusWrapper,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatusWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondAnswer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondComment,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondAnswer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondComment,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondAnswer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondComment,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondAnswer,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondComment {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondSignature,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondSignature,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondSignature,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondSignature {
  float: left;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondSignature img,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondSignature img,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondSignature img,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondSignature img {
  border-radius: 4px;
  border: 1px solid #999;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus {
  float: left;
  gap: 0 10px;
  position: relative;
  width: 100%;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus.paid,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus.paid,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus.paid,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus.paid {
  color: #28a745;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus.paid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus.paid .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus.paid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus.paid .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus.paid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus.paid .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus.paid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus.paid .label {
  color: #28a745;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus.unpaid,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus.unpaid,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus.unpaid,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus.unpaid {
  color: #dc3545;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus.unpaid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus.unpaid .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus.unpaid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus.unpaid .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus.unpaid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus.unpaid .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus.unpaid .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus.unpaid .label {
  color: #dc3545;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus .icon,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus .icon {
  float: left;
  font-size: 26px;
  position: relative;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondAnswerContainer .consentRespondPaymentStatus .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondCommentContainer .consentRespondPaymentStatus .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSignatureContainer .consentRespondPaymentStatus .label,
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondPaymentStatusContainer .consentRespondPaymentStatus .label {
  float: left;
  position: relative;
}
.consentsPage .consentsInner .consentsContainer .consentContent .consentContentInner .consentRespondSubmittedBy {
  color: #888888;
  float: left;
  font-size: 14px;
  position: relative;
  width: 100%;
}

.categoryViewContainer.news {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryHeader {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryHeader .categoryTitleContainer {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryHeader .categoryTitleContainer .categoryTitle {
  float: left;
  font-size: clamp(22px, calc(22px + (28 - 22) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  position: relative;
}
.categoryViewContainer.news .categoryMainWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItemsContainer {
  float: left;
  gap: 60px 30px;
  position: relative;
  width: 100%;
}
@media (max-width: 580px) {
  .categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItemsContainer {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItemsContainer .noItemsFound {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem {
  border-bottom: 10px solid #1c1c1c;
  float: left;
  position: relative;
  width: calc(33.33% - 20px);
}
@media (max-width: 980px) {
  .categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem {
    width: calc(50% - 15px);
  }
}
@media (max-width: 580px) {
  .categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem {
    max-width: 360px;
    width: 100%;
  }
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem:nth-child(1), .categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem:nth-child(2) {
  width: calc(50% - 15px);
}
@media (max-width: 580px) {
  .categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem:nth-child(1), .categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem:nth-child(2) {
    max-width: 360px;
    width: 100%;
  }
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemImageContainer {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemImageContainer .categoryItemImage {
  aspect-ratio: 1;
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemImageContainer .categoryItemImage a {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemImageContainer .categoryItemImage a:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 5;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemImageContainer .categoryItemImage a:hover:after {
  opacity: 1;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemImageContainer .categoryItemImage img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemBody {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemBody .categoryItemDate {
  color: #5a79bc;
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemBody .categoryItemTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: clamp(20px, calc(20px + (28 - 20) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 4;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer {
  float: left;
  margin-top: auto;
  position: relative;
  width: 100%;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton {
  color: #1c1c1c;
  float: left;
  position: relative;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton .text {
  float: left;
  font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  line-height: 1;
  position: relative;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton .icon {
  float: left;
  margin: 5px 0 0 10px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton .icon svg {
  float: left;
  position: relative;
}
.categoryViewContainer.news .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton:hover .icon {
  margin-left: 15px;
}
.categoryViewContainer.news .categoryMainWrapper .paginationWrapper {
  float: left;
  position: relative;
  width: 100%;
}

.itemViewContainer.news {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper {
  background-color: #ffffff;
  border: 10px solid #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: clamp(20px, calc(20px + (30 - 20) * ((100vw - 320px) / (2000 - 320))), 30px);
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemImageContainer {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemImageContainer .itemImage {
  aspect-ratio: 19/10;
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemImageContainer .itemImage img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemHeader {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemHeader .itemDate {
  color: #5a79bc;
  float: left;
  font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 320px) / (2000 - 320))), 20px);
  font-weight: 700;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemHeader .itemTitle {
  float: left;
  font-size: clamp(26px, calc(26px + (48 - 26) * ((100vw - 320px) / (2000 - 320))), 48px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemBody {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemBody .itemFullText {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.news .itemMainWrapper .itemBody .itemFullText p:first-child {
  margin-top: 0;
}
.itemViewContainer.news .itemMainWrapper .itemBody .itemFullText p:last-child {
  margin-bottom: 0;
}
.itemViewContainer.news .itemMainWrapper .itemBody .itemFullText a {
  color: #5a79bc;
}
.itemViewContainer.news .itemMainWrapper .itemBody .itemFullText a:hover {
  color: #d45d9c;
}

.categoryViewContainer.regulations {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryHeader {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryHeader .categoryTitleContainer {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryHeader .categoryTitleContainer .categoryTitle {
  float: left;
  font-size: clamp(22px, calc(22px + (28 - 22) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  position: relative;
}
.categoryViewContainer.regulations .categoryMainWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItemsContainer {
  float: left;
  gap: 60px 0;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItemsContainer .noItemsFound {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem {
  border-bottom: 10px solid #1c1c1c;
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemBody {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemBody .categoryItemTitle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: clamp(20px, calc(20px + (28 - 20) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 4;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer {
  float: left;
  position: relative;
  width: 100%;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton {
  color: #1c1c1c;
  float: left;
  position: relative;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton .text {
  float: left;
  font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 320px) / (2000 - 320))), 28px);
  font-weight: 700;
  line-height: 1;
  position: relative;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton .icon {
  float: left;
  margin: 5px 0 0 10px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton .icon svg {
  float: left;
  position: relative;
}
.categoryViewContainer.regulations .categoryMainWrapper .categoryWrapper .categoryItem .categoryItemButtonContainer .categoryItemButton:hover .icon {
  margin-left: 15px;
}
.categoryViewContainer.regulations .categoryMainWrapper .paginationWrapper {
  float: left;
  position: relative;
  width: 100%;
}

.itemViewContainer.regulations {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper {
  background-color: #ffffff;
  border: 10px solid #1c1c1c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: clamp(20px, calc(20px + (30 - 20) * ((100vw - 320px) / (2000 - 320))), 30px);
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemImageContainer {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemImageContainer .itemImage {
  aspect-ratio: 19/10;
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemImageContainer .itemImage img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemHeader {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemHeader .itemTitle {
  float: left;
  font-size: clamp(26px, calc(26px + (48 - 26) * ((100vw - 320px) / (2000 - 320))), 48px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemBody {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemBody .itemFullText {
  float: left;
  position: relative;
  width: 100%;
}
.itemViewContainer.regulations .itemMainWrapper .itemBody .itemFullText p:first-child {
  margin-top: 0;
}
.itemViewContainer.regulations .itemMainWrapper .itemBody .itemFullText p:last-child {
  margin-bottom: 0;
}
.itemViewContainer.regulations .itemMainWrapper .itemBody .itemFullText a {
  color: #5a79bc;
}
.itemViewContainer.regulations .itemMainWrapper .itemBody .itemFullText a:hover {
  color: #d45d9c;
}

/*# sourceMappingURL=styles.css.map */