/* ### general ### */
html,
body { font-family: 'Cera Pro', sans-serif; font-size: 16px; color: #fff; line-height: 1.6; }
body { background: #fff; }
input,
select,
textarea { font-family: 'Cera Pro', sans-serif; font-size: 12px; color: #1a200e; }
img { display: block; max-width: 100%; height: auto; border: 0; }
:focus { outline: none; }
ul { list-style: none; margin: 0; padding: 0; }
a { display: inline-block; transition: all 0.25s ease-in-out; }
p { margin-bottom: 30px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 500; line-height: 1.3; margin-bottom: 30px; }
h1 { font-size: 60px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }


@media only screen and (min-width: 767px) {
	h2 { font-size: 48px; }
	h3 { font-size: 30px; }
}

/* ### global classes ### */
.wrapper { overflow: hidden; padding: 7px; }
.wrapper-holder { padding-top: 140px; background-color: #d4d3fd; border-radius: 15px; position: relative; }
.btn { background-color: #d8ff00; border-radius: 50px; color: #572675; letter-spacing: 0; padding: 5px 5px 5px 25px; font-weight: 700; display: inline-flex; align-items: center; border: 0; }
.btn:hover { background-color: #124f64; color: #fff; }
.btn i { background-color: #fff; border-radius: 50%; width: 35px; height: 35px; margin-left: 15px; display: flex; justify-content: center; align-items: center; }
.container { max-width: 1405px; }

/* ### header ### */
header { padding: 4px 10px; position: fixed; top: 0; left: 0; width: 100%; transition: 0.3s; z-index: 10; background-color: #fff; }
header .logo-sticky { display: none; }
.header-contact ul > li:first-child { margin-right: 20px; }
.header-info { padding: 21px 0; transition: 0.3s; align-items: center; position: relative; }
.header-info .btn { top: 20px; right: 60px; font-size: 14px; z-index: 10; padding: 5px 5px 5px 25px; }
.logo-name img { width: 260px; transition: 0.3s; }
.logo-icon img { width: 35px; transition: 0.3s; }
.logo { z-index: 5; margin-top: 0; margin-left: 0; }
header.sticky .logo { margin-top: 0; margin-left: 0; }
header.sticky .logo-sticky { display: block; }
header.sticky .logo-name { display: none !important; }
header.sticky .menu ul > li a:hover { color: #36cf5a; }
header.sticky .menu ul.submenu > li { padding: 0; }
header.sticky .menu ul.submenu > li a { color: #fff; }

/* ### menu box ### */

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 48%; right: 0; z-index: 15; display: unset; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; transform: translateY(-50%); transition: all 0.3s; cursor: pointer; overflow: hidden; }
.mobileMenu span { position: absolute; top: 50%; left: 50%; display: block; width: 23px; height: 2px; text-indent: -9999px; border-radius: 0; background-color: #124f64; transform: translateX(-50%) translateY(-50%); transition: 0.2s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; right: 0; display: block; width: 13px; height: 2px; border-radius: 0; background-color: #124f64; transition-duration: 0.2s, 0.2s; content: ''; }
.mobileMenu span:before { width: 17px; top: -7px; }
.mobileMenu span:after { bottom: -7px; }
.mobileMenu.active span { background: none; }
.mobileMenu.active span:before,
.mobileMenu.active span:after { left: 0; background-color: #FFF; transition-delay: 0s, 0.2s; }
.mobileMenu.active span:before { top: 0; width: 24px; transform: rotate(45deg); }
.mobileMenu.active span:after { bottom: 0; width: 24px; transform: rotate(-45deg); }

/* ### Antem-Intro ### */
.antem-bg { position: absolute; top: -125px; left: -150px; width: 836px; height: 917px; pointer-events: none; z-index: 3; }
.antem-intro { position: relative; z-index: 4; }
.antem-intro h2 { line-height: 1.2; }
.antem-intro-left { position: relative; padding: 30px 0 30px 0; }
.antem-intro-left:before { content: ""; background-color: #fefefe; position: absolute; right: 17.5%; width: 100vw; top: 0; height: 100%; border-radius: 15px; }
.antem-image-left { width: 100%; height: 100%; box-shadow: 0 0 30px -10px rgba(0,0,0,0.75); border-radius: 15px; overflow: hidden; position: relative; }
.antem-image-left img{ width: 100%; height: 100%; object-fit: cover; }
.antem-image-tree { position: absolute; bottom: 0; left: -93px; height: 281px; pointer-events: none; }
.antem-image-tree img { width: 100%; height: 100%; object-fit: cover; }
.antem-intro-content { color: #124f64; line-height: 1.8; letter-spacing: 1px; font-weight: 300; padding: 60px 10px 0; }
.antem-intro-content .btn { max-width: 212px; width: 100%; }

/* ### Moto ### */
.moto { padding-top: 80px; }
.moto h3 { font-size: 30px; }
.moto-holder{ max-width: 1100px; color: #124f64; letter-spacing: 1px; font-weight: 300; padding: 0 10px; }
.moto p { margin-bottom: 40px; }

/* ### Benefits ### */
.benefits { padding-top: 50px; position: relative; z-index: 2; }
.benefits-holder { background-color: #572675; padding: 45px 25px 30px; border-radius: 15px; }
.benefits ul { margin-bottom: 40px; }
.benefits ul li { font-size: 18px; position: relative; padding-left: 35px; text-align: left; }
.benefits ul li:not(:last-child) { margin-bottom: 20px; }
.benefits ul li i { position: absolute; left: 0; top: 6px; width: 30px; height: 30px; }
.benefits .btn { max-width: 233px; margin: 0 auto; width: 100%; }
.benefits .btn.desktop { display: none; }

/* ### Features ### */
.features { margin: -310px -10px 0;	padding-top: 387px; position: relative; overflow: hidden; padding-bottom: 330px; }
.features-bg { position: absolute; top: 0; right: -1600px; width: 4045px; height: 5089px; }
.features-bg img { width: 100%; height: 100%; object-fit: cover; }
.features-slider .swiper-wrapper { margin-bottom: 50px; padding: 0 7px; }
.features-item-title { position: relative; }
.title-icon { position: absolute; left: 0; width: 30px; height: 30px; top: 0; }
.features h3 { padding-left: 50px; transition: 0.3s; margin-bottom: 20px; }
.features-item { padding: 35px 25px 5px; color: #fff; font-weight: 300; position: relative; line-height: 1.75; }
.features-item:hover { background-color: #d8ff00; color: #124f64; border-radius: 15px; border-right: none; transition: all 0.4s ease; }
.features-item:hover .title-icon { display: none; }
.features-item:hover .features-item-title h3 { padding-left: 0; }
.features-slider .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #2a6174; opacity: 1; transition: 0.3s; }
.features-slider .swiper-pagination-bullet-active { width: 32px; height: 12px; background-color: #d8ff00; border-radius: 25px; }

/* ### Prices ### */
.prices { padding: 95px 0; margin-top: -330px; position: relative; z-index: 1; }
.prices h2 { margin-bottom: 20px; }
.prices-title { margin-bottom: 52px; font-weight: 300; }
.prices .swiper { overflow: unset; }
.prices .swiper-wrapper { margin-bottom: 50px; }
.prices-item { background-color: #fff; color: #124f64; border-radius: 15px; padding: 26px 30px; font-weight: 300; display: flex; flex-direction: column; height: auto; box-shadow: 0 0 50px rgba(13, 20, 44, 0.1); overflow: hidden; }
.prices-item-top { line-height: 1.8; margin-bottom: 113px; text-align: left; }
.price-item-title { display: flex; justify-content: space-between; align-items: start; }
.price-item-title a { color: #572675; background-color: #f4f4fe; padding: 8px 16px; text-decoration: none; border-radius: 25px; font-weight: 700; margin: 0 -50px 0 0; font-size: 12px; transform: rotate(90deg); }
.prices-item-bottom { display: flex; flex-direction: column; align-items: center; margin-top: auto; }
.prices-item-bottom span { color: #124f64; font-size: 48px; font-weight: 500; }
.price-btn { display: flex; justify-content: center; }
.prices .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #c0c6ed; opacity: 1; transition: 0.3s; }
.prices .swiper-pagination-bullet-active { width: 32px; height: 12px;  background-color: #124f64;border-radius: 25px; }
.prices .swiper-slide { height: auto; }
.prices .swiper-slide .prices-item { height: 100%; }
.prices .swiper-slide-active { transform: scale(1.05); }
.prices .swiper-slide-active { z-index: 1; }

/* ### news-slider ### */
.news-slider { position: relative; z-index: 3; }
.news-slider h2 { margin-bottom: 35px; color: #124f64; padding-left: 10px; }
.news-slider-item { background-color: #fff; border-radius: 15px; overflow: hidden; filter: drop-shadow(0 0 50px rgba(13, 20, 44, 0.1)); }
.news-slider-image { height: 291px; }
.news-slider-image img { width: 100%; height: 100%; object-fit: cover; }
.news-slider-info { height: 100%; padding: 42px 34px 120px 34px; }
.news-slider-content { max-width: 350px; }
.news-slider-item h3 { color: #124f64; line-height: 1.5; }
.news-controller { position: absolute; z-index: 1; width: 100%; height: auto; top: 260px; left: 0; }
.news-slider .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #c0c6ed;  transition: 0.3s; }
.news-slider .swiper-pagination-bullet-active { width: 32px; height: 12px;  background-color: #124f64; border-radius: 25px; }
.news-slider .desktop-btn { display: none; }

/* ### footer ### */
footer { margin-top: -110px; overflow: hidden; padding-bottom: 30px; }
.footer { padding-top: 180px; max-width: 1720px; width: 80%; }
.footer-holder { max-width: 1000px; padding: 0 10px; }
.footer-bg { width: 100%; bottom:-360px; right: 0; opacity: 0.2; mix-blend-mode: soft-light; pointer-events: none; height: 1300px; }
.footer-bg img { width: 100%; height: 100%; object-fit: cover; }
.footer-btn-holder { display: flex; align-items: flex-start; margin: -6px 0 65px 0; }
.footer-image { top: -50px; left: -250px; pointer-events: none; }
.footer-image img { mix-blend-mode: soft-light; opacity: 0.2; }
.footer-title { font-size: 24px; font-weight: 500; margin-bottom: 20px; color: #124f64; }
.footer-column { margin-bottom: 30px; }
.footer-column ul { margin-bottom: 42px; }
.footer-column ul > li { font-weight: 500; color: #124f64; }
.footer-column ul > li a { text-decoration: none; color: #124f64; }
.footer-column ul > li a:hover { text-decoration: underline; }
.footer-column ul > li a.light { font-weight: 300; }
.footer-column address { font-weight: 300; }
.copyright { padding: 10px 0 25px; z-index: 2; }
.copyright ul { gap: 3px 30px; }
.copyright ul > li { font-size: 14px; color: #124f64; }
.copyright ul > li a { text-decoration: none; color: #124f64; }
.copyright ul > li a:hover { text-decoration: underline; }



@media only screen and (min-width: 480px) {
	.antem-image-tree { left: -110px; height: 400px; }
}

@media only screen and (min-width: 767px) {
	header.sticky .logo-sticky img { width: 173px; }
	header.sticky .menu { margin-bottom: 0; }
	.menu { margin-bottom: 10px; }
	.menu ul.submenu > li a { font-size: 18px; }
	.antem-bg { top: -82px; left: -115px;  }
	.antem-image-tree { left: -135px; height: 640px; }
	.moto { padding-top: 128px; }
	.benefits-holder { padding: 100px 0; }
	.benefits ul { display: flex; flex-wrap: wrap; justify-content: center; }
	.benefits ul li { margin-bottom: 20px; margin-right: 50px; }
	.benefits ul li:last-child { margin-bottom: 0; }
	.benefits .btn { max-width: 585px; }
	.benefits .btn.desktop { display: flex; }
	.benefits .btn.mobile { display: none; }

	.features-slider { margin-left: -150px; }
	.features-slider .swiper-wrapper { margin-bottom: 30px; }
	.features h3 { margin-bottom: 45px; }
	.features-item { padding: 60px; }
	.features-item:after { content: ""; background-color: #fff; width: 1px; height: 370px; position: absolute; top: 0; right: 0; opacity: 0.25; }
	.features-item:hover:after { display: none; }
	.features-item:has(+.features-item:hover)::after { display: none; }
	.features-item p { max-width: 240px; }
	.features-slider .slider-controls { margin-left: 150px; }

	.news-slider-image { height: 100%; }
	.news-slider-image img { object-fit: unset; }
	.news-slider-info { padding: 50px 40px 120px 40px; }
	.news-slider h2 { margin-bottom: 45px; padding-left: 0; }
	.news-controller { left: 34px; }
	.news-slider .swiper-pagination { text-align: left; }
	.news-slider .mobile-btn { display: none; }
	.news-slider .desktop-btn { display: inline-flex; }

	.footer { padding-top: 200px; max-width: 1720px; }
	.footer-btn-holder { margin: 0 0 30px 0; }
	.footer-title { font-size: 30px; margin-bottom: 30px}
}

@media only screen and (min-width: 991px) {
	.wrapper-holder { padding-top: 220px; }
	.logo { margin-top: -20px; margin-left: -5px; }
	.logo-name img { width: 200px; }
	header { padding: 33px 20px; background-color: transparent; }
	header.sticky { transform: translateY(-80px) !important; }
	header.sticky .header-info { background-color: #fff; border-radius: 0 50px 50px 0; width: 100%; padding: 0 50px 0 30px; }
	header.sticky .menu ul > li a { color: #0d142c; }
	header.sticky .menu ul > li { padding: 32px 0; }
	.mobileMenu { display: none; }
	.menu { padding: 0; position: unset; opacity: 1; visibility: visible; width: unset; height: unset; background-color: unset; overflow: unset; }
	.menu ul.submenu { top: 100%; left: -340px; width: 760px; padding: 30px 20px 30px 25px; border-radius: 100px; opacity: 0; visibility: hidden; height: unset; justify-content: space-around }
	.menu ul { margin: 0; padding: 0; }
	.menu ul > li { margin-right: 30px; margin-bottom: 0; padding: 21px 0; position: relative; }
	.menu ul.submenu > li a { display: inline-flex; align-items: center; font-size: 16px; padding: 6px 40px 6px 17px }
	.antem-bg { top: 20px; right: -490px; left: unset; width: 2323px; height: 1981px; }
	.antem-intro-left { padding: 50px 55px 50px 0; }
	.antem-intro-content { padding-top: 0; }
	.antem-image-tree { height: auto; }
	.price-slider-holder { background-color: inherit; }
	.prices-item { box-shadow: none;}
	.prices-item.center { box-shadow: 0 0 50px rgba(13, 20, 44, 0.1); }
	.price-item-title a { transform: rotate(0deg); margin: 0; }
	.prices h2 { margin-bottom: 30px; }
	.prices-title { margin-bottom: 64px; }
}

@media only screen and (min-width: 1199px) {
	.features { margin: -235px -20px 0;	padding-top: 385px; padding-bottom: 760px; }
	.features-bg { top: 0; right: -1200px; }
	.prices {padding: 127px 0; margin-top: -760px; }
	.prices-item {  padding: 52px 60px; }
	.price-item-title a { padding: 8px 25px; font-size: 16px; margin: -15px -20px 0 0; }

	.footer-bg { bottom:-500px; height: 1300px; }
}
@media only screen and (min-width: 1440px) {
	.wrapper { padding: 20px; }
	.logo-name img { width: 250px; }
	header.sticky .header-info { width: 85%; }
	.menu ul > li { margin-right: 39px; }
}

@media only screen and (min-width: 1480px) {
	header.sticky .header-info { padding: 0 95px 0 30px; width: 79%; }
	.features-bg { right: -850px; }
}

@media only screen and (min-width: 1480px) {
	.footer-holder { z-index: 2; max-width: 1000px; margin-left: auto; margin-right: 120px; }
}