body {    background-image: url("background-img.jpg");	font-family: 'Poppins', sans-serif;}
.box {    padding-top: 200px;    text-align: center;}
p.domain {
    margin: 0;    color: #FFD800;    font-size: 60px;    font-family: 'Raleway', sans-serif;    font-weight: 900;    line-height: 70px;}
h2.heading {
    margin: 0;    color: #fff;    font-size: 60px;    font-family: 'Raleway', sans-serif;    font-weight: 900;	line-height: 70px;}
h2.heading1 {
    margin-top: 0;    color: #fff;    font-size: 60px;    font-family: 'Raleway', sans-serif;    font-weight: 900;    line-height: 70px;}
label {    display: block;    padding-bottom: 10px;}
.popup {
    margin: 20px auto 0;    padding:20px 0px;    background: #fff;    border-radius: 0;    width: 45%; 
	position: relative;    transition: all 5s ease-in-out;    border: 5px solid #FFD800;}
#first-name, #email, #price ,#mobile {
    margin-bottom: 10px;    font-size: 15px;    color: #333;    font-family: 'poppins' , sans-serif;
    padding: 10px;    width: 100%;    border: none;    background-color: #F7F7F7;}
#submitButton {
    color: #000;    background: #FFD800;    text-transform: uppercase;    border: 1px solid #FFD800;    padding: 14px 0;
    font-size: 14px;    font-weight: 600;    width: 26%;    margin-bottom: 65px;    margin-top: 5px;    display: block;}
a.close1 {
    font-size: 14px;    font-weight: 400;    text-transform: lowercase;    border: 1px solid transparent;    border-radius: 4px;
    background-color: #F7F7F7;    color: #333;    float: right;    padding: 6px 12px;    margin-top: -25px;    text-decoration: none;}
.overlay {
  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0,0,0,0.7);
  transition: opacity 500ms;  visibility: hidden;  opacity: 0;}
.overlay:target {  visibility: visible;  opacity: 1;}

h2.off {
    font-family: 'Raleway', sans-serif;    font-weight: 900;    font-size: 30px;    margin-top: 30px;
    margin-bottom: 10px;	text-align: left;	padding-left: 15px;	padding-right: 15px;	  margin-top: 0;}
p.we-offer {
    margin: 0 0 15px;    line-height: 32px;    font-size: 16px;    font-weight: 300;    font-family: 'Poppins', sans-serif;
    color: #333;    text-align: left;	padding-left: 15px;	padding-right: 8px;}
.contact-form {
    text-align: left;	padding-left: 15px;	padding-right: 15px;	padding-top: 20px;	border-top: 1px solid #e5e5e5;}
a.button {    text-decoration: none;    cursor: pointer;    transition: all 0.3s ease-out;
    font-size: 12px;    border: 2px solid #FFD800;    font-weight: 700;    background: #FFD800;    margin-top: 10px;
    color: #000;    padding: 12px 30px;    font-family: 'Raleway', sans-serif;    border-radius: 0;    letter-spacing: 0;}
a.button:hover {    color: #fff;    border: 2px solid #FFD800;    background: transparent;}
.popup .close {  position: absolute;  top: 20px;
  right: 30px;  transition: all 200ms;  font-size: 30px;  font-weight: bold;  text-decoration: none;  color: #333;}
.popup .close:hover { color: orange;}
.popup .content {  max-height: 30%;  overflow: auto;}
.thank-page {    text-align: center;    margin: 160px auto 0;    background-color: #fff;    width: 50%;    padding: 20px;}
p.thank {    font-size: 25px;    text-transform: capitalize;}
a.back {    padding: 10px 20px;    font-size: 16px;    background-color: #FFD800;
    text-transform: uppercase;    border: 1px solid #FFD800;    font-weight: 600;	color:#fff;	text-decoration: none;}
a.back:hover{	background-color: #fff;	color:#ffd800;}
a.sub{	text-decoration:none;}
.msg {    width: 400px;    margin: 10% auto;    height: 100px;
    text-align: center;    padding-top: 40px;    font-size: 20px;    color: #fff;    background-color: #FFD800;}
a.ok {
    display: block;    background-color: #fff;    color: #000;    padding: 10px;
    text-align: center;    text-decoration: none;    width: 50px;    margin-left: 160px;    margin-top: 13px;}