.main-navigation ul > li > a {
     color: black !important;
   }

   h1 {
	  margin-top: -226px;
	}
	form {
		display: block;
		margin-top:1px;
	}
	body {
	  font-family: 'Arial', sans-serif;
	  margin: 0;
	  display: block;
	  align-items: center;
	  justify-content: center;
	  height: 100vh;

	}

	.signup-container {
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	  border-radius: 8px;
	  overflow: hidden;
	  display: flex;
	  flex-direction: row;
	  max-width: 100%;
	  width: 100%;
	}

	.left-side,
	.signup-form {
	  padding: 20px;
	  flex: 1;
	}

	.left-side {
	  color: #ffffff;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	}

	.left-side h1 {
	  font-size: 28px;
	  margin-bottom: 20px;
	}

	.left-side p {
	  font-size: 14px;
	}

	.signup-form {
	  position: relative;
	  padding-left: 101px;
	}

	.form-group {
	  margin-bottom: 20px;
	  display: flex;
	  flex-wrap: wrap;
	  gap: 100px;
	  padding:10px;
	}

	.form-group .single-input {
	  width: 100%;
	}

	.form-group .half-width {
	  width: calc(50% - 5px);
	  margin-right:10px;
	  min-width: 300px;
	  border-radius: 4px !important;
	  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	}
	 .form-group .tripple-width {
	  width: calc(33% - 5px);
	}

	.form-group input {
	  width: 100%;
	  padding: 10px;
	  box-sizing: border-box;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  margin-top: 5px;
	}
	.form-group label {
		  display: block;
		  font-weight: normal;
		  margin-bottom: 3px;
		  margin-left: 1px;
		  font-size: 20px;
		  color: red;
		  max-width: 177px;
	}
	.signup-button {
	  background-color: #ff9907;
	  color: #ffffff;
	  padding: 12px;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	  font-size: 16px;
	}

	.footer {
	  background-color: #f0f2f5;
	  color: #555555;
	  text-align: center;
	  padding: 10px;
	  width: 100%;
	  position: absolute;
	  bottom: 0;
	}

	@media screen and (max-width: 600px) {
	  .signup-container {
		flex-direction: column;
	  }

	  .left-side,
	  .signup-form {
		order: initial;
	  }
	}
   .bg-light-grey {
       background-color: #dfd8d65c;
   }
   	button {
       background: none;
       border: 0px solid #12B58A;
       color: #12B58A;
       padding: 7px 15px;
       border-radius: 5px;
       box-shadow: inset 0 0 0 2px;
       text-transform: uppercase;
   }

   .input-lbl {
       color: grey !important;
       font-size: 14px !important;
       font-style: normal !important;
       font-weight: normal !important;
   }

    .container-bg {
         -ms-overflow-style: none; /* for Internet Explorer, Edge */
          scrollbar-width: none; /* for Firefox */
          overflow-y: scroll;
     }
     .input-group {
        position:relative;
     }
     .input {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        outline: none;
        border: 1px solid rgb(51, 50, 49);
        color: grey;
        font-size: 20px;
     }

     .placeholder {
        position: absolute;
        top: 20px;
        left: 20px;
        padding: 0px 5px;
        transition: top 0.3s ease-in,
        left 200ms ease-in font-size 200ms ease-in;
        pointer-events: none;
        color: grey;
        font-size: 8rem ;
        font-style: normal;
        font-weight: normal ;
     }

     .input:focus ~ .placeholder,
     .input:not(:placeholder-shown).input:not(:focus) ~ .placeholder
     {
        top: -6px;
        color: grey;
        font-size: 14px;
        background-color: #fff;
     }

     .form-group label {
        color: #958686;
     }

     @media (max-width: 800px) {
        .flex-container {
           flex-direction: column;
        }
        .terms {
            margin-top: 20px;
            margin-left: 10px;
            width: 79%;
        }
        .invalid-terms {
           margin-top: 50px;
           margin-left: -419px;
        }
     }

     .flex-container {
        display:flex;
        justify-content: space-evenly;
     }
    .form-group .form-control{
     height: 55px;
     font-size: 20px;
     border-radius: 5px !important;
    }

    .form-group {
     padding: 21px !important;
    }
     .terms {
         margin-top: 20px;
         margin-left: 10px;
         width: 80%;
     }
     .invalid-terms {
        margin-top: 43px;
        margin-left: -83%;
     }