@media only screen and (max-width: 767px){
	.modal-content {
		margin:160px 0px 0px 0px;
	}
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #0a100b;
}
.modal-content {
	
    position: relative;
    background-color: #1c1b1b;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #8ae893 !important;
    border-radius: 10px;
    outline: 0;
    -webkit-box-shadow: 0 0px 10px 0px #8ce891;
    min-height: 0px;
    border-radius: 10px;
}

.modal-body {
	
    position: relative;
    padding: 15px;
    background: #0d130e;
}

.modal-header {
	
    padding: 15px;
    border-bottom: 1px solid #87e99a !important;
    background: #151615;
    border-radius: 10px 10px 0px 0px;
}

.modal-header h2 {
	
    font-family: 'Heebo', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

.modal-header .close {
	
	margin-top: -36px !important;
    font-size: 40px;
    color: #fff;
    opacity: 1;
    transition: 0.7s;
}

.modal-header .close:hover {
	
    color: #8be893;
	transition:0.7s;
	transform: rotate(90deg);
}