/* Common CSS for All components : Start */
:root {
	--white:#fff;
	--black:#000;
    --black-alt:#1A1A18;
   --gray:#898C8E;
   --primary-blue: #1858AE;
   --secondary-blue: #1A2838;
   --sky-blue: #AAE1FF;
   scroll-behavior: auto !important;
}
*,
*::after,
*::before {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;font-family: 'Roboto';font-size: 18px;color: var(--black); line-height: 1.222; font-weight: 400; background: var(--white); }
html.lenis,
html.lenis body { height: auto; }
	
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth iframe { pointer-events: none; }
/* :focus { outline: none !important; } */

a,
button,
input[type=submit] {
  outline: none;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  transition: all ease-in-out 0.3s;
}

input, textarea {
	-webkit-appearance: none;
	appearance: none;
}

a:hover { text-decoration: none !important; }

::-webkit-input-placeholder {
	color:inherit; 
	opacity:1;
}

::-moz-placeholder {
	color:inherit;
	opacity:1;
}

:-ms-input-placeholder {
	color:inherit; 
	opacity:1;
}

:-moz-placeholder {
	color:inherit;
	opacity:1;
}

img,
svg,
iframe {
   max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: 'Roboto';
  line-height: 1;
  font-weight: 500;
  color: var(--black);
  word-wrap: break-word;
}

h1 {
  font-size: 64px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 16px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0; padding: 0; font-weight: 400; font-size: 18px; line-height: 1.2777; color: var(--black-alt);
}

p strong {
  font-weight: 700;
}

p + p {
  margin-top: 17px;
}

a,
a:hover {
  color: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

ol li,
ul li {
  list-style: none;
}

*:focus { outline:3px solid #007bff !important; outline-offset:2px; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }

@media (min-width:576px) {
   .container { max-width: 540px; }
}
@media (min-width: 768px) {
   .container { max-width: 750px; }
}
@media (min-width: 992px) {
   .container { max-width: 970px; }
}
@media (min-width:1231px) {
	.container { max-width: 1156px; }  
}
@media (min-width:1440px) {
	.container { max-width: 1402px; }  
}

@media (min-width:1600px) {
	.container { max-width: 1400px; }  
}

/* body { opacity: 0; visibility: hidden; transition: all 1s ease-in-out; }
body.loaded { opacity: 1; visibility: visible; } */

.btnbox { position: relative; display: flex; }

.primary-btn { position:relative;display: flex; height: 45px; padding: 0 34px; font-size: 18px; color: #232A39; font-weight: 500; background: var(--sky-blue); align-items: center; justify-content: center; border-radius: 24px; }
.primary-btn span { position:relative;z-index: 2; display:flex;transition: transform .65s cubic-bezier(.785,.135,.15,.86);transform: translateX(0); }
.primary-btn i { position:absolute;right: 16px;width:26px;height: 26px;display: flex; background: var(--white);align-items: center;justify-content: center;border-radius: 100%;transition: clip-path .65s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86);-webkit-clip-path: circle(0 at 50% 50%);clip-path: circle(0 at 50% 50%); }
.primary-btn i img { transform: translateX(-30px); transition: transform .65s cubic-bezier(.785,.135,.15,.86); }
.primary-btn:hover i img { transform: translateX(0); }
.primary-btn:hover i { -webkit-clip-path: circle(50% at 50% 50%);clip-path: circle(50% at 50% 50%); }
.primary-btn:hover span { transform: translateX(-25px); }

.skip_wrap { position: absolute; top: 0; left: 0; z-index: 1001; width: 100%; display: flex; }
.skip_wrap a { display: flex; justify-content: center; padding: 0; align-items: center; opacity: 0; visibility: visible; width: 100%; height: 0; color: var(--white); background: var(--black); overflow: hidden; }
.skip_wrap a:focus { opacity: 1; visibility: visible; padding: 10px 0; height: auto; }

.wrapper_main { position:relative; width:100%; min-height:100%; overflow: hidden; }

.contain_wapper { position:relative; width:100%; }

.page_wrapper { position: relative; width: 100%; padding-left: 70px; }

.fade-up.wow {
	opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
}
.fade-up.wow.animated {
	opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
}

body .wow { visibility: visible !important; }

.socialbar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 10; width: 70px; display: flex; align-items: center; justify-content: center; background: var(--white); border-right: solid 1px #898C8E; }
.socialbar .links_wrap { position: relative; display: flex; width: 42px; flex-wrap: wrap; gap: 13px; flex-direction: column; }
.socialbar .links_wrap .linkbox { position: relative; display: flex; max-width: 42px; overflow: hidden;background: var(--primary-blue); border-radius: 22px; transition: all ease-in-out 300ms; }
.socialbar .links_wrap .linkbox:hover { max-width: 296px; }
.socialbar .links_wrap a { width: 100%; height: 42px;display: flex; flex-wrap: nowrap; white-space: nowrap; }
.socialbar .links_wrap .icon { display: flex; min-width: 42px;width: 42px; height: 42px; align-items: center; justify-content: center; }
.socialbar .links_wrap a img { display: inline-flex; width: auto; height: auto; }
.socialbar .links_wrap span { display: inline-flex; min-width: 254px; font-size: 20px; color: var(--white); font-weight: 300; align-items: center; justify-content: center; transition: all ease-in-out 300ms; }

.header_main { position: fixed; top: 0; right: 0; left: 70px; z-index: 100; padding: 45px 63px 45px 60px; transition: all ease-in-out 300ms; }
.header_main.sticky { backdrop-filter: blur(3px);padding: 12px 63px 15px 60px; box-shadow: 0 3px 6px rgba(0,0,0,16%); }
.header_main.sticky.is-active { box-shadow: none; }
.header_main:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; max-height: 324px; background: linear-gradient(to bottom,  rgba(0,14,23,58%) 0%,rgba(65,65,65,0) 100%); opacity: 0.76; content: '';transition: all ease-in-out 300ms; mix-blend-mode: hard-light; pointer-events: none; }
.header_main.sticky:before { max-height: 70px;background: rgba(26,40,56,80%); opacity: 1; mix-blend-mode: normal; }
.header_main.sticky.is-active:before { max-height: 28rem; }
.header_main .header_wrap { width: 100%; max-width: 1402px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.header_main .navbar_brand { position: relative; z-index: 10; display: flex; min-width: 304px; }
.header_main .navbar_brand .logo_wrap { position: relative; display: flex; }
.header_main .navbar_brand .logo_wrap a { position: relative; display: flex;min-width: 304px;max-width: 304px; height: 61px; }
.header_main.sticky .navbar_brand .logo_wrap a { min-width: 107px;max-width: 107px; height: 39px; }
.header_main .navbar_brand .logo_wrap a img { position: absolute; display: inline-flex; transition: all ease-in-out 300ms; }
.header_main .navbar_brand .logo_wrap a img.big { width: 100%; }
.header_main.sticky .navbar_brand .logo_wrap a img.big,
.header_main .navbar_brand .logo_wrap:not(.logo_white) a img.white-logo { opacity: 0; visibility: hidden; }
.header_main .navbar_brand .logo_wrap a img.small { width: 107px; opacity: 0; visibility: hidden; }
.header_main.sticky .navbar_brand .logo_wrap a img.small { opacity: 1; visibility: visible;filter: brightness(0) invert(10); }
.header_main .navbar_brand .logo_wrap.logo_white a img.big { opacity: 0; visibility: hidden; }
.header_main.sticky .navbar_brand .logo_wrap.logo_white a img.white-logo { opacity: 0; visibility: hidden; }
.header_main .navbar_brand .hamburger { display: none; }
.header_main .top_contact { position: absolute; top: -19px; right: 0; display: flex; justify-content: flex-end; transition: all ease-in-out 300ms; }
.header_main.sticky .top_contact { transform: translateY(-100%); }
.header_main .top_contact ul { position: relative; display: flex; column-gap: 49px; }
.header_main .top_contact ul li { display: flex; }
.header_main .top_contact ul li a { display: flex; font-size: 15px; color: var(--white); font-weight: 500; line-height: 1.3333; align-items: center; }
.header_main .top_contact ul li a i { display: inline-flex; margin-right: 5px; min-height: 16px; }
.header_main .top_contact ul li a i img { display: inline-flex; }
.header_main .top_contact ul li a span { display: flex; }


.navigation { display: flex; }
.navigation .navbar { transition: all ease-in-out 300ms; }


.navigation .navbar > ul > li.menu-item-has-children .icon { display: none; }
.navigation .navbar > ul .sub-menu .sub-menu { position: relative; }
.navigation .navbar > ul .sub-menu .menu-item-has-children > a { display: flex; font-size: 14px; color: var(--white); font-weight: 700; line-height: 1.5714; }
.navigation .navbar > ul .sub-menu .sub-menu li a { display: flex; font-size: 14px; color: var(--white); font-weight: 400; line-height: 1.5714; }
.navigation .social_links { position: absolute; right: 0; display: flex; min-height: 21px; opacity: 0; visibility: hidden; pointer-events: none; transition: all ease-in-out 300ms; }
.header_main.sticky .navigation .social_links { opacity: 1; visibility: visible; pointer-events: all; }
.navigation .social_links .links { position: relative; display: none; }
.navigation .social_links .links:first-child { display: flex; column-gap: 22px; align-items: center; }
.navigation .social_links .links a { display: inline-flex; }
.navigation .social_links .links a img { display: inline-flex; }


@media (min-width: 1200px) {
  
  .header_main:after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; max-height: 0;background: rgba(26,40,56,80%); transition: max-height 1.4s cubic-bezier(.19,1,.22,1); pointer-events: none; content: ''; }
  .header_main.is-active .navbar_brand .logo_wrap img { filter: brightness(0) invert(10); }
  .navigation .navbar > ul { display: flex; column-gap: 58px; }
  .navigation .navbar > ul > li > a { position: relative; z-index: 10; display: flex; font-size: 20px; color: var(--white); line-height: 1.3125;font-weight: 500; }
  .navigation .navbar > ul > li.current-menu-item > a,
  .navigation .navbar > ul > li.current-menu-ancestor > a { text-decoration: underline !important; text-underline-offset: 5px; }
  .navigation .navbar > ul > li > .submenu_main { position: absolute; top: 0;left: 0;width: 100%;max-height: 0; display: flex; transition: max-height 1.4s cubic-bezier(.19,1,.22,1);overflow:hidden; pointer-events: none; }
  .header_main .navigation .navbar > ul > li.menu-item-has-children:hover > .submenu_main,
  .header_main .navigation .navbar > ul > li.menu-item-has-children.submenu-visible > .submenu_main { max-height: 28rem; pointer-events: all; }
  .header_main.sticky.is-active .navigation .navbar > ul > li.menu-item-has-children:hover > .submenu_main { background: none; }
  .header_main.is-active:after { max-height: 28rem; }
  .header_main.sticky:after { display: none; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap { position: relative; width: 100%; max-width: 1402px; margin: 0 auto; padding: 195px 0 78px; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu { display: grid; column-gap: 32px; grid-template-columns: repeat(3, 1fr);transition:transform 1s cubic-bezier(.19,1,.22,1);transform: translateY(50%); }
  .header_main .navigation .navbar > ul > li.menu-item-has-children:hover > .submenu_main .submenu_wrap > .sub-menu,
  .header_main .navigation .navbar > ul > li.menu-item-has-children.submenu-visible > .submenu_main .submenu_wrap > .sub-menu { transform: translateY(0); }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children { display: flex; /*min-width: 33.809%;*/ flex: 1 1 auto; flex-direction: column; }
  /* .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children:first-child { min-width: 33.809%; } */
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children.custom_links > a { margin-left: 70px; /*opacity: 0; visibility: hidden;*/ }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children.custom_links > a::after,
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children.custom_links > a .arrow { display: none; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > a { min-height: 32px; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children .sub-menu { display: grid; grid-template-columns: repeat(2, auto);width: max-content; margin-top: 28px; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children .sub-menu > li { display: flex; min-width: 230px; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children .sub-menu > li:first-child { min-width: 230px; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children .sub-menu > li a { font-size: 20px; font-weight: 300; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children:last-child { min-width: 160px; margin-left: auto; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children:last-child .sub-menu { display: block; height: 100%; margin-top: 28px; padding-left: 68px; border-left: solid 1px #B5B5B5; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > .sub-menu:hover > li > a { opacity: 0.35; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > .sub-menu:hover > li:hover > a { opacity: 1; }

  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children a { position: relative; padding-right: 20px;  width: fit-content; align-items: center; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu li.current-menu-item > a:before { position: absolute; left: -43px; width: 26px; height: 26px; content: ''; background: url('../images/checked-arrow.svg') no-repeat center center; }
  /* .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children a:after { position: absolute; left: 100%; width: 26px; height: 26px; content: ''; opacity: 0; 
  visibility: hidden; background: url(../images/nav-arrow.svg) no-repeat center center;transition: all ease-in-out 300ms; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.current-menu-item > a:after { background: none;opacity: 0; visibility: hidden; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > a:hover:after { opacity: 1; visibility: visible; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children  > .sub-menu:hover li:hover a:after { opacity: 1; visibility: visible; }
  */
  /*.navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children a .arrow { position: absolute; left: 100%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border: solid 1px var(--white); border-radius: 100%;transition: clip-path .65s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86);-webkit-clip-path: circle(0 at 50% 50%);clip-path: circle(0 at 50% 50%); }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children a .arrow:before { position: absolute; width: 11px; height: 11px; content: ''; } */

  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children a .arrow { position: absolute; left: 100%; width: 26px; height: 26px; display: flex; opacity: 0; visibility: hidden; background: url(../images/nav-arrow.svg) no-repeat center center; transform: translateX(-10px); transition: all ease-in-out 300ms; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > .sub-menu > li > a:before { position: absolute; width: 100%; height: 100%; content: ''; cursor: pointer;opacity: 0; visibility: hidden; display: none; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.current-menu-item > a .arrow { background: none;opacity: 0; visibility: hidden; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > a:hover .arrow { opacity: 1; visibility: visible; transform: none; }
  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children  > .sub-menu:hover li:hover a .arrow { opacity: 1; visibility: visible; transform: none; }

  .navigation .navbar > ul > li > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children > a { font-size: 24px; }
   .navigation .navbar > ul > li.about_links > .submenu_main .submenu_wrap > .sub-menu { grid-template-columns: repeat(1, 1fr); }
   .navigation .navbar > ul > li.about_links > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children { width: 36%; }
   .navigation .navbar > ul > li.about_links > .submenu_main .submenu_wrap > .sub-menu > li.menu-item-has-children:last-child .sub-menu { padding-left: 0; border-left: none; display: grid; grid-template-columns: 1fr 1fr; }
   .header_main.sticky .navigation .social_links { display: none; }
  
  .header_main.sticky .navigation .navbar > ul > li > .sub-menu { background: var(--white); box-shadow: 0 3px 6px rgba(0,0,0,16%); }
    .header_main.sticky .navigation .navbar > ul .sub-menu .sub-menu li a,
    .header_main.sticky .navigation .navbar > ul .sub-menu .menu-item-has-children > a,
    .error404 .header_main:not(.sticky) .navigation .navbar > ul .sub-menu .sub-menu li a,
    .error404 .header_main:not(.sticky) .navigation .navbar > ul .sub-menu .menu-item-has-children > a,
    .page-template-download .header_main:not(.sticky) .navigation .navbar > ul .sub-menu .sub-menu li a,
    .page-template-download .header_main:not(.sticky) .navigation .navbar > ul .sub-menu .menu-item-has-children > a { color: var(--white); }
    .navigation .navbar > ul > li > .sub-menu { opacity: 0; visibility: hidden;pointer-events: none;transition: all ease-in-out 300ms; border-radius: 6px; }
    .navigation .navbar > ul > li:hover > .sub-menu,
    .navigation .navbar > ul > li.submenu-visible > .sub-menu { margin-top: 12px; opacity: 1; visibility: visible; pointer-events: all; }
    body.home .header_main .navbar_brand .logo_wrap.logo_white a img.white-logo { opacity: 1; visibility: visible; }
    body.home .header_main.sticky .navbar_brand .logo_wrap.logo_white a img.white-logo { opacity: 0; visibility: hidden; }
    body.home .header_main.sticky .navbar_brand .logo_wrap.logo_white a img.big { opacity: 0; visibility: hidden; }
    body.home .header_main .navbar_brand .logo_wrap a img { opacity: 0; visibility: hidden; }
    .error404 .header_main:not(.sticky) .navigation .navbar > ul > li > .sub-menu,
    .page-template-download .header_main:not(.sticky) .navigation .navbar > ul > li > .sub-menu { background: #ececec; }
}
body.open-menu { overflow: hidden; }


.banner_main { position: relative; z-index: 2; display: flex; width: 100%; overflow: hidden; }
.large_banner { min-height: 100vh; /*padding-bottom: 158px;*/ }
.large_banner:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 158px; content: ''; background: #1A2838; pointer-events: none; display: none; }
.small_banner { /*min-height: 64.167vh;*/ min-height:750px; max-height: 64.167vh; }
.banner_image { position: relative; width: 100%; display: flex; }
.banner_image picture { position: relative; display: flex; width: 100%; }
.banner_image img { display: flex; width: 100%; height: 100%; object-fit: cover; }
.banner_video { position: relative; width: 100%; display: flex; }
.banner_video div[class*="_video"] { position: relative; display: flex; width: 100%; }
.banner_video video { display: flex; width: 100%; height: 100%; object-fit: cover; }
.banner_video div.sm_video { display: none; }
.banner_caption { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; display: flex; }
.large_banner .banner_caption { bottom: 0;/* margin-top: -102px;*/ }
.banner_caption .caption_inner { position: relative; display: flex; width: 100%; min-height: 265px; padding: 54px 50px 44px 0;background: rgba(24,88,174,93%); /*padding: 4.392vw 3.807vw 4.1vw 4.905vw;*/ column-gap: 85px;border-top-right-radius: 40px; justify-content: space-between; align-items: center; }
.page-template-products_tpl .banner_caption .caption_inner { max-width: 1090px; }
.page-template-preowned_products_tpl .banner_caption .caption_inner { max-width: 1338px; }
.single-our_product .banner_caption .caption_inner { width: auto; min-width: 722px; }
.home .banner_caption .caption_inner { min-width: 100%; }
.banner_caption .caption_inner:after { position: absolute; top: 0; left: auto; right: 100%; width: 100vw; height: 100%; background: rgba(24,88,174,93%); content: ''; pointer-events: none; }
/* .small_banner .banner_caption .caption_inner:after { background: rgba(12,74,157,85%); } */
.banner_caption .container { display: flex;justify-content: flex-start; }
.banner_caption .left_block { position: relative; z-index: 2; max-width: 845px; }
.banner_caption .left_block .preheadline { display: block; width: 100%; font-size: 24px; color: var(--white); font-weight: 700; }
.banner_caption .left_block h1 { font-size: 64px; color: var(--white); line-height: 1.2; font-weight: 500; }
.banner_caption .left_block ul { display: flex; width: 100%; }
.banner_caption .left_block ul li { position: relative; display: inline-flex; font-size: 24px; color: var(--white); font-weight: 700; }
.banner_caption .left_block ul li:after { display: inline-flex; margin: 0 4px; color: var(--white); content: '>'; }
.banner_caption .left_block ul li:last-child:after { display: none; }
.banner_caption .left_block ul li a { display: inline-flex;color: var(--white); }
.banner_caption .right_block { position: relative; z-index: 2; min-width: 354px;align-self: flex-start; }
.banner_caption .right_block ul { position: relative; display: block; }
.banner_caption .right_block ul li { display: block; border-bottom: solid 1px var(--white); }
.banner_caption .right_block ul li a { position: relative; display: flex; padding: 9px 15px 11px 0; font-size: 24px; color: var(--white); line-height: 1.16; }
.banner_caption .right_block ul li a::after { position: absolute; top: 18px; right: 19px; width: 11px; height: 11px; content: ''; background: url('../images/btn-arrow.svg') no-repeat center center; filter: brightness(0) invert(10);transition: all ease-in-out 300ms; }
.banner_caption .right_block ul li a::before { position: absolute; top: 10px; right: 11px; width: 26px; height: 26px; content: ''; background: var(--white); border-radius: 100%; transition: all ease-in-out 300ms; transform: scale(0); transform-origin: center center; }
.banner_caption .right_block ul li a:hover::before { transform: scale(1); }
.banner_caption .right_block ul li a:hover::after { filter: none; }
.banner_caption .right_block ul:hover li a { opacity: 0.3; }
.banner_caption .right_block ul:hover li:hover a { opacity: 1; }
/* body.home .banner_image { display: none; } */
.banner_back { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; }
.banner_back .container { display: flex; justify-content: flex-start; }
.banner_back .back_inner { position: relative; display: flex; padding: 26px 52px 27px 25px; min-width: 45%; /*padding: 4.392vw 3.807vw 4.1vw 4.905vw;*/ column-gap: 85px; }
.banner_back .back_inner:after { position: absolute; top: 0; right: 0; width: 85vw; height: 100%; background: rgba(12,74,157,85%); content: ''; pointer-events: none;border-top-right-radius: 30px; }
.banner_back .btnbox { z-index: 2; }
.banner_back .btnbox a { display: flex; align-items: center; font-size: 18px; color: var(--white); }
.banner_back .btnbox a .arrow { display: inline-flex; width: 14px; height: 14px; margin-right: 9px; background: url(../images/back-arrows.png) no-repeat center center; background-size: contain; }
.banner_back .btnbox a span { display: inline-flex; }

.img-parallax { position: relative; width: 100%; overflow: hidden; }
.img-parallax img { width: 100%; will-change: transform; }

.frontpage_wrap { position: relative; width: 100%; padding: 0 0 67px; background: var(--secondary-blue); }
.professional_drive { position: relative; width: 100%; display: flex; padding-top: 107px; justify-content: space-between; }
.professional_drive .left_content { position: relative; width: 620px; }
.professional_drive .left_content .preheadline { display: block; width: 100%; font-size: 22px; color: var(--white); line-height: 1.375; font-weight: 500; }
.professional_drive .left_content h2 { margin: 7px 0 33px; font-size: 44px; color: var(--white); line-height: 1.375; font-weight: 500; }
.professional_drive .left_content p { color: var(--white); }
.professional_drive .left_content ul { display: block; width: 100%; margin-top: 17px; }
.professional_drive .left_content ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.professional_drive .left_content ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.professional_drive .left_content .btnbox { width: 100%; margin-top: 45px; }
.professional_drive .stats_block { position: relative; width: 50%; max-width: 604px; }
.professional_drive .stats_block ul { position: relative; display: flex; width: 100%; flex-wrap: wrap; gap: 50px; }
.professional_drive .stats_block ul li { display: flex; align-items: center; }
.professional_drive .stats_block .icon { display: flex; min-width: 70px; }
.professional_drive .stats_block .textblock { padding-left: 30px; }
.professional_drive .stats_block .textblock .digit { display: block; font-size: 44px; color: var(--white); font-weight: 300; }
.professional_drive .stats_block .textblock p { font-size: 18px; color: var(--white); }
.professional_drive .globe_shape { position: absolute; top: 114px; left: 50%; width: 845px; height: 845px; pointer-events: none;background: url('../images/globe-img.webp') no-repeat center center; display: none; transform: translateX(-50%); }
.professional_drive .primary-btn { min-width: 264px; }


.professional_drive_sec {padding: 134px 0 190px;}
.professional_drive_sec .professional_grp {position: relative; width: 100%;}
.professional_drive_sec .professional_grp .professional_img {position: relative; display: block;}
.professional_drive_sec .professional_grp .professional_img::before {content: ''; display: block; padding: 31.028% 0 0; pointer-events: none;}
.professional_drive_sec .professional_grp .professional_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; object-fit: cover; border-radius: 0 20px 0 0; z-index: 1;}
.professional_text {position: absolute; right: 0; bottom: -38px;  width: 50%;}
.professional_text::after {position: absolute; left: 0; top: 0; background-color: rgba(210, 240, 255, 0.92); width: 100vw; content: ''; height: 100%; pointer-events: none; z-index: 1; border-radius: 20px 0 0;}
.professional_text span {display: block; font-size: 22px; font-weight: 500; color: #002D4A; margin-bottom: 7px;}
.professional_text h2 {font-size: 44px; font-weight: 500; color: #002D4A;} 
.professional_text .inner-text {position: relative; width: 100%; z-index: 2; padding: 64px 120px 58px 142px;  }
.professional_text .shape{position: absolute; left: -35px; bottom: -35px; background-color: rgba(0, 0, 0, 0.3); width: 100vw; height: 100%; content: ''; pointer-events: none;}


.sps-setup {padding: 0 0 95px;}
.sps-setup .sps-grp {display: flex; align-items: stretch; width: 100%;}
.sps-setup .sps-grp .sps-text-grp {width: 50%; position: relative;}
.sps-setup .sps-grp .sps-text-grp::before {position: absolute; content: ''; right: 100%; top: 0; width: 100vw; background-color: rgba(0, 0, 0, 0.3); height: 100%;}
.sps-setup .sps-grp .sps-text-grp .sps-text {padding: 70px 143px 73px 0; background-color: rgba(0, 0, 0, 0.3); height: 100%;}
.sps-setup .sps-grp .sps-text-grp .sps-text span {display: block; font-size: 22px; font-weight: 500; color: var(--white); margin-bottom: 7px;}
.sps-setup .sps-grp .sps-text-grp .sps-text h2 {font-size: 44px; font-weight: 500; color: var(--white); margin-bottom: 33px; line-height: 1.13;}
.sps-setup .sps-grp .sps-text-grp .sps-text p {font-size: 18px; font-weight: 400; color: var(--white); line-height: 1.55;}
.sps-setup .sps-grp .sps-text-grp .sps-text ul { display: block; width: 100%; margin-top: 17px; }
.sps-setup .sps-grp .sps-text-grp .sps-text ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.sps-setup .sps-grp .sps-text-grp .sps-text ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.sps-setup .sps-grp .sps-text-grp .sps-text .btnbox {display: flex; margin-top: 43px; gap: 17px;}
.sps-setup .sps-grp .sps-text-grp .sps-text .btnbox a {padding: 0 77px;}
.sps-setup .sps-grp .sps-text-grp .sps-text .btnbox a span {margin: 0; font-size: 18px; color: #232A39;}
.sps-setup .sps-grp .sps-img {display: block; position: relative; width: 50%;}
.sps-setup .sps-grp .sps-img::before {content: ''; display: block; padding: 71.1% 0 0; pointer-events: none;}
.sps-setup .sps-grp .sps-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; object-fit: cover; border-radius: 0 20px 0 0;}

.home-contact {padding: 0 0 67px;}
.home-contact .home-grp {display: flex; justify-content: space-between; width: 100%;}
.home-contact .home-grp .home-contact-left {width: 50%; padding-right: 139px;}
.home-contact .home-grp .home-contact-left span {display: block; font-size: 22px; font-weight: 500; color: var(--white); margin-bottom: 18px;}
.home-contact .home-grp .home-contact-left p {font-size: 18px; font-weight: 400; color: var(--white); line-height: 1.55;}
.home-contact .home-grp .home-contact-left ul { display: block; width: 100%; margin-top: 17px; }
.home-contact .home-grp .home-contact-left ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.home-contact .home-grp .home-contact-left ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.home-contact .home-grp .home-contact-right {width: 50%;}
.home-contact .home-grp .home-contact-right .home-contact-inner {position: relative; border: 1px solid var(--white); border-right: none; border-radius: 20px 0 0 20px; padding: 37px 0 20px 123px; }
.home-contact .home-grp .home-contact-right .home-contact-inner::after {position: absolute; content: ''; top: -1px; bottom: -1px; left: 100%; width: 50vw; border-top: 1px solid var(--white); border-bottom: 1px solid var(--white); }
.home-contact .home-grp .home-contact-right .home-contact-inner ul {display: block; margin: 0; padding: 0;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li {display: flex; gap: 53px; align-items: center;} 
.home-contact .home-grp .home-contact-right .home-contact-inner ul li .icon-t {display: inline-flex; background-color: rgba(0, 0, 0, 0.3); width: 52px; height: 52px; transition: all ease-in-out 300ms; border-radius: 50%; overflow: hidden;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li .icon-t img {width: auto; padding: 15px;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li .contact-btn {position: relative; padding: 21px 0; width: calc(100% - 105px); display: flex;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li:not(:last-child) .contact-btn { border-bottom: 1px solid var(--white);}

.home-contact .home-grp .home-contact-right .home-contact-inner ul li .contact-btn a {display: flex; justify-content: flex-start; align-items: center; background-color: transparent; transition: all ease-in-out 300ms; padding-left: 17px; transform: translateX(-17px); padding-right: 64px;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li .contact-btn a span {font-weight: 300; font-size: 24px; color: var(--white); transform: none;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li:hover .icon-t {background-color: #1858AE;}
.home-contact .home-grp .home-contact-right .home-contact-inner ul li:hover .contact-btn a {background-color: #1858AE;} 
.home-contact .home-grp .home-contact-right .home-contact-inner .btnbox {position: absolute; left: -10px; top: -20px;}
.home-contact .home-grp .home-contact-right .home-contact-inner .btnbox a {padding: 0 100px;}


.image_textblock { position: relative; width: 100%; margin-top: 85px; }
.image_textblock .content_wrap { position: relative; display: flex; width: 100%; align-items: center; }
.image_textblock .content_wrap.row-reverse { flex-direction: row-reverse; }
.image_textblock .image_wrap { position: relative; width: 885px; }
.image_textblock .content_wrap.row-reverse .image_wrap { width: 811px; }
.image_textblock .image_wrap .image { display: flex; height: 76.953vh; }
.image_textblock .image_wrap .image img { display: inline-flex; height: auto; object-fit: cover; }
.image_textblock .text_wrap { position: absolute; right: 53px; width: 520px; background: #1653A4; }
.image_textblock .content_wrap.row-reverse .text_wrap { right: auto; left: 53px; }
.image_textblock .text_wrap:after { position: absolute; top: 0; bottom: 0; left: 100%; width: 50%;background: #1653A4; content: ''; pointer-events: none; opacity: 0; visibility: hidden; }
.image_textblock .text_inner { position: relative; padding: 52px 76px 50px 70px; }
.image_textblock .content_wrap.row-reverse .text_inner { padding: 64px 45px 50px 70px; }
.image_textblock .text_inner .preheadline { display: block; width: 100%; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 700; }
.image_textblock .text_inner h2 { font-size: 40px; color: var(--white); line-height: 1.375; font-weight: 500; }
.image_textblock .text_inner p { margin-top: 25px; color: var(--white); }
.image_textblock .text_inner .btnbox { width: 100%; margin-top: 44px; }

.custom_solution { position: relative; width: 100%; padding: 109px 0 67px; background: var(--secondary-blue); }
.custom_solution .content_wrap { position: relative; display: flex; width: 100%; align-items: center; }
.custom_solution .image_wrap { position: relative; width: 782px; }
.custom_solution .image_wrap .image { display: flex; height: 58.594vh; }
.custom_solution .image_wrap .image img { display: inline-flex; width: 100%; height: auto; object-fit: cover; }
.custom_solution .text_wrap { position: absolute; right: 53px; width: 682px; background: #F5F5F5; border-radius: 15px 0 0 15px; }
.custom_solution .text_inner { position: relative; padding: 49px 100px 28px 70px; }
.custom_solution .text_inner h3 { font-size: 44px; color: var(--primary-blue); line-height: 1.2; font-weight: 500; }
.custom_solution .text_inner p { margin-top: 30px; color: var(--primary-blue); }
.custom_solution .text_inner .preheadline { display: block; width: 100%; margin-bottom: 16px; font-size: 22px; color: #4B4B4B; line-height: 1.375; font-weight: 500; }
.custom_solution .text_inner .btnbox { width: 100%; margin-top: 44px; }

.about_page { position: relative; width: 100%; background: var(--secondary-blue); }
.cooperate_partners { position: relative; width: 100%; padding: 48px 0 90px; overflow: hidden; }
.cooperate_partners .content_wrap { position: relative; display: flex; width: 100%; justify-content: space-between; align-items: flex-start; }
.cooperate_partners .left_content { position: relative; width: 570px; }
.cooperate_partners .textblock { position: relative; width: 100%; }
.cooperate_partners .textblock .preheadline { display: block; width: 100%; margin-bottom: 4px; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 500; }
.cooperate_partners .textblock h2 { font-size: 40px; color: var(--white); line-height: 1.1; font-weight: 500; }
.cooperate_partners .textblock p { margin-top: 22px; color: var(--white); }
.cooperate_partners .textblock ul { display: block; width: 100%; margin-top: 17px; }
.cooperate_partners .textblock ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.cooperate_partners .textblock ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.cooperate_partners .partners_logos { position: relative; display: flex; margin-top: 81px; column-gap: 50px; align-items: flex-end; }
.cooperate_partners .partners_logos .logobox { display: flex; }
.cooperate_partners .partners_logos .logobox img { display: inline-flex; width: auto; height: auto; }
.cooperate_partners .globe_block { position: relative; display: flex;max-width: 569px; pointer-events: none; }
.cooperate_partners .globe_block img { display: inline-flex; width: 100%; height: auto; object-fit: cover; }
.cooperate_partners .btnbox { margin-top: 34px; }
.cooperate_partners .btnbox .primary-btn { min-width: 186px; }
.cooperate_partners .mailbox { position: relative; width: 100%; margin-top: 20px; }
.cooperate_partners .mailbox h6 { font-size: 18px; color: var(--white); line-height: 1.3125; font-weight: 400; }
.cooperate_partners .mailbox p { margin: 0; }
.cooperate_partners .mailbox p a { color: var(--white); text-decoration: underline !important; font-weight: 700; }

.about_solutions { position: relative; width: 100%; padding: 85px 0 90px; background: rgba(0,0,0,30%); }
.about_solutions .solutions_wrap { position: relative; width: 100%; display: flex; justify-content: space-between; }
.about_solutions .content_wrap { position: relative; width: 70%; max-width: 622px; }
.about_solutions .text_wrap { position: relative; width: 100%; }
.about_solutions .text_wrap .preheadline { display: block; width: 100%; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 700; }
.about_solutions .text_wrap h2 { font-size: 40px; color: var(--white); line-height: 1.375; font-weight: 500; }
.about_solutions .text_wrap p { margin-top: 25px; color: var(--white); }
.about_solutions .text_wrap ul { display: block; width: 100%; margin-top: 17px; }
.about_solutions .text_wrap ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.about_solutions .text_wrap ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.about_solutions .image_wrap { position: relative; width: 60%; max-width: 722px; }
.about_solutions .image_wrap .image { display: flex; min-height: 46.111vh;border-radius: 0 20px 0 0; }
.about_solutions .image_wrap .image img { position: absolute; top: 0; left: 0; display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-radius: 0 20px 0 0; }
.about_solutions .list_text { position: relative; width: 100%; margin-top: 12px; }
.about_solutions .listbox { display: flex; width: 100%; max-width: 457px; padding: 16px 0 19px; border-bottom: solid 1px #C9C9C9; }
.about_solutions .listbox:last-child { border-bottom: none; }
.about_solutions .listbox .heading { display: inline-flex; font-size: 22px; color: var(--white); font-weight: 500; line-height: 1.3181; }

.about_quality { position: relative; width: 100%; padding: 68px 0 68px 0; }
.about_quality .quality_wrap { position: relative; width: 100%; }
.about_quality .content_block { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
.about_quality .text_wrap { position: relative; width: 50%; max-width: 600px; }
.about_quality .text_wrap .preheadline { display: block; width: 100%; margin-bottom: 6px; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 700; }
.about_quality .text_wrap h2 { margin-bottom: 22px; font-size: 40px; color: var(--white); line-height: 1.1; font-weight: 500; }
.about_quality .text_wrap p { margin-top: 0; margin-bottom: 24px; color: var(--white); }
.about_quality .text_wrap ul { display: block; width: 100%; margin-top: 17px; }
.about_quality .text_wrap ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.about_quality .text_wrap ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.about_quality .text_wrap h6 { font-size: 16px; color: var(--white); font-weight: 700; }
.quality_list_block { position: relative; width: 50%; max-width: 653px; background: #C2E0EF; border: solid 1px var(--white); border-radius: 20px; }
.quality_list_block .list_inner { position: relative; width: 100%; padding: 60px 80px 56px 54px; }
.quality_list_block .list_inner ul { display: block; width: 100%; }
.quality_list_block .list_inner ul li { position: relative; display: flex; padding-right: 50px; font-size: 22px; color: var(--black-alt); font-weight: 300; text-transform: uppercase; align-items: center; }
.quality_list_block .list_inner ul li:after { position: absolute; right: 0; display: flex; width: 37px; height: 37px; background: url('../images/check-blue.svg') no-repeat center center; background-size: contain; pointer-events: none; content: ''; }
.quality_list_block .list_inner ul li + li { margin-top: 36px; }
.about_quality .btnbox { margin-top: 29px; column-gap: 17px; }
.about_quality .primary-btn { min-width: 264px; }

/* .code_of_conduct { position: relative; width: 100%; padding: 90px 0; background: rgba(0,0,0,30%); }
.code_of_conduct .content_wrap { position: relative; display: flex; }
.code_of_conduct .text_content { position: relative; width: 620px; }
.code_of_conduct .text_content .preheadline { display: block; width: 100%; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 700; }
.code_of_conduct .text_content h2 { font-size: 40px; color: var(--white); line-height: 1.375; font-weight: 500; }
.code_of_conduct .text_content p { margin-top: 25px; color: var(--white); }
.code_of_conduct .text_content .btnbox { margin-top: 25px; column-gap: 20px; } */

.about_features_conduct { position: relative; width: 100%; padding: 90px 0; background: rgba(0,0,0,30%); }
.about_features_conduct .content_wrap { position: relative; display: flex; width: 100%; justify-content: space-between; }
.about_features_conduct .text_content { position: relative; width: 70%; width: 754px; }
.about_features_conduct .text_content .preheadline { display: block; width: 100%; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 700; }
.about_features_conduct .text_content h2 { font-size: 40px; color: var(--white); line-height: 1.375; font-weight: 500; }
.about_features_conduct .text_content h2 br { display: none; }
.about_features_conduct .text_content p { margin-top: 25px; color: var(--white); }
.about_features_conduct .text_content ul { display: block; width: 100%; margin-top: 17px; }
.about_features_conduct .text_content ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.about_features_conduct .text_content ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.about_features_conduct .features_wrap { position: relative; display: flex; width: 60%; max-width: 477px; column-gap: 16px; row-gap: 20px; flex-wrap: wrap; }
.about_features_conduct .feature_card { position: relative; width: calc(50% - 8px); min-height: 208px; border: solid 1px var(--white); border-radius: 20px; overflow: hidden; }
.about_features_conduct .feature_card .front_box { position: relative; display: flex; width: 100%; height: 100%; padding: 62px 0 55px; flex-direction: column; align-items: center; }
.about_features_conduct .feature_card h3 { color: var(--white); font-weight: 400; }
.about_features_conduct .feature_card .front_box h3 { font-size: 25px; line-height: 1.066; }
.about_features_conduct .feature_card .icon { display: flex; margin: 0 auto 13px; min-width: 62px; min-height: 64px; align-items: center; justify-content: center; }
.about_features_conduct .feature_card .icon img { display: inline-flex; width: auto; height: auto; }
.about_features_conduct .feature_card .icon.hidden { display: none; }
.about_features_conduct .feature_card .overlay_box { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; background: #232A39; opacity: 0; visibility: hidden; transition: all ease-in-out 300ms; align-items: center; justify-content: center; }
.about_features_conduct .feature_card:hover .overlay_box { opacity: 1; visibility: visible; }
.about_features_conduct .feature_card .innerbox { position: relative; width: 100%; padding: 35px 18px 42px; text-align: center; }
.about_features_conduct .feature_card .overlay_box h3 { margin-bottom: 15px; font-size: 24px; line-height: 1.1428; }
.about_features_conduct .feature_card .overlay_box p { font-size: 14px; color: var(--white); line-height: 1.5; }
.about_features_conduct .btnbox { margin-top: 55px; column-gap: 20px; }
.about_features_conduct .primary-btn { min-width: 230px; }


.about_query { position: relative; width: 100%; padding: 85px 0 97px; }
.about_query .content_wrap { position: relative; display: flex; width: 100%; align-items: flex-start; justify-content: space-between; }
.about_query .image_wrap { position: relative; width: 70%; max-width: 722px; }
.about_query .image_wrap .image { display: flex; min-height: 46.111vh;border-radius: 0 20px 0 0; }
.about_query .image_wrap .image img { position: absolute; top: 0; left: 0; display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-radius: 0 20px 0 0; }
.about_query .text_wrap { position: relative; width: 50%; max-width: 478px; }
.about_query .text_inner { position: relative; width: 100%; }
.about_query .text_inner .preheadline { display: block; width: 100%; font-size: 16px; color: var(--white); line-height: 1.375; font-weight: 700; }
.about_query .text_inner h2 { font-size: 40px; color: var(--white); line-height: 1.375; font-weight: 500; }
.about_query .text_inner p { margin-top: 25px; color: var(--white); }
.about_query .text_inner ul { display: block; width: 100%; margin-top: 17px; }
.about_query .text_inner ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--white); line-height: 2; }
.about_query .text_inner ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--white); content: ''; border-radius: 100%; }
.about_query .text_inner .btnbox { width: 100%; margin-top: 33px; }
.about_query .text_inner .primary-btn { min-width: 230px; }
.news_press_carousel { background: #f3f4f5; }



.news_press_carousel { position: relative; width: 100%; padding: 90px 0 100px; background: rgba(26,40,56,05%); }
.about_page .news_press_carousel { background: #f3f4f5; }
.news_press_carousel .sec_heading { width: 100%; }
.news_press_carousel .sec_heading h2 { font-size: 40px; color: var(--black); line-height: 1.1; font-weight: 500; }
.news_press_carousel .slider_main { position: relative; width: 335px; margin-top: 34px; }
.news_press_carousel .news_carousel { overflow: visible; }
.news_press_carousel .swiper-slide { /*width: 335px; max-width: 335px;*/ border-radius: 10px; }
.news_card { position: relative; background: var(--white); border-radius: 10px; }
.news_card a { position: relative; display: block; width: 100%; }
.news_card .card_link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: block; }
.news_card .imgbox { position: relative; width: 100%; display: flex; height: 228px;border-radius: 10px 10px 0 0; overflow: hidden; }
.news_card .imgbox img { display: inline-flex; width: 100%; height: auto; object-fit: cover; border-radius: 10px 10px 0 0;transform-origin: center center; transition: all ease-in-out 300ms; }
.news_card a:hover .imgbox img { transform: scale(1.1); }
.news_card .textwrap { position: relative; width: 100%; display: flex; padding: 29px 20px 28px; flex-direction: column; border-radius: 0 0 10px 10px; }
.news_card .textblock { width: 100%; padding-bottom: 28px; flex-grow: 1; }
.news_card .textblock .date { display: block; margin-bottom: 10px; font-size: 16px; color: var(--primary-blue); font-weight: 700; }
.news_card .textblock h3 { margin-bottom: 26px; font-size: 20px; color: #1D1E1F; line-height: 1.2; font-weight: 700; }
.news_card .textblock p { font-size: 18px; color: var(--black-alt); line-height: 1.2222; }
.news_card .more-link { position: relative; display: flex; width: 100%; margin-top: auto; }
.news_card .primary-btn { width: 100%; max-width: 230px; }
.news_card a:hover .primary-btn i img { transform: translateX(0); }
.news_card a:hover .primary-btn i { -webkit-clip-path: circle(50% at 50% 50%);clip-path: circle(50% at 50% 50%); }
.news_card a:hover .primary-btn span { transform: translateX(-25px); }
.news_slider_option { position: relative; width: 100%; margin-top: 50px; }
.news_slider_option.hide { display: none; }
.news_slider_option .news_cta { position: relative; display: flex; max-width: 90px; margin: 32px 0 0 47px; align-items: center; justify-content: center; }
.news_slider_option .scroll_main { position: relative; max-width: 185px; }
.news_slider_option .news-swiper-scrollbar { position: relative; width: 100%; height: 3px; background: #DCDCDC;border-radius: 5px; }
.news_slider_option .news-swiper-scrollbar .swiper-scrollbar-drag { background: #1A2737; border-radius: 5px; }
.news_slider_option .news_pagination { display: flex; min-width: 42px;max-width: 42px; font-size: 16px; color: #1A2737; font-family: 'Roboto'; font-weight: 400; justify-content: center; }
.news_slider_option [class*="news-button"] { display: flex; width: 13px; height: 23px; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; }
.news_slider_option [class*="news-button"].news-button-next { background-image: url('../images/next-arrow.svg'); }
.news_slider_option [class*="news-button"].news-button-prev { background-image: url('../images/prev-arrow.svg'); }


.page-template-news-press .wrapper_main { overflow: visible; }
.news_press_main { position: relative; width: 100%; padding: 120px 0 130px; background: rgba(26,40,56,05%); }
.news_section { position: relative; width: 100%; }
.news_section + .news_section { margin-top: 90px; }
.news_section .sec_heading { width: 100%; }
.news_section .sec_heading h2 { font-size: 40px; color: var(--black); line-height: 1.1; font-weight: 500; }
.news_slider_main { position: relative; width: 353px; margin-top: 35px; }
.news_slider_main .news_carousel { overflow: visible; }
.news_slider_main .swiper-slide { /*width: 335px; max-width: 335px;*/ border-radius: 10px; }
.news_press_main .news_wrap { position: relative; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.news_press_main .news_sidebar { min-width: 155px; }
.news_sidebar .list_wrap { position: relative; top: 0; min-width: 155px;max-width: 155px; }
.news_sidebar .list_wrap ul { display: block; width: 100%; }
.news_sidebar .list_wrap ul li { display: flex; width: 100%; border-bottom: solid 1px #707070; }
.news_sidebar .list_wrap ul li:last-child { border-bottom: none; }
.news_sidebar .list_wrap ul li a { display: flex; padding: 16px 0; font-size: 18px; color: #707070; }
.news_sidebar .list_wrap ul li a span { display: inline-flex; margin-left: 5px; }
.news_sidebar .list_wrap ul li.active a { font-weight: 700; }
.news_press_main .news_row { position: relative; width: calc(100% - 31%); display: flex; flex-wrap: wrap; gap: 20px; margin-left: auto; }
.news_press_main .news_row .flexcol { position: relative; display: flex; width: calc(50% - 10px); }
.news_press_main .news_wrap .btnbox { width: 100%; margin-top: 45px; justify-content: center; }
.news_press_main .news_slider_option { margin-left: -25px; }
@media (min-width: 992px) {
  /*.news_sidebar .list_wrap { position: absolute; opacity: 0; visibility: hidden; transition: all ease-in-out 300ms; }
  .news_press_main.is-pinned .news_sidebar .list_wrap { top: 20px; opacity: 1; visibility: visible; }*/
}


.news_detail_main { position: relative; width: 100%; padding: 72px 0 0; background: rgba(26,40,56,05%); }
.news_detail_main .sec_heading { position: relative; width: 100%;margin-bottom: 35px; }
.news_detail_main .top_text { position: relative; width: 100%; display: flex; justify-content: space-between; }
.news_detail_main .top_text .text_wrap { position: relative; flex-grow: 1; width: 100%; max-width: 845px; }
.news_detail_main .preheadline { display: block; width: 100%; margin-bottom: 15px; font-size: 16px; color: #004876; line-height: 1.375; font-weight: 500; }
.news_detail_main h1 { font-size: 50px; color: var(--black-alt); line-height: 1.1; font-weight: 500; }
.news_detail_main h2 { margin-bottom: 10px; font-size: 40px; color: var(--black-alt); line-height: 1.325; font-weight: 500; }
.news_detail_main p { margin-top: 20px; color: var(--black-alt);line-height: 1.55; }
.news_detail_main p a { color: #0E438B; }
.news_detail_main p + p,
.news_detail_main p + h2,
.news_detail_main p + h3 { margin-top: 20px; }
.news_detail_main .top_text .text_wrap ul { display: block; width: 100%; margin-top: 17px; }
.news_detail_main .top_text .text_wrap ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--black-alt); line-height: 2; }
.news_detail_main .top_text .text_wrap ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--black-alt); content: ''; border-radius: 100%; }
/* .news_detail_main .top_text img { display: inline-flex; margin: 20px 0 46px; height: auto; } */
.news_detail_main .image_wrap { position: relative; min-width: 476px; }
.news_detail_main .image_wrap .imgbox { display: flex; width: 100%; height: 335px; }
.news_detail_main .image_wrap .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 20px; }
.news_detail_main .back_wrap { position: relative; width: 100%; padding: 92px 0 57px; border-bottom: solid 1px #707070; }
.news_detail_main .back_wrap .back_inner { position: relative; width: 100%; }
.news_detail_main .back_wrap a { display: flex; font-size: 24px; color: #232D39; font-weight: 300; align-items: center; column-gap: 64px; flex-direction: row-reverse; }
.news_detail_main .back_wrap a:hover { transform: translateX(-8px); }
.news_detail_main .back_wrap a .arrow { display: flex; width: 26px; height: 26px; background: url('../images/checked-arrow.svg') no-repeat center center; transform: rotate(180deg); }
.single-post .news_press_carousel { padding-top: 42px; }

.career_top_sec { position: relative; width: 100%; padding: 60px 0 218px; background: rgba(26,40,56,05%); }
.career_top_sec .top_text { position: relative; max-width: 845px; margin-bottom: 144px; }
.career_top_sec .top_text .preheadline { display: block; width: 100%; margin-bottom: 15px; font-size: 16px; color: #004876; line-height: 1.375; font-weight: 500; }
.career_top_sec .top_text h2 { margin-bottom: 46px; font-size: 40px; color: var(--black-alt); line-height: 1.375; font-weight: 500; }
.career_top_sec .top_text p { color: var(--black-alt);line-height: 1.55; }
.career_top_sec .top_text ul { display: block; width: 100%; margin-top: 17px; }
.career_top_sec .top_text ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--black-alt); line-height: 2; }
.career_top_sec .top_text ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--black-alt); content: ''; border-radius: 100%; }
.career_wrap { position: relative; width: 100%; max-width: 1337px; }
.career_wrap + .career_wrap { margin-top: 110px; }
.career_wrap .heading { position: relative; width: 100%; margin-bottom: 39px; }
.career_wrap .heading h3 { font-size: 22px; color: #004876; line-height: 1.3181; font-weight: 500; }
.career_block { position: relative; width: 100%; display: flex; background: var(--white); border-radius: 10px 20px 20px 10px; align-items: center; }
.career_block + .career_block { margin-top: 26px; }
.career_block .imagebox { position: relative; display: flex; min-width: 400px;max-width: 400px; min-height: 255px; }
.career_block .imagebox img { display: inline-flex; width: 100%; height: auto; object-fit: cover; border-radius: 10px 0 0 0px; }
.career_block .textwrap { position: relative; flex-grow: 1; width: 100%; display: flex; padding: 39px 58px 48px; flex-direction: column; }
.career_block .textblock { position: relative; width: 100%; }
.career_block .textwrap h4 { margin-bottom: 20px; font-size: 22px; color: #1D1E1F; line-height: 1; font-weight: 700; }
.career_block .textwrap p { font-size: 16px; }
.career_block .btnbox { width: 100%; padding-top: 52px; margin-top: auto; }
.career_block .primary-btn { min-width: 298px; }

.career_varient.cooperate_partners { padding-top: 68px; }
.career_varient.cooperate_partners .left_content { width: 622px; }

.career_detail { position: relative; width: 100%; padding: 72px 0 95px; }
.career_detail .sec_heading { position: relative; width: 100%; margin-bottom: 74px; }
.career_detail .sec_heading .preheadline { display: block; width: 100%; margin-bottom: 15px; font-size: 16px; color: #004876; line-height: 1.375; font-weight: 500; }
.career_detail .sec_heading h1,
.career_detail .sec_heading h2 { font-size: 50px; color: var(--black-alt); line-height: 1.1; font-weight: 500; }
.career_detail .text-inner { position: relative; }
.career_detail .top_text { position: relative; width: 100%; max-width: 1010px; }
.career_detail .top_text p { line-height: 1.55; }
.career_detail .top_text p a { color: #0E438B; }
.career_detail .top_text h3 { margin-top: 55px; margin-bottom: 25px; font-size: 22px; color: #004876; line-height: 1; font-weight: 700; }
.career_detail .top_text h3:first-child { margin-top: 0; }
.career_detail .top_text ul { display: block; width: 100%; margin-top: 17px; }
.career_detail .top_text ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--black-alt); line-height: 2; }
.career_detail .top_text ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--black-alt); content: ''; border-radius: 100%; }
.career_detail .top_text h5 { margin-top: 42px; margin-bottom: 8px; font-size: 20px; color: #004876; font-weight: 500; }
.career_detail .top_text h6 { margin-top: 17px; font-size: 14px; color: #1858AE; font-weight: 400; line-height: 1.2; }
/* .career_detail .top_text p a { font-size: 14px; color: #1858AE; font-weight: 700; text-decoration: underline !important; } */

.career_detail_varient.cooperate_partners { padding-top: 38px; padding-bottom: 82px; min-height: 369px; background: var(--primary-blue); }
.career_detail_varient.cooperate_partners .left_content { width: 70%; max-width: 616px; margin-top: 32px; }
.career_detail_varient.cooperate_partners .textblock .preheadline { font-size: 22px; font-weight: 500; }
.career_detail_varient.cooperate_partners .textblock h2 { font-size: 44px; line-height: 1.2; }
.career_detail_varient.cooperate_partners .mailbox { margin-top: 43px; display: flex; }
.career_detail_varient.cooperate_partners .mailbox p { margin-left: 4px; }
.career_detail_varient.cooperate_partners .globe_block { position: absolute; top: 0; right: 0; bottom: auto; max-width: 411px; }


.contact_main { position: relative; width: 100%;background: var(--secondary-blue); }
.contact_main .contact_wrap { position: relative; width: 100%; padding: 67px 0 170px; border-bottom: solid 1px #ACACAC; }
.contact_main .top_text { position: relative; width: 100%; }
.contact_main .top_text h3 { font-size: 40px; color: var(--white); font-weight: 500; line-height: 1.1; }
.contact_main .top_text .info_text { position: relative; display: flex; column-gap: 36px; margin-top: 33px; }
.contact_main .top_text .info_text .textblock { width: 246px; }
.contact_main .top_text p { color: var(--white); line-height: 1.8888; }
.contact_main .top_text p a { color: var(--white); }
.contact_main .top_text p a:hover { color: #AAE1FF;text-decoration: underline !important; }
.form_wrap { position: relative; max-width: 968px; margin-top: 121px; }
.form_wrap h3 { margin-bottom: 43px; font-size: 40px; color: var(--white); font-weight: 500;line-height: 1.1; }
.form_wrap .flexrow { position: relative; display: flex; width: 100%; column-gap: 62px; }
.form_wrap .flexrow + .flexrow { margin-top: 25px; }
.form_wrap .flexcol { position: relative; flex: 1 1 50%; }
.form_wrap .flexcol label { display: block; width: 100%; min-height: 24px; padding: 0; margin: 0 0 7px; font-size: 18px; color: #6A819A; font-weight: 400; }
.form_wrap .flexcol .form-control { display: flex; width: 100%; height: 42px; padding: 0 0 0 19px; font-size: 18px; color: var(--white); font-weight: 400; background: transparent; border: solid 1px #AAE1FF; border-radius: 6px; outline: none; }
.form_wrap .flexcol .form-control.wpcf7-not-valid { border-color: #DA4141; }
.form_wrap .flexcol .form-control::placeholder,
.form_wrap .flexcol .form-control::-webkit-input-placeholder { color: #6A819A; }
.form_wrap .flexcol .form-control.wpcf7-not-valid::placeholder,
.form_wrap .flexcol .form-control.wpcf7-not-valid::-webkit-input-placeholder { color: var(--white); }
.form_wrap .flexcol .form-control:focus,
.form_wrap .flexcol .form-control.filled { color: var(--white);background: #24364B; }
.form_wrap .flexcol textarea.form-control { max-width: 585px; height: 152px; padding-top: 15px;font-family: 'Roboto'; font-size: 18px; color: #6A819A; font-weight: 400; resize: none; }
.form_wrap .privacy { position: relative; width: 100%; margin-top: 47px; }
.form_wrap .privacy p { color: var(--white); }
.form_wrap .privacy p a { color: #AAE1FF; font-weight: 700; text-decoration: underline !important; }
.form_wrap .btnbox { margin-top: 69px; }
.form_wrap .captcha_div { position: relative; display: flex; margin-top: 45px; width: 253px; height: 83px; }
.form_wrap .captcha_div .frc-captcha { border-radius: 20px; }
.form_wrap .primary-btn { min-width: 186px;font-family: 'Roboto'; text-transform: capitalize; font-weight: 500; }
.form_wrap .primary-btn:hover { color: var(--white); background: var(--primary-blue); }
.form_wrap .wpcf7-spinner { position: absolute; right: 0; opacity: 0; visibility: hidden; }
.form_wrap .wpcf7-not-valid-tip { display: block; padding-top: 6px; font-size: 16px; color: #DA4141; }
.form_wrap .wpcf7-form.invalid .wpcf7-response-output { position: relative; max-width: 400px; min-height: 40px; padding: 0 0 0 59px; margin: 20px 0 0 0; font-size: 16px; color: #D94141; border: none; display: flex; align-items: center; }
.form_wrap .wpcf7-form.invalid .wpcf7-response-output:before { position: absolute; left: 0; width: 37px; height: 38px; background: url(../images/form-error.svg) no-repeat center center; content: ''; }
.form_wrap .wpcf7-form.sent .wpcf7-response-output { position: relative; max-width: 400px; min-height: 40px; padding: 0 0 0 61px; margin: 20px 0 0 0; font-size: 16px; color: #B9F0C6; border: none; display: flex; align-items: center; }
.form_wrap .wpcf7-form.sent .wpcf7-response-output:before { position: absolute; left: 0; width: 39px; height: 38px; background: url(../images/form-check.svg) no-repeat center center; content: ''; }

.page-template-download .wrapper_main { overflow: visible; }
.error404 .header_main:before,
.page-template-default .header_main:before,
.page-template-download .header_main:before { max-height: 151px; background: none; }
.error404 .header_main.sticky:before,
.page-template-default .header_main.sticky:before,
.page-template-download .header_main.sticky:before { background: var(--white); }
.error404 .header_main.sticky:not(.is-active) .navbar_brand .logo_wrap a img.small,
.page-template-default .header_main.sticky:not(.is-active) .navbar_brand .logo_wrap a img.small,
.page-template-download .header_main.sticky:not(.is-active) .navbar_brand .logo_wrap a img.small { filter: none; }
.error404 .header_main.sticky:not(.is-active):before,
.page-template-default .header_main.sticky:not(.is-active):before,
.page-template-download .header_main.sticky:not(.is-active):before { max-height: 68px; }
.error404 .header_main.sticky.is-active:before,
.page-template-default .header_main.sticky.is-active:before,
.page-template-download .header_main.sticky.is-active:before { max-height: 28rem; background: rgba(26,40,56,80%); }
.error404 .navigation .navbar > ul > li > a,
.page-template-default .navigation .navbar > ul > li > a,
.page-template-download .navigation .navbar > ul > li > a { color: #535965; }
.error404 .header_main.is-active .navigation .navbar > ul > li > a,
.page-template-default .header_main.is-active .navigation .navbar > ul > li > a,
.page-template-download .header_main.is-active .navigation .navbar > ul > li > a { color: var(--white); }


.download_main { position: relative; width: 100%; padding: 313px 0 150px; background: rgba(26,40,56,05%); }
.download_main .sec_title { position: relative; width: 100%; display: block; margin-bottom: 55px; }
.download_main .sec_title .preheadline { display: none; width: 100%; font-size: 16px; color: var(--secondary-blue); font-weight: 700; }
.download_main .sec_title h1 { font-size: 40px; color: var(--secondary-blue); line-height: 1.2; font-weight: 500; }
.download_main .download_wrap { position: relative; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.download_sidebar .list_wrap { position: relative; max-width: 235px; }
.download_sidebar .list_wrap ul { display: block; width: 100%; }
.download_sidebar .list_wrap ul li { display: flex; width: 100%; border-bottom: solid 1px #707070; }
.download_sidebar .list_wrap ul li:last-child { border-bottom: none; }
.download_sidebar .list_wrap ul li a { display: flex; padding: 16px 0; font-size: 18px; color: #707070; }
.download_sidebar .list_wrap ul li a span { display: inline-flex; margin-left: 5px; }
.download_sidebar .list_wrap ul li.active a { font-weight: 700; }
.download_main .row_wrap { position: relative; width: 100%; }
.download_main .download_row { position: relative; width: 100%; display: grid; column-gap: 16px; row-gap: 26px;grid-template-columns: repeat(3, 1fr); }
.download_main .download_row .flexcol { position: relative; display: flex; }
.download_card { position: relative; width: 100%; padding: 26px 22px 30px 30px; display: flex; flex-direction: column; border: solid 1px #707070; border-radius: 10px; }
.download_card .textblock { position: relative; width: 100%; }
.download_card h4 { margin-bottom: 20px; font-size: 22px; color: var(--black); line-height: 1.3181; font-weight: 400; }
.download_card p { font-size: 16px; }
.download_card .btnbox { padding-top: 24px; margin-top: auto; }
.download_card .primary-btn { width: 100%; max-width: 257px; padding: 0 24px 0 22px; }
.download_card .primary-btn .icon { display: inline-flex; min-width: 14px; height: 15px;background: url('../images/download-icon.svg') no-repeat center center; }
.download_card .primary-btn span { display: inline-flex; margin-left: 8px; }



/* sps ground page CSS : Start */
.page-template-products_tpl .wrapper_main,
.page-template-preowned_products_tpl .wrapper_main { overflow: visible; }
.products_main { position: relative; width: 100%; padding-bottom: 173px; }
.products_image_text { position: relative; width: 100%; overflow: hidden; background: var(--white); }
.page-template-product_cat_tpl .banner_main { z-index: 12; }
.sps_ground__banner { min-height: auto; position: relative;}
.sps_ground__banner .banner_image { height: 600px;}
.sps_ground__banner .banner_caption { top: auto; margin: 0; bottom: 0;}
.innerpage_wrap { position: relative; width: 100%; padding: 0; background: var(--white);}
.image_textblock.sps_imageblock { z-index: 12; margin-top: 66px; }
.image_textblock.sps_imageblock .image_wrap .image{ height: 55.855vh;}
.image_textblock.sps_imageblock .text_inner p { margin-top: 15px; color: var(--black); font-size: 22px;}
.image_textblock.sps_imageblock .text_inner .preheadline { color: #013D90;}
.image_textblock.sps_imageblock .content_wrap { z-index: 5; }
.image_textblock.sps_imageblock .content_wrap.row-reverse .text_inner { padding: 48px 84px 83px 69px; background: #F5F5F5;}
.image_textblock.sps_imageblock .content_wrap.row-reverse  .text_wrap { width: 632px;}

.sps_parts__wrapper { position: relative; width: 100%; padding: 120px 0 0 0; display: flex; justify-content: space-between; }
.sps_parts__wrapper .parts_inside__wrapper { width: 100%;}
.sps_parts__wrapper .main__category { position: relative; }
.sps_parts__wrapper .main__category + .main__category { margin-top: 100px; }
.sps_parts__wrapper .main__category .main_cat__title { position: relative; margin-bottom: 126px; max-width: 738px; }
.sps_parts__wrapper .main__category .main_cat__title .preheadline { color: #013D90; display: block; width: 100%; font-size: 16px; line-height: 1.375; font-weight: 700; margin: 0 0 5px 0;}
.sps_parts__wrapper .main__category .main_cat__title h2 { font-size: 44px; color: var(--black); line-height: 1.375; font-weight: 500; margin-bottom: 43px; }
.sps_parts__wrapper .main__category .main_cat__title p { color: var(--gray); margin: 0 0; }
.sps_parts__wrapper .sub_categories__wrap { position: relative; }
.sps_parts__wrapper .sub_categories__wrap + .sub_categories__wrap { margin-top: 45px; }
.sps_parts__wrapper .sub_categories__wrap h3 { font-weight: 500; font-size: 22px; line-height: 1.3636; color: var(--black); margin: 0 0 38px 0;}
.sps_parts__wrapper .part_block__row { position: relative; width: 100%;}
.product__block { position: relative; width: 100%; /*min-height: 560px;*/ height: 100%; background: #F7F7F7; border-radius: 15px; padding: 54px 27px 34px; }
.product__block .part__image { position: relative; width: 100%; height: 134px; display: flex; align-items: center; justify-content: center; border-radius: 0; }
.product__block .part__image img { display: inline-flex; width: auto; height: auto; max-height: 100%; max-width: 100%; min-height: 28px; }
.product__block h4 { margin: 62px 0 29px 0; color: var(--secondary-blue); font-weight: 500; font-size: 20px; line-height: 1.25; min-height: 48px; }
.product__block ul { display: flex; width: 100%; min-height: 200px; flex-direction: column; margin: 0; padding: 17px 0 15px; border-top: solid 1px #B3B6B7;border-bottom: solid 1px #B3B6B7; gap: 9px; }
.product__block ul li { display: flex; margin: 0; padding: 0; justify-content: space-between;     align-items: flex-start; font-size: 16px; font-weight: 400; color: var(--black); }
.product__block ul li span,
.product__block ul li strong { font-weight: 400; display: block; }
.product__block ul li span { max-width: 40%; text-align:right; }
.product__block ul li span span {     min-width: 100%; text-align:right; font-size:12px; }
.product__block .btn__box { margin: 35px 0 0 0; display: flex; align-items: center; }
.product__block .btn__box .primary-btn { width: 181px; }
.sps_parts__wrapper .parts_inside__wrapper .no_product p { font-size: 22px; font-weight: 500; }
/* .product__block .btn__box a { display: flex; align-items: center; background: var(--sky-blue); height: 40px; border-radius: 60px; padding: 0 27px; color: #232A39; font-size: 18px; font-weight: 500;} */

.pin-spacer { min-width: 220px; }
.pro_sidebar { position: relative; z-index: 10;min-width: 246px;max-width: 246px;width: 246px; height: 100%; }
.pr_filter_list { position: relative;/*opacity: 0; visibility: hidden;*/ min-width: 246px; max-width: 246px; height: 100%; transition: all ease-in-out 300ms; }
.pr_filter_list h2 { display: none; }
.pro_sidebar .pr_filter_list ul { display: block; width: 100%; }
.pro_sidebar .pr_filter_list > ul > li { position: relative; display: flex; width: 100%; padding: 41px 0 38px; flex-wrap: wrap; border-top: solid 1px #D5D5D5; }
.pro_sidebar .pr_filter_list > ul:first-child li:first-child { padding-top: 0; border-top: none; }
.pro_sidebar .pr_filter_list > ul > li > ul { position: relative; display: flex; flex-direction: column; row-gap: 19px; }
.pro_sidebar .pr_filter_list > ul > li > .blogcol { position: relative; width: 100%; }
.pro_sidebar .pr_filter_list ul li .blogcol label { position: relative; display: flex; align-items: center; }
.pro_sidebar .pr_filter_list ul li .blogcol label:before { position: absolute; left: -41px; width: 26px; height: 26px; content: ''; opacity: 0; visibility: hidden;transition: all ease-in-out 300ms; background: url('../images/checked-arrow.svg') no-repeat center center; }
.pro_sidebar .pr_filter_list ul li .blogcol input:checked + label:before { opacity: 1; visibility: visible; }
.pro_sidebar .pr_filter_list > ul > li > .blogcol.parent_term { display: flex; padding-right: 25px; align-items: center; }
.pro_sidebar .pr_filter_list > ul > li > .blogcol label { color: var(--black); font-size: 24px; font-weight: 700; cursor: pointer; }
.pro_sidebar .pr_filter_list > ul > li > ul { display: none; padding-top: 50px; }
.pro_sidebar .pr_filter_list > ul > li > ul > li { display: block; width: 100%; }
.pro_sidebar .pr_filter_list > ul > li > ul > li + li { margin-top: 19px; }
.pro_sidebar .pr_filter_list > ul > li > ul > li > .blogcol label { position: relative; font-size: 18px; font-weight: 400;cursor: pointer; }
.pro_sidebar .pr_filter_list > ul > li .blogcol input { position: absolute; opacity: 0; visibility: hidden; }
.pro_sidebar .pr_filter_list > ul > li .blogcol.parent_term .icon { position: absolute; right: 0; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: solid 2px var(--black); border-radius: 100%; cursor: pointer; }
.pro_sidebar .pr_filter_list > ul > li .blogcol.parent_term .icon span { position: relative; display: flex; width: 10px; height: 10px;align-items: center; justify-content: center; }
.pro_sidebar .pr_filter_list > ul > li .blogcol.parent_term .icon span:after,
.pro_sidebar .pr_filter_list > ul > li .blogcol.parent_term .icon span:before { position: absolute; content: ''; background: var(--black); border-radius: 2px; transition: all ease-in-out 300ms; }
.pro_sidebar .pr_filter_list > ul > li .blogcol.parent_term .icon span:after { width: 2px; height: 100%; }
.pro_sidebar .pr_filter_list > ul > li .blogcol.parent_term .icon span:before { width: 100%; height: 2px; }
.pro_sidebar .pr_filter_list > ul > li.active .blogcol.parent_term .icon span:after { height: 0; }
.pro_sidebar .pr_filter_list > ul > li > a { position: relative; display: flex; width: 100%; font-size: 15px; color: #707070;font-weight: 700; }
.pro_sidebar .pr_filter_list > ul > li > a:after { position: absolute; top: 2px; right: 0; min-width: 7px; height: 12px; content: ''; transform-origin: center center; transition: all ease-in-out 300ms; background: url('../images/angle-right.svg') no-repeat center center; pointer-events: none; }
.pro_sidebar .pr_filter_list > ul > li:first-child > a:after { display: none; }
.pro_sidebar .pr_filter_list > ul > li > a:hover:after { transform: rotate(90deg); }
.pro_sidebar .pr_filter_list > ul > li > a span { display: inline-flex; margin-left: 5px; }
.pro_sidebar .pr_filter_list > ul > li ul li a { display: block; font-size: 15px; color: #707070;font-weight: 400; }
.pro_sidebar .pr_filter_list ul li.active a { font-weight: 700; }
.pro_sidebar .pr_filter_list ul li .new_close { position: absolute; top: 4px; right: 0; width: 22px; height: 21px; opacity: 0; visibility: hidden;transition: all ease-in-out 300ms; background: url('../images/close-icon-blk.svg') no-repeat center center; background-size: contain; cursor: pointer; }
.pro_sidebar .pr_filter_list ul li.closeli .new_close { opacity: 1; visibility: visible; }

.contact_popup_bar { position: fixed; bottom: 100px; left: 20%; width: 100%; display: none;  }
.page-template-product_cat_tpl .contact_popup_bar { position: relative; left: 0; bottom: 0; width: 100%; display: flex; margin-top: 50px; }
.contact_popup_bar.hide { pointer-events: none; visibility: hidden; opacity: 0; }
.contact_popup_bar .popup_block { position: relative; width: 188px; padding: 18px 12px 10px 16px; background: var(--white); border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,16%); }
.contact_popup_bar .popup_block h6 { font-family: 'Helvetica Neue';font-size: 11px; color: #1858AE; font-weight: 700; line-height: 1.2727; }
.contact_popup_bar .popup_block p { margin-top: 6px;font-family: 'Helvetica Neue'; font-size: 11px; color: #013D90; line-height: 1.1818; font-weight: 300; }
.contact_popup_bar .close-btn { position: absolute; top: -7px; right: -8px; display: flex; }
.contact_popup_bar .close-btn .icon { display: flex; width: 16px; height: 15px; background: url('../images/close-icon.svg') no-repeat center center; }

.part_button__wrap { position: relative; width: 100%; margin-top: 50px; display: none; }
.part_button__wrap .part_inside__buttons { position: relative; display: flex; max-width: 90px; margin: 32px 0 0 47px; align-items: center; justify-content: center; }
.part_button__wrap .scroll_main { position: relative; max-width: 185px; }
.part_button__wrap .part-scrollbar { position: relative; width: 100%; height: 3px; background: #DCDCDC;border-radius: 5px; }
.part_button__wrap .part-scrollbar .swiper-scrollbar-drag { background: #1A2737; border-radius: 5px; }
.part_button__wrap .part-pagination { display: flex; min-width: 42px;max-width: 42px; font-size: 16px; color: #1A2737; font-family: 'Roboto'; font-weight: 400; justify-content: center; }
.part_button__wrap [class*="part-button"] { display: flex; width: 13px; height: 23px; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; }
.part_button__wrap [class*="part-button"].part-button-next { background-image: url('../images/next-arrow.svg'); }
.part_button__wrap [class*="part-button"].part-button-prev { background-image: url('../images/prev-arrow.svg'); }

.custom_solution_pro { position: relative; width: 100%; overflow: hidden; }

/* .single-our_product .navigation .navbar > ul > li > .submenu_main { display: none; } */
.pro_mobile_caption { position: absolute; bottom: 0; left: 0; display: none; }
.pro_detail_main { position: relative; width: 100%; padding: 57px 0 0; }
.pro_info_wrap { position: relative; width: 100%; }
.pro_info_wrap .breadcrumb { position: relative; }
.pro_info_wrap .breadcrumb ul { display: flex; }
.pro_info_wrap .breadcrumb ul li { position: relative; display: inline-flex; font-size: 16px; color: #0D438B; font-weight: 700; }
.pro_info_wrap .breadcrumb ul li:after { display: inline-flex; margin: 0 4px; color: #0D438B; content: '>'; }
.pro_info_wrap .breadcrumb ul li:last-child:after { display: none; }
.pro_info_wrap .breadcrumb ul li a { display: inline-flex;color: #0D438B; }
.pro_detail_text { position: relative; width: 100%; }
.pro_detail_text .separator { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ADADAD; pointer-events: none; }
.pro_detail_text h2 { font-size: 35px; color: var(--black); font-weight: 400; line-height: 1.3714; }
.datasheet_wrap { position: relative; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 70px; justify-content: space-between; }
.datasheet_wrap .list-box { position: relative; width: calc(50% - 30px); }
/* .datasheet_wrap .list-box:nth-child(odd) { width: 476px; }
.datasheet_wrap .list-box:nth-child(even) { width: 600px; } */
.datasheet_wrap h3 { margin-bottom: 32px; font-size: 40px; color: var(--black); line-height: 1.25; font-weight: 500; }
.datasheet_wrap ul { display: block; width: 100%; margin-top: 8px; }
.datasheet_wrap ul li { display: flex; line-height: 1.5; align-items: flex-start; column-gap: 35px; justify-content: space-between; }
.datasheet_wrap .heading { position: relative; display: block; min-width: 238px; font-size: 18px; color: #232A39; font-weight: 500; }
.datasheet_wrap .data-value { position: relative; text-align: right; }
.datasheet_wrap .data-value p { color: #707070; font-weight: 400; }
.pro_info_wrap .btnwrap { position: relative; width: 100%; margin-top: 70px; padding: 44px 0; border-top: solid 1px #707070;border-bottom: solid 1px #707070; }
.pro_info_wrap .btnwrap .btnbox { gap: 18px; }
.pro_info_wrap .btnwrap .primary-btn { width: 100%; max-width: 257px; }
.pro_slider_main { position: relative; width: 100%; max-width: 400px; margin-top: 25px; }
.pro_slider_main h3 { font-size: 22px; color: #0D438B; line-height: 1.2272; font-weight: 700; }
.pro_slider_main .pro_carousel { margin-top: 13px; }
.pro_carousel .imgbox { display: flex; width: 100%; }
.pro_carousel .imgbox img { display: flex; width: 100%; height: 268px; }
.pro_slider_option { position: relative; width: 185px; margin: 34px auto 0; }
.pro_slider_option .pro_cta { position: relative; display: flex; max-width: 90px; margin: 32px 0 0 47px; align-items: center; justify-content: center; }
.pro_slider_option .scroll_main { position: relative; max-width: 185px; }
.pro_slider_option .pro-swiper-scrollbar { position: relative; width: 100%; height: 3px; background: #DCDCDC;border-radius: 5px; }
.pro_slider_option .pro-swiper-scrollbar .swiper-scrollbar-drag { background: #1A2737; border-radius: 5px; }
.pro_slider_option .pro_pagination { display: flex; min-width: 42px;max-width: 42px; font-size: 16px; color: #1A2737; font-family: 'Roboto'; font-weight: 400; justify-content: center; }
.pro_slider_option [class*="pro-button"] { display: flex; width: 13px; height: 23px; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor: pointer; }
.pro_slider_option [class*="pro-button"].pro-button-next { background-image: url('../images/next-arrow.svg'); }
.pro_slider_option [class*="pro-button"].pro-button-prev { background-image: url('../images/prev-arrow.svg'); }

.pro_detail_main .related_main { display: none; }
.pro_detail_main .custom_solution { margin: 167px 0 72px; padding: 0 0; background: var(--secondary-blue); border-radius: 20px; }
.pro_detail_main .custom_solution .content_wrap { justify-content: space-between; }
.pro_detail_main .custom_solution .text_wrap { position: relative; right: 0; width: 100%; flex-grow: 1; background: none; }
.pro_detail_main .custom_solution .text_inner h3,
.pro_detail_main .custom_solution .text_inner p,
.pro_detail_main .custom_solution .text_inner .preheadline { color: var(--white); }
.pro_detail_main .custom_solution .image_wrap { min-width: 599px; width: auto; }
.pro_detail_main .custom_solution .image_wrap .image { min-height: 318px; height: 318px; }
.pro_detail_main .custom_solution .image_wrap .image img { border-top-right-radius: 20px;border-bottom-right-radius: 20px; }


.cms_main { position: relative; width: 100%; padding: 313px 0 316px;background: rgba(26,40,56,05%); }
.cms_main .cms_wrap { position: relative; width: 100%; max-width: 910px; padding-left: 60px; }
.cms_main .cms_wrap h6 { font-size: 16px; color: #004876; line-height: 1.3125; font-weight: 700; }
.cms_main .cms_wrap h1 { margin-bottom: 44px; font-size: 40px; color: #06080B; line-height: 1.325; }
.cms_main .cms_wrap h4 { margin-top: 40px; margin-bottom: 20px; font-size: 20px; color: #004876; line-height: 1.1; font-weight: 700; }
.cms_main .cms_wrap p a { color: #0E438B; }
.cms_main .btnbox { margin-top: 39px; }
.cms_main .primary-btn { padding: 0 24px 0 22px; width: 100%; max-width: 257px; }
.cms_main .primary-btn .icon { display: inline-flex; min-width: 14px; height: 15px;background: url('../images/download-icon.svg') no-repeat center center; }
.cms_main .primary-btn span { display: inline-flex; margin-left: 8px; }
.cms_main .cms_wrap ul { display: block; width: 100%; }
.cms_main .cms_wrap ul li { position: relative; display: block; padding-left: 18px; font-size: 18px; color: var(--black-alt); line-height: 2; }
.cms_main .cms_wrap ul li:before { position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: var(--black-alt); content: ''; border-radius: 100%; }
.cms_main .cms_wrap ol { display: block; width: 100%; padding-left: 18px; }
.cms_main .cms_wrap ol li { position: relative; display: list-item; font-size: 18px; color: var(--black-alt); line-height: 2;list-style-type: decimal; list-style-position: outside; }
.cms_main .cms_wrap ol + p,
.cms_main .cms_wrap ul + p,
.cms_main .cms_wrap p + ul,
.cms_main .cms_wrap p + ol,
.cms_main .cms_wrap ol + ul,
.cms_main .cms_wrap ul + ol{ margin-top: 17px; }
.cms_main .cms_wrap .empty-tag { display: none; }


.error_main { position: relative; width: 100%; padding: 280px 0 184px; background: rgba(26,40,56,05%); }
.error_wrap { position: relative; width: 100%;height: 100%; }
.error_wrap .text_wrap { position: relative; width: 100%; }
.error_wrap .text_wrap .preheadline { display: block; width: 100%; font-size: 20px; color: #004876; font-weight: 700; }
.error_wrap .text_wrap h1 { font-size: 64px; color: var(--black); line-height: 1.3125; font-weight: 500; }
.error_wrap .back_inner { position: relative; width: 100%; margin-top: 43px; display: flex; }
.error_wrap .back_inner a { display: flex; font-size: 24px; color: #232D39; font-weight: 300; align-items: center; column-gap: 64px; }
.error_wrap .back_inner a:hover { transform: translateX(-8px); }
.error_wrap .back_inner a .arrow { display: flex; width: 26px; height: 26px; background: url('../images/checked-arrow.svg') no-repeat center center; transform: rotate(180deg); }

/* Footer Start */
.footer_main { position: relative; width: 100%; padding-top: 60px; padding-left: 70px; background: var(--secondary-blue); overflow: hidden; }
.footer_wrap { position: relative; width: 100%; }
.footer_shape { position: absolute; top: auto; right: 0; bottom: 200px; width: 618px; height: 300px; margin-right: -360px; pointer-events: none; }
.footer_shape:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('../images/ft-shape.svg') no-repeat center center; background-size: contain; opacity: 0.53; content: ''; }
.footer_main .foot_logo { position: relative; width: 100%; margin-bottom: 27px; }
.footer_main .foot_logo .logobox { display: flex; }
.footer_main .foot_logo .logobox a { display: flex; }
.footer_main .foot_logo .logobox a img { display: inline-flex; width: 100%; }
.footer_main .flexrow { position: relative; z-index: 5; width: 100%; display: flex; flex-wrap: nowrap; column-gap: 30px; }
.footer_main .site_info { position: relative; min-width: 25%; }
.footer_main .site_info h6,
.footer_main .site_info p { font-size: 13px; color: var(--white); line-height: 1.1538; }
.footer_main .foot_links { position: relative; min-width: 220px; }
.footer_main .foot_links ul { display: block; width: 100%; }
.footer_main .foot_links ul li { position: relative; display: flex; }
.footer_main .foot_links ul li + li { margin-top: 20px; }
.footer_main .foot_links ul li a { display: flex; font-size: 13px; color: var(--white); font-weight: 700; }
.footer_main .foot_links ul li a:hover { text-decoration: underline !important; }

.copyright_wrap { position: relative; z-index: 10; width: calc(100% - (-70px)); padding: 14px 0; margin-top: 78px; margin-left: -70px; background: var(--white); }
.copyright_wrap .container { display: flex; justify-content: flex-end; }
.copyright_wrap .textbox { display: flex; margin-right: -40px; }
.copyright_wrap p { font-size: 16px; color: var(--black); }

.footer_top { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.footer_top .logobox { display: flex; }
.footer_top .logobox a { display: flex; width: 400px; max-width: 304px; }
.footer_top .logobox a img { display: inline-flex; width: 100%; height: auto; }
.footer_top .foot_social { position: relative; }
.footer_top .foot_social .social_wrap { display: flex; gap: 19px; }
.footer_top .foot_social .social_wrap a { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; background: var(--primary-blue); border-radius: 100%; }
.footer_top .foot_social .social_wrap a img { display: inline-flex; width: auto; height: auto; }

.footer_content { position: relative; width: 100%; display: flex; justify-content: space-between; margin-top: 38px; }
.footer_content .foot_left { position: relative; width: 100%; max-width: 600px; display: flex; flex-direction: column; border-right: solid 1px #ADADAD; }
.footer_content .foot_left .top_text { position: relative; display: flex; column-gap: 36px; }
.footer_content .foot_left .textblock { min-width: 246px;max-width: 246px; }
.footer_content .foot_left .textblock p { font-size: 18px; color: var(--white); line-height: 1.8888; }
.footer_content .foot_left .bot_links { margin-top: auto; }
.footer_content .foot_right { position: relative; width: 100%; max-width: 755px; }
.footer_content .product_links { position: relative; display: flex; width: 100%; justify-content: space-between; }
.footer_main .pro_links { position: relative; }
.footer_main .pro_links h6 { font-size: 24px; color: var(--white); font-weight: 700; }
.footer_main .pro_links ul { display: block; width: 100%; margin-top: 50px; }
.footer_main .pro_links ul li { position: relative; display: flex; }
.footer_main .pro_links ul li + li { margin-top: 12px; }
.footer_main .pro_links ul li a { display: flex; font-size: 18px; color: var(--white); line-height: 1.5191; font-weight: 400; }
.footer_main .pro_links ul li a:hover { text-decoration: underline !important; }

.footer_content .bot_links { position: relative; width: 100%; }
.footer_content .bot_links ul { display: flex; }
.footer_content .bot_links ul li { position: relative; display: flex; align-items: center; }
.footer_content .bot_links ul li::after { position: relative; display: inline-flex; width: 1px; height: 17px; margin: 0 35px; background: #ADADAD; content: ''; }
.footer_content .bot_links ul li:last-child:after { display: none; }
.footer_content .bot_links ul li a { display: inline-flex; font-size: 18px; color: var(--white); font-weight: 400; }
.footer_content .bot_links ul li a:hover { text-decoration: underline !important; }
.footer_content .foot_right .bot_links { margin-top: 62px; }


.pr_filter_list li input { -webkit-appearance: auto;appearance: auto; }

#BorlabsCookieBox .brlbs-cmpnt-widget, .brlbs-cmpnt-container .brlbs-cmpnt-widget {
  padding:10px;
}


.list-box ul.ul_special,
.list-box ol.ul_special {
  list-style-position: outside;
  padding-left: 27px;
  margin: 1em 0;
  display: block;
}

.list-box ul.ul_special {
  list-style-type: disc;
}

.list-box ol.ul_special {
  list-style-type: decimal;
}

.list-box .ul_special li {
  display: flex;
  position: relative;
  margin-bottom: 0.4em;
  color: #222;
}

.list-box ul.ul_special li::before {
  content: "•";
  color: #000;
  font-weight: bold;
  display: inline-block;
  margin-left: -1.5em;
}

.list-box ol.ul_special li::before {
  content: counter(li) ".";
  counter-increment: li;
  color: #000;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  text-align: right;
}

.list-box ol.ul_special {
  counter-reset: li;
}


.datasheet_wrap .list-box ul.ul_special li {
    column-gap: 15px;
        justify-content: flex-start;
}

.datasheet_wrap .list-box ul.ul_special li strong {

  min-width: 110px;
}
.no-has .header_main.is-active::after {
  max-height: 28rem;
  background: rgba(26, 40, 56, 0.8);
}

@media (min-width: 1200px) {
  .header_main:has(.navigation .navbar > ul > li.menu-item-has-children:hover)::after {
    max-height: 28rem;
    background: rgba(26, 40, 56, 0.8);
    transition: max-height 1.4s cubic-bezier(.19,1,.22,1);
  }

  /* Optional: Wenn du gleichzeitig den Logo-Farbwechsel willst */
  .header_main:has(.navigation .navbar > ul > li.menu-item-has-children:hover) 
  .navbar_brand .logo_wrap img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease-in-out;
  }
}
@media (min-width: 1200px) {
  .cfitem .sbitem {
    margin-left: 50px;
  }
  .cfitem .sub-menu {
    padding-left: 0px !important;
  }

}