/* Base CSS */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

.alignleft {
   float: left;
   margin-right: 15px;
}

.alignright {
   float: right;
   margin-left: 15px;
}

.aligncenter {
   display: block;
   margin: 0 auto 15px;
}

a:focus {
   outline: 0 solid;
}

img {
   max-width: 100%;
   height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0 0 15px;
   color: #ececec;
}

body {
   color: #ececec;
   font-weight: 400;
   font-family: "Poppins", serif;
   background-color: #0d0d0d;
}

.selector-for-some-widget {
   box-sizing: content-box;
}

li {
   list-style: none;
}

a {
   text-decoration: none;
}

ul {
   margin: 0;
   padding: 0;
}

a:hover {
   text-decoration: none;
}

a,
button,
input,
textarea {
   outline: none !important;
}

/* ----------------------------------------- HEADER AREA START ------------------------ */
.header__area {
   padding-top: 35px;
   padding-bottom: 70px;
   position: relative;
   z-index: 33;
}

.header__right__shape {
   position: absolute;
   top: 20px;
   right: 0;
   width: 550px;
   z-index: -1;
}

.header__inner__block {
   display: flex;
   justify-content: space-between;
   gap: 45px;
   align-items: center;
}

.header__menu ul {
   display: flex;
   align-items: center;
   gap: 40px;
}

.header__menu ul li a {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   color: #9a9a9a;
   display: flex;
   align-items: center;
   gap: 8px;
   transition: 0.3s all;
}

.header__menu ul li:hover > a {
   color: #fff;
}

.header__right__block {
   display: flex;
   gap: 20px;
   align-items: center;
}

.user__btn a {
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100px;
   border: 1px solid #9a9a9a;
   color: #9a9a9a;
   transition: 0.3s all;
}

.user__btn a:hover {
   color: #fff;
   border-color: #fff;
}

.header__search {
   display: flex;
   align-items: center;
   background-color: #080808;
   width: 176px;
   height: 40px;
   padding: 12px 15px;
   gap: 22px;
   border-radius: 24px;
   cursor: pointer;
}

.header__search input {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   width: 100%;
   color: #9a9a9a;
   background: transparent;
   border: 0;
}

.header__btn a {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   color: #ececec;
   border: 1px solid #ececec;
   border-radius: 24px;
   width: 144px;
   height: 39px;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: 0.3s all;
}

.header__btn a:hover {
   color: #842186;
   border-color: #842186;
}

.header__area .header__inner__block {
   max-width: 943px;
}

.header__menu ul li {
   position: relative;
   z-index: 33;
   width: 100%;
}

.dropdown__menu {
   position: absolute;
   left: 0;
   top: 125%;
   width: 230px;
   padding: 8px;
   border-radius: 8px;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   transition: 0.3s all;
}

.dropdown__menu ul {
   flex-direction: column;
   align-items: flex-start;
   gap: 0;
}

.dropdown__menu ul li a {
   border-radius: 3px;
   color: #000;
   display: block;
   padding: 5px;
   transition: 0.3s all;
}

.dropdown__menu ul li:hover a {
   background-color: #842186;
}

.header__menu ul li a span {
   transition: 0.3s all;
   line-height: 1;
   position: relative;
   top: 1px;
}
.header__menu ul li:hover .dropdown__menu {
   top: 100%;
   opacity: 1;
   visibility: visible;
}

.header__video__shape {
   position: absolute;
   height: 400px;
   width: 400px;
   right: 0;
   top: 0;
   z-index: -1;
}

.header__video__shape video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* ----------------------------------------- HEADER AREA END ------------------------ */

/* ----------------------------------------- HERO AREA START ------------------------ */

.hero__title.common__title h3 span {
   color: #842186;
   font-weight: 700;
}

.hero__title.common__title h3 {
   line-height: 66px;
}

.header__mini__shape {
   position: absolute;
   right: 445px;
   top: 200px;
}

.hero__title {
   padding-left: 140px;
   position: relative;
   z-index: 2;
}

.hero__title > span {
   position: absolute;
   top: 46px;
   padding: 0 !important;
   border: 0 !important;
   margin: 0 !important;
   left: 50px;
}
.hero-slide {
   z-index: 9999;
}
.hero-slide-thumb {
	max-width: 1150px;
	margin: 0 auto;
	display: block;
}
.hero-slide-title {
   position: absolute;
   left: 0;
   top: 80px;
   gap: 30px;
   font-size: 13px;
   max-width: 200px;
}
.hero-slide-title span {
   color: #842186;
}
.hero-slide-title .title-icon {
   width: 36px;
}
.hero-slide-content {
   position: absolute;
   bottom: 30px;
   right: 0;
   z-index: 1;
   max-width: 201px;
}
.hero-slide-content {
   margin-bottom: 0;
}
.slide-numbers {
   font-size: 20px;
   gap: 15px;
   margin-bottom: 15px;
}
.slide-numbers .all-number {
   color: #9A9A9A;
}
.hero-slider .swiper-pagination {
	left: auto;
	bottom: 20px;
	right: 162px;
	top: auto;
	width: max-content;
}
.swiper-pagination-bullet {
   width: 6px;
   height: 6px;
   opacity: 1;
   background-color: #ECECEC;
   margin: 0 2px !important;
}
.swiper-pagination-bullet-active {
   background-color: #545454;
}
.slider-nav-button {
   height: 40px;
   width: 40px;
   border-radius: 50%;
   background-color: #ececec;
   color: #0d0d0d !important;
   font-size: 20px !important;
   transition: 0.3s all;
}
.slider-nav-button:hover {
   background-color: #842186;
}

.slider-nav {
	gap: 17px;
	position: absolute;
	left: 0;
	bottom: 260px;
	z-index: 1;
}

.hero__slide__wrapper {
   padding-top: 31px;
   position: relative;
}

.hero__area {
   position: relative;
   z-index: 99;
}
.hero-light-bg {
	width: 130.251px;
	height: 409.825px;
	transform: rotate(-87.098deg);
	border-radius: 409.825px;
	background: linear-gradient(204deg, #ECECEC 85.04%, #080808 85.04%);
	filter: blur(181.4499969482422px);
	left: 40%;
	bottom: 150px;
	z-index: -1;
}

.hero__function__icons {
   display: flex;
   flex-direction: column;
   gap: 15px;
   position: absolute;
   right: 0;
   top: 220px;
   z-index: 3;
}

.hero__function__icons a {
   height: 40px;
   width: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   border: 1px solid #ececec;
   transition: 0.3s all;
}

.hero__function__icons a:hover img {
   filter: brightness(0) saturate(100%) invert(0%) sepia(74%) saturate(3251%)
      hue-rotate(43deg) brightness(98%) contrast(90%);
}

.hero__function__icons a:hover {
   background-color: #842186;
   border-color: #842186;
}

.hero__content__shape {
   display: inline-block;
   position: absolute;
   top: 100px;
   left: 20px;
}

.hero__bottom__shape img {
   height: 230px;
   width: 100%;
}

.hero__bottom__shape {
   margin-top: -82px;
   position: relative;
   /* z-index: 3333; */
}

/* ----------------------------------------- HERO AREA END ------------------------ */

/* ----------------------------------------- SERVICE AREA START ------------------------ */
.service__area {
   padding-top: 62px;
   padding-bottom: 115px;
   position: relative;
   z-index: 1;
}

.service__shadow {
   position: absolute;
   z-index: -1;
   width: 588px;
   top: 0;
   left: 0;
}

.common__title > span {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   display: block;
   margin-bottom: 20px;
   width: 240px;
   border-top: 1px solid #ececec;
   padding-top: 25px;
}

.common__title h3 {
   font-size: 64px;
   font-weight: 400;
   line-height: 96px;
   margin: 0;
}

.common__title p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin: 0;
}

.service__inner__block .common__title p {
   max-width: 536px;
   margin-bottom: 20px;
}

.service__inner__block .common__title h3 {
   max-width: 636px;
}

.common__btn {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   color: #000;
   background-color: #ececec;
   width: 297px;
   height: 39px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 48px;
   border-radius: 50px;
   transition: 0.3s all;
}

.common__btn:hover {
   background-color: #842186;
}

.service__list__wrap ul li:not(:last-child) {
   margin-bottom: 16px;
}

.service__list__wrap ul li {
   display: block;
}

.service__list__1 {
   width: 190px;
   text-align: right;
}

.service__list__2 {
   width: 360px;
   text-align: right;
}

.service__list__3 {
   width: 180px;
   text-align: right;
}

.service__list__4 {
   width: 370px;
   text-align: right;
}

.service__list__6 {
   text-align: right;
   width: 400px;
}

.service__list__7 {
   width: 150px;
   text-align: right;
}

.service__list__8 {
   width: 360px;
   text-align: right;
}

.service__list__9 {
   width: 110px;
   text-align: right;
}

.service__list__10 {
   width: 90%;
   text-align: right;
}

.service__list__11 {
   width: 325px;
   text-align: right;
}

.service__list__12 {
   width: 120px;
   text-align: right;
}

.service__list__13 {
   width: 80%;
   text-align: right;
}

.service__list__14 {
   width: 180px;
   text-align: right;
}

.service__list__15 {
   width: 75%;
   text-align: right;
}

.service__list__wrap ul {
   width: 440px;
   flex: 0 0 auto;
}

.service__list__wrap {
   display: flex;
}

.service__list__wrap ul {
   width: 514px;
   flex: 0 0 auto;
}

.accordion-button::after {
   content: "\f067";
   font-family: "Font Awesome 5 Pro";
   height: 30px;
   width: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-image: none !important;
   font-size: 20px;
}

.accordion-button:not(.collapsed)::after {
   content: "\f068";
   font-family: "Font Awesome 5 Pro";
}

.accordion-body p {
   margin: 0;
   color: #fff;
}

/* ----------------------------------------- SERVICE AREA END ------------------------ */

/* ----------------------------------------- GROTH AREA START ------------------------ */
.groth__area {
   padding-bottom: 50px;
   position: relative;
   z-index: 22;
}

.groth__items {
   margin-top: 48px;
}

.groth__items > .row {
   --bs-gutter-x: 40px;
   --bs-gutter-y: 30px;
}

.groth__top .row {
   justify-content: space-between;
   align-items: center;
   --bs-gutter-x: 18px;
   --bs-gutter-y: 18px;
}

.groth__top {
   margin-bottom: 20px;
}

.groth__story {
   display: flex;
   align-items: center;
   gap: 15px;
   padding: 12px 22px;
   border: 1px solid #545454;
   border-radius: 40px;
}

.groth__story p {
   margin: 0;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

.groth__story__block .row {
   --bs-gutter-x: 20px;
   --bs-gutter-y: 20px;
}

.single__groth__card {
   width: 100%;
   height: 235px;
   background-size: cover;
   background-position: 100% 100%;
   border-radius: 30px;
   position: relative;
}

.single__groth__card .explore__btn {
   position: absolute;
   z-index: 22;
   width: 102px;
   left: 16px;
   bottom: 16px;
   padding: 0;
   font-size: 10px;
}

.groth__product__card {
   padding: 20px;
   border: 1px solid #545454;
   border-radius: 40px;
   height: 100%;
}

.groth__product__card h4 {
   font-size: 20px;
   font-weight: 700;
   line-height: 30px;
   margin-bottom: 15px;
}

.groth__product__card p {
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   margin-bottom: 10px;
}

.groth__product__card h3 {
   font-size: 30px;
   font-weight: 400;
   line-height: 45px;
   margin-bottom: 15px;
   display: flex;
   align-items: center;
   gap: 6px;
}

.groth__product__card h3 span {
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   text-decoration-skip-ink: none;
   color: #842186;
}

.groth__product__card .common__btn {
   width: 128px;
   height: 24px;
   font-size: 11px;
   padding: 0 10px;
   gap: 12px;
}

.groth__product__card .common__btn span {
   width: 11px;
   height: 10px;
   display: flex;
   flex: 0 0 auto;
}

/* ----------------------------------------- GROTH AREA END ------------------------ */

/* ----------------------------------------- PARTNER AREA START ------------------------ */

.partner__area {
   position: relative;
   z-index: 1;
}

.partner__shape {
   position: absolute;
   z-index: -1;
   right: 0;
   max-width: 500px;
   top: -175px;
}

.partner__row__icon a {
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #ececec;
   border-radius: 50px;
   position: absolute;
   top: -19px;
   margin-left: 25px;
}

.partner__top__block {
   padding-bottom: 190px;
}

.partner__title h3 {
   margin-bottom: 32px;
}

.partner__title p {
   margin-bottom: 32px;
   max-width: 480px;
}

.partner__title .common__btn {
   width: 208px;
}

.purple_text {
   color: #842186;
}

.partner__inner__blk {
   background: #080808;
   padding-top: 59px;
   padding-bottom: 255px;
   position: relative;
}

.tailored__items a {
   display: flex;
   justify-content: space-between;
   font-size: 20px;
   font-weight: 300;
   line-height: 30px;
   letter-spacing: 0.03em;
   color: #ececec;
   padding: 16px 0;
   border-bottom: 1px solid #545454;
   background: transparent;
   transition: 0.3s all;
}

.tailored__block {
   max-width: 292px;
   width: 100%;
}

.tailored__items__block {
   display: flex;
   align-items: flex-end;
   gap: 58px;
}

.add__btn a {
   display: flex;
   width: 105px;
}

.tailored__title h4 {
   border-bottom: 1px solid #545454;
   padding-bottom: 16px;
   margin: 0;
   font-size: 22px;
   font-weight: 400;
   line-height: 33px;
   letter-spacing: 0.03em;
}

.tailored__items a:hover {
   background-color: #842186;
   border-color: #842186;
}

.partner__bottom__block .row {
   justify-content: space-between;
   --bs-gutter-x: 30px;
}

.partner__thumb img {
   border-radius: 40px;
}

.partner__thumb {
   max-width: 482px;
   position: relative;
   margin-top: -216px;
}

.protocols__review {
   position: absolute;
   top: 112px;
   right: -35px;
}

.single__protocols {
   border: 1px solid #545454;
   background-color: #0a0a0a;
   border-radius: 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 2px;
   width: 140px;
   height: 102px;
   margin-bottom: 20px;
}

.single__protocols h4 {
   font-size: 36px;
   font-weight: 400;
   line-height: 42.3px;
   letter-spacing: 0.03em;
   text-align: center;
   text-decoration-skip-ink: none;
   margin: 0;
}

.single__protocols p {
   font-size: 12px;
   font-weight: 400;
   line-height: 16.1px;
   letter-spacing: 0.03em;
   text-align: center;
   color: #fff;
   margin: 0;
}

.single__protocols:last-child {
   margin: 0;
}

/* ----------------------------------------- PARTNER AREA END ------------------------ */

/* ----------------------------------------- EXPLORE AREA START ------------------------ */
.explore__area {
   padding-top: 100px;
   position: relative;
   z-index: 1;
}

.explore__right__img {
   max-width: 540px;
   position: absolute;
   right: 0;
   z-index: -1;
   top: 65px;
}

.explore__title h3 {
   text-align: center;
   margin-bottom: 38px;
}

.explore__inner__block {
   max-width: 884px;
}

.explore__btn {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   text-align: center;
   border: 1px solid #ececec;
   border-radius: 24px;
   color: #ececec;
   transition: 0.3s all;
   max-width: 212px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 40px;
}

.explore__title {
   text-align: center;
}

.explore__btn:hover {
   background-color: #ececec;
   color: #0d0d0d;
}

.explore__card {
   background-color: #080808;
   text-align: center;
   border-radius: 24px;
   max-width: 242px;
   height: 205px;
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 30px;
}

.explore__card__icon {
   margin-bottom: 26px;
}

.explore__card__text p {
   font-size: 20px;
   font-weight: 400;
   line-height: 30px;
   text-align: center;
   margin: 0;
}

.explore__items {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   margin-top: 75px;
}

.explore__card__2 .explore__card__text p {
   font-size: 24px;
}

.explore__card__2 {
   max-width: 298px;
   height: 250px;
}

.explore__card__3 {
   width: 200px;
   height: 160px;
   padding: 10px 20px;
   margin-top: -35px;
}

.explore__card__3 .explore__card__text p {
   font-size: 22px;
}

.explore__card__4 {
   width: 165px;
   height: 115px;
   margin-top: -40px;
   margin-left: 74px;
}

.explore__card__4 .explore__card__text p {
   font-size: 15px;
}

.explore__card__4 .explore__card__icon {
   margin-bottom: 10px;
}

.explore__card__5 {
   width: 270px;
   height: 205px;
   padding: 46px;
   margin-top: -115px;
   margin-left: 113px;
}

.customize__card a p {
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   margin: 0;
   color: #ececec;
}

.customize__card {
   max-width: 180px;
   position: relative;
   height: 75px;
   margin-top: 17px;
}

.customize__card a span {
   width: 35px;
   height: 35px;
   display: flex;
   position: absolute;
   right: 0;
   bottom: -2px;
   right: 12px;
}

/* ----------------------------------------- EXPLORE AREA END ------------------------ */

/* ----------------------------------------- FAQ AREA START ------------------------ */
.faq__area {
   padding-top: 105px;
   padding-bottom: 110px;
}

.faq__title {
   margin-bottom: 48px;
}

.faq__title h2 {
   font-size: 64px;
   font-weight: 700;
   line-height: 96px;
   color: #fff;
   text-align: center;
   margin: 0;
}

.faq__accordion .accordion-button {
   font-size: 32px;
   font-weight: 400;
   line-height: 48px;
   color: #ececec;
   box-shadow: none;
   background-color: transparent;
   border-radius: 50px;
   margin: 0;
   padding: 0 40px;
}

.faq__accordion .accordion-item {
   background-color: #0d0d0d;
   border-radius: 50px;
   border: 1px solid #ececec;
   margin-bottom: 16px;
   padding: 50px 0;
}

.faq__accordion .accordion-body {
   font-weight: 300;
   color: #ececec;
   padding: 0 45px;
   padding-top: 14px;
}

.faq__accordion .accordion-item:last-of-type .accordion-button.collapsed {
   border-radius: 50px;
}

.faq__accordion .accordion-item:first-of-type .accordion-button {
   border-radius: 50px;
}

/* ----------------------------------------- FAQ AREA END ------------------------ */

/* ----------------------------------------- FOOTER AREA START ------------------------ */
.footer__area {
   padding: 63px 0;
   background: #080808;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.footer__area .container {
   max-width: 1368px;
}

.footer__a__shape {
   max-width: 264px;
   margin-left: auto;
   margin-bottom: 25px;
}

.aethora__link {
   font-family: Inter;
   font-size: 14px;
   font-weight: 500;
   line-height: 19.6px;
   text-align: right;
   margin: 0;
   color: #ececec;
   transition: 0.3s all;
}

.footer__right__block {
   text-align: right;
}

.aethora__link:hover {
   color: #842186;
}

.wizard__title h3 {
   font-family: Inter;
   font-size: 15px;
   font-weight: 700;
   line-height: 21px;
   letter-spacing: 0.04em;
   margin: 0;
}

.wizard__title {
   margin-bottom: 24px;
}

.footer__menu ul li a {
   font-family: Inter;
   font-size: 14px;
   font-weight: 400;
   line-height: 25.6px;
   color: #d9d9d9;
   transition: 0.3s all;
}

.footer__menu ul li a:hover {
   color: #842186;
}

.footer__menu__items .row {
   --bs-gutter-x: 30px;
   --bs-gutter-y: 20px;
}

.wizard__title h5 {
   font-family: Inter;
   font-size: 10px;
   font-weight: 500;
   line-height: 14px;
   letter-spacing: 0.04em;
   margin: 0;
}

.footer__menu__block {
   margin-bottom: 120px;
}

.footer__top__block {
   background: #842186;
   border-radius: 16px;
   padding: 42px 48px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 48px;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.footer__contents h3 {
   font-family: Inter;
   font-size: 28px;
   font-weight: 500;
   line-height: 33.6px;
   letter-spacing: -0.01em;
   margin-bottom: 10px;
}

.footer__contents p {
   font-family: Inter;
   font-size: 14px;
   font-weight: 400;
   line-height: 19.6px;
   max-width: 490px;
   margin: 0;
}

.footer__btn {
   font-family: Inter;
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 24px;
   color: #ececec;
   transition: 0.3s all;
}

.footer__btn:hover {
   color: #842186;
}

.footer__circle__shape {
   position: absolute;
   right: -52px;
   width: 35%;
   z-index: -1;
   height: 100%;
}

.footer__circle__shape img {
   height: 100%;
}

.footer__top__right {
   margin-right: 35px;
}

.footer__bottom__shape {
   position: absolute;
   left: 0;
   bottom: -450px;
   width: 650px;
   z-index: -1;
}

.single__footer__contact a {
   display: flex;
   justify-content: space-between;
   font-family: Inter;
   font-size: 12px;
   font-weight: 500;
   line-height: 16.8px;
   color: #ecececcf;
   gap: 20px;
   align-items: center;
   padding-top: 30px;
   border-top: 1px solid #ecececcf;
   transition: 0.3s all;
}

.single__footer__contact a:hover {
   color: #842186;
}

.footer__contact__block {
   max-width: 848px;
}

.footer__contact__block .row {
   --bs-gutter-x: 48px;
   --bs-gutter-y: 20px;
}

.copyright__text p {
   font-family: Inter;
   font-size: 12px;
   font-weight: 500;
   line-height: 16.8px;
   color: #ececec9e;
   margin: 0;
}

.copyright__text {
   margin-top: 90px;
}

/* ----------------------------------------- FOOTER AREA END ------------------------ */

.main__area {
   overflow: hidden;
}

.partner__image {
   height: 573px;
}

.partner__image img {
   height: 100%;
   object-fit: cover;
}