body {
   overflow: hidden;
   background-image: url(bg.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100vh;
   font-family: "Montserrat", sans-serif;
   position: relative;
 }

 .content-area {
   text-align: center;
   position: absolute;
   left: 50%;
   bottom: 3%;
   transform: translate(-50%, -5%);
   width: 100%;
   padding: 0 15px;
 }

 .content-area h1,
 .content-area h2 {
   color: #F6E9C2;
   font-weight: 700;
   font-size: 32px;
 }

 .content-area h2 {
   font-weight: 400;
 }

 .content-area p {
   font-weight: 700;
   color: #8C8C8C;
   font-size: 14px;
   margin-bottom: 0;
 }

 form {
   max-width: 467px;
   text-align: center;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 49px;
   margin-bottom: 15px;
 }

 form input {
   width: 385px !important;
   background-color: transparent !important;
   height: 56px;
   border: 1px solid #4D4D4D !important;
   border-radius: 8px !important;
   margin-right: 15px;
 }

 input:focus {
   box-shadow: none !important;
 }

 ::placeholder {
   font-size: 20px !important;
   color: #8C8C8C !important;
   font-weight: 400 !important;
   opacity: 1 !important;
 }

 ::-ms-input-placeholder {
   font-size: 20px;
   color: #8C8C8C;
   font-weight: 400;
 }

 .btn-custom {
   border: 1.33px solid rgba(58, 61, 74, 1);
   border-radius: 96.05px;
   font-weight: 500;
   font-size: 16px;
   color: rgba(246, 233, 194, 1);
   padding: 15px 23px;
 }

 .btn-custom:hover {
   border: 1.33px solid rgba(58, 61, 74, 1);
   color: rgba(246, 233, 194, 1);
 }

 @media screen and (max-width: 768px) {

   .content-area h1,
   .content-area h2 {
     font-size: 22px;
   }

   .content-area p {
     font-size: 12px;
   }

   form input {
     width: 300px !important;
     margin-right: 0;
   }

   ::placeholder {
     font-size: 16px !important;
   }

   .btn-custom {
     font-size: 14px;
   }
 }