[class*=_container404] {
    position: relative;
    max-width: 840px;
    height: 566px;
    padding: 0px 20px;
    margin: 0px auto;
}

.main-404-container{
  margin-top: 257px;
  height: max-content;
}

._container404 .cursor_container{
  top: 42px;
  left: 605px;
}

._container404 .font_buttons{
  top: -4px;
  left: 8px;
}

._container404 .slider_container{
  top: 305px;
  left: 516px;
  z-index: 3;
}

._container404 .words-404{
  position: relative;
  font-family: 'Gilroy-Bold';
  font-size: 292px;
  line-height: 258px;
  width: max-content;
  top: -54px;
  left: 52px;
  color: #333333;
}

._container404 .words-404 .word_color{
  color: rgba(87, 44, 194, 0.45);
}

._container404 .words-404 .square{
  position: absolute;
  left: -27px;
  top: 0%;
  height: 260px;
}

._container404 .text-404{
  position: relative;
  width: 460px;
  top: -50px;
  left: 52px;
  color: #333333;
}

._container404 .text-404 h1{
  font-family: 'Gilroy-Bold';
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
}

._container404 .text-404 .text-2{
  font-family: 'Gilroy';
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 39px;
}

._container404 .text-404 .button-404{
  text-decoration: none;
  color: #FFFFFF;
  padding: 19px 40px;
  background: #916BEF;
  border-radius: 15px;
  font-size: 18px;
  line-height: 22px;
  transition: 0.3s;
}

._container404 .text-404 .button-404:hover{
  background: #A88AF2;
  transition: 0.3s;
}

/* ------------------------------------ */
/* --------------- 1919 --------------- */
/* ------------------------------------ */

@media(max-width: 1919px){
  [class*=_container404] {
    max-width: calc(608px + (840 - 608) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    height: calc(402px + (566 - 402) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .main-404-container{
  margin-top: calc(183px + (257 - 183) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .cursor_container{
  top: calc(34px + (42 - 34) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  left: calc(425px + (605 - 425) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .font_buttons{
  top: calc(0px + (-4 - 0) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  left: calc(0px + (8 - 0) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .slider_container{
  top: calc(219px + (305 - 219) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  left: calc(365px + (516 - 365) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .words-404{
  font-size: calc(208px + (292 - 208) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  line-height: calc(184px + (258 - 184) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  top: calc(-33px + (-54 - -33) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  left: calc(30px + (52 - 30) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .words-404 .square{
  width: calc(138px + (196 - 138) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  left: calc(-12px + (-18 - -12) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  height: calc(185px + (260 - 185) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .text-404{
  width: calc(327px + (460 - 327) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  top: calc(-32px + (-50 - -32) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  left: calc(29px + (52 - 29) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .text-404 h1{
  font-size: calc(20px + (28 - 20) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  line-height: calc(26px + (36 - 26) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  margin-bottom: calc(14px + (20 - 14) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .text-404 .text-2{
  font-size: calc(13px + (18 - 13) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  line-height: calc(17px + (23 - 17) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  margin-bottom: calc(22px + (39 - 22) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}

._container404 .text-404 .button-404{
  padding: calc(13px + (19 - 13) * ( (100vw - 1366px) / ( 1920 - 1366) )) 
  calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  border-radius: calc(11px + (15 - 11) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  font-size: calc(13px + (18 - 13) * ( (100vw - 1366px) / ( 1920 - 1366) ));
  line-height: calc(16px + (22 - 16) * ( (100vw - 1366px) / ( 1920 - 1366) ));
}
}