/*template.css*/
/*3Divide Swiper Slider Gallery UI Style Start*/
.three-divide-center-point-slider *,
.three-divide-center-point-slider *::after,
.three-divide-center-point-slider *::before { box-sizing: border-box; } 

.three-divide-center-point-slider { 
	--color-cyan: #05f9ff; --color-graphite: #1e222a; --color-charcoal: #050506; --color-yellow: #d9ff40; --color-gray: #1e222a; --color-gray-l: #bbbbbb;
	--font-monserrat: "Montserrat", sans-serif; --font-oswald: "Oswald", sans-serif;
} 
.three-divide-center-point-slider { display: block; position: relative; margin: 0; overflow-x: clip; font-size: 24px; font-weight: 500; color: #fff; transition: background-color 0.4s ease, background-image 0.4s ease, color 0.4s ease; border-radius: 30px; overflow: hidden; } /*background-color: rgba(0,0,0,0.03); */ /*font-family: var(--font-monserrat);*/ /*padding: 80px 0;*/
.three-divide-center-point-slider::before,
.three-divide-center-point-slider::after { content: ""; display: block; position: absolute; width: 47%; max-height: 100%; background-size: 100%; background-position: center center; background-repeat: no-repeat; pointer-events: none; } 
.three-divide-center-point-slider::before { aspect-ratio: 1813 / 1748; background-image: url("/images/main/three-divide-center-point-slider-shape-1.png"); left: 0; bottom: 0; transition: background-image 0.4s ease; opacity: 0.2; } 
.three-divide-center-point-slider::after { aspect-ratio: 1818 / 1682; background-image: url("/images/main/three-divide-center-point-slider-shape-2.png"); right: 0; top: 0; transition: opacity 0.4s ease; opacity: 0.5; } 
.three-divide-center-point-slider .wrapper { display: block; margin-inline: auto; width: 100%; max-width: 1280px; padding-inline: 20px; } 
.three-divide-center-point-slider .preview {position: fixed;inset: 0;z-index: 9999;pointer-events: none; } 
.three-divide-center-point-slider .preview img {width: 100%;height: 100%;object-fit: cover;object-position: center; } 
@media screen and (max-width: 767.9px) { 
	.three-divide-center-point-slider { font-size: 16px; } 
	.three-divide-center-point-slider::before { position: absolute; width: 72%; right: 0; rotate: 180deg; translate: -40% 0; } 
	.three-divide-center-point-slider::after { position: absolute; width: 55%; } 
}
/* Base Template */
.three-divide-center-point-slider .base-template__wrapper { position: relative; display: flex;flex-direction: column;justify-content: center; min-height: calc(100dvh - 160px); } 
.three-divide-center-point-slider .base-template__content { position: relative; z-index: 1; } 
.three-divide-center-point-slider .base-template__heading { flex: 1; z-index: 1; } 
@media screen and (max-width: 767.9px){
	.three-divide-center-point-slider .base-template__heading { align-items: center; } 
}
.three-divide-center-point-slider .base-template__heading .base-template__title,
.three-divide-center-point-slider .base-template__heading .base-template__text { text-align: left; } 
@media screen and (max-width: 767.9px){
	.three-divide-center-point-slider .base-template__heading .base-template__title,
	.three-divide-center-point-slider .base-template__heading .base-template__text { text-align: center; } 
}
.three-divide-center-point-slider .base-template__title { display: block; margin: 0; margin-bottom: 30px; font-weight: 400; font-size: 48px; text-transform: uppercase; text-align: center; line-height: 1.15; transition: color 0.4s ease; } /*font-family: var(--font-oswald); */
.three-divide-center-point-slider .base-template__text { display: block; margin-bottom: 80px; font-weight: 300; text-align: center; line-height: 1.35; color: var(--color-gray-l); transition: color 0.4s ease; } 
.three-divide-center-point-slider .base-template__list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 60px 90px; max-width: 100%; margin-inline: auto; } 
@media screen and (max-width: 767.9px){
	.three-divide-center-point-slider .base-template__title { font-size: 32px; } 
}
/* Petal Menu */
.petal-menu { --lines-height: 2px; --lines-gap: 8px; --transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.3); display: flex; align-items: center; position: relative; margin-top: 120px; gap: 12px; white-space: nowrap; } 
.petal-menu__inner { position: relative; } 
.petal-menu__lines { display: flex; align-items: center; justify-content: center; position: relative; aspect-ratio: 1; width: 70px; padding: 20px; background: var(--color-graphite); border-radius: 100%; cursor: pointer; flex-direction: column; gap: var(--lines-gap); } 
.petal-menu__lines input { all: unset; position: absolute; inset: 0; z-index: 1; opacity: 0; cursor: pointer; border-radius: 100%; } 
.petal-menu__lines i { display: block; position: relative; width: 100%; height: var(--lines-height); background: var(--color-cyan); transform-origin: 50% 50%; transition: var(--transition); } 
.petal-menu__lines:has(input:checked) i:nth-of-type(2) { display: none; } 
.petal-menu__lines:has(input:checked) i:nth-of-type(1) { transform: translate3d(0, calc(var(--lines-height) / 2 + var(--lines-gap) / 2), 0) rotate(45deg); } 
.petal-menu__lines:has(input:checked) i:nth-of-type(3) { transform: translate3d(0, calc((var(--lines-height) / 2 + var(--lines-gap) / 2) * -1), 0) rotate(-45deg); } 
.petal-menu__text { transition: opacity 0.3s; } 
.petal-menu:has(input:checked) .petal-menu__text { opacity: 0; } 
.petal-menu__item { display: block; position: absolute; inset: 0; opacity: 0; z-index: 2; rotate: -90deg; pointer-events: none; transition: var(--transition); } 
.petal-menu:has(input:checked) .petal-menu__item { opacity: 1; } 
.petal-menu:has(input:checked) .petal-menu__item:nth-child(1) { rotate: -70deg; } 
.petal-menu:has(input:checked) .petal-menu__item:nth-child(2) { rotate: 0deg; } 
.petal-menu:has(input:checked) .petal-menu__item:nth-child(3) { rotate: 70deg; } 
.petal-menu__link { display: flex; align-items: center; justify-content: center; position: absolute; bottom: calc(100% + 10px); left: 50%; translate: -50% 0; width: 105px; height: 77px; background: url("/images/main/petal.svg") center center no-repeat; background-size: 100%; pointer-events: auto; cursor: pointer; transition: scale 0.3s ease-out; } 
.petal-menu__item:nth-child(1) img { rotate: 70deg; } 
.petal-menu__item:nth-child(3) img { rotate: -70deg; } 
@media (hover: hover) and (pointer: fine){
	.petal-menu__link:hover { scale: 1.15; } 
}
@media (hover: none){
	.petal-menu__link:active { scale: 1.15; } 
}
@media screen and (max-width: 1366px){
	.petal-menu { justify-content: center; } 
}

/* Theme Switcher */
.three-divide-center-point-slider.light { background-color: #f4f4f4; background-image: linear-gradient(180deg, #f9f9f9, #efefef); color: var(--color-charcoal); } 
.three-divide-center-point-slider.light::before { width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 1px, transparent 1px); background-size: 100px 80px; background-position: center center; background-repeat: repeat; rotate: none; translate: none; } 
.three-divide-center-point-slider.light::after { opacity: 0; } 
.three-divide-center-point-slider.light .base-template__text { color: #323232; } 
.three-divide-center-point-slider.light .contact-menu__label { color: var(--color-graphite); } 
.three-divide-center-point-slider .theme-switcher { margin: 0 auto; width: 102px; padding: 4px; background-color: rgba(247, 247, 247, 0.07); border: solid 1px #2d2d2e; border-radius: 12px; cursor: pointer; overflow: hidden; backdrop-filter: blur(10px); transform-origin: top center; transition: background-color 0.4s ease, border-color 0.4s ease; } 
@media screen and (max-width: 575.9px){
	.three-divide-center-point-slider .theme-switcher { transform: scale(0.75); } 
}
.three-divide-center-point-slider .theme-switcher-slider { position: relative; display: flex; align-items: center; gap: 4px; } 
.three-divide-center-point-slider .theme-switcher-cell { width: 100%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; border-radius: 8px; position: relative; } 
.three-divide-center-point-slider .theme-switcher-cell svg { display: block; width: 24px; height: auto; } 
.three-divide-center-point-slider .theme-switcher-cell svg path { transition: stroke 0.4s ease, fill 0.4s ease; } 
.three-divide-center-point-slider .theme-switcher-slider::before { content: ""; display: block; width: 44px; height: 44px; background-color: #00ffff; border-radius: 8px; position: absolute; top: 0; left: calc(100% - 44px); transition: background-color 0.4s ease, left 0.4s ease-in-out, box-shadow 0.4s ease; } 
.three-divide-center-point-slider.light .theme-switcher { background-color: #f7f7f7; border-color: rgba(0, 0, 0, 0.1); } 
.three-divide-center-point-slider.light .theme-switcher-cell:nth-child(1) svg path:nth-child(1) { stroke: #171717; fill: #171717; } 
.three-divide-center-point-slider.light .theme-switcher-cell:nth-child(1) svg path:nth-child(2) { stroke: #171717; } 
.three-divide-center-point-slider.light .theme-switcher-cell:nth-child(2) svg path { fill: transparent; stroke: #171717; } 
.three-divide-center-point-slider.light .theme-switcher-slider::before { background-color: white; left: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } 

/*style.css*/
.three-divide-center-point-slider .base-template__wrapper {max-width: 100%; padding:unset; } 
.three-divide-center-point-slider .base-template__text {margin-bottom: 60px; } 
/** * Slider Instance */
.three-divide-center-point-slider .swiper {-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none; user-select: none; } 
.three-divide-center-point-slider .emotions-slider {--color-gray: #818181;--color-gray-dark: #1e1e1e; padding-inline: 0px;position: relative; } 
.three-divide-center-point-slider .emotions-slider__slide {display: flex;align-items: center;min-height: 590px; } 
@media screen and (max-width: 767.9px) {
	.three-divide-center-point-slider .emotions-slider {padding: 0;margin-inline: -20px; } 
}
/** * Slider Navigation */
.three-divide-center-point-slider .slider-nav {display: flex;justify-content: space-between;align-items: center;width: 100%;position: absolute;top: 50%;left: 0;translate: 0 -50%;z-index: 9;pointer-events: none; } 
.three-divide-center-point-slider .slider-nav__item {display: flex;align-items: center;justify-content: center;aspect-ratio: 1;width: 48px;pointer-events: auto;cursor: pointer;transition: all 0.3s ease-out; } 
.three-divide-center-point-slider .slider-nav__item.disabled {cursor: default;opacity: 0.5; } 
.three-divide-center-point-slider .slider-nav__item path {stroke: var(--color-gray-l); } 
@media (hover: hover) and (pointer: fine) {
	.three-divide-center-point-slider .slider-nav__item:not(.disabled):hover {color: var(--color-blue); } 
}
@media (hover: none) {
	.three-divide-center-point-slider .slider-nav__item:not(.disabled):active {color: var(--color-blue); } 
}
@media screen and (max-width: 767.9px) {
	.three-divide-center-point-slider .slider-nav {display: none; } 
}
/** * Slider Pagination */
.three-divide-center-point-slider .slider-pagination {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;padding-top: 40px; } 
.three-divide-center-point-slider .swiper-pagination-lock {display: none !important; } 
.three-divide-center-point-slider .slider-pagination__item {width: 15px;height: 15px;border-radius: 99px;background: var(--color-graphite);transition: all 0.3s ease-out;opacity: 0.2; } 
.three-divide-center-point-slider .slider-pagination__item.active {width: 30px;opacity: 1; } 
/** * Slider Item */
.three-divide-center-point-slider .swiper-slide {width: auto;height: auto; } 
@-webkit-keyframes btn-arrow-move {
	0% {translate: 0; } 
	100% {translate: 100% -100%; } 
}
@keyframes btn-arrow-move {
	0% {translate: 0; } 
	100% {translate: 100% -100%; } 
}
.emotions-slider-item { --border-radius: 10px; width: calc(100dvw - 60px);max-width: 410px;background: var(--color-gray-dark);border-radius: var(--border-radius);position: relative;overflow: hidden; } 
.emotions-slider-item__badge { display: flex;align-items: center;gap: 4px;padding: 4px 10px 4px 5px;background: #00000066;border-bottom-right-radius: var(--border-radius);font-size: 14px;line-height: calc(24 / 14);position: absolute;left: 0;top: 0;z-index: 1; } 
.emotions-slider-item__badge::before { content: "";flex-shrink: 0;display: block;aspect-ratio: 1;width: 18px;background: url("/images/main/icon-star.svg")center center no-repeat;background-size: 100%; } 
.emotions-slider-item__image {aspect-ratio: 400 / 270;overflow: hidden; } 
.emotions-slider-item__image img {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;-o-object-position: center; object-position: center; } 
.emotions-slider-item__content {display: flex;flex-direction: column;gap: 30px;padding: 30px 30px; } 
.emotions-slider-item__header,
.emotions-slider-item__footer {max-height: 50px;overflow: hidden;transition: max-height 0.6s ease-in; } 
.emotions-slider-item__header-inner {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px; } 
.emotions-slider-item__price {font-weight: 600;font-size: 22px;line-height: calc(24 / 22); } 
.emotions-slider-item__author {display: flex;align-items: center;gap: 4px; } 
.emotions-slider-item__author-image {flex-shrink: 0;aspect-ratio: 1;width: 30px;border-radius: 100%;overflow: hidden; opacity:0.6; } 
.emotions-slider-item__author-image img {display: block;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;-o-object-position: center; object-position: center; } 
.emotions-slider-item__author-name { font-size: 15px;line-height: calc(20 / 14);color: var(--color-gray); } /*font-family: var(--font-poppins);*/
.emotions-slider-item__title { font-weight: 600; font-size: var(--font-size-xl); line-height: 1.2;margin-bottom: 8px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; height: 70px; overflow: hidden;} 
.emotions-slider-item__text { font-weight: 300;font-size: var(--font-size-small);line-height: 1.5; letter-spacing: -0.5px; opacity: 0.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; height: 50px; overflow: hidden; }
.emotions-slider-item__btn { display: flex;align-items: center;gap: 4px;font-weight: 500;font-size: 18px;color: #fff;text-decoration: none; } 
.emotions-slider-item__btn:hover { color:#fff; }

.emotions-slider-item__btn-icon {flex-shrink: 0;display: block;aspect-ratio: 1;width: 24px;position: relative;overflow: hidden; } 
.emotions-slider-item__btn-icon::before,
.emotions-slider-item__btn-icon::after {content: "";display: block;width: 100%;height: 100%;background: url("/images/main/icon-btn-arrow.svg")center center no-repeat;background-size: 100%; } 
.emotions-slider-item__btn-icon::after {position: absolute;top: 100%;right: 100%; } 
.emotions-slider__slide:not(.swiper-slide-active) 
.emotions-slider-item__header,
.emotions-slider__slide:not(.swiper-slide-active)
.emotions-slider-item__footer {max-height: 0; } 
@media (hover: hover) and (pointer: fine) {.emotions-slider-item__btn:hover .emotions-slider-item__btn-icon::before,
	.emotions-slider-item__btn:hover .emotions-slider-item__btn-icon::after {-webkit-animation: btn-arrow-move 0.4s ease forwards; animation: btn-arrow-move 0.4s ease forwards; } 
}
@media (hover: none) {.emotions-slider-item__btn:active .emotions-slider-item__btn-icon::before,
	.emotions-slider-item__btn:active .emotions-slider-item__btn-icon::after {-webkit-animation: btn-arrow-move 0.4s ease forwards; animation: btn-arrow-move 0.4s ease forwards; } 
}

@media screen and (max-width: 768px) {
	.emotions-slider-item__text { height:58px; }
}
@media screen and (max-width: 640px) {
	.emotions-slider-item__text { height:50px; }
}