@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Open+Sans:wght@700&display=swap";

html {
    overflow-y: scroll;
}

*,
body {
    font-family: "Inter", sans-serif
}

h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 125%
}

h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: normal
}

h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px
}

h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

p,
li {
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    color: #4e4b66
}

.header h1,
.header h3 {
    color: #fff
}

.header p,
.header li {
    color: #999aa3
}

*,
*:after,
*:before {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
}

body {
    background: #f7f7fc
}

body.active {
    position: relative;
    overflow: hidden;
    z-index: 6
}

.gradient-3 {
    position: absolute;
    top: 0;
    right: 0;
    /* z-index: 99999; */
    object-fit: contain;
}
.gradient-4{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    object-fit: contain;
}
.wrapper {
    overflow-x: hidden;
    position: relative;
}

.wrapper .gradient-1 {
    position: absolute;
    top: 0;
    right: 0;
    /* z-index: 99999; */
    object-fit: contain;
}
.wrapper .gradient-2{
    display: none;
}
a,
button {
    cursor: pointer;
    color: inherit;
    background: transparent;
    border: none;
    font-size: inherit;
    line-height: inherit
}

a,
a:hover,
button,
button:hover,
*:focus,
*:active {
    text-decoration: none;
    outline: none
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

img,
svg {
    vertical-align: bottom;
    height: auto;
    max-width: 100%
}

textarea {
    resize: none
}

.page-content {
    overflow-x: hidden;
    background-color: #06050B;
    padding-top: 128px;
}

.page-content.full-height {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-content.full-height .contact-us {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}
.about_wrapper{
    padding-top: 88px;
    background-color:  #F7F7FC;
}
.hero_section {
    background-color: #06050B;
}

.hero_container {
    display: flex;
    gap: 102px;
}

.hero_container .hero_content_left {
    padding-top: 207px;
    padding-bottom: 100px;
    max-width: 630px;
    position: relative;
}

.hero_container .hero_content_left h2 {
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    background: linear-gradient(162deg, #FFF 55.27%, rgba(255, 255, 255, 0.20) 129.85%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px;
}

.hero_container .hero_content_left p {
    color: #999AA3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    margin-bottom: 32px;
}

.hero_container .hero_content_left .rating {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.hero_container .hero_content_left .rating .image-1 {
    width: 36px;
    height: 36px;
    object-fit: contain;
    margin-right: 10px;
}

.hero_container .hero_content_left .rating .image-2 {
    width: 95px;
    object-fit: contain;
    margin-right: 16px;
}

.hero_container .hero_content_left .rating>p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 133.333%;
    margin-bottom: 0px;
}

.hero_container .hero_content_left .rating .image-3 {
    width: 128px;
    object-fit: contain;
    margin-left: 6px;
}

.hero_container .hero_content_left .btn_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.hero_container .hero_content_right {
    padding-top: 98px;
    position: relative;
}
.apple_download_btn{
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 36px;
    border-radius: 28px;
    padding-right: 36px;
    background-color: #FFFFFF24;
    transition: all .5s ease;
}
.apple_download_btn:hover{
    background-color: #fff;
}
.apple_download_btn img {
    width: 120px;
    object-fit: contain;
}
.apple_download_btn .hover-img{
    display: none;
}
.apple_download_btn:hover .normal-img{
    display: none;
}
.apple_download_btn:hover .hover-img{
    display: block;
}
.join_our_team_section {
    background-color: #06050B;
}

.join_our_team_section.exclusive_white {
    background-color: #F7F7FC;
}

.join_our_team_container {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 195px;
    padding-bottom: 204px;
}

.join_our_team_section.exclusive_white .join_our_team_container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 96px;
}

.join_our_team_container .join_cta {
    border-radius: 56px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(217, 213, 255, 0.07);
    box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, 0.06);
    padding-top: 72px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    position: relative;
}

.join_our_team_section.exclusive_white .join_our_team_container .join_cta {
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, 0.04);
}

.join_our_team_container .join_cta .join_cta_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    max-width: 635px;
}

.join_our_team_container .join_cta .join_cta_content .join_cta_title {
    color: #FFF;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.join_our_team_section.exclusive_white .join_our_team_container .join_cta .join_cta_content .join_cta_title {
    color: #080226;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.join_our_team_container .join_cta .join_cta_content .join_cta_sub_title {
    color: #999AA3;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
}

.join_our_team_section.exclusive_white .join_our_team_container .join_cta .join_cta_content .join_cta_sub_title {
    color: #4E4B66;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
    /* 166.667% */
}

/* About us page */
.about_header {
    position: relative;
    background-color: transparent;
}

/* careers page */

.careers_header {
    padding-top: 16px !important;
    padding-bottom: 56px !important;
    background-color: #06050B;
}

.view-openings:hover {
    background-color: #fff !important;
    color: #4253ed !important;
}

.hero_container .hero_content_left .rating_mobile {
    display: none;
}

@media(max-width: 1399.98px) {
    .container {
        max-width: 1088px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 1199.98px) {
    .container {
        max-width: 90%
    }
}

@media(max-width: 991.98px) {
    .container {
        max-width: 95%;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media(max-width: 767.98px) {
    .container {
        max-width: 100%
    }
}

.btn {
    background: #fff;
    border-radius: 100px;
    color: #080226;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.18px;
    padding: 16px 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    //max-width: 238px;
    max-height: 64px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.btn svg {
    margin-left: 8px
}

.btn svg path {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.btn.btn-blue {
    background-color: #4253ed;
    color: #fff
}

.btn.btn-blue:hover {
    box-shadow: 0px 6px 24px 0px rgba(66, 83, 237, .3)
}

.btn.btn-transparent {
    border: 1.5px solid #4253ed;
    color: #4253ed
}

.btn.small {
    padding: 12px 24px;
    max-width: 124px;
    max-height: 48px
}

.btn:hover {
    background-color: #4253ed;
    color: #fff;
    border-color: transparent
}

.btn:hover svg path {
    fill: #fff
}

.btn.dark_btn {
    background-color: #4253ed;
    color: #fff
}

.btn.dark_btn svg path {
    fill: #fff;
}

.btn.dark_btn:hover {
    color: #4253ed;
    background-color: #fff
}

.btn.dark_btn:hover svg path {
    fill: #4253ed;
}

.btn.exclusive_btn:hover {
    background-color: #080226;
    color: #fff;
}

.btn.exclusive_btn:hover svg path {
    fill: #fff;
}

@media(max-width: 767.98px) {
    .btn {
        margin-right: auto;
        margin-left: auto;
        font-size: 16px
    }
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #06050b;
    opacity: 1;
    z-index: 555;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loader.hide {
    opacity: 0;
    z-index: -1
}

.loader .loader-child {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #1a1638 #1a1638 transparent transparent;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.loader .loader-child::after,
.loader .loader-child::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #1b1435 #1b1435;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-animation: rotationBack .5s linear infinite;
    animation: rotationBack .5s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.loader .loader-child::before {
    width: 52px;
    height: 52px;
    border-color: #1a1638 #1a1638 transparent transparent;
    -webkit-animation: rotation 1.5s linear infinite;
    animation: rotation 1.5s linear infinite
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotationBack {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotationBack {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.navbar-up {
    width: 100%;
    z-index: 333;
    position: fixed;
    background-color: #06050B;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.about-us-navbar-up{
background-color: transparent;
}
.navbar-up nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.navbar-up nav .nav-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-up nav .nav-logo img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.navbar-up nav .nav-logo .mobile {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.navbar-up nav .nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-up nav .nav-menu .title {
    display: none
}

.navbar-up nav .nav-menu .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.navbar-up nav .nav-menu .nav-item:not(:last-of-type) {
    margin-right: 64px
}

.navbar-up nav .nav-menu a:not(.btn).nav-link {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #999aa3;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: .16px;
    position: relative;
    display: block
}

.navbar-up nav .nav-menu a:not(.btn).nav-link#career {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-up nav .nav-menu a:not(.btn).nav-link#career span {
    color: #000;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    font-size: 12px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: .12px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 3px
}

.navbar-up nav .nav-menu a:not(.btn).nav-link::after {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #4253ed;
    border-radius: 12px;
    opacity: 0
}

.navbar-up nav .nav-menu a:not(.btn).nav-link:hover::after {
    opacity: 1
}

.navbar-up nav .nav-menu a:not(.btn).nav-link.active {
    color: #fff;
    font-weight: 700;
    pointer-events: none
}

.navbar-up nav .nav-menu a:not(.btn).nav-link.active:hover::after {
    opacity: 0
}

.navbar-up nav .join-us {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .16px;
    color: #060509;
    font-family: "Inter", sans-serif;
    width: 124px
}

.navbar-up nav .join-us:hover {
    color: #fff
}
.about_header .vertical-line{
width: 1px;
background: rgba(255, 255, 255, 0.10);
}
@media(min-width: 992px) {
    .navbar-up nav .hide-desktop {
        display: none !important
    }
}

@media(max-width: 991.98px) {
    .navbar-up nav {
        padding: 16px 0
    }

    .navbar-up nav .hide-mobile {
        display: none !important
    }

    .navbar-up nav .show-mobile {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-up nav .nav-logo img {
        max-height: 15px
    }

    .navbar-up nav .nav-parent .nav-menu{
        position: fixed;
        z-index: 6;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        background-image: url(../../img/nav-bg.webp);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-up nav .nav-parent .nav-menu li {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .navbar-up nav .nav-parent .nav-menu li a:not(.btn) {
        font-size: 20px !important;
        font-weight: 400 !important;
        color: #fff !important;
        display: flex;
    }

    .navbar-up nav .nav-parent .nav-menu li a:not(.btn).active {
        font-weight: 400 !important
    }

  

    .navbar-up nav .nav-parent .nav-menu li:last-child {
        margin-bottom: auto
    }

    .navbar-up nav .nav-parent .nav-menu li .join-us {
        height: 56px;
        max-height: 56px;
        font-size: 16px;
        color: #060509 !important;
        background: #fff
    }

    .navbar-up nav .nav-parent .nav-menu li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 24px
    }

    .navbar-up nav .nav-parent .nav-menu li:last-child {
        width: 100%;
        margin-top: 64px
    }

    .navbar-up nav .nav-parent .nav-menu li:last-child .btn {
        max-width: 311px;
        margin: auto;
        width: 100%
    }

    .navbar-up nav .nav-parent .nav-menu li.title {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 24px 24px 24px;
        margin-right: auto;
        margin-left: auto
    }

    .navbar-up nav .nav-parent .nav-menu li.title a img {
        max-height: 15px
    }

    .navbar-up nav .nav-parent .nav-menu li.title .close-menu {
        cursor: pointer
    }

    .navbar-up nav .nav-parent.active .nav-menu {
        left: 0;
        height: 100vh;
    }

    .navbar-up nav .join-us {
        margin-left: auto;
        margin-right: 20px;
        font-size: 14px;
        padding: 12px !important;
        max-width: 92px;
        max-height: 40px
    }
}

.navbar-up .open-menu {
    display: none;
    cursor: pointer;
    padding: 10px 5px
}

@media(max-width: 991.98px) {
    .navbar-up .open-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.navbar-up.resize {
    background: rgba(247, 247, 252, 0.95);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.navbar-up.resize nav {
    padding: 12px 0
}

.navbar-up.resize nav .nav-logo .desktop {
    opacity: 0
}

.navbar-up.resize nav .nav-logo .mobile {
    opacity: 1
}

.navbar-up.resize nav .open-menu svg path {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    fill: #080226
}

@media(min-width: 992px) {
    .navbar-up.resize a:not(.btn).nav-link {
        color: #4e4b66 !important
    }

    .navbar-up.resize a:not(.btn).nav-link#career span {
        color: #fff !important;
        background-color: #4253ed !important
    }

    .navbar-up.resize a:not(.btn).nav-link.active {
        color: #080226 !important
    }
}

.navbar-up.resize .btn.nav-link {
    color: #fff !important
}

.banners {
    color: #fff;
    min-height: 494px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

.banners h1 {
    margin-bottom: 24px;
    font-size: 64px
}

.banners p {
    margin-bottom: 72px;
    color: #fff;
    max-width: 700px
}

@media(max-width: 767.98px) {
    .banners p {
        max-width: 327px
    }
}

.banners .text {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banners .image {
    position: absolute;
    background-image: url("../../img/banners/banner1.webp");
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1
}

.banners .image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    z-index: 1
}

.banners .a {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer {
    background: #06050b;
    position: relative;
}

.footer .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0
}

.footer .top ul {
    margin-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .top ul li:not(:last-child) {
    margin-right: 64px
}

.footer .top ul li a {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #999aa3;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: .16px
}

.footer .top ul li a:hover {
    color: #fff
}

.footer hr {
    border: 1px solid rgba(255, 255, 255, .07)
}

.footer .bottom {
    padding: 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #6a6f7e;
    font-size: 12px;
    line-height: 48px;
    letter-spacing: .12px
}

.header {
    padding-top: 16px;
    padding-bottom: 136px;
}

.header.homepage {
    display: none;
    padding-top: 168px;
    background-color: #000;
    background-repeat: no-repeat
}

.header.careers_detail_page {
    background-color: #06050B;
    padding-bottom: 64px;
    padding-top: 128px;
}

@media(min-width: 1400px) {
    .header.homepage {
        padding: 0
    }
}

@media(max-width: 767.98px) {
    .header.homepage {
        padding-top: 104px
    }
}

.header.homepage .overlay {
    content: "";
    position: absolute;
    z-index: 1
}

.header.homepage .overlay.right,
.header.homepage .overlay.left {
    width: 37%;
    height: 100%;
    top: 0;
    z-index: 1
}

@media(max-width: 1199.98px) {

    .header.homepage .overlay.right,
    .header.homepage .overlay.left {
        display: none
    }
}

.header.homepage .overlay.right {
    right: 0;
    background: -webkit-linear-gradient(right, #000 29.61%, rgba(6, 5, 11, 0) 62.63%);
    background: linear-gradient(270deg, #000 29.61%, rgba(6, 5, 11, 0) 62.63%)
}

.header.homepage .overlay.left {
    left: 0;
    background: -webkit-linear-gradient(left, #000 29.61%, rgba(6, 5, 11, 0) 62.63%);
    background: linear-gradient(90deg, #000 29.61%, rgba(6, 5, 11, 0) 62.63%)
}

.header.homepage .overlay.top {
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: -webkit-linear-gradient(top, #06050b 29.61%, rgba(6, 5, 11, 0) 62.63%);
    background: linear-gradient(180deg, #06050b 29.61%, rgba(6, 5, 11, 0) 62.63%)
}

.header.homepage .container {
    background-image: url(../../img/homepage-bg.webp);
    background-size: auto 1080px;
    background-position: center 82%;
    background-repeat: no-repeat;
    padding-top: 180px;
    padding-bottom: 80px;
    height: 1170px
}

.header.homepage .container .text {
    z-index: 2
}

@media(max-width: 1399.98px) {
    .header.homepage .container {
        padding: 0;
        background-image: none;
        height: auto
    }
}

@media(max-width: 1399.98px) {
    .header.homepage {
        height: 1162px;
        background-size: auto 87%;
        background-position: center 65%;
        background-image: url(../../img/homepage-laptop-bg.webp)
    }
}

@media(max-width: 1199.98px) {
    .header.homepage {
        height: 1130px;
        background-size: auto 93%;
        background-position: center 40%
    }
}

@media(max-width: 991.98px) {
    .header.homepage {
        background-size: auto 91%;
        background-position: center 37%
    }
}

.header.homepage h1 {
    background-image: -webkit-linear-gradient(271deg, #ffffff 50%, #000 155%);
    background-image: linear-gradient(179deg, #ffffff 50%, #000 155%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    margin-bottom: 24px;
    font-weight: 600
}

.header.homepage h1 br {
    display: none
}

.header.homepage p {
    font-size: 16px;
    max-width: 682px;
    line-height: 30px
}


.header .text {
    max-width: 1100px;
    margin: auto
}

.header .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.header h1 {
    max-width: 1100px;
    margin-bottom: 16px
}

.header p {
    font-size: 18px;
    max-width: 780px;
    line-height: 32px
}

.header a {
    margin-top: 36px;
    padding: 20px 28px;
    max-width: 224px
}

.header .bottom {
    margin-top: 132px;
}

.header .bottom ul {
    display: flex;
    justify-content: space-between;
}

.header .bottom ul li h3 {
    margin-bottom: 3px;
    color: #FFF;
    font-size: 88px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.header .bottom ul li p {
    color: #999AA3;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
}

.header .bottom .image img {
    max-width: 640px
}

.form {
    border-radius: 40px;
    background: #fff;
    box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, .06);
    padding: 40px 112px 48px;
    margin: 0 auto;
    max-width: 1080px
}

.form h2 {
    margin-bottom: 40px;
    text-align: center
}

.form .input-field {
    margin: 24px auto
}

.form .input-field .field input {
    max-height: 70px
}

.form .input-field .field.resume-parent {
    border-radius: 12px;
    border: 1px solid rgba(213, 213, 222, .7);
    padding: 12px 16px;
    width: 100%;
    display: block;
    min-height: 56px;
    color: #080226;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url(../../img/icons/upload.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    margin: 0
}

.form .input-field .field.resume-parent input {
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

.form .input-field .field.resume-parent .upload-value {
    color: #080226;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.form .input-field .field.resume-parent label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    position: unset;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form .input-field .field.resume-parent label span {
    font-size: inherit;
    font-weight: inherit
}

.form .input-field .field.resume-parent label span.text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 16px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.form .input-field .field.resume-parent.selected {
    padding-top: 24px
}

.form .input-field .field.resume-parent.selected label span.text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 12px;
    top: 0
}

.form .input-field>div:last-child {
    color: #e21b1b;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 0;
    line-height: 1.2;
    margin-left: 2px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.form .input-field input,
.form .input-field textarea {
    border-radius: 12px;
    border: 1px solid rgba(213, 213, 222, .7);
    padding: 9px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    width: 100%;
    display: block;
    min-height: 56px;
    color: #080226;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.form .input-field input:-webkit-autofill,
.form .input-field input:-webkit-autofill:hover,
.form .input-field input:-webkit-autofill:focus,
.form .input-field input:-webkit-autofill:active,
.form .input-field textarea:-webkit-autofill,
.form .input-field textarea:-webkit-autofill:hover,
.form .input-field textarea:-webkit-autofill:focus,
.form .input-field textarea:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 #fff
}

.form .input-field input~label,
.form .input-field textarea~label {
    position: absolute;
    left: 16px;
    color: #a7a6bf;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.form .input-field input~label.input,
.form .input-field textarea~label.input {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.form .input-field input~label.textarea,
.form .input-field textarea~label.textarea {
    top: 12px
}

.form .input-field input:focus,
.form .input-field textarea:focus {
    padding-top: 18px;
    border-width: 1.25px;
    border-color: #4253ed;
    padding-bottom: 3px
}

.form .input-field input:focus~label,
.form .input-field textarea:focus~label {
    font-size: 12px;
    top: 9px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #4253ed
}

.form .input-field.invalid>div:last-child {
    max-height: 50em;
    margin-top: 8px
}

.form .input-field.invalid input,
.form .input-field.invalid textarea {
    border-color: #e21b1b
}

.form .input-field.not-empty input,
.form .input-field.not-empty textarea {
    padding-top: 18px;
    padding-bottom: 3px
}

.form .input-field.not-empty input~label,
.form .input-field.not-empty textarea~label {
    font-size: 12px !important;
    top: 9px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.form .input-field textarea {
    min-height: 168px
}

.form .input-field span {
    display: block;
    color: #a7a6bf;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px
}

.form .input-field span a {
    text-decoration: underline
}

.form .input-field:nth-last-of-type(2) {
    margin-top: 16px
}

.form .input-field:nth-last-of-type(3) {
    margin-bottom: 16px
}

.form .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 56px
}

.form .button button {
    width: 100%;
    display: block;
    max-width: 236px;
    border: none;
    cursor: pointer;
    height: 64px;
    max-height: 64px;
    font-weight: 600
}

@media(max-width: 991.98px) {
    .form .button button span {
        display: none
    }
}

.form .button .success {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 353px;
    border-radius: 12px;
    border: 1px solid #3d9250;
    background: rgba(61, 146, 80, .15);
    color: #3d9250;
    font-size: 16px;
    letter-spacing: -0.16px;
    padding: 15px 24px 15px 16px;
    font-weight: 500;
    line-height: normal;
    font-family: "Inter", sans-serif;
    margin-bottom: 8px
}

.form .button .success svg {
    margin-right: 8px
}

.home-sections {
    display: none;
    padding-bottom: 80px;
    color: #080226
}

.home-sections .section {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 11.97vw;
    grid-gap: 11.97vw
}

.home-sections .section:not(:last-child) {
    margin-bottom: 80px
}

.home-sections .section h2 {
    margin-bottom: 16px
}

.home-sections .section .image {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

.home-sections .section .image .bottom {
    position: absolute;
    bottom: -15px;
    left: -20px;
    z-index: 2;
    width: calc(100% + 50px);
    height: 125px;
    max-width: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home-sections .section .text {
    max-width: 416px
}

.home-sections .section .text.reverse {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.home-sections .section:nth-last-child(2) .image img {
    max-height: 520.77px
}

.home-sections .section:nth-last-child(2) .image .bottom {
    position: absolute;
    bottom: auto;
    top: -15px;
    left: -64px;
    width: calc(100% + 95px)
}

.home-sections .section:last-child .image img {
    max-height: 570px
}

.home-sections .section:last-child .image .bottom {
    width: 150px;
    height: 155px;
    bottom: -34px;
    left: -37px
}

.home-sections .section:first-child .text {
    max-width: 464px
}

.home-sections .section:first-child .image img {
    max-height: 626px
}

.home-sections .section:nth-child(2) .text {
    max-width: 403px
}

.home-sections .section:nth-child(2) .image img {
    max-height: 597.17px
}

.testimonials {
    background-color: transparent;
    position: relative;
    max-width: 1088px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -100px;
    margin-bottom: 80px;
    color: #080226;
    z-index: 3;
    display: none;
}

.testimonials .container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    width: 100%;
    padding: 35px 48px;
    box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, .06);
    border-radius: 32px
}

.testimonials .testimonial img {
    margin-bottom: 22px;
    max-height: 52px
}

.testimonials .testimonial h3 {
    margin-bottom: 8px
}

.testimonials .testimonial p {
    line-height: normal
}

.who-we {
    background: #fff;
    box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, .04);
    border-radius: 24px;
    padding: 64px;
    color: #080226;
    max-width: 1313px
}

.who-we h2 {
    margin-bottom: 72px
}

.who-we .who-boxes {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 3.7vw;
    grid-gap: 3.7vw
}

.who-we .who-boxes .who-box {
    max-width: 336px
}

.who-we .who-boxes .who-box img {
    margin-bottom: 26px;
    max-height: 52px
}

.who-we .who-boxes .who-box h4 {
    margin-bottom: 8px
}

.values {
    padding: 70px 0 125px
}

.values::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 195.274px;
    background-image: url(../../img/values-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    color: #080226;
    background-position: top
}

.values h2 {
    margin-bottom: 88px;
    text-align: center
}

.values .value {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 72px;
    position: relative;
    gap: 20px;
    grid-gap: 20px
}

.values .value:first-of-type {
    padding-top: 0
}

.values .value:last-of-type {
    padding-bottom: 0
}

.values .value:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 72px;
    right: 72px;
    height: 1px;
    background-color: rgba(213, 213, 222, .7);
    border-radius: 12px
}

.values .value h3 {
    font-family: "Open Sans", sans-serif;
    max-width: 275px
}

.values .value p {
    font-size: 16px;
    line-height: 30px;
    max-width: 525px
}

.offer {
    padding: 80px 0;
    background-color: #fff;
    color: #080226;
    overflow: hidden
}

.offer h2 {
    text-align: center;
    margin-bottom: 80px
}

.offer .offer-box {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px;
    grid-gap: 32px
}

.offer .offer-box:not(:last-child) {
    margin-bottom: 56px
}

.offer .offer-box .image {
    max-height: 152px
}

.offer .offer-box h4 {
    margin-bottom: 12px
}

.offer .offer-box p {
    max-width: 785px
}
.open-position-section{
background-color: #f7f7fc;
}
.open-position {

    padding: 80px 0 124px
}

.open-position h2 {
    text-align: center;
    margin-bottom: 80px;
    color: #080226;
}

.open-position .position {
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 124px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 45px 32px 32px;
    gap: 2vw;
    grid-gap: 2vw;
    box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, .06);
    border-radius: 16px;
    background: #fff;
    cursor: pointer
}

.open-position .position>* {
    pointer-events: none
}

.open-position .position h4 {
    margin-bottom: 18px;
    font-weight: 600
}

.open-position .position ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.open-position .position ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.open-position .position ul li .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.open-position .position ul li:not(:last-child) {
    margin-right: 16px
}

.open-position .position button {
    width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18px;
    font-style: normal
}

.open-position .position:not(:last-child) {
    margin-bottom: 40px
}

.open-position .position:hover button {
    background-color: #4253ed;
    color: #fff;
    border-color: transparent
}

.contact-us {
    padding: 147px 0 174px;
    background-image: url(../../img/contact-us-bg.webp);
    background-size: cover;
    background-position: center;
    height: 600px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact-us .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.contact-us h1 {
    margin-bottom: 16px;
    color: #fff;
    font-size: 64px
}

@media(max-width: 767.98px) {
    .contact-us h1 {
        font-size: 36px !important
    }
}

.contact-us p {
    font-size: 16px;
    max-width: 245px;
    color: #999aa3
}

@media(max-width: 767.98px) {
    .contact-us p {
        font-size: 14px !important
    }
}

.contact-us .info {
    border-radius: 100px;
    background: rgba(255, 255, 255, .06);
    -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 657px
}

.contact-us .info .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

.contact-us .info * {
    pointer-events: none
}

.contact-us .info span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 12px;
    color: #fff;
    text-align: left
}

.contact-us .info button {
    padding: 12px
}

.position-pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    color: #080226;
    background-color: #f7f7fc;
    opacity: 0;
    z-index: 3;
    pointer-events: none
}

.position-pop-up.show {
    pointer-events: all;
    opacity: 1
}

.position-pop-up .header a {
    margin-top: 0;
    margin-bottom: 40px;
    display: inline-block;
    padding: 0
}

.position-pop-up .header h1 {
    margin: 0;
    max-width: 100%
}

.position-pop-up .body {
    padding: 40px 20px 116px;
    width: 100%;
    margin: auto
}

.position-pop-up .body h4 {
    line-height: 36px
}

.position-pop-up .body p,
.position-pop-up .body h4,
.position-pop-up .body ul {
    max-width: 976px;
    margin-right: auto;
    margin-left: auto
}

.position-pop-up .body p,
.position-pop-up .body li {
    color: #080226
}

@media(min-width: 992px) {

    .position-pop-up .body p,
    .position-pop-up .body li {
        font-size: 16px;
        font-weight: 400;
        line-height: 36px
    }
}

.position-pop-up .body p,
.position-pop-up .body ul {
    margin-bottom: 56px
}

.position-pop-up .body ul {
    list-style: none;
    margin-top: 12px
}

.position-pop-up .body ul li {
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 14px
}

.position-pop-up .body ul li::before {
    content: "";
    background-color: #080226;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.position-pop-up .body ul:last-of-type {
    margin-bottom: 80px
}

@media(max-width: 1399.98px) {
    .values .value {
        grid-template-columns: auto auto;
        gap: 30px;
        grid-gap: 30px
    }
}

@media(max-width: 1199.98px) {
    h1 {
        font-size: 48px
    }

    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 26px
    }

    h4 {
        font-size: 20px
    }

    p,
    li {
        font-size: 16px
    }

    .header.homepage h1 {
        font-size: 48px;
        max-width: 810px;
        margin-bottom: 16px
    }

    .header h1 {
        font-size: 48px;
        max-width: 810px;
        margin-bottom: 16px
    }

    .header .bottom ul {
        padding-top: 0
    }

    .header .bottom .image img {
        max-width: 50vw
    }

    .navbar-up nav .nav-menu a:not(.btn).nav-link,
    .navbar-up nav .nav-menu .btn.nav-link,
    .footer .top ul li a {
        font-size: 14px
    }

    .home-sections .section {
        gap: 20px;
        grid-gap: 20px
    }

    .who-we {
        padding: 40px
    }

    .who-we h2 {
        margin-bottom: 55px
    }

    .who-we .who-boxes {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 3vw;
        grid-gap: 3vw
    }

    .values .value {
        grid-template-columns: 245px auto;
        gap: 30px;
        grid-gap: 30px;
        padding: 30px
    }

    .contact-us .info {
        max-width: 415px
    }

    .contact-us .info span {
        font-size: 16px
    }
}

@media(max-width: 991.98px) {
    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 32px
    }

    h3 {
        font-size: 26px
    }

    h3 span {
        font-size: 18px
    }

    h4 {
        font-size: 18px
    }

    p,
    li {
        font-size: 14px;
        line-height: 26px
    }



    .header.homepage {
        height: 810px;
        min-height: auto
    }

    .header h1 {
        margin-bottom: 24px;
        font-size: 36px !important;
        line-height: normal
    }

    .header p {
        font-size: 14px !important;
        line-height: 26px !important
    }

    .header .bottom {
        padding-bottom: 192px
    }

    .header .bottom ul {
        margin-top: 48px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px 47px
    }

    .header .bottom ul li h3 {
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 4px
    }

    .header .bottom ul li p {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px
    }

    .header .bottom .image {
        max-width: 100%;
        width: 100%;
        top: 192px
    }

    .header .bottom .image img {
        max-width: 100%;
        margin: auto;
        display: block;
        max-height: 327px
    }

    .header a {
        font-size: 16px
    }

    .testimonials {
        padding-right: 24px;
        padding-left: 24px;
        max-width: 95%;
        margin: -80px auto 50px
    }

    .testimonials .container {
        gap: 18px;
        grid-gap: 18px;
        padding: 24px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .testimonials .testimonial img {
        max-height: 40px;
        max-width: 40px;
        margin-bottom: 15px
    }

    .testimonials .testimonial h3 {
        margin-bottom: 6px
    }

    .home-sections {
        padding-bottom: 40px
    }

    .home-sections .section:nth-child(1),
    .home-sections .section:nth-child(2) {
        gap: 25px;
        grid-gap: 25px
    }

    .home-sections .section p {
        font-size: 14px;
        line-height: 21px
    }

    .home-sections .section .text {
        max-width: 320px
    }

    .home-sections .section:not(:last-child) {
        margin-bottom: 70px
    }

    .footer .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px 0 40px
    }

    .footer .top ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-top: 32px
    }

    .footer .top ul li {
        line-height: 48px;
        letter-spacing: .18px;
        font-size: 18px
    }

    .footer .top ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 24px
    }

    .footer .top .logo {
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer .bottom {
        padding: 32px 0
    }

    .who-we {
        padding: 40px;
        max-width: 90%;
        margin: 200px auto 40px;
        padding: 32px 24px 24px
    }

    .who-we h2 {
        margin-bottom: 40px;
        text-align: center
    }

    .who-we .who-boxes {
        grid-template-columns: 1fr;
        gap: 48px;
        grid-gap: 48px
    }

    .who-we .who-boxes .who-box img {
        margin-bottom: 16px;
        max-height: 40px
    }

    .values {
        padding: 40px 0
    }

    .values::before {
        top: -15px
    }

    .values h2 {
        margin-bottom: 30px
    }

    .values .value {
        gap: 25px;
        grid-gap: 25px;
        padding: 20px
    }

    .values .value p {
        font-size: 14px;
        line-height: 24px;
        max-width: 100%
    }

    .offer .offer-box .image img {
        max-height: 112px
    }

    .position-pop-up .header {
        padding: 96px 0 48px
    }

    .position-pop-up .header .close img {
        width: 48px;
        height: 48px
    }

    .position-pop-up .body {
        padding: 32px 0 72px
    }

    .position-pop-up .body p,
    .position-pop-up .body li {
        font-size: 16px;
        line-height: 36px
    }

    .position-pop-up .body h4 {
        font-size: 24px
    }

    .position-pop-up .body p,
    .position-pop-up .body ul {
        margin-bottom: 40px
    }

    .position-pop-up .body ul:last-of-type {
        margin-bottom: 40px
    }

    .form {
        padding: 32px 16px 24px;
        box-shadow: 0px 20px 24px 0px rgba(18, 18, 18, .06);
        border-radius: 24px
    }

    .form h2 {
        margin-bottom: 24px
    }

    .form .input-field textarea {
        min-height: 232px
    }

    .form .button {
        margin-top: 32px
    }

    .form .button button {
        max-width: 279px
    }

    .form .button .success {
        padding: 14px;
        font-size: 14px
    }

    .form .button .success svg {
        margin-right: 4px
    }

    .contact-us {
        padding: 178px 0 314px;
        height: auto
    }

    .contact-us .container {
        display: block;
        text-align: center
    }

    .contact-us h1 {
        font-size: 36px;
        margin-bottom: 8px
    }

    .contact-us p {
        max-width: 100%;
        font-size: 14px
    }

    .contact-us .info {
        max-width: 327px;
        margin-top: 64px;
        padding: 28px 28px 28px 32px;
        margin-right: auto;
        margin-left: auto
    }

    .contact-us .info button {
        padding: 0
    }

    .contact-us .info span {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .contact-us .info .icon {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(max-width: 767.98px) {
    .header .text {
        max-width: 70% !important;
        margin-right: auto;
        margin-left: auto
    }

    .header.homepage {
        background-image: url(../../img/homepage-bg-mobile.webp);
        background-position: center 97%;
        height: 1000px;
        background-color: #000;
        background-size: auto 62%
    }

    .header.homepage h1 {
        background-image: -webkit-linear-gradient(274deg, #ffffff 60%, #000 155%);
        background-image: linear-gradient(176deg, #ffffff 60%, #000 155%);
        max-width: 327px;
        margin-bottom: 32px
    }

    .header.homepage h1 br {
        display: block
    }




    .header.bottom-circle,
    .header.top-circle {
        background-image: url(../../img/top-circle-mobile-bg.webp)
    }

    .header.bottom-circle h1 br,
    .header.top-circle h1 br {
        display: none
    }

    .header .bottom {
        padding-bottom: 152px
    }

    .header .bottom ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
    }

    .header .bottom .image img {
        width: 327px;
        height: 327px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 16px
    }

    .header a {
        margin-top: 40px;
        max-width: 100%;
        height: 56px;
        font-weight: 600
    }

    .testimonials {
        max-width: 327px;
        margin: auto;
        margin: -130px auto 70px;
        padding: 0
    }

    .testimonials .container {
        padding: 25px 32px;
        grid-template-columns: 1fr;
        gap: 42px
    }

    .testimonials .testimonial {
        display: grid;
        gap: 6px 24px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: 40px 1fr
    }

    .testimonials .testimonial img {
        grid-row-start: span 2;
        margin: 0
    }

    .testimonials .testimonial h3 {
        margin: 0
    }

    .home-sections {
        padding-bottom: 0
    }

    .home-sections .section {
        grid-template-columns: 1fr;
        max-width: 327px;
        margin: 56px auto !important;
        gap: 37px;
        grid-gap: 37px
    }

    .home-sections .section:first-child {
        margin-top: 48px !important
    }

    .home-sections .section:last-child {
        margin-top: 64px !important;
        gap: 32px;
        grid-gap: 32px
    }

    .home-sections .section:nth-last-child(2) {
        gap: 21px;
        grid-gap: 21px
    }

    .home-sections .section .image .bottom {
        background-size: contain;
        bottom: -31px
    }

    .home-sections .section .text {
        max-width: 100%
    }

    .home-sections .section .text.reverse {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .banners {
        min-height: 416px
    }

    .banners h1 {
        font-size: 48px;
        margin-bottom: 24px
    }

    .banners p {
        margin-bottom: 64px
    }

    .banners .image {
        background-image: url("../../img/banners/banner1-mobile.webp")
    }

    .who-we {
        margin: 0px auto 16px;
        max-width: 327px
    }

    .values h2 {
        margin-bottom: 56px
    }

    .values::before {
        display: none
    }

    .values .value {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 32px 0
    }

    .values .value:last-of-type {
        padding-bottom: 16px
    }

    .offer {
        padding: 40px 0
    }

    .offer h2 {
        margin-bottom: 48px
    }

    .offer .offer-box {
        gap: 12px;
        grid-gap: 12px;
        padding: 0;
        grid-template-columns: 1fr
    }

    .offer .offer-box h4 {
        line-height: normal;
        margin-bottom: 8px
    }

    .offer .offer-box:not(:last-child) {
        margin-bottom: 48px
    }

    .open-position {
        padding: 48px 0 64px
    }

    .open-position h2 {
        margin-bottom: 48px
    }

    .open-position .position {
        padding: 24px 24px 27px;
        grid-template-columns: 1fr;
        gap: 0;
        grid-gap: 0;
        max-width: 350px;
        margin-right: auto;
        margin-left: auto
    }

    .open-position .position h4 {
        line-height: normal;
        margin-bottom: 18px;
        font-size: 24px
    }

    .open-position .position button {
        margin-top: 48px;
        max-width: 100%;
        font-weight: 600 !important;
        height: 56px;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content
    }

    .open-position .position:not(:last-child) {
        margin-bottom: 40px
    }
}

@media screen and (max-width:768px) {
    .footer .top ul li a{
        font-size: 18px;
    }
    .about_wrapper {
        padding-top: 72px;
    }
    .hero_container {
        flex-direction: column;
    }
    .page-content {
        padding-top: 72px;
    }
    .hero_container .hero_content_left {
        padding-top: 60px;
        max-width: 100%;
    }

    .hero_container .hero_content_left h2 {
        font-size: 36px;
        margin-bottom: 16px;
        text-align: center;
    }

    .hero_container .hero_content_left p {
        font-size:20px;
        line-height: 150%;
        text-align: center;
        margin-bottom: 40px;
    }

    .hero_container .hero_content_right {
        display: none;
    }

    .hero_container .hero_content_left .rating {
        display: none;
    }

    .join_our_team_container {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 96px;
    }

    .join_our_team_container .join_cta .join_cta_content .join_cta_title {
        font-size: 32px;
    }

    .join_our_team_container .join_cta .join_cta_content .join_cta_sub_title {
        font-size: 16px;
    }

    .join_our_team_container .join_cta {
        gap: 40px;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 40px;
        padding-bottom: 53px;
        border-radius: 32px;
        align-items: normal;
    }

    .join_our_team_container .join_cta>a {
        width: 100%;
    }

    .btn {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .hero_container .hero_content_left .btn_container {
        justify-content: center;
    }

    .hero_container .hero_content_left .btn_container {
        display: none;
    }

    .hero_container .hero_content_left .rating_mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero_container .hero_content_left .rating_mobile>img {
        width: 70%;
        margin: 0 auto;
        margin-bottom: 32px;
    }

    .hero_container .hero_content_left .rating_mobile .top_rating {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 14px;
    }

    .hero_container .hero_content_left .rating_mobile .top_rating .image-1 {
        height: 36px;
        width: 36px;
        object-fit: contain;
    }

    .hero_container .hero_content_left .rating_mobile .top_rating .image-2 {
        width: 95px;
        object-fit: contain;
    }

    .hero_container .hero_content_left .rating_mobile .bottom_rating {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 40px;
    }

    .hero_container .hero_content_left .rating_mobile .bottom_rating p {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 133.333%;
        margin-bottom: 0px;
    }
    .hero_container .hero_content_left .rating_mobile>button{
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 13px;
        padding-bottom: 13px;
        border-radius: 28px;
background: rgba(255, 255, 255, 0.14);
display: flex;
align-items: center;
justify-content: center;
    }
    .hero_container .hero_content_left .rating_mobile>button img{
        width: 120px;
        object-fit: contain;
    }
    .wrapper .gradient-1 {
        display: none;
    }
    .wrapper .gradient-2 {
        position: absolute;
        top: 0;
        left:auto;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 99999;
        object-fit: cover;
        display: block;
    }
    .header.about_header .bottom{
margin-top: 0px;
padding-bottom: 0px;
width: 60%;
margin-left: auto;
margin-right: auto;
    }
    .header.about_header{
        padding-bottom: 80px;
    }
    .about_header .vertical-line{
        width: 100%;
        height: 1px;
    }
    .values .value:not(:last-child)::after {
        left: 0;
        right: 0px;
    }
    .join_our_team_section.exclusive_white .join_our_team_container .join_cta .join_cta_content .join_cta_title{
        font-size: 32px;
    }
    .join_our_team_section.exclusive_white .join_our_team_container .join_cta .join_cta_content .join_cta_sub_title{
        font-size: 14px;
    }
    .join_our_team_container .join_cta .join_cta_content{
        gap: 3px;
    }
    .join_our_team_section.exclusive_white .join_our_team_container .join_cta {
        border-radius: 32px;
    }
    .position-pop-up .header{
        padding-bottom: 64px;
    }
    .contact-us .info {
        max-width: 70%;
    }
}


@media screen and (max-width:440px) {
    .gradient-4{
        display: none;
    }
    .header .text {
        max-width: 100% !important;
    }
    .contact-us .info {
        max-width: 100%;
    }
    .hero_container .hero_content_left {
        padding-top: 16px;
    }

    .hero_container .hero_content_left h2 {
        margin-bottom: 32px;
    }

    .hero_container .hero_content_left p {
        font-size: 14px;
    }

    .hero_container .hero_content_right {
        display: none;
    }

    .hero_container .hero_content_left .rating {
        display: none;
    }

    .join_our_team_container {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 96px;
    }

    .join_our_team_container .join_cta .join_cta_content .join_cta_title {
        font-size: 32px;
    }

    .join_our_team_container .join_cta .join_cta_content .join_cta_sub_title {
        font-size: 14px;
    }

    .join_our_team_container .join_cta {
        gap: 40px;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 40px;
        padding-bottom: 53px;
        border-radius: 32px;
    }

    .join_our_team_container .join_cta>a {
        width: 100%;
    }
    .apple_download_btn{
        padding-left: 80px;
        padding-right: 80px;
    }
    .btn {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .hero_container .hero_content_left .btn_container {
        justify-content: center;
    }

    .hero_container .hero_content_left .btn_container {
        display: none;
    }

    .hero_container .hero_content_left .rating_mobile {
        display: flex;
        flex-direction: column;
    }

    .hero_container .hero_content_left .rating_mobile>img {
        width: 100%;
    }

    .hero_container .hero_content_left .rating_mobile .top_rating {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 14px;
    }

    .hero_container .hero_content_left .rating_mobile .top_rating .image-1 {
        height: 36px;
        width: 36px;
        object-fit: contain;
    }

    .hero_container .hero_content_left .rating_mobile .top_rating .image-2 {
        width: 95px;
        object-fit: contain;
    }

    .hero_container .hero_content_left .rating_mobile .bottom_rating {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 40px;
    }

    .hero_container .hero_content_left .rating_mobile .bottom_rating p {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 133.333%;
        margin-bottom: 0px;
    }
    .hero_container .hero_content_left .rating_mobile>button{
        width: auto;
        margin-left: 24px;
        margin-right: 24px;
        padding-top: 13px;
        padding-bottom: 13px;
        border-radius: 28px;
background: rgba(255, 255, 255, 0.14);
display: flex;
align-items: center;
justify-content: center;
    }
    .hero_container .hero_content_left .rating_mobile>button img{
        width: 120px;
        object-fit: contain;
    }
    .wrapper .gradient-1 {
        display: none;
    }
    .wrapper .gradient-2 {
        position: absolute;
        top: 0;
        left:auto;
        right: 0;
        width: 100%;
        z-index: 99999;
        object-fit: contain;
        display: block;
    }
    .header.about_header .bottom{
margin-top: 0px;
padding-bottom: 0px;
width: 100%;
    }
    .header.about_header{
        padding-bottom: 80px;
    }
    .about_header .vertical-line{
        width: 60%;
        margin: 0 auto;
        height: 1px;
    }
    .values .value:not(:last-child)::after {
        left: 0;
        right: 0px;
    }
    .join_our_team_section.exclusive_white .join_our_team_container .join_cta .join_cta_content .join_cta_title{
        font-size: 32px;
    }
    .join_our_team_section.exclusive_white .join_our_team_container .join_cta .join_cta_content .join_cta_sub_title{
        font-size: 14px;
    }
    .join_our_team_container .join_cta .join_cta_content{
        gap: 3px;
    }
    .join_our_team_section.exclusive_white .join_our_team_container .join_cta {
        border-radius: 32px;
    }
    .position-pop-up .header{
        padding-bottom: 64px;
    }
}