/*!
Theme Name: oribsn
Author: Ori Ben-Simon
Author URI: oribsn.dev
Description: Ori Ben-Simon
Version: 1.0.0
Text Domain: oribsn
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root {
  --blue: #00c6ff;
}


*{outline: none !important;}
.right{float:right; display:inline-block;}
.left{float:left; display:inline-block;}
.clearfix{overflow: hidden;}
.clearfix:after, .clearfix:before{content: "";display: table;}
.clearfix:after{clear:both;}
.both{clear:both; width:0; height:0; overflow:hidden; display:block}
.ease,.ease > a, .ease > a:before,.ease:before,.ease > a:after,.ease:after{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.ease2,.ease2 > a, .ease2 > a:before,.ease2:before,.ease2 > a:after,.ease2:after{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shadow{box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,.35);}
.align_center{text-align: center;}
.align_right{text-align: right;}
.align_left{text-align: left;}
.inline{display: inline-block;}
.hide{display: none;}
.cover{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.frow {display: flex; flex-direction: row;}
a {color: inherit; text-decoration: none;}
*{box-sizing: border-box;}
strong{font-weight: 700;}
.sec_bg {position: relative;}
.bg_im img {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center center; z-index: 1;}
.sec_bg > .wrap {position: relative; z-index: 2;}
.noscroll {overflow: hidden;}
::-webkit-scrollbar {display: none;}
* {-ms-overflow-style: none; scrollbar-width: none;}

html {font-size: 20px;}
body {font-family: "Noto Sans Hebrew", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000; background-color: #ffffff;}
button {cursor: pointer;}
.wrap {max-width: 91.80555556vw; margin: 0 auto;}

.head_logo {position: absolute; top: 1.7rem; left: 6.55rem; z-index: 12; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.head_logo a {display: block; width: 100%; height: 100%;}
.head_logo img {display: block; width: 5.85rem; height: auto; object-fit: contain; object-position: center center;}
/*.logo_a, .page-template-home:not(.scrolled) .logo_r, .lightheader:not(.scrolled) .logo_r {display: none !important;}
.page-template-home:not(.scrolled) .logo_a, .lightheader:not(.scrolled) .logo_a {display: block !important;}*/

.head_buttons {position: absolute; display: flex; gap: 0.59090909rem; top: 2.59090909rem; right: 2.36363636rem; z-index: 12; transition: all 0.3s ease-in-out;}
.head_bt {display: inline-block; height: 2rem; line-height: calc(2rem - 2px); border-radius: 2rem; border: 1px solid var(--purple); padding: 0 0.45454545rem; font-size: 1.08rem; color: #ffffff; background-color: var(--purple); text-align: center; transition: all 0.3s ease-in-out;}
.head_bt_border {background-color: transparent; color: var(--dark_blue); border-color: var(--dark_blue);}
.page-template-home:not(.scrolled) .head_bt_border, .lightheader:not(.scrolled) .head_bt_border {border-color: #ffffff; color: #ffffff;}
.page-template-home:not(.scrolled) .head_bt:not(.head_bt_border), .lightheader:not(.scrolled) .head_bt:not(.head_bt_border) {background-color: var(--dark_blue); border-color: var(--dark_blue);}

.header {position: fixed; z-index: 1003; width: 100%; height: 4.5rem; top: 0; left: 0; box-shadow: none;}
.scrolled .head_logo {top: 0.4rem;}
.scrolled .head_menu_wrap {top: 1.7rem;}
.scrolled .header {background-color: #ffffff; height: 4rem; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.16);}
.scrolled .head_buttons {top: 1.1rem;}

.head_menu_wrap {position: absolute; right: 6.55rem; top: 1.2rem; align-items: center; transition: all 0.3s ease-in-out;}
.head_menu_wrap.no_m, .head_sticky .head_menu_wrap {display: flex !important;}

.header .wrap {position: relative; max-width: unset;}


.mitem {position: relative; padding: 0 0.6rem;}
.mitem > a {display: block; position: relative; color: #000000; font-size: 0.945rem; line-height: 1; font-weight: 500;}
body.lightheader:not(.nav-open) .mitem > a {color: #ffffff;}
body.lightheader:not(.nav-open) .uscrolled .mitem > a {color: #000000;}
.mitem.current > a {color: #4d4d4d;}
.mitem.s_bt > a {color: #ffffff !important;}
body.page-template-about:not(.nav-open) .head_logo img, body.single-case-study:not(.nav-open) .head_logo img {filter: brightness(0) invert(1);}
body.postid-776.screen-1 .head_logo img {filter: brightness(0%);}
.uscrolled .head_logo img {filter: none !important;}
body.postid-776.screen-1 .mitem.s_bt > a {background-color: #000000; color: #ffffff !important;}

.main_menu > ul {align-items: center;}

.s_bt {display: inline-block; position: relative;}
.s_bt > a, .s_bt > span, .s_bt button {-webkit-appearance: none; appearance: none; padding: 0; background-color: transparent; white-space: nowrap; color: #ffffff; background-color: var(--blue); border: none; cursor: pointer; display: inline-block; position: relative; z-index: 2; font-family: "Noto Sans Hebrew", sans-serif; padding: 0 1.1rem; height: 2.35rem; line-height: 2.35rem; border-radius: 0.3rem; font-size:  0.945rem; font-weight: 500; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.s_bt > a:hover, .s_bt > span:hover, .s_bt button:hover {color: #ffffff; background-color: #000000;}
.s_bt button {width: 100%; height: 5.2rem; color: #000000; font-size: 1.62rem; font-weight: 600;}

/*
#JPO {display: none; transform: scale(0.8);}
.popup_visible #JPO {transform: scale(1);}
.jpo_in {border-radius: 2.34375vw; width: 65.885416666666667vw; padding: 8.786458333333333vw 5.46875vw 6.067708333333333vw 5.46875vw;}
.jpo_name {font-size: 4.0625vw; line-height: 1.095384615384615; text-transform: uppercase;}
.jpo_position {font-size: 4.0625vw; line-height: 1.095384615384615;}
.jpo_tx {height: 27.895833333333332vw; overflow: auto; font-size: 2vw; line-height: 1.2875; font-weight: 100; margin-top: 2.619791666666667vw;}

.wow {visibility: hidden;}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
*/

.wrap {max-width: 81.25vw;}
.top {padding-top: 10.8rem; padding-bottom: 2.45rem; background-color: #f2f2f2;}

.main_title {font-size: 3.6rem; font-weight: 600;}
.lg_tx {font-size: 1.62rem; line-height: 1.16666667;}
.top_in {max-width: 38rem;}
.top_tx {margin-top: 1rem; font-weight: 500;}
.top .icon_items {margin-top: 2.2rem;}
.icon_items {display: flex; gap: 2.7rem;}
.icon_item img {display: block; width: 1.9rem; height: 1.9rem; object-fit: contain; object-position: center center;}
.icon_item_tx {display: none;}
.top .text_items {margin-top: 7rem;}
.text_items {display: flex; justify-content: space-between;}
.text_item_title {font-size: 5.85rem; font-weight: 500;}
.text_item_tx {font-size: 0.945rem; font-weight: 500;}
.text_item {text-align: center;}
.road {position: absolute; z-index: 1; background-image: url('assets/img/layout/road.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100vw; height: 2.34375vw; top: 30.7rem; left: 0;}
.truck {position: absolute; z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: center center; /*transform: translateX(100vw);*/ width: 53.38541667vw; height: 32.1875vw; top: 7vw; right: -16vw;}

/*
.truck {
    animation: truckSlideIn 1.6s ease-out forwards;
}
@keyframes truckSlideIn {
    0% {
        transform: translateX(40vw);
    }
    100% {
        transform: translateX(0);
    }
}*/




.top .wrap {position: relative; z-index: 2;}

.white_tx {color: #ffffff;}
.values {background-color: #000000; padding-top: 10.8rem; padding-bottom: 3.45rem;}
.values > .wrap {max-width: 71.14583333vw;}
.stitle {font-size: 3.6rem; line-height: 1.125; font-weight: 600;}
.arr_bt {display: inline-block; position: relative; color: var(--blue); font-size: 1.62rem; /*background-image: url('assets/img/svg/arr_right_blue.svg'); background-size: 1.1rem 1.35rem; background-position: right center; background-repeat: no-repeat; */padding-right: 1.8rem; margin-top: 1rem; transition: color 0.3s ease-in-out;}
/*.arr_bt:hover {color: #ffffff; background-image: url('assets/img/svg/arr_right_white.svg');}*/
.arr_bt:hover, .all_bt:hover, .venobox:hover > span, .top_subtitle a, .details_tx a:hover {text-decoration: underline; text-underline-offset: 0.4rem; text-decoration-thickness: 2px;}
.news_slide_content a:hover .news_slide_link {text-decoration: underline; text-underline-offset: 0.3rem; text-decoration-thickness: 1px;}

.arr_bt::after,
.arr_bt::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.1rem;
  height: 1.35rem;
  background: url('assets/img/svg/arr_right_blue.svg') no-repeat center/contain;
  transform: translateY(-50%);
  right: 0;
}

.arr_bt::after {
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.arr_bt::before {
  opacity: 0;
  transform: translate(-1.2rem, -50%); /* start slightly left */
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hover animation */
.arr_bt:hover::after {
  transform: translate(0.8rem, -50%); /* slide out right */
  opacity: 0;
}

.arr_bt:hover::before {
  transform: translateY(-50%); /* move into place */
  opacity: 1;
}





.stat_items {display: flex; justify-content: space-between; max-width: 77.60416667vw; margin: 10rem 0 0 14vw;}
.stat_item_title {display: flex; justify-content: flex-end; align-items: flex-end; direction: ltr; color: #ffffff; font-size: 5.85rem; font-weight: 500;}
.stat_item_tx {font-size: 1.62rem; color: #ffffff; font-weight: 600; margin-top: 0.5rem; white-space: nowrap;}
.stat_ic {display: block; width: 2.8rem; height: 2.55rem; object-fit: contain; object-position: center center;}
.home_wrap .stat_item:last-child .stat_item_title, .home_wrap .stat_item:last-child .stat_item_tx {color: #56b900;}

.testimonials {padding-top: 10.65rem;}
.testimonial_items .slick-list {overflow: unset !important;}
.testimonials > .wrap {position: relative; max-width: 64.5vw; margin-bottom: 3.7rem;}
.lg2_tx {font-size: 2.07rem; font-weight: 500; line-height: 1.13043478;}
.author {margin-top: 1.5rem;}
.author_name {font-size: 1.62rem; font-weight: 500;}
.author_title {font-size: 1.26rem; margin-top: 0.4rem;}
.testimonial_tx {position: relative;}
.testimonial_tx:before {content: ""; display: block; position: absolute; left: -2.4rem; top: -0.6rem; width: 1.6rem; height: 1.45rem; background-image: url('assets/img/layout/quote.png'); background-size: contain; background-position: center center; background-repeat: no-repeat;}

.page_wrap {position: relative; overflow: hidden;}
.single_value_0_emission_wrap {overflow: unset;}
.hscroll { position: relative; overflow: hidden;}
.hscroll .gallery { display: flex; gap: 1.2rem; will-change: transform;}
.hscroll .gallery_item { flex: 0 0 44.45rem; position: relative;}
/*@media (min-width: 1200px){ .hscroll .gallery_item { flex-basis: 95vw; } }*/

.gallery {padding-top: 7rem; padding-left: 6.77083333vw;}
.gallery_item.spacer {flex: 0 0 6.77083333vw;}

.gallery_item_im {margin-top: 0.65rem; height: 26.86363636rem;}
.gallery_item_im img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.gallery_counter {font-size: 0.945rem;}
.image_tx {position: absolute; font-size: 2.16rem; padding: 0 2.3rem; bottom: 2.1rem; z-index: 2;}

.sl_arrows {display: flex; justify-content: center; align-items: center; position: absolute; right: -3rem; bottom: 0; gap: 1.2rem;}
.sl_arrow {display: flex; align-items: center; justify-content: center; width: 3.1rem; height: 3.1rem; cursor: pointer; background-image: url('assets/img/layout/arr_circ_right_blue.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
.sl_prev {transform: scaleX(-1);}
.sl_arrow.slick-disabled {background-image: url('assets/img/layout/arr_circ_right_grey.png'); pointer-events: none;}
.sl_arrow:hover {background-image: url('assets/img/layout/arr_circ_right_blue_h.png');}

.solutions {padding-top: 10.65rem;}
.solutions > .wrap {position: relative; z-index: 2; max-width: 77.60416667vw;}

.solutions_content {margin-top: 9.5rem;}
.solution_categories {display: flex;}
.solution_category {position: relative; width: 50%;}
.solution_category > a {display: block; padding: 3.4rem 4.89583333vw 4.25rem 11.19791666vw;}
.solution_category:nth-child(2) > a {padding-right: 11.19791666vw; padding-left: 4.89583333vw;}
.solution_category_title {font-size: 2.7rem; font-weight: 600;}
.solution_category_tx {margin-top: 1rem; height: 12rem; line-height: 1.16666667; overflow: hidden;}
.solution_category.color_blue > a {background-color: var(--blue);}
.solution_category.color_grey > a {background-color: #f2f2f2;}
.color_blue .arr_bt {color: #000000;}
.color_blue .arr_bt::after, .color_blue .arr_bt::before {background-image: url('assets/img/svg/arr_right_black.svg');}
/*
.color_blue > a:hover .arr_bt, .color_blue .arr_bt:hover {color: #ffffff; background-image: url('assets/img/svg/arr_right_white.svg');}
.color_grey > a:hover .arr_bt, .color_grey .arr_bt:hover {color: #000000; background-image: url('assets/img/svg/arr_right_black.svg');}
*/
.solution_category_im {position: absolute;}
.solution_category:first-child .solution_category_im {top: -5vw; right: 4vw;}
.solution_category:nth-child(2) .solution_category_im {top: -9vw; right: 14vw;}
.solution_category_im img {display: block; object-fit: contain; object-position: center center;}
.solution_category:first-child .solution_category_im img {width: 21.8125vw; height: 12.677083vw;}
.solution_category:nth-child(2) .solution_category_im img {width: 17.03125vw; height: 15.98958333vw;}


.technology_in {display: flex;}
.technology_left, .technology_right {width: 50%; padding: 10.65rem 0.4vw 4.25rem 11.19791666vw;}
.technology_right {padding-right: 2vw; padding-bottom: 2.95rem; padding-left: 2vw; /*background-color: #f2f2f2;*/}
.technology_content {margin-top: 7.05rem;}
.technology_right .technology_content {margin-top: 6rem;}
.technology_subtitle {display: flex; gap: 0.5rem; align-items: flex-end; margin-top: 2rem; font-weight: 600; min-height: 2.55rem; white-space: nowrap;}
.technology_subtitle > span {display: inline-flex; align-items: flex-end; color: #56b900; height: 2.55rem; padding-left: 3.1rem; background-image: url('assets/img/svg/co2.svg'); background-size: 2.8rem 2.55rem; background-position: left bottom; background-repeat: no-repeat;}

.technology_tx {line-height: 1.16666667;}
.technology_tx > span {/*display: inline-block; padding: 0 0.1rem; background-color: #000000; color: #ffffff;*/ font-weight: 600;}
/*.technology_left .arr_bt:hover {color: #000000; background-image: url('assets/img/svg/arr_right_black.svg');}*/
.technology_tx .arr_bt::after, .technology_tx .arr_bt::before {background-image: url('assets/img/svg/arr_right_black.svg');}

.venobox {display: inline-block; position: relative; text-align: center;}
.venobox:before {content: ""; display: inline-block; position: relative; top: 2.5rem; width: 5.7rem; height: 5.7rem; background-color: #ffffff; border-radius: 50%; background-image: url('assets/img/svg/play_blue.svg'); background-size: 2.45rem 2.8rem; background-position: 2rem center; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
.pop_opener_link.venobox:before {display: none;}
.pop_opener_im_bt {display: inline-block; line-height: 1.5rem; padding-left: 1.5rem; background-size: 1.2rem 1.2rem; background-image: url('assets/img/svg/enlarge.svg'); background-position: left center; background-repeat: no-repeat; margin-top: 1rem;}
.venobox:before {background-color: #000000;}
.venobox > span {display: block; font-size: 1.62rem; font-weight: 400; color: var(--blue);}
.technology_right .technology_top {text-align: center;}
.technology_icons {display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.technology_icon {position: relative; width: 33.3333%; margin-bottom: 3.4rem;}
.technology_icon:after {content: ""; display: block; position: absolute; background-color: #000000; top: 1rem; right: 0; width: 1px; height: 3.2rem;}
.technology_icon:nth-child(3n+3):after {display: none;}
.technology_icon_im img {display: inline-block; width: 2rem; height: 2rem; object-fit: contain; object-position: center;}
.technology_icon_tx {font-size: 0.8rem; font-weight: 500; margin-top: 1rem; line-height: 1.2;}
.technology .arr_bt {margin-top: 2rem;}

.about {padding-top: 5.1rem; padding-bottom: 7.1rem;}
.about_tx {font-weight: 600; margin-top: 2.7rem; max-width: 72vw;}
.about_bottom_tx {position: relative; font-weight: 600; margin-top: 5.8rem; padding-bottom: 1.2rem;}
.about_bottom_tx:after {content: ""; display: block; width: 5.75rem; height: 1px; background-color: #000000; margin-top: 2.35rem;}
.about .arr_bt {margin-top: 2.5rem;}
/*.about .arr_bt:hover {color: #000000; background-image: url('assets/img/svg/arr_right_black.svg');}*/

.about_partners {margin-top: 7.3rem;}
.partners_tx {margin-top: 1rem;}
.partner_logos {display: flex; flex-wrap: wrap; gap: 3rem; margin-top: 1.5rem;}
.partner_logos img {display: block; width: 6.25rem; height: 4.025rem; object-fit: contain; object-position: center center; opacity: .7; filter: grayscale(1); transition: all 0.3s ease-in-out;}
.partner_logos img:hover {opacity: 1; filter: none;}
.home_wrap .partner_logos img {opacity: 1; filter: none;}

.faq {margin-top: 7.3rem;}
.faq_items {margin-top: 1rem;}
.faq_items > ul > li {overflow: hidden; margin-bottom: 1rem;}
.faq_items > ul > li:last-child {margin-bottom: 0;}
.faq_items > ul > li > p {display: inline-block; position: relative; cursor: pointer; color: #686868; font-size: 1.62rem; line-height: 1.16666667; font-weight: 400; padding-right: 1rem;}
.faq_items > ul > li.active > p, .faq_items > ul > li:hover > p {color: #686868;}
.faq_items > ul > li > p:after {content: ""; display: block; position: absolute; right: 0; top: 0.8rem; width: 0; height: 0; border-style: solid; border-width: 0.45rem 0.3rem 0 0.3rem; border-color: #9d9d9d transparent transparent transparent; transform: rotate(0deg); transition: 0.3s all ease-in-out;}
.faq_items > ul > li.active > p:after {transform: rotate(-180deg);}
.faq_items > ul > li > p:before {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: calc(100% - 1rem); height: 1.5px; background-color: #686868;}
.accord-content {display: none; padding: 2rem 2rem 1rem 0; font-size: 1.2rem; line-height: 1.3;}

.footer {position: relative; background-color: var(--blue); padding: 3.05rem 0; overflow: hidden;}
.footer:after {content: ""; display: block; position: absolute; width: 24.65rem; height: 24.65rem; top: -11rem; right: -13.2rem; background-image: url('assets/img/svg/snowflake.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.ft_menu_wrap {position: relative; z-index: 2;}
.ft_menu > ul {display: flex; gap: 3.7rem;}
.ftmitem > a {display: block; font-size: 1.08rem; font-weight: 700; white-space: nowrap;}
.ftmitem_inner {margin-top: 0.75rem;}
.ftmitem_inner a {display: block; font-size: 0.945rem; line-height: 1.71428571;}
.ftmitem_inner a:hover, .ftmitem > a:hover {text-decoration: underline;}

.ft_bottom_in {display: flex; justify-content: space-between; align-items: center;}
.ft_bottom_left {display: flex; align-items: center; gap: 1rem;}
.ft_bottom_left a:hover {text-decoration: underline;}
.ft_logo img {display: block; width: 5.85rem; height: auto;}
.ft_rights, .ft_link, .ft_link a {display: block; font-size: 0.81rem;}
.ft_bottom_left > div {position: relative;}
.ft_bottom_left > div:after {content: "|"; display: inline-block; position: absolute; top: 0; right: -0.6rem;}
.ft_bottom_left > div:last-child:after {display: none;}
.ft_bottom_right {display: flex; align-items: center; gap: 1.5rem;}
.soc_items {display: flex; align-items: center; gap: 0.5rem;}
.soc_items > a {display: block; transition: transform 0.3s ease-in-out;}
.soc_items > a:hover {transform: scale(1.15);}
.soc_items img {display: block; width: 2.4rem; height: 2.4rem; object-fit: contain; object-position: center center;}
.ft_logo {position: relative; top: 0.2rem;}
.ft_bottom {margin-top: 4.8rem;}

/*
.uparr {position: fixed; z-index: 10; right: -5rem; bottom: 18rem; transition: all .3s ease-in-out;}
.uparr.active {right: 6.7rem;}
.uparr a {display: block; z-index: 2; width: 4.65rem; height: 4.35rem; border-radius: 0.3rem; background-image: url('assets/img/svg/arr_up_white.svg'); background-size: 1.45rem 1.75rem; background-position: center center; background-repeat: no-repeat; background-color: rgb(60, 60, 60); transition: all .3s ease-in-out;}
*/

/* Base position = 4rem from bottom */
.uparr {position: fixed; z-index: 10; right: -5rem; bottom: 4rem; transition: right .3s ease-in-out, opacity .2s ease;}
.uparr.active {right: 5rem;}
.uparr a {display: block; z-index: 2; width: 4.65rem; height: 4.35rem; border-radius: 0.3rem;
  background-image: url('assets/img/svg/arr_up_white.svg'); background-size: 1.45rem 1.75rem; background-position: center center; background-repeat: no-repeat; background-color: rgb(60, 60, 60); transition: background-color .2s ease;}
.uparr a:hover {background-color: #000;}
/* keep your existing bottom:4rem; we only hint compositing */
.uparr { will-change: transform; }





.sec_values_top {padding-top: 10.65rem; padding-bottom: 7.1rem; background-color: #000000;}
.sec_values_top .lg_tx {margin-top: 1rem;}
.top_icons {margin-top: 6.2rem;}
.top_icon {width: 19.75rem; height: 12.3rem; margin-right: 1rem;}
.top_icon > a {display: block; width: 100%; height: 100%; color: #ffffff;  padding: 2rem 1rem; border: 2px solid #ffffff; border-radius: 0.3rem; transition: all 0.3s ease-in-out;}
.top_icon_tx {font-size: 1.8rem; margin-top: 2rem;}
.top_icon_tx_sm {font-size: 1.08rem; margin-top: 0.4rem;}
.top_icon_im img {display: block; width: 1.9rem; height: 1.9rem; object-fit: contain; object-position: center center;}
.ic_im_h, .top_icon > a:hover .ic_im_r {display: none !important;}
.top_icon > a:hover .ic_im_h {display: block !important;}
.top_icon > a:hover, .top_icon.transitioning.fading > a {color: #000000; background-color: #ffffff;}

.top_icons_wrap {position: relative;}
.top_icons_wrap .sl_arrows {bottom: unset; top: -5.75rem; right: calc(6.77083333vw + 3.2rem);}
.top_icons .slick-list {padding-left: 6.77083333vw; padding-right: 6.77083333vw;}

.technology_text_items {display: flex; flex-wrap: wrap; gap: 3rem; margin-top: 5rem;}
.technology_text_item {width: calc(33.3333% - ((2 * 3rem) / 3)); padding-top: 1rem; border-top: 1px solid #000000; margin-bottom: 2rem;}
.technology_text_item_title {font-size: 1.35rem; font-weight: 600;}
.technology_text_item_tx {font-size: 1.17rem; line-height: 1.23076923; margin-top: 0.9rem;}

.values_technology {padding-top: 5.1rem; padding-bottom: 5.1rem;}

.case_study_top {display: flex; height: 100vh; min-height: 100vh; align-items: flex-end;}
.case_study_top > .wrap {position: relative; z-index: 2; width: 100%; margin-bottom: 3rem;}
.single_case_study_wrap .main_title {font-size: 2.16rem;}
.case_study_middle {padding: 10rem 0 5rem;}
.case_study_middle_in {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.case_study_middle_tx {max-width: 58.33333333vw;}
.client_logo img {display: block; width: 7.75rem; height: 5rem; object-fit: contain; object-position: center center;}

.single_case_study_wrap .testimonials {padding-top: 5rem;}
.single_case_study_wrap .testimonial_items {margin-top: 9.15rem;}

.bottom_gallery {display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; padding-bottom: 4rem;}
.bottom_gallery img {display: block; height: 15.6rem; max-width: 24.9585rem; width: auto; object-fit: contain; object-position: center center;}

.case_studies_top {padding-top: 10.65rem; padding-bottom: 10.65rem;}
.case_studies {margin-top: 4rem;}

/* ===== CSS ===== */
.case-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 0.8rem 6.55rem 0.8rem 9.375vw;
  border-top: 1px solid #e5e5e5;
  text-decoration: none;
  color: #565656;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.case-row:hover, .case-row:hover + .case-row {border-top-color: #000000;}
.case-row:last-child {border-bottom: 1px solid #e5e5e5;}
.case-row:last-child:hover {border-bottom-color: #000000;}
.case-row:hover .case-title {color: #000000;}
.case-title {font-size: 1.62rem; transition: transform .2s ease;}
.case-logo img {display: block; width: auto; max-width: 8rem; height: 3.5rem; object-fit: contain; object-position: center center; opacity: .7; filter: grayscale(1); transition: all 0.2s ease-in-out;}
.case-row:hover .case-logo img {opacity: 1; filter: none;}

/* Floating preview */
.case-preview {
  position: fixed;
  inset: 0 auto auto 0;          /* anchor at (0,0); we’ll transform to cursor */
  width: 17.25rem;
  height: 12rem;
  pointer-events: none;          /* doesn't block clicks */
  opacity: 0;
  transform: translate3d(-9999px,-9999px,0);
  transition: opacity .18s ease;
  z-index: 1000;
  will-change: transform, opacity;
  mix-blend-mode: normal;        /* change to 'multiply' if you want a stylized effect */
}
.case-preview img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}

/* Visible state */
.case-preview.is-visible {opacity: 1;}

/* Optional: turn off on touch devices */
@media (hover: none), (pointer: coarse) {
  .case-preview {display: none;}
}

.sec_technology_top {padding-top: 10.65rem; padding-bottom: 5.1rem;}
.sec_technology_top .lg_tx {margin-top: 1.8rem;}
.features {max-width: 68.07291667vw; margin: 0 auto;}
.feature {margin-bottom: 4rem;}
.feature_in {display: flex;}
.feature_tx {max-width: 30.21875vw;}
.feature_im {position: relative; width: 28.07291667vw;}
.feature_im img {display: block; width: 28.07291667vw; height: auto; object-fit: contain; object-position: center center;}
.feature_in {display: flex; align-items: center; justify-content: space-between;}
.feature_im a {display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 28.07291667vw; height: 100%;}
.feature_im .venobox:before {top: 50%; transform: translateY(-50%);}

.bullets {margin-top: 5rem;}
.bullet {background-image: url('assets/img/layout/check_blue.png'); background-size: 2.65rem 2.25rem; background-position: left top; background-repeat: no-repeat; padding: 0.2rem 0 0.5rem 3.6rem; margin-bottom: 1.2rem;}
.technology_middle {padding-bottom: 5rem;}

.sec_technology_top {padding-top: 10.65rem; padding-bottom: 5.1rem;}
.technology_wrap .sec_technology_top {background-color: #f2f2f2; overflow: hidden;}
.sec_technology_top {position: relative;}
.top_subtitle {font-weight: 600; margin-top: 1rem;}
.technology_top_tx {margin-top: 2rem;}

.technology_items {position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 4rem;}
.technology_item {width: 24.4rem;}
.technology_item > a {display: block; padding: 1.2rem 1.5rem; border: 2px solid #000000; background-color: #f2f2f2; border-radius: 0.3rem; background-image: url('assets/img/svg/arr_right_black.svg'); background-size: 1.35rem 1.1rem; background-position: right 1.4rem bottom 1.2rem; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
.technology_item > a:hover {background-color: #000000; background-image: url('assets/img/svg/arr_right_white.svg');}
.technology_ic_im img {display: block; width: 1.9rem; height: 1.9rem;}
.ic_im_h, .technology_item > a:hover .ic_im_r {display: none !important;}
.technology_item > a:hover .ic_im_h {display: block !important;}
.technology_title {margin-top: 1.5rem;}
.technology_item > a:hover .technology_title {color: #ffffff;}

.illustration_im {position: absolute; right: 0; bottom: 2rem;}
.illustration_im img {display: block; width: 18rem; height: auto;}

.sec_technology_faq {padding: 6rem 0;}
.sec_technology_faq .faq {margin-top: 0;}

.sec_about_top {display: flex; height: 100vh; max-height: 984px; align-items: flex-end;}
.sec_about_top > .wrap {position: relative; z-index: 2; width: 100%; margin-bottom: 3rem;}

.about_text {padding-top: 6.65rem; padding-bottom: 5.1rem;}

.text_video {margin-top: 3rem;}
.text_video .venobox {display: flex; position: static; text-align: unset; align-items: center; gap: 0.8rem;}
.text_video .venobox:before {position: static; width: 2.95rem; height: 2.95rem; background-color: #f2f2f2; background-size: 0.9rem 1.2rem; background-position: 1.2rem center;}
.text_video .venobox:hover:before {background-color: #000000;}
.text_video .venobox > span {margin-top: 0;}

/*
.about_gallery {position: relative; padding: 8vh 0; }
.about_gallery .stack {
  position: relative;
  width: 92vw;
  height: min(68vh, 700px);
  margin: 0 auto;
}

.about_gallery .stack img {
  position: absolute; inset: 0; margin: auto;
  width: 40rem; height: 22.5rem;
  object-fit: cover;
  background: #fff;
  border: 0.7rem solid #fff;
  box-shadow: 0 20px 45px rgba(0,0,0,.22), 0 4px 12px rgba(0,0,0,.12);
  transform: translate3d(0,5rem,0) scale(.96) rotate(0.01deg);
  opacity: 0;
  will-change: transform, opacity;
}

.about_gallery .stack img:nth-child(odd) { transform: translateY(6rem) scale(.96) rotate(-2deg); }
.about_gallery .stack img:nth-child(even){ transform: translateY(6rem) scale(.96) rotate(2deg); }

@media (max-width: 768px){
  .about_gallery .stack { height: 60vh; }
  .about_gallery .stack img { width: 92vw; height: 52vh; border-width: 12px; }
}
*/

.about_gallery { position: relative; padding: 8vh 0; }
.about_gallery .stack {
  position: relative;
  width: 92vw;
  height: min(68vh, 700px);
  margin: 0 auto;
}
.about_gallery .stack img {
  position: absolute; inset: 0; margin: auto;
  width: 50rem; height: 28.125rem;
  object-fit: cover;
  background: #fff;
  border: 0.7rem solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.22), 0 4px 12px rgba(0,0,0,.12);
  transform: translate3d(0,5rem,0) scale(.96) rotate(0.01deg);
  opacity: 0;
  will-change: transform, opacity;
}

/* remove the fallback rotations on small screens */
@media (min-width: 769px){
  .about_gallery .stack img:nth-child(odd) { transform: translateY(6rem) scale(.96) rotate(-2deg); }
  .about_gallery .stack img:nth-child(even){ transform: translateY(6rem) scale(.96) rotate(2deg); }
}

/* MOBILE: straight + requested size */
@media (max-width: 768px){
  .about_gallery .stack { height: 65vh; }
  .about_gallery .stack img { width: 90vw; height: 65vw; border-width: 12px; }
}



.company_in {display: flex; align-items: center; flex-wrap: wrap;}
.company_title_wrap {width: 23.05rem; text-align: center;}
.company_title {display: inline-block; position: relative; font-size: 3.24rem;}
/*.company_title:before {content: ""; display: block; position: absolute; width: 13.65rem; height: 12.4rem; background-image: url('assets/img/layout/bubbles.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; top: -14.65rem; left: 50%; transform: translateX(-50%);}*/

.company_tx_wrap {width: calc(100% - 25.55rem); margin-left: 2.5rem;}
.company_bts {margin-top: 5rem;}
/*.company_bt .arr_bt:hover {color: #000000; background-image: url('assets/img/svg/arr_right_black.svg');}*/
/*.company_bt .arr_bt::after, .company_bt .arr_bt::before {background-image: url('assets/img/svg/arr_right_black.svg');}*/

/* you already have these */
.lg_tx_hlt { display: inline-block; }
.values_top .lg_tx_hlt {display: block;}
.lg_tx_hlt .char { opacity: .25; transition: opacity .45s linear; }

/* keep the visual gap for double breaks */
.lg_tx_hlt .hlt-gap { display: block; height: 0.7em; } /* tweak height as you like */


.company {padding: 10rem 0 10.65rem;}

.about_values {padding-top: 10.65rem; padding-bottom: 5.1rem;}


.uvv_tablist {position: relative; display: flex; gap: clamp(1rem,6vw,5rem); justify-content: center; align-items: flex-end; border-bottom: 1px solid #E5E5E5; margin: 3rem auto 2rem;}
.uvv_tab {font-family: inherit; width: 33.3333%; appearance: none; background: none; border: 0; padding: .75rem 0 1rem; font-weight: 600; color: #B9B9B9; cursor: pointer; position: relative; white-space: nowrap;}
.uvv_tab:hover {color: #8A8A8A;}
.uvv_tab.is-active {color: #111;}
.uvv_indicator {position: absolute; left: 0; bottom: -1px; height: 1px; background: #111; width: 0; transition: transform .25s ease,width .25s ease;}
.uvv_panel {margin: 0 auto; font-size: 1.62rem; line-height: 1.5;}
.uvv_panel[hidden] {display: none !important;}

.im_bullet {display: flex; gap: 1rem; margin-bottom: 0.8rem;}
.im_bullet:last-child {margin-bottom: 0;}
.im_bullet img {display: block; width: 1.9rem; height: 1.9rem; object-fit: contain; object-position: center center;}

.about_values .arr_bt {margin-top: 4rem;}
/*.about_values .arr_bt:hover {color: #000000; background-image: url('assets/img/svg/arr_right_black.svg');}*/
/*.about_values .arr_bt::after, .about_values .arr_bt::before {background-image: url('assets/img/svg/arr_right_black.svg');}*/

.team {padding: 10.65rem 0 10.65rem;}
.team_members_wrap {position: relative; margin-top: 11.2rem;}
.team_members .slick-list {padding: 0 20% 0 14.42708333vw !important; overflow: unset;}
.team_members .slick-track {margin: 0;}
.team_member {width: 20.1rem; padding-right: 3.5rem;}
.team_member_im {height: 20.6rem; overflow: hidden;}
.team_member_im img {display: block; width: 100%; height: 20.6rem; object-fit: cover; object-position: center center; transition: transform 0.3s ease-in-out;}
.team_member_im:hover img {transform: scale(1.07);}
.team_member_bottom {margin-top: 1.4rem;}
.team_member_name {font-weight: 500;}
.team_member_position {font-size: 1.26rem; margin-top: 0.4rem;}
.team_member_contact {display: flex; gap: 0.8rem; margin-top: 1rem;}
.team_member a {display: block; width: 2rem; height: 2rem; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.team_member_contact a {display: block; transition: transform 0.3s ease-in-out;}
.team_member_contact a:hover {transform: scale(1.15);}
.team_member_contact .email {background-image: url('assets/img/svg/email_grey.svg');}
.team_member_contact .linkedin {background-image: url('assets/img/svg/linkedin_grey.svg');}

.team_subtitle {font-weight: 600; margin-top: 1.5rem;}
.team_tx {margin-top: 2.5rem; font-weight: 400;}
.team_members_wrap .sl_arrows {top: -6.4rem; right: 6.55rem; bottom: unset;}

@media (min-width: 770px){
  /* ===========================
     Full-width dropdown nav
     =========================== */
  
  :root { --header-h: 4.5rem; }  /* JS keeps this in sync with live header height */
  
  /* Header look while open */
  .header.nav-open {background:#f2f2f2;}
  
  /* Backdrop overlay (toggled via body.nav-open) */
  .nav_backdrop{
    position:fixed; inset:0;
    background:rgba(0,0,0,.75);
    opacity:0; pointer-events:none;
    /*transition:opacity .18s ease;*/
    z-index:1000;
  }
  body.nav-open .nav_backdrop{ opacity:1; pointer-events:auto; }
  
  /* Full-width dropdown bar */
  .mitem.hasinner > .mitem_inner{
    position:fixed;
    top:var(--header-h,4.5rem);
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    z-index:1002;
  
    background:#f2f2f2;
    border-top:1px solid #d8d8d8;
  
    /* vertical breathing room */
    padding: 0;
    height: 5.7rem;
  
    /* hidden state */
    opacity:0; visibility:hidden; transform:translateY(-6px);
    /*transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;*/
  }
  .mitem.hasinner.is-open > .mitem_inner{
    opacity:1; visibility:visible; transform:translateY(0);
    /*transition:opacity .18s ease, transform .18s ease, visibility 0s;*/
  }
  
  /* Track that holds submenu items; positioned by JS so its center = parent center */
  .mitem_inner .dd_track{
    position:absolute;
    top:0;            /* respects the bar's padding */
    left:0;           /* JS sets final left (px) */
    display:flex; gap:2rem; align-items:center;
    white-space:nowrap; margin:0; padding:0;
    width:max-content;               /* fit to content for precise centering */
    will-change:left;
    height: calc(5.7rem - 1px);
  }
  
  /* Items + underline animation */
  .mitem_inner .dd_track > li{ display:inline-block; }
  .mitem_inner a{
    position:relative; display:inline-block;
    color:#000; font-weight:500; line-height:1;
    padding-bottom:.35rem; transition:color .18s ease;
  }
  .mitem_inner a::after{
    content:""; position:absolute; left:0; bottom:0; height:1px; width:0;
    background:#000; transition:width .22s ease;
  }
  .mitem_inner a:hover::after,
  .mitem_inner .active > a::after{ width:100%; }
  
  .mitem.is-open {position: relative;}
  .mitem.is-open:after {
      content: "";
      display: block;
      position: absolute;
      z-index: 1004;
      width: 100%;
      height: 1px;
      background-color: #000000;
      left: 0;
      bottom: 0;
  }
  .mitem {padding-bottom: 1.7rem;}
  body.menu-hover .mitem:not(.menu-item-hover):not(.s_bt) > a {opacity: 0.3;}
  .mitem:hover > a {opacity: 1 !important;}
}


/* Touch devices (you likely use a separate mobile menu) */
/*
@media (hover:none), (pointer:coarse){
  .nav_backdrop{ display:none; }
  .mitem.hasinner > .mitem_inner{
    position:static; left:auto !important; right:auto !important; width:auto !important;
    box-shadow:none; border:none; padding:0; transform:none; opacity:1; visibility:visible;
    display:none;
  }
  .mitem.hasinner.is-open > .mitem_inner{ display:block; }
  .mitem_inner .dd_track{ position:static; left:auto; display:block; width:auto; }
}
*/
/* Smooth hide/reveal */
.header{
  will-change: transform, box-shadow, height;
  transition: transform .28s ease, box-shadow .28s ease, height .28s ease;
  transform: translateY(0);
}

/* When hidden, slide the header fully above the viewport */
.header.header--hidden{
  transform: translateY(calc(-1 * var(--header-h, 4.5rem)));
}

/* When dropdown is open, make sure header is pinned (safety) */
.header.is-pinned{
  transform: translateY(0) !important;
}

.header.uscrolled:not(.header--hidden) {background-color: #f2f2f2; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);}

.contact_top {padding: 10.65rem 0 0;}
.top_subtitle a {color: var(--blue); transition: all 0.3s ease-in-out;}
.top_subtitle a:hover {color: #000000;}

.sec_contact {padding: 5.1rem 0 8.2rem;}
.sec_contact_in {display: flex; flex-wrap: wrap;}
.contact_form_wrap {width: 56.14583333vw;}
.contact_bt_wrap {margin-left: 4.14583333vw; width: 20vw; padding-top: 13rem;}
.contact_bt {position: relative; font-weight: 600; padding-bottom: 4.8rem;}
.contact_bt:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 3.1rem; height: 3.1rem; background-image: url('assets/img/layout/arr_circ_right_blue.png'); background-size: contain; background-position: left bottom; background-repeat: no-repeat; transform: rotate(90deg); transition: all 0.3s ease-in-out;}
.contact_bt:hover:after {background-image: url('assets/img/layout/arr_circ_right_blue_h.png');}

.fmrow {display: flex; position: relative;}
.fhalf {width: 50%;}
.ffull {width: 100%;}
.finput {padding: 0 1.35416667vw; margin-bottom: 2.6rem;}
.finput:first-child {padding-left: 0;}
.finput:last-child {padding-right: 0;}
.finput.fbtn {position: relative; width: 15.34722222vw;}
.finput.fbtn p {position: relative;}
.finput.fbtn button {width: 100%;}
.finput label {display: block; cursor: pointer; font-size: 0.945rem; font-weight: 300; margin-bottom: 0.5rem; padding: 0 0.95rem;}
.finput input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .finput select, .finput textarea {font-family: "Noto Sans Hebrew", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; box-shadow: none; resize: none; height: 5.2rem; border: none; border: 1px solid transparent; padding: 0 0.95rem; font-size: 1.35rem; font-weight: 300; cursor: pointer; width: 100%; color: #000000; background-color: #f4f4f4; border-radius: 0.5rem;}
[data-name="y-subject"] {position:relative; overflow:visible;}
.finput select[name="y-subject"] {position: relative; z-index: 1;}
.finput input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, .finput select:focus, .finput textarea:focus {border-color: var(--blue);}
[data-name="y-subject"]:after {content: ""; display: block; position: absolute; z-index: 3; width: 1.4rem; height: 1.05rem; background-image: url('assets/img/svg/arr_right_black.svg'); top: 2.2rem; right: 1.8rem; transform: rotate(90deg); pointer-events: none;}
.wpcf7-not-valid-tip {display: block !important; font-size: 0.785rem !important; margin-top: 0.45rem !important; margin-bottom: 0.9rem !important; letter-spacing: 0; font-weight: 300 !important; padding: 0 0.95rem;}
.ajax-loader {display: none !important;}
.wpcf7-spinner {position: absolute !important; margin: 0 auto !important; top: 50%; left: 50%; z-index: 2; transform: translate(calc(-50% - 1.35416667vw), -50%);}
.wpcf7 .s_bt {position: relative;}
.wpcf7-response-output {display: none !important;}
.fbtn {display: inline-block; width: auto; margin-bottom: 0;}
.fmrow.last {justify-content: space-between; margin-top: 2.313rem;}
.form_wrap {margin-top: 2vw;}
.fnote {display: flex; font-size: 0.72rem; color: #666666; align-items: center; padding-right: 5rem !important; padding-left: calc(1.35416667vw + 0.95rem); line-height: 1.3;}
.fnote a {text-decoration: underline;}
.fnote a:hover {text-decoration: none;}

.details {padding: 2rem 0 5.1rem;}
.details_tx {font-size: 1.395rem; line-height: 1.35483871;}
.details_tx a {transition: all 0.3s ease-in-out;}
.details_tx a:hover {color: var(--blue);}
.map_im {margin: 3.3rem auto 0; max-width: 86.66666667vw; filter: grayscale(100%);}
.map_im img, .map_im iframe {display: block; width: 100%; height: 30.75rem; object-fit: cover; object-position: center center;}
.details_title {font-size: 3.15rem; margin-top: 10rem;}

.thank_top {padding: 10.65rem 0;}
.thank_wrap .arr_bt {margin-top: 4rem;}
.illustation_im_bt_wrap .illustation_im_bt {position: static;}
.illustation_im_bt_wrap .illustation_im_bt_h, .illustation_im_bt_wrap > a:hover .illustation_im_bt_r {display: none;}
.illustation_im_bt_wrap > a:hover .illustation_im_bt_h {display: block;}

.inner_page {padding: 10.65rem 0 1.5rem;}
.inner_title {font-size: 2.16rem; font-weight: 600;}
.inner_tx {margin-top: 1rem;}
.inner_icons {margin-top: 2rem;}
.inner_icon {display: flex; align-items: center; gap: 1.5rem; margin-bottom: 0.5rem;}
.inner_icon:last-child {margin-bottom: 0;}
.inner_icon img {display: block; width: 2rem; height: 2rem; object-fit: contain; object-position: center center;}
.inner_page .bullets {margin-top: 7rem;}
.inner_page_in {display: flex; flex-wrap: wrap;}
.inner_page_left {width: 39.979167vw;}
.inner_page_right {width: 39.0625vw;}


.news_top {padding: 10.65rem 0 0;}

/* News Slider Styles */
.sec_news {padding: 0 0 10.65rem; position: relative;}
.news_slider_wrap {position: relative; margin-top: 4rem;}
.news_slider {overflow: hidden;}
.news_slider .slick-list {overflow: visible !important; margin: 0 -1rem;}
.news_slider .slick-track {display: flex; align-items: stretch;}
.news_slide {height: 17.25rem; padding: 0 1rem;}
.news_slide_inner {position: relative; height: 100%; display: flex; flex-direction: column; background-color: transparent; overflow: hidden; transition: all 0.3s ease-in-out;}
.news_slide_image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #f2f2f2; border-radius: 0.3rem;}
.news_slide_image a {display: block; width: 100%; height: 100%;}
.news_slide_image img {display: block; border-radius: 0.3rem; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.3s ease-in-out;}
.news_slide:hover .news_slide_image img {transform: scale(1.1);}
.news_slide_content {position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.news_slide_title {font-size: 1.8rem; font-weight: 600; line-height: 1.2; margin-bottom: 1rem; color: #000000;}
.news_slide_content a {padding: 1.5rem; text-decoration: none; height: 100%;}
.news_slide_excerpt {font-size: 0.945rem; line-height: 1.4; color: #000000; margin-top: 0.6rem; flex: 1;}
.news_slide_meta {margin-bottom: 1.5rem;}
.news_slide_link {position: absolute; color: var(--blue); font-weight: 600; font-size: 0.945rem; bottom: 1.5rem;}
.news_slider_wrap .sl_arrows {top: -6.4rem; right: 6.55rem; bottom: unset;}
.news_slide.hasim .news_slide_title, .news_slide.hasim .news_slide_excerpt {color: #ffffff;}

.news_wrap .text {padding: 0 0 10.65rem;}
.news_wrap .text_title {font-size: 2.34rem; font-weight: 600;}
.news_wrap .text_tx {margin-top: 1rem;}

.single_post_top {padding: 10.65rem 0 0;}
.post_meta {display: flex; justify-content: space-between; margin-top: 4.25rem;}
.post_date {color: #4f4f4f; font-size: 1.35rem;}

.all_bt {display: inline-block; position: relative; color: var(--blue); font-size: 1.62rem; background-image: url('assets/img/svg/lines_blue.svg'); background-size: 1.2rem 0.95rem; background-position: left center; background-repeat: no-repeat; padding-left: 1.6rem; transition: all 0.3s ease-in-out;}
.all_bt:hover {background-image: url('assets/img/svg/lines_black_n.svg'); color: #000000;}
.post_lg_im {max-width: 86.66666667vw; margin: 3rem auto 0;}
.post_lg_im img {display: block; width: 100%; height: 47.6rem; object-fit: cover; object-position: center center;}
.content_tx {font-size: 1.35rem; color: #4f4f4f; font-weight: 400; line-height: 1.2; padding: 5.1rem 0 0;}
.content_tx h2, .content_tx h3, .content_tx h4, .content_tx h5, .content_tx h6 {font-size: 1.62rem; font-weight: 600; margin: 2rem 0 1.2rem;}
.content_tx p {margin: 0 0 1.2rem;}

.single_post_wrap .sec_news {padding-top: 5.1rem;}
.thermometer {position: fixed; z-index: 10; top: 50%; right: 1rem; transform: translateY(-50%); width: 1rem; height: 8.75rem; background-image: url('assets/img/svg/thermometer.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.thermometer span {display: block; position: absolute; bottom: 0.6rem; left: 33.75%; width: 0.14rem; height: calc(100% - 0.75rem); background: var(--blue); border-radius: 0.2rem; transition: height 0.1s ease-out;}


.icon_item {
  position: relative;
  display: inline-block;
}
.hastx {
  cursor: pointer;
}

.icon_item_tx {
  position: absolute;
  top: 120%;                 /* 👈 place below the icon */
  left: -0.35rem;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  font-size: 0.945rem;
  padding: 0.4em 0.7em;
  border-radius: 0.2rem;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* arrow above tooltip */
.icon_item_tx::before {
  content: "";
  position: absolute;
  top: -0.3rem;                /* sit just above the box */
  left: 1rem;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.3rem solid #000;  /* arrow color matches tooltip bg */
}

/* show on hover */
.icon_item:hover .icon_item_tx {
  display: block;
  opacity: 1;
  transform: translateY(0.2rem);
}

.single_solution_top {padding: 10.65rem 0;}
body.postid-776 .single_solution_top {border-bottom: 1px solid #000000;}
.single_solution_top.color_blue {background-color: var(--blue);}
.single_solution_top.color_grey {background-color: #f2f2f2;}
.solution_main_im img {display: block; width: 23rem; height: 9rem; object-fit: contain; object-position: center center;}
.single_solution_top_bottom {display: flex; flex-wrap: wrap; margin-top: 3rem;}
.solution_main_im {margin-left: 3rem;}
.single_solution_top_bottom_left {width: 43.666667vw;}
.solution_main_tx {font-weight: 500;}
.single_solution_top_bottom_right {width: 34.375vw; margin-left: 2vw;}
.illustation_im_im {display: block; width: 30rem; height: 13.63636364rem; object-fit: contain; object-position: center bottom;}
.illustation_im_bt {display: block; position: absolute; z-index: 2; top: -4rem; right: -4rem; width: 6.04545455rem; height: 6.04545455rem; object-fit: contain; object-position: center center; transition: all 0.3s ease-in-out;}


.illustation_im_h .illustation_im_bt, .illustation_im_wrap > a:hover .illustation_im .illustation_im_bt {display: none;}
.illustation_im_wrap > a:hover .illustation_im_h .illustation_im_bt {display: block;}


/* hide both by default */
.illustation_im_h .illustation_im_im, .illustation_im_wrap.show_im_1 .illustation_im_h .illustation_im_im, .illustation_im_wrap.show_im_2 .illustation_im .illustation_im_im {display: none;}

/* show van when .show_im_1 */
.illustation_im_wrap.show_im_1 .illustation_im .illustation_im_im {display: block;}

/* show truck when .show_im_2 */
.illustation_im_wrap.show_im_2 .illustation_im_h .illustation_im_im {display: block;}


.illustation_im_wrap {position: relative; top: 1rem;}
.nav-boxes {display: flex; gap: 1rem; margin: 3.5rem auto 0; max-width: 86.45833333vw;}
.box {width: 33.3333%; cursor: pointer; border: 1px solid #000000; border-radius: 0.3rem; padding: 1.3rem 1.5rem; background-color: transparent; background-image: url('assets/img/svg/arr_right_black.svg'); background-size: 1.25rem 1rem; background-position: right 1.3rem bottom 1.5rem; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
.box:hover {background-color: #ffffff; border-color: #ffffff;}
.box_tx_sm {font-size: 1.08rem; font-weight: 700;}
.box_title {margin-top: 1.1rem;}

.single-solution.postid-776.screen-1 .footer:after {background-image: url('assets/img/svg/snowflake_black.svg');}
.single-solution.postid-791.screen-1 .footer:after {background-image: url('assets/img/svg/snowflake_grey.svg');}

.van_gallery_wrap {max-width: 980px; margin: 0 auto;}
.van_gallery .van_img {display:block; width:100%; height:auto;}

/* nav row */
.van_gallery_nav {margin: 1rem auto 0;}
.van_gallery_nav .slick-slide {margin: 0 .35rem;}
.van_gallery_nav .van_nav_item {display:inline-block;}
.van_gallery_nav .van_nav_btn {
  display:inline-block; padding:.55rem .9rem; line-height:1;
  border:0; border-radius: 0.3rem; background:#eee; color: #000000; cursor:pointer;
  font-size:.95rem; font-weight:600; transition:transform .18s ease, background .18s ease;
} 
.van_gallery_nav .is-current .van_nav_btn {background: #494949; color: #fff; position: relative;}
.van_gallery_nav .is-current .van_nav_btn::after{display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -0.3rem;  width: 0; height: 0; border-left: 0.4em solid transparent; border-right: 0.4rem solid transparent; border-bottom: 0.4rem solid #494949;}

/* optional: make nav wrap nicely on small screens */
.van_gallery_nav .slick-track {display:flex; align-items:center;}
.van_gallery_nav .slick-list {padding-top: 0.5rem;}
.van_slide img {display: block; width: 100%; height: auto; object-fit: contain; object-position: center center;}
.illustation_im_bt_wrap {position: relative; top: -4rem; left: 5rem;}
.inner_page > .wrap {position: relative; left: 3.90625vw;}
.note_tx {margin-top: 3rem; padding-left: 10.26041667vw;}
.comparison_items {display: flex; gap: 5rem;}
.comparison_item {text-align: center; width: 10rem;}
.comparison_item img {display: inline-block; width: 1.9rem; height: 1.9rem; object-fit: contain; object-position: center center;}
.comparison_title {font-size: 1.35rem; font-weight: 600; margin-top: 0.6rem;}
.comparison_num {font-size: 3rem; font-weight: 600; margin-top: 0.6rem;}
.comparison_without .comparison_num {color: #e51d2b;}
.comparison_with .comparison_num {color: #009e2f;}
.comparison {display: inline-block; position: relative;}
.comparison_vs {position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); font-size: 0.81rem; font-weight: 700; text-align: center; width: 1.95rem; height: 1.95rem; line-height: 1.95rem; background-color: #eeeeee; border-radius: 50%;}
.comparison_wrap {text-align: center; margin-top: 5rem;}

.inner_page_vid {position: relative; width: 100%; padding: 5rem 0;}
.inner_page_vid img {display: block; width: 100%; height: 23rem; object-fit: cover; object-position: center center;}
.inner_page_vid a {display: block; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;}
.inner_page_vid .venobox:before {top: 50%; transform: translateY(-50%);}
.inner_page_images {display: flex; gap: 1rem; margin-top: 1rem;}
.inner_page_images img {display: block; width: calc(50% - 0.5rem); height: 10.25rem; object-fit: cover; object-position: center center;}
.inner_page_obx .inner_page_left {padding-right: 4rem;}
.inner_page_obx .inner_page_right {margin-top: -4rem;}

.nav_buttons {position: relative; z-index: 2; margin-top: 4rem;}
.nav_buttons_in {display: flex; justify-content: space-between; align-items: center;}

.screens-wrapper {display: flex; width: 400%; overflow: hidden; position: relative;}
.screen {width: 100vw; flex-shrink: 0;}

.venoratio {background-color: #000000 !important;}

.inner_bottom_title {font-size: 2.16rem;}
.inner_bottom_tx {margin-top: 1rem;}
.single-solution.postid-791 .illustation_im_bt_wrap {display: none;}
.single-solution.postid-791 .inner_title_1 {font-size: 3.6rem;}
.inner_page_top {margin-bottom: 4rem;}
.single_solution_top.color_grey .box:hover {background-color: #000000; color: #ffffff; background-image: url('assets/img/svg/arr_right_white.svg');}
.single_solution_middle {position: relative; margin-top: 4rem; left: 3.90625vw;}
.single_solution_middle_in {display: flex; flex-wrap: wrap;}
.solution_middle_tx {width: 31.25vw; padding-top: 4rem;}
.middle_vid_wrap {position: relative; width: 41.66666667vw; margin-left: 6vw;}
.phone_im {display: block; position: absolute; z-index: 3; bottom: -3.8rem; left: -2.55rem; width: 9.6rem; height: 19.2rem; object-fit: contain; object-position: center center;}
.solution_bullets {margin-top: 8rem;}

.single_solution_bottom {position: relative; left: 3.90625vw;}
.single_solution_bottom_in {display: flex; flex-wrap: wrap; align-items: center;}
.solution_bottom_tx {font-weight: 600; width: 42.10416667vw;}
.solution_bottom_im {width: 35.6875vw;}
.solution_bottom_im img {display: block; width: 100%; height: 23rem; object-fit: contain; object-position: center center;}

.sec_value_top {padding: 10.65rem 0 0;}
.sec_value_top .top_tx {max-width: 70vw;}
.value_middle {padding: 5.1rem 0;}

.single_value_0_emission_wrap .sec_value_top {padding-bottom: 5.1rem;}
.single_value_0_emission_wrap .main_title > span {color: #56b900;}
.single_value_0_emission_wrap .top_tx {font-weight: 400; margin-top: 4rem;}
.tooltip_tx {display: none;}

/* ===========================
   Trigger (highlighted word)
   =========================== */
.has-tooltip {
  display: inline-block;
  position: relative;
  font-style: italic;
  cursor: pointer;
  color: var(--blue);
  text-decoration: underline;
}

/* Hover highlight (only on devices that actually hover) */
@media (hover: hover) {
  .has-tooltip:hover {
    background: var(--blue);
    color: #fff;
    padding: 0 0.2rem;
    text-decoration: none;
  }
}

/* ===========================
   Tooltip bubble – base styles
   (JS toggles display and adds modifiers)
   =========================== */
.has-tooltip .tooltip-content {
  /* visibility controlled by JS; keep fallback for CSS-only hover: */
  display: none;

  position: absolute;
  top: 4rem;

  /* Desktop: center under trigger; JS supplies --shift (px) when clamped */
  left: 50%;
  transform: translateX(calc(-50% + var(--shift, 0px)));

  /* Size */
  width: 31.7rem;                 /* your fixed desktop width */
  max-width: min(32rem, calc(100vw - 24px));  /* guard near viewport edge */

  /* Aesthetics */
  font-size: 0.945rem;
  line-height: 1.23809524;
  background: #fff;
  color: #1d1d1d;
  font-style: normal;
  padding: 1.5rem 1.8rem;
  border-radius: 1rem;
  text-align: left;
  box-shadow: 0 0 43px rgba(0,0,0,0.07);

  /* Layering */
  z-index: 1000;

  /* Perf */
  will-change: transform, left, top;
}

/* Optional: keep CSS-only hover working too */
@media (hover: hover) {
  .has-tooltip:hover .tooltip-content { display: block; }
}

/* ===========================
   Arrow (desktop default)
   JS sets --arrow-x so it points to the word even when clamped
   =========================== */
.has-tooltip .tooltip-content::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 0.1rem);
  left: var(--arrow-x, 50%);
  transform: translateX(-50%);
  border-width: 1.2rem;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

/* ===========================
   Mobile variant (≤768px via JS adding .is-mobile)
   Renders as position:fixed; JS sets exact left/top & --arrow-x
   =========================== */
.has-tooltip .tooltip-content.is-mobile {
  position: fixed;
  left: 0;   /* overwritten inline by JS */
  top: 0;    /* overwritten inline by JS */
  transform: none;                 /* no centering in fixed mode */
  width: auto;
  max-width: calc(100vw - 24px);   /* 12px viewport margin each side */
  box-sizing: border-box;
  z-index: 2000;                   /* above sticky headers, etc. */
}

/* Mobile arrow aligned by --arrow-x (pixels from tooltip's left) */
.has-tooltip .tooltip-content.is-mobile::before {
  left: var(--arrow-x, 24px);
  right: auto;
  bottom: calc(100% - 0.1rem);
  transform: none;
  border-width: 1.2rem;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

/* When JS flips the bubble above the trigger on mobile */
.has-tooltip .tooltip-content.is-mobile.is-above::before {
  top: calc(100% - 0.1rem);
  bottom: auto;
  border-color: #fff transparent transparent transparent;
}

/* ===========================
   Small-screen typography tweak (optional)
   =========================== */
@media (max-width: 480px) {
  .has-tooltip .tooltip-content { font-size: 0.9rem; }
}

/* ===========================
   (Legacy helper classes – safe to keep)
   If you still use is-left-clamped / is-right-clamped anywhere,
   these are no-ops now because clamping uses --shift + --arrow-x.
   =========================== */
.has-tooltip .tooltip-content.is-left-clamped,
.has-tooltip .tooltip-content.is-right-clamped { /* intentionally empty */ }




.value_tx_icon {display: flex; gap: 2rem; margin-top: 4rem; align-items: flex-end; max-width: 62.833333vw;}
.value_tx_icon img {display: block; width: 6.6rem; height: 7.75rem; object-fit: contain; object-position: center bottom;}


.single_value_0_emission_wrap .sec_value_top {position: relative;}
.single_value_0_emission_wrap .sec_value_top:after {content: ""; display: block; position: absolute; right: -6rem; bottom: -4rem; width: 24.1rem; height: 16.75rem; background-image: url('assets/img/layout/clouds_n.png'); background-size: contain; background-position: right bottom; background-repeat: no-repeat;}
.single_value_0_emission_wrap .sec_value_top .fullw_im {margin-bottom: 0;}

.numbered_list {margin-top: 4rem;}
.numbered_list_item {display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem;}
.num_counter {display: block; width: 3.5rem; height: 3.5rem; line-height: 3.1rem; text-align: center; align-items: center; font-size: 3.6rem; color: var(--blue); background-color: #f2f2f2; border-radius: 0.6rem;}
.num_tx {display: block; width: calc(100% - 5.1rem); font-weight: 500;}

.feature.hasnl .feature_in {align-items: flex-start;}
.feature.hasnl .feature_tx {padding-top: 4rem;}

.postid-948 .value_middle .feature:first-child .feature_im {position: relative;}
.postid-948 .value_middle .feature:first-child .feature_im:before {content: ""; display: block; position: absolute; z-index: 3; width: 8.45rem; height: 8.45rem; background-image: url('assets/img/layout/48v_green.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; left: 46%; top: -6rem;}
.postid-948 .sec_value_top .top_tx {max-width: 64vw;}

.single_value_quiet_operation_wrap .bullets {margin-left: 3.90625vw;}

.single_value_quiet_operation_wrap .sec_value_top {padding-top: 5.1rem; padding-bottom: 5.1rem;}
.single_value_quiet_operation_wrap .main_title {display: inline-block; line-height: 5rem; background-image: url('assets/img/layout/quiet.png'); background-size: 3.4rem 4.5rem; background-position: right bottom; background-repeat: no-repeat; padding-right: 5rem;}

.single_value_roi_total_cost_wrap .top_subtitle {max-width: 64vw;}
.single_value_roi_total_cost_wrap .sec_value_top .top_tx {max-width: 74vw; margin-top: 4rem;}
.diagram_im img {display: block; width: 100%; height: auto;}
.single_value_roi_total_cost_wrap .value_middle .features {max-width: 76.072917vw;}
.single_value_roi_total_cost_wrap .value_middle .feature_in {align-items: flex-start; flex-wrap: wrap;}
.single_value_roi_total_cost_wrap .value_middle .feature_tx {padding-top: 4rem;}
.single_value_roi_total_cost_wrap .value_middle .feature_im {width: 39.11458333vw;}
.single_value_roi_total_cost_wrap .value_middle .feature_im img {width: 39.11458333vw;}
.value_middle_bottom {background-color: #f7f5f5; padding-bottom: 5.1rem; margin-top: -18rem;}
.value_middle {padding-bottom: 0;}


/* ROI page only */
.single_value_roi_total_cost_wrap { position: relative; }

/* Top section is fixed initially */
.single_value_roi_total_cost_wrap #sec_value_top.is-fixed {
  position: fixed;
  left: 0; right: 0; top: 0;          /* if you have a fixed header, swap top:0 with var(--header-h) */
  z-index: 2;
  background: #fff;                   /* ensure it looks solid while fixed */
}

/* Middle should be above the fixed top when they overlap */
.single_value_roi_total_cost_wrap .roi_total_cost_value_middle {
  position: relative;
  z-index: 3;
}

.postid-942 .footer {z-index: 2;}
.postid-942 .single_value_wrap .value_middle {padding-bottom: 0;}
.nav_buttons .arr_bt {margin-top: 0;}
.single_value_wrap .value_middle {padding-bottom: 5.1rem;}

.arr_bt, .all_bt {white-space: nowrap;}


/* Transition Animation Overlay - for case studies */
.transition-overlay {
    position: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

.transition-overlay.animating {
    opacity: 1;
    pointer-events: all;
}

/* Loading state for case rows during transition */
.case-row.transitioning {
    opacity: 0.6;
    pointer-events: none;
}

/* Value Box Transition Animation Overlay */
.value-box-overlay {
    position: fixed;
    background-color: #ffffff;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    border-radius: 0.3rem;
}

.value-box-overlay.animating {
    opacity: 1;
    pointer-events: all;
}

/* Value box content during transition */
.top_icon.transitioning .top_icon_im,
.top_icon.transitioning .top_icon_tx,
.top_icon.transitioning .top_icon_tx_sm {
    transition: opacity 0.4s ease-out;
}

.top_icon.transitioning.fading .top_icon_im,
.top_icon.transitioning.fading .top_icon_tx,
.top_icon.transitioning.fading .top_icon_tx_sm {
    opacity: 0;
}

/* Body classes during transitions */
body.page-transitioning {
    overflow: hidden; /* מונע גלילה במהלך האנימציה */
}

body.case-transition-active .header {
z-index: 100000;
}

body.value-transition-active .header {
z-index: 100000;
}

/* When fixed, progressively fade text as --cover goes 0 → 1 */
#sec_value_top .main_title,
#sec_value_top .top_subtitle,
#sec_value_top .top_tx {
  /* 1 → 0.2 opacity as the graph covers (tweak the 0.8 factor if you want more/less fade) */
  opacity: calc(1 - (var(--cover, 0) * 1));
  transition: opacity 0.1s linear;
}

/* Your fixed-state styles (example) */
#sec_value_top.is-fixed {
  position: fixed;
  inset: 0 0 auto 0; /* top:0; left:0; right:0 */
  z-index: 1;
}

/* Ensure graph is above */
.roi_total_cost_value_middle { position: relative; z-index: 2; }

.sec_value_top_top {padding: 10.65rem 0 0;}
.sec_value_top_top .feature_im {width: 39.0625vw;}
.feature_im .top_top_gallery_im img {width: 100%; height: 23rem; object-fit: cover;}

.slick-dots {display: none; bottom: -2.4rem;}
.slick-dots li {width: 0.6rem; height: 0.6rem; margin: 0 0.3rem;}
.slick-dots li button {-webkit-appearance: none; width: 0.6rem; height: 0.6rem; padding: 0;}
.slick-dots li button:before {content: ''; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #f2f2f2; opacity: 1;}
.slick-dots li.slick-active button:before {background: var(--blue);}

.fullw_im {
    margin: 5.1rem 0 10.65rem;
}
.fullw_im img {
    display: block;
    width: 100%;
    height: 40rem;
    object-fit: cover;
    object-position: center center;
}

#company .company_title_wrap { position: relative; }

#company .bubbles{
  position: absolute;
  left: 3rem; top: -10rem;
  width: 16rem;            /* 320px (1rem = 20px) */
  height: 13rem;           /* 260px */
  pointer-events: none;
  overflow: visible;
}

#company .bubbles img{
  position: absolute;
  display: block;
  width: 2rem;             /* default; JS will randomize per cycle */
  height: auto;
  opacity: 0;
  transform: translate3d(0, 0.3rem, 0) scale(0.98); /* start slightly below */
  will-change: transform, opacity;
  backface-visibility: hidden;
}

#company .bubble_1 { left: 12%; top: 22%; --sz: 1.8rem;  --dur: 2.4s; --delay: 0s;   }
#company .bubble_2 { left: 32%; top: 10%; --sz: 2.1rem;  --dur: 3.6s; --delay: 0.45s; }
#company .bubble_3 { left: 58%; top: 26%; --sz: 2.25rem; --dur: 4.2s; --delay: 0.20s; }
#company .bubble_4 { left: 22%; top: 56%; --sz: 1.95rem; --dur: 2.8s; --delay: 0.80s; }
#company .bubble_5 { left: 48%; top: 58%; --sz: 2.1rem;  --dur: 3.2s; --delay: 0.30s; }
#company .bubble_6 { left: 72%; top: 42%; --sz: 1.95rem; --dur: 2.6s; --delay: 1.00s; }
#company .bubble_7 { left: 6%;  top: 44%; --sz: 1.65rem; --dur: 3.8s; --delay: 0.40s; }
#company .bubble_8 { left: 84%; top: 14%; --sz: 2.85rem; --dur: 4.5s; --delay: 0.60s; }

.post_meta_left {display: flex; gap: 2rem; align-items: center;}
.post_share {display: flex; align-items: center; gap: 1rem;}
.share_title {font-size: 1.35rem; color: #4f4f4f;}
.a2a_kit path {fill: #404040 !important;}
.a2a_svg {background: none !important; border-radius: 0 !important;}

.single-solution .footer {overflow: unset;}
.single-solution.screen-3 .site-content {position: relative; z-index: 2;}

.single_value_quiet_operation_wrap .sec_value_top_top .feature {margin-bottom: 0;}
.single_value_quiet_operation_wrap .sec_value_top_top .feature_im .top_top_gallery_im img {height: 20rem;}

.page-template-home .top.is-fixed {
  position: fixed;
  left: 0; right: 0;
  z-index: 1;
}
.page-template-home .values {
  position: relative;
  z-index: 2;
}
.top-spacer { height: 0; }

#page {overflow: hidden;}

.pop_opener_im img {display: block; width: 20rem; height: auto; margin-top: 2rem;}

.pop_opener_wrap {display: flex;}
.pop_opener_wrap {display: flex; gap: 3rem; align-items: flex-end;}
.pop_opener_wrap .lg_tx {position: relative; top: -2.4rem;}

.vbox-child img {width: 45.54545455rem;}

.postid-509 .technology_middle .feature:first-child .feature_im {width: 42vw;}
.postid-509 .technology_middle .feature:first-child .feature_im img {position: relative; width: 42vw; right: -15.96354166vw; top: -2vw;}

.technology_top_im img {display: block; width: 85%; height: auto; margin: 0 auto;}


.no_m {display: block !important;}
.m_only {display: none !important;}

@media only screen and (max-width: 1561px) and (max-height: 768px){
}
@media only screen and (min-width: 1700px) {
  html {font-size: 22px;}
   .truck {top: 9vw; right: -10vw;}
}
@media only screen and (min-width: 2559px){
  html {font-size: 29px;}
}
@media only screen and (min-width: 4479px){
  html {font-size: 65px;}
}
@media only screen and (max-width: 1561px) {
  .ft_menu > ul {gap: 2.2rem;}
  .technology_left {padding-left: 4vw;}
  .illustration_im img {width: 15rem;}
}
@media only screen and (max-width: 1141px) {
}
@media only screen and (max-width: 1025px) {
}
@media only screen and (max-width: 769px) {
    .no_m {display: none !important;}
    .m_only {display: block !important;}
    
    html {font-size: 14px;}
    .header {height: 6.5rem;}
    .header.header--hidden {transform: translateY(calc(-1 * var(--header-h, 6.5rem)));}
    .head_logo {z-index: 10001; top: 3rem; left: 8vw;}
    .head_logo img {width: 9rem;}
    .uscrolled .head_logo {top: 1.5rem;}
    .uscrolled .bt_menu {top: 0.9rem;}
    
    
    .wrap {max-width: 90vw !important;}
    
    .bt_menu {display: block; position: absolute; top: 2.3rem; right: 1.78571429rem; width: 3.21428571rem; height: 2.7rem; z-index: 10001;}
    .bt_menu a {display: block; width: 100%; height: 100%; padding: 0.5rem;}
    .bt_menu span:first-child{top: 0;}
    .bt_menu span:nth-child(2){top: 0.7rem;}
    .bt_menu span:last-child{top: 1.4rem;}
    .bt_menu span {position: absolute; display: block; background-color: var(--blue); width: 2.21428571rem; height: 3px; border-radius: 2px; left: 50%; margin-top: 0.5rem; margin-left: -1.10714286rem; -webkit-transition: background-color 0.5s linear, top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -webkit-transition: background-color 0.5s linear, top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: background-color 0.5s linear, top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: background-color 0.5s linear, top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: background-color 0.5s linear, top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s;}
    body.lightheader .header:not(.uscrolled) .bt_menu span {background-color: #ffffff;}
    body.postid-776:not(.mopen)  .header:not(.uscrolled) .bt_menu span {background-color: #000000;}
    
    body.mopen {overflow: hidden;}
    body.mopen .bt_menu span:first-child{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
    body.mopen .bt_menu span:last-child {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
    body.mopen .bt_menu span:first-child, body.mopen .bt_menu span:last-child {top: 0.7rem;}
    body.mopen .bt_menu span:nth-child(2) {opacity: 0;}
    body.mopen .bt_menu span {background-color: #ffffff; -webkit-transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s;}
    
    .head_menu_wrap {display: none; position: fixed; flex-direction: column; justify-content: center; visibility: hidden; opacity: 0; width: 100vw; height: 100vh; top: 0; left: 0; padding-top: 30vw; z-index: 10000; background-color: var(--blue); -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
    body.mopen .head_menu_wrap {visibility: visible; opacity: 1;}
    .main_menu {width: 100%;}
    .main_menu .frow {flex-direction: column; justify-content: center; height: 100%;}
    .main_menu .mitem > a {display: block; color: #ffffff; font-size: 2.14285714rem; font-weight: 500; line-height: 1.93; padding: 0 10vw 0.2rem;}
    .mitem {padding: 0; width: 100%; border-bottom: 1px solid #91e6f7;}
    
    .mitemmtoptc{position: relative; top: 10px; opacity: 0; -webkit-transition: opacity, top; -moz-transition: opacity, top; transition: opacity, top; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
    body.mopen .mitemmtoptc{opacity: 1; top: 0;}
    
    .main_menu > ul {align-items: flex-start;}
    .mitem.s_bt > a {height: unset; text-align: left;}
    
    .hasinner:after {content: ""; display: block; position: absolute; z-index: 2; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 0.7rem; height: 0.7rem; transform: rotate(45deg); right: 10vw; top: 1.82rem;}
    .hasinner.open:after {transform: rotate(135deg);}
    .hasinner.open ul {display: block; border-bottom: 1px solid #ffffff; border-top: 1px solid #91e6f7;}
    .hasinner ul {padding-top: 1rem; padding-bottom: 1.2rem;}
    .mitem_inner {display: none;}
    .mitem_inner a {display: block; color: #ffffff; font-size: 1.5rem; font-weight: 500; line-height: 1.93; padding: 0 10vw;}
    body.mopen .head_logo img {filter: brightness(0) invert(1);}
    .header.uscrolled:not(.header--hidden) {height: 4.5rem;}
    
    .truck {width: 100vw; height: 42vw; top: 23vw; right: -17vw;}
    .top {padding-top: 74vw; padding-bottom: 10vw;}
    .main_title {font-size: 2.8rem;}
    .lg_tx {font-size: 1.26rem;}
    .icon_items {flex-wrap: wrap; gap: unset;}
    .icon_item {width: 33%; text-align: center; margin-bottom: 3rem;}
    .icon_item img {display: inline-block;}
    .icon_item:hover .icon_item_tx {left: 50%; transform: translate(-50%, 0.2rem);}
    .icon_item_tx::before {left: 50%; margin-left: -0.3rem;}
    .top .text_items {margin-top: 0;}
    .text_items {flex-wrap: wrap; justify-content: center;}
    .text_item {width: 100%; margin-bottom: 2rem;}
    .top .icon_items {margin-top: 3rem;}
    .text_item_title, .stat_item_title {font-size: 4.55rem;}
    .text_item_tx {margin-top: 0.6rem;}
    .values {padding-top: 17vw; padding-bottom: 17vw;}
    .stitle {font-size: 2.8rem;}
    .stat_items {max-width: 90vw; margin: 6rem auto 0; justify-content: center; flex-wrap: wrap;}
    .stat_item {width: 100%; text-align: center; margin-bottom: 2rem;}
    .stat_item_tx {font-size: 1.26rem; margin-top: 0.6rem;}
    .stat_item {text-align: center;}
    .stat_item_title {justify-content: center;}
    .testimonials {padding-top: 17vw;}
    .lg2_tx {font-size: 1.61rem;}
    .sl_arrows {position: static; margin-top: 2rem;}
    .author_name {font-size: 1.26rem;}
    .author_title {font-size: 1rem; margin-top: 0.5rem;}
    .testimonial_items {max-width: 72vw; margin: 0 auto;}
    .gallery {padding-top: 10vw; padding-left: 5vw;}
    .solutions {padding-top: 17vw;}
    .solution_categories {flex-wrap: wrap;}
    .solution_category {width: 100%;}
    .solution_category:first-child .solution_category_im {top: -10.5vw; right: 10vw;}
    .solution_category:first-child .solution_category_im img {width: 51.03125vw; height: 29.19270832vw;}
    .solution_category > a {padding: 4rem 10vw 6rem !important;}
    .solution_category:nth-child(2) .solution_category_im img {width: 37.578125vw; height: 34.973958vw;}
    .solution_category:nth-child(2) .solution_category_im {top: -13vw; right: 20vw;}
    .solution_category:nth-child(2) > a {padding-bottom: 3.5rem !important;}
    
    .top_icon > a, .technology_item > a {transition: none;}
    .technology_in {flex-wrap: wrap;}
    .technology_left, .technology_right {width: 100%; padding: 14vw 10vw !important;}
    .technology_right {padding-top: calc(14vw - 2rem) !important; padding-bottom: calc(14vw - 3.4rem) !important;}
    .about {padding-top: 17vw; padding-bottom: 17vw;}
    .partner_logos img {margin-bottom: 3rem; filter: none; opacity: 1;}
    .faq, .about_partners, .about_bottom_tx {margin-top: 4rem;}
    .faq_items > ul > li > p {padding-bottom: 1.5rem;}
    .faq_items > ul > li > p:before {width: 100%;}
    .faq_items > ul > li > p:after {top: 0.75rem; border-width: 0.675rem 0.45rem 0 0.45rem;}
    .accord-content {padding-top: 1.2rem;}
    .ft_menu > ul {flex-wrap: wrap; gap: unset;}
    .ftmitem {width: 50%; margin-bottom: 2.5rem;}
    .footer {padding: 10vw 0;}
    .ft_bottom_in {flex-direction: column-reverse; gap: 2rem;}
    .ft_bottom {margin-top: 1rem;}
    .ft_logo img {width: 9rem;}
    .ft_bottom_right {flex-direction: column;}
    .ft_bottom_left {gap: 1.2rem;}
    .ft_bottom_left > div:after {right: -0.7rem;}
    .thermometer {width: 2rem; height: 17.5rem;}
    .thermometer span {bottom: 1rem; width: 0.28rem; height: calc(100% - 1.3rem); border-radius: 0.28rem;}
    .arr_bt, .all_bt {font-size: 1.35rem;}
    .top_icon {height: 14.6rem;}
    .sec_values_top {padding-bottom: 17vw;}
    .values_technology {padding-top: 17vw; padding-bottom: 17vw;}
    .technology_text_items {gap: 2rem; margin-top: 4rem;}
    .technology_text_item {width: calc(50% - 1rem);}
    .uparr {bottom: 3.6rem;}
    .uparr.active {right: 5vw;}
    .features {max-width: 100%;}
    .sec_value_top .top_tx {max-width: 100%;}
    .feature_in {flex-direction: column-reverse; gap: 2rem;}
    .feature_im {width: 70vw; margin: 0 auto;}
    .feature_im img {width: 70vw;}
    .feature_tx {max-width: 100%;}
    .note_tx {padding-left: 5vw; padding-right: 5vw; line-height: 1.3;}
    .postid-948 .value_middle .feature:first-child .feature_im:before {width: 6rem; height: 6rem; top: -4.5rem;}
    .postid-948 .single_value_wrap .value_middle {padding-top: 23vw;}
    .feature.hasnl .feature_tx {padding-top: 0;}
    .value_middle_bottom {margin-top: 0;}
    .single_value_roi_total_cost_wrap .value_middle .features {max-width: 100%;}
    .single_value_roi_total_cost_wrap .value_middle .feature_im {width: 100%;}
    .single_value_roi_total_cost_wrap .value_middle .feature_im img {width: 100%;}
    .diagram_im img {position: relative; left: 50%; transform: translateX(-50%); width: 130%;}
    .value_tx_icon {max-width: 100%; margin-bottom: 25vw;}
    .illustration_im img {width: 21rem;}
    .illustration_im {bottom: 3rem;}
    .technology_item {width: 75vw;}
    .technology_wrap .sec_technology_top {padding-bottom: 26rem;}
    .feature_im a {width: 100%;}
    .case-row {padding: 1.2rem 5vw;}
    .case_studies_top {padding-bottom: 17vw;}
    .case_study_middle {padding: 17vw 0 0;}
    .company_in {flex-direction: column; gap: 2rem;}
    .company_tx_wrap {width: 100%; margin-left: 0;}
    .company_title_wrap {width: 100%; text-align: center;}
    .company_bts {margin-top: 10vw;}
    .company {padding-bottom: 17vw;}
    .team_members_wrap {margin-top: 17vw;}
    .team {padding-bottom: 17vw;}
    .news_slide_title {font-size: 1.8rem;}
    .sec_news, .news_wrap .text {padding-bottom: 17vw;}
    .post_lg_im img {height: auto; max-height: 60vw;}
    .post_lg_im {max-width: 90vw;}
    .content_tx {padding-top: 17vw;}
    .single_post_wrap .sec_news {padding-top: 17vw;}
    .fmrow {flex-wrap: wrap;}
    .fhalf {width: 100%;}
    .finput {padding: 0; margin-bottom: 2rem;}
    .contact_form_wrap {width: 100%;}
    .finput input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .finput select, .finput textarea {border-radius: 0.75rem; padding: 0 1.5rem; font-size: 1.8rem;}
    .finput label {font-size: 1.4rem; margin-bottom: 1rem; padding: 0 1.5rem;}
    .wpcf7-not-valid-tip {font-size: 1.3rem !important; margin-top: 0.8rem !important; padding: 0 1.5rem;}
    .s_bt button {border-radius: 0.45rem;}
    .fnote {font-size: 1rem;}
    .contact_bt_wrap {margin-left: 0; width: 100%; padding-top: 17vw;}
    .contact_bt {font-size: 1.8rem;}
    .sec_contact {padding-bottom: 17vw;}
    .details {padding: 17vw 0;}
    .map_im {max-width: 90vw;}
    .map_im img, .map_im iframe {height: 60vw;}
    .details_title {font-size: 2.5rem; margin-top: 20vw;}
    .single_solution_top_bottom {flex-direction: column; gap: 5rem;}
    .solution_main_im {margin-left: 0;}
    .solution_main_im img {width: 70vw; height: 28vw;}
    .single_solution_top_bottom_left {width: 100%;}
    .single_solution_top_bottom_right {width: 100%; margin-left: 0;}
    .illustation_im_im {width: 100%; height: 40vw;}
    .nav-boxes {flex-direction: column; display: flex; max-width: 70vw; margin-top: 17vw;}
    .box {width: 100%;}
    .inner_page_in {flex-direction: column; gap: 2rem;}
    .inner_page_left {width: 100%;}
    .inner_page > .wrap {left: 0;}
    .inner_page_right {width: 100%;}
    .illustation_im_bt_wrap {top: 0;}
    .inner_page .bullets {margin-top: 17vw;}
    .inner_page_obx .inner_page_left {padding-right: 0;}
    .comparison_wrap {margin-top: 17vw;}
    .inner_page_obx .inner_page_right {margin-top: 10vw;}
    .inner_page {padding-bottom: 17vw;}
    .single_solution_middle {left: 0;}
    .single_solution_middle_in {flex-direction: column-reverse; gap: 2rem;}
    .middle_vid_wrap {width: 70vw; margin: 0 auto;}
    .solution_middle_tx {width: 100%; padding-top: 17vw;}
    .solution_bullets {margin-top: 17vw;}
    .single_solution_bottom {left: 0; margin-top: 17vw;}
    .solution_bottom_tx {width: 49.104167vw;}
    .solution_bottom_im img {height: auto; max-height: unset;}
    .case_study_middle_in {align-items: flex-start; flex-direction: column; gap: 2rem;}
    .case_study_middle_tx {max-width: 100%;}
    body.lightheader:not(.nav-open) .uscrolled .mitem > a {color: #ffffff;}
    .mitem.s_bt > a:hover {background-color: transparent;}
    .case_study_top, .sec_about_top {height: 75vh; min-height: 75vh;}
    [data-name="y-subject"]:after {display: none;}
    .finput select[name="y-subject"] {background-image: url('assets/img/svg/arr_bottom_black.svg'); background-size: 1.05rem 1.4rem; background-position: right 1.8rem top 2.2rem; background-repeat: no-repeat;}
    .sec_value_top_top .feature_im {width: 100%;}
    #company .bubbles {left: 50%; transform: translateX(-50%); top: -10rem;}
    .illustation_im_bt {top: -3rem; right: 0;}
    .illustation_im_wrap {top: 0;}
    .pop_opener_wrap {flex-direction: column; gap: 4rem; align-items: flex-start;}
    .pop_opener_im img {width: 100%;}
    .vbox-child img {width: 100%;}
    .postid-509 .technology_middle .feature:first-child .feature_im {width: 82vw;}
    .postid-509 .technology_middle .feature:first-child .feature_im img {width: 75vw;}
    .single_solution_bottom_in {flex-direction: column; align-items: flex-start; gap: 2rem;}
    .solution_bottom_tx {width: unset;}
    .solution_bottom_im {width: 75vw; margin: 0 auto;}
}
@media only screen and (max-width: 577px) {
}
@media only screen and (max-width: 376px) {
}
@media only screen and (max-width: 321px) {
}
@media print{
}