#flexible_ivf {
	background-color: var(--light_purple);
	padding: 30px 0
}

.flexible_ivf_content h2 {
	font-size: 50px;
	color: var(--orange);
	font-family: 'OpenSans-Light'
}

.flexible_ivf_content span {
	font-size: 50px;
	color: var(--blue);
	font-family: 'OpenSans-SemiBold'
}

.flexible_ivf_content p {
	color: var(--black_alternate);
	font-family: 'OpenSans-Regular'
}

#emi_ivf {
	background-color: var(--faq_green);
	padding: 30px 0;
	position: relative
}

.emi_ivf_content {
	position: relative;
	z-index: 9999
}

.emi_ivf_content h2 {
	font-size: 50px;
	color: var(--green);
	font-family: 'OpenSans-SemiBold'
}

.flexible_ivf_content p {
	color: var(--black_alternate);
	font-family: 'OpenSans-Regular'
}

.accordion {
	border: hidden !important;
	border-color: #FFF !important;
	position: relative
}

.accordion-item {
	border: hidden !important;
	border-color: #FFF !important
}

.accordion-button:link,
.accordion-button:visited,
.accordion-button:hover,
.accordion-button:active {
	background-color: #FFFFFFFF !important;
	color: #000000 !important;
	text-decoration: none !important;
	border: hidden !important;
	border-color: #FFF !important
}

.accordion-button:not(.collapsed) {
	color: #000000 !important;
	background-color: #FFFFFF !important;
	border: hidden !important;
	border-color: #FFF !important
}

.accordion {
	--bs-accordion-border-color: none !important;
	--bs-accordion-border-width: none !important;
	--bs-accordion-btn-color: none !important;
	--bs-accordion-btn-bg: none !important;
	--bs-accordion-btn-icon: url(../../images/faq/active.svg);
	--bs-accordion-btn-icon-width: 1.50rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url(../../images/faq/active.svg);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
	--bs-accordion-active-bg: var(--white)
}

.faq_left img {
	position: absolute;
	width: 290px
}

.faq_right img {
	position: absolute;
	right: 0;
	top: 150px;
	width: 350px
}

#process {
	padding: 30px 0
}

.card.card_process {
	height: 100%
}

.card_process .card-body h2 {
	font-size: 25px;
	color: var(--black);
	font-family: 'OpenSans-Semibold'
}

.card_process .card-body p {
	color: var(--black_alternate);
	font-family: 'OpenSans-Regular'
}

.emi_red {
	background-color: var(--white);
	padding: 10px;
	border: 1px solid var(--orange);
	border-radius: 50%;
	width: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto
}

.emi_red img {
	background-color: var(--white);
	padding: 20px;
	border: 25px solid var(--orange);
	border-radius: 50%
}

.emi_green {
	background-color: var(--white);
	padding: 10px;
	border: 1px solid var(--green);
	border-radius: 50%;
	width: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto
}

.emi_green img {
	background-color: var(--white);
	padding: 20px;
	border: 25px solid var(--green);
	border-radius: 50%
}

.emi_blue {
	background-color: var(--white);
	padding: 10px;
	border: 1px solid var(--blue);
	border-radius: 50%;
	width: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto
}

.emi_blue img {
	background-color: var(--white);
	padding: 20px;
	border: 25px solid var(--blue);
	border-radius: 50%
}

.emi_yellow {
	background-color: var(--white);
	padding: 10px;
	border: 1px solid var(--dark-yellow);
	border-radius: 50%;
	width: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto
}

.emi_yellow img {
	background-color: var(--white);
	padding: 20px;
	border: 25px solid var(--dark-yellow);
	border-radius: 50%
}

#how_work {
	background-color: var(--light_blue);
	padding: 30px 0;
	position: relative
}

.card.card_work {
	height: 100%
}

.card_work h2 {
	font-size: 25px;
	color: var(--orange);
	font-family: 'OpenSans-Semibold'
}

.card_work p {
	color: var(--black_alternate);
	font-family: 'OpenSans-Regular'
}

#calculator {
	background-color: var(--yellow);
	padding: 30px 0
}

.card_calculator .form-label {
	color: var(--black_alternate);
	font-family: 'OpenSans-SemiBold'
}

.card_calculator .form-control {
	background-color: var(--light_red);
	color: var(--orange);
	font-family: 'OpenSans-SemiBold';
	text-align: center
}

.card_calculator .form-control::-webkit-input-placeholder {
	color: var(--orange)
}

#emi_option {
	background-color: var(--yellow);
	padding: 30px 0
}

#emi_option p {
	color: var(--black_alternate);
	font-family: 'OpenSans-Regular'
}

input[type=range] {
	width: 100%;
	accent-color: var(--orange)
}

.card_calculator ul li .prinici {
	padding: 1px 30px;
	background-color: var(--light_blue)
}

.card_calculator ul li .inter {
	padding: 1px 30px;
	background-color: var(--orange)
}

.circle {
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background-color: var(--white);
	border: 40px solid var(--light_blue);
	margin-left: auto;
	margin-right: auto
}

svg {
	height: 200px;
	width: 200px
}

circle {
	stroke-width: 10px;
	fill: #fff0
}

#gray {
	stroke: var(--light_blue)
}

#red {
	stroke: var(--orange);
	stroke-dasharray: 50, 200;
	stroke-dashoffset: -200
}