.call-us-section-bar-wrapper {
	background-color: var(--secondary-color);
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}

.call-us-section-bar {
	/* width: 90%; */
	margin: 30px 15px;
}

.call-us-text {
	font-size: 1.7rem;
}

.call-us-flex {
	/* display: flex; */
	padding: 20px 30px;
	justify-content: space-between;
	align-items: center;
	color: white;
}

.call-us-link {
	background-color: white;
	color: var(--secondary-color);
}

.call-us-clock-bg {
	position: absolute;
	top: 0;
	left: -15px;
	width: 100px;
	height: 100px;
	pointer-events: none;
}

.google-map iframe {
	width: 100%;
	position: relative;
	z-index: 100000;
}

.clock-style path {
	fill: rgba(255, 255, 255, 0.232);
}

@media only screen and (min-width: 950px) {
	.call-us-flex {
		display: flex;
	}
}

.background-contact {
	background-image: url("../images/background-template.jpg");
}

.wrapper {
	padding-top: 1rem;
	width: 90%;
	margin: auto;
}

.informatii {
	display: flex;
	justify-content: space-evenly;
}

.informatii h2 {
	font-family: "Great Vibes", cursive;
	color: var(--primary-color);

	font-size: 45px;
}

.informatii {
	margin-bottom: 20px;
	text-align: center;
}

/* .grecaptcha-badge {
 z-index: 3!important;   
} */

.form {
	padding-top: 20px;
	padding-bottom: 60px;

	width: 60%;
	margin: auto;
}

.form h2 {
	text-align: center;
}

.row-data {
	padding: 10px 0px;

	display: flex;
	gap: 10px;
}

.row-data > * {
	flex: 1;
}

input,
textarea {
	padding: 10px;
	border: 2px solid grey;
}

textarea {
	height: 180px;
	resize: none !important;
}

input:focus,
textarea:focus {
	outline: none;
}

.form h2 {
	font-family: "Great Vibes", cursive;
	color: var(--primary-color);

	font-size: 45px;
}

.form h3 {
	text-align: center;
}

button[type="submit"] {
	padding: 10px 40px;
	border: none;
	font-size: 1.1rem;
	margin-top: 10px;
	border-radius: 50px;
	background-color: var(--primary-color);
	color: white;
}

.call-us-section-btn {
	background-color: transparent;
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}

.call-us-section {
	height: 50vh;
	background-image: linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.792),
			rgba(34, 115, 253, 0.7)
		),
		url(/assets/coming-soon.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.call-us-section-wrapper {
	text-align: center;
	margin: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.links-wrapper {
	padding: 1.5rem;
	gap: 3rem;
	justify-content: center;
}
.links-wrapper li {
	padding: 5px 0px;
}

.policy-links,
.contact-links,
.social-media-links {
	padding: 10px;
}

.policy-links h5,
.contact-links h5,
.social-media-links h5 {
	font-size: 1.5rem;
	padding: 10px 0px;
	color: var(--primary-color);
}

@media only screen and (min-width: 750px) {
	.call-us-flex {
		display: flex;
	}

	.call-us-section-text {
		font-size: 1.5rem;
		max-width: 900px;
	}
}

@media only screen and (max-width: 1100px) {
	.informatii {
		display: block;
	}

	.informatii > div {
		margin-top: 60px;
	}

	.row-data:nth-child(1) {
		display: block;
	}

	main
		> div.wrapper
		> div.form
		> form
		> div:nth-child(1)
		> input[type="email"]:nth-child(2) {
		margin-top: 20px;
	}

	/*.row-data:nth-child(1) > * {*/
	/*    display: block;*/
	/*    width: 100%;*/
	/*}*/

	.row-data > * {
		width: 100%;
	}

	.first {
		display: block;
	}

	.first > * {
		display: block;
		width: 100%;
	}

	.first > *:nth-child(2) {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 800px) {
	.form {
		width: 90%;
	}
}

.social-info-links li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 20px;
	border: 2px solid grey;
	color: grey;
	text-align: center;
	box-sizing: border-box;
	padding: 8px 0 0 0;
}

h3 {
	padding: 10px 0px;
}
#checkbox {
	width: auto;
}

.social-info-links li {
	display: flex;

	padding: 5px 0px;
}

.informatii .social-info-links li {
	justify-content: center;
}

h2 {
	margin: 30px 15px;
}

@media only screen and (min-width: 950px) {
	.call-us-section-bar-wrapper {
		width: 75%;
		margin: auto;
	}

	.call-us-section-bar {
		margin: 30px auto;
	}

	h2 {
		width: 75%;
		margin: auto;
	}
}