@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);

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

body,
html {
    background-color: #283655;
    overflow-x: hidden;
    position: relative
}

.is-hidden {
    display: none !important
}

.btn-default,
.lp_wrapper .dex_wrapper .container .dex_content1 .exchange_btn,
.lp_wrapper .lp_section6_wrapper .lp_section6_content .lp_signup_btn {
    width: 200px;
    height: 55px;
    background: #33466f;
    border: none;
    font-family: Nunito;
    font-size: 20px;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.btn-default:hover,
.lp_wrapper .dex_wrapper .container .dex_content1 .exchange_btn:hover,
.lp_wrapper .lp_section6_wrapper .lp_section6_content .lp_signup_btn:hover {
    background-color: #4d6999;
    -webkit-transform: scale(1.08) translateY(-10px);
    transform: scale(1.08) translateY(-10px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, .3)
}

.material-symbols-outlined {
    font-variation-settings: 'FILL'1, 'wght'400, 'GRAD'0, 'opsz'48
}

.material-symbols-outlined {
    font-size: 48px;
    color: #91ddf4
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.container {
    width: 100%;
    margin: 0 auto
}

.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.text-center {
    text-align: center
}

.column-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.lp_wrapper {
    width: 100%
}

.lp_wrapper .lp_content_header {
    background: url(./../img/bgbg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.lp_wrapper .lp_content_header .lp_header {
    width: 100%;
    z-index: 5;
    padding: 20px 0;
    text-align: center
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav {
    display: none
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav .mobile-nav-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav .mobile-nav-box .menu-icon {
    width: 100px;
    border: none;
    background: 0 0
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav .mobile-nav-box .menu-icon ion-icon {
    font-size: 32px;
    color: #fff
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav .mobile-nav-box .menu-icon .close {
    display: none
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav .mobile-nav-box .nav-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 20px
}

.lp_wrapper .lp_content_header .lp_header .mobile-nav .mobile-nav-box .nav-brand .compumatrix-text-logo {
    width: 40%
}

.lp_wrapper .lp_content_header .lp_header .nav_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.lp_wrapper .lp_content_header .lp_header .nav_header a {
    width: 143px
}

.lp_wrapper .lp_content_header .lp_header .nav_header li {
    display: inline-block;
    font-family: Montserrat;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 500
}

.lp_wrapper .lp_content_header .lp_header .nav_header .comp-lp-logo {
    width: 65px
}

.lp_wrapper .lp_content_header .lp_header .nav_header .compumatrix_logo {
    font-size: 50px;
    content: url(./../img/favicon-4.webp)
}

.lp_wrapper .lp_content_header .lp_header.is-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    background-color: #4d6999
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box .menu-icon {
    width: 100px;
    border: none;
    background: 0 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box .menu-icon ion-icon {
    font-size: 32px;
    color: #fff
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box .menu-icon .open {
    display: none
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box .menu-icon .close {
    display: block
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box .nav-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 20px
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .mobile-nav .mobile-nav-box .nav-brand .compumatrix-text-logo {
    width: 40%
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .navbar-collapse .nav_header {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.lp_wrapper .lp_content_header .lp_header.is-toggle .navbar-collapse .nav_header .comp-lp-logo {
    display: none
}

.lp_wrapper .lp_content_header .lp_section1 {
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 54, 85, .2)), to(rgba(40, 54, 85, .7))), url(./../img//bg.webp);
    background-image: linear-gradient(rgba(40, 54, 85, .2), rgba(40, 54, 85, .7)), url(./../img/bg.webp);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.lp_wrapper .lp_content_header .lp_section1 .lp_section_content {
    width: 100%;
    text-align: center
}

.lp_wrapper .lp_content_header .lp_section1 .lp_section_content .lp_section_title .hero-title {
    width: 1020px;
    margin: 0 auto 2.3rem auto;
    padding-top: 18rem;
    font-family: Montserrat;
    font-size: 64px;
    color: #fff;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -1px
}

.lp_wrapper .lp_content_header .lp_section1 .lp_section_content .lp_section_title .hero-desc {
    width: 900px;
    margin: 0 auto;
    font-family: Montserrat;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 1.5
}

.lp_wrapper .lp_content_header .lp_section1 .lp_section_content .lp_ticker {
    margin-top: 87px;
    font-family: Nunito;
    font-size: 18px;
    color: #fff
}

.lp_wrapper .lp_content_header .is-sticky {
    background-color: #4d6999
}

.lp_wrapper .lp_content_header .is-sticky.lp_header {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0 5px 6px rgba(0, 0, 0, .1)
}

.lp_wrapper .lp_content_header .is-sticky.lp_header .nav_header li {
    font-family: Montserrat;
    font-size: 18px;
    color: #fff
}

.lp_wrapper .lp_section2_wrapper {
    background: #283655;
    padding: 505px 0 167px 0;
    margin-top: 100px;
    background-image: url(./../img//about-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%
}

.lp_wrapper .lp_section2_wrapper .lp_section2_content {
    margin: 0 auto;
    gap: 50px
}

.lp_wrapper .lp_section2_wrapper .lp_section2_content .section_title {
    font-family: Montserrat;
    font-size: 54px;
    color: #fff;
    margin-bottom: 30px
}

.lp_wrapper .lp_section2_wrapper .lp_section2_content .section_desc {
    font-family: Nunito;
    font-size: 20px;
    color: #fff;
    line-height: 2
}

.lp_wrapper .lp_section2_wrapper .lp_section2_content .about-img {
    width: 400px;
    opacity: .9
}

.lp_wrapper .lp_section3_wrapper {
    width: 100%;
    padding-top: 150px
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .sect-2-title {
    font-family: Montserrat;
    font-size: 54px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 4rem
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .eee_wrapper {
    width: 100%;
    top: -100px;
    z-index: 2;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .eee_wrapper .e_wrappper {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .3);
    background-color: #33466f;
    border-radius: 10px;
    padding: 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 33%
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .eee_wrapper .e_wrappper .e_title {
    font-family: Nunito;
    font-size: 30px;
    color: #fff;
    margin: 0 0 10px 0
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .eee_wrapper .e_wrappper .e_desc {
    font-family: Nunito;
    font-size: 17px;
    color: #d1d3d9;
    margin: 0;
    line-height: 30px
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .eee_wrapper .e_wrappper .eee_img {
    width: 100%
}

.lp_wrapper .lp_section3_wrapper .lp_section_content .eee_wrapper .e_wrappper:hover {
    background-color: #4d6999
}

.lp_wrapper .dex_wrapper {
    padding: 170px 0;
    margin-top: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    background-image: url(./../img//defi-bg.webp);
    background-repeat: no-repeat;
    background-size: 56%;
    background-position: right
}

.lp_wrapper .dex_wrapper .container .dex_content1 {
    width: 50%
}

.lp_wrapper .dex_wrapper .container .dex_content1 .dex_title {
    font-family: Montserrat;
    font-size: 54px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 40px;
    font-weight: 500
}

.lp_wrapper .dex_wrapper .container .dex_content1 .dex_desc {
    font-family: Nunito;
    font-size: 20px;
    color: #d1d3d9;
    line-height: 2;
    margin-bottom: 30px
}

.lp_wrapper .dex_wrapper .container .dex_content_img {
    width: 100%
}

.lp_wrapper .lp_section4_wrapper {
    width: 100%;
    padding: 150px 0;
    background: radial-gradient(40.87% 38.4% at 50% 50%, rgba(100, 147, 238, .2) 0, rgba(100, 147, 238, 0) 100%), transparent
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content {
    width: 100%;
    position: relative;
    margin: 150px auto
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .center-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .center-content .section_title {
    font-family: Montserrat;
    font-size: 60px;
    color: #fff;
    margin: 165px 0 60px 0;
    font-weight: 500
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding: 50px 30px;
    margin-bottom: 10px;
    width: 170px
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content {
    position: relative;
    padding: 20px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content .icon-wrap {
    gap: 12px;
    z-index: 2;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content .icon-wrap .material-symbols-outlined {
    opacity: .8
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content p {
    line-height: 30px;
    font-family: Nunito;
    font-size: 18px;
    color: #fff;
    cursor: default;
    width: 120px;
    line-height: 1.3;
    font-weight: 600
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content .arr-container {
    position: absolute;
    top: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    z-index: 1;
    border: none
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content .arr-container .arr-box {
    background-color: #4d6999;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content .arr-container .arr-line {
    width: 5px;
    height: 100px;
    background-color: #4d6999;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc li .icon-content:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .left-content {
    top: -50%;
    left: 0;
    bottom: 0;
    height: 100%;
    position: absolute
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .left-content li .icon-content .arr-container.one {
    -webkit-transform: rotate(-50deg) translate(34px, 21px);
    transform: rotate(-50deg) translate(34px, 21px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .left-content li .icon-content .arr-container.two {
    -webkit-transform: rotate(-90deg) translate(42px, 50px);
    transform: rotate(-90deg) translate(42px, 50px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .left-content li .icon-content .arr-container.three {
    -webkit-transform: rotate(-132deg) translate(31px, 81px);
    transform: rotate(-132deg) translate(31px, 81px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .left-content li:nth-child(1) {
    -webkit-transform: translate(173px, -27px);
    transform: translate(173px, -27px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .left-content li:nth-child(3) {
    -webkit-transform: translate(173px, 27px);
    transform: translate(173px, 27px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .right-content {
    top: -50%;
    right: 0;
    bottom: 0;
    height: 100%;
    position: absolute
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .right-content li .icon-content .arr-container.four {
    -webkit-transform: rotate(50deg) translate(-34px, 21px);
    transform: rotate(50deg) translate(-34px, 21px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .right-content li .icon-content .arr-container.five {
    -webkit-transform: rotate(90deg) translate(-42px, 50px);
    transform: rotate(90deg) translate(-42px, 50px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .right-content li .icon-content .arr-container.six {
    -webkit-transform: rotate(132deg) translate(-31px, 81px);
    transform: rotate(132deg) translate(-31px, 81px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .right-content li:nth-child(1) {
    -webkit-transform: translate(-173px, -27px);
    transform: translate(-173px, -27px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_content .section4_desc .right-content li:nth-child(3) {
    -webkit-transform: translate(-173px, 27px);
    transform: translate(-173px, 27px)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile {
    display: none
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .center-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .center-content .section_title {
    font-family: Montserrat;
    font-size: 60px;
    color: #fff;
    margin: 165px 0 60px 0;
    font-weight: 500
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    margin-bottom: 10px;
    width: 170px
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li .icon-content {
    position: relative;
    padding: 20px;
    width: 85px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li .icon-content .icon-wrap {
    gap: 12px;
    z-index: 2;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li .icon-content .icon-wrap .material-symbols-outlined {
    opacity: .8
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li .icon-content p {
    line-height: 30px;
    font-family: Nunito;
    font-size: 18px;
    color: #fff;
    cursor: default;
    width: 120px;
    line-height: 1.3;
    font-weight: 600
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li .icon-content .arr-container {
    position: absolute;
    top: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    z-index: 1;
    border: none
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc li .icon-content .arr-container .arr-box {
    background-color: #4d6999;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc .left-content-mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.lp_wrapper .lp_section4_wrapper .lp_section4_mobile .section4_desc .right-content-mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.lp_wrapper .lp_section6_wrapper {
    width: 100%;
    padding: 120px 0
}

.lp_wrapper .lp_section6_wrapper .lp_section6_content {
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    background-color: #33466f;
    border-radius: 20px
}

.lp_wrapper .lp_section6_wrapper .lp_section6_content .section_title {
    font-family: Montserrat;
    font-size: 54px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px
}

.lp_wrapper .lp_section6_wrapper .lp_section6_content .section_desc {
    font-family: Nunito;
    font-size: 20px;
    color: #d1d3d9;
    line-height: 1.8;
    width: 60%;
    margin-bottom: 40px;
    text-align: center
}

.lp_wrapper .lp_section6_wrapper .lp_section6_content .lp_signup_btn {
    background-color: #5776ac
}

.lp_wrapper .lp_social_media {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    margin-bottom: 100px
}

.lp_wrapper .lp_social_media .social-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    gap: 30px
}

.lp_wrapper .lp_social_media .social-content .social_media_title {
    font-family: Montserrat;
    font-size: 32px;
    color: #fff
}

.lp_wrapper .footer_wrapper {
    width: 100%;
    background-color: #202c45
}

.lp_wrapper .footer_wrapper .footer_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.lp_wrapper .footer_wrapper .footer_content .powered_by {
    text-align: center;
    font-family: Nunito;
    font-size: 16px;
    color: #d1d3d9;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid #283655;
    font-weight: 600
}

.lp_wrapper .footer_wrapper .footer_content .list_social_media {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 150px;
    padding: 25px 0
}

.lp_wrapper .footer_wrapper .footer_content .list_social_media .icon-wrap {
    gap: 30px
}

.lp_wrapper .footer_wrapper .footer_content .list_social_media .icon-wrap ion-icon {
    color: #edeff3;
    font-size: 38px
}

.lp_wrapper .footer_wrapper .footer_content .list_social_media .compumatrix_logo {
    font-size: 50px;
    fill: #edeff3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.lp_wrapper .footer_wrapper .footer_content .list_social_media .copy_right {
    font-family: Nunito;
    font-size: 17px;
    color: #edeff3
}