/*=========================== Google fonts =============================*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* font-family: "Instrument Sans", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

/*===================== web fonts =======================*/
@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Black.ttf);
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Bold-Italic.ttf);
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-SemiBold.ttf);
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Medium.ttf);
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Regular-Italic.ttf);
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelion';
    src: url(../webfonts/Gelion-Light.ttf);
    font-weight: 300;
    font-display: swap;
}

/*========================== Basic css ============================*/
html {
    font-size: 0.52vw !important;
}

:root {
    font-size: 0.52vw !important;
    scroll-behavior: unset;

    /* fonts */
    --instrument-sans: "Instrument Sans", sans-serif;
    --dm-sans: "DM Sans", sans-serif;
    --inter: "Inter", sans-serif;
    --gelion: 'Gelion';

    /* layout */
    --scalenomic-elementor-max-width: 149rem;

    /* color */
    --white: #FFF;
    --black: #000;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--scalenomic-elementor-max-width) !important;
}

.e-con {
    --container-max-width: var(--scalenomic-elementor-max-width) !important;
}

html,
body,
header,
footer,
main,
nav,
section,
div,
menu,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
button {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

a {
    text-decoration: none;
    color: inherit;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

a:visited,
a:hover,
a:active {
    text-decoration: none;
}

img {
    max-width: 100%;
}

/* body */
body {
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    background-image: url(../img/main-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #040411;
    color: var(--white);
}

/* heading font family */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--gelion);
}

/* backt to top */
.scrolltop_btn {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.scrolltop_btn img {
    width: 4rem;
}

.scrolltop_btn.show {
    opacity: 1;
    visibility: visible;
}

.scrolltop_btn:hover img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(72%) saturate(488%) hue-rotate(179deg) brightness(103%) contrast(102%);
}

/*====================== header_section start ========================*/
.header_section {
    width: 100%;
    display: block;
    background: rgba(5, 5, 20, 0.84);
    padding: 3.65rem 0rem;
    position: sticky;
    top: 0;
    transition: 0.2s all ease;
    z-index: 1024;
}

.container_fluid {
    padding-left: 4rem;
    padding-right: 4rem;
}

.header_sticky {
    background: #040411;
    padding: 3rem 0rem;
    box-shadow: 0.2rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
}

.navbar-brand img {
    width: 28.4rem;
}

.navbar-nav {
    gap: 3.5rem;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav li a {
    font-family: var(--instrument-sans);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: 0.2s all ease;
}

.navbar-nav li .dropdown_btn img {
    width: 1rem;
    margin-top: 0.3rem;
    transition: 0.2s all ease;
}

.navbar-nav li:hover a {
    color: #74C7FF;
}

.navbar-nav li:hover .dropdown_btn img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(45%) saturate(2076%) hue-rotate(175deg) brightness(99%) contrast(104%);
    transform: rotate(180deg);
}

.navbar-nav li .dropdown_btn {
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.1rem 2rem;
    border-radius: 10rem;
    position: relative;
    transition: 0.2s all ease;
}

.navbar-nav li:hover .dropdown_btn,
.navbar-nav li .dropdown_btn:focus,
.navbar-nav li .dropdown_btn:focus-visible {
    background: rgba(44, 151, 254, 0.38);
}

.navbar-nav li .dropdown_btn::after {
    content: "";
    width: 5rem;
    height: 5rem;
    display: block;
    background-image: url(../img/triangle.png);
    background-repeat: no-repeat;
    background-size: 4.5rem;
    background-position: center;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease;
}

.navbar-nav li:hover .dropdown_btn::after {
    opacity: 1;
    visibility: visible;
    top: 96%;
}

.navbar-nav li .nav_btn {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
    border: 0.3rem solid rgba(9, 155, 255, 0.33);
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1.7rem 2.8rem;
    border-radius: 5rem;
    box-shadow: 0 0.5rem 3rem 0 rgba(1, 127, 230, 0.57);
}

.navbar-nav li .nav_btn img {
    width: 1.4rem;
    margin-top: 0;
}

.navbar-nav li .nav_btn:hover {
    opacity: 0.85;
    color: var(--white);
}

/* navbar-toggler */
.navbar-toggler {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0rem;
    transition: 0.2s all ease;
}

.navbar-toggler img {
    width: 3.4rem;
}

.navbar-toggler:hover {
    opacity: 0.85;
}

/* mega menu */
.navbar-nav .dropdown_menu {
    width: 172rem;
    height: 54rem;
    background: url(../img/dropdown_menu-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #017FE6;
    border-radius: 1rem;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 16rem;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
}

.navbar-nav li:hover .dropdown_menu {
    top: 12.4rem;
    visibility: visible;
    opacity: 1;
}

.dropdown_left {
    width: 26%;
    height: 100%;
    padding: 4rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 1rem 0 0 1rem;
    border-right: 1px solid #017FE6;
    background: linear-gradient(244deg, #7F00FF -15.33%, #040432 98.47%);
}

.dropdown_left h3 {
    font-size: 8.61rem;
    font-style: normal;
    font-weight: 700;
    line-height: 96.391%;
    letter-spacing: -0.4rem;
    text-transform: uppercase;
    background: linear-gradient(90deg, #74C7FF 0.01%, #DEBDFF 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.dropdown_left p {
    font-family: var(--gelion);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 103.333%;
    letter-spacing: -0.15rem;
    color: var(--white);
    margin: 0.7rem 0rem 3rem;
}

.dropdown_menu .dropdown_left a {
    font-family: var(--dm-sans);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white)!important;
    border-radius: 5rem;
    border: 0.3rem solid rgba(9, 155, 255, 0.33);
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 1.7rem 4rem;
    box-shadow: 0 5px 30px 0 rgba(1, 127, 230, 0.57);
    transition: 0.2s all ease;
}

.dropdown_menu .dropdown_left a img {
    width: 1.5rem;
}

.dropdown_menu .dropdown_left a:hover {
    opacity: 0.85;
}

.dropdown_right {
    width: 74%;
    padding: 7.2rem 6rem 8.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4.5rem;
}

.dropdown_card {
    border: 1px solid #099BFF;
    background: rgba(0, 0, 228, 0.07);
    border-radius: 0.8rem;
}

.dropcard_title {
    background: #040432;
    border-bottom: 1px solid #099BFF;
    padding: 1.6rem 2.8rem;
    border-radius: 0.8rem 0.8rem 0rem 0rem;
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

.dropcard_title img {
    width: 3.32rem;
}

.dropcard_title h4 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.16rem;
    color: var(--white);
}

.dropcard_item {
    padding: 3.2rem 3.2rem 3.2rem;
}

.dropdown_right .dropcard_item a {
    font-family: var(--inter);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white)!important;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.6rem;
    transition: 0.2s all ease;
}       

.dropdown_right .dropcard_item a img {
    max-width: 100%;
    width: initial!important;
}

.dropdown_right .dropcard_item a:hover {
    text-decoration: underline;
}

/* offcanvas menu */
.offcanvas-start {
    width: 100%!important;
    background: #040411;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.offcanvas-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4rem 0rem;
}

.offcanvas-header img {
    max-width: 22rem;
}

.offcanvas-body {
    margin-left: -2rem;
    margin-right: -2rem;
}

.offcanvas-body .navbar-nav {
    gap: 0rem;
}

.close_btn {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0rem;
    transition: 0.2s all ease;
}

.close_btn:hover {
    opacity: 0.85;
}

.close_btn img {
    max-width: 2.7rem;
}

.offcanvas-body .navbar-nav a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2.4rem;
    border-bottom: 1px solid #017FE6;
    transition: 0.2s all ease;
}

.offcanvas_bottom {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 3rem!important;
}

.offcanvas_bottom .navbar-nav .nav_btn {
    font-size: 2rem;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1.6rem 2rem;
}

.offcanvas-body .navbar-nav .dropdown_menu {
    position: initial;
    height: initial!important;
    border: none;
    padding: 0;
}

.offcanvas-body .navbar-nav .dropdown_menu .dropdown_right {
    width: 100%;
    grid-template-columns: 1fr;
    padding: 0rem;
    grid-gap: 0rem;
}

.offcanvas-body .navbar-nav li:hover img {
    transform: initial;
}

.offcanvas-body .dropdown_menu {
    width: 100%;
    background: transparent;
    box-shadow: none;
    padding: 0rem;
    border-radius: 0rem;
    transform: initial!important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    visibility: hidden;
    opacity: 0;
}

.offcanvas-body .has-dropdown.active .dropdown_menu {
    max-height: initial; 
    visibility: visible;
    opacity: 1;
}

.offcanvas-body .has-dropdown.active a {
    color: var(--white);
    background: rgba(44, 151, 254, 0.38);
}

.offcanvas-body .has-dropdown.active .dropdown-trigger img {
    transform: rotate(180deg)!important;
}

.offcanvas-body .dropdown_menu a {
    color: var(--white)!important;
}

.offcanvas-body .dropdown_menu a:hover {
    background: transparent;
    color: #74C7FF!important;
}

.offcanvas-body .dropdown_card {
    border: none;
    background: rgba(0, 0, 228, 0.3)!important;
    border-bottom: 1px solid #099BFF;
}

.offcanvas-body .dropcard_item {
    padding: 0;
}

.offcanvas-body .dropcard_item a {
    justify-content: flex-start;
    margin: 0;
    transition: 0.2s all ease;
    border-bottom: none!important;
    background: transparent!important;
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}

.offcanvas-body .dropcard_item a:hover {
    color: var(--white)!important;
    background: rgba(44, 151, 254, 0.20)!important;
    text-decoration: none;
}

.offcanvas_bottom .dropdown_left {
    width: 100%;
    background: linear-gradient(244deg, #7F00FF -15.33%, #040432 98.47%);
    padding: 3rem 2.4rem 4rem;
}

.offcanvas_bottom .dropdown_left h3 {
    font-size: 4.6rem;
    letter-spacing: -0.2rem;
}

.offcanvas_bottom .dropdown_left p {
    font-size: 2.6rem;
    letter-spacing: -0.1rem;
    margin: 1.1rem 0rem 2.8rem;
}

.offcanvas_bottom .dropdown_left a {
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
}

.offcanvas_bottom .dropdown_left a {
    font-family: var(--dm-sans);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white)!important;
    border-radius: 5rem;
    border: 0.3rem solid rgba(9, 155, 255, 0.33);
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 1.7rem 4rem;
    box-shadow: 0 5px 30px 0 rgba(1, 127, 230, 0.57);
    transition: 0.2s all ease;
    margin-left: 0.4rem;
}

.offcanvas_bottom .dropdown_left a img {
    width: 1.5rem;
}

.offcanvas_bottom .dropdown_left a:hover {
    opacity: 0.85;
}

/*================= hero_section start ===================*/
.hero_section {
    padding-top: 17rem;
}

.hero_text {
    max-width: 128.8rem;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.paper_shape {
    position: absolute;
    right: 5rem;
    top: -9rem;
}

.paper_shape img {
    width: 68.2rem;
} 

.hero_text h6 {
    font-family: var(--dm-sans);
    font-size: 5.17rem;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.2rem;
    color: var(--white);
    text-align: left;
    margin-left: 14.2rem;
    margin-bottom: 2.6rem;
}

.hero_text h2 {
    font-family: var(--dm-sans);
    font-size: 10.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 127.65%;
    letter-spacing: -0.25rem;
    color: #DEBDFF;
    position: relative;
}

.hero_text h2 .square_shape {
    width: 91rem;
    position: absolute;
    left: 1rem;
    top: -1.5rem;
}

.hero_text h2 strong {
    display: inline-block;
    font-weight: 700;
    position: relative;
    left: 2rem;
}

.hero_text h2 span {
    font-size: 16rem;
    font-style: normal;
    font-weight: 700;
    line-height: 107.345%;
    letter-spacing: -1rem;
    color: #74C7FF;
    display: block;
    position: relative;
    padding-bottom: 3.2rem;
    margin-right: 7rem;
}

.hero_text h2 span img {
    width: 127rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.5rem;
}

.hero_text p {
    font-family: var(--dm-sans);
    font-size: 4.1rem;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.05rem; 
    color: var(--white);
    margin-bottom: 5rem;
    max-width: 86rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.hero_text a {
   font-family: var(--dm-sans);
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    border: 0.3rem solid rgba(9, 155, 255, 0.33);
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
    padding: 2rem 5rem;
    border-radius: 5rem;
    box-shadow: 0 0.5rem 3rem 0 rgba(1, 127, 230, 0.57);
    transition: 0.2s all ease;
}

.hero_text a img {
    width: 2rem;
}

.hero_text a:hover {
    opacity: 0.85;
}

/*===================== about section start ======================*/
.about_section {
    padding-top: 13rem;
}

.about_text h3 {
    font-family: var(--gelion);
    font-size: 7.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32rem;
    text-transform: uppercase;
    background: linear-gradient(90deg, #74C7FF 0.01%, #DEBDFF 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 3.2rem;
}

.about_text p {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 116.667%;
    color: var(--white);
    margin-bottom: 2.4rem;
}

.about_right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2.6rem;
}

.about_box {
    background: linear-gradient(204deg, #099BFF -14.04%, rgba(5, 5, 20, 0.23) 41.73%);
    border: 1px solid #818198;
    border-radius: 0.5rem;
    box-shadow: 0 0 3rem 0 rgba(116, 199, 255, 0.34);
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    padding: 2.2rem 3.4rem 3.7rem;
}

.about_icon {
    flex-shrink: 0;
}

.about_icon img {
    width: 2.6rem;
    margin-top: 1.5rem;
}

.about_cnt h3 {
    font-family: var(--inter);
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0.3rem;
}

.about_cnt p {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #818198;
}

.about_box2 {
    background: linear-gradient(204deg, #7F00FF -14.04%, rgba(5, 5, 20, 0.23) 41.73%);
    border: 1px solid #818198;
    box-shadow: 0 0 3rem 0 rgba(116, 199, 255, 0.34);
}

.about_box3 {
    background: linear-gradient(204deg, #017FE6 -14.04%, rgba(5, 5, 20, 0.23) 41.73%);
    border: 1px solid #818198;
    box-shadow: 0 0 3rem 0 rgba(116, 199, 255, 0.34);
}

.about_box4 {
    background: linear-gradient(204deg, #0000E4 -14.04%, rgba(5, 5, 20, 0.23) 41.73%);
    border: 1px solid #818198;
    box-shadow: 0 0 3rem 0 rgba(116, 199, 255, 0.34);
}


/*==================== marketing_section start =======================*/
.marketing_section {
    padding-top: 19.5rem;
}

.marketing_title h3 {
    font-family: var(--gelion);
    font-size: 7.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.2rem;
    text-transform: uppercase;
    background: linear-gradient(90deg, #74C7FF 0.01%, #DEBDFF 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}  

.marketing_title p {
    font-family: var(--inter);
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.052rem;
} 

.marketing_wrapper {
    padding-top: 5.8rem;
    position: relative;
}

.marketing_item {
    display: flex;
    align-items: flex-start;
    gap: 4.8rem;
} 

.marketing_button {
    width: 32%;
}

.marketing_button a {
    font-family: var(--inter);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--white);
    background: transparent;
    border: 1px solid #818198;
    padding: 1.5rem 1.5rem;
    border-radius: 0.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 8.2rem;
    margin-bottom: 1.6rem;
    transition: 0.2s all ease;
    position: relative;
}

.marketing_button a img {
    width: 2.8rem;
}

.marketing_button.active a {
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
    border-color: transparent;
    box-shadow: 0 0.5rem 3rem 0 rgba(1, 127, 230, 0.57);
    margin-left: 1rem;
}

.marketing_button a::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    background: transparent;
    border-radius: 0.5rem;
    position: absolute;
    right: -1.2rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
    transition: 0.2s all ease;
}

.marketing_button.active a::after {
    background: #3E96FF;
    opacity: 1;
}

.marketing_button.active a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(182deg) brightness(106%) contrast(101%);
}

.marketing_content {
    width: 63.5%;
    min-height: 47.6rem;
    padding: 3.6rem 3.6rem;
    border: 1px solid #099BFF;
    background-color: rgba(0, 0, 0, 0.26);
    background-image: url(../img/marketing-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: drop-shadow(0 0.2rem 0.5rem rgba(38, 152, 255, 0.02));
    backdrop-filter: blur(0.34rem);
    border-radius: 0.5rem;
    position: absolute;
    right: 2.5rem;
    top: 5.8rem;
    display: none;
}

.marketing_content.show {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.marketing_content h3 {
    font-family: var(--gelion);
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white);
    margin-bottom: 1.6rem;
}

.marketing_content p {
    font-family: var(--inter);
    font-size: 2.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: var(--white);
    max-width: 80.5rem;
}


/*==================== diferrent_section start ===================*/
.diferrent_section {
    padding-top: 15rem;
}

.diferrent_title h3 {
    font-family: var(--gelion);
    font-size: 10rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5rem;
    text-transform: uppercase;
    background: linear-gradient(90deg, #74C7FF 0.01%, #DEBDFF 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.diferrent_title p {
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.052rem;
    color: var(--white);
    margin-bottom: 3.3rem;
}

.diferrent_card {
    background-image: url(../img/diferrent-card.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 4.4rem 3rem 4.8rem;
    border: 1px solid rgba(129, 129, 152, 0.70);
    border-radius: 0.5rem;
    backdrop-filter: blur(0.34rem);
    height: 100%;
}

.diferrent_heading {
    display: flex;
    align-items: center;
    gap: 2.7rem;
    margin-bottom: 2.1rem;
}

.diferrent_heading img {
    width: 9.3rem;
    flex-shrink: 0;
}

.diferrent_heading h4 {
    font-family: var(--gelion);
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white);
}

.diferrent_text p {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    color: var(--white);
    max-width: 61rem;
    width: 100%;
}

.diferrent_section .row {
    --bs-gutter-x: 4.1rem;
    --bs-gutter-y: 3.3rem;
}

/*==================== result_section start ==================*/
.result_section {
    padding-top: 15rem;
}

.result_section > .result_wrapper {
    max-width: 149rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.elementor .result_section {
    width: min(100%, 149rem);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.elementor .result_section > .result_wrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.elementor .result_section {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.result_wrapper {
    margin-top: 3rem;
    position: relative;
}

.result_wrapper::before {
    content: "";
    width: 34rem;
    height: 100%;
    display: block;
    background: linear-gradient(270deg, rgba(5, 5, 20, 0.00) 0%, #050514 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.result_wrapper::after {
    content: "";
    width: 34rem;
    height: 100%;
    display: block;
    background: linear-gradient(-270deg, rgba(5, 5, 20, 0.00) 0%, #050514 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 5rem;
}

.result_slider {
    overflow: visible;
    padding-bottom: 5rem;
}

.result_card {
    position: relative;
    height: 41rem;
}

.result_thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    object-fit: cover;
}

.result_item {
    width: 100%;
    height: 100%;
    padding: 2.7rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    position: absolute;
    inset: 0;
}

.result_item .logo1 {
    width: 14.1rem;
}

.result_item .logo2 {
    width: 16.9rem;
}

.result_item .logo3 {
    width: 26.8rem;
}

.result_item .logo4 {
    width: 28.2rem;
}

.result_item .logo5 {
    width: 27.7rem;
}

.result_item a {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    border: 1px solid rgba(255, 255, 255, 0.34);
    display: inline-block;
    padding: 0.9rem 2rem;
    border-radius: 10rem;
    margin-top: 2.2rem;
}

.swiper-pagination-bullet {
    width: 1.1rem;
    height: 1.1rem;
    background: #252532;
    opacity: 1;
    margin: 0 1rem!important;
    border-radius: 50%;
}

.swiper-pagination-bullet-active {
    background: #017FE6;
}

.result_section .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 2.4rem);
    right: auto;
    width: auto;
    margin-top: 0;
    display: flex;
    justify-content: center;
}

/*===================== process_section start ===================*/
.process_section {
    padding-top: 12.4rem;
}

.process_wrapper {
    padding-top: 7.4rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2.7rem;
    position: relative;
}

.process_wrapper::after {
    content: "";
    width: 80%;
    height: 0.2rem;
    background: #017FE6;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.5rem;
}

.process_card {
    background: rgba(0, 0, 228, 0.12);
    border: 1px solid rgba(129, 129, 152, 0.70);
    border-radius: 0.5rem;
    padding: 3.6rem 1.8rem 5rem 2.6rem;
    position: relative;
}

.process_card h4 {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white);
    margin-bottom: 1rem;
}

.process_card p {
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; 
    color: var(--white);
}

.process_card span {
    font-family: var(--gelion);
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: var(--white);
    background: #017FE6;
    display: inline-block;
    padding: 0.9rem 3rem;
    border-radius: 10rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -7.5rem;
    z-index: 9;
}

/*====================== contact_section start =========================*/
.contact_section {
    padding-top: 20rem;  
}

.contact_title {
    max-width: 110rem;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.contact_title h3 {
    font-family: var(--gelion);
    font-size: 10rem;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.4rem;
    background: linear-gradient(180deg, #74C7FF 0%, #DEBDFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.contact_title p {
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.052rem;
    color: var(--white);
}

.contact_title h4 {
    font-size: 11rem;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4rem;
    color: var(--white);
}

.contact_title h4 span {
    background: linear-gradient(180deg, #74C7FF 0%, #DEBDFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact_wrapper {
    max-width: 105.4rem;
    width: 100%;
    margin: 0 auto;
    padding-top: 3rem;
}

.contact_wrapper .row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 1.5rem;
}

.contact_item label {
    font-family: var(--inter);
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 118.182%;
    display: block;
    margin-bottom: 1rem;
}

.contact_item input {
    font-family: var(--inter);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144.444%;
    color: var(--white);
    border: 1px solid #FFF;
    background: transparent;
    width: 100%;
    display: block;
    outline: none;
    height: 6.3rem;
    padding: 1rem 1.6rem;
    border-radius: 1rem;
}

.contact_item input::placeholder {
    color: rgba(255, 255, 255, 0.33);
    opacity: 1;
}

.contact_item select {
    font-family: var(--inter);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144.444%;
    color: rgba(255, 255, 255, 0.33);
    border: 1px solid #FFF;
    background: transparent;
    width: 100%;
    display: block;
    outline: none;
    height: 6.3rem;
    padding: 1rem 1.6rem;
    border-radius: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/down.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: calc(100% - 2rem) center;
    cursor: pointer;
}

.contact_item select option {
    color: var(--black);
}

.contact_btn button {
   font-family: var(--dm-sans);
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    border: 0.4rem solid rgba(9, 155, 255, 0.33);
    background: radial-gradient(119.86% 119.86% at 50.24% 100%, #9C8DFE 0%, #099BFF 100%);
    padding: 2rem 5rem;
    box-shadow: 0rem 0.72ren 4.3rem 0rem rgba(1, 127, 230, 0.57);
    border-radius: 5rem;
    transition: 0.2s all ease;
    margin-top: 3.4rem;
    outline: none;
    
}

.contact_btn button img {
    width: 2rem;
}

.contact_btn button:hover {
    opacity: 0.85;
}

/*=================== faq_section start ======================*/
.faq_section {
    padding-top: 18rem;
}

.faq_wrapper {
    max-width: 144rem;
    width: 100%;
    margin: 0 auto;
    padding-top: 3.8rem;
}

.accordion-item {
    background: transparent!important;
    border: 1px solid #FFF!important;
    border-radius: 1rem!important;
    margin-bottom: 1.8rem;
}
 
.accordion-button {
    background: transparent!important;
    border: none;
    padding: 2.5rem 3rem;
    border-radius: 1rem!important;
    box-shadow: none!important;
    outline: none;
    font-family: var(--gelion);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.06rem;
    color: var(--white)!important;
}
 
.accordion-button:not(.collapsed) {
    border-radius: 1rem 1rem 0rem 0rem!important;
}
 
.accordion-body {
    padding: 3rem 6rem 5.2rem 3rem;
    border-top: 1px solid var(--white);
}

.accordion-body p {
    font-family: var(--inter);
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    color: var(--white)!important;
    max-width: 128rem;
    width: 100%;
}
 
.accordion-button::after {
    width: 2rem;
    height: 2rem;
    background-image: url(../img/plus.svg);
    background-size: 1.8rem;
}
 
.accordion-button:not(.collapsed)::after {
    background-image: url(../img/minus.svg);
    transform: initial;
}

/*========================== footer_section start ===========================*/
.footer_wrapper {
    padding: 24rem 0rem 11rem;
}

.footer_logo img {
    width: 34.8rem;
}

.footer_text {
    margin-top: 2.6rem;
}

.footer_text h4 {
    font-family: var(--gelion);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: var(--white);
    margin-bottom: 0.1rem;
}

.footer_text p {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
}

.footer_text ul {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    gap: 2.2rem;
}

.footer_text .facebook {
    width: 1.4rem;
}

.footer_text .instagram {
    width: 2.6rem;
}

.footer_text .linkdein {
    width: 2.7rem;
}

.footer_text .twitter {
    width: 2.6rem;
}

.footer_text a:hover {
    opacity: 0.85;
}

.footer_links h4 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: var(--white);
}

.footer_links ul li a {
    font-family: var(--gelion);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.4rem;
}

.footer_links ul li a img {
    width: 0.9rem;
    transition: 0.2s all ease;
}

.footer_links ul li a:hover {
    color: #74C7FF;
}

.footer_links ul li a:hover img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(72%) saturate(488%) hue-rotate(179deg) brightness(103%) contrast(102%);
}

.copyright_text {
    background: #03032A;
    padding: 3.6rem 0rem;
    text-align: center;
}

.copyright_text p {
    font-family: var(--gelion);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    color: var(--white);
}