.layout-shadow{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.9);
}
.modal {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  
  background-color: white;
  padding: 58px 49px;
  
  max-width: 752px;
  color: #454545;
  
  border-radius: 10px;
}
@media screen and (max-width: 1540px){
    .modal {
    width: 80vw;
  }
}
@media screen and (max-width: 760px) {
    .modal {
    width: 100vw;
    height: 100vh;
    padding: 15px 10px;
    border-radius: 0px;
  }
}
@media screen and (max-height: 710px){
    .modal {
    width: 100vw;
    height: 100vh;
    padding: 15px 10px;
  }
}
.modal__header{
    padding-bottom: 35px;
    position: relative;
}
.close_modal{
    position: absolute;
    top: -50px;
    right: -40px;
    cursor: pointer;
}
.modal__header .modal__title{
    font-size: 36px;
    padding-bottom: 19px;
    font-weight: 300;
}
.modal__header .modal_subtitle{
    font-size: 18px;
    font-weight: 300;
}

@media screen and (max-width: 1570px) {
  .block_with_form {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 1450px){
    .block_with_form {
    gap: 40px;
  }
}

@media screen and (max-width: 860px) {
  .block_with_form{
    padding-bottom: 60px;
  }
}


.form_modal label {
  display: block;
  position: relative;
  width: 100%;
}
.form_modal label input {
  width: 100%;
  margin-bottom: 34px;
  padding-bottom: 10px;
  background-color: transparent;
  color: inherit;
  border: none;
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
}

@media screen and (max-width: 1540px){
    .form_modal label input {
    margin-bottom: 20px;
    padding-bottom: 5px;
  }
}

.form_modal label input:focus {
  outline: none;
  color: inherit;
  border-color: #f2cf30;
}
.form_modal label input:focus::-moz-placeholder {
  color: inherit;
}
.form_modal label input:focus::placeholder {
  color: inherit;
}
.form_modal label input.no-value {
  border-color: rgb(218, 3, 3);
}
.form_modal label input.no-value::-moz-placeholder {
  color: rgb(218, 3, 3);
}
.form_modal label input.no-value::placeholder {
  color: rgb(218, 3, 3);
}
.form_modal div {
  display: flex;
  gap: 113px;
}
@media screen and (max-width: 720px) {
  .form_modal div {
    gap: 70px;
  }
}
@media screen and (max-width: 530px) {
  .form_modal div {
    gap: 50px;
  }
}

.validation_warning_modal {
  display: none;
  color: rgb(218, 3, 3);
  position: absolute;
  left: 0;
  bottom: 20%;
}
@media screen and (max-width: 1540px){
    .validation_warning_modal {
  bottom: 5%;
}
}
.validation_warning_modal.active {
  display: block;
}
@media screen and (max-width: 530px) {
  .validation_warning_modal {
    bottom: 10%;
  }
}

@media screen and (max-width: 435px) {
  .form_modal div {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
}
.block_with_form__bottom div{
    gap: 5px;
}
@media screen and (max-width: 380px){
    .modal__header{
    padding-bottom: 20px;
}
    .modal__header .modal__title {
    font-size: 20px;
    padding-bottom: 12px;
  }
  .modal__header .modal_subtitle, .form_modal label input, .validation_warning_modal{
    font-size: 15px;
}
.block_with_form__bottom{
    margin-top: 0;
}
.block_with_form__bottom p{
    font-size: 10px;
}
}


#popup-agreement {
            display: none;
            position: fixed;
            bottom: 0%;
            left: 0%;
            padding:5px;
            z-index: 1000;
			width:100%;
			background:white;
			color: grey;
    		font-size: 14px;
			display:none;
			justify-content:space-between;
			flex-direction:row;
			align-items:center;
			padding: 10px 20px;
}
.close-agreement {
	border-radius:9px;
	background:#f2cf30;
	color:black;
	cursor:pointer;
	padding:10px;
	font-size:16px;
	text-align:center;
	font-weight:500;
}
.text-agreement {
	margin:0;
}
@media screen and (max-width: 1000px) {
         #popup-agreement {
            align-items:flex-end;
            padding: 10px 20px 5px 20px;
        }
        .close-agreement {
            margin-left:20px;
        }
}

#popup-new_modal {
            display: block;
            visibility: hidden;
            opacity: 0;
            transition: opacity 1s linear, visibility 1s linear;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            z-index: 1000;
			background:url(/assets/images/allcontent/new-modal-desktop2.png);
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			height:513px;
			width:1134px;
}
#overlay-new_modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 999;
}
.close-new_modal {
			height:20px;
			width:20px;
			background:url(/assets/images/allcontent/close-new_modal.png);
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			position:absolute;
			top:15px;
			right:15px;
			color:white;
			cursor:pointer;
}

@media screen and (max-width: 1000px) {
    #popup-new_modal {
        	background:url(/assets/images/allcontent/new-modal-mobile2.svg);
    		background-size:contain;
    		background-position:center;
    		background-repeat:no-repeat;
            width: 95%;
            background-color: #0C0E11;
            max-height: 90vh;   
            top:40%;
    }
    .close_modal {
            top: -25px;
            right: -25px;
    }
    .desktop {
        display:none;
    }
    .modal__header{
        padding-bottom:15px;
    }
    .block_with_form__bottom-custom {
        align-items:start !important;
    }
}

.show-new_modal {
	display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 2s linear;
}