/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8d697b304b401681-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba015fad6dcf6784-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Geist Fallback';src: local("Arial");ascent-override: 95.94%;descent-override: 28.16%;line-gap-override: 0.00%;size-adjust: 104.76%
}.__className_5cfdac {font-family: 'Geist', 'Geist Fallback';font-style: normal
}.__variable_5cfdac {--font-geist-sans: 'Geist', 'Geist Fallback'
}

/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/9610d9e46709d722-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/747892c23ea88013-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/93f479601ee12b01-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Geist Mono Fallback';src: local("Arial");ascent-override: 74.67%;descent-override: 21.92%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_9a8899 {font-family: 'Geist Mono', 'Geist Mono Fallback';font-style: normal
}.__variable_9a8899 {--font-geist-mono: 'Geist Mono', 'Geist Mono Fallback'
}

@font-face {font-family: 'Urbanist-Medium';src: url(/_next/static/media/Urbanist-Medium.b3eb7195.eot);src: url(/_next/static/media/Urbanist-Medium.b3eb7195.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Urbanist-Medium.6cbf9fff.woff2) format('woff2'),url(/_next/static/media/Urbanist-Medium.8ae0680b.woff) format('woff'),url(/_next/static/media/Urbanist-Medium.ce46a6e2.ttf) format('truetype'),url(/_next/static/media/Urbanist-Medium.d368b752.svg#Urbanist-Medium) format('svg');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Urbanist-Regular';src: url(/_next/static/media/Urbanist-Regular.f5d28075.eot);src: url(/_next/static/media/Urbanist-Regular.f5d28075.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Urbanist-Regular.b7353473.woff2) format('woff2'),url(/_next/static/media/Urbanist-Regular.fd485c4e.woff) format('woff'),url(/_next/static/media/Urbanist-Regular.bcff4eef.ttf) format('truetype'),url(/_next/static/media/Urbanist-Regular.cff77990.svg#Urbanist-Regular) format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Urbanist-Bold';src: url(/_next/static/media/Urbanist-Bold.9c307829.eot);src: url(/_next/static/media/Urbanist-Bold.9c307829.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Urbanist-Bold.23bd7b89.woff2) format('woff2'),url(/_next/static/media/Urbanist-Bold.9e8d0623.woff) format('woff'),url(/_next/static/media/Urbanist-Bold.3eff0b4f.ttf) format('truetype'),url(/_next/static/media/Urbanist-Bold.3877be3e.svg#Urbanist-Bold) format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Urbanist-Light';src: url(/_next/static/media/Urbanist-Light.fbf029b5.eot);src: url(/_next/static/media/Urbanist-Light.fbf029b5.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Urbanist-Light.99fe9e34.woff2) format('woff2'),url(/_next/static/media/Urbanist-Light.f00645ab.woff) format('woff'),url(/_next/static/media/Urbanist-Light.9875876e.ttf) format('truetype'),url(/_next/static/media/Urbanist-Light.f1aa41d4.svg#Urbanist-Light) format('svg');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Urbanist-Black';src: url(/_next/static/media/Urbanist-Black.9483ad06.eot);src: url(/_next/static/media/Urbanist-Black.9483ad06.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Urbanist-Black.df21fe87.woff2) format('woff2'),url(/_next/static/media/Urbanist-Black.6de04b76.woff) format('woff'),url(/_next/static/media/Urbanist-Black.66ccba38.ttf) format('truetype'),url(/_next/static/media/Urbanist-Black.22edfd8c.svg#Urbanist-Black) format('svg');font-weight: 900;font-style: normal;font-display: swap;}
@font-face {font-family: 'Urbanist-SemiBold';src: url(/_next/static/media/Urbanist-SemiBold.4140129e.eot);src: url(/_next/static/media/Urbanist-SemiBold.4140129e.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Urbanist-SemiBold.2633c73e.woff2) format('woff2'),url(/_next/static/media/Urbanist-SemiBold.75253bee.woff) format('woff'),url(/_next/static/media/Urbanist-SemiBold.5b3dc066.ttf) format('truetype'),url(/_next/static/media/Urbanist-SemiBold.1fe60999.svg#Urbanist-SemiBold) format('svg');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Satoshi-Light';src: url(/_next/static/media/Satoshi-Light.4da726f0.eot);src: url(/_next/static/media/Satoshi-Light.4da726f0.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Satoshi-Light.9fa2ed03.woff2) format('woff2'),url(/_next/static/media/Satoshi-Light.40d8eee5.woff) format('woff'),url(/_next/static/media/Satoshi-Light.7bb2bc73.ttf) format('truetype'),url(/_next/static/media/Satoshi-Light.0709c453.svg#Satoshi-Light) format('svg');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Satoshi-Medium';src: url(/_next/static/media/Satoshi-Medium.bb05be04.eot);src: url(/_next/static/media/Satoshi-Medium.bb05be04.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Satoshi-Medium.29162350.woff2) format('woff2'),url(/_next/static/media/Satoshi-Medium.d6e35e20.woff) format('woff'),url(/_next/static/media/Satoshi-Medium.0bfcc829.ttf) format('truetype'),url(/_next/static/media/Satoshi-Medium.ac36e45e.svg#Satoshi-Medium) format('svg');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Satoshi-Black';src: url(/_next/static/media/Satoshi-Black.8011b191.eot);src: url(/_next/static/media/Satoshi-Black.8011b191.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Satoshi-Black.b14d6a58.woff2) format('woff2'),url(/_next/static/media/Satoshi-Black.ac4ad8fc.woff) format('woff'),url(/_next/static/media/Satoshi-Black.95811117.ttf) format('truetype'),url(/_next/static/media/Satoshi-Black.16ebd051.svg#Satoshi-Black) format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Satoshi-Regular';src: url(/_next/static/media/Satoshi-Regular.3b03da8d.eot);src: url(/_next/static/media/Satoshi-Regular.3b03da8d.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Satoshi-Regular.14cd6529.woff2) format('woff2'),url(/_next/static/media/Satoshi-Regular.e99ef198.woff) format('woff'),url(/_next/static/media/Satoshi-Regular.622dc04a.ttf) format('truetype'),url(/_next/static/media/Satoshi-Regular.4d7fad39.svg#Satoshi-Regular) format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Satoshi-Bold';src: url(/_next/static/media/Satoshi-Bold.513ec066.eot);src: url(/_next/static/media/Satoshi-Bold.513ec066.eot?#iefix) format('embedded-opentype'),url(/_next/static/media/Satoshi-Bold.3fba43de.woff2) format('woff2'),url(/_next/static/media/Satoshi-Bold.e3a7dcfe.woff) format('woff'),url(/_next/static/media/Satoshi-Bold.67db03f9.ttf) format('truetype'),url(/_next/static/media/Satoshi-Bold.6488c811.svg#Satoshi-Bold) format('svg');font-weight: bold;font-style: normal;font-display: swap;}


:root {--background: #ffffff;--foreground: #171717;}
@media (prefers-color-scheme: dark) {:root {--background: #fff;--foreground: #ededed;}}
html,body {max-width: 100vw;overflow-x: hidden;}
body {color: var(--foreground);background: var(--background);font-family: Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0px;max-width: 100% !important;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
* {box-sizing: border-box;padding: 0;margin: 0;}
a {color: inherit;text-decoration: none;}
@media (prefers-color-scheme: dark) {html {color-scheme: dark;}}
.container {width: 100%;max-width: 1140px !important;margin: 0 auto;}
.head-sec {width: 100%;padding: 15px 0;}
header {position: fixed;z-index: 10;width: 100%;left: 0; transition: all ease-in-out 0.75s; background: transparent;}
section.banner .banner-img img {position: relative !important;}
.menus .list ul {padding: 0;margin: 0 30px 0 0;}
.menus .list ul li {list-style: none;color: #fff;font: 14px/24px 'Satoshi-Bold';text-transform: uppercase;}
.menus .list ul li:not(:last-child) {margin-right: 30px;}
.menus .list ul li a {color: #fff;text-decoration: none;transition: 0.5s all;position: relative;}
.menus .list ul li a svg{margin-right: 2px;}
.menus .list ul li a::before {content: "";width: 0%;height: 3px;position: absolute;left: 0;bottom: -5px;background: #fff;transition: 0.5s all ease-in-out;}
.menus .list ul li a:hover::before, .menus .list ul li a.active::before {width: 100%;}
.menus .btns a:not(:last-child) {margin-right: 5px;}
.menus .btns a {text-decoration: none; width: auto;padding: 5.5px 15px;border-radius: 30px;background: transparent;border: 1px solid #fff;color: #fff;font: 14px/24px 'Satoshi-Bold';text-transform: uppercase;
transition: 0.5s all ease-in-out;}
.menus .btns a:last-child svg {font-size: 18px;margin-right: 5px;}
.menus .btns a:first-child {background: rgba(255, 255, 255, 0.23);}
.menus .btns a:first-child:hover {background: transparent;}
.menus .btns a:last-child:hover {background: rgba(255, 255, 255, 0.23);}
.menus .btns a:nth-child(1),.menus .btns button:nth-child(3):hover {background: #525689;border-color: #525689;}
.menus .btns a:nth-child(3),.menus .btns button:nth-child(1):hover {background: #000033;border-color: #000033;}
.banner-img {border-radius: 30px;overflow: hidden;}
.ft-top {width: 100%;padding: 50px 0;border-bottom: 1px solid #EAEAEA;}
.ft-top p {margin: 10px 0;font: 18px/30px 'Satoshi-Medium';color: #1E1E1E;padding-right: 55px;}
.social-media ul {padding: 0;margin: 0;display: flex;align-items: center;}
.social-media ul li {list-style: none;}
.social-media ul li:not(:last-child) {margin-right: 10px;}
.social-media ul li a {color: #313570;font-size: 18px;line-height: 24px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;transition: 0.5s all ease-in-out;}
.social-media ul li a:hover {background: #313570;color: #fff;border-radius: 100%;}
.ft-top h4 {font: 18px/24px 'Satoshi-Bold';color: #000;margin-bottom: 10px;}
.ft-top h4+ul {padding: 0;margin: 0;}
.ft-top h4+ul li {list-style: none;font: 16px/35px 'Satoshi-Medium';color: #1E1E1E;}
.ft-top h4+ul li a {color: #1E1E1E;text-decoration: none;transition: 0.5s all ease-in-out;position: relative;}
.ft-top h4+ul li a::before {content: "";width: 100%;height: 10px;position: absolute;left: 0;}
.ft-top h4+ul li a:hover {color: #313570;}
.ft-top h4+ul li a::before {content: "";width: 0;height: 2px;position: absolute;left: 0;bottom: -2px;background: #313570;border-radius: 5px;transition: 0.5s all ease-in-out;}
.ft-top h4+ul li a:hover::before {width: 100%;}
.ft-bottom {width: 100%;padding: 15px 0 0px; display: flex;align-items: center;justify-content: space-between;}
.ft-bottom p {margin: 0;font: 16px/35px 'Satoshi-Medium';color: #1E1E1E;}
.ft-bottom ul {padding: 0;margin: 0;display: flex;align-items: center;justify-content: flex-end;}
.ft-bottom ul li {list-style: none;}
.ft-bottom ul li:not(:last-child) {margin-right: 25px;}
.ft-bottom ul li a {list-style: none;font: 16px/35px 'Satoshi-Medium';color: #1E1E1E;text-decoration: none;transition: 0.5s all ease-in-out;}
.ft-bottom ul li a:hover {color: #313570;}
section.banner {width: 100%;position: relative;border-radius: 0px;min-height: calc(100vh - 50px);display: flex;flex-direction: column;justify-content: center; padding: 150px 0px 50px; 
background: linear-gradient(-20deg, #202246 65%, #3e4387); overflow: hidden;}
.banner-text {width: 100%; display: flex; flex: 1 1; align-items: center;}
.banner-text h1 {color: #fff;font: 70px/90px 'Urbanist-Black';text-transform: uppercase; text-align: right;}
.banner-text h2 {color: #fff;font: 35px/45px 'Satoshi-Medium';margin-bottom: 35px; text-align: right;}
.banner-text a {text-decoration: none; width: max-content;padding: 14px 19.5px;background: #3e4387; border: 1px solid #525689;border-radius: 30px;font: 18px/24px 'Satoshi-Bold'; color: #fff;text-transform: uppercase;
transition: 0.5s all ease-in-out;}
.babtn{ text-align: right;}
.banner-text a:hover {background: rgba(49, 53, 112, 0.97);}
.banner-box {width: 100%; margin-top: 50px;}
.banner-box .box {width: 100%;margin: auto;background: rgb(16 16 29);border-radius: 30px;padding: 25px;display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;align-content: space-between;
height: 100%;}
.banner-box .box .cnt {margin-bottom: 15px;}
.banner-box .box .cnt h3 {margin: 0;font: 26px/26px 'Urbanist-Bold';color: #fff;margin-left: 15px;}
.banner-box .box .cnt h3 span {display: block;font: 20px/24px 'Urbanist-SemiBold';color: #CACAFF;margin-bottom: 10px;}
.banner-box .box .cnt .ttd {margin-bottom: 15px;}
.banner-box .box .cnt p {color: #fff;font: 16px/25px 'Satoshi-Regular';margin: 0;}
.banner-box .box button {width: 48px;height: 48px;background: #313570;border: 1px solid #AFAFEF;border-radius: 100%;color: #fff;display: flex;align-items: center;justify-content: center;transition: 0.5s all ease-in-out;}
.banner-box .box button svg {font-size: 24px;transition: 0.5s all ease-in-out;}
.banner-box .box button:hover {background: #AFAFEF;}
.banner-box .box button:hover svg {transform: rotate(45deg);}
section.strate-sec {width: 100%; padding: 50px 0;}
section.strate-sec h2 {font: 35px/35px 'Satoshi-Black';color: #000033;margin-bottom: 30px;}
section.strate-sec .d-flex {flex-wrap: wrap;align-items: initial;justify-content: space-between;}
section.strate-sec .d-flex .boxs {width: 49%;margin-bottom: 10px;background: #F9F9FF;border: 1px solid #DDDDFF;border-radius: 30px;overflow: hidden;display: flex;align-items: flex-start;justify-content: flex-start;}
section.strate-sec .d-flex .boxs .txt {display: flex;flex-direction: column;align-items: flex-start; height: 100%;padding: 15px;width: 100%;}
section.strate-sec .d-flex .boxs .txt button {margin-left: auto;width: 48px;height: 48px;background: transparent;border: 1px solid #AFAFEF;border-radius: 100%;color: #fff;display: flex;align-items: center;
justify-content: center;transition: 0.5s all ease-in-out;}
section.strate-sec .d-flex .boxs .txt button svg {color: #313570;font-size: 24px;transition: 0.5s all ease-in-out;}
section.strate-sec .d-flex .boxs .txt button:hover {background: #313570;}
section.strate-sec .d-flex .boxs .txt button:hover svg {color: #fff;transform: rotate(45deg);}
section.inte-sec {width: 100%;background: #fdfcff;position: relative;border-radius: 50px;}
section.inte-sec .img {text-align: right;}
section.inte-sec .txt {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;}
section.inte-sec .txt p {max-width: 620px;font: 48px/60px 'Satoshi-Regular';color: #1E1E1E;margin: 0;}
section.inte-sec .txt p span {color: #5B61BA;font-family: 'Satoshi-Medium';}
section.solu-sec {width: 100%;padding: 50px 0;}
section.solu-sec h2 {font: 35px/35px 'Satoshi-Black';color: #000033;margin-bottom: 30px;}
section.strate-sec .d-flex .boxs .txt h3 {font: 20px/24px 'Urbanist-Bold';color: #000;}
section.strate-sec .d-flex .boxs .txt p {font: 16px/24px 'Satoshi-Medium';color: #1E1E1E;margin: 0;}
section.solu-sec .row {align-items: initial;}
section.solu-sec .row>div {padding: 0;}
section.solu-sec .row>div .box {background: #313570;height: 100%;padding: 30px 20px;}
section.solu-sec .row>div .box .ttd h3 {font: 18px/24px 'Urbanist-Bold';color: #fff;margin-left: 15px;}
section.solu-sec .row>div .box .ttd {margin-bottom: 15px;}
section.solu-sec .row>div .box .ttd+div {display: flex;justify-content: space-between; flex-direction: column; flex: 1 1;}
section.solu-sec .row>div .box .cnt {display: flex;flex-direction: column;align-items: flex-start; height: 100%;}
section.solu-sec .row>div .box .ttd+div p {font: 16px/25px 'Satoshi-Regular';color: #fff;width: calc(100% - 70px);}
section.solu-sec .row>div .box .ttd+div button {width: 48px;height: 48px;background: #313570;border: 1px solid #AFAFEF;border-radius: 100%;color: #fff;display: flex;align-items: center;justify-content: center;
transition: 0.5s all ease-in-out; margin-left: auto;}
section.solu-sec .row>div .box .ttd+div button svg {color: #fff;font-size: 18px;transition: 0.5s all ease-in-out;}
section.solu-sec .row>div .box .ttd+div button:hover {background: #AFAFEF;}
section.solu-sec .row>div .box .ttd+div button:hover svg {transform: rotate(45deg);}
section.solu-sec .row > div:nth-child(2) .box {background: #3E4387;}
section.solu-sec .row > div:nth-child(3) .box {background: #4D529C;}
section.solu-sec .row > div:last-child .box {background: #5D63B0;}
section.ready-sec {width: 100%;padding: 50px 0;border-top: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA; background: #003; position: relative;}
section.ready-sec::before, section.ready-sec::after{content: ''; width: 15px; height: 100%; top: 0; background: #003; left: -15px; position: absolute;}
section.ready-sec::after{left: auto; right: -15px;}
section.ready-sec p {margin: 0;font: 38px/45px 'Satoshi-Medium';color: #fff;}
section.ready-sec a {text-decoration: none; width: max-content;font: 18px/24px 'Satoshi-Bold';color: #313570;padding: 14px 19px;background: transparent;border: 1px solid #000000;border-radius: 30px;display: flex;
align-items: center;justify-content: space-between;transition: 0.5s all ease-in-out; white-space: nowrap;}
section.ready-sec a span {width: 30px;height: 30px;background: transparent;border: 1px solid #525689;border-radius: 100%;color: #525689;display: flex;align-items: center;justify-content: center;
transition: 0.5s all ease-in-out;margin-left: 10px;}
section.ready-sec a:hover {background: #3E4387;color: #fff;}
section.ready-sec a:hover span {background: #fff;transform: rotate(45deg);}
button#nav-icon2 {display: none;}
header.fixed {/* background: #7277c4; */background: linear-gradient(-20deg, #202246 65%, #3e4387);z-index: 25;}
section.global-cnt {width: 100%;padding: 50px 0;background: #fdfcff;}
section.global-cnt h2 {font: 35px / 35px 'Satoshi-Black';color: #000033;margin-bottom: 30px;}
section.global-cnt p {font: 16px / 24px 'Satoshi-Medium';color: #1E1E1E;}
section.global-cnt .bdy {display: flex;align-items: flex-start;justify-content: space-between;}
section.global-cnt .bdy div {width: 46%;}
section.global-cnt .head {margin-bottom: 50px;}
section.isf-banner {width: 100%;position: relative;}
.isf-banner-img img {position: relative !important;border-radius: 0px;max-height: 600px;object-fit: cover;object-position: center;}
.isf-banner-img {position: relative;}
.isf-banner-img::before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 51, 0.75); z-index: 1;border-radius: 0px;}
.isf-banner-text {position: absolute;width: 100%;left: 0;top: 60%;transform: translateY(-50%);z-index: 2;}
.isf-banner-text h2 {color: #fff;font: 40px / 60px Urbanist-Black;text-transform: uppercase;}
.isf-banner-text p {color: #fff;font: 20px / 28px Satoshi-Regular;}
.isf-banner-text .ban-txt {width: 60%;}
section.why-choose {width: 100%;padding: 50px 0 20px;}
section.why-choose .head {margin-bottom: 50px;}
section.why-choose .head h2 {font: 35px / 35px Satoshi-Black;color: #003;}
section.why-choose .head h4 {font: 20px / 28px Satoshi-Black;color: #003;}
section.why-choose .bdy {display: flex;align-items: initial;justify-content: space-between;flex-wrap: wrap;}
section.why-choose .bdy .box { width: 45%; margin-bottom: 30px;}
section.why-choose .bdy .box .icon img {object-fit: contain;width: 100%;object-position: center;}
section.why-choose .bdy .box .icon {width: 60px;height: 60px;margin-bottom: 20px;}
section.why-choose .bdy .box .txt h4 {font: 20px / 24px Urbanist-Bold;color: #000;}
section.why-choose .bdy .box .txt p {font: 16px / 24px Satoshi-Medium;color: #1e1e1e;margin: 0;}
section.blogs {width: 100%;background: #fdfcff;padding: 50px 0;}
section.blogs .blks {display: flex;align-items: initial;justify-content: space-between;}
section.blogs .blks .blk {width: 31%;background: #313570;border-radius: 30px;padding: 25px;height: auto;}
section.blogs .blks .blk:nth-child(2) {background: #3e4387;}
section.blogs .blks .blk:last-child {background: #4d529c;}
section.blogs .blks .blk .hd {display: flex;align-items: flex-start;justify-content: flex-start;margin-bottom: 20px;}
section.blogs .blks .blk .hd .title {width: calc(100% - 64px);margin-left: 15px;}
section.blogs .blks .blk .hd .title h4 {font: 20px/28px Urbanist-Bold;color: #fff;}
section.blogs .blks .blk p {color: #fff;font: 16px / 25px Satoshi-Regular;margin: 0;}
section.blogs .btns {width: 100%;margin-top: 30px;display: flex;align-items: center;justify-content: flex-end;}
section.blogs .btns a {text-decoration: none; width: max-content;font: 18px / 24px 'Satoshi-Bold';color: #313570;padding: 14px 19px;background: transparent;border: 1px solid #000000;border-radius: 30px;display: flex;
align-items: center;justify-content: space-between;transition: 0.5s all ease-in-out;}
section.blogs .btns a span {min-width: 30px; width: 30px;height: 30px;background: transparent;border: 1px solid #525689;border-radius: 100%;color: #525689;display: flex;align-items: center;justify-content: center;
transition: 0.5s all ease-in-out;margin-left: 10px;}
section.blogs .btns a:hover {background: #3E4387;color: #fff;}
section.blogs .btns a:hover span {background: #fff;transform: rotate(45deg);}
.buttonfilled{ background: #3E4387 !important;color: #fff !important;}
.buttonfilled:hover {background: #fff !important;color: #3E4387 !important;}
.buttonfilled span{border-color:#fff !important; color: #fff !important;}
.buttonfilled:hover span {background: #3E4387 !important; border-color: #3E4387 !important;}
section.blogs .head {margin-bottom: 50px;text-align: center;}
section.blogs .head h2 {font: 30px / 35px Satoshi-Black;color: #003;}
section.isf-doc {width: 100%;padding: 50px 0;}
section.isf-doc .hd h2 {font: 35px / 35px Satoshi-Black;color: #003;margin-bottom: 15px;}
section.isf-doc .hd p {font: 16px / 24px Satoshi-Medium;color: #1e1e1e;margin: 0;}
section.isf-doc .hd {margin-bottom: 30px;}
section.isf-doc .bdy .blk {display: flex;align-items: flex-start;justify-content: flex-start;}
section.isf-doc .bdy .blk:not(:last-child) {margin-bottom: 55px;}
section.isf-doc .bdy .blk p {margin: 0;font: 16px / 24px Satoshi-Medium;color: #1e1e1e;}
section.isf-doc .bdy .blk > span {font: 85px / 65px Satoshi-Black;color: #ebecff;min-width: 65px;text-shadow: 1px 1px #babdf1;}
section.isf-doc .bdy .blk p span {display: block;font: 18px / 35px Urbanist-Bold;color: #000;}
section.wts-vgm {width: 100%;padding: 50px 0;}
section.wts-vgm .head h2, section.method .head, section.benfit .head h2 {font: 35px / 35px Satoshi-Black;color: #003;margin-bottom: 30px;}
section.wts-vgm .head p, section.wts-vgm .bdy .blk div p, section.method .head p, section.benfit .head p {font: 16px / 24px Satoshi-Medium;color: #1e1e1e;}
section.wts-vgm .head, section.benfit .head {margin-bottom: 50px;}
section.wts-vgm .bdy .blk {display: flex; align-items: center; justify-content: space-between;}
section.wts-vgm .bdy .blk div {width: 48%;}
section.wts-vgm .bdy .blk div img {width: 100%;object-fit: cover;border-radius: 30px;}
section.wts-vgm .bdy .blk div h2 {font: 30px / 36px Satoshi-Black;color: #003;margin-bottom: 25px;}
section.method {width: 100%;background: #fdfcff;border-radius: 50px;padding: 50px 0;}
section.method .head {margin-bottom: 50px;}
section.method .bdy, section.benfit .bdy {display: flex;align-items: initial;justify-content: space-between;}
section.method .bdy .blk {width: 48%;background: #4d529c;padding: 30px 80px 30px 30px;border-radius: 30px;position: relative;overflow: hidden;}
section.method .bdy .blk:last-child {background: #5d63b0;}
section.method .bdy .blk h4 {font: 18px/24px Urbanist-Bold;color: #fff;z-index: 1;position: relative;}
section.method .bdy .blk p {font: 16px/24px Satoshi-Regular;color: #fff;z-index: 1;position: relative;}
section.method .bdy .blk:first-child:after {content: "1";position: absolute;font: 200px / 200px Urbanist-Bold;right: -15px;bottom: 20px;color: #6065ae;z-index: 0;}
section.method .bdy .blk:last-child:after {content: "2";position: absolute;font: 200px / 200px Urbanist-Bold;right: -40px;bottom: 20px;color: #767cc5; z-index: 0;}
section.wts-vgm .bdy .blk div button {width: max-content;font: 18px / 24px 'Satoshi-Bold';color: #313570;padding: 14px 19px;background: transparent;border: 1px solid #000000;border-radius: 30px;display: flex;
align-items: center;justify-content: space-between;transition: 0.5s all ease-in-out;}
section.wts-vgm .bdy .blk div button span {width: 30px;height: 30px;background: transparent;border: 1px solid #525689;border-radius: 100%;color: #525689;display: flex;align-items: center;justify-content: center;
transition: 0.5s all ease-in-out;margin-left: 10px;}
section.wts-vgm .bdy .blk div button:hover {background: #3E4387;color: #fff;}
section.wts-vgm .bdy .blk div button:hover span {background: #fff;transform: rotate(45deg);}
section.benfit {width: 100%;padding: 50px 0;}
section.benfit .bdy .blk {width: 24%;text-align: center;}
section.benfit .bdy .blk .icon {margin-bottom: 25px;}
section.benfit .bdy .blk h4 {font: 18px/24px Urbanist-Bold;color: #003;}
section.benfit .bdy .blk p {font: 16px / 24px Satoshi-Medium;color: #1e1e1e;margin: 0;}
.lightheadtxt{ font-size: 38em;position: absolute;right: -40px;bottom: -145px;color: rgba(255, 255, 255, 0.1);z-index: 2;font-weight: 900;}
.psair, .pstruck, .psship, .psglobe, .multilogistic, .pstrain{position: absolute; }
.psglobe {  right: 30%;top: 50%;width: 2500px;opacity: 0.05;transform: translateY(-50%);}
.psair{left: 10%; top: 15%; width: 800px;}
.pstruck {left: 7%;top: 16%; width: 1050px;}
.pstrain {left: 13%; top: 22%;width: 700px;}
.multilogistic{top: 0; left: 0; width: 1000px;}
.langdrop{ position: relative;}
.langdrop ul {position: absolute;top: 28px;left: 50%;width: max-content;background:#000033;border-radius:6px;margin:0 !important;padding:0 !important;min-width: 100px;overflow:hidden;
box-shadow: 0 0 10px rgba(49, 53, 112, 0.97);border:1px solid #454986;transform: translateX(-50%); height: 0; transition: all linear 0.75s; opacity: 0;}
.langdrop ul.active{height: max-content; opacity: 1;}
.langdrop ul li{margin: 0 !important; }
.langdrop ul li button{ padding: 10px 15px; cursor: pointer; transition: all ease 0.75s; color: #CACAFF; width: 100%; display: flex; border: none; background: transparent; align-items: center; justify-content: center;}
.langdrop ul li button:hover, .langdrop ul li button.active{color: #fff; background: #2c2f59;}
.langdrop ul li button svg{margin-right: 10px;}
section.strate-sec .d-flex .boxs .img img {object-fit: cover;}
html[lang="de"] .banner-text h1{font-size: 50px; line-height: 70px;}

@media (max-width: 1800px) {
.banner-text h1 {font-size: 60px;line-height: 80px;}
.banner-box .box .cnt h3 {font-size: 22px;}
.banner-box .box .cnt h3 span {font-size: 18px;}
.psair {left: 5%;top: 8%;}
.pstrain {left: 9%;top: 21%;}
.pstruck {left: 2%;top: 16%;}
}

@media (max-width: 1680px) {
.banner-box {bottom: 20px;}
.banner-text h1 {font-size: 50px;line-height: 65px;}
.banner-text h2 {font-size: 28px;line-height: normal;}
.banner-text button {font-size: 16px;padding: 10px 18px;}
.banner-box .box .cnt .ttd img {width: 50px;height: 50px;object-fit: contain;}
.banner-box .box .cnt p {margin: 0;}
section.inte-sec .txt p {max-width: 570px;font-size: 40px;line-height: 55px;}
.pstruck{width: 925px;}
.psair{width: 765px;}
.pstrain{width: 585px;}
html[lang="de"] .banner-text h1{font-size: 40px;line-height: 60px;}
}

@media (max-width: 1440px) {
.banner-box {bottom: unset;position: relative;margin-top: 50px;}
.banner-text h1 {line-height: 75px;}
section.inte-sec .img {width: 69%;margin-left: auto;}
section.inte-sec .img img {width: 100%;object-fit: contain;}
}

@media (max-width: 1366px) {
.psair {left: 0%;}
.pstruck {left: -10%;}
.pstrain {left: 0%;top: 24%;}
.vgmshdtxt {font-size: 30em;}
}

@media (max-width: 1199px) {
.head-sec {padding: 15px 0px;}
.banner-text {padding: 0 25px;}
.isf-banner-text h2 {font-size: 30px;line-height: 45px;}
.isf-banner-text p {font-size: 18px;}
.lightheadtxt{ font-size: 30em;}
}

@media (max-width: 1024px) {
section.solu-sec .row>div .box .ttd+div p {width: calc(100% - 30px);}
.banner-text h1 {line-height: 65px;font-size: 45px;}
.banner-text {top: 18%;}
section.strate-sec .d-flex .boxs .img img {height: 100%;object-fit: cover;min-height: 208px;}
section.wts-vgm .head h2, section.method .head, section.benfit .head h2 {font-size: 30px;line-height: 30px;}
section.wts-vgm .bdy .blk div h2 {font-size: 28px;line-height: 30px;}
section.blogs .head h2 {font-size: 28px;}
.psglobe {right: 0%;}
.pstrain {left: -13%; top: 21%;}
.pstruck {left: -26%;}
.psair {left: -15%;}
.vgmshdtxt {font-size: 28em;}
html[lang="de"] section.solu-sec .row > div .box .ttd h3{ word-break: break-all;}
}

@media (max-width: 991px) {
body{padding: 0;}
section.banner{border-radius: 0;}
.banner-box .box .cnt {width: 100%;}
.banner-box .box{    background: rgb(16 16 29) !important;}
.isf-banner-img img, .isf-banner-img::before{border-radius: 0;}
button#nav-icon2 {display: block;width: 35px;height: 35px;background: #313570;border: 1px solid #fff;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;cursor: pointer;border-radius: 5px;}
#nav-icon2 span {display: block;position: absolute;height: 3px;width: 30%;background: #fff;opacity: 1;transform: rotate(0deg);transition: .25s ease-in-out;}
#nav-icon2 span:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
#nav-icon2 span:nth-child(odd) {left:7px;border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top:7px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 15px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 24px;}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {transform: rotate(45deg);}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {transform: rotate(-45deg);}
#nav-icon2.open span:nth-child(1) {left: 8px;top: 12px;}
#nav-icon2.open span:nth-child(2) {left: calc(50% - 1px);top: 12px;}
#nav-icon2.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-icon2.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-icon2.open span:nth-child(5) {left: 8px;top: 19px;}
#nav-icon2.open span:nth-child(6) {left: calc(50% - 1px);top: 19px;}
.menus {position: fixed;top: 0;background: #7277c4;height: 100%;width: 320px;flex-direction: column;padding: 25px;transition: 0.5s all ease-in-out;left: -100%;}
.menus.open {left: 0;}
.menus .list ul {flex-direction: column;margin: 0 0 30px; text-align: center;}
.menus .list, .menus .list ul li {width: 100%;}
.menus .list ul li a{width: 100%;}
.menus .list ul li:not(:last-child) {margin: 0 0 25px 0;}
.menus .btns button {min-width: 125px;margin-bottom: 20px;}
.menus .btns {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width: 100%;}
.banner-text h1 {line-height: 50px;font-size: 35px;}
.banner-text h2 {font-size: 22px; margin-bottom: 50px; text-align: center; }
.banner-text button {font-size: 14px;padding: 7px 15px;}
.banner-text {top: 150px;}
.banner-box {margin-top: 30px;}
.banner-box .row, section.strate-sec .d-flex {flex-direction: column;}
.banner-box .row .col-md-4, section.strate-sec .d-flex .boxs {width: 100%;}
.banner-box .row .col-md-4:not(:last-child) {margin-bottom: 10px;}
section.strate-sec .d-flex .boxs .img img {min-height: auto;}
section.strate-sec .d-flex .boxs {align-items: initial;justify-content: space-between;align-content: space-between;}
section.strate-sec .d-flex .boxs .txt {height: auto;}
section.inte-sec .txt {position: relative;top: unset;left: unset;transform: unset;margin-top: -90px;}
section.inte-sec .img {width: 100%;}
section.inte-sec .txt p {max-width: 100%;font-size: 30px;line-height: 45px;}
section.solu-sec h2 {line-height: 40px;}
section.ready-sec p {font-size: 30px;}
section.ready-sec {padding: 35px 0;}
section.solu-sec .row>div {width: 50%;}
.ft-top .col-md-4, .ft-top .col-md-3 {width: 30%;}
.ft-top .col-md-2 {width: 10%;}
.ft-bottom ul li:not(:last-child) {margin-right: 10px;}
.isf-banner-text h2 {font-size: 35px;line-height: 50px;}
.isf-banner-text p {font-size: 18px;line-height: 26px;margin: 0;}
section.benfit .bdy .blk h4 {font-size: 16px;}
.isf-banner-text .ban-txt {width: 85%;}
.isf-banner-img img {min-height: 500px;}
section.blogs .blks .blk {width: 32%;padding: 20px;}
section.blogs .blks .blk .hd img {width: 45px;object-fit: contain;}
section.blogs .blks .blk .hd .title h4 {font-size: 18px;}
.psglobe {right: auto;transform: translateX(-50%);width: 1000px;top: -18%;left: 50%;}
.mobfw {width: 100%;display: block;height: 100px;position: relative;}
.psair, .pstrain, .pstruck {left: 50%; transform: translateX(-50%); top: -160px; max-width: 500px;}
.pstrain {max-width: 400px; top:-100px}
.pstruck{ max-width: 700px;}
.banner-text h1, .banner-text h3, .babtn{text-align: center; line-height: normal;}
.banner-text h3{ font-size: 16px;}
.vgmshdtxt { right: auto; left: 50%; transform: translateX(-50%);}
}

@media (max-width: 767px) {
.ft-bottom .d-flex, .ft-top .d-flex {flex-direction: column;}
.ft-bottom ul li:not(:last-child) {margin-right: 15px;}
.ft-top {padding: 30px 0;}
.ft-top .col-md-4, .ft-top .col-md-3, .ft-top .col-md-2 {width: 100%;}
.ft-top .col-md-4 .box {width: 100%;text-align: center;max-width: 380px;margin: auto;padding-bottom: 20px;}
.ft-top p {padding: 0;}
.social-media ul {justify-content: center;}
.ft-top .col-md-4 {border-bottom: 1px solid #eaeaea;}
.ft-top .col-md-3 {padding: 20px 0;border-bottom: 1px solid #eaeaea;}
.ft-top .col-md-2 {padding-top: 20px;}
.ft-top h4+ul {padding-left: 25px;margin-top: 10px;}
.ft-top h4+ul.close {display: none;transition: 0.5s all ease-in-out;}
.ft-top h4+ul.open {display: block;}
.ft-top h4 {margin: 0;position: relative;}
.ft-top h4::before, .ft-top h4::after {content: "";width: 12px;height: 3px;background: #000000;position: absolute;right: 7px;top: 50%;transform: translateY(-50%) rotate(45deg);transition: 0.5s all ease-in-out;}
.ft-top h4::after {right: 0;transform: translateY(-50%) rotate(130deg);}
.ft-top h4.open::before {transform: translateY(-50%) rotate(130deg);}
.ft-top h4.open::after {transform: translateY(-50%) rotate(45deg);}
section.global-cnt .bdy {flex-direction: column;}
section.global-cnt .bdy div {width: 100%;}
section.global-cnt .head {margin-bottom: 30px;}
section.wts-vgm .bdy .blk {flex-direction: column-reverse;}
section.wts-vgm .bdy .blk div {width: 100%;}
section.wts-vgm .bdy .blk .img, section.wts-vgm:nth-child(4) .txt  {margin-bottom: 30px;}
section.wts-vgm, section.method, section.benfit, section.blogs, section.isf-doc {padding: 35px 0;}
section.wts-vgm:nth-child(4) {padding-bottom: 0;}
section.method .bdy, section.benfit .bdy, section.blogs .blks {flex-wrap: wrap;}
section.benfit .bdy .blk {width: 48%;margin-bottom: 30px;}
.isf-banner-text .ban-txt {width: 80%;}
section.method .bdy .blk {width: 100%;margin-bottom: 20px;min-height: 270px;}
.isf-banner-text h2 {font-size: 30px;line-height: 40px;}
.isf-banner-text p {font-size: 16px;line-height: 24px;}
section.wts-vgm .head h2, section.method .head, section.benfit .head h2 {font-size: 28px;line-height: 32px;margin-bottom: 20px;}
.isf-banner-img img {min-height: 430px;}
section.why-choose {padding: 35px 0 20px;}
section.why-choose .head h2 {margin: 0;}
section.why-choose .head {margin-bottom: 35px;}
section.blogs .blks .blk {width: 100%;margin-bottom: 20px;}
section.blogs .blks .blk .hd {align-items: center;}
section.isf-doc .hd h2 {font-size: 30px;}
section.ready-sec .d-flex, .ft-bottom ul {flex-direction: column;}
section.ready-sec p {font-size: 22px; margin-bottom: 15px; text-align: center;   line-height: normal;}  
.lightheadtxt{ font-size: 20em; bottom: -100px;}
}

@media (max-width: 660px) {
.banner-text {top: 115px;} 
.banner-text h1 {line-height: 40px;font-size: 30px;}
}

@media (max-width: 575px) {
.logo img {width: 125px;height: auto;}
.banner-img img {height: 355px !important;object-fit: cover;}
.banner-img {border-radius: 20px;}
section.strate-sec h2, section.solu-sec h2, section.global-cnt h2 {font-size: 30px;}
section.inte-sec .img img {height: 475px;}
section.solu-sec .row>div {width: 100%;}
section.solu-sec .row>div .box .ttd+div {width: 100%;}  
.ft-bottom ul li:not(:last-child) {margin-right: 0;}
.isf-banner-img img {min-height: 350px;}
.isf-banner-text .ban-txt {width: 100%;}
.isf-banner-text h2 {font-size: 24px;line-height: 32px;}
section.why-choose .head h2 {font-size: 28px;line-height: 28px;}
.mobfw{margin-top: 45px;}
.psair{ top: -135px;max-width: 440px;}
.vgmshdtxt { font-size: 16em}
}

@media (max-width: 480px) {
.banner-text {padding: 0 15px;}
.banner-text h2 {font-size: 18px;}
.banner-text h2 br{display: none;}
.banner-box .box .cnt h3 {font-size: 20px;}
.banner-box .box .cnt h3 span {font-size: 16px;}
section.strate-sec h2, section.solu-sec h2, section.global-cnt h2 {font-size: 24px;}
section.strate-sec .d-flex .boxs {flex-direction: column; align-items: center;}
section.strate-sec .d-flex .boxs .img img {min-height: auto; width: 110px;    object-fit: cover; height: 110px; object-position: center;border-radius: 50%; margin-top: 15px;}
section.strate-sec .d-flex .boxs .txt{text-align: center; align-items: center;}
section.inte-sec .txt p {font-size: 24px;line-height: 40px; text-align: center;}
section.inte-sec .img img {margin-top: -90px;}
.isf-banner-img img {min-height: 400px;}
.isf-banner-text h2 {font-size: 22px;}
section.wts-vgm, section.method, section.benfit, section.blogs, section.isf-doc {padding: 30px 0;}
section.wts-vgm .head h2, section.method .head, section.benfit .head h2 {font-size: 24px;line-height: 32px;margin-bottom: 10px;}
section.wts-vgm .bdy .blk div h2 {margin-bottom: 10px;}
section.wts-vgm .head, section.benfit .head {margin-bottom: 25px;}
section.benfit .bdy .blk, section.why-choose .bdy .box {width: 100%;}
section.why-choose .head h2 {font-size: 24px;}
section.why-choose .head h4 {font-size: 16px;line-height: 24px;}
section.why-choose {padding: 30px 0 20px;}
section.isf-doc .hd h2 {font-size: 22px;}
.lightheadtxt {font-size: 16em;}
.vgmshdtxt { font-size: 9em; bottom: -50px;}
html[lang="de"] .banner-text h1 {font-size: 28px;line-height: 40px;}
html[lang="fr"] .banner-text a, html[lang="fr"] section.blogs .btns a{font-size: 14px; line-height: normal;}
.banner-text h1 {line-height: 30px;font-size: 26px;}
.banner-text a {font-size: 14px;}
.banner-box .box .cnt h3 span {margin-bottom: 0;}
.banner-box .box .cnt p {font-size: 15px;line-height: 24px;}
.banner-box .box {padding: 15px 20px;}
}