/* ==========================================================
   AlterMind Contact
========================================================== */

.contact-hero,
.contact-info,
.contact-types,
.contact-form,
.contact-faq,
.contact-cta{

	padding:110px 0;

	position:relative;

}

.contact-hero{

	padding-top:170px;

}
/* ==========================================================
   Section Titles
========================================================== */

.contact-hero .section-title,
.contact-info .section-title,
.contact-types .section-title,
.contact-form .section-title,
.contact-faq .section-title,
.contact-cta .section-title{

	max-width:900px;

	margin:0 auto 70px;

	text-align:center;

}

.contact-hero .section-title span,
.contact-info .section-title span,
.contact-types .section-title span,
.contact-form .section-title span,
.contact-faq .section-title span,
.contact-cta .section-title span{

	display:inline-block;

	color:#4f8cff;

	font-size:.85rem;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:3px;

	margin-bottom:18px;

}

.contact-hero h1,
.contact-info h2,
.contact-types h2,
.contact-form h2,
.contact-faq h2,
.contact-cta h2{

	color:#fff;

	font-size:clamp(34px,5vw,56px);

	line-height:1.15;

	margin-bottom:25px;

}

.contact-hero .section-title p,
.contact-info .section-title p,
.contact-types .section-title p,
.contact-form .section-title p,
.contact-faq .section-title p,
.contact-cta .section-title p{

	max-width:760px;

	margin:auto;

	line-height:1.9;

	color:rgba(255,255,255,.72);

	font-size:1.05rem;

}
/* ==========================================================
   Cards
========================================================== */

.contact-hero-grid,
.contact-info-grid,
.contact-types .grid-3{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:30px;

	margin-top:60px;

}

.contact-hero .glass-card,
.contact-info .glass-card,
.contact-types .card{

	padding:40px;

	border-radius:24px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

	transition:.35s;

}

.contact-hero .glass-card:hover,
.contact-info .glass-card:hover,
.contact-types .card:hover{

	transform:translateY(-8px);

	border-color:rgba(79,140,255,.35);

	box-shadow:0 20px 50px rgba(79,140,255,.15);

}

.contact-icon{

	font-size:2.2rem;

	margin-bottom:20px;

}

.contact-hero h3,
.contact-info h3,
.contact-types h3{

	color:#fff;

	margin-bottom:15px;

}

.contact-hero p,
.contact-info p,
.contact-types p{

	color:rgba(255,255,255,.72);

	line-height:1.8;

}
/* ==========================================================
   Contact Form
========================================================== */

.contact-form-wrapper{

	max-width:900px;

	margin:auto;

	padding:50px;

	border-radius:28px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

}

.contact-form input,
.contact-form textarea,
.contact-form select{

	width:100%;

	padding:16px 20px;

	border-radius:14px;

	background:rgba(255,255,255,.04);

	border:1px solid rgba(255,255,255,.08);

	color:#fff;

	margin-bottom:22px;

	font-size:15px;

}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus{

	outline:none;

	border-color:#4f8cff;

	box-shadow:0 0 0 3px rgba(79,140,255,.12);

}

.contact-form textarea{

	min-height:180px;

	resize:vertical;

}
/* ==========================================================
   FAQ
========================================================== */

.faq-wrapper{

	max-width:900px;

	margin:auto;

}

.faq-item{

	padding:22px 30px;

	margin-bottom:18px;

	border-radius:18px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

}

.faq-item summary{

	cursor:pointer;

	font-weight:600;

	font-size:1.05rem;

	color:#fff;

}

.faq-item p{

	margin-top:18px;

	line-height:1.8;

	color:rgba(255,255,255,.72);

}
/* ==========================================================
   CTA
========================================================== */

.contact-cta .section-title{

	padding:70px;

	border-radius:30px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

}

.contact-cta .am-buttons{

	margin-top:40px;

	justify-content:center;

}
/* ==========================================================
   Responsive
========================================================== */

@media(max-width:992px){

	.contact-hero-grid,
	.contact-info-grid,
	.contact-types .grid-3{

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:768px){

	.contact-hero,
	.contact-info,
	.contact-types,
	.contact-form,
	.contact-faq,
	.contact-cta{

		padding:80px 0;

	}

	.contact-hero{

		padding-top:140px;

	}

	.contact-hero-grid,
	.contact-info-grid,
	.contact-types .grid-3{

		grid-template-columns:1fr;

	}

	.contact-form-wrapper{

		padding:30px;

	}

	.contact-cta .section-title{

		padding:40px 25px;

	}

}

/* ==========================================================
   Events Enquiry Page
========================================================== */

.events-enquiry-hero,
.events-enquiry-form-section,
.events-enquiry-note {

	padding:110px 0;

	position:relative;

}


/* ==========================================================
   Events Enquiry Hero
========================================================== */

.events-enquiry-hero {

	padding-top:170px;

}


/* ==========================================================
   Events Enquiry Section Titles
========================================================== */

.events-enquiry-hero .section-title,
.events-enquiry-form-section .section-title,
.events-enquiry-note .section-title {

	max-width:900px;

	margin:0 auto 70px;

	text-align:center;

}

.events-enquiry-hero .section-title span,
.events-enquiry-form-section .section-title span,
.events-enquiry-note .section-title span {

	display:inline-block;

	color:#4f8cff;

	font-size:.85rem;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:3px;

	margin-bottom:18px;

}

.events-enquiry-hero h1,
.events-enquiry-form-section h2,
.events-enquiry-note h2 {

	color:#fff;

	font-size:clamp(34px,5vw,56px);

	line-height:1.15;

	margin-bottom:25px;

}

.events-enquiry-hero .section-title p,
.events-enquiry-form-section .section-title p,
.events-enquiry-note .section-title p {

	max-width:760px;

	margin:auto;

	line-height:1.9;

	color:rgba(255,255,255,.72);

	font-size:1.05rem;

}


/* ==========================================================
   Native Enquiry Form Container
========================================================== */

.events-enquiry-form-wrap {

	max-width:900px;

	margin:0 auto;

	padding:50px;

	border-radius:28px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

}


/* ==========================================================
   Native Enquiry Heading
========================================================== */

.events-enquiry-form-wrap .altermind-enquiry-heading {

	margin-bottom:40px;

	text-align:center;

}

.events-enquiry-form-wrap .altermind-enquiry-heading h2 {

	color:#fff;

	margin-bottom:15px;

}

.events-enquiry-form-wrap .altermind-enquiry-heading p {

	max-width:760px;

	margin:0 auto;

	line-height:1.8;

	color:rgba(255,255,255,.72);

}


/* ==========================================================
   Native Enquiry Fields
========================================================== */

.events-enquiry-form-wrap .altermind-enquiry-field {

	margin-bottom:24px;

}

.events-enquiry-form-wrap .altermind-enquiry-field label {

	display:block;

	margin-bottom:8px;

	color:#fff;

	font-weight:600;

}

.events-enquiry-form-wrap .altermind-enquiry-field input,
.events-enquiry-form-wrap .altermind-enquiry-field select,
.events-enquiry-form-wrap .altermind-enquiry-field textarea {

	width:100%;

	box-sizing:border-box;

	padding:16px 20px;

	border-radius:14px;

	background:rgba(255,255,255,.04);

	border:1px solid rgba(255,255,255,.08);

	color:#fff;

	font-size:15px;

}

.events-enquiry-form-wrap .altermind-enquiry-field textarea {

	min-height:180px;

	resize:vertical;

}

.events-enquiry-form-wrap .altermind-enquiry-field input:focus,
.events-enquiry-form-wrap .altermind-enquiry-field select:focus,
.events-enquiry-form-wrap .altermind-enquiry-field textarea:focus {

	outline:none;

	border-color:#4f8cff;

	box-shadow:0 0 0 3px rgba(79,140,255,.12);

}


/* ==========================================================
   Submit Button
========================================================== */

.events-enquiry-form-wrap .altermind-enquiry-submit {

	display:inline-block;

	padding:14px 28px;

	cursor:pointer;

}


/* ==========================================================
   Next Steps
========================================================== */

.events-enquiry-note .section-title {

	max-width:900px;

	padding:70px;

	border-radius:30px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

}


/* ==========================================================
   Responsive
========================================================== */

@media(max-width:768px){

	.events-enquiry-hero,
	.events-enquiry-form-section,
	.events-enquiry-note {

		padding:80px 0;

	}

	.events-enquiry-hero {

		padding-top:140px;

	}

	.events-enquiry-form-wrap {

		padding:30px;

	}

	.events-enquiry-note .section-title {

		padding:40px 25px;

	}

}

/* ==========================================================
   Native Enquiry Submit Button
========================================================== */

.altermind-events-enquiry-page .altermind-enquiry-submit {

	display:inline-block !important;

	padding:15px 32px !important;

	background:#4f8cff !important;

	color:#ffffff !important;

	border:1px solid #4f8cff !important;

	border-radius:14px !important;

	font-family:inherit !important;

	font-size:15px !important;

	font-weight:700 !important;

	line-height:1.2 !important;

	text-align:center !important;

	text-decoration:none !important;

	cursor:pointer !important;

	-webkit-appearance:none !important;

	appearance:none !important;

	opacity:1 !important;

	visibility:visible !important;

	box-shadow:none !important;

}

.altermind-events-enquiry-page .altermind-enquiry-submit:hover {

	background:#3d7df0 !important;

	color:#ffffff !important;

	border-color:#3d7df0 !important;

}

.altermind-events-enquiry-page .altermind-enquiry-submit:focus {

	outline:none !important;

	color:#ffffff !important;

	box-shadow:0 0 0 3px rgba(79,140,255,.20) !important;

}
/* ==========================================================
   Events Enquiry - Native Select
========================================================== */

.events-enquiry-form-wrap .altermind-enquiry-field select {
	width:100%;
	max-width:100%;
	box-sizing:border-box;

	background:#0f1b2e !important;
	color:#fff !important;

	border:1px solid rgba(255,255,255,.08) !important;
	border-radius:14px;

	padding:16px 20px;
}

/*
 * Native browser option list.
 * Use a light popup for maximum browser compatibility.
 */
.events-enquiry-form-wrap .altermind-enquiry-field select option {
	background:#fff !important;
	color:#111827 !important;
}

.events-enquiry-form-wrap .altermind-enquiry-field select option:checked {
	background:#4f8cff !important;
	color:#fff !important;
}