@font-face
{
    font-family: HKNova;
    src: url(/_next/static/media/HKNova-Regular.972f23d8.woff2) format("woff2"),url(/_next/static/media/HKNova-Regular.bcad6d6d.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: HKNova;
    src: url(/_next/static/media/HKNova-Medium.1b08207b.woff2) format("woff2"),url(/_next/static/media/HKNova-Medium.e21f363c.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: HKNova;
    src: url(/_next/static/media/HKNova-ExtraBold.c11553a6.woff2) format("woff2"),url(/_next/static/media/HKNova-ExtraBold.4ab9ddff.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: HKNova;
    src: url(/_next/static/media/HKNova-Bold.888857d9.woff2) format("woff2"),url(/_next/static/media/HKNova-Bold.b773c17a.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: HKNova;
    src: url(/_next/static/media/HKNova-Heavy.e73c8478.woff2) format("woff2"),url(/_next/static/media/HKNova-Heavy.e2e13f11.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Thin.605324f7.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-ThinItalic.ef891114.ttf) format("truetype");
    font-style: italic;
    font-weight: 100;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-ExtraLight.9102fb84.ttf) format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-ExtraLightItalic.2ce50445.ttf) format("truetype");
    font-style: italic;
    font-weight: 200;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Light.8b20023e.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-LightItalic.acd7f79f.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Regular.4b4ebe20.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Italic.b2efb5cd.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Medium.a52d0bf0.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-MediumItalic.34a634e1.ttf) format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-SemiBold.98512bf8.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-SemiBoldItalic.50263591.ttf) format("truetype");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Bold.8001a01b.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-BoldItalic.1a15c5ce.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-ExtraBold.7572a9b5.ttf) format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-ExtraBoldItalic.9656981d.ttf) format("truetype");
    font-style: nitalic;
    font-weight: 800;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-Black.a7317f18.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}
@font-face
{
    font-family: Poppins;
    src: url(/_next/static/media/Poppins-BlackItalic.0719401c.ttf) format("truetype");
    font-style: italic;
    font-weight: 900;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-Thin.8b8fa35e.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-ExtraLight.45eefe6d.ttf) format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-Light.f4f6cbf1.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-Regular.92bc0ee9.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-Medium.8b81541d.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-SemiBold.569bc3df.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-Bold.b8488dd9.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-ExtraBold.10d1e2a7.ttf) format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
@font-face
{
    font-family: Lexend;
    src: url(/_next/static/media/Lexend-Black.fcbf8581.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-Thin.d2f40396.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-ExtraLight.4a67ef74.ttf) format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-Light.8be0a11c.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-Regular.8c0fe73b.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-Medium.04937818.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-SemiBold.48eaf57b.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-Bold.1e3e4a31.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-ExtraBold.30e41037.ttf) format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
@font-face
{
    font-family: Inter;
    src: url(/_next/static/media/Inter-Black.fe65acfa.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}
html
{
    overflow-y: scroll;
}
body
{
    margin: 0;
    color: #050429;
    font-family: HKNova,sans-serif;
    font-size: 16px;
    font-weight: 400;
}
@media only screen and (max-width: 767px)
{
    body
    {
        font-size: 15px;
    }
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary
{
    display: block;
}
audio, canvas, progress, video
{
    display: inline-block;
}
audio:not([controls])
{
    display: none;
    height: 0;
}
progress
{
    vertical-align: initial;
}
[hidden], template
{
    display: none;
}
a
{
    background-color: #0000;
    text-decoration: none;
    color: #050429;
}
a:active, a:hover
{
    outline-width: 0;
}
a:hover
{
    opacity: .8;
}
abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b, strong
{
    font-weight: inherit;
    font-weight: bolder;
}
dfn
{
    font-style: italic;
}
h1
{
    font-size: 2.75rem;
    margin: .67em 0;
}
mark
{
    background-color: #ff0;
    color: #000;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
svg:not(:root)
{
    overflow: hidden;
}
code, kbd, pre, samp
{
    font-family: monospace,monospace;
    font-size: 1em;
}
figure
{
    margin: 1em 40px;
}
hr
{
    box-sizing: initial;
    height: 0;
    overflow: visible;
}
button, input, optgroup, select, textarea
{
    font: inherit;
    margin: 0;
}
optgroup
{
    font-weight: 700;
}
button, input
{
    overflow: visible;
}
button, select
{
    text-transform: none;
}
[type=reset], [type=submit], button, html [type=button]
{
    -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner
{
    border-style: none;
    padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring
{
    outline: 1px dotted ButtonText;
}
fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend
{
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea
{
    overflow: auto;
}
[type=checkbox], [type=radio]
{
    box-sizing: border-box;
    padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-input-placeholder
{
    color: inherit;
    opacity: .54;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
*
{
    box-sizing: border-box;
}
:after, :before
{
    box-sizing: inherit;
}
img
{
    margin: 0;
    padding: 0;
    border-style: none;
    max-width: 100%;
    height: auto;
}
h1
{
    font-size: 2.25rem;
}
h1, h2
{
    margin-bottom: 1.45rem;
    color: inherit;
}
h2
{
    text-rendering: optimizeLegibility;
    font-size: 1.625rem;
}
@media only screen and (max-width: 767px)
{
    h2
    {
        font-size: 1.25rem;
    }
}
h3
{
    font-size: 1.38316rem;
}
h3, h4
{
    margin-bottom: 1.45rem;
    color: inherit;
    text-rendering: optimizeLegibility;
}
h4
{
    font-size: 1.2rem;
}
h5
{
    font-size: 1.1rem;
}
h5, h6
{
    margin-bottom: 1.45rem;
    color: inherit;
    text-rendering: optimizeLegibility;
}
h6
{
    font-size: 1rem;
}
h1, h2, h3, h4, h5, h6
{
    font-family: Inter,sans-serif;
    font-weight: 800;
}
hgroup
{
    padding: 0;
    margin: 0 0 1.45rem;
}
ol, ul
{
    padding: 0;
    margin: 0 0 1.45rem 1.45rem;
    list-style-position: outside;
    list-style-image: none;
}
dd, dl, p
{
    padding: 0;
    margin: 0 0 1.45rem;
}
@media only screen and (max-width: 767px)
{
    p
    {
        margin-bottom: 1rem;
    }
}
div.animated
{
    margin-bottom: 1.45rem;
}
@media only screen and (max-width: 767px)
{
    div.animated
    {
        margin-bottom: 1rem;
    }
}
figure
{
    padding: 0;
}
figure, pre
{
    margin: 0 0 1.45rem;
}
pre
{
    font-size: .85rem;
    line-height: 1.42;
    background: #0000000a;
    border-radius: 3px;
    word-wrap: normal;
    padding: 1.45rem;
}
table
{
    font-size: 1rem;
    line-height: 1.45rem;
    border-collapse: collapse;
    width: 100%;
}
fieldset, table
{
    padding: 0;
    margin: 0 0 1.45rem;
}
blockquote
{
    padding: 0;
    margin: 0 1.45rem 1.45rem;
}
form, iframe, noscript
{
    padding: 0;
    margin: 0 0 1.45rem;
}
hr
{
    padding: 0;
    margin: 0 0 calc(1.45rem - 1px);
    background: #0003;
    border: none;
    height: 1px;
}
address
{
    padding: 0;
    margin: 0 0 1.45rem;
}
b, dt, strong, th
{
    font-weight: 700;
}
li
{
    margin-bottom: .725rem;
}
ol li, ul li
{
    padding-left: 0;
}
li>ol, li>ul
{
    margin-left: 1.45rem;
    margin-bottom: .725rem;
    margin-top: .725rem;
}
blockquote :last-child, li :last-child, p :last-child
{
    margin-bottom: 0;
}
li>p
{
    margin-bottom: .725rem;
}
code, kbd, samp
{
    font-size: .85rem;
    line-height: 1.45rem;
}
abbr, abbr[title], acronym
{
    border-bottom: 1px dotted #00000080;
    cursor: help;
}
abbr[title]
{
    text-decoration: none;
}
td, th, thead
{
    text-align: left;
}
td, th
{
    border-bottom: 1px solid #0000001f;
    font-feature-settings: "tnum";
    padding: .725rem .625rem calc(.725rem - 1px);
}
code, tt
{
    background-color: #0000000a;
    border-radius: 3px;
    font-family: SFMono-Regular,Consolas,Roboto Mono,Droid Sans Mono,Liberation Mono,Menlo,Courier,monospace;
    padding: .2em 0;
}
pre code
{
    background: none;
    line-height: 1.42;
}
code:after, code:before, tt:after, tt:before
{
    letter-spacing: -.2em;
    content: " ";
}
pre code:after, pre code:before, pre tt:after, pre tt:before
{
    content: "";
}
@media only screen and (max-width: 480px)
{
    html
    {
        font-size: 100%;
    }
}
.text-center
{
    text-align: center;
}
.main
{
    padding-bottom: 80px;
}
.header
{
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: #fbfafa;
    padding: 15px 0;
    box-sizing: border-box;
    transition: all .3s;
}
.header.home
{
    background-color: #fff;
}
.header.fixed
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 15px 10px #0000001a;
    background: #fff;
}
@media only screen and (max-width: 767px)
{
    .header.fixed
    {
        height: 60px;
        padding: 0;
    }
    .header.fixed .header__inner
    {
        height: 100%;
        padding: 10px 0;
        background: #fff;
        transition: background 10s ease-out;
    }
    .header.fixed .header__inner.is-open
    {
        padding: 10px 0;
        background: #dbdbdb;
        transition: background 0s ease-out;
    }
    .header.fixed .header__inner.is-open .navbar__collapse
    {
        top: 60px;
    }
    .header.fixed .navbar__logo
    {
        width: 140px;
    }
    .header.fixed .navbar__logo .logo
    {
        max-width: 100%;
    }
}
.header--transparent
{
    background: #0000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.header--white
{
    background: #fff;
}
@media only screen and (max-width: 767px)
{
    .header__inner .navbar__collapse
    {
        height: calc(100vh - 52px);
        transition: all .3s ease-in,background .6s ease-in;
        opacity: 0;
        visibility: hidden;
    }
    .header__inner.is-open
    {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 15px 0;
        background: #dbdcdc;
    }
    .header__inner.is-open .navbar__collapse
    {
        opacity: 1;
        visibility: visible;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li
    {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li:first-child
    {
        transition-delay: .27s;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li:nth-child(2)
    {
        transition-delay: .34s;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li:nth-child(3)
    {
        transition-delay: .41s;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li:nth-child(4)
    {
        transition-delay: .48s;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li:nth-child(5)
    {
        transition-delay: .55s;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li:nth-child(6)
    {
        transition-delay: .62s;
    }
    .header__inner.is-open .navbar__collapse .navbar__nav>li.nav-item
    {
        transition-delay: .69s;
    }
}
.footer
{
    background: #fbfafa;
    padding-top: 7em;
}
@media only screen and (max-width: 767px)
{
    .footer
    {
        padding-top: 2em;
    }
}
.footer__row
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.footer__row .col
{
    width: calc((100% - 100px) / 3);
    margin-left: 20px;
}
.footer__row .col h6
{
    color: #e94118;
}
@media only screen and (max-width: 767px)
{
    .footer__row .col
    {
        width: 100%;
        margin-left: 0;
    }
    .footer__row .col+.col
    {
        margin-top: 20px;
    }
}
.footer__row .col.col-nav .nav-footer
{
    display: flex;
    width: 100%;
}
.footer__row .col.col-nav .nav-footer .footer-navbar
{
    display: grid;
    grid-template-columns:  1fr;
    grid-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: 0;
}
.footer__row .col__title
{
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.72px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #e94118;
}
@media only screen and (max-width: 767px)
{
    .footer__row .col__title
    {
        margin-bottom: 1em;
    }
    .footer__row .col__title .logo-footer
    {
        margin: auto;
        display: inherit;
    }
}
.footer__row .col.col-contact
{
    margin-left: 0;
}
.footer__row .col.col-contact h6
{
    margin: 15px 0 10px;
}
@media only screen and (max-width: 767px)
{
    .footer__row .col.col-contact small
    {
        display: block;
    }
}
.footer__row .col ul
{
    list-style: none;
    margin-left: 0;
}
.footer__row .col .nav-footer
{
    width: 50%;
    float: left;
    margin-bottom: 0;
}
.footer__row .col .nav-footer+.nav-footer
{
    margin-left: 20px;
}
.footer__row .col .nav-footer li a
{
    position: relative;
    transition: all .3s ease-in;
}
.footer__row .col .nav-footer li a:before
{
    content: "";
    height: 2px;
    width: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    background: #e84118;
    transition: all .3s ease-in;
    bottom: -2px;
}
.footer__row .col .nav-footer li a:hover
{
    color: #e84118;
}
.footer__row .col .nav-footer li a:hover:before
{
    width: 100%;
}
.footer__row .col .list-inline
{
    text-align: left;
    justify-content: flex-start;
    margin: 15px 0 10px;
}
.footer .footer-copyright
{
    border-top: 1px solid #dbdde4;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px)
{
    .footer .footer-copyright
    {
        padding: 1em 0;
        font-size: 14px;
    }
}
.footer .footer-copyright__inner
{
    display: flex;
    justify-content: space-between;
    padding: 1.5em 0;
}
@media only screen and (max-width: 767px)
{
    .footer .footer-copyright__inner
    {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
}
.footer .footer-copyright__inner p
{
    margin-bottom: 0;
}
.footer .footer-copyright__inner .menu-policy
{
    font-size: 80%;
    display: inline-flex;
    gap: 20px;
}
@media only screen and (max-width: 767px)
{
    .footer .footer-copyright__inner .menu-policy
    {
        margin-bottom: 20px;
    }
}
.footer .footer-copyright__inner .menu-policy a
{
    position: relative;
    padding-left: 10px;
}
.footer .footer-copyright__inner .menu-policy a:before
{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nav-social li a
{
    transition: all .3s;
    border: 0;
    padding: 0;
    border-radius: 0;
}
.nav-social li a .x-icon
{
    background: #e84118;
    border-radius: 50px;
    display: flex;
    padding: 8px;
    margin-bottom: 5px;
}
.nav-social li a:hover
{
    transform: translateY(-5px);
}
.nav-social li a:hover svg path
{
    fill: #e84118;
}
.nav-social li a:hover .x-icon svg path
{
    fill: #fff;
}
.nav-social li a:after
{
    content: none;
}
.icon-plus
{
    width: 25px;
    height: 25px;
    border-radius: 5px;
    position: absolute;
    top: 14px;
    right: 0;
    display: none;
}
@media screen and (max-width: 767px)
{
    .icon-plus
    {
        display: inline-block;
    }
}
.icon-plus.open:before
{
    opacity: 0;
}
.icon-plus:after, .icon-plus:before
{
    content: "";
    position: absolute;
    background: #636e72;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
.icon-plus:after
{
    width: 18px;
    height: 4px;
    left: 4px;
    top: 11px;
}
.icon-plus:before
{
    width: 4px;
    height: 18px;
    left: 11px;
    top: 4px;
}
.container
{
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px)
{
    .container
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.container--medium
{
    max-width: 1024px;
    margin: 0 auto;
}
.container--small
{
    max-width: 980px;
    margin: 0 auto;
}
.wrap-project
{
    background: #fff;
    padding: 6.625em 0 10.6875em;
}
@media only screen and (max-width: 767px)
{
    .wrap-project
    {
        padding: 2.625em 0 4.6875em;
    }
}
.projects-section
{
    background: #fff;
}
.projects-section__block
{
    margin-bottom: 80px;
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .projects-section__block
    {
        margin-bottom: 40px;
    }
}
.projects-section .block-project
{
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .projects-section .block-project
    {
        flex-direction: column;
    }
}
.projects-section .block-project__logo
{
    display: inline-block;
    width: 136px;
}
.projects-section .block-project-reverse
{
    flex-direction: row-reverse;
}
@media only screen and (max-width: 767px)
{
    .projects-section .block-project-reverse
    {
        flex-direction: column;
    }
}
.projects-section .block-project-reverse .block-project__images
{
    text-align: left;
    padding-left: 2%;
    padding-right: 0;
}
@media only screen and (max-width: 767px)
{
    .projects-section .block-project-reverse .block-project__images
    {
        padding-left: 0;
    }
}
.projects-section .block-project-reverse .block-project__images .background
{
    right: 0;
    left: auto;
}
.projects-section .block-project__images
{
    width: 50%;
    text-align: right;
    padding-right: 2%;
}
@media only screen and (max-width: 767px)
{
    .projects-section .block-project__images
    {
        width: 100%;
        padding-right: 0;
        position: relative;
    }
}
.projects-section .block-project__content
{
    width: 40%;
    padding-right: 10%;
}
@media only screen and (max-width: 767px)
{
    .projects-section .block-project__content
    {
        width: 100%;
        padding: 20px;
        text-align: center;
    }
}
.projects-section .block-project__content ul
{
    text-align: left;
    display: inline-flex;
    justify-content: flex-start;
}
.projects-section .block-project__content ul li
{
    margin-left: 0;
}
.projects-section .block-project__content ul li+li
{
    margin-left: 2.5em;
}
@media only screen and (max-width: 767px)
{
    .projects-section .block-project__content ul li+li
    {
        margin-left: 1.5em;
    }
}
.box-more
{
    text-align: center;
    padding: 5em 0;
    margin-top: 30px;
}
.box-more p:last-child
{
    margin-bottom: 0;
}
.box-more .title
{
    display: inline-block;
    position: relative;
    font-size: 24px;
    font-weight: 800;
}
.box-more .title:before
{
    content: "";
    position: absolute;
    width: 2px;
    height: 72px;
    opacity: .25;
    background-color: #d8d8d8;
    bottom: calc(100% + 25px);
    left: 0;
    right: 0;
    margin: auto;
}
.brands
{
    background: #fff;
    padding: 10.625em 0 8.5625em;
}
@media only screen and (max-width: 767px)
{
    .brands
    {
        padding: 3.625em 0 2.5625em;
    }
}
.brands__list
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .brands__list
    {
        flex-direction: column;
    }
}
.brands__list__item
{
    width: calc((100% - 300px) / 3);
    margin-left: 150px;
}
@media only screen and (max-width: 767px)
{
    .brands__list__item
    {
        width: 100%;
        margin-left: 0;
    }
}
.brands__list__item:first-child
{
    margin-left: 0;
}
.list-link
{
    list-style: none;
    text-align: left;
    padding-left: 0;
    margin: 20px 0 0;
}
.list-link a
{
    position: relative;
    padding-right: 20px;
}
.list-link a:after
{
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/icon/external.svg) no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    right: 0;
    margin-left: 5px;
}
.list-link a:hover
{
    color: #e84118;
}
.top-quality
{
    background: #fff;
    padding: 6em 0 6.1875em;
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .top-quality
    {
        padding: 2em 0 4.1875em;
    }
}
.top-quality .hdg-lv2
{
    position: absolute;
    bottom: calc(100% - 50px);
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 0;
    max-width: 132px;
}
.top-quality .hdg-lv2 img
{
    margin-bottom: 0;
}
.top-quality__wrap
{
    display: flex;
}
@media only screen and (max-width: 767px)
{
    .top-quality__wrap
    {
        flex-direction: column;
        margin-top: 70px;
    }
}
.top-quality__col
{
    width: calc((100% - 291px) / 4);
    margin-left: 97px;
}
@media only screen and (max-width: 767px)
{
    .top-quality__col
    {
        width: 100%;
        margin-left: 0;
    }
    .top-quality__col+.top-quality__col
    {
        margin-top: 3em;
        padding-top: 3em;
        border-top: 1px solid #41415d2b;
    }
}
.top-quality__col:first-child
{
    margin-left: 0;
}
.top-quality__col:nth-child(2n)
{
    margin-top: 100px;
}
@media only screen and (max-width: 767px)
{
    .top-quality__col:nth-child(2n)
    {
        margin-left: 0;
        margin-top: 3em;
    }
}
.top-quality__col .btn-more
{
    font-size: 16px;
    color: #050429;
}
.blogs
{
    background: #fff;
    margin-bottom: 60px;
}
@media only screen and (max-width: 767px)
{
    .blogs
    {
        padding-top: 30px;
    }
}
.blogs-head
{
    justify-content: space-between;
    align-items: center;
}
.blogs-head, .blogs__list
{
    display: flex;
}
@media only screen and (max-width: 767px)
{
    .blogs__list
    {
        flex-direction: column;
    }
}
.blogs__list .item
{
    width: calc((100% - 114px) / 3);
}
@media only screen and (max-width: 767px)
{
    .blogs__list .item
    {
        width: 100%;
    }
}
.blogs__list .item__title
{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.72px;
    margin-top: 0;
    transition: all .4s ease-in;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@supports(
-webkit-line-clamp: 2)
{
.blogs__list .item__title
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
}
@media only screen and (max-width: 767px)
{
    .blogs__list .item__title
    {
        margin-bottom: 7px;
    }
}
.blogs__list .item__meta
{
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #050429;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blogs__list .item__meta .category
{
    position: relative;
    display: inline-block;
    padding-left: 8px;
}
.blogs__list .item__meta .category:before
{
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #050429;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.blogs__list .item__meta .date
{
    position: relative;
    margin-left: 15px;
    padding-left: 10px;
}
.blogs__list .item__thumb
{
    overflow: hidden;
}
.blogs__list .item__thumb .gatsby-image-wrapper
{
    transition: all .3s ease-in;
}
.blogs__list .item__text
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    margin: 30px 0 0;
}
.blogs__list .item+.item
{
    margin-left: 57px;
}
@media only screen and (max-width: 767px)
{
    .blogs__list .item+.item
    {
        margin-left: 0;
        margin-top: 30px;
    }
}
.blogs__list .item:hover .item__thumb .gatsby-image-wrapper
{
    transform: scale(1.1);
}
.blogs__list .item:hover .item__title
{
    color: #e84118;
}
.blogs__more
{
    text-align: center;
    padding-top: 2.5em;
    margin-bottom: 0;
    padding-bottom: 30px;
}
.contact
{
    background: #fff;
    padding: 0 0 5.25em;
}
@media only screen and (max-width: 767px)
{
    .contact
    {
        padding: 0 0 3.25em;
    }
}
.contact-loading
{
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: #fffc;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-loading-inner
{
    width: 200px;
    height: 260px;
    background: url(/_next/static/media/loading.ea8b729f.png) no-repeat 50%;
    background-size: cover;
}
.contact .hdg-lv2
{
    margin-top: 0;
}
.contact__block
{
    display: flex;
}
@media only screen and (max-width: 767px)
{
    .contact__block
    {
        flex-direction: column-reverse;
    }
}
.contact__block__map
{
    width: 50%;
}
@media only screen and (max-width: 767px)
{
    .contact__block__map
    {
        width: 100%;
    }
}
.contact__block__form
{
    width: 50%;
    padding-left: 5em;
}
@media only screen and (max-width: 767px)
{
    .contact__block__form
    {
        width: 100%;
        padding-left: 0;
    }
}
.contact__block__form .form-control
{
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (max-width: 767px)
{
    .contact .contact-form
    {
        margin-bottom: 50px;
    }
}
.contact .contact-form .form-group
{
    position: relative;
    margin-bottom: 50px;
    padding-top: 30px;
}
.contact .contact-form .form-group label
{
    margin-bottom: 0;
    transition: all .3s;
    top: 20px;
    left: 0;
    position: absolute;
}
.contact .contact-form .form-group label span
{
    font-size: 70%;
    margin-left: 3px;
    color: #e84118;
}
.contact .contact-form .form-group.recaptcha
{
    aspect-ratio: 4.0256410256;
}
.contact .contact-form .form-group.error .form-control
{
    color: #e84118;
    border-bottom-color: #e84118;
}
.contact .contact-form .form-group .form-control
{
    padding: 0;
    border: 0;
    border-bottom: 1px solid #41415d2b;
    border-radius: 0;
}
.contact .contact-form .form-group .form-control input
{
    border: 0!important;
}
.contact .contact-form .form-group .form-control.PhoneInput
{
    padding-top: 20px;
}
.contact .contact-form .form-group .form-control.PhoneInput .PhoneInputCountry
{
    max-width: 50px;
    margin-right: 15px;
}
.contact .contact-form .form-group .form-control.PhoneInput .PhoneInputCountry .form-control
{
    border-bottom: 0;
}
.contact .contact-form .form-group .form-control.PhoneInput .PhoneInputInput, .contact .contact-form .form-group .form-control.PhoneInput .form-control
{
    border: 0!important;
}
.contact .contact-form .form-group .form-control.has-value, .contact .contact-form .form-group .form-control:focus
{
    outline: 0;
}
.contact .contact-form .form-group .form-control.has-value+label, .contact .contact-form .form-group .form-control:focus+label
{
    top: 0;
    font-size: 80%;
}
.PhoneInputCountryIcon
{
    max-width: 50px!important;
    margin-right: 5px!important;
}
.PhoneInputInput
{
    border: 0!important;
}
.page-title
{
    background: #fbfafa;
    padding: .75em 0 5.875em;
    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .page-title
    {
        padding: 1em 0 1.75em;
        margin-top: -1px;
    }
}
.page-title h1
{
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
    color: #e84118;
    margin-bottom: 35px;
    text-transform: capitalize;
}
@media only screen and (max-width: 767px)
{
    .page-title h1
    {
        font-size: 36px;
    }
}
.page-title p
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
    margin-bottom: 0;
}
.page-title p.subsub
{
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}
.page-title--sub h1
{
    font-size: 60px;
}
@media only screen and (max-width: 767px)
{
    .page-title--sub h1
    {
        font-size: 32px;
    }
}
.alt
{
    background: none!important;
}
.page-title-blog
{
    padding: 5.875em 0;
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .page-title-blog
    {
        padding: 1em 0 1.75em;
        margin-top: -1px;
    }
}
.page-title-blog h1
{
    font-family: Lexend;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 35px;
}
@media only screen and (max-width: 767px)
{
    .page-title-blog h1
    {
        font-size: 36px;
    }
}
.page-title-blog p
{
    font-family: Lexend;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
}
.page-title-blog--sub h1
{
    font-size: 60px;
}
@media only screen and (max-width: 767px)
{
    .page-title-blog--sub h1
    {
        font-size: 32px;
    }
}
.page-title-blog__ellipse_1
{
    position: absolute;
    top: 0;
    z-index: -1;
    transition: all .3s;
}
.page-title-blog__ellipse_2
{
    position: absolute;
    right: 0;
    z-index: -1;
    transition: all .3s;
}
.hdg-lv2
{
    text-align: center;
    font-size: 2em;
    line-height: 1.22;
    letter-spacing: -1.38px;
    padding-bottom: 35px;
}
@media only screen and (max-width: 767px)
{
    .hdg-lv2
    {
        font-size: 24px;
        padding-bottom: 20px;
        margin-bottom: 10px;
        margin-top: 40px;
    }
}
.hdg-lv2 span
{
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: 1.1;
    color: #e94118;
}
.hdg-lv3
{
    text-align: center;
    margin-bottom: 57px;
    font-size: 32px;
    font-weight: 500;
}
@media only screen and (max-width: 767px)
{
    .hdg-lv3
    {
        font-size: 18px;
    }
}
.navbar
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar__brand
{
    display: inline-block;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    margin: 0;
}
@media only screen and (max-width: 767px)
{
    .navbar__brand
    {
        padding: 0;
    }
}
.navbar__nav
{
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .navbar__nav
    {
        flex-direction: column;
        margin-left: 0;
        height: 100%;
        justify-content: flex-start;
        padding-top: 50px;
        align-items: flex-start;
    }
}
.navbar__nav>li
{
    margin: 0 10px;
    position: relative;
}
.navbar__nav>li:last-child
{
    margin-left: 15px;
    margin-right: 0;
}
@media only screen and (max-width: 767px)
{
    .navbar__nav>li:last-child
    {
        margin: 80px 30px 0;
        width: calc(100% - 60px);
    }
    .navbar__nav>li:last-child .nav-link.nav-link--btn
    {
        text-align: center;
        background: #e84118;
        color: #fff;
    }
}
@media only screen and (min-width: 768px)
{
    .navbar__nav>li:hover .nav-link:before
    {
        width: 100%;
        right: 0;
    }
    .navbar__nav>li:hover .navbar__sub
    {
        opacity: 1;
        visibility: visible;
    }
}
@media only screen and (max-width: 767px)
{
    .navbar__nav>li
    {
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        transition: transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99);
        width: 100%;
        margin: 0;
    }
    .navbar__nav>li+li
    {
        margin-top: 30px;
    }
    .navbar__nav>li:first-child
    {
        transition-delay: .49s;
    }
    .navbar__nav>li:nth-child(2)
    {
        transition-delay: .42s;
    }
    .navbar__nav>li:nth-child(3)
    {
        transition-delay: .35s;
    }
    .navbar__nav>li:nth-child(4)
    {
        transition-delay: .28s;
    }
    .navbar__nav>li:nth-child(5)
    {
        transition-delay: .14s;
    }
    .navbar__nav>li:nth-child(6)
    {
        transition-delay: .07s;
    }
    .navbar__nav>li .icon-plus
    {
        margin-top: -10px;
    }
}
.navbar__collapse
{
    position: relative;
    z-index: 99;
}
@media only screen and (max-width: 767px)
{
    .navbar__collapse
    {
        position: absolute;
        left: -10px;
        top: 48px;
        right: -10px;
        z-index: 105;
        padding: 0 10px;
        height: 0;
        transition: all .5s ease-out,background 1s ease-out;
        transition-delay: .75s;
        background: #dbdbdb;
    }
}
.navbar__logo
{
    display: block;
}
@media only screen and (max-width: 767px)
{
    .navbar__logo
    {
        width: 170px;
        height: auto;
    }
}
.navbar__sub
{
    position: absolute;
    top: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    width: 720px;
    left: -250px;
    padding-top: 32px;
    transition: all .25s ease-in-out;
}
@media only screen and (max-width: 767px)
{
    .navbar__sub
    {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        flex-direction: column;
        border-radius: 0;
        padding-top: 0;
    }
    .navbar__sub.open
    {
        display: flex;
        opacity: 1;
        visibility: visible;
        padding-top: 24px;
    }
    .navbar__sub.open .navbar__sub_menu
    {
        display: block;
    }
}
.navbar__sub_cat
{
    width: 320px;
    left: 0;
}
@media only screen and (max-width: 767px)
{
    .navbar__sub_cat
    {
        width: 100%;
    }
}
.navbar__sub_cat .navbar__sub_itm ul li:before
{
    content: none;
}
.navbar__sub_menu
{
    background: #fff;
    box-shadow: 0 1px 18px 0 rgba(0,0,0,.122);
    display: flex;
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .navbar__sub_menu
    {
        flex-direction: column;
        display: none;
    }
}
.navbar__sub h2
{
    font-size: 18px;
    margin: 0 0 20px;
}
.navbar__sub_itm
{
    padding: 20px;
}
.navbar__sub_itm:first-child
{
    flex: 1 1;
}
.navbar__sub_itm:last-child
{
    width: 46%;
    background: #f9f9f9;
    line-height: 27px;
}
@media only screen and (max-width: 767px)
{
    .navbar__sub_itm:last-child
    {
        width: 100%;
    }
}
.navbar__sub_itm ul
{
    counter-reset: counter;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.navbar__sub_itm ul li
{
    counter-increment: counter;
}
.navbar__sub_itm ul li::marker
{
    content: none;
}
.navbar__sub_itm ul li a
{
    position: relative;
    display: inline-flex;
    column-gap: 10px;
    align-items: center;
    border-bottom: 1px solid #0000;
}
@media screen and (max-width: 767px)
{
    .navbar__sub_itm ul li a
    {
        font-size: 1.125rem;
    }
}
.navbar__sub_itm ul li a:after
{
    content: "";
    display: inline-block;
    background: url(/images/link-icon.svg);
    width: 19px;
    height: 19px;
}
.navbar__sub_itm ul li a:hover
{
    color: #e84118;
    border-bottom-color: #e84118;
}
.navbar__sub_itm ul li a:hover:before
{
    color: #e84118;
    border-color: #e84118;
}
.navbar__sub_itm ul li a .icon
{
    width: 25px;
}
.navbar__sub_itm>div
{
    display: flex;
}
.navbar__sub_itm>div span
{
    display: inline-block;
    font-size: 18px;
    letter-spacing: .25px;
    font-weight: 500;
}
.navbar__sub_itm>div span+span
{
    margin-left: 10px;
}
.navbar-toggler
{
    height: 2.5em;
    width: 2.5em;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    transition: all .2s;
}
.navbar-toggler__lines
{
    transition: top .1s,left .1s,transform .1s,background-color .1s .1s;
}
.navbar-toggler__lines, .navbar-toggler__lines:after, .navbar-toggler__lines:before
{
    pointer-events: none;
    display: block;
    content: "";
    width: 100%;
    border-radius: .125em;
    background-color: #e84118;
    height: .25em;
    position: absolute;
    transform: rotate(0);
    top: 50%;
    margin-top: -.125em;
}
.navbar-toggler__lines:after, .navbar-toggler__lines:before
{
    transition: top .2s,left .2s,transform .2s,background-color .4s .2s;
}
.navbar-toggler__lines:before
{
    left: 0;
    top: .85em;
    width: 1.75em;
}
.navbar-toggler__lines:after
{
    left: 0;
    top: -.75em;
    width: 100%;
}
.navbar-toggler.open
{
    transform: rotate(-90deg);
}
.navbar-toggler.open .navbar-toggler__lines
{
    transition: background-color .1s,top .1s,left .1s,transform .1s;
    background-color: initial;
}
.navbar-toggler.open .navbar-toggler__lines:before
{
    left: .5em;
    top: 0;
    width: 100%;
    transform: rotate(-45deg);
    transition: background-color .2s,top .2s,left .2s,transform .2s;
}
.navbar-toggler.open .navbar-toggler__lines:after
{
    left: .5em;
    top: 0;
    transform: rotate(45deg);
    transition: background-color .2s,top .2s,left .2s,transform .2s;
}
@media only screen and (min-width: 768px)
{
    .navbar-toggler
    {
        display: none;
    }
}
.nav-link
{
    padding: 0;
    text-transform: uppercase;
    position: relative;
    transition: all .3s ease;
    font-size: 14px;
    font-weight: 700;
}
.nav-link, .nav-link__icon
{
    display: inline-flex;
    align-items: center;
}
.nav-link__icon svg
{
    width: 20px;
    height: 20px;
}
.nav-link__icon svg path
{
    fill: #050429;
}
@media only screen and (max-width: 767px)
{
    .nav-link
    {
        font-size: 26px;
    }
    .nav-link__icon
    {
        display: none;
    }
}
.nav-link:before
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    width: 0;
    background-color: #e84118;
    content: "";
    transition: all .3s ease;
}
.nav-link.current, .nav-link:hover
{
    color: #e84118;
}
.nav-link.current:before, .nav-link:hover:before
{
    width: 100%;
    right: 0;
}
@media only screen and (max-width: 767px)
{
    .nav-link.current:before, .nav-link:hover:before
    {
        content: none;
    }
}
.nav-link.current:after, .nav-link:hover:after
{
    background-image: url(/_next/static/media/icon-arrow-down-red.10dc6317.svg)!important;
}
.nav-link.current .nav-link__icon svg path, .nav-link:hover .nav-link__icon svg path
{
    fill: #e84118;
}
.nav-link--btn
{
    border: 1px solid #e84118;
    transition: all .3s ease-in;
    position: relative;
    overflow: hidden;
    padding: 8px 16px;
    border-radius: 4px;
}
.nav-link--btn:hover
{
    color: #fff;
}
.nav-link--btn:hover span
{
    transform: translateY(-25%) scale(2);
}
.nav-link--btn b
{
    position: relative;
    z-index: 1;
}
.nav-link--btn span
{
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #e84118;
    transform: translateY(125%);
    border-radius: 50%;
    left: calc((var(--n) - 2) * 25%);
    transition: .5s;
    transition-delay: calc((var(--n) - 1) * .1s);
    z-index: 0;
}
.nav-link--btn span:first-child
{
    --n: 1;
}
.nav-link--btn span:nth-child(2)
{
    --n: 2;
}
.nav-link--btn span:nth-child(3)
{
    --n: 3;
}
.nav-link--btn span:nth-child(4)
{
    --n: 4;
}
.dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #00000026;
    border-radius: .25rem;
}
.dropdown-item
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #0000;
    border: 0;
}
.list-intro
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
    margin-left: 0;
}
.list-intro-col
{
    margin-left: 100px;
    text-align: left;
    width: calc((100% - 250px) / 2);
}
@media only screen and (max-width: 767px)
{
    .list-intro-col
    {
        margin-left: 30px;
        width: calc((100% - 30px) / 2);
    }
}
.list-intro-col:nth-child(odd)
{
    margin-left: 150px;
}
@media only screen and (max-width: 767px)
{
    .list-intro-col:nth-child(odd)
    {
        margin-left: 0;
    }
}
.list-intro-col:first-child
{
    margin-left: 0;
}
.list-inline:not(.list-dot)
{
    list-style: none;
    margin-left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.list-inline:not(.list-dot) li
{
    display: inline-flex;
    align-items: center;
}
.list-inline:not(.list-dot) li+li
{
    margin-left: 2.625em;
}
.list-inline.list-dot
{
    list-style: disc;
    display: flex;
}
.list-inline.list-dot li+li
{
    margin-left: 2.625em;
}
.list-projects
{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .list-projects
    {
        flex-direction: column;
    }
}
.list-projects__item
{
    width: calc((100% - 100px) / 2);
    margin-bottom: 55px;
}
@media only screen and (max-width: 767px)
{
    .list-projects__item
    {
        width: 100%;
    }
}
.list-projects__item:nth-child(2n)
{
    margin-left: 6.25em;
}
@media only screen and (max-width: 767px)
{
    .list-projects__item:nth-child(2n)
    {
        margin-left: 0;
    }
}
.list-projects__item .item__logo
{
    margin: 15px 0;
}
.list-projects__item .item__thumb
{
    overflow: hidden;
    position: relative;
}
.list-projects__item .item__thumb:before
{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,#fff0 0,#ffffff4d);
    transform: skewX(-25deg);
}
.list-projects__item .item:hover .item__thumb:before
{
    animation: shine .75s;
}
.list-projects__item .item:hover .btn-more
{
    color: #e84118;
}
.list-projects__item .item:hover .btn-more .icon
{
    margin-left: 16px;
}
@keyframes shine
{
    to
    {
        left: 125%;
    }
}
.btn
{
    display: inline-block;
    border-radius: 8px;
    padding: .75em 2.5em;
    text-transform: uppercase;
    border: 1px solid #e84118;
    color: #e84118;
    transition: color .25s .0833333333s;
    position: relative;
    overflow: hidden;
    transition: transform .2s ease-in-out;
    z-index: 1;
    cursor: pointer;
}
.btn[disabled]
{
    border-color: #aaa;
    pointer-events: none;
    opacity: .7;
}
.btn:after
{
    background-color: #e84118;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%) rotate(10deg);
    transform-origin: top left;
    transition: transform .2s ease-out;
    will-change: transform;
    z-index: -1;
}
.btn:not([disabled]):hover:after
{
    transform: translate(0);
}
.btn:not([disabled]):hover
{
    color: #fff;
}
.btn-primary
{
    display: inline-block;
    background: #e94018;
    color: #fff;
    position: relative;
    border-radius: 8px;
    padding: .75em 1.5em;
    text-transform: uppercase;
    transition: all .5s linear;
    overflow: hidden;
}
.btn-primary:before
{
    content: "";
    background: #e84118;
    width: 0;
    height: 100%;
    position: absolute;
    inset: 0;
    transition: all .5s cubic-bezier(.19,1,.22,1);
    z-index: -1;
    transition: all .5s linear;
    transform: translateX(-100px);
    opacity: 0;
}
.btn-primary:hover
{
    background-color: #fde6d0;
    scale: 1;
}
.btn-primary:hover:before
{
    width: 100%;
    right: 0;
    transform: translateX(0);
    opacity: 1;
}
.btn-more
{
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.6px;
    transition: all .3s ease-in;
}
@media only screen and (max-width: 767px)
{
    .btn-more
    {
        font-size: 16px;
    }
}
.btn-more .icon
{
    transition: all .3s ease-in;
    margin-left: 8px;
    width: 25px;
    height: 17px;
    background: url(/_next/static/media/icon-arrow-right.d04123a2.png) no-repeat 50%;
    background-size: cover;
}
@media only screen and (max-width: 767px)
{
    .btn-more .icon
    {
        width: 15px;
        height: 10px;
    }
}
.btn-more .icon g.path-color
{
    transition: all .3s ease-in;
}
.btn-more:hover
{
    color: #e84118;
}
.btn-more:hover .icon
{
    margin-left: 16px;
    background-image: url(/_next/static/media/icon-arrow-right-hover.5da5ca7b.png);
}
.btn-more-blog
{
    position: relative;
    display: inline-flex;
    align-items: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #0b111f;
    transition: all .3s ease-in;
}
@media only screen and (max-width: 767px)
{
    .btn-more-blog
    {
        font-size: 16px;
    }
}
.btn-more-blog .icon
{
    transition: all .3s ease-in;
    margin-left: 8px;
    width: 25px;
    height: 17px;
    background: url(/_next/static/media/icon-arrow-right.d04123a2.png) no-repeat 50%;
    background-size: cover;
}
@media only screen and (max-width: 767px)
{
    .btn-more-blog .icon
    {
        width: 15px;
        height: 10px;
    }
}
.btn-more-blog .icon g.path-color
{
    transition: all .3s ease-in;
}
.btn-more-blog:hover
{
    color: #e84118;
}
.btn-more-blog:hover .icon
{
    margin-left: 16px;
    background-image: url(/_next/static/media/icon-arrow-right-hover.5da5ca7b.png);
}
.rollover:hover, .rollover:hover img
{
    opacity: .6;
}
.PhoneInputCountryIconImg
{
    width: 24px!important;
    height: 16px!important;
}
.form-group
{
    margin-bottom: 1em;
}
.form-control
{
    display: block;
    width: 100%;
    padding: .375em .75em;
    font-size: 1em;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25em;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control.invalid
{
    border-color: #e84118!important;
}
label
{
    display: inline-block;
    margin-bottom: .5em;
    font-weight: 400;
}
.form-check
{
    position: relative;
    display: block;
}
.form-check input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.form-check input:checked~.checkmark
{
    background-color: #e84118;
    border-color: #e84118;
}
.form-check input:checked~.checkmark:after
{
    display: block;
}
.form-check .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #41415d2b;
    border-radius: 3px;
    box-sizing: border-box;
}
.form-check .checkmark:after
{
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.form-check .form-check-label
{
    margin-bottom: 0;
    padding-left: 1.875em;
}
.main-contact
{
    background-color: #fff;
    padding: 108px 0 0;
}
@media only screen and (max-width: 767px)
{
    .main-contact
    {
        padding: 30px 0 0;
    }
}
.main-contact .contact-box
{
    display: flex;
    flex-wrap: wrap;
}
.main-contact .contact-box-col
{
    text-align: center;
    width: calc((100% - 260px) / 3);
    margin-left: 130px;
}
.main-contact .contact-box-col:first-child
{
    margin-left: 0;
}
@media only screen and (max-width: 767px)
{
    .main-contact .contact-box-col
    {
        width: 100%;
        margin-left: 0;
    }
}
.careers-content
{
    background: #fff;
    padding: 50px 0;
}
@media only screen and (max-width: 767px)
{
    .careers-content
    {
        padding: 34px 0 41px;
    }
}
.careers-content .box-heading
{
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #0504291c;
}
.careers-content .box-heading .hdg-lv2-sub
{
    margin-bottom: 0;
    padding-bottom: 0;
}
.careers-content .list-plus
{
    display: inline-block;
    text-align: left;
}
.careers-content .hdg-lv2
{
    padding-bottom: 10px;
}
.industries-choose
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 60px 0 150px;
}
@media only screen and (max-width: 767px)
{
    .industries-choose
    {
        flex-direction: column;
        margin: 30px 0 20px;
    }
}
.industries-choose .heading
{
    text-align: left;
    width: 45.6%;
}
@media only screen and (max-width: 767px)
{
    .industries-choose .heading
    {
        width: 100%;
    }
}
.industries-choose .heading .hdg-lv2
{
    text-align: left;
}
.industries-choose__content
{
    padding-left: 70px;
    box-sizing: border-box;
    width: 54.4%;
}
@media only screen and (max-width: 767px)
{
    .industries-choose__content
    {
        width: 100%;
        padding-left: 0;
    }
}
.industries-choose__content h6
{
    font-size: 24px;
    font-weight: 500;
}
.industries-choose__list
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.industries-choose__list ul+ul
{
    margin-left: 70px;
}
.industries-choose+.box-media
{
    align-items: flex-start;
}
.back-office
{
    background: #f7f8fa;
    padding: 105px 0 75px;
    margin-top: 100px;
}
@media only screen and (max-width: 767px)
{
    .back-office
    {
        padding: 30px 0 20px;
        margin-top: 30px;
    }
}
.back-office__row
{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .back-office__row
    {
        flex-direction: column;
    }
}
.back-office__col
{
    width: calc((100% - 300px) / 3);
    margin-left: 150px;
}
@media only screen and (max-width: 767px)
{
    .back-office__col
    {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }
}
.back-office__col:first-child
{
    margin-left: 0;
}
.back-office__col h6
{
    font-size: 24px;
    margin-top: 15px;
    font-weight: 600;
}
.box-image
{
    text-align: center;
    margin: 0 0 100px;
}
@media only screen and (max-width: 767px)
{
    .box-image
    {
        margin: 0 0 30px;
    }
}
.box-media
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 52px;
}
.box-media+.box-heading
{
    margin-top: 80px;
}
@media only screen and (max-width: 767px)
{
    .box-media+.box-heading
    {
        margin-top: 30px;
    }
    .box-media
    {
        flex-direction: column;
    }
}
.box-media+.box-media
{
    margin-top: 60px;
}
@media only screen and (max-width: 767px)
{
    .box-media+.box-media
    {
        margin-top: 40px;
    }
}
.box-media+.hdg-lv2
{
    margin-top: 100px;
}
@media only screen and (max-width: 767px)
{
    .box-media+.hdg-lv2
    {
        margin-top: 50px;
    }
}
.box-media--direct
{
    flex-direction: row-reverse;
}
@media only screen and (max-width: 767px)
{
    .box-media--direct
    {
        flex-direction: column;
    }
}
.box-media--direct .box-media__img
{
    padding-right: 0;
}
@media only screen and (max-width: 767px)
{
    .box-media--direct .box-media__img
    {
        padding-left: 0;
    }
}
.box-media__text
{
    width: 50%;
    text-align: left;
    padding-right: 50px;
}
@media only screen and (max-width: 767px)
{
    .box-media__text
    {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
}
.box-media__text .hdg-lv2
{
    text-align: left;
    padding-bottom: 10px;
}
.box-media__img
{
    width: 50%;
}
@media only screen and (max-width: 767px)
{
    .box-media__img
    {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
}
.box-media__img+.box-media__text
{
    padding-right: 0;
}
.box-heavy
{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 86px 0 188px;
    margin-top: 200px;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 767px)
{
    .box-heavy
    {
        flex-direction: column;
        padding: 0 30px;
        margin: 80px 0 50px;
    }
}
.box-heavy:before
{
    content: "";
    width: 153px;
    height: 126px;
    position: absolute;
    left: 50px;
    top: -80px;
    background: url(/_next/static/media/icon-quote.32226c2e.png) no-repeat 50%;
    background-size: cover;
}
@media only screen and (max-width: 767px)
{
    .box-heavy:before
    {
        width: 53px;
        height: 44px;
        top: -50px;
        left: 30px;
    }
}
.box-heavy:after
{
    content: "";
    top: 0;
    left: 0;
    right: 200px;
    position: absolute;
    height: 489px;
    background-color: #f7f8fa;
    z-index: -1;
}
@media only screen and (max-width: 767px)
{
    .box-heavy:after
    {
        right: -10px;
        left: -10px;
        height: 70%;
        top: -20px;
    }
}
.box-heavy__head
{
    width: 50%;
    padding-left: 68px;
}
@media only screen and (max-width: 767px)
{
    .box-heavy__head
    {
        width: 100%;
    }
}
.box-heavy__head h3
{
    font-size: 36px;
    font-weight: 800;
    padding-right: 100px;
}
@media only screen and (max-width: 767px)
{
    .box-heavy__head h3
    {
        font-size: 18px;
        padding-right: 0;
    }
}
.box-heavy__content
{
    width: 50%;
    padding-left: 25px;
}
@media only screen and (max-width: 767px)
{
    .box-heavy__content
    {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
}
.box-heavy__inner
{
    box-shadow: 5px 20px 20px 5px #00000014;
    background-color: #fff;
    padding: 88px 40px;
}
@media only screen and (max-width: 767px)
{
    .box-heavy__inner
    {
        padding: 20px 10px;
    }
}
.box-heavy__inner .hdg-lv2
{
    text-align: left;
    font-size: 2rem;
}
@media only screen and (max-width: 767px)
{
    .box-heavy__inner .hdg-lv2
    {
        font-size: 1.875em;
    }
}
.list-operations
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .list-operations
    {
        flex-direction: column;
    }
}
.list-operations__col
{
    width: calc((100% - 200px) / 3);
    margin-left: 100px;
    margin-bottom: 1rem;
}
@media only screen and (max-width: 767px)
{
    .list-operations__col
    {
        width: 100%;
        margin-left: 0;
    }
}
.list-operations__col:nth-child(3n+1)
{
    margin-left: 0;
}
.service-box
{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .service-box
    {
        flex-direction: column;
    }
}
.service-box--direct
{
    flex-direction: row-reverse;
}
@media only screen and (max-width: 767px)
{
    .service-box--direct
    {
        flex-direction: column;
    }
}
.service-box--direct .service-box__img+.service-box__text
{
    padding-right: 50px;
    padding-left: calc((100% - 1200px) / 2);
}
@media only screen and (max-width: 1410px) and (min-width: 768px)
{
    .service-box--direct .service-box__img+.service-box__text
    {
        padding-right: 30px;
    }
}
.service-box+.service-box
{
    margin-top: 40px;
}
@media only screen and (max-width: 767px)
{
    .service-box+.service-box
    {
        margin-top: 50px;
    }
}
.service-box__img
{
    width: 50%;
}
@media only screen and (max-width: 767px)
{
    .service-box__img
    {
        width: 100%;
    }
}
.service-box__img+.service-box__text
{
    padding-left: 50px;
    padding-right: calc((100% - 1200px) / 2);
}
@media only screen and (max-width: 1410px) and (min-width: 768px)
{
    .service-box__img+.service-box__text
    {
        padding-right: 30px;
    }
}
.service-box__text
{
    width: 50%;
    padding-right: 50px;
    padding-left: calc((100% - 1200px) / 2);
    box-sizing: border-box;
}
@media only screen and (max-width: 1410px) and (min-width: 768px)
{
    .service-box__text
    {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .service-box__text
    {
        width: 100%;
        padding: 20px 10px!important;
    }
}
.service-box__text .hdg-lv2
{
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 30px;
}
@media only screen and (max-width: 767px)
{
    .service-box__text .hdg-lv2
    {
        padding-bottom: 15px;
    }
}
.list-idea
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 50px;
}
@media only screen and (max-width: 767px)
{
    .list-idea
    {
        flex-direction: column;
    }
}
.list-idea__col
{
    width: calc((100% - 150px) / 4);
    margin-left: 50px;
}
@media only screen and (max-width: 767px)
{
    .list-idea__col
    {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .list-idea__col+.list-idea__col
    {
        margin-top: 35px;
    }
}
.list-idea__col .h4, .list-idea__col h4
{
    font-size: 26px;
    font-weight: 800;
    margin-top: 10px;
}
@media only screen and (max-width: 767px)
{
    .list-idea__col .h4, .list-idea__col h4
    {
        font-size: 20px;
    }
}
.list-idea__col:first-child
{
    margin-left: 0;
}
.list-idea__col:nth-child(2n)
{
    margin-top: 70px;
}
@media only screen and (max-width: 767px)
{
    .list-idea__col:nth-child(2n)
    {
        margin-top: 35px;
    }
}
.list-plus
{
    list-style: none;
    margin-left: 0;
}
.list-plus li
{
    padding-left: 1em;
    text-indent: -1em;
}
.list-plus li:before
{
    content: "+";
    padding-right: 5px;
}
.list-plus li a
{
    position: relative;
}
.list-plus li a:before
{
    content: "";
    height: 2px;
    width: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    background: #e84118;
    transition: all .3s ease-in;
    bottom: -2px;
}
.list-plus li a:hover:before
{
    width: 100%;
}
.project-idea
{
    margin-top: 160px;
}
@media only screen and (max-width: 767px)
{
    .project-idea
    {
        margin-top: 60px;
    }
}
.our-developers
{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    padding-bottom: 70px;
    margin: 100px 0 50px;
}
@media only screen and (max-width: 767px)
{
    .our-developers
    {
        flex-direction: column-reverse;
        margin: 50px 0 0;
        padding-bottom: 0;
    }
}
.our-developers:before
{
    content: "";
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
}
.our-developers__img
{
    width: 50%;
}
@media only screen and (max-width: 767px)
{
    .our-developers__img
    {
        width: 80%;
        margin: auto;
    }
}
.our-developers__text
{
    width: 50%;
    padding-right: 30px;
    padding-left: calc((100% - 1200px) / 2);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
@media only screen and (max-width: 1410px) and (min-width: 768px)
{
    .our-developers__text
    {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .our-developers__text
    {
        width: 100%;
        padding: 30px 10px;
    }
}
.box-successful
{
    max-width: 912px;
    margin: 167px auto 0;
    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .box-successful
    {
        margin-top: 60px;
    }
}
.box-successful__number
{
    margin-bottom: 50px;
    position: relative;
}
.box-successful__number span
{
    font-size: 240px;
    font-weight: 800;
    line-height: .52;
    letter-spacing: -7.5px;
    color: #f2f3f7;
}
@media only screen and (max-width: 767px)
{
    .box-successful__number span
    {
        font-size: 120px;
        display: block;
        line-height: 1.42;
    }
}
.box-successful__number .icon
{
    width: 422px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute!important;
    right: -30%;
}
@media only screen and (max-width: 767px)
{
    .box-successful__number .icon
    {
        width: 80%;
        right: 0;
        left: 0;
        margin: auto;
        top: auto;
        transform: none;
        position: relative!important;
    }
}
.box-successful__text
{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 150px;
}
.box-successful__text:after
{
    content: "";
    width: 1px;
    height: 90px;
    background-color: #050429;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%;
}
.list-platform
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
@media only screen and (max-width: 767px)
{
    .list-platform
    {
        flex-wrap: wrap;
    }
}
.list-platform__item
{
    width: calc((100% - 240px) / 6);
    margin-left: 48px;
}
@media only screen and (max-width: 767px)
{
    .list-platform__item
    {
        width: calc((100% - 30px) / 2);
        margin-left: 30px;
    }
    .list-platform__item:nth-child(odd)
    {
        margin-left: 0;
    }
}
.list-platform__item:first-of-type
{
    margin-left: 0;
}
.list-platform__item h4
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.list-believe
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .list-believe
    {
        flex-direction: column;
    }
}
.list-believe__col
{
    width: calc((100% - 300px) / 3);
    margin-left: 100px;
    margin-bottom: 70px;
}
@media only screen and (max-width: 767px)
{
    .list-believe__col
    {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
        text-align: center;
    }
}
.list-believe__col:nth-child(3n+1)
{
    margin-left: 0;
}
.list-plan
{
    margin: 100px 0 150px;
}
@media only screen and (max-width: 767px)
{
    .list-plan
    {
        margin: 50px 0 70px;
    }
}
.list-plan .item
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
@media only screen and (max-width: 767px)
{
    .list-plan .item
    {
        flex-direction: column;
    }
}
.list-plan .item__thumb
{
    width: 50%;
    padding-right: 50px;
    box-sizing: border-box;
}
@media only screen and (max-width: 767px)
{
    .list-plan .item__thumb
    {
        width: 100%;
        padding-right: 0;
    }
}
.list-plan .item__content
{
    width: 50%;
}
@media only screen and (max-width: 767px)
{
    .list-plan .item__content
    {
        width: 100%;
    }
}
.list-plan .item__content h2
{
    position: relative;
}
.list-plan .item__content h2:before
{
    content: "";
    width: 120px;
    height: 4px;
    background-color: #e84118;
    position: absolute;
    right: calc(100% + 20px);
    top: 50%;
    margin-top: -2px;
}
@media only screen and (max-width: 767px)
{
    .list-plan .item__content h2:before
    {
        width: 2px;
        height: 60px;
        right: auto;
        left: 20px;
        top: calc(-100% - 35px);
        margin-top: 0;
    }
}
.list-plan .item+.item
{
    margin-top: 90px;
}
@media only screen and (max-width: 767px)
{
    .list-plan .item+.item
    {
        margin-top: 30px;
    }
}
.list-build
{
    margin: 118px 0 154px;
}
@media only screen and (max-width: 767px)
{
    .list-build
    {
        margin: 30px 0 40px;
    }
}
.list-build .box-media__text .hdg-lv2
{
    position: relative;
    padding-bottom: 0;
    margin-bottom: 20px;
    z-index: 1;
}
.list-build .box-media__text .hdg-lv2:after
{
    content: "";
    width: 239px;
    height: 8px;
    background-color: #e84118;
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: -1;
}
.apply-job
{
    margin-bottom: 140px;
}
@media only screen and (max-width: 767px)
{
    .apply-job
    {
        margin-bottom: 40px;
    }
}
.apply-job .form-group
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px)
{
    .apply-job .form-group
    {
        margin-bottom: 20px;
    }
}
.apply-job .form-group label
{
    font-weight: 600;
    color: #050429;
}
.apply-job .form-group label span
{
    font-weight: 400;
    color: #afaecf;
}
.apply-job .form-group .form-control
{
    border-color: #0000;
    border-radius: 8px;
    background-color: #f7f8fa;
    padding: 15px;
    box-sizing: border-box;
}
.apply-job .form-group.row
{
    flex-direction: row;
}
@media only screen and (max-width: 767px)
{
    .apply-job .form-group.row
    {
        flex-direction: column;
    }
}
.apply-job .form-group.row .col
{
    text-align: left;
}
.apply-job .form-group.row .col+.col
{
    margin-left: 40px;
}
@media only screen and (max-width: 767px)
{
    .apply-job .form-group.row .col+.col
    {
        margin-top: 20px;
        margin-left: 0;
    }
}
.box-gray
{
    background: #f7f8fa;
    padding: 60px 0;
    margin: 70px 0 50px;
}
@media only screen and (max-width: 767px)
{
    .box-gray
    {
        margin: 0;
        padding: 30px 0;
    }
}
.box-text
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
@media only screen and (max-width: 767px)
{
    .box-text
    {
        flex-direction: column;
    }
}
.box-text-col
{
    margin-left: 60px;
    flex: 1 1;
}
@media only screen and (max-width: 767px)
{
    .box-text-col
    {
        width: 100%;
        margin-left: 0;
    }
}
.box-text-col:first-child
{
    margin-left: 0;
}
.box-text-col h3
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box-text-col h3 img
{
    margin-right: 20px;
}
.list-mobi
{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .list-mobi
    {
        flex-direction: column;
    }
}
.list-mobi .item
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 100px) / 2);
    padding: 0 45px 0 0;
    box-sizing: border-box;
    box-shadow: 5px 20px 20px 5px #00000014;
    background: #fff;
    height: 100%;
}
@media only screen and (max-width: 767px)
{
    .list-mobi .item
    {
        width: 100%;
        padding-right: 0;
    }
    .list-mobi .item+.item
    {
        margin-top: 30px;
    }
}
.list-mobi .item:nth-child(2n)
{
    margin-left: 100px;
    margin-bottom: 27px;
}
@media only screen and (max-width: 767px)
{
    .list-mobi .item:nth-child(2n)
    {
        margin-left: 0;
        margin-bottom: 20px;
    }
}
.list-mobi .item__thumb
{
    width: 32%;
    padding-right: 40px;
}
@media only screen and (max-width: 767px)
{
    .list-mobi .item__thumb
    {
        padding-right: 20px;
    }
}
.list-mobi .item__content
{
    width: 68%;
}
.list-mobi .item__content h2
{
    position: relative;
    padding-bottom: 30px;
}
@media only screen and (max-width: 767px)
{
    .list-mobi .item__content h2
    {
        font-size: 18px;
        padding-bottom: 15px;
    }
}
.list-mobi .item__content h2:after
{
    content: "";
    width: 120px;
    height: 4px;
    background: #e84118;
    position: absolute;
    left: 0;
    bottom: 0;
}
.box-platform
{
    margin: 170px 0 135px;
}
@media only screen and (max-width: 767px)
{
    .box-platform
    {
        margin: 50px 0 30px;
    }
}
.app-service
{
    display: flex;
    justify-content: flex-start;
    margin: 20px 0 80px;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .app-service
    {
        flex-direction: column;
        margin: 20px 0 50px;
    }
}
.app-service+.list-mobi .item
{
    margin-bottom: 120px;
    height: auto;
}
@media only screen and (max-width: 767px)
{
    .app-service+.list-mobi .item
    {
        margin-bottom: 40px;
    }
}
.app-service+.list-mobi .item:nth-child(2n)
{
    margin-top: 120px;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px)
{
    .app-service+.list-mobi .item:nth-child(2n)
    {
        margin-top: 0;
    }
}
.app-service-col
{
    width: calc(50% + 50px);
}
.app-service-col:first-child
{
    width: calc(50% - 50px);
    margin-right: 50px;
}
@media only screen and (max-width: 767px)
{
    .app-service-col:first-child
    {
        width: 100%;
        margin-right: 0;
    }
    .app-service-col
    {
        width: 100%;
    }
}
.app-service-col .hdg-lv2
{
    text-align: left;
    padding-bottom: 0;
}
.box-contact
{
    padding: 50px 0;
    text-align: center;
}
.box-contact__img
{
    max-width: 350px;
    position: relative;
    margin: auto auto 120px;
}
.box-contact__img:after
{
    content: "";
    width: 1px;
    height: 90px;
    background-color: #050429;
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
    margin: auto;
}
.our-blockchain
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .our-blockchain
    {
        flex-direction: column;
        margin-bottom: 20px;
    }
}
.our-blockchain__icon
{
    text-align: center;
    padding-bottom: 10px;
}
.our-blockchain__col
{
    width: calc((100% - 140px) / 3);
    margin-left: 70px;
    margin-bottom: 60px;
    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .our-blockchain__col
    {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}
.our-blockchain__col h3
{
    margin-top: 10px;
    font-weight: 700;
}
.our-blockchain__col:nth-child(3n+1)
{
    margin-left: 0;
}
.ieo-services
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
@media only screen and (max-width: 767px)
{
    .ieo-services
    {
        flex-direction: column;
    }
}
.ieo-services__col
{
    width: calc((100% - 140px) / 3);
    margin-left: 70px;
}
@media only screen and (max-width: 767px)
{
    .ieo-services__col
    {
        width: 100%;
        margin-left: 0;
    }
}
.ieo-services__col:first-child
{
    margin-left: 0;
}
.ieo-services__col div
{
    display: block;
}
.ieo-services__col div+div
{
    margin-top: 70px;
}
.list-chain
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-start;
}
@media only screen and (max-width: 767px)
{
    .list-chain
    {
        flex-direction: column;
    }
}
.list-chain .item
{
    width: calc((100% - 120px) / 3);
    margin-left: 60px;
    box-shadow: 5px 20px 20px 5px #00000014;
    background-color: #fff;
    margin-top: 60px;
}
@media only screen and (max-width: 767px)
{
    .list-chain .item
    {
        width: 100%;
        margin-left: 0;
    }
}
.list-chain .item:nth-child(3n+1)
{
    margin-left: 0;
}
.list-chain .item__content
{
    padding: 25px;
}
.box-reasons
{
    display: flex;
    margin-bottom: 70px;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .box-reasons
    {
        flex-direction: column;
        margin-bottom: 50px;
    }
}
.box-reasons__col
{
    width: 50%;
}
@media only screen and (max-width: 767px)
{
    .box-reasons__col
    {
        width: 100%;
    }
}
.box-reasons__col ul
{
    list-style: none;
    margin: 0;
}
.box-reasons__col ul li p
{
    line-height: 1.75;
}
.box-reasons__col ul li+li
{
    margin-top: 35px;
}
.box-reasons__col .list-arrow
{
    padding-left: 40px;
}
@media only screen and (max-width: 767px)
{
    .box-reasons__col .list-arrow
    {
        padding-left: 0;
    }
}
.accordion
{
    margin: 0 auto;
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .accordion
    {
        width: 100%;
    }
}
.accordion__item
{
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px)
{
    .accordion__item
    {
        margin-bottom: 10px;
    }
}
.accordion .title
{
    padding: 15px 40px 15px 20px;
    cursor: pointer;
    transform: translateZ(0);
    color: #050429;
    position: relative;
    font-size: 16px;
    background: #f7f8fa;
    text-align: left;
}
@media only screen and (max-width: 767px)
{
    .accordion .title
    {
        font-size: 14px;
        padding: 10px 30px 10px 10px;
    }
}
.accordion .title:after
{
    content: "";
    background: url(/_next/static/media/icon-arrow-right.0dde9c97.svg) no-repeat 50%;
    background-size: contain;
    width: 25px;
    height: 19px;
    font-size: 18px;
    color: #050429;
    transition: all .3s ease-in-out;
    top: 50%;
    position: absolute;
    right: 20px;
    font-family: monospace;
    transform: translateY(-50%) rotate(135deg);
}
@media only screen and (max-width: 767px)
{
    .accordion .title:after
    {
        right: 10px;
        width: 24px;
        height: 24px;
    }
}
.accordion .title.is-expanded
{
    transition: background .5s;
}
.accordion .title.is-expanded:after
{
    background-image: url(/_next/static/media/icon-arrow-right-hover.5da5ca7b.png);
    transform: rotate(-45deg);
    margin-top: -8px;
}
.accordion .content
{
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s;
    margin: 0;
    padding: 0;
    line-height: 1.75;
    letter-spacing: -.3px;
    color: #050429;
}
@media only screen and (max-width: 767px)
{
    .accordion .content
    {
        font-size: 16px;
        padding: 15px 10px;
    }
}
.accordion .content .list-link
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.accordion .content .list-link li
{
    width: calc(50% - 24px);
}
@media only screen and (max-width: 767px)
{
    .accordion .content .list-link li
    {
        width: 100%;
    }
}
.accordion .content>p
{
    margin: 10px 0 0;
    opacity: 0;
    transition: .5s;
}
@media only screen and (max-width: 767px)
{
    .accordion .content>p
    {
        padding: 0 0 10px;
    }
}
.accordion .content.is-expanded
{
    max-height: 500px;
    overflow: hidden;
}
.accordion .content.is-expanded p
{
    opacity: 1;
}
@media screen and (min-width: 768px)
{
    .faq .accordion
    {
        padding-left: 150px;
        padding-right: 150px;
    }
}
.faq .accordion .title
{
    background: #0000;
    padding: 0 0 12px;
    border-bottom: 1px solid #c9c9c9;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}
.faq .accordion .title.is-expanded
{
    color: #e94118;
}
.faq .accordion .title:after
{
    right: 0;
}
.faq .accordion .content
{
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
@media only screen and (max-width: 767px)
{
    .faq .accordion .content
    {
        font-size: 16px;
        padding: 0;
    }
}
.list-arrow
{
    list-style: none;
}
.list-arrow li h3
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    line-height: 1.42;
    font-size: 20px;
}
.list-arrow li h3 img
{
    margin-right: 15px;
}
.list-arrow li+li
{
    margin-top: 35px;
}
.list-category
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    margin-bottom: 80px;
    margin-left: 0;
}
@media only screen and (max-width: 767px)
{
    .list-category
    {
        overflow-y: auto;
        margin-bottom: 40px;
    }
}
.list-category li
{
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
}
@media only screen and (max-width: 767px)
{
    .list-category li
    {
        font-size: 16px;
        white-space: nowrap;
    }
}
.list-category li.active, .list-category li:hover
{
    color: #e84118;
}
.list-category li+li
{
    margin-left: 25px;
}
.list-blog
{
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 30px;
    row-gap: 30px;
    grid-column-gap: 40px;
    column-gap: 40px;
}
@media only screen and (max-width: 767px)
{
    .list-blog
    {
        display: flex;
        flex-direction: column;
    }
}
.list-blog__item
{
    border-bottom: 4px solid #0038ff33;
    border-radius: 0 0 4px 4px;
}
.list-blog__item:hover
{
    transition: all .3s;
    border-bottom: 4px solid #e84118;
    border-radius: 0 0 4px 4px;
}
@media only screen and (max-width: 767px)
{
    .list-blog__item
    {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #dedede;
    }
}
.list-blog__item:nth-child(3n+1)
{
    margin-left: 0;
}
.list-blog__item .item
{
    display: block;
    transition: all .3s;
    padding: 10px;
    height: 591.28px;
}
.list-blog__item .item:hover
{
    background: #f7f8fa;
}
.list-blog__item .item:hover h3
{
    color: #e84118;
}
.list-blog__item .item:hover .image
{
    transform: scale(1.1);
}
.list-blog__item .item__meta
{
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #050429;
    margin-top: 46.98px;
}
.list-blog__item .item__meta .category
{
    position: relative;
    display: inline-block;
    padding: 1px 7.46875px 3px 8px;
    text-transform: capitalize;
    width: -webkit-max-content;
    width: max-content;
    background: #f1592a;
    border-radius: 2px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.list-blog__item .item__meta .date
{
    position: relative;
    margin-left: 15px;
    padding-left: 10px;
}
.list-blog__item .item__meta .date:before
{
    content: "";
    height: 1px;
    width: 8px;
    background: #050429;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.list-blog__item .item__thumb
{
    overflow: hidden;
    height: 176px;
}
.list-blog__item .item__thumb .gatsby-image-wrapper
{
    transition: all .3s ease-in;
    transform: rotate(0deg) scale(1);
}
.list-blog__item .item__header h3
{
    transition: all .3s;
    height: 56px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10.59px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-blog__item .item:hover .item__header h3 a
{
    color: #e84118;
}
.list-blog__item .item:hover .item__thumb .gatsby-image-wrapper
{
    transform: rotate(5deg) scale(1.2);
}
.list-blog__item .item__content
{
    margin-bottom: 100px;
    overflow: hidden;
    height: 65px;
    text-overflow: ellipsis;
}
.list-blog__item .item__content br
{
    display: none;
}
.industries-success
{
    padding: 80px 0;
}
@media only screen and (max-width: 767px)
{
    .industries-success
    {
        padding: 40px 0 20px;
    }
}
.box-success
{
    display: flex;
    align-items: center;
    box-shadow: 5px 10px 20px 5px #00000014;
    background-color: #fff;
}
@media only screen and (max-width: 767px)
{
    .box-success
    {
        flex-direction: column;
    }
}
.box-success__img
{
    width: 50%;
    padding: 50px;
    background: url(/_next/static/media/success-stories-bg.957ca1a8.png) no-repeat 50%;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
}
@media only screen and (max-width: 767px)
{
    .box-success__img
    {
        width: 100%;
        padding: 30px 20px;
    }
}
.box-success__img ul
{
    list-style: none;
    margin: 0;
}
.box-success__img ul li+li
{
    margin-top: 66px;
}
@media only screen and (max-width: 767px)
{
    .box-success__img ul li+li
    {
        margin-top: 30px;
    }
}
.box-success__img ul li span
{
    font-size: 64px;
    font-weight: 900;
    line-height: .56;
    letter-spacing: -1.92px;
    color: #e84118;
}
@media only screen and (max-width: 767px)
{
    .box-success__img ul li span
    {
        font-size: 30px;
    }
}
.box-success__img ul li h5
{
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: -.96px;
    color: #fff;
    margin-top: 0;
}
@media only screen and (max-width: 767px)
{
    .box-success__img ul li h5
    {
        font-size: 16px;
    }
}
.box-success__text
{
    width: 50%;
    padding: 60px;
    box-sizing: border-box;
}
@media only screen and (max-width: 767px)
{
    .box-success__text
    {
        width: 100%;
        padding: 15px;
    }
}
.list-industries
{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .list-industries
    {
        flex-direction: column;
    }
}
.list-industries .item
{
    width: calc((100% - 120px) / 2);
    box-shadow: 5px 20px 20px 5px #00000014;
    background-color: #fff;
    margin-bottom: 90px;
    transition: all .3s ease-in;
}
@media only screen and (max-width: 767px)
{
    .list-industries .item
    {
        width: 100%;
        margin-bottom: 40px;
    }
}
.list-industries .item:nth-child(2n)
{
    margin-left: 120px;
    margin-top: 90px;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px)
{
    .list-industries .item:nth-child(2n)
    {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 40px;
    }
}
.list-industries .item:hover
{
    box-shadow: 5px 20px 20px 10px #0000002e;
}
.list-industries .item:hover .item__thumb .img
{
    transform: rotate(0) scale(1);
}
.list-industries .item:hover .btn-more
{
    color: #e84118;
}
.list-industries .item:hover .btn-more .icon
{
    margin-left: 16px;
}
.list-industries .item__thumb
{
    overflow: hidden;
    display: block;
}
.list-industries .item__thumb .img
{
    transition: all .3s ease-in;
    transform: rotate(5deg) scale(1.2);
}
.list-industries .item__content
{
    padding: 25px 50px;
}
@media only screen and (max-width: 767px)
{
    .list-industries .item__content
    {
        padding: 15px;
    }
}
.list-industries .item__content h2
{
    margin-top: 0;
    font-size: 24px;
}
@media only screen and (max-width: 767px)
{
    .list-industries .item__content h2
    {
        font-size: 18px;
    }
}
.box-challse
{
    z-index: 1;
}
.box-chall
{
    position: relative;
    z-index: 1;
    padding: 120px 0;
    margin: 180px 0;
}
@media only screen and (max-width: 767px)
{
    .box-chall
    {
        margin: 50px 0;
        padding: 50px 0;
    }
}
.box-chall:before
{
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    right: calc((100% - 1410px) / 2 + 100px);
    background-color: #f7f8fa;
    position: absolute;
    z-index: -1;
}
.box-chall__inner
{
    display: flex;
    margin-right: 289px;
    align-items: flex-end;
}
@media only screen and (max-width: 767px)
{
    .box-chall__inner
    {
        margin-right: 0;
        flex-direction: column;
    }
}
.box-chall__col
{
    width: calc((100% - 60px) / 2);
    margin-left: 60px;
}
@media only screen and (max-width: 767px)
{
    .box-chall__col
    {
        margin-right: 0;
        width: 100%;
    }
}
.box-chall__col .hdg-lv2
{
    text-align: left;
    margin-top: 0;
}
.box-chall__col:first-child
{
    margin-left: 0;
}
.box-chall__col:nth-child(2)
{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
.box-chall__note
{
    position: absolute;
    right: calc((100% - 1440px) / 2);
    top: -100px;
    width: 350px;
}
.next-project
{
    max-width: 325px;
    position: relative;
    text-align: center;
    margin: 150px auto;
}
.next-project__title
{
    margin-bottom: 20px;
    position: relative;
}
.next-project__title:before
{
    content: "";
    height: 72px;
    width: 2px;
    background: #d8d8d8;
    position: absolute;
    bottom: calc(100% + 20px);
    left: 0;
    right: 0;
    margin: auto;
}
.box-design
{
    text-align: center;
}
.box-design__image
{
    max-width: 900px;
    margin: auto;
}
.box-development__inner
{
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .box-development__inner
    {
        flex-direction: column-reverse;
    }
}
.box-development__image
{
    width: 48.3%;
}
@media only screen and (max-width: 767px)
{
    .box-development__image
    {
        width: 100%;
    }
}
.box-development__text
{
    width: 51.7%;
    box-sizing: border-box;
    padding-right: 34px;
    padding-left: calc((100% - 1410px) / 2);
}
@media only screen and (max-width: 1410px) and (min-width: 768px)
{
    .box-development__text
    {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .box-development__text
    {
        width: 100%;
        padding: 0 10px;
    }
}
.box-meta
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 14px 0 50px;
}
@media only screen and (max-width: 767px)
{
    .box-meta
    {
        margin: 10px 0 20px;
    }
}
.box-meta__col
{
    width: calc((100% - 80px) / 3);
    margin-left: 40px;
    margin-top: 30px;
}
@media only screen and (max-width: 767px)
{
    .box-meta__col
    {
        width: calc((100% - 40px) / 3);
        margin-left: 20px;
        margin-top: 15px;
    }
}
.box-meta__col:nth-child(3n+1)
{
    margin-left: 0;
}
.box-meta__col p
{
    margin-bottom: 10px;
}
.box-meta__col .list-inline
{
    margin-bottom: 0;
}
.box-meta--store
{
    margin-top: 0;
}
.box-meta--store .box-meta__col .list-inline li
{
    width: calc((100% - 2.625em) / 2);
}
@media only screen and (max-width: 767px)
{
    .box-meta--store
    {
        flex-direction: column;
    }
    .box-meta--store .box-meta__col
    {
        margin-top: 20px;
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
    }
    .box-meta--store .box-meta__col:first-child
    {
        text-align: center;
    }
    .box-meta--store .box-meta__col .list-inline li
    {
        width: calc((100% - 1em) / 2);
        margin-left: 1em;
    }
    .box-meta--store .box-meta__col .list-inline li:first-child
    {
        margin-left: 0;
    }
}
.blog-header
{
    background: #fff;
    padding-top: 60px;
    position: relative;
    padding-bottom: 60px;
}
@media only screen and (max-width: 767px)
{
    .blog-header
    {
        padding-bottom: 0;
        padding-top: 15px;
    }
}
.blog-header:after
{
    content: "";
    height: 345px;
    top: 0;
    left: 0;
    right: 0;
    background: #dbdbdb;
    position: absolute;
    z-index: 0;
}
@media only screen and (max-width: 767px)
{
    .blog-header:after
    {
        height: 80px;
        top: -1px;
    }
}
.blog-header__inner
{
    position: relative;
    z-index: 1;
}
.blog-header__flex-box
{
    display: flex;
    column-gap: 40px;
}
.blog-header__flex-box h1
{
    font-family: Lexend;
    font-style: normal;
    font-weight: 700;
    font-size: 37px;
    line-height: 55px;
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .blog-header__flex-box h1
    {
        font-size: 26px;
        line-height: normal;
        text-align: center;
    }
}
.blog-header__flex-box .gatsby-image-wrapper
{
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .blog-header__flex-box
    {
        flex-direction: column-reverse;
    }
}
.blog-header__title_box .blog-meta
{
    display: flex;
}
.blog-header__title_box .blog-meta li
{
    width: 40%;
    font-family: Lexend;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #000;
}
@media only screen and (max-width: 767px)
{
    .blog-header__title_box .blog-meta li
    {
        width: 100%;
    }
}
.blog-content
{
    padding: 20px 0;
    border-bottom: 1px solid #0504291c;
}
.blog-content__inner
{
    margin: auto;
    padding-bottom: 75px;
}
@media only screen and (max-width: 767px)
{
    .blog-content__inner
    {
        padding-bottom: 25px;
    }
}
.blog-content .blog-post-content p>img
{
    display: inherit;
    margin: auto;
}
.blog-content .blog-post-content a
{
    color: #001ced;
}
.blog-content .blog-post-content a:hover
{
    text-decoration: underline;
}
.blog-content .blog-post-content pre
{
    margin: 0 0 1.45rem;
    font-size: .85rem;
    line-height: 1.42;
    background: #0000000a;
    border-radius: 3px;
    overflow: auto;
    word-wrap: normal;
    padding: 1.45rem;
}
.blog-content .blog-post-content pre code
{
    background: none;
    line-height: 1.42;
}
.blog-content-head__inner
{
    max-width: 800px;
    margin: auto;
}
@media only screen and (max-width: 767px)
{
    .blog-content-head__inner
    {
        padding-bottom: 25px;
    }
}
.table-of-contents
{
    position: sticky;
    position: -webkit-sticky;
    top: 8vw;
    max-height: calc(100vh - 40px);
    overflow: auto;
    display: flex;
    flex-direction: column;
}
.table-of-contents__heading
{
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 17px!important;
    text-transform: uppercase!important;
    color: #000!important;
}
.table-of-contents__list_main
{
    list-style: none;
    margin: 0;
}
.table-of-contents__list
{
    list-style: none;
}
.table-of-contents__items
{
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #7c7d81;
}
.table-of-contents__divide
{
    width: 50px;
    height: 1px;
    background: #70707059;
    margin-top: 25px;
    margin-bottom: 25px;
}
.table-of-contents__nav-social
{
    display: inline-flex;
    list-style: none;
    margin: 0;
    column-gap: 25px;
}
@media only screen and (max-width: 767px)
{
    .table-of-contents
    {
        display: none;
    }
}
.blog-relative
{
    margin-top: 80px;
}
@media only screen and (max-width: 767px)
{
    .blog-relative
    {
        margin-top: 20px;
    }
}
.blog-relative__list
{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    row-gap: 30px;
    column-gap: 40px;
}
@media only screen and (max-width: 767px)
{
    .blog-relative__list
    {
        flex-direction: column;
    }
}
.blog-relative__list .item
{
    width: calc((100% - 100px) / 3);
    display: block;
    transition: all .3s;
    border-bottom: 4px solid #0038ff33;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    height: 591.28px;
}
@media only screen and (max-width: 767px)
{
    .blog-relative__list .item
    {
        width: 100%;
        margin-left: 0;
    }
}
.blog-relative__list .item:first-child
{
    margin-left: 0;
}
.blog-relative__list .item__header h3
{
    transition: all .3s;
    height: 56px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10.59px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-relative__list .item__header h3 a
{
    transition: all .3s;
}
.blog-relative__list .item__thumb
{
    overflow: hidden;
    height: 176px;
}
.blog-relative__list .item__thumb .gatsby-image-wrapper
{
    transition: all .3s ease-in;
    transform: rotate(0deg) scale(1);
}
.blog-relative__list .item:hover
{
    background: #f7f8fa;
    border-bottom: 4px solid #e84118;
    border-radius: 0 0 4px 4px;
}
.blog-relative__list .item:hover .item__header h3 a
{
    color: #e84118;
}
.blog-relative__list .item:hover .item__thumb .gatsby-image-wrapper
{
    transform: rotate(5deg) scale(1.2);
}
.blog-relative__list .item__meta
{
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #050429;
    margin-top: 46.98px;
    margin-bottom: 15px;
}
.blog-relative__list .item__meta .category
{
    position: relative;
    display: inline-block;
    padding: 1px 7.46875px 3px 8px;
    text-transform: capitalize;
    width: -webkit-max-content;
    width: max-content;
    background: #f1592a;
    border-radius: 2px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.blog-relative__list .item__meta .date
{
    position: relative;
    margin-left: 15px;
    padding-left: 10px;
}
.blog-relative__list .item__meta .date:before
{
    content: "";
    height: 1px;
    width: 8px;
    background: #050429;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.blog-relative__list .item__content
{
    margin-bottom: 100px;
    overflow: hidden;
    height: 65px;
    text-overflow: ellipsis;
}
.breadcrumb
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    margin: 30px 0;
}
@media only screen and (max-width: 767px)
{
    .breadcrumb
    {
        margin: 10px 0;
    }
}
.breadcrumb__item
{
    margin-bottom: 0;
    font-size: 16px;
}
@media only screen and (max-width: 767px)
{
    .breadcrumb__item
    {
        font-size: 10px;
    }
}
.breadcrumb__item.active
{
    color: #e85531;
}
.breadcrumb__item+.breadcrumb__item:before
{
    content: "/";
    color: #050429;
    padding: 0 5px;
}
.main-blog
{
    background: #fff;
    padding-bottom: 180px;
}
@media only screen and (max-width: 767px)
{
    .main-blog
    {
        padding-bottom: 20px;
    }
}
.main-blog .blog-heading
{
    margin: 0;
    text-align: center;
    padding: 30px 0;
    font-size: 30px;
}
@media only screen and (max-width: 767px)
{
    .main-blog .blog-heading
    {
        padding: 15px 0;
        font-size: 26px;
    }
}
.main-blog .blog-meta
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 50px;
}
@media only screen and (max-width: 767px)
{
    .main-blog .blog-meta
    {
        flex-wrap: wrap;
        padding-bottom: 0;
    }
}
.main-blog .blog-meta__col
{
    width: 33.3333333333%;
    padding: 0 50px;
}
@media only screen and (max-width: 767px)
{
    .main-blog .blog-meta__col
    {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    .main-blog .blog-meta__col:first-of-type
    {
        width: 100%;
        text-align: center;
    }
}
.main-blog .blog-meta__col p
{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px)
{
    .main-blog .blog-meta__col p
    {
        font-size: 14px;
    }
}
.main-blog .blog-meta__col p:last-child
{
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
@media only screen and (max-width: 767px)
{
    .main-blog .blog-meta__col p:last-child
    {
        padding-top: 7px;
    }
}
.main-blog__flex
{
    display: flex;
    column-gap: 50px;
}
.main-blog__section
{
    padding: 60px 0;
}
@media only screen and (max-width: 767px)
{
    .main-blog__section
    {
        padding: 0;
    }
}
.post-navigation
{
    margin: 0;
    padding: 2em 0 0;
}
.post-navigation .nav-links
{
    display: flex;
}
.post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous
{
    display: inline-flex;
    width: 50%;
}
.post-navigation .nav-links .nav-next a, .post-navigation .nav-links .nav-previous a
{
    display: block;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    max-width: 80%;
}
@media only screen and (max-width: 767px)
{
    .post-navigation .nav-links .nav-next a, .post-navigation .nav-links .nav-previous a
    {
        font-size: 13px;
    }
}
.post-navigation .nav-links .nav-next a:hover, .post-navigation .nav-links .nav-previous a:hover
{
    color: #e84118;
}
.post-navigation .nav-links .nav-next a span, .post-navigation .nav-links .nav-previous a span
{
    display: block;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    color: #050429;
}
.post-navigation .nav-links .nav-previous
{
    justify-content: flex-start;
}
.post-navigation .nav-links .nav-previous a
{
    text-align: left;
}
.post-navigation .nav-links .nav-next
{
    justify-content: flex-end;
}
.post-navigation .nav-links .nav-next a
{
    text-align: right;
}
.list-tag
{
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    gap: 10px;
    cursor: pointer;
}
.list-tag span:hover
{
    transition: all .3s;
    color: #e84118;
}
@media only screen and (max-width: 767px)
{
    .list-tag
    {
        margin-top: 20px;
    }
}
.list-tag li
{
    margin-bottom: 0;
}
.list-tag li a, .list-tag li span
{
    display: block;
    padding: 5px 10px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #050429;
}
.share-social
{
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 60px 0 0;
}
@media only screen and (max-width: 767px)
{
    .share-social
    {
        margin-top: 20px;
    }
}
.share-social li+li
{
    margin-left: 15px;
}
.blog-entry
{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media only screen and (max-width: 767px)
{
    .blog-entry
    {
        flex-direction: column;
    }
}
.box-solutions
{
    margin: 120px 0 105px;
}
@media only screen and (max-width: 767px)
{
    .box-solutions
    {
        margin: 40px 0 30px;
    }
}
.box-heading
{
    text-align: center;
}
.box-heading .hdg-lv2
{
    padding-bottom: 20px;
    margin-bottom: 0;
}
.box-heading .hdg-lv2-sub
{
    padding-bottom: 80px;
}
.box-build
{
    margin: 150px 0;
}
@media only screen and (max-width: 767px)
{
    .box-build
    {
        margin: 50px 0;
    }
}
.box-build__image
{
    text-align: center;
    margin-top: 40px;
}
.box-build__image .img
{
    margin: auto;
}
.box-flutter
{
    margin: 150px 0;
}
@media only screen and (max-width: 767px)
{
    .box-flutter
    {
        margin: 50px 0;
    }
}
.employee-benefits
{
    padding: 0 0 120px;
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .employee-benefits
    {
        margin-bottom: 30px;
        padding: 25px 0 30px;
    }
}
.employee-benefits .container
{
    position: relative;
    z-index: 1;
}
.employee-benefits__slide
{
    padding: 0 152px;
    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .employee-benefits__slide
    {
        padding: 0 20px;
    }
}
.employee-benefits__slide .slick-dots li
{
    width: 40px;
    height: 2px;
}
.employee-benefits__slide .slick-dots li button:before
{
    font-family: inherit;
    content: "";
    width: 40px;
    height: 2px;
    background: #d8d8d8;
    opacity: 1;
    transition: all .3s ease-in;
}
.employee-benefits__slide .slick-dots li.slick-active button:before
{
    background: #e84118;
}
.employee-benefits .our-blockchain
{
    margin-bottom: 0;
}
.benefits-slide__content
{
    margin: 90px 0 40px;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 767px)
{
    .benefits-slide__content
    {
        margin: 20px 0 30px;
    }
}
.benefits-slide__content:after, .benefits-slide__content:before
{
    content: "";
    position: absolute;
    z-index: -1;
    width: 153px;
    height: 126px;
}
@media only screen and (max-width: 767px)
{
    .benefits-slide__content:after, .benefits-slide__content:before
    {
        width: 53px;
        height: 44px;
    }
}
.benefits-slide__content:before
{
    background: url(/_next/static/media/icon-quote-gray.0fc3ef12.png) no-repeat 50%;
    background-size: cover;
    left: 0;
    bottom: -20px;
}
@media only screen and (max-width: 767px)
{
    .benefits-slide__content:before
    {
        bottom: 0;
    }
}
.benefits-slide__content:after
{
    background: url(/_next/static/media/icon-quote-gray-down.242a8365.png) no-repeat 50%;
    background-size: cover;
    right: 0;
    top: 0;
}
.benefits-slide__meta h6
{
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.42;
}
.box-searching
{
    margin-bottom: 80px;
}
.box-searching__heading
{
    text-transform: uppercase;
}
.box-searching__block+.box-searching__block
{
    margin-top: 70px;
}
.box-searching__block ul
{
    list-style: none;
    margin-left: 0;
}
.box-searching__block ul li
{
    margin-bottom: 0;
}
.box-searching__block ul li+li
{
    border-top: 1px solid #0504291c;
}
.box-searching__block ul li a
{
    display: block;
    position: relative;
    overflow: hidden;
    padding: 30px 0;
    transition: all .3s;
}
.box-searching__block ul li a:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0504291c;
    transition: all 1s cubic-bezier(.375,.885,.32,1.075);
    z-index: 1;
}
.box-searching__block ul li a:hover dd, .box-searching__block ul li a:hover dt
{
    color: #e94118;
}
.box-searching__block ul li a:hover:after
{
    width: 100%;
}
.box-searching__block dl
{
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px)
{
    .box-searching__block dl
    {
        flex-direction: column;
        padding: 0 10px;
    }
}
.box-searching__block dl dd, .box-searching__block dl dt
{
    transition: all .3s;
}
.box-searching__block dl dt
{
    width: 60%;
    font-weight: 400;
}
@media only screen and (max-width: 767px)
{
    .box-searching__block dl dt
    {
        width: 100%;
        font-weight: 600;
    }
}
.box-searching__block dl dd
{
    width: 40%;
    font-weight: 400;
}
@media only screen and (max-width: 767px)
{
    .box-searching__block dl dd
    {
        width: 100%;
        margin-top: 10px;
    }
}
.core-values
{
    margin-top: 70px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .core-values
    {
        margin-top: 30px;
        flex-direction: column;
    }
}
.core-values__text
{
    flex: 1 1;
    padding-right: 90px;
}
@media only screen and (max-width: 767px)
{
    .core-values__text
    {
        width: 100%;
        padding-right: 0;
    }
}
.core-values__text .hdg-lv2
{
    text-align: left;
}
@media only screen and (max-width: 767px)
{
    .core-values__text .hdg-lv2
    {
        text-align: center;
        margin-top: 0;
    }
}
.core-values__content
{
    width: 70%;
    display: flex;
    align-items: center;
    grid-gap: 24px;
}
@media only screen and (max-width: 767px)
{
    .core-values__content
    {
        width: 100%;
        flex-direction: column;
    }
}
.core-values .our-blockchain
{
    flex-direction: column;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px)
{
    .core-values .our-blockchain+.our-blockchain
    {
        margin-top: 0;
    }
}
.core-values .our-blockchain__col
{
    width: 100%;
    margin-left: 0;
    border: 1px solid #e94118;
    padding: 20px;
    border-radius: 10px;
}
@media only screen and (max-width: 767px)
{
    .core-values .our-blockchain__col:last-child
    {
        margin-bottom: 0;
    }
}
.core-values .our-blockchain__col h3
{
    color: #e94118;
    font-weight: 700;
}
.blog-banner
{
    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .visible-pc
    {
        display: none;
    }
}
@media only screen and (min-width: 768px)
{
    .visible-sp
    {
        display: none;
    }
}
.box-thanks
{
    text-align: center;
    color: #0ca519;
}
.upload-btn-wrapper
{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.upload-btn-wrapper input[type=file]
{
    font-size: 100px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.upload-btn-wrapper .form-control
{
    font-family: HKNova;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #050429;
    cursor: pointer;
}
.upload-btn-wrapper button
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.breadcrumbs
{
    list-style: none;
    display: flex;
    margin: 0;
}
.breadcrumbs__item
{
    font-size: 24px;
}
.breadcrumbs__item:not(:first-child)
{
    margin-left: 5px;
}
.breadcrumbs__item:not(:first-child):before
{
    content: " • ";
}
.react-tabs__tab--selected .blog_tab
{
    color: #e84118;
}
.blog__img
{
    margin: 23.2px 0!important;
}
.loader-container
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding-bottom: 80px;
}
.spinner
{
    width: 64px;
    height: 64px;
    border-color: #e84118 #0000;
    border-style: solid;
    border-width: 8px;
    border-radius: 50%;
    animation: spin-anim 1.2s linear infinite;
}
@keyframes spin-anim
{
    0%
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}
.table-scroll
{
    overflow-x: auto;
}
figure
{
    text-align: center;
}
figure figcaption
{
    font-size: 13px;
    color: #7c7d81;
    opacity: .8;
    text-align: center;
    margin-top: 5px;
}
.slick-dots li
{
    width: 32px!important;
}
.slick-dots li button, .slick-dots li button:before
{
    width: 32px!important;
    height: 2px!important;
}
.slick-dots li button:before
{
    content: ""!important;
    background: #171d2b;
    border-radius: 2px;
}
.slick-dots li.slick-active button:before
{
    background: #e94118!important;
    opacity: 1!important;
}
.sub-contact-section
{
    margin-top: -5em;
}
@media only screen and (max-width: 767px)
{
    .sub-contact-section
    {
        margin-top: -2em;
    }
}
.sub-contact-section .contact-box
{
    display: flex;
    background: #e94118;
    padding: 30px;
    border-radius: 8px;
    color: #fff;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: 9em;
}
@media only screen and (max-width: 767px)
{
    .sub-contact-section .contact-box
    {
        flex-direction: column;
        align-items: start;
        top: 5em;
    }
}
.sub-contact-section .solid-button
{
    color: #fff;
    display: block;
    padding: 8px 32px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    transition: all .25s ease-in-out;
}
.sub-contact-section .solid-button:hover
{
    background: #fff;
    color: #e94118;
}
@media only screen and (max-width: 767px)
{
    .sub-contact-section .solid-button
    {
        margin-top: 30px;
    }
}
.sub-contact-section h3
{
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
}
.sub-contact-section p
{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.mansory-content
{
    gap: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media only screen and (max-width: 767px)
{
    .mansory-content
    {
        flex-direction: column;
    }
}
.mansory-item
{
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e94118;
    display: inline-block;
    margin: 0 0 40px;
    width: calc((100% - 120px) / 3);
}
@media only screen and (max-width: 767px)
{
    .mansory-item
    {
        width: 100%;
    }
}
.mansory-item .title
{
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}
.mansory-item .stroke
{
    border: 1px solid #e94118;
    margin: 16px 8em;
}
pre
{
    max-height: 400px;
    overflow: auto;
}
.clutch-widget
{
    max-width: 120px;
}
.user-content
{
    overflow: hidden;
    position: fixed;
    z-index: 10;
    box-shadow: 0 .625em 1.875em rgba(0,0,2,.302);
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    left: 0;
    bottom: 0;
    right: 0;
    transition: opacity .35s ease,visibility .35s ease,transform .35s ease;
    padding: 1rem;
    font-size: 14px;
}
.user-content p
{
    margin-bottom: 0;
}
.user-content p a
{
    font-weight: 700;
}
.user-content button
{
    background: #e94118;
    border: 1px solid #e94118;
    border-radius: 5px;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    min-height: 42px;
    padding: .25rem 1rem;
    text-align: center;
    min-width: 120px;
    font-weight: 400;
    cursor: pointer;
}
.user-content button:hover
{
    opacity: .85;
}
@media screen and (max-width: 767px)
{
    .user-content
    {
        flex-direction: column;
    }
}