@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Regular.ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}


html,
body {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;  
}

body {
  min-height: 100vh;  
  background: rgba(89, 105, 130, 0.16);
  backdrop-filter: blur(5px);
  display: flex;
  justify-content: center;
  align-items: center;
  
}

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

.modal-moving {
	 border-radius: 20px !important;   
}
 .modal-moving no-pointer-events {
	 pointer-events: auto !important;
	 overflow: visible !important;
}
 
 .modal-moving__title {
	 margin: 10px 0;
}
 .modal-moving__img {
	 position: absolute;
	 top: -140px;
	 right: 0;
	 width: 393px;
	 height: 393px;
}
 

.modal-moving__link {
  color: #484AD7;
  text-decoration: none;
}
 .modal-moving__wrapper {
	 position: relative;
	 max-width: 642px;
	 min-height: 571px;
	 background-color: #fff;
	 border-radius: 20px !important;
	 padding: 57px 42px 60px;
	 overflow: visible !important;
}
 
 .modal-moving__header {
	 position: relative;
	 width: 100%;
	 padding: 9px;
	 border-radius: 20px;
	 background: #f2f3f7;
	 display: flex;
	 margin-bottom: 35px;
}
 
 .modal-moving__item {
	 flex: 1 1 50%;
	 max-width: 50%;
	 height: 66px;
	 background-color: #fff;
	 border-radius: 20px;
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
}
 .modal-moving__item--transparent {
	 background-color: transparent;
}

 .modal-moving__old {
	 width: 130px;
	 height: 32px;
}

 .modal-moving__new {
	 width: 199px;
	 height: 28px;
}

 .modal-moving__text {
	 color: #191919;
	 font-family: Montserrat;
	 font-size: 16px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 140%;
	 margin-bottom: 50px;
}
 .modal-moving__btn-wrapper {
	 display: flex;
	 justify-content: center;
}

 .modal-moving__btn {
	 color: #fff;
	 min-height: 64px !important;
	 padding: 4px 10px;
	 font-weight: 600;
	 font-size: 18px;
	 line-height: 140%;
	 background: linear-gradient(90deg, #5438dc 0%, #2a72e2 100%);
	 border-radius: 40px;
	 height: auto !important;
	 text-transform: none;
   text-decoration: none;
   display: flex;
   align-items:center;
   justify-content: center;
   width: 100%;
   max-width: 309px;
}

 .modal-moving__btn:hover {
	 background: linear-gradient(90deg,#2a72e2 0%, #5438dc 100%);
}
 .modal-moving__close-wrapper {
	 height: 40px;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 z-index: 1000;
	 display: flex;
	 justify-content: flex-end;
	 padding: 0 0;
}




@media (max-width: 768px) {
  .modal-moving__btn-wrapper {
    margin: 0 10px 75px;
 }
}



@media (max-width: 599px) {
  .modal-moving .q-dialog__inner--minimized {
    padding: 0 0 0 0 !important;
 }

 .modal-moving__btn {
  width: 100%;
}
}



@media (max-width: 576px) {
  .modal-moving__img {
    top: -33px;
    right: -43px;
    width: 200px;
    height: 200px;
 }

  .modal-moving__wrapper {
    border-radius: 0px !important;
    margin-bottom: auto !important;
    height: 100% !important;
    min-height: 100vh !important;
    padding: 50px 15px 60px;
    overflow: hidden !important;
  }

  .modal-moving__header {
    padding: 5px;
  }

  .modal-moving__item {
    height: 50px;
  }

  .modal-moving__old {
    width: 100px;
    height: 25px;
  }

  .modal-moving__new {
    width: 128px;
    height: 17px;
  }

  .modal-moving__close-wrapper {
    justify-content: flex-start;
  }


  .modal-moving__close {
    height: 27px !important;
  }
}