@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/InterVariable-Italic.woff2") format("woff2");
}

/* static fonts */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("./fonts/Inter-Thin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("./fonts/Inter-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("./fonts/Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("./fonts/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("./fonts/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("./fonts/Inter-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("./fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("./fonts/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("./fonts/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("./fonts/Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("./fonts/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("./fonts/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("./fonts/Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("./fonts/Inter-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("./fonts/Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("./fonts/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("./fonts/Inter-Black.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("./fonts/Inter-BlackItalic.woff2") format("woff2"); }

@font-feature-values InterVariable {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}
@font-feature-values Inter {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body {
    margin: 0;
    padding: 0;
    background: rgb(0, 0, 0);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
    margin: 0
}

body,
input,
textarea,
select,
button {
    font-size: 12px;
    font-family: sans-serif
}

header{
    flex: none;
    height: auto;
    left: 50%;
    position: fixed;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: 10;
}
header nav{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    /* overflow: hidden; */
    padding: 14px 0 12px;
    position: relative;
    width: 1200px;
    backdrop-filter: blur(7px);
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    opacity: 1;
}

header nav .container{
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    max-width: 1120px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 1px;
}
header nav .container .logo{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 50px;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 1px;
    flex: 1 0 0px;
}
header nav .container .logo a{
	height:100%;
}
header nav .container .logo a img{
	height:100%;
}
header nav .container .menu_item{
    --border-bottom-width: 1px;
    --border-color: rgba(135, 135, 135, 0.16);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    backdrop-filter: blur(10px);
    background-color: rgba(20, 20, 20, 0.55);
    border-radius: 30px;
    opacity: 1;
    align-content: center;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 26px;
    height: auto;
    justify-content: center;
    overflow: visible;
    padding: 0px 28px;
    position: relative;
    width: min-content;
}
header nav .container .menu_item::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
header nav .container .menu_item .link_item{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 35px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: min-content;
}
header nav .container .menu_item .link_item .item{
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
}
header nav .container .menu_item .link_item  a{
    color:rgba(255, 255, 255, 0.6);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    white-space: pre;
}
header nav .container .menu_item .link_item a:hover{
    color: rgba(255, 255, 255, 1);
}
header nav .container .menu_item .link_item .item .sub_menu{
    position: absolute;
    top: 100%;
    left: -25%;
    display: none;
}
header nav .container .menu_item .link_item .item:hover .sub_menu{
    display: flex;
    background-color: rgba(20, 20, 20, 0.55);
    border-radius: 5px;
    padding: 15px 15px;
    gap: 10px;
    flex-direction: column;
}
header nav .container .actions{
    flex: 1 0 0px;
    display: flex;
    justify-content: flex-end;
}
header nav .container .actions .trp-language-switcher{
    --border-bottom-width: 0px;
    --border-color: rgba(0, 0, 0, 0);
    --border-left-width: 0px;
    --border-right-width: 0px;
    --border-style: solid;
    --border-top-width: 0px;
    padding: 12px 20px 12px 20px;
    backdrop-filter: blur(5px);
    background-color: rgba(79, 82, 255, 0.92);
    border-radius: 11px;
    box-shadow: rgb(39, 50, 105) 0px 0px 0px 0px;
    opacity: 1;
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    text-decoration: none;
    font-family: "Inter", sans-serif;
}

header nav .disktop-show{
    display: flex;
}
header nav .phone-show{
    display:none;
}
header nav .phone-show .mbox{
    display: flex;
    width: 100%;
}
header .container .menu_icon{
    align-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 6px;
    height: 34px;
    justify-content: flex-start;
    overflow: visible;
    padding: 8px 2px 2px;
    position: relative;
    width: 34px;
}
header .container .menu_icon .menu_line{
    flex: none;
    height: 2px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    opacity: 1;
    transition: all 0.5s;
}
.cont_menu.sub_menu{
    left: -300% !important;
}
.cont_menu.sub_menu .cont-box{
    display: flex;
    width: 600px;
    gap: 20px;
}
.cont_menu.sub_menu .cont-box .cont-item{
    display: flex;
    gap: 20px;
}
.cont_menu.sub_menu .cont-box .cont-item .cont-icon{
    width:30%;
}
.cont_menu.sub_menu .cont-box .cont-item .cont-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cont_menu.sub_menu .cont-box .cont-item .cont-text .menu_cont_title{
    font-size: 18px;
    color:#fff;
    line-height: 1.5;
}
.cont_menu.sub_menu .cont-box .cont-item .cont-text .menu_cont_text{
    font-size: 12px;
    color:#fffa;
    text-align: left;
}
.cont_menu.sub_menu .cont-box .cont-item .menu_cont_text{
    font-size: 12px;
    color:#fffa;
}
.cont_menu.sub_menu .cont-box .cont-item.cont-2{
    flex-direction: column;
    gap: 10px;
}
.cont_menu.sub_menu .cont-box .cont-item ul{
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}
.cont_menu.sub_menu .cont-box .cont-item ul li{
    list-style: none;
    
}
.cont-a{
    white-space: initial !important;
    font-family: initial !important;
}
.phone_menu_item{
    width:100%;
    height: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.phone_menu_item .link_item a{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8em;
    text-align: center;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    color:#fff;
}
.phone_menu_item .link_item .sub_menu{
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.phone_menu_item .link_item .sub_menu a{
    font-size: 14px;
}
.phone-show.show .phone_menu_item{
    max-height: 1000px;
    height: 100%;
}
.phone-show.show .menu_icon .ml1{
    display: none;
}
.phone-show.show .menu_icon .ml2{
    transform: rotate(45deg);
    transform-origin: 50% 50% 0px;
    left: calc(50.00000000000002% - 30px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 2px / 2);
}
.phone-show.show .menu_icon .ml3{
    transform: rotate(-45deg);
    transform-origin: 50% 50% 0px;
    left: calc(50.00000000000002% - 30px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 2px / 2);
}
@media (max-width:768px){
    header nav .disktop-show{
        display: none;
    }
    header nav .phone-show{
        display:flex;
        flex-direction: column;
    }
}

/* banner */
main .banner {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: flex-start;
    overflow: hidden;
    padding: 180px 0 0;
    position: relative;
    width: 100%;
}
main .banner .container {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 395px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
main .banner .asset {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: 1124px;
    justify-content: center;
    left: calc(50.00000000000002% - min(1200px, 100%) / 2);
    max-width: 1200px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
main .banner .container .heading {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 37px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
main .banner .container .heading .header{
    flex: none;
    height: auto;
    max-width: 840px;
    position: relative;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    opacity: 1;
    flex-shrink: 0;
    will-change: transform;
    transform: perspective(1200px);
    align-items: center;
    gap: 20px;
}
main .showbtn{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 8px 12px 7px;
    position: relative;
    width: min-content;
    border-bottom-width: 1px;
    border-color: rgba(120, 120, 120, 0.33);
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-top-width: 1px;
    background-color: rgba(38, 35, 48, 0.4);
    border-radius: 50px;
    opacity: 1;
    transform: none;
    margin: 0 auto;
    font-size: 24px;
}

main .banner .container .heading .header h1 {
    font-family: "Inter", sans-serif;
    font-size: 58px;
    font-weight: 500;
    line-height: 1.1em;
    text-align: center;
}
main .banner .container .heading .header .text{
    word-break: break-word;
    word-wrap: break-word;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    color:rgba(255, 255, 255, .8);

}
main .banner .container .heading .social{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
}
main .banner .container .heading .social .avatars{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    min-height: 28px;
    min-width: 115px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: min-content;
}
main .banner .container .heading .social .avatars .avatar{
    -webkit-mask: radial-gradient(59.202331961591206% 59% at 126.4% 50%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 1) 100%) add;
    border-radius: 18px;
    flex: none;
    height: 28px;
    left: 0;
    mask: radial-gradient(59.202331961591206% 59% at 126.4% 50%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 1) 100%) add;
    overflow: hidden;
    /* position: absolute; */
    top: calc(50.00000000000002% - 28px / 2);
    width: 28px;
    z-index: 1;
    margin-left: -18px
}
main .banner .container .heading .social .avatars .avatar:last-of-type{
    -webkit-mask:initial;
    mask:initial;
}
main .banner .container .heading .social .avatars .avatar img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}
main .banner .container .heading .social .avatartxt{
    flex: none;
    height: auto;
    opacity: .8;
    position: relative;
    width: auto;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    color:rgba(255, 255, 255, .8);
}
main .banner .container .heading .actions{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
}
main .btn{
    border:none;
    border-radius: 13px;
    color:#fff;
    padding: 12px 22px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}
main .btn.btn-primary{
    background-color: rgba(79, 82, 255, 0.92);
    box-shadow: rgb(39, 50, 105) 0px 0px 0px 0px;
}
main .btn.btn-primary:hover{
    background-color:rgb(68, 51, 255);
    box-shadow: rgb(39, 50, 105) 0px 0px 10px 2px;
}
main .btn.btn-secondary{
    background-color: rgba(0,0,0,0);
    box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 8px 5px inset;
    border-width: 0.75px;
    border-color: rgba(128,128,128,1);
    border-style: solid;
}
main .btn.btn-secondary:hover{
    background-color: rgba(255, 255, 255, 0.11);
    box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 8px 6px inset;
    border-color: rgba(255,255,255,1);
}
main .banner .container .metrics {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: center;
    max-width: 900px;
    max-height: 400px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
main .banner .asset .lz canvas{
    -webkit-mask: radial-gradient(50% 46% at 50% 50%,#000000 75.39942286036036%,rgba(0,0,0,0) 100%) add;
    flex: none;
    height: 481px;
    left: calc(50.00000000000002% - 323px / 2);
    mask: radial-gradient(50% 46% at 50% 50%,#000000 75.39942286036036%,rgba(0,0,0,0) 100%) add;
    opacity: .53;
    position: absolute;
    top: calc(71.7081850533808% - 481px / 2);
    width: 323px;
    z-index: 1;
}
.metrics .card{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 33.3%;
}
.metrics .cont{
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 200px;
    justify-content: center;
    padding: 30px;
    position: relative;
    --border-bottom-width: 0.75px;
    --border-color: rgba(59, 59, 59, 0.65);
    --border-left-width: 0.75px;
    --border-right-width: 0.75px;
    --border-style: solid;
    --border-top-width: 0.75px;
    background: radial-gradient(108% 50% at 125.6% 10%, rgb(28, 27, 83) /* {"name":"Blue 900"} */ 0%, rgb(5, 5, 5) 100%);
    border-radius: 20px 0px 0px 0px;
    opacity: 1;
}
.metrics .cont.cont2{
    border-radius: 0px 0px 0px 0px;
    background: radial-gradient(108% 50% at 55.5% 10.4%, rgb(28, 27, 83) 37.829%, rgb(5, 5, 5) 100%);
}
.metrics .cont.cont3{
    border-radius: 0px 20px 0px 0px;
    background: radial-gradient(108% 50% at 0% 8.3%,  rgb(28, 27, 83) /* {"name":"Blue 900"} */ 10.328688063063062%, rgb(5, 5, 5) 100%);
}
.metrics .cont.cont4{
    border-radius: 0px 0px 0px 20px;
    background: radial-gradient(108% 50% at 100% 100%,  rgb(28, 27, 83) /* {"name":"Blue 900"} */ 10.328688063063062%, rgb(5, 5, 5) 100%);
}
.metrics .cont.cont5{
    border-radius: 0px 0px 0px 0px;
    background: radial-gradient(108% 50% at 50% 100%,  rgb(28, 27, 83) /* {"name":"Blue 900"} */ 10.328688063063062%, rgb(5, 5, 5) 100%);
}
.metrics .cont.cont6{
    border-radius: 0px 0px 20px 0px;
    background: radial-gradient(108% 50% at 0% 100%,  rgb(28, 27, 83) /* {"name":"Blue 900"} */ 10.328688063063062%, rgb(5, 5, 5) 100%);
}
.metrics .cont::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.metrics .card .pattern{
    flex: none;
    height: 100%;
    left: calc(50.06693440428383% - 100.1338688085676% / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    will-change: transform;
    z-index: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
    mask: linear-gradient(180deg, rgba(0,0,0,1) -85%, rgba(0,0,0,0) 151%) add;
    -webkit-mask: linear-gradient(180deg, rgba(0,0,0,1) -85%, rgba(0,0,0,0) 151%) add;
    opacity: 0.38;
}
.metrics .card .pattern .bgimg{
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat;
    background-position: left top;
    background-size: 30px auto;
    background-image: url(../images/line.png);
    border: 0;
}
.metrics .card .title{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6em;
    text-align: center;
    color:rgb(255, 255, 255);
    opacity: 0.7;
}
.metrics .card .number{
    font-family: "Inter", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
    background-image: linear-gradient(317deg, rgb(106, 130, 252) 33%, rgb(247, 247, 247) 64%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.7;
}
.metrics .card .subtitle{
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    color:rgb(255, 255, 255);
    opacity: 0.7;
}
main .banner .asset{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: 1124px;
    justify-content: center;
    left: calc(50.00000000000002% - min(1200px, 100%) / 2);
    max-width: 1200px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
main .banner .asset .lighting{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    left: 50%;
    max-width: 1200px;
    min-height: 513px;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 68%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}
main .banner .asset .lighting .light{
    background: linear-gradient(180deg, #ffffff 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 5px;
    flex: none;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}
main .banner .asset .lighting .light1{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    height: 168px;
    left: calc(2.4166666666666887% - 2px / 2);
    opacity: .8;
    top: calc(31.189083820662788% - 168px / 2);
    width: 2px;
}
main .banner .asset .lighting .light2{
    -webkit-filter: blur(3px);
    filter: blur(3px);
    height: 220px;
    left: calc(8.750000000000021% - 3px / 2);
    opacity: 1;
    top: calc(76.4132553606238% - 220px / 2);
    width: 3px;
}
main .banner .asset .lighting .light3{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    height: 168px;
    left: calc(16.583333333333357% - 5px / 2);
    opacity: 1;
    top: 166px;
    width: 5px;
}
main .banner .asset .lighting .light4{
    -webkit-filter: blur(4px);
    filter: blur(4px);
    height: 100px;
    left: calc(24.16666666666669% - 3px / 2);
    opacity: 1;
    top: calc(71.3450292397661% - 100px / 2);
    width: 3px;
}
main .banner .asset .lighting .light5{
    -webkit-filter: blur(4px);
    filter: blur(4px);
    height: 201px;
    left: calc(75.08333333333336% - 6px / 2);
    opacity: 1;
    top: calc(69.20077972709554% - 201px / 2);
    width: 6px;
}
main .banner .asset .lighting .light6{
    -webkit-filter: blur(3px);
    filter: blur(3px);
    height: 168px;
    left: calc(87.00000000000003% - 3px / 2);
    opacity: 1;
    top: calc(40.74074074074076% - 168px / 2);
    width: 3px;
}
main .banner .asset .lighting .light7{
    -webkit-filter: blur(3px);
    filter: blur(3px);
    height: 168px;
    left: calc(92.41666666666669% - 4px / 2);
    opacity: 1;
    top: calc(23.196881091617954% - 168px / 2);
    width: 4px;
}
main .banner .asset .lighting .light8{
    -webkit-filter: blur(4px);
    filter: blur(4px);
    height: 100px;
    left: calc(83.83333333333336% - 3px / 2);
    opacity: 1;
    top: calc(76.4132553606238% - 100px / 2);
    width: 3px;
}
main .banner .asset .lighting .lightbox{
    flex:none;
    z-index: 1;
    position: absolute;
}
main .banner .asset .lighting .lightbox1{
    left: calc(16.583333333333357% - 39px / 2);
    top: calc(33.5282651072125% - 39px / 2);
    height:39px;
    width:39px;
}
main .banner .asset .lighting .lightbox2{
    left: calc(75.08333333333336% - 33px / 2);
    top: calc(49.3177387914% - 33px / 2);
    height:33px;
    width:33px;
}
main .banner .asset .lighting .lightbox3{
    left: calc(87.00000000000003% - 23px / 2);
    top: calc(24.171539961013664% - 23px / 2);
    height:23px;
    width:23px;
}
main .banner .asset .lighting .lightbox4{
    left: calc(92.50000000000003% - 33px / 2);
    top: calc(8.187134502923998% - 33px / 2);
    height:33px;
    width:33px;
}
main .banner .asset .lighting .lightbox .lightflash{
    background-color: rgb(255, 255, 255);
    filter: blur(14px);
    height: 100%;
    width: 100%;
    border-radius: 47px;
    opacity: 0.650091;
    will-change: transform;
    overflow: visible;
    position: relative;
}
main .banner .asset .backgroundimg{
    width: 100%;
}
main .banner .asset .backgroundimg img{
    width: 100%;
}
main .banner .asset .xh{
    -webkit-mask: radial-gradient(50% 66% at 50% 47.9%, #000000 83.87711148648648%, rgba(0, 0, 0, 0) 100%) add;
    flex: none;
    height: 1124px;
    left: calc(50.00000000000002% - 100% / 2);
    mask: radial-gradient(50% 66% at 50% 47.9%, #000000 83.87711148648648%, rgba(0, 0, 0, 0) 100%) add;
    mix-blend-mode: screen;
    opacity: .1;
    position: absolute;
    top: calc(50.00000000000002% - 1124px / 2);
    width: 100%;
    z-index: 1;
}
main .banner .asset .xh .xhbox{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
main .banner .asset .xh .xhbox .xhclass{
    width: 400%;
    height: 400%;
    background-image: url(../images/xh.png);
    position: absolute;
    will-change: transform;
    opacity: 0.8;
    inset: -200%;
    transform: translateX(-10%) translateY(10%);
}
main .features{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 150px;
    height: min-content;
    justify-content: flex-start;
    max-width: 1200px;
    overflow: visible;
    padding: 150px 0 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
main .features .bg_blur1{
    background: radial-gradient(50% 37% at 50% 43.4%,rgba(29,28,84,.74) 0%,rgba(0,0,0,0) 100%);
    flex: none;
    height: 1063px;
    left: 0;
    opacity: .65;
    overflow: hidden;
    position: absolute;
    top: 364px;
    width: 83%;
    z-index: 0;
}
main .features .bg_blur2{
    background: radial-gradient(33% 40% at 35.099999999999994% 44.6%,#29170a 6.624788851351352%,rgba(0,0,0,0) 100%);
    bottom: 0;
    flex: none;
    height: 541px;
    left: 0;
    opacity: .7;
    overflow: hidden;
    position: absolute;
    width: 83%;
    z-index: 0;
}
main .features .bg{
    flex: none;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}
main .features .bg .bgimg{
    -webkit-mask: radial-gradient(50% 66% at 50% 47.9%,#000000 83.87711148648648%,rgba(0,0,0,0) 100%) add;
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    mask: radial-gradient(50% 66% at 50% 47.9%,#000000 83.87711148648648%,rgba(0,0,0,0) 100%) add;
    mix-blend-mode: screen;
    opacity: .1;
    position: absolute;
    top: calc(50.02322340919649% - 103% / 2);
    width: 100%;
    z-index: 0;
}
main .features .bg .bgimg .img{
    background: url("../images/xh.png");
    opacity: 0.6;
    inset: -200%;
    width: 400%;
    height: 400%;
    position: absolute;
    will-change: transform;
    transform: translateX(-8.7%) translateY(12.5%);
}
main .features .bg .gradient{
    background: linear-gradient(180deg,rgba(0,0,0,0) 6%,rgb(0,0,0) 100%);
    flex: none;
    height: 177px;
    left: calc(50.00000000000002% - 1200px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(95.91267998142129% - 177px / 2);
    width: 1200px;
    z-index: 0;
}
main .features .header_bage{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}
main .features .header_bage h1{
    font-size: 44px;
    font-weight: 500;
    line-height: 1.4em;
    text-align: center;
    max-width: 850px;
}
main .features .feature_card{
    z-index: 1;
}
main .features .feature_card .container{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 180px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0 80px 100px;
    position: relative;
    width: 100%;
}
main .features .feature_card .container .setion{
    width: 100%;
    display: flex;
    gap: 75px;
}
main .features .feature_card .setion .iconbox{
    background-color: rgb(0, 0, 0);
    border-radius: 8px;
    transform: none;
    transform-origin: 50% 50% 0px;
    padding: 13px 15px;
    display: inline-block;
}
main .features .feature_card .setion .iconbox svg{
    height: 23px;
    width: 23px;
    z-index: 1;
    color:rgb(255,255,255,1)
}
main .features .feature_card .setion .content{
    gap: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0px;
    width: 100%;
}
main .features .feature_card .setion .content .heading{
    background-color: rgb(68, 51, 255);
    padding: 10px 20px;
    border-radius: 10px;
}
main .features .feature_card .setion .content .heading h4{
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1em;
    color:#fff;
}
main .features .feature_card .setion .content .text p{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
    color:#fff;
}
main .features .feature_card .setion .content .btnbox a{
    font-size: 14px;
}
main .features .feature_card .setion .content2{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 341px;
    justify-content: center;
    padding: 8px;
    position: relative;
    width: 480px;
}
main .features .feature_card .setion .content2 .bgbox{
    background: linear-gradient(145deg, rgb(125, 125, 125) 0%, rgb(66, 66, 66) 34%, rgb(20, 22, 64) 74%);
    border-radius: 15px;
    box-shadow: 0px 10px 50px 0px rgb(28, 27, 83);
    height: 100%;
    width: 100%;
    opacity: 1;
}
main .features .feature_card .setion .content2 .bgbox .showimgbox{
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 100%;
    justify-content: center;
    overflow: visible;
    padding: 8px;
    position: relative;
    width: 100%;
}
.content2 .bgbox .showimgbox .cont{
    width: 100%;
    height: 100%;
    position: relative;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.content2 .bgbox .showimgbox .cont .shimmer_top{
    background: linear-gradient(270deg, rgba(63, 59, 242, 0) 0%, rgb(21, 0, 255) 25.6546%, rgb(0, 43, 255) 66.7873%, rgba(63, 59, 242, 0) 100%);
    will-change: transform;
    box-shadow: rgba(137, 91, 245, 0.463) 0px 0.602187px 0px -0.916667px, rgba(137, 91, 245, 0.447) 0px 2.28853px 0px -1.83333px, rgba(137, 91, 245, 0.384) 0px 10px 0px -2.75px;
    flex: none;
    inset: 0 333px 323px 1px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    width: 132px;
    height: 2px;
}
.content2 .bgbox .showimgbox .cont .animator01{
    flex: none;
    height: 242px;
    left: calc(50.00000000000002% - 242px / 2);
    position: absolute;
    top: calc(50.155763239875405% - 242px / 2);
    width: 242px;
    z-index: 2
}
.content2 .bgbox .showimgbox .cont .animator02{
    aspect-ratio: .9855595667870036 / 1;
    flex: none;
    height: 277px;
    overflow: visible;
    position: relative;
    width: 273px;
    z-index: 2;
}
.content2 .bgbox .showimgbox .cont .animator02 .c1{
    flex: none;
    height: 213px;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 30px;
    width: 100%;
}
.content2 .bgbox .showimgbox .cont .animator02 .c1 .e1{
    bottom: 0;
    flex: none;
    left: calc(49.81684981684984% - 213px / 2);
    position: absolute;
    top: 0;
    width: 213px;
    --border-bottom-width: 1px;
    --border-color: rgb(255, 255, 255);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 100%;
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator02 .c1 .e1::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.content2 .bgbox .showimgbox .cont .animator02 .c1 .p1{
    flex: none;
    height: 7px;
    left: 44px;
    position: absolute;
    top: 47px;
    width: 7px;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator02 .c1 .p2{
    flex: none;
    height: 6px;
    position: absolute;
    right: 43px;
    top: 50px;
    width: 6px;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator02 .c1 .p3{
    bottom: -3px;
    flex: none;
    height: 6px;
    left: calc(49.81684981684984% - 6px / 2);
    position: absolute;
    width: 6px;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator02 .c2{
    aspect-ratio: 1 / 1;
    bottom: 63px;
    flex: none;
    height: 99px;
    position: absolute;
    right: 38px;
    width: 99px;
    --border-bottom-width: 1px;
    --border-color: rgb(255, 255, 255);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 100%;
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator04 .c2{
    bottom: 0px;
}
.content2 .bgbox .showimgbox .cont .animator02 .c2::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.content2 .bgbox .showimgbox .cont .animator02 .c3{
    aspect-ratio: 1 / 1;
    bottom: 63px;
    flex: none;
    height: 99px;
    left: 38px;
    position: absolute;
    width: 99px;
    --border-bottom-width: 1px;
    --border-color: rgb(255, 255, 255);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 100%;
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator02 .c3::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.content2 .bgbox .showimgbox .cont .animator02 .c4{
    aspect-ratio: 1 / 1;
    flex: none;
    height: var(--framer-aspect-ratio-supported, 98px);
    left: 50%;
    position: absolute;
    top: 31px;
    width: 99px;
    --border-bottom-width: 1px;
    --border-color: rgb(255, 255, 255);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: dashed;
    --border-top-width: 1px;
    border-radius: 100%;
    transform: translateX(-50%);
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator02 .c4::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.content2 .bgbox .showimgbox .cont .animator03{
    flex: none;
    height: 216px;
    overflow: visible;
    position: relative;
    width: 285px;
    z-index: 2;
}
.content2 .bgbox .showimgbox .cont .animator03 .svg{
    flex: none;
    height: 222px;
    left: calc(49.824561403508795% - 222px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 222px / 2);
    width: 222px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20222%20222%22%3E%3Cpath%20d%3D%22M%20108%204.213%20C%20166.977%204.213%20214.787%2052.023%20214.787%20111%20C%20214.787%20169.977%20166.977%20217.787%20108%20217.787%20C%2049.023%20217.787%201.213%20169.977%201.213%20111%20C%201.213%2052.023%2049.023%204.213%20108%204.213%20Z%22%20fill%3D%22transparent%22%20stroke-width%3D%221.22%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20199.371%2050.472%20C%20201.381%2050.472%20203.011%2052.102%20203.011%2054.112%20C%20203.011%2056.123%20201.381%2057.753%20199.371%2057.753%20C%20197.36%2057.753%20195.73%2056.123%20195.73%2054.112%20C%20195.73%2052.102%20197.36%2050.472%20199.371%2050.472%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20108.101%20213.944%20C%20110.112%20213.944%20111.742%20215.574%20111.742%20217.584%20C%20111.742%20219.595%20110.112%20221.225%20108.101%20221.225%20C%20106.091%20221.225%20104.461%20219.595%20104.461%20217.584%20C%20104.461%20215.574%20106.091%20213.944%20108.101%20213.944%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20111.64%200%20C%20113.651%200%20115.281%201.63%20115.281%203.64%20C%20115.281%205.651%20113.651%207.281%20111.64%207.281%20C%20109.63%207.281%20108%205.651%20108%203.64%20C%20108%201.63%20109.63%200%20111.64%200%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator03 .c1{
    flex: none;
    height: 178px;
    left: 31px;
    overflow: visible;
    position: absolute;
    top: calc(49.53703703703706% - 178px / 2);
    width: 178px;
}
.content2 .bgbox .showimgbox .cont .animator03 .c1 .svg1{
    flex: none;
    height: 178px;
    left: calc(50.00000000000002% - 178px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 178px / 2);
    width: 178px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20178%20178%22%3E%3Cpath%20d%3D%22M%2089%201%20C%20137.601%201%20177%2040.399%20177%2089%20C%20177%20137.601%20137.601%20177%2089%20177%20C%2040.399%20177%201%20137.601%201%2089%20C%201%2040.399%2040.399%201%2089%201%20Z%22%20fill%3D%22transparent%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20161%2035%20C%20162.657%2035%20164%2036.343%20164%2038%20C%20164%2039.657%20162.657%2041%20161%2041%20C%20159.343%2041%20158%2039.657%20158%2038%20C%20158%2036.343%20159.343%2035%20161%2035%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2058%20169%20C%2059.657%20169%2061%20170.343%2061%20172%20C%2061%20173.657%2059.657%20175%2058%20175%20C%2056.343%20175%2055%20173.657%2055%20172%20C%2055%20170.343%2056.343%20169%2058%20169%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator03 .c2{
    flex: none;
    height: 88px;
    left: calc(26.66666666666669% - 88px / 2);
    overflow: visible;
    position: absolute;
    top: calc(48.611111111111136% - 88px / 2);
    width: 88px;
}
.content2 .bgbox .showimgbox .cont .animator03 .c2 .svg2{
    flex: none;
    height: 88px;
    left: calc(50.00000000000002% - 88px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 88px / 2);
    width: 88px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2088%2088%22%3E%3Cpath%20d%3D%22M%2044%201%20C%2067.748%201%2087%2020.252%2087%2044%20C%2087%2067.748%2067.748%2087%2044%2087%20C%2020.252%2087%201%2067.748%201%2044%20C%201%2020.252%2020.252%201%2044%201%20Z%22%20fill%3D%22transparent%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2073%209%20C%2074.657%209%2076%2010.343%2076%2012%20C%2076%2013.657%2074.657%2015%2073%2015%20C%2071.343%2015%2070%2013.657%2070%2012%20C%2070%2010.343%2071.343%209%2073%209%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator03 .c3{
    flex: none;
    height: 139px;
    left: 32px;
    overflow: visible;
    position: absolute;
    top: calc(49.0740740740741% - 139px / 2);
    width: 138px;
}
.content2 .bgbox .showimgbox .cont .animator03 .c3 .svg3{
    flex: none;
    height: 139px;
    left: calc(49.27536231884061% - 139px / 2);
    position: absolute;
    top: calc(49.640287769784194% - 139px / 2);
    width: 139px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20139%20139%22%3E%3Cpath%20d%3D%22M%2069.5%201%20C%20107.332%201%20138%2031.668%20138%2069.5%20C%20138%20107.332%20107.332%20138%2069.5%20138%20C%2031.668%20138%201%20107.332%201%2069.5%20C%201%2031.668%2031.668%201%2069.5%201%20Z%22%20fill%3D%22transparent%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20108%2010%20C%20109.657%2010%20111%2011.343%20111%2013%20C%20111%2014.657%20109.657%2016%20108%2016%20C%20106.343%2016%20105%2014.657%20105%2013%20C%20105%2011.343%20106.343%2010%20108%2010%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2027%20120%20C%2028.657%20120%2030%20121.343%2030%20123%20C%2030%20124.657%2028.657%20126%2027%20126%20C%2025.343%20126%2024%20124.657%2024%20123%20C%2024%20121.343%2025.343%20120%2027%20120%20Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator03 .svg02{
    flex: none;
    height: 46px;
    left: 32px;
    position: absolute;
    top: calc(50.00000000000002% - 46px / 2);
    width: 46px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cpath%20d%3D%22M%2023%200%20C%2035.703%200%2046%2010.297%2046%2023%20C%2046%2035.703%2035.703%2046%2023%2046%20C%2010.297%2046%200%2035.703%200%2023%20C%200%2010.297%2010.297%200%2023%200%20Z%22%20fill%3D%22transparent%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20stroke-dasharray%3D%222%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .animator03 .line{
    flex: none;
    height: 6px;
    left: -1px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(50.00000000000002% - 6px / 2);
}
.content2 .bgbox .showimgbox .cont .animator03 .line .box{
    flex: none;
    inset: 0 0 0 -714px;
    overflow: visible;
    position: absolute;
}
.content2 .bgbox .showimgbox .cont .animator03 .line .box .svg03{
    flex: none;
    height: 6px;
    left: calc(50.00000000000002% - 1000px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 6px / 2);
    width: 1000px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201000%206%22%3E%3Cpath%20d%3D%22M%200%203.5%20L%201000%203.5%22%20fill%3D%22transparent%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20stroke-dasharray%3D%226%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.content2 .bgbox .showimgbox .cont .icoimg{
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    height: 243px;
    left: 0;
    position: absolute;
    top: 0;
    width: 242px;
    aspect-ratio: 1 / 1;
    height:242px;
    left: 50%;
    overflow: visible;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.content2 .bgbox .showimgbox .cont .gradient{
    background: linear-gradient(66deg,  rgb(3, 4, 18) 54%,  rgb(51, 37, 33) 110.00000000000001%);
    border-radius: 10px;
    opacity: 1;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    will-change:transform;
    z-index: 0;
}
.content2 .bgbox .showimgbox .cont .blurbox{
    background: radial-gradient(39% 50%, rgb(28, 34, 94) 27.4053%, rgba(29, 28, 84, 0) 100%);
    opacity: 1;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.content2 .bgbox .showimgbox .cont .bg_grid{
    mask: radial-gradient(65% 65% at 57.3% 48.2%, rgb(0, 0, 0) 5.5972%, rgba(0, 0, 0, 0.05) 100%);
    border-radius: 0px;
    opacity: 0.36;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.content2 .bgbox .showimgbox .cont .bg_grid_img{
    position: absolute;
    border-radius: inherit;
    inset: 0px;
    background-repeat: repeat;
    background-position: left top;
    background-size: 45.03px;
    background-image: url(../images/line.png);
    border: 0px;
}
.content2 .bgbox .showimgbox .cont .bg_border_light{
    --border-bottom-width: 1px;
    --border-color: rgba(115, 122, 255, 0.39);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    mask: linear-gradient(322deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 77%);
    border-radius: 10px;
    opacity: 1;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.content2 .bgbox .showimgbox .cont .bg_border_light::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.content2 .bgbox .showimgbox .cont .bg_border{
    --border-bottom-width: 1px;
    --border-color: rgba(59, 59, 59, 0.65);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 10px;
    mask: linear-gradient(129deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 62%);
    opacity: 1;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}
.content2 .bgbox .showimgbox .cont .bg_border::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.text-fill{
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0.1em;
}


.solutions{
    align-content: center;
    align-items: center;
    background: radial-gradient(34% 31% at 50% 51.6%, #1d1c54 8.889358108108109%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 150px 0 100px;
    position: relative;
    width: 100%;
}
.solutions .container{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 70px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.solutions .container .header_bage h1{
    font-size: 58px;
    font-weight: 500;
    line-height: 1.3em;
    max-width: 840px;
    text-align: center;
    margin: 0 auto;
}
.solutions .container .v2ryom{
    flex: none;
    height: auto;
    max-width: 1040px;
    position: relative;
    width: 100%;
}
.solutions .container .v2ryom .v2ryom-container{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    max-width: 1002px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1002px;
    will-change: transform;
}
.solutions .container .v2ryom .v2ryom-container .v2-row{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.solutions .container .v2ryom .v2ryom-container .v2-row .card1{
    align-content: center;
    align-items: center;
    display: flex;
    flex: .6 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: 352px;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    will-change: transform;
    background-color: rgb(10, 10, 10);
    border-radius: 10px;
    opacity: 1;
}
.solutions .container .v2ryom .v2ryom-container .v2-row .card2{
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: 352px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    position: relative;
    will-change: transform;
    background-color: rgb(10, 10, 10);
    border-radius: 10px;
    opacity: 1;
}
.solutions .container .v2ryom .v2ryom-container .v2-row .card3{
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: 352px;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    background-color: rgb(10, 10, 10);
    border-radius: 10px;
    opacity: 1;
}
.solutions .container .v2ryom .v2ryom-container .v2-row .card4{
    align-content: center;
    align-items: center;
    display: flex;
    flex: .6 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: 352px;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    background-color: rgb(10, 10, 10);
    border-radius: 10px;
    opacity: 1;
}
.card1 .visual{
    flex: none;
    height: 186px;
    overflow: visible;
    position: relative;
    width: 100%;
    mask: linear-gradient(rgb(0, 0, 0) 89%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
}
.card1 .visual .icon{
    flex: none;
    height: 45px;
    left: calc(50.06729475100944% - 39px / 2);
    position: absolute;
    top: calc(48.924731182795725% - 45px / 2);
    width: 39px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2039%2045%22%3E%3Cpath%20d%3D%22M%2030.573%2011.159%20C%2030.573%2017.372%2025.584%2022.409%2019.43%2022.409%20C%2013.276%2022.409%208.287%2017.372%208.287%2011.159%20C%208.287%204.946%2013.276%20-0.091%2019.43%20-0.091%20C%2025.584%20-0.091%2030.573%204.946%2030.573%2011.159%20Z%22%20fill%3D%22rgb(199%2C%20199%2C%20199)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%202.716%2044.905%20C%201.177%2044.905%20-0.07%2043.646%20-0.07%2042.092%20L%20-0.07%2042.092%20C%20-0.07%2034.326%206.166%2028.03%2013.858%2028.03%20L%2025.001%2028.03%20C%2032.694%2028.03%2038.93%2034.326%2038.93%2042.092%20L%2038.93%2042.092%20C%2038.93%2043.646%2037.683%2044.905%2036.144%2044.905%20Z%22%20fill%3D%22rgb(199%2C%20199%2C%20199)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.card1 .visual .inner_circle{
    flex: none;
    height: 138px;
    left: calc(50.06729475100944% - 138px / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 138px / 2);
    width: 138px
}
.card1 .visual .inner_circle .m{
    aspect-ratio: 1 / 1;
    flex: none;
    height: 134px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 134px;
    will-change: transform;
    z-index: 0;
    --border-bottom-width: 1px;
    --border-color: rgba(255, 255, 255, 0.4);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 500px;
    transform: translate(-50%, -50%);
    opacity: 1;
}
.card1 .visual .inner_circle .m:after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.card1 .visual .inner_circle .p1{
    flex: none;
    height: 6px;
    left: calc(50.00000000000002% - 6px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(2.173913043478283% - 6px / 2);
    width: 6px;
    will-change: transform;
    z-index: 1;
    background-color: rgba(79, 82, 255, 0.92);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .inner_circle .p2{
    flex: none;
    height: 6px;
    left: calc(2.173913043478283% - 6px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 6px / 2);
    width: 6px;
    will-change: transform;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .inner_circle .p3{
    flex: none;
    height: 6px;
    left: calc(50.00000000000002% - 6px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(97.82608695652176% - 6px / 2);
    width: 6px;
    will-change: transform;
    z-index: 1;
    background-color: rgba(79, 82, 255, 0.92);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .inner_circle .p4{
    flex: none;
    height: 6px;
    left: calc(97.82608695652176% - 6px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 6px / 2);
    width: 6px;
    will-change: transform;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .circle{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 295px;
    justify-content: center;
    left: calc(50.06729475100944% - 295px / 2);
    overflow: visible;
    padding: 0;
    position: absolute;
    top: calc(50.00000000000002% - 295px / 2);
    width: 295px;
}
.card1 .visual .circle .m{
    flex: none;
    height: 291px;
    left: calc(50.16949152542375% - 291px / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.16949152542375% - 291px / 2);
    width: 291px;
    z-index: 0;
    --border-bottom-width: 2px;
    --border-color: rgba(255, 255, 255, 0.4);
    --border-left-width: 2px;
    --border-right-width: 2px;
    --border-style: dotted;
    --border-top-width: 2px;
    border-radius: 500px;
    opacity: 1;
}
.card1 .visual .circle .m::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.card1 .visual .circle .p1{
    flex: none;
    height: 7px;
    left: calc(50.16949152542375% - 7px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(98.98305084745765% - 7px / 2);
    width: 7px;
    will-change: transform;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .circle .p2{
    flex: none;
    height: 7px;
    left: calc(50.16949152542375% - 7px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(1.3559322033898527% - 7px / 2);
    width: 7px;
    will-change: transform;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .circle .p3{
    flex: none;
    height: 7px;
    left: calc(1.3559322033898527% - 7px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.16949152542375% - 7px / 2);
    width: 7px;
    will-change: transform;
    z-index: 1;
    background-color:  rgba(79, 82, 255, 0.92);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .circle .p4{
    flex: none;
    height: 8px;
    left: calc(98.98305084745765% - 7px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.16949152542375% - 7.5px / 2);
    width: 7px;
    will-change: transform;
    z-index: 1;
    background-color:  rgba(79, 82, 255, 0.92);
    border-radius: 100px;
    opacity: 1;
}
.card1 .visual .bgd{
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat;
    background-position: center top;
    background-size: 27.95px auto;
    background-image: url(../images/pppp.png);
    border: 0;
    opacity: 0.14;
}
.card .cont{
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 13px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 34px 30px 30px;
    position: relative;
    width: 100%;
    /* z-index: 3; */
}
.card .cont h5{
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}
.card .cont p{
    color: rgba(255, 255, 255,0.5);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4em;
    margin: 0;
    padding: 0;

}
.card1 .bg_border_dark{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100.13440860215054% / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 0;
    --border-bottom-width: 1px;
    --border-color: rgb(56, 56, 56);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 10px;
    mask: linear-gradient(rgba(0, 0, 0, 0) -41%, rgb(0, 0, 0) 42%);
    opacity: 1;
}
.card1 .bg_border_dark::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.card1 .bg_border_light{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 0;
    --border-bottom-width: 1px;
    --border-color:  rgba(115, 122, 255, 0.59);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    border-radius: 10px;
    mask: linear-gradient(rgb(0, 0, 0) -19%, rgba(0, 0, 0, 0) 23%);
    opacity: 1;
}
.card1 .bg_border_light::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.card2 .visual{
    flex: none;
    height: 186px;
    overflow: hidden;
    position: relative;
    width: 620px;
    mask: linear-gradient(rgb(0, 0, 0) 59%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
}
.card2 .visual .down_dot_line{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
    height: min-content;
    justify-content: flex-end;
    left: 50%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 110px;
    width: 100%;
}
.card2 .visual .up_dot_line{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
    height: min-content;
    justify-content: flex-start;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 70px;
    width: 100%;
}
.card2 .visual .dot_line .dot_cont{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    height: min-content;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: min-content;
    will-change: transform;
    opacity: 0.25;
    transform: none;
}
.card2 .visual .dot_line .dot_cont .dot{
    aspect-ratio: 1 / 1;
    flex: none;
    height: 2px;
    overflow: visible;
    position: relative;
    width: 2px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    opacity: 1;
}
.card2 .visual .bgsvg{
    flex: none;
    height: 185px;
    left: calc(49.315068493150704% - 443px / 2);
    position: absolute;
    top: calc(49.46236559139787% - 185px / 2);
    width: 443px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20443%20185%22%3E%3Cpath%20d%3D%22M%201.2%2076.638%20L%201.2%2055.661%20C%201.2%2047.231%208.041%2040.402%2016.47%2040.416%20L%20133.642%2040.608%20C%20137.444%2040.614%20141.146%2041.829%20144.214%2044.076%20L%20183%2072.5%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%201%2076.247%20L%201%2055.341%20C%201%2046.884%207.884%2040.043%2016.34%2040.096%20L%2081%2040.5%22%20fill%3D%22transparent%22%20stroke-width%3D%220.7%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2068%20116.5%20L%2068%20127.314%20C%2068%20137.22%2076.03%20145.25%2085.936%20145.249%20L%20166.477%20145.245%20C%20171.867%20145.245%20176.971%20142.82%20180.377%20138.642%20L%20197%20118.25%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20256.39%20114.177%20L%20308.716%20150.149%20C%20313.588%20153.498%20316.497%20159.034%20316.491%20164.946%20L%20316.473%20184.052%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20148.5%201%20L%20148.429%2024.029%20C%20148.411%2029.764%20151.138%2035.162%20155.765%2038.552%20L%20190.5%2064%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20148.5%2013.5%20L%20148.239%2023.778%20C%20148.089%2029.653%20150.828%2035.229%20155.568%2038.702%20L%20190.099%2064%22%20fill%3D%22transparent%22%20stroke-width%3D%220.7%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20302%201.5%20L%20302%2019.422%20C%20302%2024.124%20300.153%2028.638%20296.858%2031.992%20L%20260%2069.504%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20277%2088%20L%20442.603%2087.958%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20213%2051.5%20L%20213%201%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20244%20174%20L%20244%20126%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20213%20167.5%20L%20213%20134%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20226%20183%20L%20226%20135%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20268.5%20103%20L%20389.214%20102.979%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20263.5%20108.5%20L%20373.795%20184.052%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20213%2040.5%20L%20213%2024.5%22%20fill%3D%22transparent%22%20stroke-width%3D%220.7%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20213%20155%20L%20213%20167.5%22%20fill%3D%22transparent%22%20stroke-width%3D%220.7%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20244%20126.5%20L%20244%20142%22%20fill%3D%22transparent%22%20stroke-width%3D%220.7%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20226%20159.5%20L%20226%20184%22%20fill%3D%22transparent%22%20stroke-width%3D%220.7%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20277%20128.5%20L%20308.686%20150.159%20C%20313.576%20153.501%20316.5%20159.042%20316.5%20164.965%20L%20316.5%20183%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20283.5%2045.5%20L%20261%2068.5%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20329%20153.5%20L%20359%20174%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.card2 .visual .glow{
    aspect-ratio: 1 / 1;
    flex: none;
    height: 149px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 47%;
    width: 149px;
    will-change:transform;
    z-index: 0;
    background: linear-gradient(180deg, rgba(30, 30, 31, 0.56) 0%,  rgb(68, 51, 255) /* {"name":"Blue 500"} */ 100%);
    border-radius: 30px;
    box-shadow: rgba(255, 255, 255, 0.97) 0px 0px 18px 6px;
    opacity: 0.6084;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.card2 .visual .star1{
    aspect-ratio: 1 / 1;
    flex: none;
    height: 83px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 47%;
    width: 83px;
    will-change: transform;
    background-color: rgb(20, 20, 20);
    border-radius: 15px;
    box-shadow: rgba(255, 255, 255, 0.97) 0px 0px 6px 1px;
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 1;
}
.card2 .visual .star2{
    flex: none;
    height: 12px;
    left: calc(34.649476228847725% - 12px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(77.95698924731185% - 12px / 2);
    width: 12px;
    will-change: transform;
    background-color: rgb(187, 187, 187);
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 1px;
    transform: rotate(-45deg);
    opacity: 1;
}
.card2 .visual .star3{
    flex: none;
    height: 18px;
    left: calc(68.97663174858987% - 18px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(47.31182795698927% - 18px / 2);
    width: 18px;
    will-change: transform;
    background-color: rgb(187, 187, 187);
    border-radius: 5px;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 1px;
    transform: rotate(-45deg);
    opacity: 1;
}
.card2 .visual .star4{
    flex: none;
    height: 18px;
    left: calc(84.329563812601% - 18px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(47.31182795698927% - 18px / 2);
    width: 18px;
    will-change: transform;
    background-color: rgb(187, 187, 187);
    border-radius: 5px;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 1px;
    transform: rotate(-45deg);
    opacity: 1;
}
.card2 .visual .star5{
    flex: none;
    height: 20px;
    left: calc(13.859790491539103% - 20px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(45.698924731182814% - 20px / 2);
    width: 20px;
    will-change: transform;
    background-color: rgb(184, 184, 184);
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 1px;
    transform: rotate(-45deg);
    opacity: 1;
}
.card .bg_border_dark{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100.13440860215054% / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 0;
    --border-bottom-width: 1px;
    --border-color: rgb(56, 56, 56);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    mask: linear-gradient(rgba(0, 0, 0, 0) -41%, rgb(0, 0, 0) 42%);
    border-radius: 10px;
    opacity: 1;
}
.card .bg_border_dark::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.card .bg_border_light{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 0;
    --border-bottom-width: 1px;
    --border-color: var(--token-4d4e246d-2a74-46c3-9893-3fce4d5ccc1d, rgba(115, 122, 255, 0.59));
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    mask: linear-gradient(rgb(0, 0, 0) -19%, rgba(0, 0, 0, 0) 23%);
    border-radius: 10px;
    opacity: 1;
}
.card .bg_border_light::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.card3 .visual{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 19px;
    height: 186px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    mask: linear-gradient(rgb(0, 0, 0) 73%, rgba(0, 0, 0, 0) 103%);
    opacity: 1;
}
.card3 .visual img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover;
    position: absolute;
    border-radius: inherit;
    inset: 0px;
}
.card3 .visual .magnifier{
    flex: none;
    height: 146px;
    left: calc(50.08077544426497% - 146px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(49.46236559139787% - 146px / 2);
    width: 146px;
    will-change: transform;
    z-index: 1;
    --border-bottom-width: 1px;
    --border-color: rgb(120, 120, 120);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    will-change: transform;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.84) 3px 8px 28px 17px;
    opacity: 1;
    transform: none;
}
.card3 .visual .magnifier .bigger_image{
    flex: none;
    height: 210px;
    left: calc(50.00000000000002% - 698px / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 210px / 2);
    width: 698px;
}
.card3 .visual .magnifier .bigger_image img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover;
}
.card3 .visual .magnifier .blur{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    will-change: transform;
    border-radius: 100px;
    box-shadow: rgba(115, 122, 255, 0.22) 0px 0px 21px 10px inset;
    opacity: 1;
}
.card4 .visual{
    flex: none;
    height: 186px;
    overflow: visible;
    position: relative;
    width: 100%;
    mask: linear-gradient(rgb(0, 0, 0) 73%, rgba(0, 0, 0, 0) 103%);
    opacity: 1;
}
.card4 .visual .dots{
    bottom: 0;
    flex: none;
    left: calc(50.00000000000002% - 218px / 2);
    overflow: visible;
    position: absolute;
    top: 0;
    width: 218px;
}
.card4 .visual .dots .bgsvg{
    flex: none;
    height: 186px;
    left: calc(50.00000000000002% - 218px / 2);
    position: absolute;
    top: calc(50.00000000000002% - 186px / 2);
    width: 218px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20218%20186%22%3E%3Cpath%20d%3D%22M%20121.063%2033.533%20L%20121.063%2033.533%20C%20121.063%2037.951%20117.49%2041.532%20113.082%2041.532%20L%20108.98%2041.532%20C%20102.307%2041.532%2096.897%2046.954%2096.897%2053.642%20L%2096.897%2058.169%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20145.208%2015.39%20L%20145.208%2015.39%20C%20145.208%2010.049%20149.527%205.72%20154.857%205.72%20L%20164.069%205.72%20C%20167.089%205.72%20169.537%203.267%20169.537%200.24%20L%20169.537%200.24%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20121.063%2047.067%20L%20121.063%2047.067%20C%20121.063%2051.397%20124.566%2054.907%20128.886%2054.907%20L%20134.74%2054.907%20C%20140.533%2054.907%20145.229%2059.613%20145.229%2065.419%20L%20145.229%2065.419%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2072.589%2037.891%20L%2072.589%2037.891%20C%2072.589%2042.221%2069.087%2045.731%2064.766%2045.731%20L%2058.912%2045.731%20C%2053.119%2045.731%2048.423%2050.437%2048.423%2056.243%20L%2048.423%2056.243%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20145.229%2091.553%20L%20145.229%2091.553%20C%20145.229%2095.883%20141.727%2099.394%20137.406%2099.394%20L%20131.552%2099.394%20C%20125.759%2099.394%20121.063%20104.1%20121.063%20109.905%20L%20121.063%20109.905%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2048.423%20105.111%20L%2048.423%20105.111%20C%2048.423%20109.441%2051.926%20112.952%2056.247%20112.952%20L%2062.101%20112.952%20C%2067.893%20112.952%2072.589%20117.658%2072.589%20123.463%20L%2072.589%20123.463%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20121.063%20119.02%20L%20121.063%20119.02%20C%20121.063%20114.69%20117.561%20111.179%20113.24%20111.179%20L%20107.386%20111.179%20C%20101.593%20111.179%2096.897%20106.473%2096.897%20100.668%20L%2096.897%20100.668%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20121.063%20154.269%20L%20121.063%20154.269%20C%20121.063%20158.599%20117.561%20162.109%20113.24%20162.109%20L%20107.386%20162.109%20C%20101.593%20162.109%2096.897%20166.816%2096.897%20172.621%20L%2096.897%20172.621%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20121.061%2019.153%20L%20121.061%2019.153%20C%20121.062%2014.641%20117.412%2010.982%20112.91%2010.982%20L%20105.11%2010.982%20C%20100.573%2010.982%2096.895%207.296%2096.895%202.75%20L%2096.895%202.75%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2024.225%2057.678%20L%2024.225%2057.678%20C%2024.226%2053.166%2020.576%2049.507%2016.073%2049.507%20L%208.273%2049.507%20C%203.737%2049.507%200.059%2045.821%200.059%2041.274%20L%200.059%2041.274%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2048.486%2019.153%20L%2048.486%2019.153%20C%2048.487%2014.641%2044.837%2010.982%2040.334%2010.982%20L%2035.039%2010.982%20C%2029.119%2010.982%2024.32%206.173%2024.32%200.24%20L%2024.32%200.24%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2096.776%2085.27%20L%2096.776%2085.27%20C%2096.411%2089.7%2092.717%2093.11%2088.281%2093.11%20L%2083.032%2093.11%20C%2078.679%2093.11%2074.784%2095.822%2073.265%2099.911%20L%2073.265%2099.911%20C%2072.832%20101.076%2072.611%20102.31%2072.611%20103.554%20L%2072.611%20109.905%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2048.423%200.24%20L%2048.423%20137.017%20C%2048.423%20144.264%2054.285%20150.139%2061.516%20150.139%20L%2066.088%20150.139%20C%2069.705%20150.139%2072.637%20153.078%2072.635%20156.703%20L%2072.635%20157.194%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20169.537%200.24%20L%20169.537%20135.596%20C%20169.537%20142.843%20163.675%20148.717%20156.444%20148.717%20L%20151.152%20148.717%20C%20147.932%20148.717%20145.323%20151.333%20145.323%20154.56%20L%20145.323%20154.56%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2024.372%200.24%20L%2024.372%20121.854%20C%2024.372%20129.101%2030.234%20134.976%2037.465%20134.976%20L%2042.757%20134.976%20C%2045.976%20134.976%2048.587%20137.591%2048.587%20140.818%20L%2048.587%20140.818%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20193.588%200.24%20L%20193.588%20102.597%20C%20193.588%20109.843%20187.726%20115.718%20180.495%20115.718%20L%20175.923%20115.718%20C%20172.306%20115.718%20169.375%20118.658%20169.376%20122.282%20L%20169.377%20122.774%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20217.846%200.24%20L%20217.846%2062.997%20C%20217.846%2070.244%20211.984%2076.119%20204.753%2076.119%20L%20200.181%2076.119%20C%20196.564%2076.119%20193.633%2079.058%20193.634%2082.683%20L%20193.635%2083.175%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%200.157%200.24%20L%200.157%2091.141%20C%200.157%2098.388%206.019%20104.263%2013.25%20104.263%20L%2017.822%20104.263%20C%2021.439%20104.263%2024.371%20107.202%2024.369%20110.826%20L%2024.369%20111.318%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2072.61%200.24%20L%2072.61%20185.975%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20145.229%200.24%20L%20145.229%20185.975%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%20121.02%200.24%20L%20121.019%20185.975%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2096.897%200.24%20L%2096.897%20185.975%22%20fill%3D%22transparent%22%20stroke-width%3D%220.5%22%20stroke%3D%22rgb(217%2C217%2C217)%22%20stroke-miterlimit%3D%2210%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    opacity: 1;
}
.card4 .visual .dots .dot_line{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    height: 186px;
    justify-content: flex-end;
    left: calc(33.486238532110114% - 8px / 2);
    overflow: visible;
    padding: 0;
    position: absolute;
    top: calc(50.00000000000002% - 186px / 2);
    width: 8px;
}
.card4 .visual .dots .dot_line .cont{
        align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    height: min-content;
    justify-content: flex-end;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.card4 .visual .dots .dot_line .cont .dot,.card4 .visual .dots .dot_line2 .cont .dot,.card4 .visual .dots .dot_line3 .cont .dot{
    aspect-ratio: 1 / 1;
    flex: none;
    height: 8px;
    overflow: visible;
    position: relative;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot_line .cont .dot2,.card4 .visual .dots .dot_line2 .cont .dot2,.card4 .visual .dots .dot_line3 .cont .dot2{
    aspect-ratio: 1 / 1;
    flex: none;
    height: 8px;
    overflow: visible;
    position: relative;
    width: 100%;
    background-color:  rgb(68, 51, 255);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot_line2{
    align-content: center;
    align-items: center;
    bottom: 0;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    justify-content: flex-end;
    left: 117px;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    width: 8px;
}
.card4 .visual .dots .dot_line2 .cont{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 72px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.card4 .visual .dots .dot_line3{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    height: 117px;
    justify-content: flex-end;
    left: calc(77.98165137614681% - 8px / 2);
    overflow: visible;
    padding: 0;
    position: absolute;
    top: calc(31.182795698924753% - 117px / 2);
    width: 8px;
}
.card4 .visual .dots .dot_line3 .cont{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 44px;
    height: min-content;
    justify-content: flex-end;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.card4 .visual .dots .dot01{
    flex: none;
    height: 8px;
    overflow: visible;
    position: absolute;
    right: 117px;
    top: 34px;
    width: 8px;
    background-color: rgb(106, 130, 252);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot02{
    flex: none;
    height: 8px;
    left: 141px;
    overflow: visible;
    position: absolute;
    top: 146px;
    width: 8px;
    background-color:  rgb(106, 130, 252);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot03{
    flex: none;
    height: 8px;
    overflow: visible;
    position: absolute;
    right: 69px;
    top: 89px;
    width: 8px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot04{
    flex: none;
    height: 8px;
    overflow: visible;
    position: absolute;
    right: -4px;
    top: 58px;
    width: 8px;
    background-color:  rgb(255, 236, 224);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot05{
    flex: none;
    height: 8px;
    overflow: visible;
    position: absolute;
    right: 190px;
    top: 34px;
    width: 8px;
    background-color:  rgb(255, 236, 224);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot06{
    flex: none;
    height: 8px;
    left: 44px;
    overflow: visible;
    position: absolute;
    top: 74px;
    width: 8px;
    background-color: rgb(255, 236, 224);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .dots .dot07{
    flex: none;
    height: 8px;
    left: -4px;
    overflow: visible;
    position: absolute;
    top: 74px;
    width: 8px;
    background-color:  rgb(255, 236, 224);
    border-radius: 4px;
    opacity: 1;
}
.card4 .visual .bg{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    will-change: transform;
    z-index: 0;
    border-radius: 10px;
    opacity: 0.2;
}
.card4 .visual .bg .ppp{
    position: absolute;
    border-radius: inherit;
    inset: 0px;
    background-repeat: repeat;
    background-position: center top;
    background-size: 27.95px;
    background-image: url("../images/pppp.png");
    border: 0px;
}
.benefit{
    align-content: center;
    align-items: center;
    background: radial-gradient(25% 31% at 50% 45.2%,rgba(29,28,84,.8) 6.90632038288288%,rgba(0,0,0,.32) 100%);
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: flex-end;
    overflow: visible;
    padding: 100px 0 150px;
    position: relative;
    width: 100%;
}
.benefit .container{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 80px;
    height: min-content;
    justify-content: flex-start;
    max-width: 900px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.benefit .container .title_asset{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.benefit .container .title_asset .header_badge{
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 82px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.benefit .container .title_asset .header_badge h1{
    font-size:43px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.1em ;
    font-style: normal;
    align-items: flex-start;
    display: flex;
    flex: 2 0 0px;
}
.benefit .container .title_asset .header_badge p{
    font-size:16px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    color:rgba(255, 255, 255, 1);
    flex: 1 0 0px;
}
.benefit .container .benefit_card{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 13px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.benefit .container .benefit_card .row{
    display: grid;
    flex: none;
    gap: 10px;
    grid-auto-rows: minmax(0,1fr);
    grid-template-columns: repeat(3,minmax(50px,1fr));
    grid-template-rows: repeat(2,minmax(0,1fr));
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.benefit .container .benefit_card .card_box{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: 170px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 30px 25px;
    position: relative;
    /* width: 360px; */
    will-change: transform;
    border-radius: 10px;
}
.benefit .container .benefit_card .card_box .cont{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.benefit .container .benefit_card .card_box .cont .content{
        align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    height: min-content;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.benefit .container .benefit_card .card_box .cont .content h5{
    font-size:18px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.3em ;
    font-style: normal;
    color:rgba(255, 255, 255, 0.9);
}
.benefit .container .benefit_card .card_box .cont .content p{
    font-size:16px ;
    font-weight:400 ;
    font-family: 'Inter', sans-serif;
    line-height:1.3em ;
    font-style: normal;
    color:rgba(255, 255, 255, 0.6);
}
.benefit .container .benefit_card .card_box .gradient{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    position: absolute;
    top: calc(49.48979591836737% - 99.74489795918367% / 2);
    width: 100%;
    will-change: transform;
    background: linear-gradient(0deg, rgb(29, 25, 41) -63%, rgba(10, 10, 10, 0.22) 100%);
    border-radius: 10px;
    opacity: 1;
}
.benefit .container .benefit_card .card_box .bg_border_white{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 0;
    --border-bottom-width: 0.5px;
    --border-color: rgba(255, 255, 255, 0.3);
    --border-left-width: 0.5px;
    --border-right-width: 0.5px;
    --border-style: solid;
    --border-top-width: 0.5px;
    border-radius: 10px;
    mask: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 92%);
    opacity: 1;
}
.benefit .container .benefit_card .card_box .bg_border_white::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.benefit .container .benefit_card .card_box .bg_border_purple{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: visible;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 0;
    --border-bottom-width: 0.5px;
    --border-color: rgba(115, 122, 255, 0.9);
    --border-left-width: 0.5px;
    --border-right-width: 0.5px;
    --border-style: solid;
    --border-top-width: 0.5px;
    border-radius: 10px;
    mask: linear-gradient(rgba(0, 0, 0, 0) 77%, rgb(0, 0, 0) 100%);
    opacity: 1;
}
.benefit .container .benefit_card .card_box .bg_border_purple::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.benefit .container .benefit_card .card_box .cont .icon .svgimg{
    height: 20px;
    width: 20px;
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
}



.security{
        align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
    width: 100%;
}
.security .container{
        align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 60px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.security .container .title{
        align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.security .container .title h2{
    font-size:58px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.1em ;
    font-style: normal;
}
.security .container .title p{
    font-size:18px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color:rgba(255, 255, 255, 0.8);
    max-width: 600px;
    text-align: center;
}
.security .container .asset{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.security .container .asset .cont{
    -webkit-mask: url(../images/cppp.png) alpha repeat center / 34.65px 34.65px add;
    flex: 1 0 0px;
    height: 550px;
    mask: url(../images/cppp.png) alpha repeat center / 34.65px 34.65px add;
    max-width: 1100px;
    position: relative;
    width: 1px;
}
.security .container .asset .section{
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0px;
    padding: 10px;
    list-style-type: none;
    opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 9.5%, rgb(0, 0, 0) 90.5%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}
.security .container .asset .section ul{
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-indent: none;
    gap: 0;
    position: relative;
    flex-direction: row;
    will-change: transform;
    transform: translateX(-0px);
}
.security .container .asset .section ul li .noise{
    height: 825px;
    overflow: hidden;
    position: relative;
    width: 753px;
} 
.security .container .asset .section ul li .noise .color{
    aspect-ratio: .9132281553398058 / 1;
    background-color: var(--token-5e0de8d3-db8c-4006-9dcb-b57a81826e10, #241852);
    flex: none;
    height: var(--framer-aspect-ratio-supported, 825px);
    left: 0;
    mix-blend-mode: screen;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
}
.security .container .asset .icon{
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    box-shadow: 0 0 38px 10px var(--token-89735d87-4ff4-4b6c-9a4c-fda363c1f3b2, #1c1b53);
    flex: none;
    height: var(--framer-aspect-ratio-supported, 180px);
    left: 50%;
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 180px;
    z-index: 1;
}
.security .container .asset .icon img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}
.security .container .asset .pulse{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    left: 50%;
    min-height: 140px;
    min-width: 140px;
    overflow: visible;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: min-content;
    z-index: 0;
}
.security .container .asset .pulse .pulse_item{
    --border-bottom-width: 1px;
    --border-color: var(--token-b59f2a47-793f-4385-b642-a7325d36b2cb, #6a82fc);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    background-color: var(--token-89735d87-4ff4-4b6c-9a4c-fda363c1f3b2, #1c1b53);
    border-radius: 100%;
    box-shadow: inset 0 0 6px 3px var(--token-e04dab2b-3d21-4c1b-b9ec-cd195db4173a, rgba(79, 82, 255, .92));
    flex: none;
    height: 119px;
    left: calc(50.00000000000002% - 120px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 119px / 2);
    width: 120px;
    will-change: var(--framer-will-change-override, transform);
    z-index: 1;
}
.security .container .asset .pulse .pulse_item::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.faq{
        align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 150px 40px 50px;
    position: relative;
    width: 100%;
}
.faq .container{
    --border-bottom-width: 1px;
    --border-color: rgba(59, 59, 59, .65);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    align-content: flex-start;
    align-items: flex-start;
    background: linear-gradient(270deg,rgba(18,18,18,.25) 14.000000000000002%,rgba(15,15,36,.92) 100%);
    border-radius: 15px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    max-width: 1050px;
    overflow: visible;
    padding: 16px 16px 16px 40px;
    position: relative;
    width: 100%;
}
.faq .container .header_badge{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: .7 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: sticky;
    top: 100px;
    /*width: 1px;*/
    will-change: transform;
    z-index: 1;
}
.faq .container .header_badge .title{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 20px 0 30px;
    position: relative;
    width: 100%;
}
.faq .container .header_badge .title h4{
    font-size:43px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.1em ;
    font-style: normal;
}
.faq .container .header_badge .title p{
    font-size:16px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: rgba(255, 255, 255, .8);
    max-width: 320px;
}
.faq .container .content{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
    height: min-content;
    justify-content: flex-start;
    max-width: 900px;
    overflow: hidden;
    padding: 0;
    position: relative;
    /*width: 1px;*/
}
.faq .container .bggrid{
    -webkit-mask: linear-gradient(121deg,#000000 2%,rgba(0,0,0,0) 43%) add;
    border-radius: 10px;
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    mask: linear-gradient(121deg,#000000 2%,rgba(0,0,0,0) 43%) add;
    opacity: .25;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(49.9714122355632% - 100.11435105774729% / 2);
    width: 100%;
    will-change:  transform;
    z-index: 0;
}
.faq .container .bggrid .bgp{
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat;
    background-position: left top;
    background-size: 42.27px auto;
    background-image: url(../images/line.png);
    border: 0;
}
.faq .container::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}

.faq .container .content .item{
    align-content: flex-start;
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    height: min-content;
    justify-content: flex-start;
    overflow: hidden;
    padding: 28px 20px 28px 25px;
    position: relative;
    width: 758px;
    will-change: transform;
    background: radial-gradient(72% 120% at 27.5% 22.7%, rgba(14, 13, 66, 0) 0%, rgba(28, 15, 21, 0) 100%);
    width: 100%;
    border-radius: 10px;
    transform: none;
    transform-origin: 50% 50% 0px;
}
.faq .container .content .item .title{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    transform: none;
    transform-origin: 50% 50% 0px;
    z-index: 1; 
}
.faq .container .content .item .title h5{
    font-size:20px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: #fff;
}
.faq .container .content .item .title .ico{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 26px;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 26px;
}
.faq .container .content .item .richtext{
    flex: none;
    height: auto;
    max-width: 90%;
    position: relative;
    white-space: pre-wrap;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    transform-origin: 50% 50% 0px;
    z-index: 1;
    display: none;
}
.faq .container .content .item .richtext p{
    font-size:16px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: rgba(255, 255, 255, 0.8);
}
.faq .container .content .item .gradient{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    will-change: var(--framer-will-change-override, transform);
    z-index: 0;
    --border-bottom-width: 1px;
    --border-color: rgb(46, 46, 46);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    background: radial-gradient(72% 120% at 27.5% 22.7%, rgb(15, 13, 67) 0%, rgb(29, 16, 22) 100%);
    border-radius: 10px;
    transform: none;
    transform-origin: 50% 50% 0px;
    display: none;
}
.faq .container .content .item .gradient::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.faq .container .content .item.show .richtext{
    display: flex;
}
.faq .container .content .item.show .gradient{
    display: block;
}
.faq .container .content .item,.faq .container .content .item .title .ico{
    transition: all 0.3s ease-in-out;
}
.faq .container .content .item.show .title .ico{
    transform: rotate(45deg);
}

.testimonials{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 33px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 150px 0;
    position: relative;
    width: 100%;
}
.testimonials .container{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 60px;
    height: min-content;
    justify-content: center;
    max-width: 1200px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.testimonials .container .header_badge{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.testimonials .container .header_badge h1{
    font-size:58px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.1em ;
    font-style: normal;
    color: #fff;
}
.testimonials .container .header_badge .text{
    max-width: 50%;
    text-align: center;
}
.testimonials .container .header_badge .text span{
    font-size:18px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: #fff;
}
.testimonials .container .rowbox{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.testimonials .container .rowbox .cont{
    flex: none;
    height: 217px;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.testimonials .container .rowbox .cont section{
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0px;
    padding: 10px;
    list-style-type: none;
    opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}
.testimonials .container .rowbox .cont section ul{
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    gap: 10px;
    position: relative;
    flex-direction: row;
    will-change: transform;
    transform: translateX(0px);
    /* left: -4690px; */
}
.testimonials .container .rowbox .cont section ul li .testbox{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 30px 35px;
    position: relative;
    width: 459px;
    height: 217px;
    will-change: transform;
    --border-bottom-width: 1px;
    --border-color: rgba(255, 255, 255, 0.15);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    background: radial-gradient(83% 87% at 14.899999999999999% 0%, rgb(28, 27, 83) /* {"name":"Blue 800"} */ 0%, rgba(51, 37, 33, 0.31) 100%);
    opacity: 1;
    border-radius: 15px;
}
.testimonials .container .rowbox .cont section ul li .testbox .con{
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    overflow: visible;
    padding: 0;
    position: relative;
    justify-content: center;
}
.testimonials .container .rowbox .cont section ul li .testbox .con .avatar_heading{
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
}
.testimonials .container .rowbox .cont section ul li .testbox .con .avatar{
    flex: none;
    height: 40px;
    position: relative;
    width: 40px;
    border-radius: 999px;
}
.testimonials .container .rowbox .cont section ul li .testbox .con .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px;
}
.testimonials .container .rowbox .cont section ul li .testbox .con .heading h5{
    font-size:16px ;
    font-weight:700 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: #fff;
}
.testimonials .container .rowbox .cont section ul li .testbox .con .heading h6{
    font-size:14px ;
    font-weight:400 ;
    font-family: 'Inter', sans-serif;
    line-height:1.2em ;
    font-style: normal;
    color: #fff;
}
.testimonials .container .rowbox .cont section ul li .testbox .con p{
    font-size:16px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: rgba(255, 255, 255, 0.8);
}
.testimonials .container .rowbox .cont section ul li .testbox .bggrid{
    flex: none;
    height: 99%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(49.9714122355632% - 99.30715935334872% / 2);
    width: 100%;
    will-change: transform;
    z-index: 0;
    mask: linear-gradient(171deg, rgb(0, 0, 0) 2%, rgba(0, 0, 0, 0) 50%);
    opacity: 0.25;
    border-radius: 10px;
}
.testimonials .container .rowbox .cont section ul li .testbox .bggrid .line{
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat;
    background-position: left top;
    background-size: 39.50px auto;
    background-image: url(../images/line.png);
    border: 0;
}
.testimonials .container .rowbox .cont section ul li .testbox::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.cta{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 100px 0 20px;
    position: relative;
    width: 100%;
}
.cta .container{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 75px;
    height: min-content;
    justify-content: center;
    max-width: 1120px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.cta .container .fbanbox{
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 100px 100px 80px;
    position: relative;
    width: 1120px;
    will-change: transform;
    --border-bottom-width: 1px;
    --border-color: rgba(255, 255, 255, 0.15);
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    background-color: rgba(10, 10, 10, 0.92);
    border-radius: 10px;
    width: 100%;
    opacity: 1;
}
.cta .container .fbanbox::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: inherit;
    pointer-events: none;
}
.cta .container .fbanbox .content{
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    max-width: 550px;
    text-align: center;
}
.cta .container .fbanbox .content h4{
    font-size:45px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.1em ;
    font-style: normal;
    color: #fff;
}
.cta .container .fbanbox .content p{
    font-size:16px ;
    font-weight:300 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: rgba(255, 255, 255, 0.8);
}
.cta .container .fbanbox .bggrid{
    flex: none;
    height: 99%;
    left: calc(50.00000000000002% - 100% / 2);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(50.11337868480727% - 99.43310657596372% / 2);
    width: 100%;
    will-change: transform;
    z-index: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    mask: radial-gradient(48% 50% at 50% 45.800000000000004%, rgba(0, 0, 0, 0.8) 34.28216497747748%, rgba(0, 0, 0, 0.1) 100%) add;
    -webkit-mask: radial-gradient(48% 50% at 50% 45.800000000000004%, rgba(0, 0, 0, 0.8) 34.28216497747748%, rgba(0, 0, 0, 0.1) 100%) add;
    opacity: 0.23;
}
.cta .container .fbanbox .bggrid .line{
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat;
    background-position: left top;
    background-size: 39.50px auto;
    background-image: url(../images/line.png);
    border: 0;
}
.cta .container .fbanbox .blur{
    flex: none;
    height: 850px;
    left: calc(50.00000000000002% - 1120px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(3.628117913832222% - 849.5px / 2);
    width: 1120px;
    will-change: transform;
    z-index: 0;
    background: radial-gradient(50% 60% at 50% 32.8%, rgb(255, 255, 255) 7.34973%, rgba(68, 54, 223, 0.886) 24.2278%, rgb(154, 150, 248) 36%, rgb(72, 57, 237) 49.9878%, rgba(0, 0, 0, 0) 100%);
    border-radius: 10px;
    opacity: 1;
}
.cta .container .fbanbox .zz{
    flex: none;
    height: 100%;
    left: calc(50.00000000000002% - 100% / 2);
    mix-blend-mode: screen;
    position: absolute;
    top: calc(50.00000000000002% - 100% / 2);
    width: 100%;
    z-index: 1;
    mask: radial-gradient(50% 66% at 50% 47.9%, rgba(0,0,0,1) 83.87711148648648%, rgba(0,0,0,0) 100%) add;
    -webkit-mask: radial-gradient(50% 66% at 50% 47.9%, rgba(0,0,0,1) 83.87711148648648%, rgba(0,0,0,0) 100%) add;
    opacity: 0.15;
}
.cta .container .fbanbox .zz .zimg{
    background: url("../images/xh.png");
    opacity: 0.4;
    inset: -200%;
    width: 400%;
    height: 400%;
    position: absolute;
    will-change: transform;
    transform: translateX(-6%) translateY(7%);
}

footer .container{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    max-width: 1200px;
    overflow: hidden;
    padding: 58px 40px 85px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
footer .container2{
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    max-width: 1200px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}
footer .container2 p{
    color:#fff;
    font-size: 16px;
}
footer .container .items{
    display: flex;
    gap:50px;
}
footer .container .logo{
    width:100px;
}
footer .container .logo img{
    width:100%;
}
footer .container .items .item{
    display: flex;
    gap:16px;
    flex-direction: column;
}
footer .container .items .item h5{
    font-size:16px ;
    font-weight:500 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: #fff;
}
footer .container .items .item p a{
    font-size:14px ;
    font-weight:400 ;
    font-family: 'Inter', sans-serif;
    line-height:1.4em ;
    font-style: normal;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}
footer .container .items .item p a:hover{
    color: rgba(255, 255, 255, 1);
}
.el-box{
    position: relative;
    background: linear-gradient(0deg, rgb(29, 25, 41) -63%, rgba(10, 10, 10, 0.22) 100%);
    border-radius: 10px;
}
.el-box:after{
    content: "";
    background-image: url(../images/line.png);
    background-size: 30px;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left:0;
    position: absolute;
    opacity: 0.3;
    border-radius: 10px;
}
.el-box2{
    position: relative;
    background: linear-gradient(0deg, rgb(29, 25, 41) -63%, rgba(10, 10, 10, 0.22) 100%);
    border-radius: 10px;
}
.el-box2:after{
    content: "";
    background-image: url(../images/line.png);
    background-size: 16px;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left:0;
    position: absolute;
    opacity: 0.3;
    border-radius: 10px;
}
.solutions .container .header_bage{
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.top_show{
    display: none;
}



@media (max-width:768px){
    .top_show{
        display: block;
        z-index: 10;
        right: 0;
        position: fixed;
        bottom: 100px;
    }
    .top_show .trp-shortcode-switcher__wrapper{
        --bg: rgba(79, 82, 255, 0.92) !important;
    }
    header nav{
        padding: 18px 20px;
    }
    main .banner{
        padding: 80px 0 0;
    }
    main .banner .container{
        gap: 220px;
    }
    main .banner .container .heading .header{
        padding: 0 20px;
    }
    main .banner .container .heading .header h1{
        font-size: 28px;
    }
    main .banner .asset .backgroundimg{
        display: flex;
        justify-content: center;
    }
    main .banner .asset .backgroundimg img{
        width: 300%;
        margin-top: -400px;
    }
    main .banner .asset .lighting{
        display: none;
    }
    main .banner .container .metrics{
        max-height: none;
        padding: 0 10px;
    }
    main .features .feature_card .container .setion{
        flex-direction: column;
    }
    .solutions .container .v2ryom .v2ryom-container{
        width:100%;
    }
    .solutions .container .v2ryom .v2ryom-container .v2-row{
        flex-direction: column;
    }
    .solutions .container .v2ryom .v2ryom-container .v2-row .card1,.solutions .container .v2ryom .v2ryom-container .v2-row .card2,.solutions .container .v2ryom .v2ryom-container .v2-row .card3,.solutions .container .v2ryom .v2ryom-container .v2-row .card4{
        width:100%;
        flex:none;
    }
    main .features .feature_card .setion .content2{
        width:100%;
    }
    main .features .feature_card .container .setion{
        gap:25px;
    }
    main .features .feature_card .container{
        padding: 0 20px;
        gap: 80px;
    }
    main .features .feature_card .setion .content{
        align-items: center;
    }
    .benefit .container .title_asset .header_badge{
        flex-direction: column;
        gap: 30px;
    }
    .metrics .card{
        width:50%;
    }
    .metrics .cont.cont2{
        border-radius: 0px 20px 0px 0px;
    }
    .metrics .cont.cont3{
        border-radius: 0px 0px 0px 0px;
    }
    .metrics .cont.cont4{
        border-radius: 0px 0px 0px 0px;
    }
    .metrics .cont.cont5{
        border-radius: 0px 0px 0px 20px;
    }
    .metrics .card .number{
        font-size: 28px;
    }
    main .features{
        gap: 50px;
        padding: 100px 0 0;
    }
    main .features .header_bage{
        padding:0 20px;
    }
    main .features .header_bage h1{
        font-size: 28px;
    }
    main .features .feature_card .setion .content2 .bgbox .showimgbox{
        overflow: hidden;
    }
    .solutions .container .header_bage h1{
        font-size: 28px;
        padding: 0 20px;
    }
    .solutions .container .v2ryom{
        padding: 0 20px;
    }
    .benefit{
        padding: 50px 20px 50px;
        text-align: center;
    }
    .benefit .container .benefit_card .row{
        grid-template-columns: repeat(1,minmax(50px,1fr));
    }
    .benefit .container .title_asset .header_badge h1{
        font-size: 28px;
    }
    .benefit .container .benefit_card .card_box .cont .content p{
        text-align: left;
    }
    .security .container .title h2{
        font-size: 28px;
    }
    .security .container .title p{
        padding: 0 20px;
    }
    .faq{
        padding: 20px;
    }
    .faq .container{
        padding: 16px;
        flex-direction: column;
    }
    .faq .container .header_badge{
        flex:none;
        position: initial;
    }
    .faq .container .content{
        flex:none;
    }
    .faq .container .header_badge .title h4{
        font-size:28px;
    }
    .testimonials .container .header_badge h1{
        font-size: 28px;
    }
    .testimonials .container .header_badge .text{
        max-width:90%;
    }
    .cont-pc{
        display: none;
    }
    .testimonials{
        padding: 50px 0;
    }
    .testimonials .container .rowbox .cont section ul li .testbox{
        width: 200px;
        height: 100px;
        padding: 20px;
    }
    .testimonials .container .rowbox .cont section ul li .testbox img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .cta{
        padding: 50px 0 20px;
    }
    .cta .container .fbanbox{
        padding: 40px;
    }
    .cta .container .fbanbox .content h4{
        font-size: 28px;
    }
    .iconbox{
        background-color: rgb(255, 255, 255) !important;
    }
    .iconbox svg{
        color:rgb(0,0,0) !important;
    }
    .features .feature_card .setion .cont_card2,.features .feature_card .setion .cont_card4{
        order:1;
    }
    footer .container{
        flex-direction: column;
        gap:20px;
        padding: 20px;
    }
    footer .container .items{
        flex-direction: column;
    }
}


.phone_menu_item .link_item ul{
	display:flex;
	padding:0;
}
.phone_menu_item .link_item ul li{
	list-style:none;
	margin:0 10px;
}