/* Block 1 */
.home .block_1 {
	display: flex; flex-direction: column;
	background-image: url('../../../image/module/home/block_1-bg.png');
	background-position: right 60px; background-repeat: no-repeat;
}

.home .block_1 .cell_1 {position: relative;}
.home .block_1 .cell_1 .for-mobile {position: absolute; z-index: 1; top: 12px; right: 0; width: 100%;}
.home .block_1 .cell_1 .for-mobile button {
	display: flex; justify-content: center; align-items: center; gap: .5rem;
	width: 80%; height: 50px; margin: 0 auto; font-size: 18px; color: white;
	border-radius: 50px; background-color: var(--color-main); box-shadow: -6px 8px 0 0 var(--color-main-lightest);
}
.home .block_1 .cell_1 .for-mobile button i {display: block; width: 14px;}

.home .block_1 .cell_1 .for-mobile .search {
	position: relative; width: 90%; margin: 16rem auto 0;
	background-color: #ffffff66; box-shadow: 0 0 0 60px #ffffff66;
}
.home .block_1 .cell_1 .for-mobile .search input {
	width: 100%; height: 50px !important; margin: 0 auto; padding: 0 60px 0 180px;
	border-radius: 25px !important; border: 0; font-size: 20px;
}
.home .block_1 .cell_1 .for-mobile .search input::placeholder {color: #070606;}
.home .block_1 .cell_1 .for-mobile .search input:active::placeholder,
.home .block_1 .cell_1 .for-mobile .search input:focus::placeholder {color: #bbb;}
.home .block_1 .cell_1 .for-mobile .search i {
	position: absolute; left: 0; top: 0; width: 80px; height: 50px; line-height: 50px; text-align: center;
	border-radius: 25px; background-color: #070606; font-size: 24px; color: white; cursor: text;
}

.home .block_1 .cell_1 .slider {width: 92%; height: 470px;}
.home .block_1 .cell_1 .slide {
	width: 100%; height: 470px; float: right;
	background-repeat: no-repeat; background-position: bottom center;
}
.home .block_1 .cell_1 .slide._1 {
	background-image: url('../../../image/module/home/block_1-slide_1.png');
	background-size: contain;
}

.home .block_1 .cell_2 {display: flex; flex-direction: column; align-items: center; width: 100%;}

.home .block_1 .cell_2 .title {text-align: center;}
.home .block_1 .cell_2 .title * {margin: 0; line-height: 1;}
.home .block_1 .cell_2 .title h1 {font-size: 32px; font-weight: bold;}
.home .block_1 .cell_2 .title h2 {font-size: 26px; font-weight: bold; margin: 10px 0 30px;}
.home .block_1 .cell_2 .title h3 {font-size: 20px;}

.home .block_1 .cell_2 .search {display: none; position: relative; margin: 3rem 0 5rem;}
.home .block_1 .cell_2 .search input {
	width: 100%; height: 80px !important; margin: 0 auto; padding: 0 60px 0 180px;
	border-radius: 40px !important; border: 0; font-size: 28px;
}
.home .block_1 .cell_2 .search input::placeholder {color: #070606;}
.home .block_1 .cell_2 .search input:active::placeholder,
.home .block_1 .cell_2 .search input:focus::placeholder {color: #bbb;}

.home .block_1 .cell_2 .search i {
	position: absolute; left: 0; top: 0; width: 150px; height: 80px; line-height: 80px; text-align: center;
	border-radius: 40px; background-color: #070606; font-size: 36px; color: white; cursor: pointer;
}

.home .block_1 .cell_2 .therapies {margin-top: 4rem;}
.home .block_1 .cell_2 .therapies ul {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; width: 100%; margin: 0;
}
.home .block_1 .cell_2 .therapies li {display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.home .block_1 .cell_2 .therapies li a {
	display: block; width: 130px; height: 130px; text-align: center; line-height: 130px;
	border-radius: 50%; background-image: linear-gradient(#ddcdf8, var(--color-bg));
}
.home .block_1 .cell_2 .therapies li a:hover {border: 1px solid #6e1df4; border-bottom: 0; line-height: 128px;}
.home .block_1 .cell_2 .therapies li img {width: 60px; height: 60px; filter: brightness(0);}
.home .block_1 .cell_2 .therapies li b {font-size: 18px;}

.home .block_1 .cell_2 .therapies .more {
	display: flex; gap: 1rem; width: fit-content; margin: 3rem auto 0; border-bottom: 1px solid transparent;
}
.home .block_1 .cell_2 .therapies .more:hover {border-bottom-color: black; color: black;}
.home .block_1 .cell_2 .therapies .more span {font-size: 18px;}
.home .block_1 .cell_2 .therapies .more i {width: 13px; line-height: 15px;}

.home .block_1 .cell_3 button {
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .5rem;
	width: 90%; height: 100px; margin: 2rem auto 0; font-size: 28px; color: white; cursor: pointer;
	border-radius: 50px; background-color: var(--color-main); box-shadow: -6px 8px 0 0 var(--color-main-lightest);
}
.home .block_1 .cell_3 button:hover {
	background-color: var(--color-main-darker); box-shadow: -6px 8px 0 0 var(--color-main-light);
}
.home .block_1 .cell_3 button i {display: none;}

/* Block 2 */
.home .block_2 {
	display: flex; flex-direction: column; margin-top: 4rem;
	background-image: url('../../../image/module/home/block_2-bg.png');
	background-position: left top; background-repeat: no-repeat;
}
.home .block_2 .cell_1 {padding: 18rem 1rem 0;}
.home .block_2 .cell_1 div {justify-self: end;}
.home .block_2 .cell_1 h2 {margin: 2rem 0; line-height: 1; font-size: 2.5rem; font-weight: bold;}
.home .block_2 .cell_1 h3 {line-height: 1; font-size: 1.5rem;}

.home .block_2 .cell_2 {padding-top: 4rem;}
.home .block_2 .cell_2 .item {
	display: flex; align-items: center; position: relative;
	width: 90%; margin: 1rem auto 0; padding: 2rem;
	background-color: white;
	border-radius: 22px;
}
.home .block_2 .cell_2 .item::before {
	content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;
	background: linear-gradient(-8deg, var(--color-main) 20%, white 70%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}
.home .block_2 .cell_2 .item .icon {
	width: 90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px;
	background: linear-gradient(var(--color-main), white);
}
.home .block_2 .cell_2 .item .title {width: calc(100% - 90px); padding-right: 2rem;}
.home .block_2 .cell_2 .item .title h3 {margin: 0; font-size: 1.2rem; line-height: 1; font-weight: bold;}
.home .block_2 .cell_2 .item .title h4 {margin: 0; font-size: 1rem; line-height: 1;}

/* Block 3 */
.home .block_3 {margin-top: 5rem;}
.home .block_3 .title h2 {margin-bottom: 1.5rem; line-height: 1; font-size: 2rem; font-weight: bold;}
.home .block_3 .title h3 {line-height: 1; font-size: 1.5rem;}
.home .block_3 .slider {width: calc(100% - 100px); margin: 0 auto;}
.home .block_3 .slider .slide {height: 520px; padding: 30px 0;}
.home .block_3 .slider .profile-card {
	display: flex; flex-direction: column; align-items: center; position: relative;
	width: 300px; height: 460px; margin: 0 auto; border-radius: 20px;
	background-color: white; box-shadow: 0 8px 20px rgba(155, 175, 205, 0.28); cursor: pointer;
}
.home .block_3 .slider .profile-card a {
	position: absolute; top: 0; right: 0; z-index: 1; width: 100%; height: 100%; border-radius: 20px;
}
.home .block_3 .slider:not(.slick-initialized) .slide + .slide {display: none;}
.home .block_3 .slider .slick-prev,
.home .block_3 .slider .slick-next {
	position: absolute; top: 45%; z-index: 1; display: block; width: 3rem; height: 3rem; padding: 0;
	transform: translate(0, -50%); line-height: 0; font-size: 0; outline: none; cursor: pointer;
}
.home .block_3 .slider .slick-prev:before,
.home .block_3 .slider .slick-next:before {line-height: 1; font-family: monospace; font-size: 3rem; color: var(--blue-main);}
.home .block_3 .slider .slick-prev:hover:before,
.home .block_3 .slider .slick-next:hover:before {font-weight: bold;}
.home .block_3 .slider .slick-next {left: -3rem;}
.home .block_3 .slider .slick-next:before {content: '>';}
.home .block_3 .slider .slick-prev {right: -3rem;}
.home .block_3 .slider .slick-prev:before {content: '<';}

.home .block_3 .slider .profile-card:hover {
	outline: 2px solid var(--color-main-lighter); box-shadow: 0 0 30px var(--color-main-light);
}
.home .block_3 .slider .profile-card .photo {position: relative; margin: 2rem 0; padding: 20px; border-radius: 50%;}
.home .block_3 .slider .profile-card .photo:before {
	content: ''; position: absolute; inset: 0; border-radius: 50%; padding: 1px;
	background: linear-gradient(290deg, var(--color-main) 0%, white 70%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}
.home .block_3 .slider .profile-card .photo img {
	width: 140px; height: 140px; object-fit: cover;
	border-radius: 50%; box-shadow: 0 8px 20px rgba(155, 175, 205, 0.28);
}
.home .block_3 .slider .profile-card .name {font-size: 20px; font-weight: bold;}
.home .block_3 .slider .profile-card .features {
	margin-top: 1rem; padding: 0 1.5rem; text-align: center; font-size: 1rem; color: #868686;
}
.home .block_3 .slider .profile-card .line {width: 100%; border-top: 1px solid #e7e7e7; margin: auto 0 2.5rem 0;}
.home .block_3 .slider .profile-card .therapy-order {
	z-index: 2; margin-bottom: 2.5rem;
	height: 40px; padding: 0 1.5rem; border-radius: 20px; background-color: white;
	border: 1px solid var(--color-main); color: black; font-size: 1.2rem; cursor: pointer;
}
.home .block_3 .slider .profile-card .therapy-order:hover {background-color: var(--color-main); color: white;}
.home .block_3 .slider .profile-card:after {
	content: ''; position: absolute; bottom: 0; left: 15%;
	width: 70%; height: 12px; border-radius: 10px 10px 0 0; background: var(--color-main);
}
.home .block_3 .more {
	display: flex; gap: 1rem; justify-content: center; align-items: center;
	width: 260px; height: 60px; margin: 4rem auto 0; border-radius: 30px;
	background-color: var(--color-button); color: white; font-size: 1.2rem;
}
.home .block_3 .more i {width: 15px;}

/* Block 5 */
.home .block_5 {
	display: none; margin: 8rem auto 0;
	background-image: url('../../../image/module/home/block_5-bg.png');
	background-repeat: no-repeat; background-position: center top; background-size: contain;
}
.home .block_5 .cms {
	display: flex; align-items: center; min-height: 700px;
	background-image: url('../../../image/module/home/block_5-bg.svg');
	background-repeat: no-repeat; background-position: center top; background-size: contain;
}
.home .block_5 .cms .content {
	display: flex; flex-direction: column; align-items: center; width: 48%; margin-top: 7rem; color: white;
}
.home .block_5 .cms .content * {margin: 0;}
.home .block_5 .cms .content h3 {margin-bottom: .5rem; font-size: 2rem; line-height: 1;}
.home .block_5 .cms .content h2 {font-size: 2.6rem; font-weight: bold;}
.home .block_5 .cms .content h2 b {display: inline-block;}
.home .block_5 .cms .content h2 b::first-letter {font-size: 4rem; color: #76ebd9;}

.home .block_5 .cms .content p {margin: 1.5rem 0 2.5rem; text-align: center; line-height: 1.2; font-size: 20px;}
.home .block_5 .cms .content .more {
	height: 80px; padding: 0 4rem; border-radius: 40px;
	text-align: center; line-height: 80px; font-size: 1.5rem; background-color: white;
}
.home .block_5 .cms .content .more:hover {background-color: black; color: white;}

.home .block_5 .cms .tablet {
	width: 52%; height: 600px;
	background-image: url('../../../image/module/home/block_5-tablet.png');
	background-repeat: no-repeat; background-position: right center;
}

/* Block 6 */
.home .block_6 {width: min(90%, 104rem); margin: -2rem auto 0;}
.home .block_6 .column_wrapper {display: flex; flex-direction: column; gap: 2rem;}

.home .block_6 .article {
	display: flex; flex-direction: column; gap: 3rem; padding: 3rem;
	border-radius: 20px; background-color: white; box-shadow: 0 8px 20px rgba(155, 175, 205, 0.28);
}
.home .block_6 .article:hover {outline: 2px solid var(--color-main-lighter);}
.home .block_6 .article .icon {
	width: 60px; height: 60px; border-radius: 50%;
	background-image: url('../../../image/module/home/block_6-icon.png');
	background-repeat: no-repeat; background-position: center center; background-color: var(--color-main);
}
.home .block_6 .article .text {height: 443px; overflow: hidden;}
.home .block_6 .article .text p {margin: 0;}
.home .block_6 .article .text * {font-size: 1rem !important;}
.home .block_6 .article .link {
	margin-top: auto; font-size: 18px; font-weight: bold;
	text-decoration: underline; color: var(--color-main);
}
.home .block_6 .article .more:hover {color: black;}
.home .block_6 .column_1 {position: relative; padding-top: 11rem;}
.home .block_6 .column_1 .title h2 {font-size: 2rem; font-weight: bold;}
.home .block_6 .column_1 .title h3 {font-size: 1.5rem;}
.home .block_6 .column_1 .article {background-color: #eaebff; margin-top: 2rem;}
.home .block_6 .column_2 .article {background-color: #d9efef; height: calc(100% - 8rem);}
.home .block_6 .column_3 .article {background-color: #f0f0f0; height: 100%;}
.home .block_6 .more {
	display: flex; gap: 1rem; justify-content: center; align-items: center;
	width: 260px; height: 60px; margin: 5rem auto 0; border-radius: 30px;
	background-color: var(--color-button); color: white; font-size: 1.2rem;
}
.home .block_6 .more i {width: 15px;}

/* Block 7 */
.home .block_7 {
	margin-top: 4rem;
	background-image: url('../../../image/module/home/block_7-bg.png');
	background-repeat: no-repeat; background-position: right top;
}
.home .block_7 .content {width: min(90%, 104rem); margin: 0 auto; padding-top: 5rem;}
.home .block_7 h2 {margin: 4rem 1rem 2rem 0; font-size: 2rem; font-weight: bold;}

.home .block_7 .item {position: relative; padding: 1rem; border-bottom: 1px solid #dbdadc;}
.home .block_7 .item + .item {margin-top: 1rem;}
.home .block_7 .item .question {
	display: flex; justify-content: space-between; align-items: center;
	position: relative; line-height: 1; cursor: pointer;
}
.home .block_7 .item .question span {font-size: 2rem;}
.home .block_7 .item .question i {
	width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 28px;
}
.home .block_7 .item .answer {display: none; margin-top: 3rem; font-size: 18px;}
.home .block_7 .item .answer p {margin: 0;}
.home .block_7 .item .question:hover,
.home .block_7 .item .question.active {color: var(--color-main);}

.home .block_7 .item.active {border-radius: 20px; background-color: white;}
.home .block_7 .item.active::before {
	content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;
	background: linear-gradient(0deg, var(--color-main), white 90%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}
.home .block_7 .item.active .question:before {
	content: ''; position: absolute; top: 15px; right: -7rem; z-index: 1;
	width: 5.5rem; height: 10px; background-color: var(--color-main);
}
.home .block_7 .item.active .question span {font-weight: bold;}
.home .block_7 .item.active .question i {border: 1px solid black;}
.home .block_7 .item.active .question:hover i {border-color: var(--color-main);}
.home .block_7 .more {
	display: flex; gap: 1rem; justify-content: center; align-items: center;
	width: 260px; height: 60px; margin: 4rem auto 0; border-radius: 30px;
	background-color: var(--color-button); color: white; font-size: 1.2rem;
}
.home .block_7 .more i {width: 15px;}

/* Block 8 */
.home .block_8 {
	display: none; width: min(90%, 104rem); height: 677px; margin: -8rem auto 0;
	background: url('../../../image/module/home/block_8-bg.png') no-repeat right top;
	border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.33);
}
.home .block_8 .content {
	display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center;
	width: 55%; height: 677px; float: left; padding: 4rem 0 0 20rem;
	background: url('../../../image/module/home/block_8-bg_left.png') no-repeat left 50px;
}
.home .block_8 .content * {margin: 0; line-height: 1; text-align: center;}
.home .block_8 h2 {font-size: 6.5rem; font-weight: bold; color: var(--color-main);}
.home .block_8 h3 {font-size: 34px; font-weight: bold;}
.home .block_8 h4 {font-size: 27px; margin: .5rem 0 2rem !important;}
.home .block_8 .signup {
	display: flex; gap: 1rem; justify-content: center; align-items: center;
	width: 350px; height: 80px; border-radius: 40px; cursor: pointer;
	background-color: var(--color-main); color: white; font-size: 1.5rem;
}
.home .block_8 .signup:hover {background-color: var(--color-main-darker);}
.home .block_8 .signup i {width: 18px;}

/* Block 9 */
.home .block_9 {background-image: linear-gradient(var(--color-bg), #eeecf6 40%);}
.home .block_9 .content {width: min(90%, 840px); margin: 2rem auto 0; padding: 6rem 0 8rem;}
.home .block_9 h2 {text-align: center; font-size: 2rem; font-weight: bold;}
.home .block_9 h3 {text-align: center; font-size: 1.5rem;}
.home .block_9 form {margin-top: 2rem;}
.home .block_9 form label {position: relative;}
.home .block_9 form label .errorMessage {
	position: absolute;
}
.home .block_9 form input[type="text"] {
	height: 5rem !important; padding: 0; font-size: 1.5rem;
	border-width: 0 0 1px 0; box-shadow: none;
	border-color: black !important; border-radius: 0 !important; background-color: transparent !important;
}
.home .block_9 form input[type="text"]::placeholder {color: #070606;}
.home .block_9 form input[type="text"]:active::placeholder,
.home .block_9 form input[type="text"]:focus::placeholder {color: #bbb;}
.home .block_9 form .type {display: flex; gap: 4rem;}
.home .block_9 form .type label {
	width: 50%; display: flex; gap: 1rem; align-items: center;
	border-bottom: 1px solid black;
}
.home .block_9 form .type input {width: 1.5rem; height: 5rem !important; margin: 0;}
.home .block_9 form .type span {font-size: 1.5rem; color: #0a0a0a;}
.home .block_9 form button {
	display: block; width: 90%; height: 80px; margin: 5rem auto 0; border-radius: 40px;
	background-color: var(--color-button); color: white; font-size: 1.5rem;
}