/*!
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)
*/

@font-face {
  font-family: 'elephant';
  src:  url('assets/fonts/elephant/ELEPHNT.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'elephant';
  src:  url('assets/fonts/elephant/ELEPHNTI.TTF') format('truetype');
  font-weight: 400;
  font-style: italic;
}

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;
}

*{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: top left; 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;}

:root {
  --orange: #ff7e00;
}

html {font-size: 18px;}
body {font-family: "Inter", serif; font-optical-sizing: auto; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrap {margin: 0 auto; max-width: 1440px;}
button {cursor: pointer;}


.head_logo {position: relative; display: inline-block; -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; filter: none; width: 8.05555556rem; height: auto; object-fit: contain; object-position: center center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header {background-color: transparent; position: fixed; z-index: 11; background-color: #ffffff; padding-top: 2.05555556rem; height: 6.88888889rem; width: 100%; top: -1px; left: 0;}
.header .wrap {position: relative;}
.head_menu_wrap {opacity: 0; visibility: hidden; position: absolute; top: 0.5rem; right: 13.94444444rem;}
.main_menu .mitem > a {display: inline-block; font-family: 'elephant'; color: #ffffff; font-size: 1.33333333rem; transition: all 0.3s ease-in-out;}
.main_menu .mitem > a:hover, .main_menu .mitem.current > a {color: #616161;}
.mitem {padding: 0; margin-right: 1.77777778rem;}
.mopen .head_logo img {filter: brightness(0) invert(1);}
.mopen .header {background-color: #000000;}
.mopen .head_menu_wrap {opacity: 1; visibility: visible;}
.scrolled:not(.mopen) .header {box-shadow: 0 0.2rem 0.4rem rgb(0, 0, 0, 0.16);}

.top {padding-top: 8rem; /*height: 56rem;*/ padding-top: 12rem; background-size: 1920px auto; background-position: center top; background-repeat: no-repeat;}
.top_in {display: flex; justify-content: space-between;}
h1 {font-family: 'elephant'; font-size: 2.44444444rem; line-height: 1.1;}
.top_tx {font-size: 1.22222222rem; font-weight: 300; margin-top: 0.5rem; line-height: 1.3; max-width: 28rem;}
.top_content {width: 30.72222222rem; padding-top: 1.77777778rem;}
.top_step {position: relative; text-align: right; font-family: 'elephant'; font-size: 4.44444444rem;}
.top_step:first-child {left: -1.72222222rem;}
.top_step:nth-child(2) {left: -9.66666667rem;}
.top_step:nth-child(3) {left: -1.77777778rem;}
.top_step:nth-child(4) {left: -3.16666667rem;}

.white_bg:before, .white_bg:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: calc((100% - 1430px) / 2); height: 100%; background-color: #ffffff;}
.white_bg:after {left: unset; right: 0;}

.top_bt {margin-top: 1.5rem;}
.s_bt a {-webkit-appearance: none; appearance: none; box-shadow: none; display: block; width: 13.22222222rem; height: 3.05555556rem; line-height: calc(3.05555556rem - 4px); border: 2px solid var(--orange); text-align: center; font-size: 1.33333333rem; background-color: transparent; color: var(--orange); font-family: inherit; font-weight: 500; transition: all 0.3s ease-in-out;}
.s_bt a:hover {background-color: var(--orange); color: #ffffff;}

.top_bottom {display: flex; flex-wrap: wrap; padding-top: 8.16666667rem;}
.steps_title {display: flex; position: relative; justify-content: center; align-items: center; font-size: 1.22222222rem; font-weight: 500; text-align: center; background-color: #ebebeb; height: 4.16666667rem; padding: 0 2.88888889rem; width: 18.111111rem; white-space: nowrap;}

.steps_title:after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -0.7rem; width: 0; height: 0; border-top: 0.8rem solid transparent; border-bottom: 0.8rem solid transparent; border-left: 0.8rem solid #ebebeb;}

.bottom_steps {display: flex; margin-left: 3.5rem; width: calc(100% - 18.2rem - 3.5rem);}
.bottom_step {display: flex; position: relative; cursor: pointer; padding: 0 1.5rem;}
.bottom_step:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 4.16666667rem; background-color: #000000;}
.num {font-family: 'elephant'; color: var(--orange); font-size: 2rem; height: 2rem;}
.h3 {font-family: 'elephant'; font-size: 2rem;}
.bottom_step .tx {margin-top: 0.2rem;}
.step_content {width: 0; overflow: hidden; transition: width 0.4s ease-in-out;}
.bottom_step.active .step_content {width: 32rem;}
.step_content_in {width: 30.5rem; padding-left: 1.5rem;}

.bg_im video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}

.features {padding: 6.11111111rem 0; background-size: auto auto; background-position: left top; background-repeat: repeat;}
.features_items {display: flex;}
.features_item {width: 33.33333%; padding: 0 1.22222222rem; text-align: center;}
.features_item:first-child {padding-left: 0;}
.features_item:last-child {padding-right: 0;}
.features_item_in {position: relative; background-color: #ffffff; background-size: auto auto; background-position: left bottom; background-repeat: no-repeat; width: 100%; height: 35.77777778rem; padding: 5.88888889rem 2.2rem 16.88888889rem;}
.features_item:last-child .features_item_in {background-position: center bottom;}
.features_item .tx {margin-top: 1.5rem;}
.tx {line-height: 1.4; font-weight: 300;}
.tx_ong {color: var(--orange); font-weight: 600; margin-top: 1rem;}
.tx_ong a:hover {text-decoration: underline;}
.features_item_top {position: absolute; cursor: pointer; width: 100%; top: 0; left: 0;}
.features_item_top:before {content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -3.55555556rem; width: 7.11111111rem; height: 3.55555556rem; border-radius: 0 0 3.55555556rem 3.55555556rem; background-color: var(--orange);}
.features_item_top_in {position: absolute; top: 0; left: 0; width: 100%; height: 0.4rem; background-color: var(--orange); transition: all 0.3s ease-in-out;}
.features_item_top_in img {display: inline-block; margin-top: 0.8rem;}
.features_item_top:hover .features_item_top_in {top: -1.6rem; height: 2rem;}

.testimonials {padding: 14.88888889rem 0 7.80555556rem;}
.testimonials_item_date {position: relative; font-weight: 700;}
.testimonials_item_date:after {content: ""; display: block; width: 4rem; height: 1px; background-color: #000000; margin-top: 1rem;}
.testimonials_item_title {font-weight: 700; margin-top: 2.2rem;}
.testimonials_item .tx {margin-top: 2.2rem;}
.testimonials_item_author {font-weight: 700;}
.testimonials_item .tx.testimonials_item_author_position {margin-top: 0;}
.testimonials_item_tx {height: 11.27777778rem; overflow: hidden;}
.testimonials_item_im {margin-top: 2rem}
.testimonials_item_im img {display: block; width: 10.77777778rem; height: 3.27777778rem; margin-top: 2rem; object-fit: contain; object-position: left center;}
.testimonials_item_in {padding-right: 4rem;}
.quote {text-align: center; margin-top: 7.77777778rem;}

.video {padding: 11.80555556rem 0 0;}
.mejs-controls {display: none !important; visibility: hidden !important;}


/*
.head_in {width: 100%; text-align: center;}
.head_sticky {position: fixed; text-align: center; z-index: 10; width: 100%; height: 5vw; top: -5.6vw; left: 0; background-color: #000000; box-shadow: 0 0.2vw 0.4vw rgb(0, 0, 0, 0.16); -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; transition: top .3s ease-in-out;}
.scrolled .head_sticky {top: 0;}
.head_sticky .head_logo {top: 1.3vw; left: 1.6vw;}
.head_sticky .head_logo img {width: 13vw;}
.logo_a, .mopen .logo_r {display: none !important;}
.mopen .logo_a {display: block !important;}
.ft_logo img {display: block; width: 6.5625vw; height: auto;}
#content {min-height: 100vh;}

.head_menu_wrap {position: absolute; top: 5.364583333333333vw; right: 4.6875vw; display: inline-block; z-index: 2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.head_sticky .head_menu_wrap {top: 0; padding-top: 1.2vw;}
.head_sticky .head_link {top: 2vw;}
.mitem {position: relative; padding: 0 1.25vw;}
.mitem:after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #ffffff; width: 1px; height: 1.041666666666667vw;}
.mitem:first-child {padding-left: 0;}
.mitem:last-child, .mitem.contact_bt {padding-right: 0;}
.mitem:last-child:after, .mitem.contact_bt:after {display: none;}
.mitem > a {display: block; position: relative; font-family: "Martel", serif; color: #ffffff; font-size: 1.041666666666667vw; line-height: 2.7; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.mitem > a:hover, .mitem.current > a {color: #E50050;}

.top {height: 56.25vw;}
.main_title {font-family: "Martel", serif; color: #ffffff; font-size: 3.125vw; font-weight: 400; line-height: 1.3;}
h2 {font-family: "Martel", serif; font-size: 2.604166666666667vw;}
.top_tx {color: #ffffff; font-size: 1.354166666666667vw; margin-top: 1.2vw;}
.s_bt {display: inline-block;}
.s_bt > a, .s_bt button, .s_bt > span {-webkit-appearance: none; appearance: none; padding: 0; background-color: transparent; color: #ffffff; background-color: #E50050; border: none; cursor: pointer; display: block; font-family: inherit; width: 10.260416666666667vw; height: 3.541666666666667vw; line-height: 3.541666666666667vw; border-radius: 3.541666666666667vw; font-size: 1.354166666666667vw; 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 button:hover {background-color: #B60040;}
.news_item_bt > span {width: 6.822916666666666vw; height: 2.395833333333333vw; line-height: 2.395833333333333vw; border-radius: 2.395833333333333vw; font-size: 0.885416666666667vw;}
.top_bt {margin-top: 2vw;}
.top_slider {position: relative; z-index: 3;}
.top_slide .wrap {padding-top: 23.489583333333333vw; max-width: 73.958333333333333vw;}
.top_slider, .top_slide, .top_slide .wrap {height: 56.25vw;}
*/
.slick-dotted.slick-slider {margin: 0;}
.slick-dots {display: flex; justify-content: center; margin: 0; bottom: -14rem;}
.slick-dots li {width: 0.83333333rem; height: 0.83333333rem; margin: 0 0.6rem;}
.slick-dots li button {position: realtive; display: block; padding: 0; width: 0.83333333rem; height: 0.83333333rem; border-radius: 50%; background-color: #000000;}
.slick-dots li.slick-active button {background-color: var(--orange);}
.slick-dots li button:before {display: none;}
.slick-dots li button:hover {background-color: var(--orange);}
.slick-dots li button:after {content: ""; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 1px solid var(--orange);}
.slick-dots li button:hover:after {display: block;}

.bt_menu {display: block; position: absolute; top: 0; right: 0; width: 1.88888889rem; height: 1.88888889rem; z-index: 10001; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.bt_menu a {display: block; position: relative; width: 100%; height: 100%;}
.bt_menu span:first-child {top: 0.2rem;}
.bt_menu span:nth-child(2) {top: 0.8rem;}
.bt_menu span:last-child {top: 1.4rem;}
.bt_menu span {position: absolute; display: block; background-color: #000000; width: 1.88888889rem; height: 0.22222222rem; border-radius: 0; left: 50%; margin-left: -0.94444444rem; -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.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.8rem; margin-left: -0.94444444rem;}
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;}

.video_in {display: flex;}
.video > .wrap {max-width: unset; margin-left: 15rem;}
.stats {display: flex; text-align: center; justify-content: center;}
.stat_num {font-size: 7.22222222rem; font-weight: 100;}
.stat {position: relative; padding: 0 3rem;}
.stat:first-child:not(:only-child):after {content: ""; display: block; position: absolute; right: 0; top: 0.6rem; width: 0.5px; height: 7.55555556rem; background-color: #000000;}
.stat_tx.tx {font-weight: 700;}
.video_left {width: 31.722222rem;}
.video_content {text-align: center; margin-top: 3rem;}
.video_content .tx {margin: 1rem auto 0; max-width: 30rem;}
.video_right {position: relative; background-size: contain; background-position: left top; background-repeat: no-repeat; width: 52.8rem; height: 42.3rem; top: -7.8rem; padding: 7.8rem 0 0; left: 4rem;}

.vid_wrap {width: 44.5rem; height: 25.05555556rem;}
.wp-video, .mejs-container, .wp-video-shortcode video, video.wp-video-shortcode, mediaelementwrapper {width: 100% !important; height: 100% !important;}
.mejs-overlay-button {display: none !important; position: relative; top: -1rem; width: 3.38888889rem !important; height: 4.11111111rem !important; background-image: url('assets/img/layout/play_orange.png') !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important;}
.mejs-overlay-button:after {content: "Fivingo is Live!"; display: none; text-align: center; color: var(--orange); font-weight: 700; white-space: nowrap; position: absolute; bottom: -2.4rem; left: -2rem;}
.mejs-controls .mejs-time-rail .mejs-time-current {background: var(--orange) !important;}


.services {padding: 7.44444444rem 0 4.55555556rem;}
.services_top .tx {font-size: 1.22222222rem; margin-top: 1.77777778vw;}
.services_top .tx_ong {margin-top: 0.5rem;}
.services_items {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 4.55555556rem;}
.services_item_im > a {display: inline-flex; justify-content: center; align-items: center; width: 6.55555556rem; height: 6.55555556rem; background-color: #f2f3f0; border-radius: 50%; transition: all 0.3s ease-in-out;}
.services_item_im > a:hover {background-color: #000000;}
.services_item_im img {display: block; filter: none; width: 3.11111111rem; height: 3.11111111rem; object-fit: contain; object-position: center center; transition: all 0.3s ease-in-out;}
.services_item_im > a:hover img {filter: brightness(0) invert(1);}
.services_item {width: 33.333333%; margin-bottom: 2.22222222rem;}
.services_item h3 {font-weight: 700; margin-top: 1.3rem;}
.services_item .tx {margin-top: 0.5rem;}

.footer {background-color: #f0f0f0; padding: 2.22222222rem 0;}
.footer .wrap {display: flex; justify-content: space-between;}
.ft_left, .ft_left a {color: #3a3a3a;}
.rights {margin-top: 0.6rem;}
.ft_left a:hover {color: #000000; text-decoration: underline;}
.ft_right {display: flex; align-items: flex-end;}
.soc_items {display: flex; align-items: flex-end; margin-left: 2.44444444rem; gap: 2rem;}
.soc_items a {display: block; width: 1.77777778rem; height: 1.77777778rem; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
.soc_items a.linkedin {background-image: url('assets/img/svg/linkedin.svg');}
.soc_items a.x {background-image: url('assets/img/svg/x.svg');}
.soc_items a.youtube {background-image: url('assets/img/svg/youtube.svg');}
.soc_items a.threads {background-image: url('assets/img/svg/threads.svg');}
.soc_items a.linkedin:hover {background-image: url('assets/img/svg/linkedin_orange.svg');}
.soc_items a.x:hover {background-image: url('assets/img/svg/x_orange_new.svg');}
.soc_items a.youtube:hover {background-image: url('assets/img/svg/youtube_orange.svg');}
.soc_items a.threads:hover {background-image: url('assets/img/svg/threads_orange.svg');}
.ft_logo {position: relative; top: 0.4rem;}
.ft_logo img {display: block; width: 7rem; height: auto; object-fit: contain; object-position: center center;}

.tooltip {position: relative;}
.tooltip-text {top: -3rem; left: 50%; transform: translateX(-50%); padding: 0.5rem; background-color: #fffebc; font-size: 1rem; font-family: "Inter", sans-serif; color: #000000; white-space: nowrap;}

/*
.head_menu_wrap {display: none; position: fixed; flex-direction: column; justify-content: center; visibility: hidden; opacity: 0; text-align: center; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 10000; background-color: #000000; -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%; height: 100%;}
.main_menu .frow {flex-direction: column; justify-content: center; height: 100%;}*/

/*
.head_sticky {height: 13vw; top: -13.6vw; box-shadow: 0 0.6vw 1.2vw rgb(0, 0, 0, 0.16);}
.scrolled .head_sticky {top: 0;}
.head_sticky .head_logo {top: 2.9vw; left: 3.733333vw;}
.head_sticky .head_menu_wrap {padding-top: 0;}
.head_sticky .bt_menu {top: 50%; transform: translateY(-50%); right: 3vw;}*/

.whatsapp {position: fixed; bottom: 5rem; right: 2rem; z-index: 10;}
.whatsapp > a {display: block; width: 3.88888889rem; height: 3.88888889rem; background-image: url('assets/img/svg/whatsapp.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat;}

section {overflow: hidden;}

.mitemmtoptc {position: relative; top: 0.55555556rem; opacity: 0; -webkit-transition: opacity, top; -moz-transition: opacity, top; transition: opacity, top; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.mopen .mitemmtoptc {opacity: 1; top: 0;}

.markers > div {display: none; position: absolute; width: 1.44444444rem; height: 2.11111111rem; background-image: url('assets/img/layout/marker.png'); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.markers.active > div {display: block;}
#marker1 {left: 14.72222222rem; bottom: 8.88888889rem;}
#marker2 {left: 4.55555556rem; bottom: 7.61111111rem;}
#marker3 {left: 2.55555556rem; bottom: 1.77777778rem;}

.jpo_top {display: flex; justify-content: center; position: relative; gap: 0.2rem;}
.jpo_top:before, .jpo_top:after {content: ""; display: block; width: 1.55555556rem; height: 1.55555556rem; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.jpo_top:before {background-image: url('assets/img/svg/five.svg');}
.jpo_top:after {background-image: url('assets/img/svg/star.svg');}

#JPO_popup {display: none; transform: scale(0.8);}
.popup_visible #JPO_popup {transform: scale(1);}
.jpo_in {position: relative; width: 21.66666667rem; background-color: var(--orange); padding: 1.59722222vw 2.5vw; color: #ffffff; text-align: center; transform: rotate(-3deg);}
.jpo_in:after {content: ""; display: block; position: absolute; width: 100%; height: 0.61111111rem; left: 0; bottom: calc(2px - 0.61111111rem); background-image: url('assets/img/layout/card_bg_n.png'); background-size: contain; background-position: left bottom; background-repeat: repeat-x;}
.jpo_title {font-family: 'elephant'; font-size: 2rem; margin-top: 1rem;}
.jpo_im img {display: block; width: 100%; height: auto; position: relative; left: 0.5rem;}
.jpo_tx {margin-top: 1rem;}
.jpo_soc_items {display: flex; gap: 0.5rem;}
.jpo_soc_items > a {display: block; width: 2.5rem; height: 2rem; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.jpo_soc_items > a.linkedin {background-image: url('assets/img/layout/linkedin_white.png');}
.jpo_soc_items > a.youtube {background-image: url('assets/img/layout/youtube_white.png');}
.jpo_soc {display: flex; justify-content: center; align-items: center; gap: 1rem;}
.jpo_type {text-align: center;}
.jpo_type .s_bt {display: inline-block; margin-top: 1rem;}
.jpo_type .s_bt > a {font-size: 1rem;}
.jpo_type .s_bt a {font-size: 1rem; padding: 0 1rem; background-color: #ff9833; color: #ffffff;}
.jpo_type .s_bt a:hover {background-color: #ffffff; color: var(--orange);}

.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 (max-width: 1561px) {
}
@media only screen and (max-width: 1141px) {
}
@media only screen and (max-width: 1025px) {
}
@media only screen and (max-width: 1440px) {
  .wrap {padding: 0 15px;}
  .bt_menu {right: 15px;}
  .video > .wrap {margin-left: 0;}
  .stat {padding: 0 2.2rem;}
  .video_content {margin-top: 1.3rem;}
  .video_content .tx {max-width: 27rem;}
}
@media only screen and (max-width: 769px) {
    .no_m {display: none !important;}
    .m_only {display: block !important;}
    
    .top_in {display: block;}
    .top {height: unset; padding-top: 7rem; padding-bottom: 3rem; background-size: 80rem auto; background-position: -30.5rem 11.5rem;}
    .top_content {width: unset; padding-top: 0;}
    h1 {font-size: 1.5rem; line-height: 1.3;}
    .top_tx {font-size: 0.98rem; max-width: unset; line-height: 1.4;}
    .white_bg:before, .white_bg:after {width: 100vw; height: 20rem;}
    .top_steps {margin-top: 23rem;}
    .top_step:first-child {left: -2rem;}
    .top_step:nth-child(2) {left: -5.5rem;}
    .top_step:nth-child(3) {left: -1rem;}
    .top_step:nth-child(4) {left: -2.4rem;}
    .top_step:nth-child(5) {left: -1rem;}
    .top_step {font-size: 3rem;}
    .top_bottom {display: block; padding-top: 4rem;}
    .steps_title {font-size: 0.98rem; height: 3.8rem; padding: 0 2rem;}
    .steps_title:after {bottom: -0.7rem; transform: translateX(-50%); top: unset; right: unset; left: 50%; border-right: 0.8rem solid transparent; border-left: 0.8rem solid transparent; border-top: 0.8rem solid #ebebeb; border-bottom: unset;}
    .bottom_steps {display: block; margin-left: 0; margin-top: 2rem; width: 100%;}
    .bottom_step {padding: 1rem 0;}
    .bottom_step:after {top: unset; right: unset; bottom: 0; left: 0; width: 100%; height: 0.5px; background-color: #000000;}
    .step_content {width: unset; overflow: unset;}
    .bottom_step:last-child:after {display: none;}
    .step_content_in {width: unset; padding-left: 1rem;}
    
    .features {padding: 4rem 0 2rem;}
    .features_items {display: block;}
    .features_item {width: unset; padding: 0; margin-bottom: 2rem;}
    .features_item_top:hover .features_item_top_in {top: -1.5rem; height: 1.5rem;}
    .features_item_in {height: 34rem; padding: 5rem 1rem 15rem;}
    .features_item .tx {margin-top: 1rem;}
    
    .testimonials {padding: 4rem 0;}
    .testimonials_item_in {padding-right: 2rem;}
    .testimonials_item_tx {height: unset; overflow: unset;}
    .testimonials_item .tx {margin-top: 1.2rem;}
    .quote {margin-top: 2rem;}
    .h3 {font-size: 1.4rem; line-height: 1.3;}
    .slick-dots {bottom: -8rem;}
    .video {padding: 4rem 0 0;}
    .video_in {display: block;}
    .video_left {width: unset;}
    .stat {width: 50%; padding: 0;}
    .stat_num {font-size: 5rem;}
    .stat:first-child:not(:only-child):after {top: 0.3rem; height: 5.3rem;}
    .stat:first-child {padding-right: 1rem;}
    .stat:last-child {padding-left: 1rem;}
    .stat_tx.tx {font-size: 0.8rem;}
    .video_right {position: static; width: 100%; background-size: 109vw auto; height: 21.3rem; top: -7.8rem; padding: 3.8rem 0 0; margin-top: 2rem; left: 4rem;}
    .vid_wrap {width: 100%; height: 52vw;}
    .mejs-overlay-button {width: 2rem !important; height: 2.5rem !important;}
    .mejs-overlay-button:after {bottom: -1.2rem; left: -2rem; font-size: 0.7rem;}
    .services {padding: 3rem 0 2rem;}
    .services_top .tx {font-size: 0.98rem;}
    .services_items {margin-top: 3rem;}
    .services_item {width: 50%;}
    .footer .wrap {display: block; text-align: center;}
    .ft_logo {position: static;}
    .ft_left {margin-top: 1.5rem; font-size: 0.7rem;}
    .ft_left a {text-decoration: underline;}
    .ft_right {display: block; align-items: unset;}
    .soc_items {display: inline-flex; align-items: unset; justify-content: center; margin-left: 0; gap: 1rem; margin-top: 1.5rem;}
    .whatsapp {bottom: 2rem; right: 1rem;}
    .whatsapp > a {width: 3rem; height: 3rem;}
    
    .main_menu .frow {display: block;}
    .mopen .head_menu_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; height: calc(100vh - 3rem); background-color: #000000; width: 100vw; top: calc(3rem - 2px); right: unset; left: 0;}
    .mitem {margin-right: 0;}
    .header {padding-top: 1.3rem; height: 4.3rem;}
    .mopen {overflow: hidden;}
    .main_menu .mitem > a {font-size: 2.6rem; line-height: 1.8;}
    .main_menu {position: relative; top: -5rem;}
    .ft_logo img {display: inline-block;}
    
    .steps_title {width: 100%;}
    
    .jpo_in {width: calc(100% - 30px); margin: 0 auto; padding: 6vw 8vw; transform: rotate(0deg);}
}
@media only screen and (max-width: 577px) {
}
@media only screen and (max-width: 376px) {
  .top {background-position: -30.5rem 13rem;}
}
@media only screen and (max-width: 321px) {
}
@media print{
}