@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root{
    --typography-primary-color: #FAF9FC;
    --typography-secondary-color: #CDCAD9;

    --button-main-color: #FAF9FC;

    --bg-primary-color: #FAF9FC;
    --bg-blue-color: #5438D4;
    --bg-bg-dark-color: #110D1E;
    --bg-dark-secondary-color: #201735;
}

body.page-template-page-seo,
body.post-template-single-seo {
    font-family: "Plus Jakarta Sans", sans-serif!important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    background-color: var(--bg-bg-dark-color);
    background: var(--bg-bg-dark-color) url('../images/star-bg.svg') repeat top center!important;
    background-size: auto!important;
}

body.page-template-page-seo #main-content,
body.post-template-single-seo #main-content {
    background-color: transparent!important;
}

body.page-template-page-seo h1,
body.page-template-page-seo h2,
body.page-template-page-seo h3,
body.page-template-page-seo h4,
body.page-template-page-seo h5,
body.page-template-page-seo h6,
body.post-template-single-seo h1,
body.post-template-single-seo h2,
body.post-template-single-seo h3,
body.post-template-single-seo h4,
body.post-template-single-seo h5,
body.post-template-single-seo h6 {
    font-family: "Plus Jakarta Sans", sans-serif!important;
}

.inner-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

.heading-box__title {
    margin: 0!important;
    padding: 0!important;
}

.buttons-wrapper {
    position: relative;
}

.buttons-wrapper__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 56px;
    padding: 0 32px;
    background-color: #FAF9FC;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #110D1E;
    border-radius: 12px;
    border: 2px solid rgba(141, 141, 141, 0.24);
    transition: all 0.3s ease;
}

.buttons-wrapper__button:after {
    content: '';
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8111 18.707L9.40015 17.293L14.6891 12L9.40015 6.70698L10.8151 5.29298L16.1001 10.586C16.4751 10.961 16.6857 11.4697 16.6857 12C16.6857 12.5303 16.4751 13.0389 16.1001 13.414L10.8111 18.707Z' fill='%23110D1E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease;
}

.buttons-wrapper__button:hover {
    background-color: #5438D4;
    color: #FAF9FC;
}

.buttons-wrapper__button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8111 18.707L9.40015 17.293L14.6891 12L9.40015 6.70698L10.8151 5.29298L16.1001 10.586C16.4751 10.961 16.6857 11.4697 16.6857 12C16.6857 12.5303 16.4751 13.0389 16.1001 13.414L10.8111 18.707Z' fill='%23FAF9FC'/%3E%3C/svg%3E");
}

.header-seo{
    position: relative;
    z-index: 110;
    border-bottom: 1px solid #FAF9FC;
}

.header-seo__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-seo__logo{
    flex: 0 0 180px;
    width: 180px;
}

.header-seo__logo-image{
   display: block;
}

.header-seo__burger{
    display: none;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33331 10.6667H22.6666M9.33331 16H22.6666M9.33331 21.3334H22.6666' stroke='%23FAF9FC' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.header-seo__burger.active{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M21.6568 10.3431L10.3431 21.6569M21.6568 21.6568L10.3431 10.3431' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.header-seo__menu{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.header-seo__menu-list{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
}

.header-seo__menu-item{
    position: relative;
}

.header-seo__menu-link{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #FAF9FC;
    padding: 26px 0;
    transition: all 0.3s ease;
}

.header-seo__menu-link:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 2px;
    background-color: #FAF9FC;
    transition: all 0.3s ease;
}

.header-seo__menu-link:hover:after{
    left: 0;
    right: 0;
}

.header-seo__buttons{
    flex: 0 0 180px;
    width: 180px;
    justify-content: flex-end;
}

.fixed-menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 96px 0 32px 0;
    background-color: var(--bg-bg-dark-color);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    overflow-y: auto;
}

.fixed-menu__wrapper{
    padding: 0 20px;
}

.fixed-menu__list{
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.fixed-menu__list-item{
    position: relative;
}

.fixed-menu__list-link{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #FAF9FC;
    transition: all 0.3s ease;
}

.shape-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.hero-section {
    position: relative;
    padding: 80px 0;
}

#main-content.style-1 .glow-shape-5,
#main-content.style-1 .glow-shape-6{
    background: linear-gradient(180deg, rgba(108, 82, 255, .7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-2 .glow-shape-5,
#main-content.style-2 .glow-shape-6{
    background: linear-gradient(180deg, rgba(255, 168, 0, .7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-3 .glow-shape-5,
#main-content.style-3 .glow-shape-6{
    background: linear-gradient(180deg, rgba(28, 189, 36, .7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-4 .glow-shape-5,
#main-content.style-4 .glow-shape-6{
    background: linear-gradient(180deg, rgba(36, 147, 148, .7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-5 .glow-shape-5,
#main-content.style-5 .glow-shape-6{
    background: linear-gradient(180deg, rgba(186, 12, 12, .7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-6 .glow-shape-5,
#main-content.style-6 .glow-shape-6{
    background: linear-gradient(180deg, rgba(40, 0, 80, .7) 0%, rgba(108, 82, 255, 0) 100%);
}

.hero-section .glow-shape-5, .hero-section .glow-shape-6 {
    position: absolute;
    filter: blur(100px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.hero-section .glow-shape-5 {
    width: 900px;
    height: 900px;
    top: -100px;
    left: 40%;
    transform: rotate(-20deg) skewY(30deg);
    opacity: 1;
}


  .hero-section .glow-shape-6 {
    width: 800px;
    height: 800px;
    top: 0px;
    left: 40%;
    transform: rotate(-10deg) skewY(20deg);
    opacity: 1;
  }


.hero-section__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.hero-section__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.hero-section__heading-box {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.hero-section__heading-title {
    font-size: 72px;
    line-height: 1;
    font-weight: 800;
    color: #FAF9FC;
    font-style: bold;
}

.hero-section__heading-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}

.hero-section__content-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}

.hero-section__content-clients{
    display: flex;
}

.hero-section__content-client-item{
    position: relative;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #5438D4;
    overflow: hidden;
}

.hero-section__content-client-item.plus-icon{
    position: relative;
    background-color: #5438D4;
}

.hero-section__content-client-item.plus-icon:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17 8.72728V25.2727M25.2728 17L8.72729 17' stroke='%23FAF9FC' stroke-width='2.06818' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.hero-section__content-client-item:nth-child(2) {
    transform: translateX(-20px);
}

.hero-section__content-client-item:nth-child(3) {
    transform: translateX(-40px);
}

.hero-section__content-client-item:nth-child(4) {
    transform: translateX(-60px);
}

.hero-section__content-client-item:nth-child(5) {
    transform: translateX(-80px);
}

.hero-section__content-client-item:nth-child(6) {
    transform: translateX(-100px);
}

.hero-section__content-client-item:nth-child(7) {
    transform: translateX(-120px);
}

.hero-section__content-client-item:nth-child(8) {
    transform: translateX(-140px);
}

.hero-section__content-client-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-section__posters {
    position: relative;
    flex: 0 0 576px;
    width: 576px;
    display: flex;
}

.hero-section__poster-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.hero-section__poster-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero-section__poster-item-image {
    position: relative;
    height: 457px;
    border-radius: 12px;
    overflow: hidden;
}

.hero-section__poster-item-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-section__poster-item-info {
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 12px;
    background:
        linear-gradient(
            18deg, rgba(250, 249, 252, 0.6) 10%,
            rgba(250, 249, 252, 0) 30%,
            rgba(250, 249, 252, 0) 50%,
            rgba(250, 249, 252, 0) 70%,
            rgba(250, 249, 252, 0.6) 90%
        );
}

.hero-section__poster-item-info-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #201735;
    padding: 24px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.hero-section__poster-item-info-text > p{
    margin: 0!important;
    padding: 0!important;
}
.hero-section__poster-item-info-text > p:first-child{
    font-weight: 700!important;
}


.hero-section__sidebar {
    width: 50%;
}

.video-section {
    position: relative;
    z-index: 12;
    padding: 40px 0;
}

.video-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.video-section__video-frame {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.video-section__video-frame:before{
    content: '';
    position: relative;
    display: block;
    padding-top: 56.25%;
    background-color: #000;

}

.video-section__video-frame iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-section__buttons {
    display: flex;
    justify-content: center;
}

.why-section {
    position: relative;
    z-index: 1;
    padding: 80px 0;
}

.why-section .inner-container{
    position: relative;
    z-index: 2;
}

.why-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.why-section__heading {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.why-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.why-section__heading-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}

.why-section__cards{
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.why-section__card-item{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 104px;
}

.why-section__card-item:nth-child(even){
    flex-direction: row;
}

.why-section__card-image{
    position: relative;
    flex: 0 0 515px;
    height: 380px;
    background-color: #5438D4;
    border-radius: 12px;
    overflow: hidden;
}

.why-section__card-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.why-section__card-content{
    flex: 1;
}

.why-section__card-content-text{
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}

.why-section__card-content-text > p{
    margin: 0!important;
    padding: 0!important;
}

#main-content.style-1 .glow-shape-1,
#main-content.style-1 .glow-shape-2 {
    background: linear-gradient(180deg, rgba(108, 82, 255, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-2 .glow-shape-1,
#main-content.style-2 .glow-shape-2 {
    background: linear-gradient(180deg, rgba(255, 168, 0, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-3 .glow-shape-1,
#main-content.style-3 .glow-shape-2 {
    background: linear-gradient(180deg, rgba(28, 189, 36, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-4 .glow-shape-1,
#main-content.style-4 .glow-shape-2 {
    background: linear-gradient(180deg, rgba(36, 147, 148, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-5 .glow-shape-1,
#main-content.style-5 .glow-shape-2 {
    background: linear-gradient(180deg, rgba(186, 12, 12, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-6 .glow-shape-1,
#main-content.style-6 .glow-shape-2 {
    background: linear-gradient(180deg, rgba(40, 0, 80, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

.why-section .glow-shape-1,
.why-section .glow-shape-2 {
    position: absolute;
    filter: blur(100px);
    mix-blend-mode: screen;
    pointer-events: none;
}


.why-section .glow-shape-1 {
    width: 700px;
    height: 1000px;
    bottom: -150px;
    left: -500px;
    transform: rotate(25deg) skewY(50deg);
    opacity: 0.6;
}

.why-section .glow-shape-2 {
    width: 600px;
    height: 1000px;
    bottom: 100px;
    left: -400px;
    transform: rotate(15deg) skewY(40deg);
    opacity: 0.4;
}

#main-content.style-1 .glow-shape-3,
#main-content.style-1 .glow-shape-4 {
    background: linear-gradient(180deg, rgba(108, 82, 255, 1) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-2 .glow-shape-3,
#main-content.style-2 .glow-shape-4 {
    background: linear-gradient(180deg, rgba(255, 168, 0, 1) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-3 .glow-shape-3,
#main-content.style-3 .glow-shape-4 {
    background: linear-gradient(180deg, rgba(28, 189, 36, 1) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-4 .glow-shape-3,
#main-content.style-4 .glow-shape-4 {
    background: linear-gradient(180deg, rgba(36, 147, 148, 1) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-5 .glow-shape-3,
#main-content.style-5 .glow-shape-4 {
    background: linear-gradient(180deg, rgba(186, 12, 12, 1) 0%, rgba(108, 82, 255, 0) 100%);
}
#main-content.style-6 .glow-shape-3,
#main-content.style-6 .glow-shape-4 {
    background: linear-gradient(180deg, rgba(40, 0, 80, 1) 0%, rgba(108, 82, 255, 0) 100%);
}


.why-section .glow-shape-3, .why-section .glow-shape-4 {
    position: absolute;
    filter: blur(100px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.why-section .glow-shape-3 {
    width: 700px;
    height: 1000px;
    top: -150px;
    right: -500px;
    transform: rotate(-25deg) skewY(50deg);
    opacity: 1;
}

.why-section .glow-shape-4 {
    width: 600px;
    height: 1000px;
    top: -250px;
    right: -400px;
    transform: rotate(-15deg) skewY(40deg);
    opacity: 0.8;
}

.why-section__buttons{
    display: flex;
    justify-content: center;
}

.vpn-section {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 80px 0;
}

.vpn-section .inner-container{
    position: relative;
    z-index: 2;
}

.vpn-section__bg{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.vpn-section__bg:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(90deg, #201735 44.51%, rgba(32, 23, 53, 0) 99.93%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.vpn-section__bg-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

.vpn-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.vpn-section__content {
    display: flex;
    flex-direction: column;
    max-width: 780px;
    width: 100%;
    gap: 32px;
}

.vpn-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
}

.vpn-section__content-text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}

.vpn-section__content-buttons {
    display: flex;
    justify-content: flex-start;
}

.access-section {
    position: relative;
    padding: 80px 0;
}

.access-section .inner-container{
    position: relative;
    z-index: 2;
}

.access-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
    max-width: 1062px;
    margin: 0 auto;
}

.access-section__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.access-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.access-section__heading-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.access-section__steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.access-section__step {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.access-section__step-number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    color: #FAF9FC;
    border-radius: 12px;
    background: linear-gradient(28deg, rgba(84, 56, 212, 0.72) 0%, rgba(84, 56, 212, 0.2) 100%);
}

.access-section__step-number-text {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #110D1E;
    border-radius: 12px;
}

.access-section__step-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.access-section__step-content-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    color: #FAF9FC;
    margin: 0!important;
    padding: 0!important;
}

.access-section__step-content-text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}

.access-section__cta-box-wrapper{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.access-section__cta-box {
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 12px;
    background:
        linear-gradient(
            18deg, rgba(250, 249, 252, 0.6) 10%,
            rgba(250, 249, 252, 0) 30%,
            rgba(250, 249, 252, 0) 50%,
            rgba(250, 249, 252, 0) 70%,
            rgba(250, 249, 252, 0.6) 90%
        );
}

.access-section__cta-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 48px;
    background-color: #201735;
    padding: 48px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.access-section__cta-box-text{
    display: flex;
    flex: 1;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #FAF9FC;
}

.access-section__buttons.buttons-wrapper.mobile-only{
    display: none;
}

#main-content.style-1 .glow-shape-7,
#main-content.style-1 .glow-shape-8{
    background: linear-gradient(180deg, rgba(108, 82, 255, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-2 .glow-shape-7,
#main-content.style-2 .glow-shape-8{
    background: linear-gradient(180deg, rgba(255, 168, 0, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-3 .glow-shape-7,
#main-content.style-3 .glow-shape-8{
    background: linear-gradient(180deg, rgba(28, 189, 36, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-4 .glow-shape-7,
#main-content.style-4 .glow-shape-8{
    background: linear-gradient(180deg, rgba(36, 147, 148, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-5 .glow-shape-7,
#main-content.style-5 .glow-shape-8{
    background: linear-gradient(180deg, rgba(186, 12, 12, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-6 .glow-shape-7,
#main-content.style-6 .glow-shape-8{
    background: linear-gradient(180deg, rgba(40, 0, 80, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}


.access-section .glow-shape-7,
.access-section .glow-shape-8 {
    position: absolute;
    filter: blur(100px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.access-section .glow-shape-7 {
    width: 700px;
    height: 1000px;
    bottom: -450px;
    right: -500px;
    transform: rotate(-10deg) skewY(10deg);
    opacity: 1;
}

.access-section .glow-shape-8 {
    width: 600px;
    height: 1000px;
    bottom: -600px;
    right: -400px;
    transform: rotate(-15deg) skewY(10deg);
    opacity: 1;
}


.stream-section{
    position: relative;
    padding: 80px 0;
}

.stream-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.stream-section__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.stream-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.stream-section__heading-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.stream-section__content{
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
}

.stream-section__image{
    position: relative;
    z-index: 2;
    flex: 0 0 608px;
    border-radius: 12px;
    overflow: hidden;
}

.stream-section__tips{
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
}

.stream-section__image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
    object-position: center;
}

.stream-section__tips-subtitle{
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    color: #FAF9FC;
}

.stream-section__tips-list{
    display: flex;
    flex-direction: column;
}

.stream-section__tip-item{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px 0;
}

.stream-section__tip-item:not(:last-child):after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #5438D4;
    background: linear-gradient(90deg, rgba(84, 56, 212, 0) 0%, rgba(84, 56, 212, 1) 50%, rgba(84, 56, 212, 0) 100%);
}



.stream-section__tip-icon{
    position: relative;
    display: flex;
    width: 56px;
    height: 56px;
}
.stream-section__tip-icon.icon-1{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3Cpath d='M48.9999 21L48.9999 7M48.9999 7L34.9999 7M48.9999 7L23.3333 32.6667' stroke='%235438D4' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 11.6665H16.3333C11.1787 11.6665 7 15.8452 7 20.9998V39.6665C7 44.8212 11.1787 48.9998 16.3333 48.9998H35C40.1547 48.9998 44.3333 44.8212 44.3333 39.6665V27.9998' stroke='%235438D4' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.stream-section__tip-icon.icon-2{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3Cpath d='M7.00024 25.6667H9.33358C20.9316 25.6667 30.3336 35.0687 30.3336 46.6667V49M7.00024 16.3333H9.33358C26.0862 16.3333 39.6669 29.914 39.6669 46.6667V49M7.00024 7H9.33358C31.2409 7 49.0002 24.7594 49.0002 46.6667V49M18.6669 43.1667C18.6669 46.3883 16.0552 49 12.8336 49C9.61192 49 7.00024 46.3883 7.00024 43.1667C7.00024 39.945 9.61192 37.3333 12.8336 37.3333C16.0552 37.3333 18.6669 39.945 18.6669 43.1667Z' stroke='%235438D4' stroke-width='2.35417' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.stream-section__tip-icon.icon-3{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3Cpath d='M49 28C49 39.598 39.598 49 28 49C16.402 49 7 39.598 7 28C7 16.402 16.402 7 28 7C35.773 7 42.5596 11.2231 46.1906 17.5M46.1906 17.5V7M46.1906 17.5H35.875' stroke='%235438D4' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.stream-section__tip-icon.icon-4{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3Cpath d='M18.6667 48.9995H37.3334M28.0001 39.6662V48.9995M9.33342 6.99951H46.6668C49.2441 6.99951 51.3334 9.08885 51.3334 11.6662V34.9995C51.3334 37.5768 49.2441 39.6662 46.6668 39.6662H9.33342C6.75609 39.6662 4.66675 37.5768 4.66675 34.9995V11.6662C4.66675 9.08885 6.75609 6.99951 9.33342 6.99951Z' stroke='%235438D4' stroke-width='2.39583' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.stream-section__tip-content{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.stream-section__tip-title{
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #FAF9FC;
    margin: 0!important;
    padding: 0!important;
}

.stream-section__tip-text{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}


.stream-section__cta-box-wrapper{
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 842px;
    margin: 0 auto;
}

.stream-section__cta-box {
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 12px;
    background:
        linear-gradient(
            18deg, rgba(250, 249, 252, 0.6) 10%,
            rgba(250, 249, 252, 0) 30%,
            rgba(250, 249, 252, 0) 50%,
            rgba(250, 249, 252, 0) 70%,
            rgba(250, 249, 252, 0.6) 90%
        );
}

.stream-section__cta-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 48px;
    background-color: #201735;
    padding: 48px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.stream-section__cta-box-text{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #FAF9FC;
    text-align: center;
}

.stream-section__buttons {
    display: flex;
    justify-content: center;
}

.pricing-section{
    position: relative;
    padding: 80px 0;
}

.pricing-section .inner-container{
    position: relative;
    z-index: 2;
}

.pricing-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.pricing-section__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pricing-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.pricing-section__heading-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.pricing-section__heading-description span,
.pricing-section__heading-description strong{
    font-weight: 600!important;
    color: #FAF9FC!important;
}

.pricing-section__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.pricing-card{
    display: flex;
    flex-direction: column;
    gap: 32px;
    background-color: #201735;
    border-radius: 12px;
    padding: 48px 24px;
    border: 1px solid #302165;
    transition: all 0.3s ease;
}

.pricing-card:hover{
    border-color: #FAF9FC;
}

.pricing-card__price{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pricing-card__price .old-price{
    font-size: 20px;
    line-height: 28px;
    height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    text-decoration: line-through;
}

.pricing-card__price .new-price{
    position: relative;
    font-size: 48px;
    line-height: 1;
    font-weight: 800;
    color: #FAF9FC;
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

.pricing-card__price .new-price span{
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    color: #CDCAD9;
}

.pricing-card__title{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pricing-card__title-name{
    font-size: 20px;
    line-height: 32px;
    font-weight: 800;
    color: #fff;
}

.pricing-card__title-description{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #5438D4;
    text-transform: uppercase;
}



.pricing-card__features{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.pricing-card__feature{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding: 0 0 0 36px;
}

.pricing-card__feature:last-child{
    margin-top: 28px!important;
}

.pricing-card__feature:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z' fill='%235438D4'/%3E%3Cpath d='M8 12L11 15L17 9' stroke='white' stroke-width='1.42105' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.pricing-card__feature:last-child:after{
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 1px;
    background:
        linear-gradient(
            90deg, rgba(84, 56, 212, 0) 0%,
            rgba(84, 56, 212, 1) 50%,
            rgba(84, 56, 212, 0) 100%
        );
}

.pricing-card__separator{
    width: 100%;
    height: 1px;
    background:
        linear-gradient(
            90deg, rgba(84, 56, 212, 0) 0%,
            rgba(84, 56, 212, 1) 50%,
            rgba(84, 56, 212, 0) 100%
        );
}

#main-content.style-1 .glow-shape-11,
#main-content.style-1 .glow-shape-12{
    background: linear-gradient(180deg, rgba(108, 82, 255, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-2 .glow-shape-11,
#main-content.style-2 .glow-shape-12{
    background: linear-gradient(180deg, rgba(255, 168, 0, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-3 .glow-shape-11,
#main-content.style-3 .glow-shape-12{
    background: linear-gradient(180deg, rgba(28, 189, 36, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-4 .glow-shape-11,
#main-content.style-4 .glow-shape-12{
    background: linear-gradient(180deg, rgba(36, 147, 148, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-5 .glow-shape-11,
#main-content.style-5 .glow-shape-12{
    background: linear-gradient(180deg, rgba(186, 12, 12, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-6 .glow-shape-11,
#main-content.style-6 .glow-shape-12{
    background: linear-gradient(180deg, rgba(40, 0, 80, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

.pricing-section .glow-shape-11,
.pricing-section .glow-shape-12 {
    position: absolute;
    filter: blur(100px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.pricing-section .glow-shape-11 {
    width: 700px;
    height: 1200px;
    top: 300px;
    left: -400px;
    transform: rotate(20deg) skewY(30deg);
    opacity: 1;
}


.pricing-section .glow-shape-12 {
    width: 600px;
    height: 1000px;
    top: 500px;
    left: -250px;
    transform: rotate(10deg) skewY(20deg);
    opacity: 1;
}


.subscribe-section{
    position: relative;
    padding: 80px 0;
}

.subscribe-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.subscribe-section__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.subscribe-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.subscribe-section__heading-description {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.subscribe-section__heading-description > p{
    margin: 0!important;
    padding: 0!important;
}

.subscribe-section__cards{
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.subscribe-section__card-item{
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    position: relative;
    padding: 48px;
    background-color: #201735;
    border-radius: 12px;
}

.subscribe-section__card-item:nth-child(even){
    flex-direction: row-reverse;
}

.subscribe-section__card-header{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 0 0 515px;
    background-color: #5438D4;
    border-radius: 12px;
    padding: 40px 40px 0 40px;
}

.subscribe-section__card-icon{
    position: relative;
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.subscribe-section__card-header.style-2{
    padding: 40px 40px 40px 40px;
}
.subscribe-section__card-header.style-2 .subscribe-section__card-icon img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.subscribe-section__card-title{
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    color: #fff;
}
.subscribe-section__card-content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

.subscribe-section__card-content-text{
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #FAF9FC;
}

.subscribe-section__card-content-text > p{
    margin: 0!important;
    padding: 0!important;
}

.subscribe-section__card-content-text > ul{
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #FAF9FC;
}

.subscribe-section__card-content-text > ul > li{
    position: relative;
    padding-left: 24px;
}

.subscribe-section__card-content-text > ul > li:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 9px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 100%;
}

.subscribe-section__card-content-cta{
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 12px;
    background:
        linear-gradient(
            18deg, rgba(250, 249, 252, 0.6) 10%,
            rgba(250, 249, 252, 0) 30%,
            rgba(250, 249, 252, 0) 50%,
            rgba(250, 249, 252, 0) 70%,
            rgba(250, 249, 252, 0.6) 90%
        );
}

.subscribe-section__card-content-cta-text{
    display: flex;
    padding: 16px 24px;
    border-radius: 12px;
    background-color: #302165;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #FAF9FC;
}

.subscribe-section__buttons {
    display: flex;
    justify-content: center;
}

#main-content.style-1 .subscribe-section .glow-shape-9,
#main-content.style-1 .subscribe-section .glow-shape-10{
    background: linear-gradient(180deg, rgba(108, 82, 255, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-2 .subscribe-section .glow-shape-9,
#main-content.style-2 .subscribe-section .glow-shape-10{
    background: linear-gradient(180deg, rgba(255, 168, 0, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-3 .subscribe-section .glow-shape-9,
#main-content.style-3 .subscribe-section .glow-shape-10{
    background: linear-gradient(180deg, rgba(28, 189, 36, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-4 .subscribe-section .glow-shape-9,
#main-content.style-4 .subscribe-section .glow-shape-10{
    background: linear-gradient(180deg, rgba(36, 147, 148, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-5 .subscribe-section .glow-shape-9,
#main-content.style-5 .subscribe-section .glow-shape-10{
    background: linear-gradient(180deg, rgba(186, 12, 12, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

#main-content.style-6 .subscribe-section .glow-shape-9,
#main-content.style-6 .subscribe-section .glow-shape-10{
    background: linear-gradient(180deg, rgba(40, 0, 80, 0.7) 0%, rgba(108, 82, 255, 0) 100%);
}

.subscribe-section .glow-shape-9,
.subscribe-section .glow-shape-10 {
    position: absolute;
    filter: blur(100px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.subscribe-section .glow-shape-9 {
    width: 700px;
    height: 1000px;
    bottom: 150px;
    right: -500px;
    transform: rotate(-10deg) skewY(10deg);
    opacity: 1;
}

.subscribe-section .glow-shape-10 {
    width: 600px;
    height: 1000px;
    bottom: 0px;
    right: -400px;
    transform: rotate(-15deg) skewY(10deg);
    opacity: 1;
}

.download-section{
    position: relative;
    padding: 80px 0;
}

.download-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
    max-width: 1062px;
    margin: 0 auto;
}

.download-section__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.download-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.download-section__heading-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.download-section__steps{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.download-section__step{
    padding: 1px;
    border-radius: 18px;
    background:
        linear-gradient(
            18deg, rgba(250, 249, 252, 0.6) 10%,
            rgba(250, 249, 252, 0) 30%,
            rgba(250, 249, 252, 0) 50%,
            rgba(250, 249, 252, 0) 70%,
            rgba(250, 249, 252, 0.6) 90%
        );
}

.download-section__step-wrapper{
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 32px;
    border-radius: 18px;
    background-color: #110D1E;
}

.download-section__step-icon{
    position: relative;
    width: 72px;
    height: 72px;
    background-color: #201735;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-section__step-icon:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.download-section__step-icon.device-icon:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cpath d='M12 15.4147L16 19.4147L29.3333 6.08138M28 16.748V26.0814C28 26.7886 27.719 27.4669 27.219 27.967C26.7189 28.4671 26.0406 28.748 25.3333 28.748H6.66667C5.95942 28.748 5.28115 28.4671 4.78105 27.967C4.28095 27.4669 4 26.7886 4 26.0814V7.41471C4 6.70747 4.28095 6.02919 4.78105 5.5291C5.28115 5.029 5.95942 4.74805 6.66667 4.74805H21.3333' stroke='%23FAF9FC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.download-section__step-icon.update-icon:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M29.6762 2.66699C29.6762 2.39085 29.4523 2.16699 29.1762 2.16699C28.9 2.16699 28.6762 2.39085 28.6762 2.66699H29.6762ZM29.1762 10.667V11.167C29.4523 11.167 29.6762 10.9431 29.6762 10.667H29.1762ZM2.16663 29.3337C2.16663 29.6098 2.39048 29.8337 2.66663 29.8337C2.94277 29.8337 3.16663 29.6098 3.16663 29.3337H2.16663ZM2.66663 21.3337V20.8337C2.39048 20.8337 2.16663 21.0575 2.16663 21.3337H2.66663ZM4.30385 22.0003L3.84889 22.2077L3.85277 22.2162L3.85696 22.2246L4.30385 22.0003ZM29.8309 17.3828C29.858 17.108 29.6572 16.8632 29.3824 16.8361C29.1076 16.809 28.8628 17.0097 28.8357 17.2845L29.8309 17.3828ZM27.6961 10.0003L28.151 9.79294L28.1472 9.78443L28.143 9.77608L27.6961 10.0003ZM2.16904 14.6179C2.14192 14.8927 2.34271 15.1375 2.61751 15.1646C2.89232 15.1917 3.13708 14.9909 3.16421 14.7161L2.16904 14.6179ZM21.2233 10.167C20.9472 10.167 20.7233 10.3909 20.7233 10.667C20.7233 10.9431 20.9472 11.167 21.2233 11.167V10.167ZM10.6195 21.8337C10.8956 21.8337 11.1195 21.6098 11.1195 21.3337C11.1195 21.0575 10.8956 20.8337 10.6195 20.8337V21.8337ZM29.1762 2.66699H28.6762V10.667H29.1762H29.6762V2.66699H29.1762ZM2.66663 29.3337H3.16663V21.3337H2.66663H2.16663V29.3337H2.66663ZM4.30385 22.0003L3.85696 22.2246C6.12077 26.7361 10.7715 29.8337 16.144 29.8337V29.3337V28.8337C11.1665 28.8337 6.85256 25.9648 4.75075 21.7761L4.30385 22.0003ZM16.144 29.3337V29.8337C23.2791 29.8337 29.1411 24.3715 29.8309 17.3828L29.3333 17.3337L28.8357 17.2845C28.1955 23.7714 22.755 28.8337 16.144 28.8337V29.3337ZM27.6961 10.0003L28.143 9.77608C25.8791 5.26456 21.2284 2.16699 15.856 2.16699V2.66699V3.16699C20.8334 3.16699 25.1474 6.03589 27.2492 10.2246L27.6961 10.0003ZM15.856 2.66699V2.16699C8.72084 2.16699 2.85884 7.62918 2.16904 14.6179L2.66663 14.667L3.16421 14.7161C3.80447 8.22928 9.24495 3.16699 15.856 3.16699V2.66699ZM29.1762 10.667V10.167H28V10.667V11.167H29.1762V10.667ZM28 10.667V10.167H21.2233V10.667V11.167H28V10.667ZM27.6961 10.0003L27.2411 10.2077L27.545 10.8744L28 10.667L28.4549 10.4596L28.151 9.79294L27.6961 10.0003ZM2.66663 21.3337V21.8337H3.99996V21.3337V20.8337H2.66663V21.3337ZM3.99996 21.3337V21.8337H10.6195V21.3337V20.8337H3.99996V21.3337ZM4.30385 22.0003L4.75881 21.7929L4.45492 21.1263L3.99996 21.3337L3.545 21.541L3.84889 22.2077L4.30385 22.0003Z' fill='%23FAF9FC'/%3E%3C/svg%3E");
}
.download-section__step-icon.find-icon:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cpath d='M16.7733 17.5214L13.4267 27.3747L4 4.74805L26.6267 14.1747L16.7733 17.5214ZM16.7733 17.5214L25.3333 26.0814' stroke='%23FAF9FC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.download-section__step-icon.download-icon:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cpath d='M28 20.748V26.0814C28 26.7886 27.719 27.4669 27.219 27.967C26.7189 28.4671 26.0406 28.748 25.3333 28.748H6.66667C5.95942 28.748 5.28115 28.4671 4.78105 27.967C4.28095 27.4669 4 26.7886 4 26.0814V20.748M9.33333 14.0814L16 20.748M16 20.748L22.6667 14.0814M16 20.748V4.74805' stroke='%23FAF9FC' stroke-width='0.914286' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.download-section__step-content{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.download-section__step-title{
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    color: #FAF9FC;
    margin: 0!important;
    padding: 0!important;
}

.download-section__step-description{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
}

.download-section__cta-box-wrapper{
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 842px;
    margin: 0 auto;
}

.download-section__cta-box {
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 12px;
    background:
        linear-gradient(
            18deg, rgba(250, 249, 252, 0.6) 10%,
            rgba(250, 249, 252, 0) 30%,
            rgba(250, 249, 252, 0) 50%,
            rgba(250, 249, 252, 0) 70%,
            rgba(250, 249, 252, 0.6) 90%
        );
}

.download-section__cta-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 48px;
    background-color: #201735;
    padding: 48px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.download-section__cta-box-text{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #FAF9FC;
    text-align: center;
}

.download-section__buttons {
    display: flex;
    justify-content: center;
}

.faq-section{
    position: relative;
    padding: 80px 0;
}

.faq-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.faq-section__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq-section__heading-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #FAF9FC;
    text-align: center;
}

.faq-section__list{
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 1062px;
    margin: 0 auto;
}

.faq-item{
    display: flex;
    flex-direction: column;
    background-color: #201735;
    border: 1px solid #302165;
    border-radius: 12px;
}

.faq-item__question{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 70px 16px 32px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #FAF9FC;
    cursor: pointer;
}

.faq-item__question-title{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #FAF9FC;
    margin: 0!important;
    padding: 0!important;
}

.faq-item__plus-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M21 16.0001H11M15.9985 21L15.9996 11' stroke='%235438D4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.091 3H9.90757C5.66184 3 3 6.00616 3 10.2603V21.7397C3 25.9938 5.64919 29 9.90757 29H22.0896C26.3494 29 29 25.9938 29 21.7397V10.2603C29 6.00616 26.3494 3 22.091 3Z' stroke='%235438D4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
}

.faq-item__question[aria-expanded="true"] .faq-item__plus-icon{
    background-size: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M19 14H9' stroke='%235438D4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.091 1H7.90757C3.66184 1 1 4.00616 1 8.26032V19.7397C1 23.9938 3.64919 27 7.90757 27H20.0896C24.3494 27 27 23.9938 27 19.7397V8.26032C27 4.00616 24.3494 1 20.091 1Z' stroke='%235438D4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.faq-item__answer-content{
    padding: 0 70px 16px 32px;
}

.faq-item__answer{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #CDCAD9;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.faq-item__answer.active{
    opacity: 1;
    visibility: visible;
    height: auto;
}

.faq-section__buttons{
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px) {

    #main-content{
        overflow: hidden!important;
    }

    .header-seo{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 110;
    }

    .hero-section{
        padding: 144px 0 80px 0;
    }

    .hero-section__posters{
        flex: 0 0 50%;
        width: 50%;
    }

    .why-section__card-item{
        gap: 32px;
    }

    .why-section__card-image{
        flex: 0 0 50%;
        width: 50%;
    }

    .stream-section__content{
        gap: 32px;
    }

    .stream-section__image{
        flex: 0 0 50%;
        width: 50%;
    }

    .subscribe-section__card-item{
        padding: 32px;
        gap: 32px;
    }

    .subscribe-section__card-header{
        flex: 0 0 50%;
        width: 50%;
        aspect-ratio: 1/1;
        height: fit-content;
        padding: 24px 24px 0 24px;
    }
    .subscribe-section__card-header.style-2{
        padding: 24px 24px 24px 24px;
    }

    .subscribe-section__card-title{
        font-size: 24px;
        line-height: 32px;
    }

    .subscribe-section__card-description{
        font-size: 18px;
        line-height: 28px;
    }

    .download-section__step-wrapper{
        height: 100%;
    }

    .pricing-section__cards{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 32px;
    }

    .pricing-card{
        flex: 0 0 calc(50% - 16px);
        width: calc(50% - 16px);
    }

    .hero-section__poster-item-info{
        height: fit-content;
    }

    .hero-section__poster-item-info-text{
        height: fit-content;
    }


}

@media (max-width: 767px) {
    body.page-template-page-seo #main-content,
    body.post-template-single-seo #main-content {
        overflow: hidden!important;
        background-color: transparent!important;
    }

    .opened-menu .header-seo,
    .opened-menu .header-seo.site-header--scroll{
        background-color: var(--bg-bg-dark-color)!important;
        border-bottom: 1px solid transparent!important;
    }

    .opened-menu  .header-seo__buttons{
        display: none!important;
    }

    .header-seo{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 110;
        padding: 10px 0;
        display: flex;
        align-items: center;
    }

    .header-seo.site-header--scroll{
        background-color: rgba(255, 255, 255, 0.2)!important;
        border-bottom: 1px solid transparent!important;
        backdrop-filter: blur(10px);
    }

    .header-seo .inner-container{
        padding: 0 16px;
        width: 100%;
    }

    .header-seo__logo{
        display: none;
    }

    .header-seo__menu{
        display: none;
    }

    .header-seo__burger{
        display: flex;
    }

    .header-seo__buttons{
        flex: 0 0 130px;
        width: 130px;
        height: 40px;
    }
    .header-seo__button{
        width: 100%;
        height: 40px;
        padding: 0 8px;
        gap: 4px;
    }

    .fixed-menu.active{
        visibility: visible;
        opacity: 1;
    }

    .hero-section{
        padding: 128px 0 32px 0;
    }

    .hero-section__posters{
        flex: 0 0 100%;
        width: 100%;
    }

    .hero-section__poster-item-info{
        height: fit-content;
    }

    .hero-section__poster-item-info-text{
        height: fit-content;
    }


}

@media (max-width: 575px) {


    .hero-section__wrapper{
        gap: 32px;
    }
    .hero-section__heading-box{
        gap: 24px;
    }
    .hero-section__heading-title {
        font-size: 48px;
        line-height: 58px;
        text-align: left;
    }
    .hero-section__heading-description {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
    }

    .hero-section__content{
        flex: auto;
        width: 100%;
        flex-direction: column;
        gap: 48px;
    }
    .hero-section__content-buttons{
        flex-direction: column;
        gap: 32px;
    }
    .hero-section__button{
        width: 100%;
    }
    .hero-section__content-clients{
        width: 100%;
        justify-content: center;
        padding-left: 80px;
    }
    .hero-section__client-item.plus-icon{
        background: rgba(250, 249, 252, 0.20);
    }

    .hero-section__posters{
        flex: auto;
        width: 100%;
    }
    .hero-section__poster-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .hero-section__poster-item{
        flex-direction: column;
        gap: 8px;
    }
    .hero-section__poster-item-image{
        height: 230px;
    }
    .hero-section__poster-item-info{
        height: 160px;
    }
    .hero-section__poster-item-info-text{
        height: 158px;
        padding: 12px;
        font-size: 12px;
        line-height: 16px;
    }

    .video-section{
        padding: 0 0 40px 0;
    }
    .video-section__wrapper{
        gap: 32px;
    }
    .video-section__button{
        width: 100%;
    }

    .why-section{
        padding: 40px 0;
    }
    .why-section__wrapper{
        gap: 32px;
    }
    .why-section__heading{
        gap: 12px;
    }
    .why-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .why-section__heading-description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .why-section__cards{
        gap: 40px;
    }
    .why-section__card-item{
        gap: 24px;
        flex-direction: column;
    }
    .why-section__card-image{
        width: 100%;
        flex: auto;
        height: 220px;
        order: 2;
    }
    .why-section__card-content{
        flex: auto;
        width: 100%;
        order: 1;
    }
    .why-section__button{
        width: 100%;
    }

    .vpn-section{
        padding: 40px 0 80px 0;
    }
    .vpn-section__bg{
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .vpn-section__bg-image{
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 50%;
        object-fit: cover;
        object-position: bottom right;
    }
    .vpn-section__bg:before{
        background: linear-gradient(180deg, #201735 54%, rgba(32, 23, 53, 0.2) 99.93%);
    }
    .vpn-section__wrapper{
        gap: 32px;
    }
    .vpn-section__heading{
        gap: 16px;
    }
    .vpn-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .vpn-section__button{
        width: 100%;
    }
    .access-section{
        padding: 40px 0;
    }
    .access-section__wrapper{
        gap: 32px;
    }
    .access-section__heading{
        gap: 24px;
    }
    .access-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .access-section__heading-description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .access-section__steps{
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .access-section__step{
        gap: 32px;
    }
    .access-section__step-content{
        gap: 16px;
    }
    .access-section__step-content-title{
        font-size: 24px;
        line-height: 32px;
    }
    .access-section__step-content-text{
        font-size: 18px;
        line-height: 28px;
    }
    .access-section__cta-box-content{
        flex-direction: column;
        gap: 24px;
        padding: 20px 24px;
    }
    .access-section__cta-box-buttons.desktop-only{
        display: none;
    }
    .access-section__buttons.buttons-wrapper.mobile-only{
        display: flex;
    }
    .access-section__button{
        width: 100%;
    }

    .stream-section{
        padding: 40px 0;
    }
    .stream-section__wrapper{
        gap: 32px;
    }
    .stream-section__heading{
        gap: 24px;
    }
    .stream-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .stream-section__heading-description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .stream-section__content{
        flex-direction: column;
        gap: 32px;
    }
    .stream-section__image{
        width: 100%;
        flex: auto;
        height: 320px;
    }
    .stream-section__tips{
        flex: auto;
        width: 100%;
        gap: 0;
    }
    .stream-section__tips-subtitle{
        font-size: 24px;
        line-height: 32px;
    }
    .stream-section__tip-item{
        padding: 32px 0;
        gap: 24px;
    }
    .stream-section__tip-icon{
        width: 48px;
        height: 48px;
    }
    .stream-section__tip-content{
        gap: 8px;
    }
    .stream-section__tip-title{
        font-size: 20px;
        line-height: 28px;
    }
    .stream-section__tip-text{
        font-size: 16px;
        line-height: 24px;
    }
    .stream-section__cta-box-content{
        padding: 16px;
    }
    .stream-section__cta-box-text{
        font-size: 16px;
        line-height: 24px;
    }
    .stream-section__button{
        width: 100%;
    }


    .pricing-section{
        padding: 40px 0;
    }
    .pricing-section__wrapper{
        gap: 32px;
    }
    .pricing-section__heading{
        gap: 12px;
    }
    .pricing-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .pricing-section__heading-description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .pricing-section__cards{
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
    .pricing-card{
        flex: 0 0 100%;
        width: 100%;
    }
    .pricing-card__price .old-price{
        height: auto;
    }
    .subscribe-section{
        padding: 40px 0;
    }
    .subscribe-section__wrapper{
        gap: 32px;
    }
    .subscribe-section__heading{
        gap: 12px;
    }
    .subscribe-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .subscribe-section__heading-description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .subscribe-section__cards{
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .subscribe-section__card-item{
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 0 0;
        overflow: hidden;
        background: #201735;
    }

    .subscribe-section__card-header{
        flex: auto;
        width: 100%;
        height: auto !important;
        gap: 12px;
        padding: 24px 12px 0 12px;
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }
    .subscribe-section__card-header.style-2{
        padding: 24px 12px;
    }
    .subscribe-section__card-icon{
        height: 210px;
    }
    .subscribe-section__card-icon img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom center;
    }
    .subscribe-section__card-title{
        font-size: 24px;
        line-height: 32px;
        margin: 0!important;
    }
    .subscribe-section__card-content{
        flex: auto;
        width: 100%;
        padding: 0 12px 12px 12px;
    }
    .subscribe-section__card-content-cta-text{
        background: #302165;
    }

    .subscribe-section__button{
        width: 100%;
    }

    .download-section{
        padding: 40px 0;
    }
    .download-section__wrapper{
        gap: 32px;
    }
    .download-section__heading{
        gap: 12px;
    }
    .download-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .download-section__heading-description {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .download-section__steps{
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .download-section__step{
        padding: 1px;
    }
    .download-section__step-wrapper{
        padding: 24px;
    }
    .download-section__step-title{
        font-size: 20px;
        line-height: 28px;
    }
    .download-section__step-description{
        font-size: 16px;
        line-height: 24px;
    }
    .download-section__cta-box-content{
        padding: 16px 16px;
    }
    .download-section__cta-box-text{
        font-size: 16px;
        line-height: 24px;
    }
    .download-section__button{
        width: 100%;
    }

    .faq-section{
        padding: 40px 0;
    }
    .faq-section__wrapper{
        gap: 32px;
    }
    .faq-section__heading{
        gap: 12px;
    }
    .faq-section__heading-title {
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .faq-section__list{
        gap: 12px;
    }
    .faq-item__question{
        padding: 12px 60px 12px 20px;
    }
    .faq-item__plus-icon{
        right: 20px;
    }
    .faq-item__question-title{
        font-size: 16px;
        line-height: 24px;
    }
    .faq-item__answer{
        font-size: 14px;
        line-height: 20px;
    }
    .faq-item__answer-content{
        padding: 0 60px 12px 20px;
    }
    .faq-section__button{
        width: 100%;
    }
}