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

:root {
    --color_1: #fff;
    --color_2: #1b1f45;
    --color_3: #F57835;
    --color_4: #1a004b14;
    --color_5: #0eff70;
    --color_6: #100a34;
    --font_1: 'Orbitron", sans-serif'
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; font-family: "Roboto", sans-serif; font-family: "Abel", sans-serif; font-family: "Montserrat", sans-serif; font-family: "DM Sans", sans-serif; }
a { cursor: pointer; }
.btn,
.light,
header { color: #fff }
.split,
header,
section { display: flex; justify-content: space-between; align-items: center; position: relative }
header { z-index: 5; padding: 20px; position: fixed; width: 100%; transition: all .1s ease }
header li { float: left; list-style: none }
.shelf li{list-style: none;}
nav ul { padding: 0; margin: 0 }
nav li { padding: 10px 20px; border-bottom: 2px solid transparent; transition: all .3s ease; cursor: pointer; text-transform: uppercase; font-weight: 700; font-size: 12px; }
nav li:hover { cursor: pointer; font-weight: bold; }
.flx { display: flex; justify-content: space-between; align-items: center; }
.flx_0 { display: flex; align-items: center; }
.flx_1 { display: flex; justify-content: space-between; }
.flx_jcsb,
.wrappy.flx_jcsb { justify-content: space-between; }
.flx_aib,
.wrappy.flx_aib { align-items: baseline; }
.flx_wrap { flex-wrap: wrap }
.w_49,
article.w_49 { width: 49% }
.w100 { width: 100%; }
.ta_c { text-align: center; }
.pt_0,
.wrappy.pt_0 { padding-top: 0 }
header a { color: #fff; text-decoration: none; }
footer a:hover,
.fnav>*:hover { opacity: 1; cursor: pointer; }
footer .wrap div { padding: 7px 0; }
.fwrap ul { display: flex; flex-direction: column; }
.fwrap a { color: #fff; text-decoration: none; padding: 10px 0; display: block; font-size: 14px; font-weight: 500; opacity: .7; transition: all .3s ease; line-height: 20px; font-weight: 500; }
.fwrap a:hover {opacity: 1;font-weight: 500;}
.flogo svg { width: 50px }
.fmenu { width: calc(100% - 140px); padding-left: 160px; }
.fmenu p { font-size: 18px; margin-bottom: 20px; }
.blocks { align-items: baseline; }
.blocks>* { width: 32%; }
.wu { text-align: center; }
.blocks img { width: 90px; margin: 0 auto; display: block; margin-bottom: 60px; }
.blocks p { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin: 20px auto; }
section { overflow: hidden; justify-content: center }
.slide h2 { text-transform: uppercase; font-size: 14px }
.fs { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; z-index: -1 }
h1 { font-size: 130px; }
p { font-size: 14px; }
.static .left p { padding-bottom: 20px }
.left h1,
.right h1 { margin-bottom: 20px }
.gradientbg:after { content: ''; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient(to bottom, #fd063af0 0%, #100c5cc9 100%); background: linear-gradient(to bottom, var(--color_2), #100c5cc9 100%); }
.hero small { font-size: 26px; text-transform: uppercase; }
.hero h1 { font-size: 40px; background: -webkit-linear-gradient(rgb(0 255 240), #e3d5ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero p { font-size: 18px; width: 100%; margin: 20px 0; line-height: 30px; opacity: .8; }
.hero .left { width: 100%; padding-right: 40%; }
section.services:after { background: linear-gradient(to bottom, var(--color_4) 35%, #000000 100%); }
section.services:after { z-index: 1; }
.about>img { position: absolute; left: -27%; width: 59%; }
.contact { color: var(--color_2) }
.contact h2 { font-size: 112px; margin-bottom: 20px; color: var(--color_5); }
.contact>img { position: absolute; left: -20%; width: 43%; }
.hr { width: 0; height: 2px; background: #0063ff; display: block; margin: 20px 0; transition: all 3s ease }
.on .hr { width: 20% }
.btn { display: inline-block; padding: 20px 40px; border-radius: 3px; font-weight: 700; position: relative; display: inline-flex; align-items: center; background: var(--color_3); text-transform: uppercase; letter-spacing: 2px; font-size: 12px; border: none; font-family: inherit; }
.btn svg { width: 25px; height: 25px; margin-left: 20px; transform: translateX(0); transition: all .3s ease }
.btn span { margin-left: 10px }
.btn:hover svg { transform: translateX(10px) }
header svg.menu { width: 43px; filter: invert(1); }
#letters { fill: #fff }
#icon { fill: var(--color_3); }
.hero nav li:nth-child(1),
.about nav li:nth-child(2),
.wu li:nth-child(3),
.services nav li:nth-child(4),
.contact nav li:nth-child(5) { border-color: #fff; opacity: 1 }
.ainfo { max-width: 70%; width: 80%; margin-top: 30px; }
.ainfo>div { color: #fff; text-decoration: none; font-size: 18px }
.ainfo a { color: #fff; text-decoration: none; }
.static .left .ainfo>* { padding-bottom: 10px; }
.sers { width: inherit; height: 300px }
#tabs .right { position: relative; flex-basis: 66% }
.wut h1:hover,
.button:hover,
.btn:hover { cursor: pointer }
.wua>p { display: none }
footer { background: var(--color_6); color: #fff; padding: 100px 20px; font-weight: 700; }
footer .logo { zoom: .7; filter: grayscale(1) opacity(0.5); }
footer .wrap { max-width: 1270px; margin: 0 auto; padding: 20px; padding-top: 40px }
footer .wrap p { text-align: center; padding: 20px; font-size: 16px; opacity: .7; }
.contact { color: #fff }
.m { display: none }
.split { margin-top: 20px }
.close svg,
.m.menu svg { width: 30px; height: 30px; vertical-align: bottom }
.hero .left img { max-width: 500px; width: 100%; margin-bottom: 15px }
video { z-index: -2 }
.blink { animation: blink .5s infinite }
.flex { display: flex }
.header-sub-title { color: #fff; font-family: Courier; font-size: 20px; padding: .1em; font-size: 50px; margin: 20px 0 }
#logo { width: 180px; }
.logo img { width: 140px }
.hp { font-size: 30px }
section.wu:after { background: #fff }
.contact:after { background: linear-gradient(to bottom, #1a004bcf 35%, var(--color_1) 100%); }
.acs>div { position: absolute; z-index: 99; background: red; padding: 50px }
.preloader { background: var(--color_1); width: 100%; height: 100vh; top: 0; left: 0; position: fixed; display: flex; align-items: center; justify-content: center; z-index: 9; opacity: 1; transition: all .3s ease; }
.preloader.ready { opacity: 0; z-index: -99 }
.pw { display: flex; justify-content: center; align-items: center; }
.pw svg { position: absolute; /* top: 0; */
    width: 50px; height: auto; }
.loader { border: 2px solid #f3f3f314; border-top: 2px solid var(--color_1); border-top: 2px solid var(--color_1); border-radius: 50%; width: 200px; height: 200px; animation: spin 2s linear infinite; }
@keyframes spin {
 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
 }
.logo_menu_mo { display: none; }
.ainfo>div { position: relative; }
.about .hr { background-color: #fff; }
.contact.static .ainfo>div>p { padding: 10px 20px 10px 0 !important; }
.contact .ainfo>div:after { top: 19px; }
[scrolled="1"] header { background: var(--color_2) }
[scrolled="1"] #letters { opacity: 0; }
header .logo svg { width: 80px; }
.left h3 { font-size: 26px; margin-bottom: 20px; }
#icon_ { animation: change-background 4s linear infinite; }
.wrappy { max-width: 1380px; margin: 0 auto; width: 100%; display: flex; justify-content: center; align-items: center; padding: 100px 20px; }
.wrappy>* { width: 49%; }
.left { padding-right: 5%; }
.accentp { opacity: 0.7; line-height: 24px; }
.flxr { flex-direction: column-reverse; flex-direction: row-reverse; }
.right img { width: 160%; position: relative; }
.flxr .right img { left: -70%; }
.left #icon { width: 130px; height: auto; margin-bottom: 40px; }
.wrappy .full { width: 100%; }
.block svg { width: 400px; height: 400px }
.ainfo>div>* { color: #fff; text-decoration: none; font-size: 18px; margin: 6px 0; text-transform: uppercase; }
footer #icon { width: 60px; height: 60px; }
footer>.wrappy { padding: 0 }
.fnav { display: flex; justify-content: end; text-transform: uppercase; }
.legal .wrappy>div { width: 100%; }
.legal h3 { margin: 10px 0 }
.legal h2 { margin: 20px 0 }
.legal address { margin: 20px 0; font-size: 15px; line-height: 30px; }
.legal ol { margin-left: 20px; }
.legal ol { counter-reset: item }
.legal li { display: block }
.legal li:before { content: counters(item, ".") ". "; counter-increment: item }
.legal a { color: #000; font-weight: bold; }
.legal p,
.legal li { line-height: 21px; font-size: 14px }
.ainfo img { width: 40px; filter: invert(1); }
.ainfo>div { display: flex; align-items: center; margin-bottom: 20px; }
.ainfo>div>div { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 20px; }
.contact .wrappy { align-items: baseline; padding: 180px 20px; }
.o7 { opacity: .7; }
.shelf { background: var(--color_2); color: #fff; position: fixed; left: 100%; transition: all .3s ease; width: 100%; height: 100vh; display: block; top: 0; z-index: 6; }
.shelf a { color: #fff; text-decoration: none; }
.shelf svg { width: 30px; margin-bottom: 20px }
.show .shelf { left: 0 }
header { justify-content: space-between; }
.nav2 { justify-content: end; display: flex; }
.hero nav li:nth-child(1),
.about nav li:nth-child(2),
.wu li:nth-child(3),
.services nav li:nth-child(4),
.contact nav li:nth-child(5) { border-color: #fff; opacity: 1; }
.left #icon { width: 130px; height: auto; margin-bottom: 40px; }
#loading-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--color_2); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1000; /* Ensure it's on top */ }
#loading-bar { width: 0; height: 10px; background: var(--color_3); transition: width 0.1s; position: absolute; height: 2px; left: 0; }
#loading-text { margin-top: 10px; font-size: 20px; color: #ffffff; FONT-WEIGHT: 900; position: relative; }
.features h3 { margin: 20px 0; }
.features img { width: 100%; }
.features .wrappy { align-items: flex-start; justify-content: space-between; flex-wrap: wrap }
.features .wrappy>* { transition: all .5s ease; width: 32%; opacity: 0; margin-bottom: 60px }
.features.on .column_1 { animation: fadein 1s forwards; animation-delay: .2s }
.features.on .column_2 { animation: fadein2 1s forwards; animation-delay: .4s; }
.features.on .column_3 { animation: fadein3 1s forwards; animation-delay: .6s; }
.features.on .column_4 { animation: fadein4 1s forwards; animation-delay: .8s; }
.features.on .column_5 { animation: fadein5 1s forwards; animation-delay: 1s; }
.features.on .column_6 { animation: fadein6 1s forwards; animation-delay: 1.2s; }
.features.on .column_info { opacity: 0; animation: fadein_stage_2 1s forwards; animation-delay: .5s }
@keyframes fadein {
 100% { opacity: 1; }
 }
@keyframes fadein2 {
 100% { opacity: 1; }
 }
@keyframes fadein3 {
 100% { opacity: 1; }
 }
@keyframes fadein4 {
 100% { opacity: 1; }
 }
@keyframes fadein5 {
 100% { opacity: 1; }
 }
@keyframes fadein6 {
 100% { opacity: 1; }
 }
@keyframes fadein_stage_2 {
 100% { opacity: 1; }
 }
.ready .fade_thumbs>div { transition: all .3s ease; animation: fadeInThumbs .5s forwards; opacity: 0; }
.ready .fade_thumbs>div:nth-child(1) { animation-delay: 0 }
.ready .fade_thumbs>div:nth-child(2) { animation-delay: .2s }
.ready .fade_thumbs>div:nth-child(3) { animation-delay: .4s }
.ready .fade_thumbs>div:nth-child(4) { animation-delay: .6s }
.ready .fade_thumbs>div:nth-child(5) { animation-delay: .8s }
.ready .fade_thumbs>div:nth-child(6) { animation-delay: 1s }
.wrap h5 { font-size: 21px; margin: 60px 0; font-weight: 400; line-height: 40px; }
@keyframes fadeInThumbs {
 0% { opacity: 0; }
100% { opacity: 1; }
 }
.btn2 { padding: 20px; display: inline-block; margin-top: 20px; font-size: 12px; font-weight: 700; width: 50%; text-align: center; background: var(--color_3); position: relative; text-transform: uppercase; }
.btn2:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 20px solid var(--color_1); border-left: 20px solid transparent; }
#container { height: 1000px; display: flex; justify-content: center; align-items: center; background-color: #f0f0f0; }
.slider_section .wrappy { justify-content: space-between; padding-right: 0; }
.slider_section h2 { margin-bottom: 20px }
.slide { width: 80%; margin-right: 20px; }
.slide h2 { margin: 20px 0 }
.headline { width: 20% }
.slider_wrap { width: 65%; }
h2 span { display: block; font-size: 18px }
.ready .contact_info a { animation: animate .2s linear infinite; }
@keyframes animate {
 0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
 }
.contact_info h2 { font-size: 24px; position: relative; }
.contact_info a { color: var(--color_5); text-decoration: none; }
.contact_info span { color: white; display: block; margin-bottom: 10px }
.contact_info h2:before { content: ''; width: 100%; height: 2px; position: absolute; left: -110%; background: var(--color_5); top: 10px; }
.sub_menu { position: absolute; display: flex; flex-direction: column; padding-top: 20px; }
.sub_menu a { color: #fff; text-decoration: none; padding: 10px 0; display: block; }
.sub_menu li { padding-left: 0; }
header:has(.subnav_services:hover),
header:has(.subnav_gateway:hover) { background-color: #000000b0; padding-bottom: 100vh; }
.sub_menu { display: none }
.sub_menu li { opacity: 0; animation: liFadeIn .5s forwards; }
.sub_menu li:nth-child(2) { animation-delay: .1s; }
.sub_menu li:nth-child(3) { animation-delay: .2s; }
.sub_menu li:nth-child(4) { animation-delay: .3s; }
.sub_menu li:nth-child(5) { animation-delay: .4s; }
.sub_menu li:nth-child(6) { animation-delay: .5s; }
.sub_menu li:nth-child(7) { animation-delay: .6s; }
.sub_menu li:nth-child(8) { animation-delay: .7s; }
.subnav_services:hover .sub_menu,
.subnav_gateway:hover .sub_menu { display: flex }
@keyframes liFadeIn {
 0% { opacity: 0; }
100% { opacity: 1; }
 }
.hero_header { background: var(--color_2); color: var(--color_1); }
.hero_header h1 { font-size: 54px; margin: 0 20px 10px 20px; }
.hero_header p { opacity: .7; }
.hero_header .wrappy { padding: 160px 20px; }
.wrap { max-width: 1380px; margin: 0 auto; padding: 20px; }
.wrap h4 { margin-top: 10px; }
.wrap>p { font-weight: 100; font-size: 14px; line-height: 24px; }
.wrap>p a { text-decoration: underline; text-underline-offset: 0.3em; }
.col_4 { flex-wrap: wrap; justify-content: space-between; align-items: baseline; padding: 40px 20px; }
.col_4>* { width: 49%; margin-bottom: 40px; }
.col_3>*,
.icon_alt_4.col_3.icon_alt_4>* { width: 32%; }
.column img { width: 100% }
.col_4 h3 { margin: 20px 0 }
.alt_static_1 .accentp { opacity: 0.7; line-height: 30px; font-size: 16px; }
a.btn { text-decoration: none; }
.col_4 .column_info span { font-size: 42px; }
.icon_alt_1 span { font-size: 42px; margin-bottom: 20px; }
.icon_alt_1>* { width: 23% }
.hero svg { width: 60px; margin-bottom: 20px; }
.hero svg path { width: 60px; margin-bottom: 20px; fill: #ffffff4a; }
.subnav_gateway>span,
.subnav_services>span { position: absolute; margin-top: -6px; }
.col_3>* { width: 32% }
.col_3 h3 { margin: 20px }
.icon_alt_2 { justify-content: space-between; align-items: baseline; }
.icon_alt_2 span { font-size: 40px }
.bg_0 { background-color: #fff; }
.bg_1 { background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%); background: linear-gradient(90deg, rgba(58, 180, 146, 1) 0%, rgba(29, 253, 190, 1) 50%, rgba(69, 252, 235, 1) 100%); background: linear-gradient(90deg, rgb(13 4 44) 0%, rgb(40 52 109) 50%, rgb(30 19 57) 100%); color: #fff; }
.icon_alt_2 p { line-height: 24px; }
.fwrap { display: flex; max-width: 1380px; margin: 0 auto; width: 100%; }
.wrap3 h4 { margin: 0; font-weight: 500; padding-top: 20px; }
.con_us { background: #eee; color: #383a55; }
.con_us span { font-size: 42px; }
.con_us p { font-size: 22px; margin: 30px; line-height: 32px; }
.bigheader h1 { font-size: 64px; margin: 40px 0; background: -webkit-linear-gradient(rgb(130 138 252), #59a4f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bigheader p { font-size: 24px; line-height: 40px; font-style: italic; opacity: .5; }
.icon_alt_3 { flex-direction: column; }
.icon_alt_3 .column { border-radius: 20px; padding: 40px; background: #edefff; color: #545eaa; }
.icon_alt_3.mastercard .column { background: #fff7e8; color: #ff6a00; }
.icon_alt_3 .column>div>span { margin-bottom: 10px }
.icon_alt_3 h3 span { display: block; font-weight: 500; margin-top: 10px; font-size: 12px; }
.icon_alt_3>* { margin-bottom: 20px; position: relative; }
.icon_alt_3>*:after { content: ''; width: 10%; height: 1px; transform: rotate(90deg); display: flex; background: #edefff; justify-content: center; align-items: center; margin-left: 39%; margin-top: 10%; position: absolute; }
.count_1 { counter-reset: count; }
.count_1 .list_count::before { counter-increment: count; content: counter(count); font-size: 30px; margin-bottom: 0px; padding-bottom: 20px; display: block; }
.icon_alt_3>*:last-of-type:after { content: none; }
.icon_alt_4 { justify-content: space-between; align-items: normal; flex-direction: row; }
.icon_alt_4>.column { width: 24%; background: #f8f9fc; color: #353e83; }
.custom_static_1 h1 { font-size: 50px; }
._bigheader_1 h1 { font-size: 26px }
.smallHeader p { text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding-bottom: 20px }
.abo .hero .left,
.ser .hero .left,
.con .hero .left,
.gat .hero .left { padding-right: 0px; max-width: 820px; width: 100%; }
.big_header_2 p { font-size: 16px; line-height: 40px; font-style: unset; opacity: .7; padding-top: 50px; max-width: 740px; margin: 0 auto; }
.subul { display: flex; flex-direction: column; padding-left: 30px; margin-top: 10px; }
.shelf { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.shelf .close { position: absolute; top: 0; right: 0; margin: 20px; }
.shelf>ul { display: flex; flex-direction: column; width: 100%; padding: 20px; }
.shelf li { padding: 10px 0; font-size: 14px; }
._col_6>*,
div.fade_thumbs.redflag>* { width: 32% }
.redflag p { font-weight: 400; }
.icon_alt_4.redflag>.column { background: #ffe8ed; color: #602121; border-radius: 0; }
.icon_alt_4.redflag>.column span { font-size: 32px; margin-bottom: 20px; }
.icon_alt_3.redflag>*:after { content: none }
.animicon { padding: 40px; background: var(--color_2); }
.animicon svg { width: 30px; transition: all .3s ease; }
.animicon svg path { fill: #ffffff61; }
.animicon.fireup svg path { fill: var(--color_3) }
.animicon { position: relative; }
.animicon svg:after { content: ''; width: 200px; height: 200px; background: red; position: absolute; bottom: 0; left: 0; }
.loading-text { display: none }
.smallHeader_03 .wrap { padding-top: 50px; }
.smallHeader.smallHeader_03 p { text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding-bottom: 10px; font-size: 16px; }
.pt_40 { padding-top: 40px }
.smallHeader_04 small { font-size: 16px; max-width: 760px; margin: 0 auto; line-height: 30px; display: block; padding-bottom: 40px; }
.ser .icon_alt_3 .column>div>span { margin-bottom: 10px; font-size: 44px; margin-bottom: 0; padding-bottom: 0; }
input[type="text"].error,
input[type="email"].error,
.hom textarea.error { background: #facece; }
.emailsent .temp,
.emailsent .formy { display: none; }
.home_form { background: var(--color_3); color: #fff; }
.home_form button.btn { background-color: var(--color_2); }
.hom #contact-form .error-message {
    color:#fff
}
.xtra { margin: 20px 0; line-height: 30px; font-weight: 200; }
.hom input,
.hom textarea { padding: 10px; border: none; background: #00000040; font-family: inherit; color: #fff; }
.hom input[type="text"].error,
.hom input[type="email"].error,
.hom textarea.error { color: #000; }
.hom .form-text { opacity: 0.7; }
._list>p { display: flex; align-items: center; padding: 15px; background: #eee; border-radius: 3px; margin-bottom: 10px; background: #f8f9fc; color: #353e83; }
._list>p span { margin-right: 10px; }
.hero .wrappy { padding: 290px 20px; }
.fade_thumbs.clist1>*:last-of-type { visibility: hidden; }
.clist1 { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
.clist1>* { width: 31% }
.clist1 h1 { font-size: 18px; }
.clist1 p>span { display: block; margin-bottom: 10px; font-weight: 700; }
.clist1 .material-symbols-outlined { margin-right: 10px; color: var(--color_3); }
.clist1>div { margin-bottom: 40px }
.clist1 .flx_1 p { width: calc(100% - 40px) }
.clist2 .column:last-of-type { visibility: hidden }
._list2 .wrappy { padding-top: 40px; }
footer li { list-style: none; }
.legal ol li { margin: 20px 0 }
.legal ol ol { margin-left: 20px }
.sub_li ul{
    margin-left:10px;
}
#contact-form label{
    font-weight: bold;
}
#contact-form .error-message{
    font-weight: bold;
    display: block;
    margin-top: 6px;
    color: red;
    font-size: 12px;
}
@media screen and (max-width:1024px) {
 .col_3>*,
    .icon_alt_4.col_3.icon_alt_4>*,
    ._col_6>*,
    div.fade_thumbs.redflag>*,
    .clist1>div { width: 49%; }
.fmenu { flex-wrap: wrap; }
.fmenu>* { width: 46%; margin-bottom: 40px }
.fmenu { padding-left: 90px; }
section { height: unset; }
.about { padding-top: 0; }
.about>img { left: 0%; width: 100%; top: 0; }
.about,
    .contact { flex-direction: column; justify-content: unset; min-height: unset; }
.about>img,
    .contact>img { left: 0%; width: 100%; top: 0; position: relative; }
.blocks { justify-content: space-between; }
.blocks>* { width: 49%; margin-right: 0; }
h1 { font-size: 110px }
.features .wrappy { flex-wrap: wrap }
.features .wrappy>* { width: 100%; }
.slider_wrap { margin: 40px 0 80px 0 }
.m { display: block; font-size: 34px }
.fw { display: flex; flex-direction: column; align-items: center; }
.fw .fnav { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.fw .fnav>* { padding: 10px }
.fw .logo { margin: 0 auto; margin-bottom: 40px; }
header .logo { width: 144px; height: 27px; }
.hero h1 { font-size: 92px; }
.close svg { filter: invert(1) }
header>nav,
    header>.nav2 { display: none }
.icon_alt_1 { flex-wrap: wrap; }
.icon_alt_1>* { width: 48%; margin-bottom: 60px; }
.icon_alt_1 h3 { width: 50%; margin: 0 auto; }
.hero h1 { font-size: 32px; line-height: 42px; }
.hero .left { width: 100%; padding-right: 0%; text-align: center; }
.bigheader h1 { font-size: 42px; }
.bigheader p { font-size: 18px; line-height: 32px; }
.icon_alt_4 { flex-wrap: wrap; }
.icon_alt_4>.column { width: 49%; }
.home_feats .column { margin-bottom: 40px }
.static .wrappy,
    .dark .wrappy { padding: 30px 20px; }
.static .wrappy .left { padding-bottom: 70px }
.con_us .wrappy { padding: 60px 20px; }
 }
@media screen and (max-width:768px) {
 .hero .wrappy { padding: 180px 20px; }
#logo { width: 150px; }
.icon_alt_3 .column { padding: 20px; }
footer .wrap p { font-size: 12px }
.con_us { padding-bottom: 50px; }
.con_us p { font-size: 16px; line-height: 24px; }
.col_3>*,
    .icon_alt_4.col_3.icon_alt_4>*,
    ._col_6>*,
    div.fade_thumbs.redflag>* { width: 100%; }
.custom_static_1 h1,
    .bigheader h1 { font-size: 24px; line-height: 32px; }
.hero_header h1 { font-size: 44px; margin: 0 20px 20px 20px; }
.fwrap { flex-direction: column; }
.fmenu { padding-left: 0; width: 100%; }
.flogo svg { width: 40px; margin-bottom: 40px; }
.icon_alt_1 h3 { width: 80%; }
.wrappy.icon_alt_1>* { margin-bottom: 80px; }
nav { display: none }
.logo_menu_mo { display: block }
.blocks { flex-direction: column; padding-bottom: 60px; }
.blocks>* { width: 100%; }
.blocks img { width: 70px; }
.logo_menu_mo svg { width: 200px; height: auto; padding: 20px; }
.logo_menu_mo li>p { font-family: arial; text-transform: unset; font-size: 12px; }
.sm li { float: left; display: block; padding-right: 10px; transform: none !important }
.services .sm { display: inline-block; overflow: auto; overflow-y: hidden; max-width: 100%; margin: 0 0 1em; white-space: nowrap }
.serives h2 { padding-bottom: 40px }
.sm li { display: inline-block; vertical-align: top; float: none; padding: 20px }
.sm li:hover { cursor: pointer; }
.sm li:first-of-type { padding-left: 0 }
#tabs .right { margin-top: inherit }
nav { background: var(--color_1); color: #fff; position: absolute; left: 100%; transition: all .3s ease; width: 100%; height: 100vh; display: block; top: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
nav p.logo_menu_mo { opacity: .7; padding: 20px; }
nav li { color: #fff; float: none; opacity: 1; text-transform: uppercase; font-size: 22px; font-weight: 100; text-align: center; }
nav li:hover { cursor: pointer; }
header .close { position: absolute; color: red; top: 0; padding: 20px; right: 0 }
.hero .left img { max-width: 300px; width: 100% }
header { padding-bottom: 20px; align-items: center }
.logo img { vertical-align: sub }
nav ul li.m { border-top: 1px solid #0000004d }
ul li.m p { margin-top: 10px }
ul li.m a { color: #000; text-decoration: none }
ul li.m img { width: 140px; height: auto; filter: invert(1); border-top: 1px solid #000; margin-top: 20px }
.hp { font-size: 20px }
header .logo svg { width: 160px; }
footer .wrap { flex-direction: column; }
.clist1>div,
    footer .wrap>*,
    .wrappy>*,
    .hero p { width: 100%; }
.right img { width: 110%; ; left: -5%; vertical-align: middle; }
.ainfo { max-width: unset; width: 100%; }
.pw { top: -90px; position: relative; }
.blocks>.block { margin-bottom: 40px }
.blocks>.block:last-of-type { margin-bottom: 0px }
footer svg { width: 200px; }
.wrappy { flex-direction: column; }
.wu { text-align: center; }
.flxr .right img { left: -5%; }
.left { padding-right: 0; }
.left #icon { width: 80px; }
.hero p { font-size: 14px; width: 90%; margin: 0 auto; margin-bottom: 40px; line-height: 22px; }
.hero small { font-size: 16px; }
.left #icon { margin-bottom: 20px; }
.contact { text-align: center; }
.contact .right img { width: unset; left: unset; }
.ainfo>div { flex-direction: column; }
footer #icon { width: 50px; height: 50px; margin: 0 auto; display: block; }
footer .fnav { justify-content: center; }
.ainfo>div>div { margin-right: 0; }
.contact h2 { font-size: 32px; }
.btn { padding: 20px }
.btn2,
    .icon_alt_4>.column { width: 100% }
.left h3 { font-size: 16px }
.contact .wrappy { padding: 40px 20px; }
#con h2 { font-size: 14px }
.shelf li { padding: 7px 0; }
.bigheader h1 { margin: 10px 0; }
 }
@media screen and (max-width:425px) {
 .hero_header h1 { font-size: 32px; margin: 0 20px 20px 20px; }
.blocks { flex-direction: column; }
.blocks>* { width: 100%; }
h1 { font-size: 40px; line-height: 51px; }
.hero h1 { font-size: 22px; line-height: 32px; }
.fmenu>* { width: 100%; }
.flogo svg { width: 25px; margin-bottom: 40px; }
.animicon svg { width: 30px; }
 }
/* form */
.cform .btn { display: inline-block; }
.cform { display: flex; flex-wrap: wrap; }
.cform>div { width: 49%; margin-bottom: 20px; }
.cform label { font-size: 12px; margin-bottom: 10px; display: block }
input,
textarea { width: 100%; height: 50px; padding: 10px; border: none; background: whitesmoke; font-family: inherit; }
textarea { height: 140px; }
.cform .w_100,
.w_100 { width: 100%; }
.form-text { font-size: 10px; opacity: 0.5; margin-top: 5px; }
@media screen and (max-width:768px) {
 .cform>div { width: 100%; }
 }

/*themes*/
/*
.pay_pro footer,
.pay_pro .hero_header,
.pay_pro[scrolled="1"] header,
.pay_pro header:has(.subnav_services:hover),
.pay_pro header:has(.subnav_gateway:hover) { background: linear-gradient(221deg, #250092 0%, #100a34 100%); }
.hig_ris footer,
.hig_ris .hero_header,
.hig_ris header:has(.subnav_services:hover),
.hig_ris header:has(.subnav_gateway:hover) { background: linear-gradient(253deg, rgb(43 95 205) 0%, rgb(118 7 156) 100%); }
.int_mer footer,
.int_mer .hero_header,
.int_mer header:has(.subnav_services:hover),
.int_mer header:has(.subnav_gateway:hover) { background: linear-gradient(239deg, #7f64b3 0%, #c38bbb 100%); }
.ret_mer footer,
.ret_mer .hero_header,
.ret_mer header:has(.subnav_services:hover),
.ret_mer header:has(.subnav_gateway:hover) { background: linear-gradient(213deg, #3858ea 0%, hsl(244.04deg 50.67% 28.72% / 75%) 100%); }
.ris_man footer,
.ris_man .hero_header,
.ris_man header:has(.subnav_services:hover),
.ris_man header:has(.subnav_gateway:hover) { background: linear-gradient(71deg, rgb(56 152 203) 0%, hsl(239.68deg 59.14% 56.21%) 100%); }
.onl_che footer,
.onl_che .hero_header,
.onl_che header:has(.subnav_services:hover),
.onl_che header:has(.subnav_gateway:hover) { background: linear-gradient(71deg, rgb(33 5 178) 0%, rgb(93 100 245) 100%); }
.ret_mer .con_us { background: #eef3ff; color: #383a55; }
.cha_bac footer,
.cha_bac .hero_header,
.cha_bac header:has(.subnav_services:hover),
.cha_bac header:has(.subnav_gateway:hover),
.cha_bac .shelf { background: linear-gradient(247deg, #4b3958 0%, hsl(268.2deg 45.32% 34.53%) 100%); }
.cha_bac .con_us { background: #faf4ff; color: #383a55; }
.onl_che .con_us p { font-size: 16px; line-height: 26px; }
*/