/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

* Add your custom styles here */
body {
	font-family: "Comfortaa", Sans-serif !important;
}
/* IVF Form CSS */
.eligibility-form-container {
/*     width: 30%; */
    margin: auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.tab-section {
    padding: 35px 15px;
}
.eligibility-form-container h3 {
    color: white !important;
}
.eligibility-result {
    width: 30%;
    margin: auto;
    padding-top: 1rem;
}
.check-eligibility {
    width: 70%;
    margin: auto;
}
.eligibility-form-container .tab-section {
    display: none;
}

.eligibility-form-container .tab-section.active {
    display: block;
}

.question {
	align-items: center;
    width: 100%;
    display: inline-flex;
    flex-direction: row;
	margin-bottom: 0.5rem
}

.question input {
	height: 50px !important;
    padding: 20px !important;
    border-radius: 10px !important;
}

.question select {
	height: 50px !important;
    padding: 0 20px !important;
    border-radius: 10px !important;
}

.step-buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.step-buttons [type=button] {
    border: 1px solid #BC9AEC !important;
}


.step-buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.step-buttons [type=button] {
    border: 1px solid #BC9AEC !important;
}

.step-buttons [type=submit] {
    border: 1px solid #BC9AEC !important;
}

.eligibility-form-container .tab-section.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	height: 100%;
}

.tab-section.active[data-tab="Medical Factors"] .step-buttons {
    justify-content: flex-end !important;
}

/* Make only the questions inside the specific tab a grid */
.tab-section.active[data-tab="Lifestyle Factors"] .questions-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    gap: 0.5rem;
}

/* Only the .question elements are grid items */
.tab-section[data-tab="Lifestyle Factors"] > .questions-container .question {
    grid-column: auto; /* default: one column */
}

/* Make the last 2 .question elements full width */
.tab-section[data-tab="Lifestyle Factors"] > .questions-container .question:nth-last-of-type(-n+2) {
    grid-column: 1 / -1;
}

/* Keep h3 and step-buttons out of the grid */
.tab-section[data-tab="Lifestyle Factors"] > h3,
.tab-section[data-tab="Lifestyle Factors"] > .step-buttons {
    grid-column: 1 / -1;
}

.tab-section h3 {
    text-transform: uppercase;
    font-size: 35px;
}

/* dropdwon arrow */
select {
  appearance: none;    
  -webkit-appearance: none; 
  -moz-appearance: none;    
  background-image: none;  
}
select {
  position: relative;
  padding-right: 2rem; 
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z"/></svg>') no-repeat right 0.75rem center;
  background-size: 1rem;
  background-color: white;
}

.eligibility-form input,
.eligibility-form select,
.eligibility-form textarea {
  font-family: "Comfortaa", sans-serif;
	color: grey;
}
/* IVF Form CSS End*/