@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* =====================================================
Transformity Health — Consultation Form + Hero CSS
Reviewed & made fully responsive (fluid type, 3 breakpoints)
===================================================== */

/* ---------- Global box-sizing safety net ---------- */
.consultation-form,
.consultation-form *{
	box-sizing:border-box;
}

/* ===== Contact Form 7 — Consultation Form ===== */

.free_consultation_wrp {
	max-width: 520px !important;
	margin-left: auto;
	width: 100%;
	margin-top: 70px;
}

.consultation-form {
	max-width: 100%;
	background: rgba(255,255,255,.70);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 24px;
	padding: clamp(20px, 3vw, 50px);
	box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

.consultation-form h2 {
	text-align: center;
	font-size: clamp(20px, 2.2vw + 10px, 25px);
	color: #1b2969;
	font-family: "Manrope", sans-serif;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: clamp(20px, 3vw, 30px);
	padding-bottom: 20px;
	font-weight: 800 !important;
	margin-top: 0 !important;
}

.consultation-form label{
	display:block;
	font-size:clamp(14px, 1vw + 10px, 16px);
	font-weight:700;
	color:#202124;
	margin-bottom:10px;
	font-family:"Inter", sans-serif !important;
	text-transform:capitalize;
}

.free_consultation_wrp  .wpcf7-response-output {
	color: #fff !important;
}

.form-row {
    margin-bottom: 15px;
}

.consultation-form .form-row:last-child {
	margin-bottom: 0 !important;
}

.consultation-form p{
	margin:0;
}

.two-col{
	display:flex;
	gap:18px;
	flex-wrap:wrap; 
}

.two-col .field{
	flex:1 1 195px; 
}

/* Inputs */

.consultation-form input[type="text"],
.consultation-form input[type="email"],
.consultation-form input[type="tel"],
.consultation-form textarea{
	width:100%;
	height:44px;
	border:1px solid #919191 !important;
	border-radius:10px !important;
	padding:0 18px !important;
	font-size:clamp(14px, .8vw + 11px, 16px) !important;
	color:#222;
	font-family:"Inter", sans-serif !important;
	transition:.3s;
	border-width: 1px !important;
}

.consultation-form textarea{
	height:120px;
	padding:16px 18px !important;
	resize:none;
}

.consultation-form input::placeholder,
.consultation-form textarea::placeholder{
	color:#b7b7b7;
}


.consultation-form input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
	border-width: 1px !important;
	border-radius: 3px !important;
}

.consultation-form input[type="checkbox"]:checked::after {
	content: "✓";
	position: absolute;
	left: 3px;
	top: -5px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

/* Focus */

.consultation-form input:focus,
.consultation-form textarea:focus{
	border-color:#0c2874;
	box-shadow:0 0 0 3px rgba(12,40,116,.12);
	outline:none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	color: #fff;
}

.consultation-form  input[type="submit"]:focus {
	background-color: #000 !important;
	color: #fff !important;
}


/* Checkbox */

.checkbox-row{
	margin-top:5px;
}

.checkbox-row .wpcf7-list-item{
	margin:0;
}

.checkbox-row input[type="checkbox"] {
	margin-right: 10px;
	flex-shrink: 0;
}

.checkbox-row label{
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:clamp(13px, .6vw + 12px, 15px);
	line-height:1.5;
	font-weight:500;
	margin:0;
	text-transform:none; 
}

/* Submit Button - UPDATED WITH ARROW BACKGROUND */

.consultation-form input[type="submit"] {
	width: 100%;
	background-color: #162b80;
	color: #fff;
	border: none !important;
	/* height: 64px; */
	border-radius: 12px;
	padding: 19px 20px !important;
	font-size: clamp(13px, .6vw + 11px, 16px);
	font-weight: 700;
	letter-spacing: .3px;
	line-height: normal;
	text-align: left;
	cursor: pointer;
	transition: .3s;
	background-image: url('https://transformityhealth.com/wp-content/uploads/2026/08/arrow_rright.png') !important;
	background-repeat: no-repeat !important;
	background-position: right 30px center !important;
	background-size: 30px 30px !important;
	margin-top:10px;
}

.consultation-form input[type="submit"]:hover{
	background-color:#0d1d5e;
	transform:translateY(-2px);
	border:none !important;
	color: #fff !important;
}

.consultation-form .wpcf7-spinner{
	display:none;
}

/* Validation */

.wpcf7-not-valid-tip{
	font-size:13px;
	margin-top:6px;
}

/* ===== Page chrome ===== */
.page-id-13087 .elementor-location-header,
.page-id-13087  .elementor-location-footer,
.page-id-12363 .elementor-location-header,
.page-id-12363 .elementor-location-footer,
.page-id-12369 .elementor-location-header,
.page-id-12369 .elementor-location-footer,
.page-id-12374 .elementor-location-header,
.page-id-12374 .elementor-location-footer,
.page-id-12508 .elementor-location-header,
.page-id-12508 .elementor-location-footer,
.page-id-9433 .elementor-location-header,
.page-id-9433 .elementor-location-footer,
.page-id-12795 .elementor-location-header,
.page-id-12795 .elementor-location-footer {
	display:none !important;
}

.logo_trans1{
	max-width:350px !important;
	width:100%;
	height:auto;
	margin-top: 50px;
}

/* ===== Hero copy ===== */

.top_banwrp {
	padding-bottom: 80px;
}

.bnr_sbtitle h2 {
	font-size: clamp(18px, 1vw + 14px, 30px) !important;
	color: #000 !important;
	font-family: "Manrope", sans-serif;
	max-width: 400px;
	font-weight: 900 !important;
	position: relative;
	padding-bottom: 20px;
}

.bnr_sbtitle h2:after{
	width:105px;
	height:2px;
	background:#1b2969;
	position:absolute;
	left:0;
	bottom:0;
	content:" ";
}

.banner_title h1{
	font-size:clamp(28px, 4vw + 12px, 50px);
	line-height:1.15;
	color:#19b1ce;
	font-family:"Inter", sans-serif !important;
	margin-top:clamp(20px, 4vw, 50px);
	font-weight:bold;
}

.banr_h3 h3{
	font-size:clamp(17px, 1vw + 13px, 23px);
	color:#1b2969;
	font-family:"Inter", sans-serif !important;
	font-weight:bold;
	max-width:703px;
}

.top_banwrp .para_p {
	max-width: 555px !important;
}

.free_wellness_btn a{
	display:inline-block;
	background:#162b80 !important;
	color:#fff !important;
	border:none;
	border-radius:12px !important;
	font-size:clamp(15px, .8vw + 13px, 16px) !important;
	font-weight:700 !important;
	letter-spacing:.3px;
	cursor:pointer;
	transition:.3s;
	line-height:19px !important;
	max-width:510px;
	padding:11px 20px !important;
}

.free_wellness_btn a:hover{
	background:#0d1d5e !important;
	transform:translateY(-2px);
}


/* =====================================================
Responsive breakpoints
===================================================== */
@media(max-width:1280px){

	.banner_title h1 {
		font-size: clamp(28px, 4vw + 12px, 38px);
	}
}

@media(max-width:1080px){
	.free_wellness_btn a {
		font-size: clamp(15px, .8vw + 13px, 16px) !important;
	}
}

@media(max-width:1024px){
	.free_consultation_wrp{
		max-width:480px !important;
	}
}
@media(max-width:991px){
	.free_wellness_btn  .elementor-button-content-wrapper {
		gap: 30px !important;
	}
	
	.fertility_support_tfive .para_edpg p {
		max-width: 380px;
	}
	.fert_bximg {
		max-width: 98% !important;
	}
}

@media(max-width:880px){
	
.banner_title h1 {
    font-size: clamp(28px, 4vw + 12px, 30px);
}

.banr_h3 h3 {
    font-size: clamp(17px, 1vw + 9px, 23px);
}
	
	.consultation-form input[type="submit"] {
		font-size: 13px;
	}
	
	.free_wellness_btn a {
		font-size: 13px !important;
		white-space: nowrap;
	}
	
	.consultation-form textarea {
		height: 95px;
	}
	
	.listsbx_ed {
		grid-template-columns: auto !important;
	} 
	
	.fertility_support_tfive  {
		display: grid;
	}
	
	.fertility_support_tfive  .consultation-form {
		margin-left: 0 !important;
	}
	
	.fertility_support_tfive .free_consultation .full_form input[type="submit"] {
		width: 347px;
	}
	
	.fertility_support_tfive .para_edpg p {
		max-width: 100%;
	}
	
}

/* ---- Mobile (<=767px) ---- */
@media(max-width:767px){

	.free_consultation_wrp{
		max-width:100% !important;
		margin-left:0;
	}

	.consultation-form{
		padding:20px;
		border-radius:18px;
	}

	.consultation-form h2{
		margin-bottom:20px;
		padding-bottom:14px;
	}

	.two-col{
		flex-direction:column;
		gap:16px;
	}

	.two-col .field{
		flex:1 1 auto;
		width:100%;
	}

	.consultation-form label{
		font-size:15px;
	}

	.consultation-form input[type="text"],
	.consultation-form input[type="email"],
	.consultation-form input[type="tel"]{
		height:46px; 
	}

	/* UPDATED MOBILE SUBMIT BUTTON PADDING & SVG POSITION */
	.consultation-form input[type="submit"]{
		font-size:13px;
		letter-spacing:0;
		background-position: right 10px center !important;
		background-size: 30px 30px !important;
	}

	.logo_trans1{
		max-width:220px !important;
	}

	.banner_title h1{
		margin-top:24px;
	}

	.bnr_sbtitle h2{
		max-width:100%;
	}

	.free_wellness_btn a{
		line-height:1.3 !important;
		font-size:13px !important;
	}

	.free_wellness_btn  .elementor-button-content-wrapper .elementor-button-icon {
		margin: 5px 0;
	}

	.free_wellness_btn a {
		padding: 2px 20px !important;
	}
	.free_consultation_wrp {
		margin-top: 10px;
	}
	.top_banwrp {
		padding-bottom: 30px;
	}
	
	.consultation-form input[type="submit"] {
		width: 100%;
	}
	
	.listsbx_ed {
		grid-template-columns: max-content max-content !important;

	}
}

@media(max-width:520px){
	.free_wellness_btn  .elementor-button-content-wrapper {
		gap: 15px !important;
	}

	.free_wellness_btn a {
		padding: 2px 10px !important;
	}
	
		
	.fertility_support_tfive .free_consultation .full_form input[type="submit"] {
		width: 100% !important;
	}
}
/* ---- Small phones (<=380px) ---- */
@media(max-width:380px){
	.banner_title h1{
		font-size:22px;
	}

	.free_wellness_btn a {
		padding: 2px 10px !important;
	}

	.consultation-form{
		padding:16px;
		border-radius:14px;
	}

	.consultation-form input[type="submit"] {
		font-size: 12px;
		padding: 14px 9px !important;
		letter-spacing: 0;
		background-position: right 10px center !important;
		background-size: 30px 30px !important;
	}
}


/* ============================================================
ED treatment page
============================================================ */

/* ============================================================
PAGE CONTAINER & GLOBAL RESET
============================================================ */
.page-id-10475 .elementor-location-header, 
.page-id-10475 .elementor-location-footer {
	display: none !important;
}

.ed_treatmentleft_right {
	padding-inline: 140px;
	box-sizing: border-box;
}

/* ============================================================
HERO / BANNER SECTION
============================================================ */
.top_edwrp {
	padding-top: 30px;
	padding-bottom: 100px !important;
}

.logo_edpg {
	max-width: 344px !important;
	height: auto;
}

.top_edwrp .banner_titleed h1 {
    padding-top: 45px;
    color: #1b2969;
    font-size: 55px;
    font-family: "Manrope", sans-serif;
    font-weight: 900;
    line-height: 65px;
	margin-top: 15px;
}

.banner_edh3 h3 {
	font-size: 23px;
	color: #00b2b4;
	font-weight: bold !important;
	font-family: "Inter", sans-serif !important;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	position: relative;
}

.banner_edh3 h3:after {
	position: absolute;
	content: "";
	background: #00b2b4;
	width: 105px;
	height: 3px;
	bottom: 0px;
	left: 0px;
}

.para_edpg p {
	font-family: "Inter", sans-serif !important;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	max-width:500px;
}

.listsbx_ed {
	display: grid;
	grid-template-columns: max-content max-content;
	gap: 20px 30px;
	margin: 25px 0;
}

.listsbx_ed h5 {
	font-family: "Inter", sans-serif !important;
	font-weight: bold;
	color: #000;
	padding-left: 20px;
	position: relative;
	margin: 0;
}

.listsbx_ed h5:before {
	content: " ";
	position: absolute;
	width: 13px;
	height: 13px;
	background: #0b66c0;
	border: 2px solid #ffffff;
	left: 0px;
	border-radius: 50%;
	top: 5px;
}

.listsbx_ed .para_edpg {
	padding-left: 20px !important;
	margin: 4px 0 0 0;
}

.ed_btnbook a {
	display: inline-block !important;
	background: #026875 !important;
	color: #fff !important;
	font-size: 17px !important;
	border-radius: 10px !important;
	border: none !important;
	padding: 12px 24px !important;
	transition: all 0.3s ease !important;
	text-decoration: none;
	font-weight: bold !important;
}

.ed_btnbook a:hover {
	background: #000 !important;
	transform: translateY(-2px) !important;
}


/* ============================================================
CONTACT FORM 7 (.edform)
============================================================ */
.edform {
	max-width: 563px;
	width: 100%;
	margin-left: auto;
	background-color: #ffffffc9;
	border-radius: 24px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	font-family: "Inter", sans-serif !important;
	color: #1f2937;
	box-sizing: border-box;
	margin-top: 65px;
}

.edform *,
.edform *::before,
.edform *::after {
	box-sizing: border-box;
}

.edform .edform-header {
	background-color: #005f6e;
	padding: 22px 20px;
	text-align: center;
}

.edform .edform-header h3 {
	margin: 0;
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.2px;
	font-family: "Inter", sans-serif !important;
}

.edform .edform-body {
	padding: 26px 55px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.edform .edform-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.edform .edform-group {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.edform .edform-group label {
	font-size: 17px;
	font-weight: 600;
	color: #1f2937;
	display: block;
	text-transform: math-auto;
	margin-bottom: 15px;
	font-family: "Inter", sans-serif !important;
}

.edform input[type="text"], 
.edform input[type="tel"], 
.edform input[type="email"], 
.edform textarea {
	width: 100%;
	padding: 11px 14px !important;
	font-size: 14.5px !important;
	color: #1f2937 !important;
	background-color: transparent !important;
	border: 1px solid #d1d5db !important;
	font-family: "Inter", sans-serif !important;
	border-radius: 8px !important;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.edform input[type="text"]:focus,
.edform input[type="tel"]:focus,
.edform input[type="email"]:focus,
.edform textarea:focus {
	border-color: #005f6e !important;
	box-shadow: 0 0 0 3px rgba(0, 95, 110, 0.15);
}

.edform input::placeholder,
.edform textarea::placeholder {
	color: #9ca3af;
	font-weight: 400;
}

.edform textarea {
	height: 105px;
	resize: vertical;
	line-height: 1.4;
}

.edform .edform-consent {
	margin-top: 2px;
}

.edform .edform-consent .wpcf7-list-item {
	margin: 0;
}

.edform .edform-consent label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	font-size: 13.5px;
	color: #374151;
	line-height: 1.4;
	font-family: "Inter", sans-serif !important;
	text-transform: math-auto;
}

.edform .edform-consent input[type="checkbox"] {
	margin-top: 3px;
	width: 18px;
	height: 18px;
	accent-color: #005f6e;
	border-radius: 4px;
	cursor: pointer;
	flex-shrink: 0;
}

.edform .edform-submit-wrap {
	margin-top: 6px;
	width: 100%;
}

.edform .edform-submit-btn {
	width: 100%;
	background-color: #005f6e;
	color: #ffffff;
	border: none !important;
	border-radius: 10px;
	padding: 14px 14px 14px 20px;
	font-size: 16px;
	letter-spacing: 0.5px;
	display: flex;
	font-weight: bold;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	transition: all 0.3s ease !important;
}

.edform .edform-submit-btn:hover {
	background-color: #000 !important;
	color: #fff !important;
	transform: translateY(-2px) !important;
}

.edform .edform-submit-btn:active {
	transform: scale(0.99);
}

.edform .edform-arrow-circle {
	width: 34px;
	height: 34px;
	background-color: #ffffff;
	color: #005f6e;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.edform .edform-disclaimer {
	font-size: 12.5px;
	color: #6b7280;
	line-height: 1.4;
	margin: 4px 0 0 0;
	text-align: left;
	font-weight: 500;
}

.edform .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.edform p {
	margin: 0;
	font-family: "Inter", sans-serif !important;
}

.edform .wpcf7-not-valid-tip {
	color: #dc2626;
	font-size: 12px;
	margin-top: 4px;
	display: block;
}

.edform .wpcf7-response-output,
.wpcf7 form.wpcf7-form:has(.edform) .wpcf7-response-output {
	margin: 14px 0 0 0 !important;
	padding: 12px 16px !important;
	border-radius: 8px !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	text-align: center !important;
	box-sizing: border-box !important;
	max-width: 546px;
	margin-left: auto !important;
}

.wpcf7-form.sent .edform .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output,
.edform .wpcf7-mail-sent-ok {
	background-color: #ecfdf5 !important;
	border: 1.5px solid #6ee7b7 !important;
	color: #065f46 !important;
	display: block !important;
}

.wpcf7-form.invalid .edform .wpcf7-response-output,
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .edform .wpcf7-response-output {
	background-color: #fef2f2 !important;
	border: 1.5px solid #fca5a5 !important;
	color: #991b1b !important;
	display: block !important;
}

.edform .wpcf7-not-valid,
.edform input[aria-invalid="true"],
.edform textarea[aria-invalid="true"] {
	border-color: #ef4444 !important;
	background-color: #fff8f8 !important;
}

.edform .wpcf7-spinner {
	margin: 10px auto 0 auto !important;
	display: block !important;
	background-color: #005f6e !important;
}


/* ============================================================
PROCESS SECTION (3 STEP CARDS)
============================================================ */
.process_bx {
	padding-block: 40px;
}

.ed_pgtitle h2 {
	font-family: "Manrope", sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: rgb(27, 41, 105);
}

.sub_headinged h6 {
	font-family: "Inter", sans-serif !important;
	font-size: 18px;
	color: rgb(35, 35, 37);
	max-width: 900px;
	text-align: center;
	margin: 10px auto 0 auto;
	line-height: 1.5;
}

.treatment_bxholder {
	margin-top: 50px;
}

.edimgbx_wrp {
	position: relative !important;
	background-color: #f2f9f9 !important;
	border-radius: 24px !important;
	padding: 40px 45px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	box-sizing: border-box !important;
	max-width: 464px;
	width: 100%;
	overflow: visible !important;
}

.edimgbx_wrp:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 95, 110, 0.08);
}

.edimgbx_wrp .ed_number {
	position: absolute !important;
	top: -18px !important;
	left: 20px !important;
	width: 48px !important;
	height: 48px !important;
	background-color: #005f6e !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 3 !important;
	box-shadow: 0 4px 10px rgba(0, 95, 110, 0.2) !important;
}

.edimgbx_wrp .ed_number .elementor-heading-title {
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Inter", sans-serif !important;
}

.edimgbx_wrp .ed_imgbxpro {
	width: 100% !important;
}

.edimgbx_wrp .ed_imgbxpro .elementor-image-box-wrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}

.edimgbx_wrp .ed_imgbxpro .elementor-image-box-img {
	margin: 0 auto 20px auto !important;
	width: 90px !important;
	height: 90px !important;
	background-color: #ffffff !important;
	border: 1.5px solid #d1d5db !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.edimgbx_wrp .ed_imgbxpro .elementor-image-box-img img {
	width: 50px !important;
	height: 50px !important;
	object-fit: contain !important;
	display: block !important;
}

.edimgbx_wrp .ed_imgbxpro .elementor-image-box-title {
	color: #026875 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.3 !important;
	font-family: "Inter", sans-serif !important;
}

.edimgbx_wrp .ed_imgbxpro .elementor-image-box-description {
	color: #374151 !important;
	font-size: 17px !important;
	line-height: 1.55 !important;
	margin: 0 !important;
	font-weight: 500;
	font-family: "Inter", sans-serif !important;
}

/* Connecting Arrow Between Cards */
.edimgbx_wrp:not(:last-child)::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: -65px !important;
	transform: translateY(-50%) !important;
	width: 55px !important;
	height: 45px !important;
	background-image: url("https://transformityhealth.com/wp-content/uploads/2026/08/arrow_right.png") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	z-index: 10 !important;
	pointer-events: none !important;
}


/* ============================================================
MY APPROACH SECTION (5 GRID BOXES)
============================================================ */
.approch_edbx {
    background-color: #001c3d !important;
    border-radius: 28px !important;
    padding: 20px 30px 35px 30px !important;
    box-sizing: border-box !important;
}

.approch_edbx .ed_pgtitle h2 {
	color: #fff !important;
	text-align: center;
}

.approch_edbx .sub_headinged h6 {
	color: #fff !important;
	text-align: center;
}

.approch_edbx .info_bxed_wrp {
	width: 100% !important;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 35px;
	box-sizing: border-box;
}

.approch_edbx .info_gridbxed {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 20px !important;
	padding: 30px 30px 26px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease !important;
	box-sizing: border-box !important;
	height: 100% !important;
	width: 100% !important;
}

.approch_edbx .info_gridbxed:hover {
	transform: translateY(-4px) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

.approch_edbx .info_gridbxed .elementor-image-box-wrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
}

.approch_edbx .info_gridbxed .elementor-image-box-img {
	margin: 0 auto 20px auto !important;
	width: 100px !important;
	height: 100px !important;
	background-color: #ffffff !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	flex-shrink: 0 !important;
}

.approch_edbx .info_gridbxed .elementor-image-box-img img {
	width: 50px !important;
	height: 50px !important;
	object-fit: contain !important;
	display: block !important;
}

.approch_edbx .info_gridbxed .elementor-image-box-title {
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	line-height: 1.35 !important;
	margin: 0 0 10px 0 !important;
	text-align: center !important;
	font-family: "Inter", sans-serif !important;
	height: 51px;
}

.approch_edbx .info_gridbxed .elementor-image-box-description {
	color: #cbd5e1 !important;
	font-size: 18px !important;
	line-height: 1.5 !important;
	margin: 40px 0 0 0 !important;
	text-align: center !important;
	font-family: "Inter", sans-serif !important;
	font-weight: 400;
}


/* ============================================================
RESPONSIVE MEDIA QUERIES (1880px to 360px)
============================================================ */

/* ------------------------------------------------------------
1. Laptop & Medium Desktop (1200px - 1440px)
------------------------------------------------------------ */


@media (max-width: 1780px) {

	.edimgbx_wrp {
		max-width: 425px;
	}

}

@media (max-width: 1680px) {
	.ed_treatmentleft_right {
		padding-inline: 80px;
		box-sizing: border-box;
	}
}

@media (max-width: 1550px) {
	.edimgbx_wrp {
		max-width: 400px;
	}
}
@media (max-width: 1440px) {
	.ed_treatmentleft_right {
		padding-inline: 80px;
	}

	.top_edwrp .banner_titleed h1 {
		font-size: 54px;
		line-height: 64px;
		padding-top: 60px;
	}

	.edimgbx_wrp:not(:last-child)::after {
		right: -45px !important;
		width: 40px !important;
	}

	.approch_edbx .info_bxed_wrp {
		gap: 15px;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-img {
		width: 85px !important;
		height: 85px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-img img {
		width: 42px !important;
		height: 42px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-title {
		font-size: 16px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-description {
		font-size: 14px !important;
	}

	.edimgbx_wrp {
		max-width: 370px;
	}
}

@media (max-width: 1366px) {
	.edimgbx_wrp {
		max-width: 355px;
	}
}

@media (max-width: 1280px) {

	.edimgbx_wrp {
		max-width: 320px;
	}

}

/* ------------------------------------------------------------
2. Small Laptop & Large Tablet (992px - 1199px)
------------------------------------------------------------ */
@media (max-width: 1199px) {
	.ed_treatmentleft_right {
		padding-inline: 40px;
	}

	.top_edwrp {
		padding-bottom: 60px !important;
	}

	.top_edwrp .banner_titleed h1 {
		font-size: 46px;
		line-height: 54px;
		padding-top: 30px;
	}

	.edimgbx_wrp {
		padding: 35px 25px !important;
	}

	.edimgbx_wrp:not(:last-child)::after {
		display: none !important; /* Prevents overlap on tighter screens */
	}

	/* Approach grid: 3 on top, 2 centered below */
	.approch_edbx .info_bxed_wrp {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

@media (max-width: 1080px) {
	.para_edpg p {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {

	/* 1. Expand usable width (Reduce side padding from 140px to 40px) */
	.ed_treatmentleft_right {
		padding-inline: 40px !important;
	}
	/* 2. Fix Hero Banner & remove excess top padding */
	.top_edwrp {
		padding-top: 20px !important;
		padding-bottom: 50px !important;
	}
	.top_edwrp .banner_titleed h1 {
		padding-top: 50px !important;
		font-size: 38px !important;
		line-height: 50px !important;
	}
	.banner_edh3 h3 {
		font-size: 19px !important;
		padding-top: 10px !important;
		padding-bottom: 20px !important;
		margin-bottom: 15px !important;
	}
	.banner_edh3 h3:after {
		width: 80px !important;
	}
	.para_edpg p {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}
	/* 3. Bullet list spacing */
	.listsbx_ed {
		gap: 12px 20px !important;
		margin: 18px 0 !important;
	}
	.listsbx_ed h5 {
		font-size: 15px !important;
	}
	/* 4. Fit Form Neatly */
	.edform {
		margin-top: 0px !important; /* Prevents form from pushing down */
		max-width: 420px !important;
	}
	.edform .edform-header {
		padding: 16px 14px !important;
	}
	.edform .edform-header h3 {
		font-size: 19px !important;
	}
	.edform .edform-body {
		padding: 18px 16px !important;
		gap: 12px !important;
	}
	.edform input[type="text"],
	.edform input[type="tel"],
	.edform input[type="email"],
	.edform textarea {
		padding: 9px 12px !important;
		font-size: 13.5px !important;
	}
	.edform textarea {
		height: 80px !important;
	}
	.edform .edform-submit-btn {
		font-size: 14.5px !important;
		padding: 10px 14px !important;
	}
	.edform .edform-arrow-circle {
		width: 30px !important;
		height: 30px !important;
	}
	/* 5. Process Cards & Approach Section at 1024px */
	.edimgbx_wrp {
		padding: 30px 20px !important;
	}
	.edimgbx_wrp:not(:last-child)::after {
		right: -45px !important;
		width: 40px !important;
		height: 35px !important;
	}
	.approch_edbx .info_bxed_wrp {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 16px !important;
	}

	.edimgbx_wrp {
		max-width: 290px;
	}

	.dream40wrp  .para_edpg p {
		max-width: 403px;
	}
	
	.dream40wrp .blue_titlebg h2 {
		font-size: 20px !important;
	}
}


/* ------------------------------------------------------------
3. Tablet Portrait (768px - 991px)
------------------------------------------------------------ */
@media (max-width: 991px) {
	.ed_treatmentleft_right {
		padding-inline: 30px;
	}

	.logo_edpg {
		max-width: 280px !important;
	}

	.top_edwrp .banner_titleed h1 {
		font-size: 40px !important;
		line-height: 48px !important;
		padding-top: 20px !important;
	}

	.banner_edh3 h3 {
		font-size: 20px;
		padding-bottom: 25px;
		margin-bottom: 15px;
	}

	.edform {
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
	}

	.ed_pgtitle h2 {
		font-size: 32px;
		text-align: center;
	}

	.treatment_bxholder {
		margin-top: 35px;
	}

	.edimgbx_wrp:not(:last-child)::after {
		display: none !important;
	}

	.approch_edbx {
		padding: 15px 20px 35px 20px !important;
	}

	.approch_edbx .info_bxed_wrp {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	
	.ed_btnbook a {
		font-size: 14.5px !important;
	}
}

/* ------------------------------------------------------------
4. Mobile Landscape & Phablets (576px - 767px)
------------------------------------------------------------ */
@media (max-width: 767px) {
	.ed_treatmentleft_right {
		padding-inline: 20px;
	}

	.top_edwrp {
		padding-top: 20px;
		padding-bottom: 40px !important;
		background: #fff !important;
	}

	.top_edwrp .banner_titleed h1 {
		font-size: 34px !important;
		line-height: 40px !important;
		padding-top: 15px !important;
	}

	.edform .edform-body {
		padding: 22px 18px;
	}

	.edform {
		border-radius: 20px;
		margin-top: 30px !important;
		max-width: 100% !important;
	}

	.approch_edbx .info_bxed_wrp {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.approch_edbx .info_gridbxed {
		padding: 24px 12px 20px 12px !important;
	}

	.edimgbx_wrp {
		max-width: 215px !important;
	}
}

/* ------------------------------------------------------------
5. Mobile Phones (360px - 575px)
------------------------------------------------------------ */
@media (max-width: 575px) {
	.ed_treatmentleft_right {
		padding-inline: 15px !important;
	}

	.logo_edpg {
		max-width: 230px !important;
	}

	.top_edwrp .banner_titleed h1 {
		font-size: 28px !important;
		line-height: 34px !important;
		padding-top: 10px !important;
	}

	.banner_edh3 h3 {
		font-size: 18px;
		padding-bottom: 20px;
	}

	.banner_edh3 h3:after {
		width: 70px;
	}

	.para_edpg p {
		font-size: 15px;
	}

	.listsbx_ed h5 {
		font-size: 16px;
	}

	.ed_btnbook a {
		text-align: center;
		font-size: 12px !important;
		padding: 6px 16px !important;
	}

	/* Form Mobile Stacking */
	.edform {
		border-radius: 18px;
		margin-top: 25px;
	}

	.edform .edform-header {
		padding: 18px 14px;
	}

	.edform .edform-header h3 {
		font-size: 18px;
	}

	.edform .edform-body {
		padding: 20px 15px;
		gap: 14px;
	}

	.edform .edform-row {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.edform .edform-submit-btn {
		font-size: 12px !important;
		padding: 11px 12px 11px 16px;
		white-space: break-spaces;
	}

	.edform .edform-arrow-circle {
		width: 30px;
		height: 30px;
	}

	/* Process 3-Cards Mobile */
	.ed_pgtitle h2 {
		font-size: 26px;
	}

	.sub_headinged h6 {
		font-size: 15px;
	}

	.edimgbx_wrp {
		padding: 35px 18px 25px 18px !important;
		border-radius: 18px !important;
	}

	.edimgbx_wrp .ed_imgbxpro .elementor-image-box-title {
		font-size: 19px !important;
	}

	.edimgbx_wrp .ed_imgbxpro .elementor-image-box-description {
		font-size: 15px !important;
	}

	/* Approach Section 5-Cards Mobile */
	.approch_edbx {
		border-radius: 20px !important;
		padding: 15px 15px 30px 15px !important;
	}

	.approch_edbx .info_bxed_wrp {
		grid-template-columns: 1fr; /* Single column on mobile for clean reading */
		gap: 15px;
		margin-top: 25px;
	}

	.approch_edbx .info_gridbxed {
		padding: 26px 16px 22px 16px !important;
		border-radius: 16px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-img {
		width: 80px !important;
		height: 80px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-img img {
		width: 40px !important;
		height: 40px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-title {
		font-size: 16px !important;
	}

	.approch_edbx .info_gridbxed .elementor-image-box-description {
		font-size: 14px !important;
		margin-top: 10px !important;
	}

	.listsbx_ed {
		grid-template-columns: 1fr !important;
		gap: 16px;
	}

	.approch_edbx .info_bxed_wrp {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.edimgbx_wrp {
		max-width: 100% !important;
		margin-bottom: 15px;
	}
	
	.top_banwrp  {
		background: #fff !important;
	}

}



.fertility_support_tfive .banner_titleed h1 {
	color: #000000;
	max-width: 80%;
	font-size: 60px;
}

.fertility_support_tfive .banner_edh3 h3 {
	color: #4e329c;
	max-width: 58%;
	padding-bottom: 20px;
	margin-bottom: 17px;
}

.fertility_support_tfive .para_edpg p {
	color: #232325;
}


.fertility_support_tfive .ed_btnbook a {
    background: #481a85 !important;
    margin-top: 15px;
    margin-bottom: 15px;
}


.fertility_support_tfive .ed_btnbook a:hover {
	background: #000 !important;
}

.fert_bximg {
    border-top: 1px solid #2a116f;
    margin-top: 20px;
    max-width: 90%;
    padding-top: 15px;
}

.fertility_support_tfive .banner_number .elementor-icon-list-text {
	color: #1b2969;
	font-family: "Manrope", sans-serif;
	font-weight: bold;
	font-size: 23px;
}

.fertility_support_tfive  .banner_number {
	position: relative;
	left:-9px;
}

.fertility_support_tfive .fert_bximg  img {
	display: inline-block;
}

.fertility_support_tfive .fert_bximg .elementor-image-box-img {
	margin-bottom: 0 !important;
}

.fertility_support_tfive .fert_bximg  .elementor-image-box-title {
	font-size: 15px;
	color: #000000;
	font-family: "Inter", sans-serif !important;
	font-weight: bold;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.fertility_support_tfive  {
	padding-bottom: 50px !important;
}

.fertility_support_tfive  .consultation-form {
	max-width: 560px;
	margin-left: auto;
	background: rgb(255 255 255 / 80%) !important;
	margin-top: 40px !important;
}


.fertility_support_tfive .full_form input[type="submit"] {
    background: #481a85 !important;
    color: #fff !important;
    background-image: url("https://transformityhealth.com/wp-content/uploads/2026/08/arrow-1.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 30px center !important;
    background-size: 34px 34px !important;
	font-size: 17px;
}

.fertility_support_tfive .full_form input[type="submit"]:hover {
	background-color: #000 !important;
}

.fertility_support_tfive .free_consultation h2 {
	background: #4e4e4e;
}

.dream40wrp .blue_titlebg h2 {
	background: #4e329c !important;
}

.dream40wrp .free_consultation h2 {
  padding-top: 20px !important;
}

@media (max-width: 767px) {

.fertility_support_tfive  .consultation-form {
    margin-left: 0;
}
	
	.fertility_support_tfive .full_form input[type="submit"] {
		width: 340px;
		font-size:12px !important;
	}
	
	.fertility_support_tfive  {
		background: #fff !important;
	}
	
	.edform .edform-submit-btn {
		width: 60%;
	}
	
	.quote_wrp {
		margin-top: 0 !important;
	}
	
}

@media (max-width: 575px) {
	.fertility_support_tfive .fert_bximg {
		max-width: 320px;
		margin: 20px auto;
	}
	
	.fertility_support_tfive .fert_bximg  .elementor-widget-image-box {
		max-width: 125px !important;
	}
	
	.fertility_support_tfive .full_form input[type="submit"] {
		background-size: 26px 26px !important;
	}
	
		
	.fertility_support_tfive  {
		background: #fff !important;
	}
	
	.fertility_support_tfive .banner_titleed h1 {
    font-size: 20px !important;
    line-height: 34px !important;
    padding-top: 20px !important;
}
	
	.fertility_support_tfive .banner_edh3 h3 {
    font-size: 16px !important;
}

	
	.fertility_support_tfive .ed_btnbook a {
		margin-top: 0;
	}
	
	.fertility_support_tfive  .elementor-button-icon svg {
	
		width: 0.75em;
	}
	
	.fertility_support_tfive  .banner_number svg {
		width: 2.5em !important;
	}
	
	.fertility_support_tfive .banner_number .elementor-icon-list-text {
		font-size: 20px;
	}
	
		.edform .edform-submit-btn {
		width: 100%;
	}
}

@media (max-width: 375px) {

.fertility_support_tfive .full_form input[type="submit"] {
    width: 100%;
}
	
.fertility_support_tfive .full_form input[type="submit"] {
    background-position: right 11px center !important;
}
	
}



.quote_wrp {
	gap:30px;
	margin-top:40px;
}

.quote_secleft {
    background: #f5f0ff;
    padding: 65px 65px 30px 65px;
    border-radius: 25px;
    max-width: 600px;
}

.quote_secright  {
	padding: 20px 15px;
	border-radius: 25px;
}

.quote_secrighttext  h3 {
    color: #4e329c;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    font-family: "Manrope", sans-serif;
	position: relative;
	padding-bottom:15px;
}

.quote_secrighttext  h3:after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 103px;
	height: 5px;
	background: #4a2297;
}


.quote_secrighttext .age46text  h6 {
    color: #bb8c32;
    font-size: 98px;
    font-family: "Marcellus", sans-serif;
    font-weight: 900;
    line-height: 108px;
}

.quote_secrighttext .age46text  p {
	font-size: 25px;
	font-weight: bold;
	color: #1b2969;
	font-family: "Manrope", sans-serif;
}

.quote_secrighttext .age46text .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 20px;
}


.quote_secrighttext {
    max-width: 440px;
    margin-left: auto;
}

.quote_secrighttext  .para_edpg p {
	max-width: 100%;
}

.quote_secrighttext .age46text {
	margin-top: 35px;
}


.quote_wrp  .para_edpg p {
	max-width: 100% !important;
	font-size: 20px;
}


.quote_secleft  img {
	position: relative;
	left:-25px;
}

.quote_secleft  h5 {
    font-size: 23px;
    color: #1b2969;
    font-family: "Manrope", sans-serif;
    font-weight: bold;
    margin-top: 40px;
}


.quote_secright  h5 {
    font-size: 23px;
	color: #1b2969;
    font-family: "Manrope", sans-serif;
    font-weight: bold;
    margin-left: 50px;
	text-align: right;
}

.fertility_health_wrp .info_gridbxed .elementor-image-box-img img {
    width: 85px !important;
    height: 85px !important;
    object-fit: contain !important;
    display: block !important;
}


.fertility_health_wrp .approch_edbx {
    border-radius: 24px;
    background: #5538a6 url("/wp-content/uploads/2026/09/bgcolor.png") left center / auto 100% repeat-x !important;
    margin-top: 54px !important;
}


.fertility_health_wrp .approch_edbx .info_gridbxed {
    padding: 30px 50px 26px !important;
}

.fertility_healthp p {
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.fertility_healthprel {
    position: relative;
    top: 10px;
}

.dream40_footer .fdgd {
    border-left: 2px solid #4d409c !important;
}

@media (max-width: 1680px) {
	.quote_wrp  .para_edpg p {
		font-size: 18px;
	}
	
	.quote_secrighttext {
		max-width: 415px;
	}
}

@media (max-width: 1550px) {
	.quote_secleft {
		max-width: 520px;
	}
}

@media (max-width: 1440px) {
	.quote_secleft {
		max-width: 440px;
	}
	
	.quote_secright {
		background-position: -225px center !important;
		background-color: #f4edfb !important;
	}
	
	.quote_secleft  h5 {
		margin-top: 34px;
	}
	
	.dream40wrp .free_consultation h2 {
		padding-top: 20px;
	}
}


@media (max-width: 1280px) {

.quote_wrp  .para_edpg p {
    font-size: 16px;
}
	
	.quote_secrighttext  h3 {
		font-size: 32px;
		line-height: 42px;
	}
	
	.quote_secleft {
		max-width: 490px;
	}
	
	.quote_secleft {
		padding: 30px 40px 30px 60px;
	}
	
	.quote_secleft  h5 {
		margin-top: 0;
	}
	
}

@media (max-width: 1280px) {
	.quote_wrp {
		flex-direction: column !important;
	}
	
	.quote_secleft {
		max-width: 100%;
	}
	
	.fertility_support_tfive .banner_titleed h1 {
		font-size: 50px;
	}
	
	.fertility_health_wrp .approch_edbx .info_gridbxed {
		padding: 30px 25px 26px !important;
	}

}

@media (max-width: 1150px) {
	.quote_secright {
		background-position: left center !important;
	}
	
	.quote_secleft {
		padding: 40px 20px 33px 50px;
	}
	
	.quote_secleft  h5 {
		margin-top: 0px;
	}
	
	
}


@media (max-width: 767px) {
	.fertility_support_tfive .banner_titleed h1 {
		max-width: 100% !important;
		font-size: 28px !important;
	}

	
	.fertility_support_tfive .para_edpg p {
		width: 100% !important;
	}
	
	.fertility_support_tfive .ed_btnbook a {
		margin-top: 15px;

	}
	
	.quote_secright  {
		background: none !important;
	}
	
	.quote_secrighttext {
		max-width: 100%;
	}
	
	.quote_secright  h5 {
		font-size: 18px;
		margin-left: 0;
	text-align: left;
	}
	
	.fertility_health_wrp .approch_edbx {
		margin-top: 25px !important;
	}
	
	.quote_secrighttext  h3 {
		font-size: 27px;
		line-height: 37px;
	}
	
	.quote_secrighttext .age46text  h6 {
		font-size: 75px;
		line-height: 75px;
	}
	
	.quote_secrighttext .age46text  p {
		font-size: 18px;
	}
	
	.fertility_support_tfive .full_form input[type="submit"] {
		background-size: 27px 27px !important;
	}
}

.fertility_support35foo .fdgd {
    border-left:2px solid #573aa9 !important;
}