/* --------------------------------------
Contact
/* -------------------------------------- */

.cg-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(40px + (170 - 40) * ((100vw - 320px) / (1920 - 320)));
	font-family: var(--e-global-typography-text-font-family), sans-serif;
}

.cg-left {
	flex: 1;
	min-width: 300px;
}

.cg-right {
	flex: 1;
	min-width: 300px;
}

/* Textes */

.cg-title {
	font-size: calc(40px + (70 - 40) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.2;
	margin-bottom: 20px;
	font-weight: 700;
}

.cg-title-white {
	color: #ffffff;
}

.cg-title-gradient {
	background: linear-gradient(90deg, #9b2def 0%, #4c82ff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.cg-description {
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	max-width: 600px;
}

/* Carte Glassmorphism */

.cg-glass-card {
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* Forminator Overrides */

.cg-form-wrapper .forminator-input,
.cg-form-wrapper .forminator-textarea {
	background-color: rgba(255, 255, 255, 0.05) !important;
	border: none !important;
	border-radius: 8px !important;
	color: white !important;
}

.cg-form-wrapper .forminator-label {
	color: #ccc !important;
	font-size: 12px !important;
}

/* Bouton Envoyer Forminator */

.cg-form-wrapper .forminator-button-submit {
	background: linear-gradient(90deg, #9b2def 0%, #4c82ff 100%) !important;
	border-radius: 50px !important;
	box-shadow: 0 5px 15px rgba(76, 130, 255, 0.4) !important;
	width: 100% !important;
	font-weight: 600 !important;
}

/* Séparateur */

.cg-separator {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 20px 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	gap: 15px;
}

/* Création des lignes avant et après */

.cg-separator::before,
.cg-separator::after {
	content: "";
	flex: 1;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
}

.cg-separator span {
	color: #666;
	padding: 0 10px;
	font-size: 12px;
	position: relative;
	z-index: 1;
}

/* Boutons du bas */

.cg-actions {
	display: flex;
	gap: 15px;
}

.cg-btn-outline {
	flex: 1;
	display: block;
	text-align: center;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 50px;
	color: white;
	text-decoration: none;
	transition: 0.3s;
	font-size: 14px;
}

.cg-btn-outline:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: white;
	color: white;
}

/*
--------------------------------------
Form
--------------------------------------
*/

.forminator-label {
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: 500 !important;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.forminator-input,
.forminator-textarea,
.forminator-ui#forminator-module-12751.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"],
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
	background-color: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 10px;
	color: rgba(255, 255, 255, 0.6) !important;
	backdrop-filter: blur(10px);
}

.forminator-input,
.forminator-textarea {
	padding: 12px 16px;
}

.forminator-ui#forminator-module-12751.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
	color: rgba(255, 255, 255, 0.6) !important;
	padding: 12px 16px;
}

.forminator-input:focus,
.forminator-textarea:focus {
	color: rgba(255, 255, 255, 1);
}

.forminator-input::placeholder,
.forminator-textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.25);
}

.forminator-button-submit {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	background: linear-gradient(92deg, #F43AE3 -38.18%, #6A25F9 45.21%, #57DEE7 128.61%);
	background-size: 120% !important;
	background-position-x: 0%;
	border-radius: 50px;
	border: none;
	color: #fff;
	width: 100%;
	padding: 15px 24px;
	transition: all .35s ease-in-out;
	cursor: pointer;
}

.forminator-button-submit:hover {
	background-position-x: 100% !important;
	color: #fff;
}

.forminator-button-submit::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E%3Cpath d="M7.76222 2.16538C7.8794 1.64522 8.6206 1.64522 8.73778 2.16538L9.69727 6.42483C9.7397 6.6132 9.8868 6.7603 10.0752 6.80273L14.3346 7.76222C14.8548 7.8794 14.8548 8.6206 14.3346 8.73778L10.0752 9.69727C9.8868 9.7397 9.7397 9.8868 9.69727 10.0752L8.73778 14.3346C8.6206 14.8548 7.8794 14.8548 7.76222 14.3346L6.80273 10.0752C6.7603 9.8868 6.6132 9.7397 6.42483 9.69727L2.16538 8.73778C1.64522 8.6206 1.64522 7.8794 2.16538 7.76222L6.42483 6.80273C6.6132 6.7603 6.7603 6.6132 6.80273 6.42483L7.76222 2.16538Z" fill="white"/%3E%3Cpath d="M14.2622 11.6654C14.3794 11.1452 15.1206 11.1452 15.2378 11.6654L15.6457 13.4764C15.6882 13.6647 15.8353 13.8118 16.0236 13.8543L17.8346 14.2622C18.3548 14.3794 18.3548 15.1206 17.8346 15.2378L16.0236 15.6457C15.8353 15.6882 15.6882 15.8353 15.6457 16.0236L15.2378 17.8346C15.1206 18.3548 14.3794 18.3548 14.2622 17.8346L13.8543 16.0236C13.8118 15.8353 13.6647 15.6882 13.4764 15.6457L11.6654 15.2378C11.1452 15.1206 11.1452 14.3794 11.6654 14.2622L13.4764 13.8543C13.6647 13.8118 13.8118 13.6647 13.8543 13.4764L14.2622 11.6654Z" fill="white"/%3E%3C/svg%3E');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.forminator-field-textarea {
	position: relative;
}

.forminator-description {
	position: absolute;
	top: 0;
	right: 15px;
}

.forminator-description span {
	color: rgba(255, 255, 255, 0.5);
}

.forminator-field-captcha {
	height: 0;
}

li.select2-results__option.select2-results__option--selectable {
	background: #fff !important;
}