html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button:focus {
  outline: none;
}

abbr {
  text-decoration: none;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translatex(-599rem);
  }
}
:root {
  --color-red: #ff0000;
  --color-white: #ffffff;
  --color-whatsapp: #25d366;
  --color-grey: #ebebeb;
  --color-grey-dark: #8e8e8e;
  --color-grey-light: #d2d2d2;
  --color-grey-darker: #d2d2d2;
}

@font-face {
  src: url("../fonts/silka-medium-webfont.ttf") format("opentype");
  font-family: "silka-medium";
}
@font-face {
  src: url("../fonts/silka-bold-webfont.ttf") format("opentype");
  font-family: "silka-bold";
}
.silka {
  font-optical-sizing: auto;
}
.silka_bold {
  font: normal normal 500 1rem/1.5rem "silka-bold", serif;
}
.silka_h1 { /*1024px*/
  font: normal normal 500 2rem/normal "silka-medium", serif;
}
@media (min-width: 64em) {
  .silka_h1 {
    font: normal normal 500 3rem/normal "silka-medium", serif;
  }
}
.silka_h2 {
  font: normal normal 500 2.25rem/2.5rem "silka-medium", serif;
}
.silka_h3 {
  /*1024px*/
  font: normal normal 500 1.25rem/normal "silka-medium", serif;
}
@media (min-width: 64em) {
  .silka_h3 {
    font: normal normal 500 2rem/normal "silka-medium", serif;
  }
}
.silka_body_xl {
  /*1024px*/
  font: normal normal 500 1.125rem/normal "silka-medium", serif;
}
@media (min-width: 64em) {
  .silka_body_xl {
    font: normal normal 500 1.5rem/normal "silka-medium", serif;
  }
}
.silka_body_large {
  font: normal normal 500 1.25rem/normal "silka-medium", serif;
}
.silka_body_xs {
  font: normal normal 500 1.125rem/normal "silka-medium", serif;
}
.silka_body_regular {
  font: normal normal 400 1rem/1.5rem "silka-medium", serif;
}
.silka_body_sr {
  font: normal normal 500 0.75rem/normal "silka-medium", serif;
}
.silka_body_small {
  font: normal normal 400 0.875rem/1.313rem "silka-medium", serif;
}
.silka_body_ss {
  font: normal normal 500 0.6875rem/normal "silka-medium", serif;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

html {
  /*1024px*/
  font-size: 4.2666666667vw;
}
@media (min-width: 64em) {
  html {
    font-size: 1.1111111111vw;
  }
}

body {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: block;
  overflow-x: hidden;
  font: normal normal 400 1rem/1.5rem "silka-medium", serif;
}
body.no_overflow {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
}
a:hover {
  text-decoration: inherit;
}

button {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.upper {
  text-transform: uppercase;
}

.desktop {
  /*1024px*/
  display: none;
}
@media (min-width: 64em) {
  .desktop {
    display: block;
  }
}

.mobile {
  /*1024px*/
  display: block;
}
@media (min-width: 64em) {
  .mobile {
    display: none;
  }
}

.btn {
  /*1024px*/
  padding: 0.5rem 1.5rem;
  text-align: center;
  border-radius: 0.5rem;
}
@media (min-width: 64em) {
  .btn {
    padding: 0.9rem 1.5rem;
  }
}
.btn_red {
  background: var(--color-red);
  color: var(--color-white) !important;
}
.btn_black {
  background: black;
  color: var(--color-white);
}
.btn_white {
  background: var(--color-white);
  color: black !important;
}
.btn_icon {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  justify-content: center;
}
.btn_icon svg,
.btn_icon img {
  width: 1.5rem;
}

.input_single label {
  display: block;
  margin-bottom: 0.5rem;
}
.input_single input[type=text],
.input_single input[type=password],
.input_single textarea {
  font: normal normal 400 1rem/1.5rem "silka-medium", serif;
  display: block;
  border-radius: 0.5rem;
  background: #d1d5db;
  padding: 0.63rem;
  border: 1px solid #d1d5db;
  width: 100%;
}
.input_single textarea {
  height: 8rem;
  resize: none;
}
.input_single.checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input_single.checkbox label {
  margin-bottom: 0;
}
.input_single.checkbox input[type=checkbox] {
  margin: 0;
  width: 1rem;
  height: 1rem;
}

header {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  align-items: stretch;
  z-index: 9999;
}
header .menu_mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  background: #ebebeb;
  padding: 7.5rem 1.5rem 2.5rem 1.5rem;
}
header .menu_mobile .mm_links {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
header .menu_mobile .mm_links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .menu_mobile .address .last {
  margin-top: 1rem;
}
header .left {
  /*1024px*/
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (min-width: 64em) {
  header .left {
    background: var(--color-red);
  }
}
header .left .desktop {
  /*1024px*/
  padding: 1rem 2.5rem;
  width: 26.5rem;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 64em) {
  header .left .desktop {
    display: flex;
  }
}
header .left .desktop .logo {
  width: 12.5rem;
  display: block;
  object-fit: contain;
}
header .left .desktop .sponsors {
  width: 7.75rem;
  display: block;
  object-fit: contain;
}
header .left .mobile {
  width: 100%;
  padding: 1rem;
}
header .left .mobile svg {
  width: 7.359rem;
  display: block;
}
header .right {
  /*1024px*/
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  background-color: var(--color-white);
  position: relative;
  z-index: 2;
}
@media (min-width: 64em) {
  header .right {
    padding: 1rem 2.5rem;
    justify-content: space-between;
  }
}
header .right .r_left {
  /*1024px*/
  display: none;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 64em) {
  header .right .r_left {
    display: flex;
  }
}
header .right .r_right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
header .right .r_right .no_logged .btn {
  padding: 0.5rem 1.5rem;
}
header .right .r_right .logged {
  position: relative;
}
header .right .r_right .logged .logged_top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
header .right .r_right .logged .logged_top .letter {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--color-red);
  text-transform: capitalize;
  font-size: 22px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color-red);
  border-radius: 50%;
}
header .right .r_right .logged .logged_top svg {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}
header .right .r_right .logged_bot {
  display: none;
  position: absolute;
  background: white;
  text-align: center;
  padding: 2rem 1rem 1rem 1rem;
  top: 2.8rem;
  left: -1.5rem;
  width: 10rem;
  z-index: 9;
}
header .right .r_right .logged_bot a {
  margin-bottom: 0.5rem;
  display: block;
}
header .right .r_right .open_menu_mobile {
  width: 1.5rem;
  height: 1.5rem;
}
header .right .r_right .open_menu_mobile svg {
  width: 100%;
  display: block;
}

footer {
  /*1024px*/
  background: var(--color-red);
  padding: 2.5rem 1rem 5rem 1rem;
}
@media (min-width: 64em) {
  footer {
    padding: 2.5rem;
  }
}
footer .top {
  /*1024px*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 64em) {
  footer .top {
    flex-direction: row;
  }
}
footer .top .left {
  width: 9.125rem;
}
footer .top .left img {
  margin-bottom: 1.875rem;
  width: 100%;
  display: block;
}
footer .top .left p {
  text-align: center;
  color: var(--color-white);
}
footer .top .mid {
  text-align: center;
}
footer .top .mid .silka_body_xl {
  color: var(--color-white);
  margin-bottom: 1rem;
}
footer .top .mid .btn {
  display: inline-block;
}
footer .top .right {
  /*1024px*/
  text-align: center;
  color: var(--color-white);
}
@media (min-width: 64em) {
  footer .top .right {
    text-align: right;
  }
}
footer .bottom {
  /*1024px*/
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.5rem;
}
@media (min-width: 64em) {
  footer .bottom {
    flex-direction: row;
    gap: 2.5rem;
  }
}
footer .bottom a {
  color: var(--color-white);
}
footer .bottom img {
  width: 6rem;
  display: block;
}

.whatsapp_button {
  /*1024px*/
  right: 1.25rem;
  bottom: 1.25rem;
  position: fixed;
  display: flex;
  align-items: center;
  z-index: 9;
}
@media (min-width: 64em) {
  .whatsapp_button {
    right: 2.5rem;
    bottom: 1.875rem;
  }
}
.whatsapp_button .silka_body_small {
  background-color: var(--color-whatsapp);
  color: var(--color-white);
  padding: 0.5rem 0.75rem;
  border-radius: 1.563rem 0 0 1.563rem;
}
.whatsapp_button span {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-whatsapp);
  margin-left: -0.5rem;
}
.whatsapp_button span svg {
  width: 2rem;
  display: block;
}
.whatsapp_button span svg path {
  fill: var(--color-white);
}

.login {
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}
.login .login_content {
  background-color: var(--color-white);
  padding: 1.5rem 2.5rem 2.5rem 2.5rem;
  width: 30rem;
  max-height: 39rem;
  overflow: auto;
}
.login .login_content .close_login {
  display: flex;
  color: var(--color-red);
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1rem auto;
}
.login .login_content .w_text {
  text-align: center;
  margin-bottom: 1rem;
}
.login .login_content .space {
  margin: 1rem 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.login .login_content .space span {
  background-color: #ccc;
  height: 1px;
  width: 100%;
}
.login .login_content .forms form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: stretch;
}
.login .login_content .forms .other_links {
  margin-top: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-direction: column;
}
.login .login_content .forms .other_links p button {
  color: var(--color-red);
}

.index_page {
  /*1024px*/
  display: flex;
  background-color: var(--color-red);
  width: 100%;
  flex-direction: column;
}
@media (min-width: 64em) {
  .index_page {
    flex-direction: row;
    height: 100vh;
  }
}
.index_page .left {
  /*1024px*/
  width: 100%;
}
@media (min-width: 64em) {
  .index_page .left {
    width: 19.875rem;
  }
}
.index_page .left .top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 8.438rem;
  border-bottom: 1px solid var(--color-white);
}
.index_page .left .top img {
  width: 9.375rem;
  display: block;
}
.index_page .left .bottom {
  /*1024px*/
  display: none;
  height: calc(100% - 8.438rem);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 1.438rem 3.125rem 2.25rem;
}
@media (min-width: 64em) {
  .index_page .left .bottom {
    display: flex;
  }
}
.index_page .left .bottom p {
  color: var(--color-white);
  margin-bottom: 1rem;
  position: relative;
}
.index_page .left .bottom p:last-child:after {
  content: "";
  width: 3.875rem;
  background: var(--color-white);
  height: 2px;
  position: absolute;
  bottom: -1rem;
  left: 0;
}
.index_page .right {
  /*1024px*/
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 64em) {
  .index_page .right {
    flex-direction: row;
    width: calc(100% - 19.875rem);
  }
}
.index_page .right .sides {
  /*1024px*/
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 64em) {
  .index_page .right .sides {
    width: 50%;
  }
}
.index_page .right .sides .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.index_page .right .sides .gradient {
  background: linear-gradient(180deg, #9b9595 41.81%, rgba(196, 196, 196, 0));
  mix-blend-mode: multiply;
  transform: rotate(-180deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.index_page .right .sides .text {
  /*1024px*/
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 12rem 1rem 4rem 1rem;
  gap: 1.25rem;
}
@media (min-width: 64em) {
  .index_page .right .sides .text {
    padding: 3.125rem 3.125rem 6.25rem 3.125rem;
  }
}
.index_page .right .sides .text img {
  width: 2.625rem;
  display: block;
}
.index_page .right .sides .text .silka_h2 {
  color: var(--color-white);
}
.index_page .right .sides .text .silka_body_regular {
  color: var(--color-white);
  padding: 1.25rem;
  border: 1px solid var(--color-white);
  border-radius: 0.625rem;
}
.index_page .only_mobile {
  /*1024px*/
  display: flex;
  height: calc(100% - 8.438rem);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem 1rem 6rem 1rem;
}
@media (min-width: 64em) {
  .index_page .only_mobile {
    display: none;
  }
}
.index_page .only_mobile p {
  color: var(--color-white);
  margin-bottom: 1rem;
  position: relative;
}
.index_page .only_mobile p:last-child:after {
  content: "";
  width: 3.875rem;
  background: var(--color-white);
  height: 2px;
  position: absolute;
  bottom: -1rem;
  left: 0;
}

.constructor_page {
  background: black;
}
.constructor_page .top {
  /*1024px*/
  padding: 7.5rem 1rem 3rem 1rem;
  background: var(--color-red);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.62rem;
}
@media (min-width: 64em) {
  .constructor_page .top {
    padding: 8.5rem 1rem 3rem 1rem;
  }
}
.constructor_page .top .main_logo { /*1024px*/
  width: 18rem;
  display: block;
}
@media (min-width: 64em) {
  .constructor_page .top .main_logo {
    width: 27.72781rem;
  }
}
.constructor_page .top .logo_sponsors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.constructor_page .top .logo_sponsors img {
  /*1024px*/
  width: 3.125rem;
  display: block;
}
@media (min-width: 64em) {
  .constructor_page .top .logo_sponsors img {
    width: 4.19119rem;
  }
}
.constructor_page .top .text {
  align-items: center;
  color: white;
  margin-top: 0.88rem;
}
.constructor_page .middle {
  /*1024px*/
  padding: 8rem 1rem 0 1rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1.5rem;
  flex-direction: column;
}
@media (min-width: 64em) {
  .constructor_page .middle {
    padding: 10rem 2.5rem 0 2.5rem;
    gap: 2.5rem;
    flex-direction: row;
  }
}
.constructor_page .middle a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.constructor_page .middle a img {
  /*1024px*/
  width: 100%;
  object-fit: contain;
}
@media (min-width: 64em) {
  .constructor_page .middle a img {
    width: 41.25rem;
  }
}
.constructor_page .middle a p {
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.constructor_page .middle a p svg {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
.constructor_page .middle a p.silka_body_small {
  margin-bottom: 1rem;
  display: block;
}
.constructor_page .bottom {
  /*1024px*/
  display: flex;
  padding: 1.5rem 1rem;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 64em) {
  .constructor_page .bottom {
    flex-direction: row;
    padding: 5rem;
  }
}
.constructor_page .bottom .icons_single {
  /*1024px*/
  border-bottom: 1px solid var(--color-grey-darker);
  padding: 1.5rem 0 2rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 64em) {
  .constructor_page .bottom .icons_single {
    border-right: 1px solid var(--color-grey-darker);
    border-bottom: none;
    padding: 0 1.5rem;
    width: 20rem;
  }
}
.constructor_page .bottom .icons_single:last-child {
  border-right: none;
  border-bottom: none;
}
.constructor_page .bottom .icons_single img {
  width: 3rem;
  display: block;
}
.constructor_page .bottom .icons_single p {
  color: white;
  text-align: center;
}

.course_detail_page {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: stretch;
}
.course_detail_page .left {
  /*1024px*/
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 64em) {
  .course_detail_page .left {
    width: 22.5rem;
  }
}
.course_detail_page .left .top {
  /*1024px*/
  padding: 1rem 1rem 1.5rem 1rem;
  background: var(--color-red);
}
@media (min-width: 64em) {
  .course_detail_page .left .top {
    padding: 1rem 1.5rem 3rem 1.5rem;
  }
}
.course_detail_page .left .top .back_button {
  display: flex;
  align-items: center;
  color: var(--color-white);
  gap: 0.25rem;
}
.course_detail_page .left .top .back_button img {
  width: 0.9375rem;
  display: block;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.course_detail_page .left .top .course_detail {
  /*1024px*/
  margin-top: 1.5rem;
  color: var(--color-white);
}
@media (min-width: 64em) {
  .course_detail_page .left .top .course_detail {
    margin-top: 3rem;
  }
}
.course_detail_page .left .top .course_detail .silka_body_small {
  margin-bottom: 0.5rem;
}
.course_detail_page .left .top .course_detail .time_lessons {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.course_detail_page .left .top .course_detail .time_lessons .tl_info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.course_detail_page .left .top .course_detail .time_lessons .tl_info svg path {
  stroke: var(--color-white);
}
.course_detail_page .left .top .course_detail .progress_bar {
  margin-top: 1.5rem;
}
.course_detail_page .left .top .course_detail .progress_bar .bar {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
  width: 100%;
  display: block;
  height: 0.75rem;
}
.course_detail_page .left .top .course_detail .progress_bar .bar .progress {
  background: back;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: black;
}
.course_detail_page .left .top .course_detail .progress_bar .silka_body_sr {
  margin-top: 0.5rem;
}
.course_detail_page .left .bottom {
  /*1024px*/
  height: 100%;
  overflow: auto;
  padding: 1.5rem 1rem 18rem 1rem;
  background: var(--color-grey);
}
@media (min-width: 64em) {
  .course_detail_page .left .bottom {
    padding: 1.5rem 1.5rem 22rem 1.5rem;
  }
}
.course_detail_page .left .bottom .course_content {
  margin-top: 0.62rem;
}
.course_detail_page .left .bottom .course_content ul {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.course_detail_page .left .bottom .course_content ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: inherit;
}
.course_detail_page .left .bottom .course_content ul li .cc_left {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
  color: var(--color-grey-dark);
}
.course_detail_page .left .bottom .course_content ul li .cc_left .silka_body_ss {
  background: var(--color-grey-light);
  color: var(--color-grey-dark);
  border: 1px solid var(--color-grey-light);
  width: 1.29rem;
  height: 1.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.course_detail_page .left .bottom .course_content ul li .cc_left .silka_body_small {
  width: calc(100% - 1.25rem);
  flex: 1;
}
.course_detail_page .left .bottom .course_content ul li .cc_right {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #1cab3b;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.course_detail_page .left .bottom .course_content ul li.active {
  cursor: pointer;
}
.course_detail_page .left .bottom .course_content ul li.active .cc_left {
  color: var(--color-red);
}
.course_detail_page .left .bottom .course_content ul li.active .cc_left .silka_body_ss {
  background: transparent;
  color: var(--color-red);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-red);
}
.course_detail_page .left .bottom .course_content ul li.active .cc_right {
  opacity: 0;
}
.course_detail_page .left .bottom .course_content ul li.complete {
  cursor: pointer;
}
.course_detail_page .left .bottom .course_content ul li.complete .cc_left {
  color: black;
}
.course_detail_page .left .bottom .course_content ul li.complete .cc_left .silka_body_ss {
  background: var(--color-red);
  border: 1px solid var(--color-red);
  color: var(--color-white);
}
.course_detail_page .left .bottom .course_content ul li.complete .cc_right {
  opacity: 1;
}
.course_detail_page .right {
  /*1024px*/
  width: 100%;
  overflow: auto;
  position: fixed;
  background-image: url("../images/background-course.jpeg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  height: 100vh;
}
@media (min-width: 64em) {
  .course_detail_page .right {
    position: relative;
    width: calc(100% - 22.5rem);
    height: 100vh;
  }
}
.course_detail_page .right .top {
  /*1024px*/
  padding: 3rem 1rem 1rem 1rem;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  backdrop-filter: blur(2.5px);
  height: 6rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .top {
    padding: 1rem 5rem;
    height: 5.25rem;
  }
}
.course_detail_page .right .top .close_detail_course {
  /*1024px*/
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: white;
  gap: 0.62rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .top .close_detail_course {
    display: none;
  }
}
.course_detail_page .right .top .logo_red {
  /*1024px*/
  width: 7.75rem;
  display: block;
}
@media (min-width: 64em) {
  .course_detail_page .right .top .logo_red {
    width: 12.5rem;
  }
}
.course_detail_page .right .top .sponsor_red {
  width: 7.75rem;
  display: block;
}
.course_detail_page .right .bottom {
  /*1024px*/
  position: relative;
  z-index: 2;
  padding: 0 1rem 1rem 1rem;
  backdrop-filter: blur(2.5px);
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom {
    padding: 0 5rem 2rem 5rem;
  }
}
.course_detail_page .right .bottom .tag {
  color: var(--color-grey-dark);
}
.course_detail_page .right .bottom .silka_h3 {
  color: white;
}
.course_detail_page .right .bottom .lesson_content {
  /*1024px*/
  margin-top: 2rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .lesson_content {
    margin-top: 3rem;
  }
}
.course_detail_page .right .bottom .lesson_content .white_block {
  /*1024px*/
  background: var(--color-white);
  border-radius: 1rem;
  width: 100%;
  min-height: 19rem;
  padding: 3rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .lesson_content .white_block {
    padding: 5rem;
    min-height: 32.5rem;
  }
}
.course_detail_page .right .bottom .lesson_content .white_block .silka_body_regular {
  color: var(--color-red);
}
.course_detail_page .right .bottom .lesson_content .white_block.success .silka_h1, .course_detail_page .right .bottom .lesson_content .white_block.fail .silka_h1 {
  /*1024px*/
  margin-bottom: 1rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .lesson_content .white_block.success .silka_h1, .course_detail_page .right .bottom .lesson_content .white_block.fail .silka_h1 {
    margin-bottom: 2rem;
  }
}
.course_detail_page .right .bottom .lesson_content .video {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  display: flex;
  gap: 2rem;
}
.course_detail_page .right .bottom .lesson_content .video video,
.course_detail_page .right .bottom .lesson_content .video iframe {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
}
.course_detail_page .right .bottom .lesson_content .video .video_info {
  /*1024px*/
  display: flex;
  padding: 1rem 0.5rem;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 0.5rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .lesson_content .video .video_info {
    flex-direction: row;
    align-items: center;
    padding: 1.5rem;
  }
}
.course_detail_page .right .bottom .lesson_content .video .video_info .silka_body_regular {
  color: var(--color-white);
}
.course_detail_page .right .bottom .lesson_content .video .video_info .v_buttons {
  /*1024px*/
  flex-wrap: wrap;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .lesson_content .video .video_info .v_buttons {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}
.course_detail_page .right .bottom .lesson_content .video .video_info .v_buttons .btn {
  /*1024px*/
  padding: 0.5rem 1.5rem;
  height: 2.25rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .lesson_content .video .video_info .v_buttons .btn {
    height: auto;
  }
}
.course_detail_page .right .bottom .questions {
  /*1024px*/
  background: var(--color-white);
  border-radius: 1rem;
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .questions {
    padding: 2.5rem;
    gap: 3rem;
    align-items: flex-start;
  }
}
.course_detail_page .right .bottom .questions .single_question.error .silka_body_xl {
  color: var(--color-red);
}
.course_detail_page .right .bottom .questions .single_question .silka_body_xl {
  /*1024px*/
  margin-bottom: 1rem;
}
@media (min-width: 64em) {
  .course_detail_page .right .bottom .questions .single_question .silka_body_xl {
    margin-bottom: 1.5rem;
  }
}
.course_detail_page .right .bottom .questions .single_question .answers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.course_detail_page .right .bottom .questions .single_question .answers .input_single .error_text {
  display: none;
  margin-left: 2.25rem;
}
.course_detail_page .right .bottom .questions .single_question .answers .input_single .is_content {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.course_detail_page .right .bottom .questions .single_question .answers .input_single .is_content input {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.course_detail_page .right .bottom .questions .single_question .answers .input_single .is_content label {
  margin-bottom: 0;
  flex: 1 0 0;
}
.course_detail_page .right .bottom .questions .single_question .answers .input_single.error_answer .is_content label {
  color: var(--color-red);
}
.course_detail_page .right .bottom .questions .single_question .answers .input_single.error_answer .error_text {
  display: inline-block;
  color: var(--color-white);
  background-color: var(--color-red);
  padding: 0.25rem;
  border-radius: 0.25rem;
  margin-top: 0.6rem;
}

.course_list_page {
  /*1024px*/
  padding-top: 4.25rem;
  background: black;
}
@media (min-width: 64em) {
  .course_list_page {
    padding-top: 5.25rem;
  }
}
.course_list_page .banner {
  /*1024px*/
  padding: 3rem 1rem 0 1rem;
  position: relative;
}
@media (min-width: 64em) {
  .course_list_page .banner {
    padding: 2.5rem 1rem 0 1rem;
  }
}
.course_list_page .banner .text {
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.course_list_page .banner a {
  /*1024px*/
  top: 1.5rem;
  left: 1rem;
  position: absolute;
  z-index: 2;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 2.5rem;
  display: block;
}
@media (min-width: 64em) {
  .course_list_page .banner a {
    top: 2.5rem;
    left: 2.5rem;
  }
}
.course_list_page .banner a img {
  width: 100%;
  display: block;
}
.course_list_page .banner .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.course_list_page .course_list {
  /*1024px*/
  padding: 2rem 1rem;
  background: black;
}
@media (min-width: 64em) {
  .course_list_page .course_list {
    padding: 5rem 2.5rem;
  }
}
.course_list_page .course_list .search_course {
  /*1024px*/
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
@media (min-width: 64em) {
  .course_list_page .course_list .search_course {
    flex-direction: row;
    margin-bottom: 5rem;
  }
}
.course_list_page .course_list .search_course .left {
  /*1024px*/
  width: 100%;
}
@media (min-width: 64em) {
  .course_list_page .course_list .search_course .left {
    width: 33rem;
  }
}
.course_list_page .course_list .search_course .left .input_single {
  position: relative;
  display: flex;
  align-items: center;
}
.course_list_page .course_list .search_course .left .input_single input {
  padding: 0.75rem 3rem 0.75rem 1.5rem;
  border-radius: 0.5rem;
  background: white;
}
.course_list_page .course_list .search_course .left .input_single input:focus-visible {
  outline: none;
}
.course_list_page .course_list .search_course .left .input_single svg {
  position: absolute;
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.course_list_page .course_list .search_course .right {
  /*1024px*/
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: white;
  flex-wrap: wrap;
}
@media (min-width: 64em) {
  .course_list_page .course_list .search_course .right {
    flex-wrap: nowrap;
  }
}
.course_list_page .course_list .search_course .right p {
  width: 100%;
}
.course_list_page .course_list .search_course .right button {
  /*1024px*/
  padding: 0.5rem 1rem;
  color: white;
  border: 1px solid white;
  border-radius: 2.5rem;
  text-align: center;
}
@media (min-width: 64em) {
  .course_list_page .course_list .search_course .right button {
    padding: 0.75rem 1rem;
  }
}
.course_list_page .course_list .search_course .right button.active {
  background: white;
  color: black;
}
.course_list_page .course_list .cl_content {
  display: flex;
  align-items: stretch;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.course_list_page .course_list .cl_content .course_single {
  /*1024px*/
  color: white;
  flex: 100%;
}
@media (min-width: 64em) {
  .course_list_page .course_list .cl_content .course_single {
    flex: 30% 0 0;
  }
}
.course_list_page .course_list .cl_content .course_single .silka_body_sr {
  display: none;
}
.course_list_page .course_list .cl_content .course_single .image_content {
  position: relative;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
.course_list_page .course_list .cl_content .course_single .image_content .background {
  width: 100%;
  display: block;
}
.course_list_page .course_list .cl_content .course_single .image_content .icon_play {
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 1;
}
.course_list_page .course_list .cl_content .course_single .silka_body_small {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course_list_page .course_list .cl_content .course_single .silka_body_small p,
.course_list_page .course_list .cl_content .course_single .silka_body_small span {
  color: white !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course_list_page .course_list .cl_content .course_single .silka_body_small.no_dots {
  display: -webkit-box;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course_list_page .course_list .cl_content .course_single .silka_body_small.no_dots p,
.course_list_page .course_list .cl_content .course_single .silka_body_small.no_dots span {
  display: -webkit-box;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course_list_page .course_list .cl_content .course_single .show_more {
  color: var(--color-red);
  margin-top: 0.5rem;
  text-decoration: underline;
}
.course_list_page .course_list .cl_content .course_single .subscribe {
  border: 1px solid white;
  color: black;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin-top: 1rem;
  background: white;
  font: normal normal 400 0.875rem/1.313rem "silka-medium", serif;
  display: inline-block;
}

.tools_page {
  padding-top: 5.25rem;
  background: black;
}
.tools_page .banner {
  padding: 9rem 1rem;
  position: relative;
}
.tools_page .banner .text {
  position: relative;
  z-index: 3;
  text-align: center;
  color: white;
}
.tools_page .banner .text .silka_body_small {
  margin-bottom: 0.5rem;
}
.tools_page .banner .arrow {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  z-index: 2;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tools_page .banner .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tools_page .tools_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 5rem 2.5rem;
  gap: 2.5rem;
}
.tools_page .tools_list .tool_single {
  flex: 30%;
  color: white;
}
.tools_page .tools_list .tool_single .top {
  padding: 1.25rem;
  border: 1px solid white;
  margin-bottom: 1.75rem;
}
.tools_page .tools_list .tool_single .top .text {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.tools_page .tools_list .tool_single .top .text .icon_tool {
  width: 2.9rem;
  display: block;
}
.tools_page .tools_list .tool_single .top .arrow {
  margin: 1.25rem 0 0 auto;
  display: block;
}

.tools_detail_page {
  /*1024px*/
  flex-direction: column;
  padding: 7.5rem 1rem 4rem 1rem;
  background: var(--color-grey);
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
@media (min-width: 64em) {
  .tools_detail_page {
    flex-direction: row;
    padding: 7.5rem 2.5rem 6rem 2.5rem;
    gap: 10rem;
  }
}
.tools_detail_page .left {
  /*1024px*/
  width: 100%;
}
@media (min-width: 64em) {
  .tools_detail_page .left {
    width: 40rem;
    position: -webkit-sticky;
    position: sticky;
    top: 10rem;
  }
}
.tools_detail_page .left a {
  /*1024px*/
  margin-bottom: 2rem;
  display: inline-block;
}
@media (min-width: 64em) {
  .tools_detail_page .left a {
    margin-bottom: 5rem;
  }
}
.tools_detail_page .left a svg {
  width: 2.5rem;
  height: 1.625rem;
  display: block;
}
.tools_detail_page .left .silka_h2 {
  margin-bottom: 1.5rem;
}
.tools_detail_page .right {
  /*1024px*/
  width: 100%;
}
@media (min-width: 64em) {
  .tools_detail_page .right {
    width: 35rem;
    margin-top: 6.625rem;
  }
}
.tools_detail_page .right .links_list {
  margin-top: 1.5rem;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0.62rem;
}
.tools_detail_page .right .links_list button,
.tools_detail_page .right .links_list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  background-color: white;
  color: black;
  border-radius: 0.5rem;
}
.tools_detail_page .right .links_list button:hover,
.tools_detail_page .right .links_list a:hover {
  color: white;
  background-color: black;
}
.tools_detail_page .calculator_popup {
  /*1024px*/
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  gap: 2.34rem;
  z-index: 99999;
  background: var(--color-grey);
  padding: 2.5rem 1rem;
}
@media (min-width: 64em) {
  .tools_detail_page .calculator_popup {
    flex-direction: row;
    padding: 2.5rem 5rem;
  }
}
.tools_detail_page .calculator_popup .cp_left {
  /*1024px*/
  width: 100%;
}
@media (min-width: 64em) {
  .tools_detail_page .calculator_popup .cp_left {
    width: 36.375rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
.tools_detail_page .calculator_popup .cp_left .close_calculator {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
}
.tools_detail_page .calculator_popup .cp_left .calculator_image {
  width: 100%;
}
.tools_detail_page .calculator_popup .cp_right {
  /*1024px*/
  width: 100%;
  background: white;
  padding: 2rem 1rem;
}
@media (min-width: 64em) {
  .tools_detail_page .calculator_popup .cp_right {
    width: 41.25rem;
    padding: 2rem;
    margin-top: 4.8rem;
  }
}
.tools_detail_page .calculator_popup .cp_right .form_content {
  display: block;
}
.tools_detail_page .calculator_popup .cp_right .form_content input {
  font: normal normal 400 1rem/1.5rem "silka-medium", serif;
  color: black;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .radio_select {
  margin-bottom: 2rem;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .radio_select .silka_body_regular {
  margin-bottom: 1rem;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .radio_select .radio_button {
  /*1024px*/
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  background: var(--color-grey);
  padding: 1rem;
  gap: 1rem;
}
@media (min-width: 64em) {
  .tools_detail_page .calculator_popup .cp_right .form_content form .radio_select .radio_button {
    gap: 2rem;
  }
}
.tools_detail_page .calculator_popup .cp_right .form_content form .radio_select .radio_button .input_single .is_content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .radio_select .radio_button .input_single .is_content input[type=radio] {
  margin: 0;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .radio_select .radio_button .input_single .is_content label {
  margin-bottom: 0;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .input_text_info .silka_body_regular {
  margin-bottom: 1rem;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .input_text_info input {
  margin-bottom: 0;
  border: none;
  padding: 1rem;
  background: var(--color-grey);
  display: block;
  width: 100%;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .space_between {
  margin: 2rem 0;
  width: 100%;
  height: 1px;
  background: black;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .numbers_content {
  margin-top: 1rem;
  padding: 1rem;
  background: var(--color-grey);
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .numbers_content .input_number {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .numbers_content .input_number input {
  /*1024px*/
  margin: 0;
  padding: 0.5rem;
  background: white;
  border: none;
  width: 100%;
}
@media (min-width: 64em) {
  .tools_detail_page .calculator_popup .cp_right .form_content form .numbers_content .input_number input {
    width: 6rem;
  }
}
.tools_detail_page .calculator_popup .cp_right .form_content form .two_col {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.tools_detail_page .calculator_popup .cp_right .form_content form .two_col .input_text_info {
  flex: 1;
}
.tools_detail_page .calculator_popup .cp_right .results {
  /*1024px*/
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (min-width: 64em) {
  .tools_detail_page .calculator_popup .cp_right .results {
    margin-top: 4rem;
  }
}
.tools_detail_page .calculator_popup .cp_right .results .silka_body_large {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid black;
  display: block;
}
.tools_detail_page .calculator_popup .cp_right .results table {
  margin: 2rem 0;
  font: normal normal 400 1rem/1.5rem "silka-medium", serif;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.tools_detail_page .calculator_popup .cp_right .results table .center {
  text-align: center;
}
.tools_detail_page .calculator_popup .cp_right .results table .right {
  text-align: right;
}
.tools_detail_page .calculator_popup .cp_right .results table tr {
  border-bottom: 1px solid black;
}
.tools_detail_page .calculator_popup .cp_right .results table tr th,
.tools_detail_page .calculator_popup .cp_right .results table tr td {
  padding: 1rem 0;
  width: 33%;
}
.tools_detail_page .calculator_popup .cp_right .results .contact_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 2rem;
  margin-top: 5rem;
  padding-top: 1rem;
  border-top: 1px solid black;
}

.user_profile_page {
  /*1024px*/
  padding-top: 4.25rem;
}
@media (min-width: 64em) {
  .user_profile_page {
    padding-top: 5.25rem;
  }
}
.user_profile_page .pop_up_user {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  z-index: 9999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.user_profile_page .pop_up_user .popup_content {
  /*1024px*/
  max-width: 22rem;
  padding: 2rem 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-direction: column;
  background: white;
  border-radius: 0.5rem;
}
@media (min-width: 64em) {
  .user_profile_page .pop_up_user .popup_content {
    max-width: 30rem;
    padding: 2rem 4rem;
  }
}
.user_profile_page .pop_up_user .popup_content svg {
  width: 4rem;
  height: 4rem;
}
.user_profile_page .banner {
  padding: 9rem 1rem;
  position: relative;
}
.user_profile_page .banner .text {
  position: relative;
  z-index: 3;
  text-align: center;
  color: white;
}
.user_profile_page .banner .text .silka_body_small {
  margin-bottom: 0.5rem;
}
.user_profile_page .banner .arrow {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  z-index: 2;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user_profile_page .banner .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(65%);
}
.user_profile_page .user_data {
  /*1024px*/
  background: #e5e7eb;
  padding: 2rem 1rem;
}
@media (min-width: 64em) {
  .user_profile_page .user_data {
    padding: 2.875rem;
  }
}
.user_profile_page .user_data .silka_body_xs {
  font-weight: bold;
  margin-bottom: 1rem;
}
.user_profile_page .user_data form {
  /*1024px*/
  flex-direction: column;
  background: white;
  padding: 1rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 64em) {
  .user_profile_page .user_data form {
    flex-direction: row;
    padding: 2rem;
    align-items: flex-end;
  }
}
.user_profile_page .user_data form .col {
  /*1024px*/
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  align-items: stretch;
}
@media (min-width: 64em) {
  .user_profile_page .user_data form .col {
    padding: 0 1.5rem;
    width: auto;
  }
}
.user_profile_page .user_data form .col.last {
  /*1024px*/
  align-items: stretch;
  flex: 1;
}
@media (min-width: 64em) {
  .user_profile_page .user_data form .col.last {
    align-items: flex-end;
  }
}
.user_profile_page .user_data form .col .input_single input {
  /*1024px*/
  width: 100%;
  background-color: white;
}
@media (min-width: 64em) {
  .user_profile_page .user_data form .col .input_single input {
    width: auto;
  }
}
.user_profile_page .user_course {
  /*1024px*/
  background: #e5e7eb;
  padding: 2rem 1rem;
}
@media (min-width: 64em) {
  .user_profile_page .user_course {
    padding: 2.875rem;
  }
}
.user_profile_page .user_course .silka_body_xs {
  font-weight: bold;
  margin-bottom: 1rem;
}
.user_profile_page .user_course .user_course_list {
  /*1024px*/
  padding: 1rem;
  background: white;
  text-align: center;
}
@media (min-width: 64em) {
  .user_profile_page .user_course .user_course_list {
    padding: 2rem;
  }
}
.user_profile_page .user_course .user_course_list .ucl_content {
  text-align: left;
  border-radius: 0.625rem;
  display: flex;
  align-items: flex-end;
  display: flex;
  align-items: stretch;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single {
  /*1024px*/
  flex: 100%;
}
@media (min-width: 64em) {
  .user_profile_page .user_course .user_course_list .ucl_content .course_single {
    flex: calc(33.3% - 1.65rem) 0 0;
  }
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single .silka_body_regular {
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single img {
  width: 100%;
  display: block;
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single .progress_bar {
  margin-top: 1rem;
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single .progress_bar .bar {
  position: relative;
  overflow: hidden;
  background-color: #c4c4c4;
  width: 100%;
  display: block;
  height: 0.75rem;
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single .progress_bar .bar .progress {
  background: back;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: red;
}
.user_profile_page .user_course .user_course_list .ucl_content .course_single .silka_body_large {
  margin-top: 0.5rem;
}
.user_profile_page .user_course .user_course_list .btn_red {
  display: inline-block;
  margin-top: 2rem;
}
.user_profile_page .user_certificate {
  /*1024px*/
  background: #e5e7eb;
  padding: 2rem 1rem;
}
@media (min-width: 64em) {
  .user_profile_page .user_certificate {
    padding: 2.875rem;
  }
}
.user_profile_page .user_certificate .silka_body_xs {
  font-weight: bold;
  margin-bottom: 1rem;
}
.user_profile_page .user_certificate .silka_body_xs {
  font-weight: bold;
  margin-bottom: 1rem;
}
.user_profile_page .user_certificate .user_certificate_list {
  /*1024px*/
  background: white;
  padding: 1rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: flex-end;
  display: flex;
  align-items: stretch;
  gap: 1.5rem;
  flex-wrap: wrap;
}
@media (min-width: 64em) {
  .user_profile_page .user_certificate .user_certificate_list {
    padding: 2rem;
    gap: 2.5rem;
  }
}
.user_profile_page .user_certificate .user_certificate_list .certificate_single {
  /*1024px*/
  flex: 100%;
}
@media (min-width: 64em) {
  .user_profile_page .user_certificate .user_certificate_list .certificate_single {
    flex: calc(33.3% - 1.65rem) 0 0;
  }
}
.user_profile_page .user_certificate .user_certificate_list .certificate_single a img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.user_profile_page .more_courses {
  /*1024px*/
  display: flex;
  align-items: stretch;
  gap: 2.5rem;
  flex-wrap: wrap;
  background: black;
  padding: 2rem 1rem;
}
@media (min-width: 64em) {
  .user_profile_page .more_courses {
    padding: 2.875rem;
  }
}
.user_profile_page .more_courses .course_single {
  /*1024px*/
  color: white;
  flex: 100%;
}
@media (min-width: 64em) {
  .user_profile_page .more_courses .course_single {
    flex: 30%;
  }
}
.user_profile_page .more_courses .course_single .image_content {
  position: relative;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
.user_profile_page .more_courses .course_single .image_content .background {
  width: 100%;
  display: block;
}
.user_profile_page .more_courses .course_single .image_content .icon_play {
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 1;
}
.user_profile_page .more_courses .course_single .subscribe {
  border: 1px solid var(--color-red);
  color: red;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin-top: 1rem;
}

.book_complain_page {
  padding-top: 5.25rem;
}
.book_complain_page .banner {
  background: black;
  padding: 9rem 1rem;
  position: relative;
}
.book_complain_page .banner .text {
  position: relative;
  z-index: 3;
  text-align: center;
  color: white;
}
.book_complain_page .banner .text .silka_body_small {
  margin-bottom: 0.5rem;
}
.book_complain_page .banner .arrow {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  z-index: 2;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.book_complain_page .banner .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.book_complain_page .unacem_info {
  /*1024px*/
  margin: 2rem 1rem;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 64em) {
  .book_complain_page .unacem_info {
    width: 50rem;
    padding: 2rem;
    margin: 4rem auto;
  }
}
.book_complain_page .unacem_info .silka_body_regular span {
  color: var(--color-red);
  font-weight: bold;
}
.book_complain_page .form_content {
  /*1024px*/
  padding: 0 1rem;
  margin: 0 auto 6rem auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 64em) {
  .book_complain_page .form_content {
    width: 50rem;
    padding: 0;
  }
}
.book_complain_page .form_content form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.book_complain_page .form_content form .section {
  margin-bottom: 2rem;
  width: 100%;
}
.book_complain_page .form_content form .section .s_top {
  background: var(--color-red);
  color: white;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.book_complain_page .form_content form .section .input_content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}
.book_complain_page .form_content form .section .input_content .input_single {
  /*1024px*/
  flex: 1 1 100%;
}
@media (min-width: 64em) {
  .book_complain_page .form_content form .section .input_content .input_single {
    flex: 1 0 calc(50% - 1rem);
  }
}
.book_complain_page .form_content form .section .input_content .input_single.text_area {
  flex: 1;
}
.book_complain_page .form_content form .section .input_content .select_input {
  flex: 1 0 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.book_complain_page .form_content form .section .input_content .select_input p {
  display: block;
  margin-bottom: 0.5rem;
}
.book_complain_page .form_content form .section .input_content .select_input .radio_content {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.book_complain_page .form_content form .section .input_content .select_input .radio_content .input_single {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.book_complain_page .form_content form .section .input_content .select_input .radio_content .input_single label {
  margin-bottom: 0;
}
.book_complain_page .form_content form .section .input_content .select_input .radio_content .input_single input {
  margin: 0;
}
.book_complain_page .form_content .send_form {
  margin-bottom: 6rem;
}
.book_complain_page .form_content .terms_form p {
  color: #555;
}

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