@charset "UTF-8";
.card-about {
		padding: 0;
}
.card-about .card-pattern:before {
		width: 100%;
		right: 0;
}
.style-plant .card-about .card-pattern:before {
		top: calc(100% - 245px);
}
.style-geo .card-about .card-pattern:before {
		display: none;
}
@media only screen and (min-width: 700px) {
		.style-novodev .card-about {
				--geo: 84px;
		}
		.style-geo .card-about-view-center .card-pattern:before {
				display: block;
				bottom: 0;
				left: 0;
				right: 0;
				height: 210px;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.style-geo .card-about-view-center .card-pattern:before {
				height: 150px;
		}
}
@media only screen and (min-width: 1200px) {
		.style-geo .card-about-view-center .card-pattern:before {
				height: 210px;
		}
}
.card-about .card-about-slider-all .swiper-slide {
		height: auto !important;
		width: 100%;
}
.card-about .image {
		display: flex;
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		aspect-ratio: 900/600;
		overflow: hidden;
		backface-visibility: hidden;
}
.card-about .image .swiper {
		width: 100% !important;
		height: 100% !important;
		position: absolute !important;
		top: 0;
		left: 0;
}
.card-about .image .swiper, .card-about .image .swiper-wrapper, .card-about .image .swiper-slide {
		height: 100% !important;
}
.card-about .image .swiper-slide {
		display: flex;
		flex-direction: column;
		position: relative;
}
.card-about .image img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: auto;
		max-width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.card-about .wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		position: relative;
		padding-left: var(--side-block);
		padding-right: var(--side-block);
}
.card-about .wrap > * {
		order: 4;
}
.card-about .card-about-nav {
		position: absolute;
		z-index: 4;
		display: flex;
		flex-direction: column;
		gap: 16px;
}
.card-about .card-about-gallery-thumbs {
		width: auto !important;
}
.card-about .card-about-gallery-thumbs .swiper-slide {
		width: 25%;
		padding: 0 8px;
		max-width: 110px;
}
.card-about .card-about-gallery-thumbs img {
		display: block;
		width: 100%;
		aspect-ratio: 75/59;
		border-radius: var(--radius);
		object-fit: cover;
		object-position: center;
		transition: border 0.4s ease;
		border: 0px solid var(--accent);
}
.card-about .card-about-gallery-thumbs .swiper-slide-thumb-active img {
		border-width: 2px;
}
@media only screen and (max-width: 1199.99px) {
		.card-about .image {
				border-radius: var(--radius) var(--radius) 0 0;
		}
}
@media only screen and (max-width: 699.99px) {
		.card-about .card-pattern {
				display: none;
		}
		.card-about:has(.card-about-nav) .image {
				margin-bottom: calc(82px + min(((100vw - var(--side-padding) * 2 - 80px) / 5), 73px));
		}
		.card-about-view-center:has(.card-about-nav) .image {
				margin-bottom: calc(72px + min(((100vw - var(--side-padding) * 2 - 80px) / 5), 73px));
		}
		.card-about .slider-arrow {
				position: absolute;
				left: 16px;
				margin-top: 20px;
		}
		.card-about .slider-arrow-next {
				margin-left: 56px;
		}
		.card-about-view-center .slider-arrow {
				left: 50%;
				width: 80px;
				margin-top: 16px;
		}
		.card-about-view-center .slider-arrow-prev {
				margin-left: -84px;
		}
		.card-about-view-center .slider-arrow-next {
				margin-left: 4px;
		}
		.card-about .slider-arrow, .card-about .card-about-nav {
				top: calc((100vw - var(--side-padding) * 2) / 9 * 6);
		}
		.card-about .card-about-nav {
				padding: 82px var(--side-block) 0 var(--side-block);
				position: absolute;
				left: 0;
				right: 0;
				justify-content: space-between;
		}
		.card-about-view-center .card-about-nav {
				padding-top: 72px;
		}
		.card-about .slider-pages {
				position: absolute;
				top: 16px;
				right: 16px;
				bottom: auto !important;
				left: auto !important;
		}
		.card-about .card-about-gallery-thumbs {
				margin: 0 calc(var(--side-block) * -1) !important;
				padding: 0 calc(var(--side-block) - 8px) !important;
				order: 2;
		}
		.card-about .wrap {
				padding-top: 16px;
				padding-bottom: 16px;
		}
		.card-about-view-center .wrap {
				padding-top: var(--side-block);
				padding-bottom: var(--side-block);
		}
		.card-about-view-center .title {
				font-size: 24px;
				line-height: 1;
				font-weight: bold;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.card-about .slider-arrow {
				position: absolute;
				top: calc((100vw - var(--side-padding) * 2) / 9 * 3);
				transform: translate3d(0, -50%, 0);
				margin: 0 -12px;
		}
		.card-about .slider-arrow-prev {
				left: 0;
		}
		.card-about .slider-arrow-next {
				right: 0;
		}
		.card-about .card-about-nav {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 0 var(--side-block) 24px var(--side-block);
		}
		.card-about .slider-pages {
				margin-right: auto;
		}
		.card-about .wrap {
				padding-top: 24px;
				padding-bottom: 24px;
		}
		.card-about:has(.card-about-nav) .wrap {
				padding-bottom: 158px;
		}
		.card-about .card-about-gallery-thumbs {
				margin: 0 calc(var(--side-block) * -1) !important;
				padding: 0 calc(var(--side-block) - 8px) !important;
		}
		.card-about-view-center .title {
				font-size: 32px;
				line-height: 1.1;
		}
}
@media only screen and (min-width: 1200px) {
		.card-about {
				display: flex;
		}
		.card-about > .swiper {
				flex: 0 0 auto;
				width: 100%;
		}
		.card-about .card-about-slider-all > * > .swiper-slide {
				display: flex !important;
		}
		.card-about .image {
				flex: 0 0 auto;
				width: calc((100% + var(--gap-inner)) / 1.5 - var(--gap-inner));
		}
		.card-about .slider-arrow {
				position: absolute;
				top: 50%;
				transform: translate3d(-50%, -50%, 0);
		}
		.card-about .slider-arrow-prev {
				left: 0;
		}
		.card-about .slider-arrow-next {
				left: calc((100% + var(--gap-inner)) / 1.5 - var(--gap-inner));
		}
		.card-about .image .swiper {
				position: absolute;
				top: 0;
				left: 0;
				border-radius: var(--radius) 0 0 var(--radius);
		}
		.card-about .image .swiper, .card-about .image .swiper-wrapper, .card-about .image .swiper-slide {
				height: 100% !important;
		}
		.card-about .title {
				font-size: clamp(24px, 2.25rem, 36px);
		}
		.card-about-view-center .title {
				font-size: clamp(24px, 2rem, 32px);
				line-height: 1.1;
		}
		.card-about .wrap {
				flex: 0 0 auto;
				width: calc((100% + var(--gap-inner)) / 3);
				padding: 50px 24px 24px var(--side-block);
				gap: 32px;
		}
		.card-about-view-center .wrap {
				gap: 24px;
				padding-top: 72px;
		}
		.card-about:has(.card-about-nav) .wrap {
				padding-bottom: 158px;
		}
		.card-about .card-about-nav {
				position: absolute;
				bottom: 0;
				right: 0;
				width: calc((100% + var(--gap-inner)) / 3);
				padding: 0 var(--side-block) var(--side-block) var(--side-block);
				gap: 20px;
		}
		.card-about .card-about-gallery-thumbs {
				margin: 0 calc(var(--side-block) * -1) !important;
				padding: 0 calc(var(--side-block) - 8px) !important;
		}
		.card-about .slider-pages {
				margin-right: auto;
		}
}
.card-about .btns {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 16px;
		align-self: stretch;
		margin-top: 16px;
}
.card-about .btns > * {
		flex: 1 1 auto;
}
@media only screen and (min-width: 1200px) {
		.card-about .btns {
				flex-direction: column;
				align-items: flex-start;
				gap: 8px;
				margin-top: 0;
		}
}
.card-about-view-center .slider-pages {
		display: none;
}