/** Shopify CDN: Minification failed

Line 10:0 "@charset" must be the first rule in the file
Line 677:1 Expected "}" to go with "{"

**/
.bg-purple-red-gradient {
    background: radial-gradient(88.88% 313.2% at 74.37% 191.95%, #7f5c99 0, #251f4000), radial-gradient(54.08% 45.35% at 105.81% 40.34%, #830b47 0, #352d5c00), #1e1739;
}
@charset "UTF-8";#hero-swiper2 {
    background-image: url(../Data/hiwherobackground2.svg);
    background-size: cover;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 72px
}

#hero-swiper2 .swiper {
    position: absolute!important
}

#hero-swiper2 .inner-image img,#hero-swiper2 .mockup-field {
    margin: 0 auto
}

#hero-swiper2 .bottom-content {
    background: #c2c3e8;
    border-radius: 48px;
    z-index: 7
}

@media (max-width: 700px) {
    #hero-swiper2 {
        padding-left:0!important;
        padding-right: 0!important;
        padding-top: 36px
    }

    #hero-swiper2 .out-image {
        border-top: 64px solid hsla(0,0%,100%,.12)
    }

    #hero-swiper2 .swiper-pagination-bullet {
        margin-left: 8px!important;
        margin-right: 8px!important
    }
}

@media (min-width: 290px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 100%
    }

    #hero-swiper2 .inner-image img {
        bottom: 64px;
        width: 290px
    }

    #hero-swiper2 .inner-image3 {
        bottom: 112px;
        width: 220px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 14px
    }
}

@media (min-width: 350px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 100%
    }

    #hero-swiper2 .inner-image img {
        bottom: 64px;
        width: 350px
    }

    #hero-swiper2 .inner-image3 {
        bottom: 116px;
        width: 285px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 14px
    }
}

@media (min-width: 390px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 100%
    }

    #hero-swiper2 .inner-image img {
        bottom: 64px;
        width: 390px
    }

    #hero-swiper2 .inner-image3 {
        bottom: 119px;
        width: 320px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 14px
    }
}

@media (min-width: 420px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 100%
    }

    #hero-swiper2 .inner-image img {
        bottom: 64px;
        width: 420px
    }

    #hero-swiper2 .inner-image3 {
        bottom: 127px;
        width: 340px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 14px
    }
}

@media (min-width: 520px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 100%
    }

    #hero-swiper2 .inner-image img {
        bottom: 64px;
        width: 520px
    }

    #hero-swiper2 .inner-image3 {
        bottom: 142px;
        width: 420px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 14px
    }
}

@media (min-width: 600px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 100%
    }

    #hero-swiper2 .inner-image img {
        bottom: 64px;
        width: 600px
    }

    #hero-swiper2 .inner-image3 {
        bottom: 132px;
        width: 486px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 14px
    }
}

@media (min-width: 700px) {
    #hero-swiper2 {
        padding-left:0;
        padding-right: 0
    }

    #hero-swiper2 .mockup-field {
        width: 600px
    }

    #hero-swiper2 .inner-image img {
        bottom: 0;
        width: 75%
    }

    #hero-swiper2 .inner-image3 {
        bottom: 68px;
        width: 376px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 25px
    }
}

@media (min-width: 840px) {
    #hero-swiper2 .mockup-field {
        width:770px
    }

    #hero-swiper2 .inner-image img {
        bottom: 0;
        width: 75%
    }

    #hero-swiper2 .inner-image3 {
        bottom: 88px;
        width: 476px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 43px
    }
}

@media (min-width: 1024px) {
    #hero-swiper2 .mockup-field {
        width:900px
    }

    #hero-swiper2 .inner-image img {
        bottom: 0;
        width: 75%
    }

    #hero-swiper2 .inner-image3 {
        bottom: 99px;
        width: 560px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 55px
    }
}

@media (min-width: 1280px) {
    #hero-swiper2 .mockup-field {
        width:1150px
    }

    #hero-swiper2 .inner-image img {
        bottom: px;
        width: 75%
    }

    #hero-swiper2 .inner-image3 {
        bottom: 130px;
        width: 705px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 80px;
    }
}

@media (min-width: 1536px) {
    #hero-swiper2 .mockup-field {
        width:1350px
    }

    #hero-swiper2 .inner-image img {
        bottom: 0;
        width: 75%
    }

    #hero-swiper2 .inner-image3 {
        bottom: 150px;
        width: 835px
    }

    #hero-swiper2 .inner-image3 img {
        width: 100%
    }

    #hero-swiper2 .bottom-content {
        bottom: 95px
    }
}

#hero-swiper2 .inner-image {
    bottom: 0;
    z-index: 4
}

#hero-swiper2 .swiper-wrapper {
    z-index: 5
}

#hero-swiper2 .inner-image3 {
    z-index: 6
}

#hero-swiper2 .out-image {
    position: relative
}

#hero-swiper2 .inner-image:after {
    border-radius: 17.6px;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10
}

#hero-swiper2 .pagination-field {
    z-index: 8
}

#hero-swiper2 .arrow-buttons-2 {
    display: block;
    z-index: 9
}

#hero-swiper2 .arrow-buttons-2 .arrow-circle {
    height: 24px;
    line-height: 24px;
    position: relative;
    vertical-align: bottom;
    width: 24px;
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

#hero-swiper2 .arrow-icon-size-inner {
    font-size: 11px
}

#hero-swiper2 .swiper-pagination-bullet {
    background-color: #fff;
    margin: 0 15px
}

#hero-swiper2 .desktop-image {
    display: block
}

@media (max-width: 700px) {
    #hero-swiper2 .desktop-image {
        display:none
    }
    h2.md\:text-big7x.md\:leading-big.md\:tracking-n3\.75.text-big6x.leading-9.tracking-n3\.5.mb-11.font-medium {
    font-size: 32px;
    line-height: 36px;
}
.text-2xl {
    font-size: 20px;
}
.text-sm {
    font-size: 15px;
    line-height: 20px;
}

#hero-swiper2 .mobile-image {
    display: none
}

@media (max-width: 700px) {
    #hero-swiper2 .mobile-image {
        background-clip:padding-box;
        border-top: 32px solid hsla(0,0%,100%,.12);
        display: block;
        margin-bottom: 64px;
        padding-bottom: 70%
    }
}

.features-field-with-icon[data-v-7133ebe2] {
    text-align: center
}

.features-field-with-icon .content-field[data-v-7133ebe2] {
    background-image: none;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 3.5rem 0 3.5rem 2rem
}

@media (min-width: 768px) {
    .features-field-with-icon .content-field[data-v-7133ebe2] {
        background-image:url(/cdn/shop/files/ctabg-wide.png?v=1763725278);
        padding-bottom: 6rem;
        padding-top: 6rem
    }
}

@media (min-width: 1024px) {
    .features-field-with-icon .content-field[data-v-7133ebe2] {
        padding-left:6rem;
        padding-right: 6rem
    }
}

@media (min-width: 1280px) {
    .features-field-with-icon .content-field[data-v-7133ebe2] {
        padding-left:202px;
        padding-right: 202px
    }
}

.features-field-with-icon .grid-field[data-v-7133ebe2] {
    margin: 0 auto;
    max-width: 1000px
}

@media (max-width: 1024px) {
    .features-field-with-icon .grid-field[data-v-7133ebe2] {
        max-width:700px
    }
}

@media (max-width: 768px) {
    .features-field-with-icon .grid-field[data-v-7133ebe2] {
        max-width:500px
    }
}

.features-field-with-icon .grid-field .grid-item-field[data-v-7133ebe2] {
    min-width: auto
}

@media (max-width: 768px) {
    .features-field-with-icon .grid-field .grid-item-field[data-v-7133ebe2] {
        max-width:auto;
        min-width: 35%
    }
}

.features-field-with-icon .grid-field .grid-item-field.soon-item .additional-field-text[data-v-7133ebe2],.features-field-with-icon .grid-field .grid-item-field.soon-item .exp-text[data-v-7133ebe2],.features-field-with-icon .grid-field .grid-item-field.soon-item .image-item[data-v-7133ebe2] {
    opacity: .4
}

.features-field-with-icon .grid-field .grid-item-field.soon-item .image-container[data-v-7133ebe2] {
    --tw-border-opacity: .06;
    --tw-bg-opacity: .06
}

.features-field-with-icon .grid-field .grid-item-field.soon-item .image-container[data-v-7133ebe2]:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #ffffff1f;
    border: 1.2px solid hsla(0,0%,100%,.12);
    border-radius: 57px;
    bottom: -10px;
    color: #fff;
    content: "Yakında";
    display: block;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    letter-spacing: -.48px;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 76px
}

.features-field-with-icon .image-container[data-v-7133ebe2] {
    align-items: center;
    background: #5a4e76;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    display: flex;
    height: 96px;
    justify-content: center;
    margin: 0 auto;
    width: 96px;
    --tw-bg-opacity: .14
}

.features-field-with-icon .image-container .image-item[data-v-7133ebe2] {
    padding: 10px
}

.features-field-with-icon .image-container[data-v-7133ebe2]:before {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1.2px solid hsla(0,0%,100%,.12);
    border-radius: 9999px;
    content: "";
    display: block;
    height: 96px;
    position: absolute;
    width: 96px
}

.features-field-with-icon .image-container .image-item[data-v-7133ebe2] {
    opacity: .99
}

.features-field-with-icon .additional-text-field[data-v-7133ebe2] {
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    margin-left: auto;
    margin-right: auto;
    max-width: 42rem;
    --tw-bg-opacity: .12;
    border: 1.2px solid hsla(0,0%,100%,.12);
    border-radius: 10px;
    font-size: 1rem;
    letter-spacing: -.48px;
    line-height: 1.5rem;
    padding: .75rem
}

.features-field-with-icon .icon-field[data-v-7133ebe2]:not(:last-of-type) {
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .features-field-with-icon .icon-field[data-v-7133ebe2]:not(:last-of-type) {
        margin-bottom:72px
    }
}

.features-field-basic .content-field[data-v-b12d2b70] {
    padding: 3.5rem 1rem
}

@media (min-width: 768px) {
    .features-field-basic .content-field[data-v-b12d2b70] {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

@media (min-width: 1280px) {
    .features-field-basic .content-field[data-v-b12d2b70] {
        padding-left:6rem;
        padding-right: 6rem
    }
}

.features-field-basic .button-field[data-v-b12d2b70] {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem
}


    .features-field-basic .button-field[data-v-b12d2b70] {
        flex-direction:row
    }
        .md\:bg-line-pattern2 {
        background-image: url(/cdn/shop/files/mobile-background3.svg?v=1763756012);
    }

.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-cover {
    background-size: cover;
}

.features-field-basic .button-field button[data-v-b12d2b70] {
    width: 100%
}

@media (min-width: 768px) {
    .features-field-basic .button-field button[data-v-b12d2b70] {
        width:auto
    }
}

.features-field-basic .additional-field[data-v-b12d2b70] {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
}

@media (min-width: 1024px) {
    .features-field-basic .additional-field[data-v-b12d2b70] {
        max-width:896px;
    }
}

.features-field-basic .additional-text-field[data-v-b12d2b70] {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border: 1.2px solid;
    border-radius: 10px;
    font-size: 1rem;
    letter-spacing: -.48px;
    line-height: 1.5rem;
    padding: 1rem
}

.features-field-basic.normal-mode .additional-text-field[data-v-b12d2b70] {
    --tw-border-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgb(165 205 215/var(--tw-border-opacity,1));
    --tw-bg-opacity: .62
}

p.mt-4.exp-text {
    font-size: 18px;
}
.top-field.mb-50.max-w-7xl.mx-auto {
    margin-bottom: 100px;
}