/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/ 

/*****************************************/
/* Start your style declarations here    */
/*****************************************/












body{ font-size:18px; line-height:24px; font-family: "Neue-Campton"; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:var(--body_color); color:var(--text_color);}

.wrapper_one { max-width: 1150px; margin: 0 auto; padding: 0 15px; }
.wrapper_two { max-width: 1135px; margin: 0 auto; padding: 0 15px; }
a{ font-family: "Neue-Campton";  }

h1, .h1{ margin: 0; font-family: "Neue-Campton"; font-weight: 500;font-size: 64px;line-height: 64px; color:var(--text_color);}
h2, .h2{ margin: 0; font-family: "Neue-Campton";  font-weight: 500;  font-size: 48px;line-height: 56px; color:var(--text_color);}
h3, .h3{ margin: 0; font-family: "Neue-Campton"; font-weight: 500; font-size: 26px; line-height: 32px; color:var(--text_color);}
h4, .h4{ margin: 0; font-family: "Neue-Campton"; font-weight: 500; font-size: 24px; line-height: 30px; color:var(--text_color);}
h5, .h5{ margin: 0; font-family: "Neue-Campton"; font-weight: 500; font-size: 22px; line-height: 25px; color:var(--text_color);}
h4,h5,h6{color:var(--text_color);margin: 0; font-family: "Neue-Campton";}

.small_text{font-size:16px; line-height:24px;}


/* header_btn */
.primary_btn,.secondary_btn { display: inline-block;}
.primary_btn a { min-width: 128px; text-decoration: none; border: 2px solid var(--gray_cover); font-size: 16px; line-height: 18px; padding: 12px 16px; color: var(--dark_gray); display: inline-block; border-radius: 8px; font-weight: 500; transition: all .2s; text-align: center; background-color: transparent; }
.primary_btn:hover a { background-color: var(--dark_gray); border-color: var(--dark_gray); color: var(--body_color); }
.secondary_btn a { min-width: 128px; text-decoration: none; display: inline-block; font-size: 16px; line-height: 18px; padding: 12px 16px; font-weight: 500; background-color: var(--secondry_color); border: 2px solid var(--secondry_color); color: var(--body_color); border-radius: 8px; transition: all .2s; text-align: center; }
.secondary_btn:hover a { background-color: var(--primary_color); border-color:var(--primary_color); }

/* button Link  */
.secondary_link a { display: inline-block; background-color:var(--secondry_color); border: 2px solid var(--secondry_color); color: var(--white_color); border-radius: 8px; text-decoration: none; font-weight: 500; transition: all .2s; min-width: 128px; text-align: center; font-size: 18px; line-height: 27px; }
.secondary_link a:hover { background-color: var(--primary_color); border-color:var(--primary_color); }

/* header */
.header {  position: sticky; top: 0;  z-index: 1010;    transition: transform .3s ease-in-out;     background-color:var(--white_color);  }
.header_row {  padding: 48px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative;
  background-color: var(--white_color);  z-index: 2;     transition: padding .3s ease-in-out;  }
.sticky .header_row{ padding: 24px 0; }
.header_menu_cover { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.header_menu_trigger {cursor: pointer; position: relative; width: 22px; height: 10px; }
.header_menu_trigger:before { content: ""; position: absolute; left: 0; display: block; height: 3px; width: 100%; background: var(--text_color); border-radius: 2px; transform: translateY(0) rotate(0); transition: transform .3s ease-in-out; top: 0; }
.header_menu_trigger:after { content: ""; position: absolute; left: 0; display: block; height: 3px; width: 100%; background: var(--text_color); border-radius: 2px; transform: translateY(0) rotate(0); transition: transform .3s ease-in-out; bottom: 0; }
.header_lag_switcher { position: relative; }
.header_lag_switcher span.current_lang { cursor: pointer;width: 60px; font-size: 16px; line-height: 21px; font-weight: 700; color:var(--text_color);     display: block; text-transform: uppercase; }
.lag_switcher ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center;   position: absolute; 
  top: 100%; left: 0; opacity: 0; visibility: hidden; z-index: 1;
  background-color: var(--white_color); border: 1px solid #c3c3c3; padding: 5px 4px;  min-width: 81px; }
.lag_switcher ul li { width: 100%; list-style: none; transition: all 0.4s ease; font-size: 16px; line-height: 26px; font-weight: 700; color:var(--text_color); display: inline-block; text-transform: uppercase; padding: 0 5px; }
.lag_switcher ul.hs-language-switcher li:hover { background-color: blue; color: var(--white_color); }
.lag_switcher.no-lang:hover ul { opacity: 1; visibility: visible; }
.current_lang{ position:relative; }
.current_lang:before { position: absolute; content: ""; background-image: url('https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/chevron-down-solid-full.svg'); width: 15px; height: 15px; top: 50%; right: 0; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); transition: all 0.4s ease; }
.header_lag_switcher:hover::before { transform: translateY(-50%)rotate(180deg); }
.header_logo a img { display: block; max-width: 150px !important; width: 100%; }
.header_btn_row { display: flex; flex-wrap: wrap; align-items: center;  }
.header_lag_switcher:hover .lag_switcher ul{  opacity: 1; visibility: visible; }
.lag_switcher ul li a {  text-decoration: none;  color: var(--black_color); }
.lag_switcher ul.hs-language-switcher li:hover {
  background-color: var(--secondry_color);  color: rgb(255, 255, 255); }
.lag_switcher ul.hs-language-switcher li:hover  a{ color:var(--white_color); }

.header_menu_trigger.menu-open::before { transform: translateY(-50%) rotate(-45deg); top: 50%; }
.header_menu_trigger.menu-open::after { transform: translateY(-50%) rotate(45deg); top: 50%; bottom: 0; }
.header_navigation_menu_cover { background-color: var(--white_color); position: absolute; top: 0; left: 0; width: 100%; transform: translateY(-105%); z-index: 1; transition: all .4s; max-height: 100vh;  overflow: auto;     padding-bottom: 40px; }
.header_navigation_menu_cover.menu-visible{ top: 100%; transform: translateY(0); transition: all .4s;}
.header_navigation_menu {max-width: 1150px;margin: 0 auto;padding: 0 15px;}
.header_navigation_menu ul { display: flex ;flex-wrap: wrap; gap:80px;}
.header_navigation_menu ul li a { margin-bottom: 32px;white-space: normal !important; font-weight: 600; font-size: 18px; line-height: 24px; color:var(--text_color); display: inline-block; text-decoration: none; }
.header_navigation_menu ul li > ul { opacity: 1 !important;  left: 0 !important;    top: 0 !important; position: relative !important; display: flex; flex-wrap: wrap; gap: 28px; }
.header_navigation_menu ul li > ul li { margin-bottom: 0; }
.header_navigation_menu ul li > ul li a { font-weight: 400; margin-bottom: 0; }
.header_navigation_menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {width: 160px;}
.header_lag_switcher_mobile_view .header_lag_switcher {display: none;}

.sticky_main {position: sticky; top: 0; z-index: 1010; background-color: var(--white_color); transition: transform .3s ease-in-out; }
.header_btn_row .secondary_btn {  padding-left: 8px; }

/* hero_section */

.hero_section { padding-top: 36px; background-color:var(--body_color); overflow: hidden; }
.hero_heading h1 { color:var(--white_color); }
.hero_heading { padding-bottom: 16px; }
.hero_content { font-weight: 400; font-size: 18px; line-height: 24px; color: var(--white_color); max-width: 440px; }
.hero_left_part { max-width: 663px; padding: 195px 0 190px; }
.hero_cover { position: relative; border-radius: 48px; margin: 0px 23px; background-repeat: no-repeat; min-height: max(800px); }
.hero_row { max-width: 680px; top: 50%; right: -5%; bottom: auto; left: auto; transform: translateY(-50%); width: 100%; position: absolute; }
.hero_section { position: relative; }
.hero_row svg { width: 100%; display: block; }

/* Our_Services  */
.Our_Services { background-color: var(--body_color); padding: 80px 0; overflow: hidden; }
.Our_Services_title { padding-bottom: 47px; }
.Our_Services_bottom_row { display: flex; flex-flow: wrap; align-items: center; }
.Our_Services_left { width: 45%; padding-right: 56px;}
.Our_Services_right { width: 55%; padding-left: 70px;}
.Our_Services_List_title h3 {color:var(--text_color);  text-transform: capitalize;}
.Our_Services_left a.Services_link { background-color:var(--white_color); border-radius: 16px; display: flex; justify-content: space-between; padding: 20px; text-decoration: none; align-items: center; width: calc(100% - 16px); transition: width .2s ease-in-out; }
.Our_Services_left a.Services_link:hover { width: 100%; }
.Our_Services_left ul { padding: 0; margin: 0; list-style: none; }
.Our_Services_left ul li { padding-bottom: 20px; }
.Our_Services_left ul li:last-child { padding-bottom: 0; }
.Our_Services_content { align-items: center; display: flex; gap: 20px; width:100%; }
.Our_Services_img { width: 51px; }
.Our_Services_img img {display: block; height: 40px !important; width: auto;  max-width: 52px !important; filter: brightness(0) saturate(100%) invert(23%) sepia(91%) saturate(5015%) hue-rotate(328deg) brightness(101%) contrast(101%); }
.Our_Services_List_title { width: calc(100% - 51px); }
.Our_Services_icon span svg { height: 40px; width: 40px; fill:var(--primary_color); }
.Our_Services_icon span { display: flex; align-items: center; }
.Our_Services_right svg { display: block;height: 630px !important; max-width: none !important;  width: 630px;}



/* Discover */
.discover { background-color: rgb(244, 245, 246); padding: 80px 0; }
.discover_left { width: 45%; padding-right: 15px; }
.discover_bottom_row { display: flex; flex-flow: wrap; }
.discover_right { width: 55%; padding-left: 15px; }
.discover_sub_title  a{ display: inline-block; text-decoration: none;}
.discover_sub_title h3 { color:var(--dark_gray);margin-bottom: 15px;text-transform: capitalize;}
.discover_right img { border-radius: 24px; height: auto; width: 100%; object-fit: cover; aspect-ratio: 1.4 / 1; }
.discover_title { margin-bottom: 48px; }
.discover_paragraph { color:var(--dark_gray); font-weight: 400;  font-size: 16px; line-height: 24px;}
.discover_right  { display: block;}
.discover_content { padding-top: 15px;}

/* blog post */
.blog { background-color: var(--body_color); padding: 0 0 80px 0; }
.blog_main_row { display: flex; flex-flow: wrap;margin: 0 -15px;}
.blog_box { width: calc(100% / 3 - 30px); margin: 15px; }
.blog_img { padding-bottom:15px; }
.blog_img img {display: block; border-radius: 24px; aspect-ratio: 1.2 / 1; width: 100%; object-fit: cover;  }
.blog_post { display: inline-block;}
.blog_post a { text-decoration: none; font-size: 14px; line-height: 14px; font-weight: 500; color:var(--white_color); padding: 6px 12px; background-color:var(--text_color); display: inline-block; text-transform: uppercase; border-radius: 4px; margin-bottom: 16px; letter-spacing: 1px; }
.blog_title { color: var(--dark_gray);}
.blog_title a {text-decoration: none;display: inline-block;}
.blog_title h3 { margin-bottom: 16px;}
.blog_paragraph { font-weight: 400; font-size: 16px; line-height: 24px;}


/* Logo Section(Customer_section) */
.customer { padding: 80px 0; }
.customer_title { max-width: 726px; text-align: center; margin: 0 auto; }
.customer_box_cover { display: flex !important; flex-flow: wrap; justify-content: center; margin: 0 -16px; padding-top:35px;     align-items: center; }
.customer_box { width: calc(100% / 5 - 32px); margin: 16px; }
.customer_box img { display: block; max-width: 200px !important;
    width: 100%; }
.customer_arrow_row { display: none; }

/* our_team */
.our_team { padding: 80px 0; background-color: var(--body_color);}
.our_team_row { display: flex; flex-wrap: wrap; border-radius: 24px; overflow: hidden;}
.our_team_left { width: 58%; background-color: var(--green_lighten); }
.our_team_right { width: 42%; }
.our_team_left_cover { flex-direction: row;padding: 64px 96px; display: flex; flex-wrap: wrap; align-content: center; height: 100%; }
.our_team_title h2 { color:var(--text_color); font-size: 40px; line-height: 48px; }
.our_team_title { padding-bottom: 32px; }
.our_team_content { color: var(--text_color); font-weight: 400; font-size: 18px; line-height: 24px; padding-bottom: 45px; }
.our_team_content ul { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 0 20px; padding: 0; }
.our_team_btn_row { display: flex; flex-wrap: wrap; gap: 16px; }
.our_team_right img {  aspect-ratio: auto; display: block;  height: 100% !important; width: 100%;    object-fit: cover;}

/* content_with_button */
.content_with_button {background-color: var(--secondry_color);padding: 112px 0;}
.content__cover { max-width: 915px; margin: 0 auto; text-align: center;}
.content__description {color: var(--white_color); font-weight: 500; font-size: 32px; line-height: 40px;}
.content__cover .primary_btn_v2 {padding-top: 40px;}
/* our_mission */
.our_mission { padding: 80px 0; background-color:var(--body_color); }
.our_mission_row { display: flex; flex-wrap: wrap; }
.our_mission_left { width: 60%; padding-right: 30px; }
.our_mission_right { width: 40%; }
.our_mission_left img { object-fit: cover;aspect-ratio: 1.3 / 1; border-radius: 24px; display: block;}
.our_mission_title { margin-bottom: 48px; }
.our_mission_title h2 { font-weight: 500; font-size: 40px !important; line-height: 48px !important; }
.our_mission_content { color:var(--text_color); font-weight: 400; font-size: 18px; line-height: 24px; }
.our_mission_right_cover { max-width: 347px; margin-left: auto; }


/* questions_contact */
.questions_contact { padding: 80px 0; background-color: var(--body_color); }
.questions_contact_cover { position: relative;text-align: center; max-width: 726px; margin: 0 auto; }
.questions_contact_heading h2 { color: var(--text_color); margin: 0; }
.questions_contact_heading { padding-bottom: 20px; }
.questions_contact_sub_title h3 { color: var(--text_color); margin: 0; }
.questions_contact_row { padding: 48px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 48px; }
.primary_btn_v2 a { font-size: 16px; line-height: 18px; background-color: var(--white_color); color: var(--text_color); border: 2px solid var(--white_color); display: inline-block; border-radius: 8px; text-decoration: none; font-weight: 500; transition: all .2s; text-align: center; padding: 12px 16px; }
.primary_btn_v2:hover a { background-color: #ebebeb; border-color: #ebebeb; }
.questions_contact_content { font-weight: 400; font-size: 16px; line-height: 24px; max-width: 374px; margin: 0 auto; color: var(--text_color); }
.questions_contact_social_icon a img { width: 32px; height: 32px !important; display: block; margin: 0 auto; }

.questions_contact { position: relative;}
.questions_contact_shape_one { position: absolute; top: 0; left: 0; width: 100%;}
.questions_contact_shape_two { position: absolute; right: 0; bottom: 0; width: 100%;}
.questions_contact__row { padding-top: 160px; padding-bottom: 160px;  position: relative;  overflow: hidden; z-index:1; }
.questions_contact_shape { position: absolute; width: 100%; height: 100%;  left: 50%;  top: 0;  transform: translateX(-50%); z-index: -1; }
.shape_top{ position: absolute; top: 0; left: 0;  }
.shape_bottom{ position: absolute; bottom: 0; right: 0; }
.shape_bottom  path {  stroke:var(--secondry_color); }


/* Initial state (hidden stroke) */
.shape_top path,
.shape_bottom path { stroke-dasharray: 5018.93; stroke-dashoffset: 5018.93; transition: stroke-dashoffset 3s ease-in-out;}

/* When in view */
.animate-stroke .shape_top path {stroke-dashoffset: 0;}
.animate-stroke .shape_bottom path {stroke-dashoffset: 0;}


/*================================ Solutions (Industries )=====================================*/ 

/* industries-hero  */
.industries-hero_row { display: flex;overflow: hidden; }
.industries-hero_left { width: 50%; padding: 80px; margin: 80px; }
.industries-hero_left_cover { max-width: 635px; }
.industries-hero_text {padding-top: 18px;  font-weight: 400; font-size: 22px; line-height: 28px; }
.industries-hero_right { width: 50%; position: relative;}
.industries-hero_shape svg { display: block; width:115%;}
.industries-hero_shape {  min-width: 1000px; width: 100%; left: 25%; bottom: 0%; position: absolute;}



/* banking-brands  */
.banking-brands { overflow: hidden;}
.banking-brands_heading { padding-bottom: 45px; }
.banking-brands_row { display: flex; flex-wrap: wrap;} 
.banking-brands_box {max-width: 370px; padding:0 10px}
.banking-brands_img {height: 300px;}
.banking-brands_img a img { object-fit: cover; height: 300px; display: block; border-radius: 24px; width: 100%; }
.banking-brands_content {  padding-top: 24px;}
.banking-brands_post a {  margin-bottom: 32px; text-decoration: none; display: inline-block; background: var(--text_color); color: var(--white_color); border-radius: 4px; text-transform: uppercase; line-height: 16px; letter-spacing: 1px; font-weight: 500; font-size: 14px; padding: 6px 12px; }
.banking-brands_title a, .banking-brands_paragraph a { text-decoration: none; }
.banking-brands_title a h3 { color: var(--dark_gray); }
.banking-brands_paragraph a { color:var(--dark_gray); font-size: 16px; line-height: 24px; }
.banking-brands_row #splide { max-width: 100%;}
.banking-brands_row .splide__arrows .splide__arrow:hover, .banking-brands_row .splide__arrows .splide__arrow:focus {  outline: none; border:none;}
.banking-brands_row .splide__arrows .splide__arrow svg:focus { outline: none; border: none;}
.banking-brands_paragraph { padding-top: 10px;}
.banking-brands_row .splide__arrows .splide__arrow--prev svg, .banking-brands_row .splide__arrows .splide__arrow--next  svg { fill: var(--primary_color); }
.banking-brands_row .splide__arrows .splide__arrow--prev { transform: none; background: transparent; left: -1em; width: 24px; height: 24px;}
.banking-brands_row .splide__arrows .splide__arrow--next {transform: none; background: transparent; right: -1em; height: 24px; width: 24px;}



/* digital-solution */
.digital-solution_cover { max-width: 775px; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.digital-solution_row { padding-top: 55px; display: flex; flex-wrap: wrap; margin: 0 -15px; }
.digital-solution_box { width: calc(100% / 3 - 30px); margin: 15px; background-color:var(--white_color); border-radius: 24px; padding: 64px 32px; }
.digital-solution_icon img { width: 48px; height: 48px !important; display: block; }
.digital-solution_icon { padding-bottom: 35px; }
.digital-solution_title { padding-bottom: 16px; }
.digital-solution_title h3.h5 { color: var(--dark_gray); }
.digital-solution_content  {  color: var(--gray_cover); font-size: 16px; line-height: 24px; }
.digital-solution_content ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; }
.digital-solution_content ul li { list-style: none; position: relative; padding-left: 20px;}
.digital-solution_content ul li:before { position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background-color: var(--primary_color); border-radius: 50%; content: ""; }
.digital-solution_box .secondary_btn { width: 100%;}
.digital-solution_box .secondary_btn a { width: 100%;}


/* technology-banking */
.technology_heading { padding-bottom: 25px;  display: flex;flex-direction: column;gap: 20px;}
.technology_row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.technology_box {align-content: flex-start; width: calc(100% / 3 - 30px); margin: 15px; background:var(--white_color); display: flex; flex-wrap: wrap; gap: 16px; border-radius: 16px; overflow: hidden; }
.technology_img img { width: 100%; height:277px !important; object-fit: cover; display: block; }
.technology_img {  display: flex;flex-wrap: wrap; width: 100%; }
.technology_box_cover { padding: 16px 32px; }
.technology_title { padding-bottom: 8px;  font-size: 18px;line-height: 24px;font-weight: 500; color: var(--text_color);}

.banking-blog_tag {padding-bottom: 20px;}
.banking-blog_tag a { text-decoration: none; display: inline-block; background: var(--text_color); color:var(--white_color); text-transform: uppercase; line-height: 16px; letter-spacing: 1px; border-radius: 4px; font-weight: 500; padding: 6px 12px; font-size: 14px; }


/* our_faq */
.our_faq { background-color:var(--body_color); padding: 80px 0; overflow: hidden;}
.our_faq_row { display: flex; flex-wrap: wrap; }
.our_faq_left { width: 60%;padding-right: 35px; }
.our_faq_right { width: 40%; }
.our_faq_title { margin-bottom: 20px; }
.our_faq_content { font-weight: 400; font-size: 18px; line-height: 24px; color:var(--text_color); }
.our_faq_box {margin-top: 112px;display: flex;flex-wrap: wrap; gap: 48px;}
.our_faq_cover {cursor: pointer; display: flex; flex-wrap: wrap; gap: 15px; width: 100%; /*align-items: center;*/}
.our_faq_question { width: calc(100% - 43px); }
.our_faq_question h3 { font-weight: 500; font-size: 32px; line-height: 40px; color:var(--text_color); }
.our_faq_cover span.our_faq_icon { width: 28px; height: 28px; position: relative; }
.our_faq_cover span.our_faq_icon:before { position: absolute; content: ""; background-color:var(--primary_color); width: 16px; height: 3px; border-radius: 20px; transition: all .3s; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.our_faq_cover span.our_faq_icon:after { position: absolute; content: ""; background-color:var(--primary_color); width: 3px; height: 16px; border-radius: 20px; transition: all .3s; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.our_faq_answers {max-width: 465px; display: none; padding-top: 16px; font-size: 18px; line-height: 24px; font-weight: 400; color:var(--text_color); }
.our_faq_right span svg {display: block;    width: 100%;  height: 100%;}
.our_faq_right span svg path.Accordion_primary__cgGK2 { stroke: #ff0651; }
.our_faq_right span svg path.Accordion_secondary__sHkxz { stroke: #00c4f5; }
.our_faq_right span { width: 782px; height: 815px; display: inline-block; }
.our_faq_cover.active span.our_faq_icon:after {transform: translate(-50%, -50%) rotate(90deg);}





/*================================ careers =====================================*/ 



/* careers-hero */
.careers-hero { padding-top: 30px; position: relative; overflow: hidden; }
.careers-hero_shape_cover { position: absolute; width: 100%; height: 100%; }
.careers-hero_shape { position: absolute; right: -25%; left: auto; bottom: 54%; width: 122%; z-index: -1; }
.careers-hero_shape svg { overflow: visible; z-index: -1; width: 100%; display: inline-block; }
.careers-hero_cover img { display: block; aspect-ratio: 1120 / 666; object-fit: cover; border-radius: 24px; max-height: 600px; }
.careers-hero_box { max-width: 725px;  padding-top: 45px;}
.careers-hero_heading { padding-bottom: 35px; }
.careers-hero_title { font-size: 27px; line-height: 30px; font-weight: bold; padding-bottom: 40px; }
.careers-hero_cover { position: relative; }

/* welcome-career */
.welcome-career_cover { flex-direction: column; padding-bottom: 60px; display: flex; flex-wrap: wrap; gap: 20px; }
.welcome-career_row { display: flex; flex-wrap: wrap; gap: 32px; }
.welcome-career_left img { aspect-ratio: 1 / 1.2; object-fit: cover; border-radius: 16px; display: block; }
.welcome-career_left { width: 32%; display: flex; flex-direction: column; gap: 32px; }
.welcome-career_right { width: 65%; }
.welcome-career_title { font-weight: 500; font-size: 32px; line-height: 40px; }
.welcome-career_icon a { display: inline-block; width: 32px; height: 32px; }
.welcome-career_icon a svg { display: block; fill: var(--green_lighten); }
.welcome-career_icon { padding-top: 16px; }
.welcome-career_right div#videoContainer{ border-radius: 24px; overflow: hidden;}
.welcome-career_right .welcome-career__icon  svg { width: 88px;height: 88px; display: block;}
.welcome-career__icon { position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.welcome-career_right img { display: block; height: 100% !important; width: 100%; object-fit: cover;}

/* software-engineer */
.software-engineer { padding: 80px 0 120px; overflow: hidden; position: relative;} 
.software-engineer_row { display: flex; flex-wrap: wrap; }
.software-engineer_cover { position: relative; padding: 0 64px; } 
.software-engineer_left { width: 50%; padding-right: 20px;}
.software-engineer_right { width: 50%; }
.software-engineer_post { color: var(--text_color); padding: 35px 0 20px; font-weight: 400; font-size: 18px; line-height: 24px; }
.software-engineer_title { font-weight: 500; font-size: 26px; line-height: 32px; margin-bottom: 48px; }
.software-engineer_right-img img {   margin:0 auto; max-width: 465px !important; object-fit: cover; display: block; width: 100%; border-radius: 40px; border: 13px solid var(--green_lighten); }
.software-engineer_shape { width: 100vw; display: block; position: absolute; left: -40px; top: -40px; z-index: -1; }
.software-engineer_shape svg path { stroke: var(--green_lighten); }
.software-engineer_shape svg { display: block; width: 100%; height: 100%; }
.software-engineer_cover .splide__arrow.splide__arrow--prev { background: transparent;  left:-2em; border: none !important;}
.software-engineer_cover .splide__arrow.splide__arrow--next { background: transparent;  right: -2em; border: none !important; }
.software-engineer_cover .splide__arrow.splide__arrow--prev svg { width: 24px; height: 24px; display: block; fill: var(--green_lighten); }
.software-engineer_cover .splide__arrow.splide__arrow--next svg { width: 24px; height: 24px; display: block; fill: var(--green_lighten); }
.software-engineer_left_cover { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.software-engineer_shape path { stroke:var(--white_color); stroke-dasharray: 13200; stroke-dashoffset: 13200; opacity: 0; transition: stroke-dashoffset 3s ease-in-out, opacity 1s ease-in;}
.software-engineer_shape.animate-stroke path {stroke-dashoffset: 0; opacity: 1;}

/* recruitment-team */

.recruitment-team_heading { padding-bottom: 45px; }
/*changed os from 4 to 2 (see below) --> .recruitment_cover ul.splide__list li.splide__slide { width: calc(100% / 4 - 30px); margin: 0 15px;} <--*/
.recruitment_cover ul.splide__list li.splide__slide {
  flex: 0 0 25% !important;
  width: 25% !important;
  margin: 0 15p;x
}



.recruitment-team_img { position: relative; border-radius: 24px; overflow: hidden; width: 100%; margin-bottom: 30px; }
.recruitment-team_img img { display: block; width: 100%; }
.recruitment_hover_box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.recruitment-team_box:hover .recruitment_hover_box { opacity: 1; visibility: visible; }
.recruitment_hover_box .recruitment_hover_text { bottom: 0; display: flex; flex-flow: column; justify-content: flex-end; position: absolute; height: 100%; width: 100%; left: 0; top: auto; padding: 16px; color:var(--white_color); z-index: 10; opacity: 0; transition: all .3s 
  ease-in-out; }
.recruitment_hover_box .recruitment_hover_text:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .4); z-index: -1; }
.recruitment-team_box:hover .recruitment_hover_text { opacity: 1; }
.recruitment-team_title { font-size: 18px; line-height: 18px; font-weight: 500; display: flex; flex-direction: row; flex-wrap: wrap; gap: 7px; }
.recruitment-team_title span.recruitment-team_sub_title { font-size: 14px; line-height: 18px; font-weight: 500; }
.recruitment-team_data_content { padding: 16px 0 0; }
.recruitment-team_social_icon ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.recruitment-team_social_icon ul li { list-style: none; line-height: 0; }
.recruitment-team_social_icon ul li a { display: inline-block; }
.recruitment-team_social_icon ul li a svg { width: 15px; height: 15px; display: block; }
.recruitment_cover ul li.splide__slide.box_top_1 {  margin-top: 120px;}
.recruitment_cover ul li.splide__slide.box_top_2 { margin-top: 160px;}
.recruitment_cover ul li.splide__slide.box_top_3 { margin-top: 60px;}
.recruitment_cover ul li.splide__slide.box_top_4 {margin-top: 0px;}
.recruitment_cover ul.splide__list li.splide__slide:nth-child(odd){   margin-top: 100px;}
.recruitment_cover .splide__arrows {  margin-top: 40px; display: flex !important; gap:24px; flex-wrap: wrap; justify-content: center; position: relative; }
.recruitment_cover .splide__arrows .splide__arrow.splide__arrow--prev { width: 40px; height: 40px; border: none !important; background: transparent; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; left: 0; top: 0; transform: none; }
.recruitment_cover .splide__arrows .splide__arrow.splide__arrow--prev svg { width: 20px; height: 20px; display: block; transform: rotate(0deg); }
.recruitment_cover .splide__arrows .splide__arrow.splide__arrow--next { border: none !important; width: 40px; height: 40px; background: transparent; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; right: 0; top: 0; transform: none; }
.recruitment_cover .splide__arrows .splide__arrow.splide__arrow--next svg { width: 20px; height: 20px; display: block; transform: rotate(0deg); }
.recruitment_cover .splide__arrows .splide__arrow.splide__arrow--prev svg path { fill: var(--text_color); }
.recruitment_cover .splide__arrows .splide__arrow.splide__arrow--next svg path { fill: var(--text_color); }


/* our-rating */
.our-rating_cover { max-width: 730px; margin: 0 auto; text-align: center; }
.our-rating_img img { display: block; border-radius: 24px; }
.our-rating_sub_title { padding: 25px 0 20px; color: var(--text_color); font-weight: 700; }

/*  company-awards */
.company-awards_heading { padding-bottom: 50px; }
.company-awards_row { display: flex; flex-wrap: wrap; justify-content: center; }
.company-awards_left {background: var(--white_color); width: 40%; border-radius: 24px 0px 0px 24px; overflow: hidden; }
.company-awards_right { width: 55%; padding: 48px;  border-radius: 0 24px 24px 0px; }
.company-awards_left img { height: 100% !important; display: block; aspect-ratio: 1 / 1; object-fit: cover; }
.company-awards_cover { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; align-content: center; height: 100%; }
.company-awards_title { font-weight: 500; font-size: 40px; line-height: 48px;}
.company-awards .splide_awards {  overflow: visible;}
.company-awards { position: relative; }
.company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--prev {     outline: none; border: none !important;  background: transparent; left: -1em; }
/* .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--prev svg { fill: var(--green_lighten); } */
.company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--next {    outline: none; border: none !important; background: transparent;   right: -1em; }
/* .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--next svg { fill: var(--green_lighten); } */
.company-awards .splide__slide {margin: 0 auto;  max-width: 1100px;}
.company-awards__content {   padding-top: 20px; color: var(--text_color);}

/* our-benefits  */
.our-benefits_row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.our-benefits_heading { padding-bottom: 50px;    max-width: 775px; }
.our-benefits__content {  padding-top: 20px; font-weight: 400; font-size: 18px; line-height: 24px; color: var(--text_color);}
.our-benefits_box { width: calc(100% / 4 - 30px); margin: 15px; }
.our-benefits_img { margin-bottom: 24px; }
.our-benefits_img img { height: 48px !important; display: block; width: 48px; }
.our-benefits_title { padding: 25px 0 15px; position: relative; }
.our-benefits_content { font-size: 16px; line-height: 25px; }
.our-benefits_title:before { position: absolute; left: 0; top: 0; content: ""; height: 5px; width: 100%; border-radius: 10px;}

/* our-brands  */
.our-brands_cover { position: relative; }
.our-brands_cover { text-align: center; padding: 112px 15px; display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; }
.our-brands_cover:before {clip-path: url(#mask); position: absolute; content: ""; background-color: var(--green_lighten); top: 0;  left: -10%; width: 120%; height: 100%; z-index: -1; }
.our-brands_logo img { display: block; max-width: 276px !important; }
.our-brands_content { font-weight: 500; font-size: 32px; line-height: 40px; }
.our-brands_row { display: flex; flex-wrap: wrap; gap: 24px; }

/* careers-faq */
.careers-faq_heading { padding-bottom: 20px; }
.careers-faq_cover { max-width: 600px; padding-bottom: 90px; }
.careers-faq_content { color: var(--text_color); }
.careers-faq_row { display: flex; flex-wrap: wrap; }
.careers-faq_left { width: 60%; padding-right: 15px; }
.careers-faq_right { width: 40%; padding-left: 15px;  display: flex; flex-direction: column; gap: 40px; }
.careers-faq_left img { width: 100%;  max-width: 630px !important; max-height: 630px !important; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 24px; display: block; }
.careers-faq__title {width: calc(100% - 30px); font-size: 18px; line-height: 24px; font-weight: 500;}
.careers-faq_question {padding: 0px 0 20px; cursor: pointer;display: flex; flex-wrap: wrap; gap:10px;  }
.careers-faq_question span.careers-faq_icon { position: relative; width: 16px; height: 16px; }
.careers-faq_question span.careers-faq_icon:before { position: absolute; content: ""; width: 100%; height: 3px; /*background: var(--green_lighten);*/ top: 10px; left: 2px; border-radius: 20px; transition: all .3s; }
.careers-faq_question span.careers-faq_icon:after { position: absolute; content: ""; /*background: var(--green_lighten);*/ top: 3px; left: 9px; border-radius: 20px; transition: all .3s; width: 3px; height: 100%; }
.careers-faq_answers {  font-weight: 400; font-size: 18px; line-height: 24px; }
.careers-faq_question_cover.active span.careers-faq_icon:after { transform: rotate(90deg); }
.careers-faq_answers { transition: max-height .4s ease;  max-height: 0; overflow: hidden;}
/* .careers-faq_question_cover:first-child .careers-faq_question { padding-top: 0;} */
.careers-faq_question_cover.active .careers-faq_question { padding-bottom: 0;}
.careers-faq_question_cover.active .careers-faq_answers {padding-top: 20px;}

/* our-job-positions */
.our-job-positions { background-color: var(--green_lighten); padding: 136px 0; overflow: hidden; position: relative; }
.our-job-positions_shape { width: 120vw; position: absolute; left: 50%; top: 50%; height: 65%; pointer-events: none; transform: translate(-50%, -50%); }
.our-job-positions_shape svg.LeadRacetrack_path__OgPxQ { position: absolute; width: 100%; top: 0; left: 0; height: 100%; display: block; }
.our-job-positions_cover { max-width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; gap: 32px; }
.our-job-positions_title { font-weight: 500; font-size: 32px; line-height: 40px; color: var(--text_color); }
.our-job-positions_shape svg.LeadRacetrack_path__OgPxQ path { stroke-dasharray: 5108;   stroke-dashoffset: 5108; transition: stroke-dashoffset 3s ease-in-out;}
.our-job-positions_shape.animate-stroke svg.LeadRacetrack_path__OgPxQ path { stroke-dashoffset: 0;           }

/* .inspired_people  */
.inspired_people {  padding: 80px 0; }
.inspired_people_row { padding-top: 80px; display: flex; flex-wrap: wrap; gap: 45px 0; }
.inspired_people_box { width: calc(100% / 3 - 30px); margin: 0 15px; text-align: center; }
.inspired_people_number {  display: flex;flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px; color: var(--secondry_color); margin-bottom: 16px; font-weight: 500; font-size: 64px; line-height: 64px; }
.inspired_people_cover { padding: 0 48px; }
.inspired_people_title h3 { color:var(--text_color); font-weight: 600; }
.inspired_people_title { margin-bottom: 8px; }
.inspired_people_content { color:var(--text_color); font-weight: 400; font-size: 16px; line-height: 24px; }


/*  our_discover */
.our_discover { background-color: var(--body_color); padding: 80px 0 160px; overflow: hidden; }
.our_discover_cover { max-width: 726px; margin: 0 auto; }
.our_discover_box_cover h2 { padding-bottom: 32px;}
.our_discover_box_cover { padding-bottom: 75px;}
.our_discover_img { position: relative; }
.our_discover_img img { display: block; border-radius: 24px; position: relative; z-index: 1; }
.our_discover_shape svg path { stroke: #ff0651; }
.our_discover_shape svg path.MoleculeText_darkPath__D0_oe { stroke: #b80037; }
.our_discover_shape svg { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; max-height: 260px; z-index: -1; }
.our_discover_shape { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: calc(100vw + 40px); }

/*  our_locations */
.our_locations { padding: 80px 0; background-color:var(--body_color);}
.our_locations_heading { padding-bottom: 48px;}
.our_locations_row { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 340px; grid-column-gap: 32px; grid-row-gap: 32px; }
.our_locations_box:first-child, .our_locations_box:nth-child(6) { grid-row: span 2; grid-column: span 1; }
.our_locations_box:nth-child(2), .our_locations_box:nth-child(5), .our_locations_box:nth-child(9) { grid-column: span 2; grid-row: span 1; }
.our_locations_box:nth-child(10), .our_locations_box:nth-child(3), .our_locations_box:nth-child(4), .our_locations_box:nth-child(7), .our_locations_box:nth-child(8) { grid-column: span 1; grid-row: span 1; }
.our_locations_box { position: relative; border-radius: 16px; height: 100%; overflow: hidden; }
.our_locations_box:before { content: ""; position: absolute;  top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .3); z-index: 1; }
.our_locations_hover_img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; opacity: 0; transition: all .3s ease-in-out; }
.our_locations_hover_img img { display: block; height: 100% !important; object-fit: cover; width: 100%; }
.our_locations_img img { display: block; height: 100% !important; object-fit: cover; width: 100%; }
.our_locations_img { opacity: 1; transition: all .3s ease-in-out; visibility: visible; height: 100%; }
.our_locations_title { position: absolute; bottom: 32px; left: 32px; z-index: 1; }
.our_locations_title h3 { color: var(--white_color); font-weight: 500; font-size: 32px; line-height: 40px; }
.our_locations_box:hover .our_locations_img { opacity: 0;visibility: hidden;}
.our_locations_box:hover .our_locations_hover_img { opacity: 1; visibility: visible;}
.our_locations_arrow_row{display:none;}

/* team_people */
.team_people { background-color: var(--body_color); padding: 80px 0; }
.team_people_heading { margin-bottom: 48px; }
.team_people_top_row { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
.team_people_top_row span.team_people_tab {cursor: pointer;width: calc(50% - 16px); display: inline-block; border: 2px solid #c8c8c8; color: var(--text_color); background-color: transparent; font-size: 24px; line-height: 1.5; font-weight: 500; padding: 12px; text-decoration: none; border-radius: 8px; transition: all 0.4s ease; text-align: center; }
.team_people_top_row span.team_people_tab.active { background-color: var(--secondry_color); border-color: var(--secondry_color); color: var(--white_color); }
.team_people_top_row span.team_people_tab:hover { color: var(--text_color); border-color: var(--text_color); }
.team_people_top_row span.team_people_tab.active:hover { background-color: var(--secondry_color); border-color: var(--secondry_color); color:var(--white_color); }
.team_people_row { padding-top: 64px; display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 32px 0; }
.team_people_box { width: calc(100% / 4 - 30px); margin: 0 15px; }
.team_people_img img { aspect-ratio: 1 / 1.6; display: block; width: 100%; object-fit: cover;}
.team_people_img { margin-bottom: 32px; overflow: hidden; border-radius: 24px; position: relative; }
.team_people_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 32px; background-color:var(--secondry_color); transition: opacity .3s ease-in-out; color: var(--white_color); font-weight: 400; font-size: 18px; line-height: 24px; opacity: 0; visibility: hidden; }
.team_people_img:hover .team_people_content { opacity: 1; visibility: visible; }
.team_people_title h3 { font-weight: 600; color:var(--text_color); }
.team_people_post { font-weight: 400; font-size: 18px; line-height: 24px; color: var(--text_color); }
.team_people_social_icon ul { margin: 0; padding: 0; }
.team_people_social_icon ul { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.team_people_social_icon ul li a span svg { width: 15px; height: 15px; display: block; fill: var(--text_color); }
.team_people_social_icon ul li { list-style: none; }

/* your-questions */

.your-questions_cover { max-width: 1105px; margin: 0 auto; position: relative;}
.your-questions_row { position: relative;display: flex; flex-wrap: wrap; align-items: center; padding: 120px 0px 160px;}
.your-questions_left { width: 57%; display: flex; flex-wrap: wrap; padding-right: 20px; }
.your-questions_right { padding-left: 20px; width: 43%; }
.your-questions_box {   flex-grow: 1; width: 50%; padding: 0 15px; }
.your-questions_box img { height: 470px !important;  max-width: 470px !important;display: block; aspect-ratio: 1 / 1.7; width: 100%; border-radius: 16px; object-fit: cover; }
.your-questions_content { padding-top: 30px; display: flex; flex-direction: column; flex-wrap: wrap; gap: 5px; }
.your-questions_title { font-weight: 500; font-size: 32px; line-height: 40px; padding-bottom: 40px; }
.your-questions_shape { position: absolute; height: 100%; left: -40px; top: 0px; width: 110%; }
.your-questions_shape svg { display: block; height: auto; width: 100%; }
.your-questions_shape svg:first-child { position: absolute; top: 60px; left: 0px; }
.your-questions_shape svg:last-child { position: absolute; top: auto; left: 0px; bottom: 110px; }
.your-questions_bottom_shape { position: absolute; top: auto; bottom: 30px; left: auto; width: 40%; right: 90px; }
.your-questions_bottom_shape svg { display: block; width: 100%; }
.your-questions_shape svg path {stroke: var(--four_color);}
.your-questions_bottom_shape svg path { stroke: var(--primary_color);}
.your-questions_shape path,
.your-questions_bottom_shape path { stroke-dasharray: 6000; stroke-dashoffset: 6000;  opacity: 0; transition: stroke-dashoffset 3s ease-in-out, opacity 1s ease-in;}
.your-questions_shape.animate-stroke path,
.your-questions_bottom_shape.animate-stroke path {stroke-dashoffset: 0; opacity: 1;}
.your-questions_mobile_title {display: none;}
.your-questions__content {font-weight: 400;  font-size: 18px;  line-height: 24px;}










@media(max-width:1200px){
  .industries-hero_shape svg {width: 100%;}
  .industries-hero_shape { height: 100%;}
  .industries-hero_left { margin: 0px;}
  .banking-brands_row #splide { padding: 0 10px; max-width: 100%; }
  /*   careers */
  .careers-hero_shape { bottom: 56%; width: 110%;}
  .welcome-career_right { width: 60%;}
  .company-awards .splide__slide { max-width: 100%;}
  .our-benefits_box { width: calc(100% / 3 - 30px);}
  .our-brands_cover:before { left: 0; width: 100%;}
  .our-brands_cover {padding: 110px 40px;} 
  .recruitment_cover ul.splide__list li.splide__slide {width: calc(100% / 3 - 30px);} 
  .inspired_people_box { width: calc(100% / 2 - 30px);}
  .our_mission_left { width: 100%; padding-right: 0; padding-bottom: 40px; }
  .our_mission_left img { aspect-ratio: 1.5 / 1; }
  .our_mission_right { width: 100%; }
  .our_mission_right_cover { max-width: 100%; margin-left: 0; }
  .content_with_button {padding: 80px 0;}

  .banking-brands_box {  max-width: 100%; padding:0 15px; }
  .banking-brands_row .splide__arrows .splide__arrow--prev {  left:-10px;transform: translateY(-50%); /* height: auto;  width: auto; */}
  .banking-brands_row .splide__arrows .splide__arrow--next {  right: -10px;  transform: translateY(-50%); /*height: auto; width: auto; */}

}

@media(max-width:991px){

  .industries-hero_right { display: none;}
  .industries-hero_left { width: 100%; padding: 32px; margin: auto 0;}
  .industries-hero_left_cover { max-width: 100%;}
  /*   .banking-brands_row .splide__arrows {  padding-left: 0px; }
  .banking-brands_row .splide__arrows {  top: 46%;}  */
  .digital-solution_box { width: calc(100% / 2 - 30px); }
  .technology_heading { padding-bottom: 15px;}
  .technology_box { width: calc(100% / 2 - 30px);}

  /*   careers */
  .careers-hero_shape { width: 45%; bottom: 10%; right: -20%;}
  .careers-hero_box { max-width: 100%;}
  .welcome-career_left { width: 100%; }
  .welcome-career_left img { width: 100%; aspect-ratio: 1 / 1; }
  .welcome-career_title { font-size: 26px; line-height: 30px;}
  .welcome-career_left_cover h3 {font-size: 18px; line-height: 25px; }
  .welcome-career_right { width: 100%;}
  .welcome-career_cover { padding-bottom: 10px; gap: 10px;}
  .software-engineer_left { width: 100%; padding-right: 0; }
  .software-engineer_right { width: 100%; }
  .software-engineer_right-img img { max-width: 100% !important; max-height: 355px !important; }
  .software-engineer_row { width: 100%; gap: 70px;  max-width: 100%;}
  .software-engineer_shape { display: none; }
  .software-engineer { padding: 0 0;         overflow: visible;}
  .software-engineer_cover .splide__arrow.splide__arrow--prev { position: relative; left: 0; top: 0; transform: none; }
  .software-engineer_cover .splide__arrow.splide__arrow--prev:before { position: absolute; content: ""; background-image: url('https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/arrow.1.svg'); background-repeat: no-repeat; width: 18px; height: 14px; top: 17px; }
  .software-engineer_cover .splide__arrow.splide__arrow--prev svg { display: none; }
  .software-engineer_cover .splide__arrow.splide__arrow--next { position: relative; left: 0; top: 0; transform: none; }
  .software-engineer_cover .splide__arrow.splide__arrow--next svg { display: none; }
  .software-engineer_cover .splide__arrow.splide__arrow--next:before { position: absolute; content: ""; background-image: url('https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/arrow.1.svg'); background-repeat: no-repeat; width: 18px; height: 14px; top: 15px; transform: rotate(180deg); }
  .software-engineer_cover .splide__arrows.splide__arrows--ltr { position: absolute; top: auto; bottom: -60px; width: 100%; display: flex; justify-content: center; gap: 24px; overflow: visible; }
  .software-engineer_cover {  padding: 0 10px;}
  .company-awards .splide__arrows.splide__arrows--ltr { position: absolute; top: auto; bottom: -60px; width: 100%; display: flex; justify-content: center; gap: 24px; overflow: visible; }
  .company-awards .splide__slide { max-width: 100%;}
  .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--prev {  left: 0; width: 40px; height: 40px; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; top: 0; transform: none; }
  .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--next { right: 0;width: 40px; height: 40px;display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; right: 0; top: 0; transform: none; }
  .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--prev:before { position: absolute; content: ""; background-image: url('https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/arrow.1.svg'); background-repeat: no-repeat; width: 18px; height: 14px; top: 17px; }
  .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--prev svg { display: none; }
  .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--next svg { display: none; }
  .company-awards .splide_awards .splide__arrows.splide__arrows--ltr .splide__arrow.splide__arrow--next:before { position: absolute; content: ""; background-image: url('https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/arrow.1.svg'); background-repeat: no-repeat; width: 18px; height: 14px; top: 15px; transform: rotate(180deg); }
  .company-awards_right { width: 100%; border-radius: 0 0 24px 24px; }
  .company-awards_title { font-size: 32px; line-height: 40px; }
  .company-awards_left img { aspect-ratio: 1 / 1; max-width: 600px !important; width: 100%; height: 600px !important; margin: 0 auto; }
  .company-awards_left{width: 100%; border-radius: 24px 24px 0 0; }
  .company-awards_row {padding: 0 10px;}
  .company-awards_cover {flex-direction: column; }
  .our-benefits_box {width: calc(100% / 2 - 30px);}
  .our-brands_content { font-size: 25px; line-height: 30px;}
  .our-brands_cover { padding: 50px 20px; gap: 15px;}
  .our-brands_cover:before { display: none;}
  .our-brands { background-color: var(--green_lighten);}
  .our-brands_cover {justify-content: normal; text-align: left; }
  .our-brands_logo img {max-width: 100% !important; }  .careers-faq_cover { max-width: 100%; padding-bottom: 30px; }
  .careers-faq_left { width: 100%; padding-right: 0; }
  .careers-faq_right { width: 100%; padding-left: 0; gap:20px;}
  .careers-faq_row { gap: 30px; }
  .careers-faq_left img { max-width: 100% !important; max-height: 100% !important; }
  .our-benefits_heading {max-width: 100%;}
  .inspired_people { padding: 64px 0; }
  .inspired_people_heading { text-align: center; }
  .inspired_people_row { gap: 25px 0; padding-top: 48px; }
  .inspired_people_box { margin: 0 0; width: 100%; }
  .inspired_people_cover { padding: 0 24px; }
  .our_discover { padding: 64px 0;}
  .our_discover_cover { max-width: 100%;}
  .our_discover_box_cover{padding-bottom: 50px;} 
  .our_mission { padding: 64px 0; }
  .content__description {font-weight: 500;font-size: 26px;line-height: 32px;}
  .content__cover .primary_btn_v2 {padding-top: 30px;}
  .content__cover { text-align: left;  max-width: 100%;}

}
 
@media (max-width:767px) {
  .secondary_btn a {padding: 12px 11px;}
  .banking-brands_img { width: 100%; }
/*   .banking-brands_row .splide__slide { width: 100% !important; justify-content: center; } */
  .banking-brands_img a img { object-fit: cover; max-width: 100%; max-height: 500px; }
  .digital-solution_row { padding-top: 10px; margin: 0 0; }
  .digital-solution_box { width: 100%; margin: 10px 0; padding: 40px 30px; }
  .digital-solution_icon { padding-bottom: 25px; }
  .digital-solution_list ul { gap: 10px; }
  .technology_row {  margin: 0 0;}
  .technology_box {width: 100%; margin: 15px 0;}
  .technology_img img { height: 562px;}
  .banking-brands_row #splide{  padding: 0 0px;}
  /*  careers  */
  .welcome-career_right .welcome-career__icon svg { width: 50px;  height: 50px;}
  .software-engineer_row {  gap: 50px;  padding-right: 10px;}
  .company-awards_right {  padding: 20px;}
  .company-awards_left img { max-width: 100% !important; width: auto;  height: auto !important;}
  .our-benefits_box { width: 100%; margin: 15px 0; }
  .our-benefits_row { margin: 0 0; }
  .our-benefits_title { padding: 20px 0 15px; }
  .our-benefits_img { margin-bottom: 20px; }
  .our-benefits_heading { padding-bottom: 15px; }
  .our-benefits_box:first-child { margin: 0 0; }
  /* changed os .recruitment_cover ul.splide__list li.splide__slide {   width:100% !important;   margin: 0;}*/
  
 /* Mobile: 2 Recruiter nebeneinander, jeweils 50% */
 
  .recruitment_cover ul.splide__list li.splide__slide {
    flex: 0 0 50% !important;
    width: 50% !important;
    margin: 0; /* optional: bündig nebeneinander */
  }




  .recruitment-team_box {   padding: 0px 5px; margin: 0 0px; max-width: 380px !important; }
  .recruitment-team_data_content {padding: 10px 0 0;}
  .recruitment-team_img { margin-bottom: 20px;}
  .recruitment_cover ul.splide__list li.splide__slide:nth-child(1) .recruitment-team_box { margin-top: 0px;}
  .recruitment_cover ul.splide__list li.splide__slide:nth-child(2) .recruitment-team_box { margin-top: 0px;}
  .recruitment_cover ul.splide__list li.splide__slide:nth-child(3) .recruitment-team_box { margin-top: 0px;}
  .recruitment_cover ul.splide__list li.splide__slide:nth-child(4) .recruitment-team_box { margin-top: 0px;}
  .recruitment_cover ul.splide__list li.splide__slide:nth-child(odd) {margin-top: 0px;}
  .our_mission_left img { aspect-ratio: 1 / 1.3;}
/*   .banking-brands_row .splide__arrows .splide__arrow--prev, .banking-brands_row .splide__arrows .splide__arrow--next  {top:auto; transform:none; bottom:10%;} */

  .banking-brands_content { padding-top: 30px; }

}








/* Rsponsive css */


@media(max-width:1600px) {
  .hero_section { padding-top: 0; }
  .hero_cover { margin: 0 0; border-radius: 0; }
}

@media (min-width:1201px) and (max-width:1600px) {
  .hero_left_part { max-width: 100%; width: 50%; }
}

@media(max-width:1200px){

  h1{  font-size: 48px;line-height: 56px;}
  h2{ font-size: 40px; line-height: 48px;}
  .header_navigation_menu ul { gap: 40px;justify-content: space-between;}
  .Our_Services_left {  width: 50%; padding-right: 50px;}
  .Our_Services_right {width: 50%; padding-left: 50px;}
  .Our_Services_right svg { max-width: 100% !important;}
  .discover_title h2 { margin-bottom: 32px; }
  .blog_box { width: calc(100% / 2 - 30px); }
  .questions_contact_heading h2 {font-size: 48px !important;line-height: 56px !important;}
  .our_team_left_cover { padding: 64px 48px;}
  .customer_title { max-width: 100%;}
  .content_with_button {padding: 80px 0;}
  .our_faq_row {align-items: center;}
  .our_faq_left { padding-right: 20px;}
  .our_faq_right span { width: 480px; height: 480px;}
  .our_locations_row {grid-template-columns: repeat(2, 1fr);}
  .our_locations_box:first-child, .our_locations_box:nth-child(11), .our_locations_box:nth-child(8) { grid-column: span 2; grid-row: span 1; }
  .our_locations_box:nth-child(10), .our_locations_box:nth-child(2), .our_locations_box:nth-child(4), .our_locations_box:nth-child(6), .our_locations_box:nth-child(7), .our_locations_box:nth-child(9) { grid-column: span 1; grid-row: span 1; }
  .our_locations_box:nth-child(3), .our_locations_box:nth-child(5) { grid-row: span 2; grid-column: span 1; }
  .team_people_box { width: calc(100% / 3 - 30px);}
  .team_people_img img { aspect-ratio: 1 / 1.4;}
  .team_people_heading {margin-bottom: 32px;}
  .your-questions_cover { overflow: hidden;}
  .your-questions_box img {  height: 370px !important; max-width: 100% !important}
  .your-questions_box { padding: 0 10px;}
}
@media (max-width:1162px) {
  .customer_box { width: calc(100% / 4 - 32px); }
  .customer_box_cover {margin: 0 0;}
}

@media (min-width:992px) and (max-width:1200px) {
  .hero_left_part { max-width: 100%; width: 50%; }
  .hero_section .wrapper_two { padding: 0 80px; }
  .hero_row { max-width: 495px; }
  .hero_left_part { padding: 90px 0 90px; }
  .hero_cover { min-height: inherit; }
}

@media(min-width:992px){
  /*   .header_navigation_menu ul li>ul{     display: flex !important; } */
  .our_team {padding: 64px 0;}
}



@media(max-width:991px){
  
  h1{font-size: 40px;line-height: 48px;}
  h2{ font-size: 32px !important; line-height: 40px !important;}

  .header_navigation_menu{  padding: 0 30px;  }
  .header .wrapper_one{  padding: 0 30px; }
  .header_btn_row .secondary_btn {  padding-left: 0px; }

  .header_row {padding: 32px 0; }
  .header_menu_cover {order: 2;}
  .header_btn_row { width: 100%;padding: 12px 0 28px; gap:16px 8px;}
/*   .header_lag_switcher { display: none;} */
  .header_lag_switcher_mobile_view .header_lag_switcher {display: block;}
  .header_lag_switcher_mobile_view {  width: 100%;}
  .header_lag_switcher_mobile_view .header_lag_switcher {   max-width: 60px;}
  .header_lag_switcher_mobile_view .header_lag_switcher span.current_lang { color: var(--primary_color);}
  .header_lag_switcher_mobile_view .header_lag_switcher:before {filter: brightness(0) saturate(100%) invert(30%) sepia(85%) saturate(3000%) hue-rotate(330deg);}

  /*  */
  .lag_switcher ul li { color: var(--primary_color);}
  .lag_switcher ul.hs-language-switcher li:hover {color: var(--text_color); background-color: cyan;}
  .header_lag_switcher span.current_lang:focus-visible {    outline-offset: 8px; outline:2ps solid #00268f;}
  .header_navigation_menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { width: 100%; }
  .header_navigation_menu ul li{position: relative;}
  .header_navigation_menu ul  li.hs-item-has-children:before {transition: all .5s; position: absolute; content: ""; 
    background-image: url('https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/arrow1-1.svg'); top: 41px; right: 0; width: 15px; 
    height: 9px; background-repeat: no-repeat; }
  .header_navigation_menu ul li > ul{width: 100%;     display: inline-block;    }
  .header_navigation_menu ul li > ul > li:first-child {   margin-top: 28px; } 
  .header_navigation_menu ul li a { margin-bottom: 0; }
  .header_navigation_menu ul>li:last-child {  border: none; }

  /* .header_navigation_menu ul li > ul { display: none;} */
  /* .header_navigation_menu li.hs-menu-item.active ul.hs-menu-children-wrapper {display: block !important;} */
  .header_navigation_menu ul {gap: 0;}
  .header_navigation_menu ul >li {  border-bottom: 1px solid #ebebeb;  padding:5px 5px;        }

  .header_navigation_menu ul li > ul li {  padding:24px 0 0; border-bottom: none; }
  .header_navigation_menu ul li > ul li:first-child { padding: 0; }
  /* .header_navigation_menu li.hs-menu-item.active > a{margin-bottom:32px;} */
  .header_navigation_menu li.hs-menu-item.active::before {transform: rotate(180deg);}
  .hs-menu-depth-1 > a { width:100%;  pointer-events: none; }
  .activemenu{ overflow: hidden; } 
  .header_navigation_menu_cover{ padding-bottom: 120px; }   
  .header .hs-menu-children-wrapper {   height: 0px; max-height: 0px;  opacity: 0;overflow: hidden;  transition: max-height 0.4s, opacity 0.4s;  }
  .header .hs-menu-children-wrapper > li:last-child{ padding-bottom:20px; }
  .header .hs-item-has-children.active .hs-menu-children-wrapper {  height: auto;    pointer-events: all;   max-height: 600px;     opacity: 1;     transition: max-height 0.4s, opacity 0.2s 0.2s; }
  .hero_cover { min-height: auto; }
  .hero_left_part { padding: 82px 0; max-width: 100%; }
  .hero_content { max-width: 100%; }
  .hero_row { display: none; }

  .our_team {padding: 64px 0;}
  .our_team_title h2{ font-size: 40px !important; line-height: 48px !important;}
  .Our_Services { padding: 64px 0; }
  .Our_Services_left { width: 100%; padding: 0; }
  .Our_Services_right { display: none; } 
  .Our_Services_title { padding-bottom: 0; }
  .Our_Services_title h2 { margin-bottom: 32px; }
  .Our_Services_List_title h3 { font-size: 18px; line-height: 24px; }
  .Our_Services_left a.Services_link{width: 100%;}
  .discover { padding: 64px 0; }
  .discover_right { width: 100%; padding: 0; padding-bottom: 22px; }
  .discover_left { width: 100%; padding: 0; }
  .discover_bottom_row { flex-direction: column-reverse; }
  .blog_box { width: 100%; margin: 0 0 64px 0; }
  .blog_main_row { margin: 0; }
  .blog_box:last-child { margin-bottom: 0; }
  .blog { padding-bottom: 64px; }
  .questions_contact { padding: 64px 0;}
  .questions_contact_content { max-width: 100%;}
  .customer { padding: 64px 0; }
  .content__cover { text-align: left;  max-width: 100%;}
  .our_faq { padding: 64px 0;  }
  .our_faq_left {padding-right: 0;  width: 100%;}
  .our_faq_right { display: none;}
  .our_faq_answers { max-width: 100%;}
  .our_faq_question h3 { font-size: 22px;line-height: 28px;}
  .our_locations { padding: 64px 0; }
  .our_locations_heading { padding-bottom: 32px;}
  .team_people_box {width: calc(100% / 2 - 30px); }
  .team_people_content {  padding: 24px;}
  .team_people_top_row{gap:25px;}
  .team_people_top_row a.team_people_tab { width: calc(50% - 13px);}
  .your-questions_box img {  height: 290px !important;} 
  
  .footer_link ul{     gap: 0px !important; }
  .footer_link ul li{ padding:12px 0; }
  
  
  .header_menu_cover{ flex-direction: row-reverse; }
  .current_lang:before{ background-image: url("https://145972702.fs1.hubspotusercontent-eu1.net/hubfs/145972702/chevron-down-solid-full.svg") !important; }
  .header_lag_switcher span.current_lang{     width: 47px;  }
  
}

@media (max-width:859px) {
  .customer_box { width: calc(100% / 3 - 32px); }
  .customer_title { width: 100%; }
}



@media(max-width:767px){

  .our_team_row { flex-direction: column-reverse; }
  .our_team_left { width: 100%; }
  .our_team_right { width: 100%; }
  .our_team_right img {aspect-ratio: 1 / 0.99;}
  .our_team_left_cover { padding: 32px 24px; }
  .questions_contact_row {gap: 32px;}
  .questions_contact_row .secondary_btn {width: 100%;}
  .questions_contact_row .primary_btn_v2 { width: 100%;}
  .shape_bottom,.shape_top { width: 100%; height: 60%;  z-index: -1; }
  .questions_contact_shape {  position: absolute; width: 150%;  height: 100%; left: 50%;  top: 0;  transform: translateX(-50%); z-index: -1; }
  .our_faq_box {margin-top: 48px;}
  .our_locations_row { grid-column-gap: 16px; grid-row-gap: 16px; grid-auto-rows: 400px;}
  .your-questions_mobile_title { display: block; font-weight: 500;  font-size: 32px; line-height: 40px; color: var(--text_color);}
  .your-questions_mobile_title { display: block; font-weight: 500; font-size: 32px; line-height: 40px; color: var(--text_color); }
  .your-questions_left { padding-right: 0; width: 100%; gap: 60px; }
  .your-questions_box { width: 100%; padding: 0 0; }
  .your-questions_box img { height: 400px !important; }
  .your-questions_mobile_title { padding-bottom: 40px; }
  .your-questions_content { align-content: center; }
  .your-questions_title { display: none; }
  .your-questions_right .secondary_btn { text-align: center; display: block; }
  .your-questions_right { width: 100%; padding-left: 0; padding-top: 40px; }
  .your-questions_bottom_shape { display: none; }
  .your-questions_shape {height: 90%; left: 220%; top: 15px; transform: translateX(-108%); width: 300%; }
  .your-questions_shape svg:first-child { top: 0; }
  .your-questions_shape svg:first-child { bottom: 0; }
  .your-questions_shape svg:last-child { bottom: 0; }
  .your-questions_row {padding-top: 70px;}
}

@media (max-width:652px) {
  .customer_box { width: calc(100% / 2 - 32px); }

}

@media(max-width:695px){
  .team_people_top_row a.team_people_tab { width: 100%;}
  .team_people_top_row { gap: 32px;}
}

@media (max-width:575px) {
  .customer_box {width: 100% !important; margin: 0;}
  .customer_box img {height: 100% !important; width: 100% !important;}
  .customer_arrow_row { display: flex; justify-content: center; gap: 24px;  align-items: center; padding-top: 32px;}
  .customer_box_cover .slick-list { padding-right: 190px; }
  .customer_arrow_row .arrow__left, .customer_arrow_row .arrow__right {width: 40px; height: 40px; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center;}
  .customer_arrow_row .arrow__left span svg, .customer_arrow_row .arrow__right span svg { width: 18px; height: 18px; display: block;}
  .customer_arrow_row .arrow__left.slick-arrow span svg path, .customer_arrow_row .arrow__right.slick-arrow span svg path{ fill:var(--text_color);}
  .customer_arrow_row .arrow__left.slick-arrow.slick-disabled svg  path{fill: var(--gray_cover);}
  .customer_arrow_row .arrow__right.slick-arrow.slick-disabled svg  path{fill: var(--gray_cover);} 
  .our_locations_heading { margin: 0 17px;}
  .our_locations_box {height: 530px;}
  .our_locations_row .slick-list .slick-slide {margin: 0 17px;}
  .our_locations_arrow_row { display: flex;  flex-wrap: wrap; align-items: center; gap: 24px; padding-top: 32px; justify-content: center;}
  .arrow_left.slick-arrow, .arrow_right.slick-arrow  { width: 40px; height: 40px; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center;}
  .arrow_left.slick-arrow span svg , .arrow_right.slick-arrow span svg{ width: 18px;  height: 18px; display: block;}
  .arrow_left.slick-arrow span svg path, .arrow_right.slick-arrow span svg path{ fill:var(--text_color);}
  .arrow_left.slick-arrow.slick-disabled svg  path{fill: var(--gray_cover);}
  .arrow_right.slick-arrow.slick-disabled svg  path{fill: var(--gray_cover);}
  .team_people_box { width: 100%; margin: 0 0;}
  .team_people_row {margin: 0 0;}
}