@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

		:root {
			--mainColorDark: #F15A31;
		}

		* {
			margin: 0;
			padding: 0;
			font-family: "Manrope", sans-serif;
		}
		html {
  scroll-behavior: smooth;
}
		header {
			/* background-color: black; */
			border-bottom: 2px solid var(--mainColorDark);
			padding: 10px;
		}

		header>img {
			width: 200px;
		}

		.cxmLogo {
			margin-left: 7%;
		}

		.container1 {
			display: flex;
			justify-content: space-between;
			width: 70%;
			margin: auto;
			margin-top: 20px;
			max-width: 1500px;
		}

		.container1Content {
			width: 50%;
			margin-top: 60px;
		}

		.container1Content>h1 {
			font-size: 40px;
			font-weight: bold;
			line-height: 39px;
			color: var(--mainColorDark);
			margin-bottom: 25px;
			font-weight: 900;
		}

		.container1Content>p {
			font-size: 18px;
			margin-bottom: 25px;
			line-height: 30px;

		}

		.container1Content>a {
			font-size: 16px;
			padding: 15px 30px;
			border-radius: 4px;
			text-transform: uppercase;
			border: none;
			cursor: pointer;
			background: var(--mainColorDark);
			color: white;
			text-decoration: none;
			display: inline-block;
		}

		.container1Img {
			width: 40%;
			max-width: 350px;
		}

		.formOuterContainer {
			display: flex;
			justify-content: space-between;
			width: 80%;
			margin: auto;
			margin-top: 70px;
			max-width: 1500px;
		}

		.formOuterContent {
			width: 49%;
			font-size: 18px;
			margin-bottom: 25px;
			line-height: 30px;
		}

		#sky-form {
			background: #f8f8f8;
			width: 45%;
			border-radius: 15px;
			padding: 20px 10px;
			box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
		}

		#sky-form>h3 {
			color: var(--mainColorDark);
			text-align: center;
			font-size: 25px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
		.inputDiv{
			display: inline-block;
			width: 40%;
			margin:10px 4%;
		}
		.inputDiv>input{
			width: 90%;
			font-size: 14px;
			padding: 10px;
			margin-top: 5px;
		}
		.inputDiv>label{
			font-size: 16px;
		}
		.inputDivCQ{
			display: inline-block;
			width: 90%;
			margin:10px 4%;
		}
		.inputDivCQ>label{
			font-size: 16px;
		}
		.inputDivCQ>input{
			width: 100%;
			font-size: 14px;
			padding: 10px;
			margin-top: 5px;
		}
		.inputDivCQ>select{
			width: 100%;
			font-size: 14px;
			padding: 10px;
			margin-top: 5px;
		}
		.multipleCheckbox{
			margin: 10px auto;
		}
		.multipleCheckbox>label{
			margin:5px 12px;
			word-wrap:normal;
			display: inline-block;
		}
		.multipleCheckbox>label>input{
			margin-right: 5px;
		}
		.optin{
			width: 90%;
			margin: 10px auto;
		}
		.optin>label{
			display: inline-block;
			margin-bottom: 20px;
		}
		.optin>label>input{
			margin-right: 5px;
		}
		#submitBtn{
			border-radius: 5px;
			font-weight: 700;
			font-size: 17px;
			padding: 15px 35px;
			margin-left: 5%;
			background: var(--mainColorDark);
			border: none;
			color: white;
			cursor: pointer;
			transition: 0.3s;
			outline: 2px solid var(--mainColorDark);

		}
		#submitBtn:hover{
			background: transparent;
			color: var(--mainColorDark);
			outline: 2px solid var(--mainColorDark);
			transition: 0.3s;
		}
		footer{
			background: black;
			padding: 20px;
			margin-top: 30px;
			text-align: center;
		}
		footer>p{
			color: white;
			font-size: 12px;
		}
		footer>p>a{
			text-decoration: none;
			color: #0085FF;
		}
		@media (max-width:900px) {
			.container1{
				flex-direction: column;
				width: 95%;
				align-items: center;
			}
			.container1Content{
				width: 100%;
				margin-top: 10px;
				margin-bottom: 30px;
			}
			.container1Img{
				width: 90%;
			}
			.formOuterContainer{
				flex-direction: column;
				width: 95%;
			}
			.formOuterContent{
				width: 100%;
			}
			#sky-form{
				width: 95%;
		}
		.inputDiv{
			width: 95%;
		}
		}
		.error{
			color: red;
		}