/* ==============
 *  Variables
 * ============*/

:root {
	--primary-color: #A6192E; /* = @color-red 'variables.less' */
	--primary-color-hover: color-mix(in srgb, var(--primary-color), white 20%);
	--text-primary: #505050;
	--text-black-87: rgba(0,0,0,.87);
	--text-black-70: rgba(0,0,0,.7);
	--text-black-60: rgba(0,0,0,.60);
	--text-white-75: rgba(255,255,255,.75);
	--text-white-60: rgba(255,255,255,.60);
	--gray-color: #4F5C64;
	--gray-ligth-color: #f7f7f7;

	--px-container: 15px;

	--fw-medium: 500;
	--fw-semibold: 600;
}



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

.btn,
input.btn.contact-form__input {
	height: unset;
	text-align: center;
	font-size: 14px;
	font-weight: var(--fw-semibold);
	line-height: 14px;
	border-radius: 100px;
	padding: 20px;
	cursor: pointer;
	&:hover {
		text-decoration: none;
	}
	&:focus,
	&:focus-visible {
		outline: none;
		box-shadow: none;
	}
}

.btn.btn-thin {
	padding: 14px 32px;
}

/*a.button-red:not([href]):not([tabindex])*/
.btn-red,
input.btn-red.contact-form__input {
	color: white;
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
	&:hover {
		color: white;
		background: var(--primary-color-hover);
		border: 1px solid var(--primary-color-hover);
	}
	&:focus,
	&:focus-visible {
		color: white;
	}
}

.btn-transparent {
	color: black;
	border: 1px solid var(--gray-color);
	background: transparent;
	&:hover {
		color: white;
		border: 1px solid var(--primary-color-hover);
		background: var(--primary-color-hover);
	}
	&:focus,
	&:focus-visible {
		color: white;
	}
}


/* ==============
 *  General
 * ============*/

body {
	&:has(.no-badges-in-footer) {
		.wrapper.badges {
			display: none;
		}
	}
	&:has(.body-color-light-gray) {
		background-color: #f2f2f2;
	}
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	margin: 0;
}

.h1 {
	text-align: start;
	font-size: 72px;
	letter-spacing: -4px;
	color: black;
	line-height: 80px;
}

.h2 {
	font-size: 56px;
	line-height: 64px;
	font-weight: 400;
	letter-spacing: -2.4px;
	color: black;
}

.h3 {
	font-size: 40px;
	font-weight: 400;
	letter-spacing: -2px;
	line-height: 1.23;
	color: var(--text-black-87);
}

.h4 {
	font-size: 24px;
	font-weight: var(--fw-semibold);
	letter-spacing: -0.15px;
	line-height: 160%;
	color: black;
}


.h5 {
	font-size: 18px;
	font-weight: var(--fw-semibold);
	letter-spacing: -0.15px;
	line-height: 160%;
	color: black;
}



.w-100-sm {
	@media (max-width: 576px) {
		width: 100%;
	}
}

.w-fit {
	width: fit-content;
}

.container-wider {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}
.container-widest {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.text-white-75 {
	color: var(--text-white-75);
}

.px-container {
	padding-right: var(--px-container);
	padding-left: var(--px-container);
}

.pb-80 {
	padding-bottom: 80px;
}


/* ==============
 *  Intro
 * ============*/

.section-intro {

}

.main-text-wrap {
	max-width: 590px;
	@media (max-width: 767px) {
		max-width: unset;
	}
}

.lead-paragraph-voucher {
	font-size: 18px;
	color: #000;
	line-height: 1.75;
}

.img-bg-intro-actions {
	display: block;
	width: 100%;
	height: auto;
	/*min-height: 560px;*/
	border-radius: 22px;
	@media (max-width: 992px) {
		/*width: 100%;*/
		/*height: auto;*/
		min-height: unset;
		margin-left: 0;
		margin-right: 0;
	}
}


.form-wrap {
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid #e2e2e2;
	padding: 32px 24px;
}






.section-intro-actions {
	overflow-x: hidden;
	width: 100%;
	min-height: 560px;
	display: flex;
	margin-top: 20px;
	margin-bottom: 32px;

	.lead-paragraph-actions {
		max-width: 460px;
		margin-bottom: 40px;
	}
}

.img-bg-wrap-intro-actions {
	margin-left: auto;
	@media (max-width: 1280px) {
		margin-right: calc(100vw - 1281px);
	}
	&:before {
		z-index: 2;
		content: "";
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		border-top: 0 solid #fff;
		border-right: 242px solid transparent;
		border-bottom: 533px solid #fff;
		border-left: 0 solid transparent;
	}
}





.item-benefits-actions {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 48px;

	svg {
		width: 40px;
		height: auto;
		margin-right: 16px;
		margin-bottom: auto;
	}

	.h4 {
		color: var(--text-black-87);
		margin-bottom: 4px;
	}

	p {
		font-size: 15px;
		color: var(--text-black-60);
		line-height: 150%;
		max-width: 245px;
	}
}


/* =======================
 *  Boxes
 * =====================*/

.box-doporuceni {
	background-color: var(--gray-ligth-color);
	border-radius: 24px;
	padding: 60px 80px;
	@media (max-width: 880px) {
		padding: 60px 40px;
	}
	@media (max-width: 576px) {
		padding: 40px 20px;
	}
}

.box-hr-wrap {
	align-items: center;
	@media (max-width: 767px) {
		align-items: start;
		width: 100%;
	}
}

.box-hr {
	width: 1px;
	height: 100%;
	flex-grow: 1;
	background-color:  rgba(0,0,0,.15);
	@media (max-width: 767px) {
		width: 100%;
		max-width: 150px;
		height: 1px;
	}
	&.top {
		margin-top: -30px;
		@media (max-width: 992px) {
			margin-top: -68px;
		}
		@media (max-width: 767px) {
			margin-top: 11px;
		}
	}
	&.bottom {
		margin-bottom: -30px;
		@media (max-width: 992px) {
			margin-bottom: -68px;
		}
		@media (max-width: 767px) {
			margin-top: 12px;
			margin-bottom: 0;
		}
	}

}



.item-wrap-treatment-spectrum {
	@media (max-width: 768px) {
		margin-top: 80px;
	}
}

.item-treatment-spectrum {
	position: relative;
	height: 100%;
	background-color: white;
	border: 1px solid @dark-blue;
	border-radius: 50px;
	padding: 30px;
	margin: 0;
	@media (max-width: 767px) {
		height: auto;
	}
	@media (max-width: 576px) {
		margin: 15px 0 15px 15px;
	}
}

.icon-wrap-treatment-spectrum {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 0;
	left: 50%;
	transform: translate(-50%,-66%);
	display: flex;
	justify-content: center;
	align-items: center;

	.icon-treatment-spectrum {
		width: 44px;
		&.icon-ortopedie-treatment-spectrum {
			width: 48px;
		}
		&.icon-anesteziologie-treatment-spectrum {
			width: 54px;
		}
	}
}


















/* ===================
 *  Contact-form
 * =================*/

.section-form {
	margin-top: 110px;
	margin-bottom: 110px;
	@media (max-width: 992px) {
		margin-top: 80px;
	}
}

.contact-form__row {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	/*column-gap: 16px;*/
	row-gap: 32px;
	margin-bottom: 24px;
}

.contact-form__label-main {
	font-size: 18px;
	color: var(--text-black-87);
	margin-bottom: 24px;
}

div.form-group {
	position: relative;
	flex-basis: 49%;
	max-width: 49%;
	margin-bottom: 0;
	&:has([name="your-name"], [name="voucher-id"]) {
		max-width: 100%;
		flex-basis: 100%;
	}
	@media (max-width: 992px) {
		flex-basis: 100%;
		max-width: 100%;
	}

	label.contact-form__label {
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		left: 16px;
		width: fit-content;
		font-size: 12px;
		font-weight: 500;
		color: var(--text-black-70);
		text-transform: none;
		background-color: white;
		padding: 0 4px;
		margin-bottom: 0;
	}

	.wpcf7-form-control-wrap {
		position: static;
	}

	input.contact-form__input {
		height: 56px;
		font-size: 16px;
		color: black;
		border: 1px solid #a2a2a2;
		border-radius: 8px;
		padding: 16px 12px;
		&:focus {
			background-color: white;
		}
	}
}

.wpcf7-list-item {
	margin-left: 0;
}

label {
	display: flex;
	margin-bottom: 24px;
}

.contact-form__label {
	text-transform: none;
}

.wpcf7-list-item-label {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	vertical-align: text-bottom;
}

input[type=checkbox] {
	width: 18px;
	height: 18px;
	border: 2px solid var(--text-black-70);
	border-radius: 2px;
	margin-right: 12px;
}

.contact-form__submit-container {
	.wpcf7-spinner {
		display: none;
	}
}
.contact-form__input--submit {
	padding: 13px 40px 13px 20px !important;
	margin-top: 0;
	margin-left: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='white'/%3E%3C/svg%3E") !important;
	background-position: right 16px center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.professional-3d__privacy-policy {
	color: var(--primary-color) !important;
	text-decoration: underline;
	&:hover {
		color: var(--primary-color) !important;
		text-decoration: none;
	}
}

.contact-page__item {
	padding-left: 40px;
	&.contact-page__item-1:before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M20.0021 7.99867H16.0004C15.4479 7.99867 15 7.55076 15 6.99825V2.99658' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.99609 7.99867V4.99742C5.99609 3.89239 6.8919 2.99658 7.99693 2.99658H15.1719C15.7025 2.99658 16.2114 3.20757 16.5865 3.58283L19.4157 6.412C19.7909 6.78715 20.0019 7.29598 20.0019 7.82659V19.0032C20.0019 20.1083 19.1061 21.0041 18.0011 21.0041H7.99693C6.8919 21.0041 5.99609 20.1083 5.99609 19.0032V18.0028' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.86104 11.9619L7.36 14.463L5.85938 12.9623' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><rect x='2.99609' y='7.99854' width='10.0042' height='10.0042' rx='3' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	}
	&.contact-page__item-2:before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M16.0014 10.9997H7.99805' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M10.9993 15.0012H7.99805' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path fill-rule='evenodd' clip-rule='evenodd' d='M18.0017 22.0043C18.0017 19.7943 19.7933 18.0026 22.0033 18.0026C19.7933 18.0026 18.0017 16.211 18.0017 14.001C18.0017 16.211 16.2101 18.0026 14 18.0026C16.2101 18.0026 18.0017 19.7943 18.0017 22.0043Z' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.4963 2.99658V5.99783' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.5002 2.99658V5.99783' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9998 21.0039H5.99734C4.3398 21.0039 2.99609 19.6602 2.99609 18.0027V7.49832C2.99609 5.84078 4.3398 4.49707 5.99734 4.49707H18.0023C19.6599 4.49707 21.0036 5.84078 21.0036 7.49832V12.0002' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	}
	&.contact-page__item-3:before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.1305 13.869C8.96054 12.699 8.07854 11.389 7.49254 10.06C7.36954 9.77897 7.44154 9.44997 7.65854 9.23297L8.47754 8.41397C9.14854 7.74297 9.14854 6.79397 8.56254 6.20797L7.38954 5.03497C6.60854 4.25397 5.34254 4.25397 4.56154 5.03497L3.90954 5.68597C3.16854 6.42697 2.85954 7.49597 3.05954 8.55597C3.55354 11.169 5.07154 14.03 7.52054 16.479C9.96954 18.928 12.8305 20.446 15.4435 20.94C16.5035 21.14 17.5725 20.831 18.3135 20.09L18.9645 19.439C19.7455 18.658 19.7455 17.392 18.9645 16.611L17.7915 15.438C17.2055 14.852 16.2555 14.852 15.6705 15.438L14.7675 16.342C14.5505 16.559 14.2215 16.632 13.9405 16.508C12.6115 15.921 11.3005 15.038 10.1305 13.869Z' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M21 6H15' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M18 9V3' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	}
	&.contact-page__item-4:before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M7.5 3V6' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.5 3V6' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><rect x='3' y='4.5' width='18' height='16.5' rx='3' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.55 9.99994C16.55 9.97234 16.5276 9.94999 16.5 9.95C16.4724 9.95001 16.45 9.97238 16.45 9.99998C16.45 10.0276 16.4723 10.05 16.4999 10.05C16.5132 10.05 16.526 10.0447 16.5354 10.0354C16.5447 10.026 16.55 10.0132 16.55 9.99994' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.05 9.99994C12.05 9.97234 12.0276 9.94999 12 9.95C11.9724 9.95001 11.95 9.97238 11.95 9.99998C11.95 10.0276 11.9723 10.05 11.9999 10.05C12.0132 10.05 12.026 10.0447 12.0354 10.0354C12.0447 10.026 12.05 10.0132 12.05 9.99994' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16 15.6143V13.6138H14' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 14.3995C9.52669 16.068 11.9936 16.4822 13.9815 15.4038C14.727 14.9978 15.3396 14.3852 15.7456 13.6396' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.55 9.99994C7.54997 9.97234 7.52758 9.94999 7.49998 9.95C7.47238 9.95001 7.45001 9.97238 7.45 9.99998C7.44999 10.0276 7.47234 10.05 7.49994 10.05C7.51322 10.05 7.52596 10.0447 7.53536 10.0354C7.54475 10.026 7.55002 10.0132 7.55 9.99994' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	}
	&.contact-page__item-5:before {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M19.5605 7.11914C21.4805 10.0891 21.4795 13.9131 19.5615 16.8821' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M15.547 8.45236C17.5062 10.4116 17.5062 13.5882 15.547 15.5475C13.5877 17.5067 10.4111 17.5067 8.45187 15.5475C6.49261 13.5882 6.49261 10.4116 8.45187 8.45236C10.4111 6.4931 13.5877 6.4931 15.547 8.45236' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M14.3203 7.55118L16.9043 4.41218C17.2803 3.95518 17.9683 3.92218 18.3873 4.34018L19.6603 5.61318C20.0793 6.03218 20.0453 6.72018 19.5883 7.09618L16.4493 9.68018' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.67862 16.4488L7.09462 19.5878C6.71862 20.0448 6.03062 20.0778 5.61162 19.6598L4.33862 18.3868C3.91962 17.9678 3.95362 17.2798 4.41062 16.9038L7.54962 14.3198' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.55023 9.67911L4.41023 7.09511C3.95323 6.71911 3.92023 6.03111 4.33823 5.61211L5.61123 4.33911C6.03023 3.92011 6.71823 3.95411 7.09423 4.41111L9.67823 7.55011' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.4493 14.3208L19.5883 16.9048C20.0453 17.2808 20.0783 17.9688 19.6603 18.3878L18.3873 19.6608C17.9683 20.0798 17.2803 20.0458 16.9043 19.5888L14.3203 16.4498' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.8821 19.5611C13.9131 21.4791 10.0881 21.4801 7.11914 19.5601' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.43875 7.11816C2.52075 10.0872 2.51975 13.9112 4.43975 16.8812' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.8802 4.44024C13.9102 2.52024 10.0862 2.52124 7.11719 4.43924' stroke='%23AF0D21' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	}
}