/* ================= ROOT ================= */
    :root {
    	--dreamscreate-orange: #d84315;
    	--dreamscreate-brown: #8d4036;
    	--dreamscreate-blue: #302861;
    }
    
    /* ================= RESET ================= */
    /* ================= WRAPPER ================= */
    .dreamscreate-wrapper {
    	width: 100%;
    	background: #f2f2f2;
    	border-radius: 0;
    	overflow: hidden;
    }
    
    /* ================= HERO ================= */
    .dreamscreate-hero {
    	background: white;
    	position: relative;
    	padding: 50px 20px;
    	text-align: center;
    	height: calc(100vh - 150px);
    	color: #fff;
    	display: grid;
    	align-items: center;
    }
    
    .dreamscreate-hero::before {
    	content: '';
    	position: absolute;
    	inset: 0;
    	opacity: 0.50;
    }
    
    .dreamscreate-hero-content {
    	position: relative;
    	z-index: 2;
    	width: 70%;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .dreamscreate-title {
    	font-size: 1.6rem;
    	font-weight: 900;
    	text-shadow: 2px 2px #6d4c41;
    	color: white;
    	line-height: 1.3em;
    }
    
    .dreamscreate-subtitle {
    	display: inline-block;
    	margin-top: 0;
    	background: #ffffffa3;
    	color: #2a2a2a;
    	padding: 6px 12px;
    	border-radius: 8px;
    	font-size: 15px;
    	font-weight: 500;
    }
    
    /* ================= BADGE ================= */
    .dreamscreate-badge-wrap {
    	display: flex;
    	justify-content: center;
    	margin-top: 8%;
    	position: relative;
    	z-index: 3;
    }
    
    .dreamscreate-badge {
    	background: var(--dreamscreate-orange);
    	color: #fff;
    	padding: 12px 40px;
    	border-radius: 30px;
    	font-weight: 700;
    	border: 3px solid #fff;
    }
    
    /* ================= CONTENT ================= */
    .dreamscreate-content {
    	padding: 25px;
    	width: 65%;
    	margin-left: auto;
    	margin-right: auto;
    	padding-bottom: 124px;
    	padding-top: 80px;
    }
    
    /* ================= SERVICES ================= */
    .dreamscreate-services-grid {
    	display: grid;
    	grid-template-columns: repeat(3, 1fr);
    	gap: 12px;
    	margin-bottom: 25px;
    }
    
    .dreamscreate-service-box {
    	background: #fff;
    	border-radius: 15px;
    	padding: 25px 15px;
    	text-align: center;
    	position: relative;
    	box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
    	transition: 0.4s;
    	cursor: pointer;
    }
    
    .dreamscreate-service-box:hover {
    	transform: scale(1.05);
    }
    
    .dreamscreate-check {
    	position: absolute;
    	top: 8px;
    	right: 8px;
    	font-size: 23px;
    	color: var(--dreamscreate-blue);
    }
    
    .dreamscreate-icon {
    	width: 40px;
    	height: 40px;
    	margin: auto;
    	border-radius: 50%;
    	background: #fff3e0;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	font-size: 1.4rem;
    	color: var(--dreamscreate-orange);
    }
    
    .dreamscreate-service-box h3 {
    	font-size: 17px;
    	margin-top: 15px;
    	margin-bottom: 7px;
    }
    
    .dreamscreate-service-box p {
    	font-size: 14px;
    	line-height: 1;
    	color: #777;
    	margin-bottom: 0;
    }
    
    /* ================= FORM ================= */
    .dreamscreate-form {
    	display: flex;
    	flex-direction: column;
    	gap: 12px;
    }
    
    .dreamscreate-form-row {
    	display: flex;
    	gap: 10px;
    }
    
    .dreamscreate-input-box {
    	position: relative;
    	width: 100%;
    }
    
    .dreamscreate-input-box i {
    	position: absolute;
    	top: 50%;
    	left: 12px;
    	transform: translateY(-50%);
    	color: #777;
    }
    
    .dreamscreate-input {
    	width: 100%;
    	padding: 12px 12px 12px 38px;
    	border-radius: 10px;
    	border: 1px solid #ddd;
    	outline: none;
    	font-size: 17px;
    }
    
    .dreamscreate-no-icon .dreamscreate-input {
    	padding-left: 12px;
    }
    
    .dreamscreate-submit-btn {
    	width: 100%;
    	padding: 14px;
    	border: none;
    	border-radius: 25px;
    	background: #2f2760;
    	color: #fff;
    	font-size: 1rem;
    	font-weight: 700;
    	cursor: pointer;
    	box-shadow: 0 6px 15px rgba(0, 0, 0, .2);
    	margin-top: 35px;
    }
    
    /* ================= RESPONSIVE ================= */
    .dreamscreate-title {
    	color: #302861;
    	font-size: 2.2rem;
    	font-weight: 900;
    	text-transform: uppercase;
    	-webkit-text-stroke: 2px #fff;
    	text-stroke: 2px #fff;
    	/* text-shadow:2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff; */
    }
    
    .btz {
    	border-radius: 1rem;
    	box-shadow: inset 0 0.3rem 0.2rem rgba(255, 255, 255, 0.2), inset 0 -0.3rem 0.2rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
    	color: #e2ddffb5;
    	float: left;
    	text-align: center;
    	background: #302861;
    	font-size: 27px;
    	border: 3px solid #302861;
    	padding-bottom: 17px;
    	padding-top: 17px;
    }
    
    .dreamscreate-service-box img {
    	width: 60px;
    }
    
    .mf1 {
    	margin-top: -25px;
    	z-index: 9;
    }
    
    .cs_footer {
    	padding-top: 1px;
    	margin-top: 0;
    }
    
    .dreamscreate-submit-btn:hover {
    	background: #e31e25;
    }
    
    .selecser1 label {
    	color: var(--heading-color);
    	font-size: 22px;
    	margin: 0 0 15px 0;
    	font-weight: 700;
    	line-height: 1.2em;
    	font-family: var(--heading-font);
    }
    
    @media only screen and (max-width: 900px) {
    	.dreamscreate-title {
    		font-size: 22px;
    		letter-spacing: 1px;
    		-webkit-text-stroke: 0px #fff;
    		text-stroke: 1px #fff;
    		text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 2px #fff, 0px 0px #fff, 2px -1px #fff, -1px 2px #fff;
    	}
    
    	.dreamscreate-hero-content {
    		width: 100%;
    	}
    
    	.dreamscreate-subtitle {
    		padding: 6px 10px;
    		font-size: 14px;
    		line-height: normal;
    	}
    
    	.btz {
    		font-size: 20px;
    		padding: 13px;
    		padding-left: 16px;
    		padding-right: 16px;
    	}
    
    	.dreamscreate-hero {
    		height: auto;
    		padding: 40px 15px;
    	}
    
    	.dreamscreate-content {
    		width: 100%;
    		padding: 15px;
    		padding-bottom: 100px;
    		padding-top: 50px;
    	}
    
    	.dreamscreate-services-grid {
    		grid-template-columns: repeat(2, 1fr);
    		margin-bottom: 0px;
    		gap: 10px;
    	}
    
    	.dreamscreate-service-box {
    		padding: 15px 10px;
    	}
    
    	.dreamscreate-service-box h3 {
    		font-size: 15px;
    	}
    
    	.dreamscreate-form-row {
    		display: grid;
    	}
    
    	.selecser1 label {
    		font-size: 17px;
    		margin: 0 0 10px 0;
    	}
    
    	.selecser1 .cs_section_heading.cs_style_1.text-center.mb-5 {
    		margin-bottom: 25px !important;
    	}
    }