body {font-family: var(--font3);padding:0;margin:0;font-size: 20px;line-height: 1.2;background-color: var(--c-grey);color: var(--c-main-dark);-webkit-font-smoothing: antialiased;position: relative;}
input, textarea, button {border-radius: 0;-webkit-appearance:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
::selection {color: var(--c-white);background: var(--c-accent);}
::-moz-selection {color: var(--c-white);background: var(--c-accent);}
::-webkit-scrollbar{background:var(--c-main-dark);width:10px;}
::-webkit-scrollbar-thumb{background: var(--c-accent);}
*:not(.slick-track,.slick-list,.selectbox-dropdown,.swiper-slide), *:before, *:after{transition: all .4s;}
a {text-decoration:none;outline: none;color: var(--c-accent);}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-block-end: 20px;}
h1{font-size:82px;}
h2{font-size:60px;}
h3{font-size:54px;}
h4{font-size:26px;}
h5{font-size:20px;}
h6{font-size:20px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-row-center{display: flex;justify-content: center;}

.c-accent{color:var(--c-accent);}
.bg-white{background-color:var(--c-white);}
.bg-grey{background-color:var(--c-grey);}
.bg-black{background-color:black;}
.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}
.main-title{font-family: var(--font);font-style: normal;font-weight: 400;line-height: normal;text-shadow: 0 4px 9px rgba(0, 0, 0, 0.25);font-size: 82px;}
.hero-subtitle {font-weight: 500;}
.section-title{ font-family: var(--font2); font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; }
.text-title{ font-family: var(--font3); font-style: normal; font-weight: 500; line-height: normal; }
.btn {display: flex;padding: 10px 50px;max-width: fit-content;border-radius: 25px;cursor: pointer;}
.btn.primary { border: 1px solid var(--c-accent);background-color: var(--c-accent);color: var(--c-white);}
.btn.primary:hover { background-color: transparent; color: var(--c-accent); }
.btn.secondary { background-color: var(--c-white); padding-inline: 25px; }
.link { color: inherit; text-decoration: underline; }
.link:hover { color: var(--c-accent); }
.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.main {max-width: var(--grid);}
.grid.tiny {max-width: var(--grid-tiny);}
.grid.wide {max-width: var(--grid-wide);}
/*--swiper customization--*/
.swiper-pagination-bullet { width: 10px; height: 10px; background: var(--c-white); border: 1px solid var(--c-white); opacity: 1; } 
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: transparent;  }
.swiper-pagination-lock { display: block !important; }
/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity;transition-timing-function: cubic-bezier(.175,.885,.32,1.175);transition-duration: 0.75s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,35%);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}

.grid-two-items { display: grid; grid-template-columns: repeat(var(--grid-two-items), 1fr);}
.grid-three-items { display: grid; grid-template-columns: repeat(var(--grid-three-items), 1fr); gap: 20px; }
.grid-four-items { display: grid; grid-template-columns: repeat(var(--grid-four-items), 1fr); }
.hero { width: 100%; height: 615px; color: var(--c-white); }
.sticky-title { position: sticky; inset-block-start: var(--header-height); }

/*--header--*/
.header-logo.negative { display: none; }
.header.inner-page .header-logo.negative { display: block; }
.header.inner-page .header-logo { display: none; }
.header.front-page .header-menu-wrapper {max-width: fit-content;width: 100%;margin-inline-end: auto;margin-inline-start: 0;}
.header.hp-header .header-menu-wrapper { margin-inline: auto; }
.header.front-page.hp-header .header-logo-wrapper { display: block; }
.header-menu-wrapper { margin-inline-start: auto; margin-inline-end: auto; }
.header {background-color: transparent;position: fixed;width: 100%;inset-block-start: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 208px;width: 100%;display: flex;align-items: center;}
.header-logo {max-width: 100%;}
.header-nav {display: flex;align-items: center;height: 100%;width: 100%;gap: 30px;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.header.inner-page .header-menu-wrapper li a {color: var(--c-main-dark);}
.header-nav>li:hover>a, 
.header-nav .sub-menu li:hover>a, 
.header-nav>li.current-menu-item>a, 
.header.scroll .header-nav li.current-menu-item>a, 
.header .header-nav li.current-page-ancestor>a, 
.header.scroll .header-nav li.current-page-ancestor>a,
.header.inner-page .header-menu-wrapper li.current-menu-item>a { color: var(--c-accent); }
.header-nav>li>.sub-menu {display: none;position: absolute;width: max-content;background-color: rgb(0 0 0 / 90%);border: 2px solid var(--c-blue);box-shadow: 0 0 20px rgb(18 65 180 / 50%);padding: 10px 20px;top: 40px;}
.header.front-page .header-logo-wrapper { display: none; }
.header-nav>li a { color: var(--c-white); }
.header.scroll { background-color: var(--c-grey); }
.header.scroll .header-nav li a {color: var(--c-main-dark);}
.hero.video > video { position: absolute; width: 100%; max-width: 100%; height: 100%; inset-block-start: 0; object-fit: cover; z-index: -1; }
.hero.video { position: relative; }
.hero.video.product-inner { display: flex; flex-direction: column; justify-content: center; }
.hero.video.product-inner .main-title,.hero.video.product-inner .hero-subtitle {max-width: 50%;margin-inline-start: auto;}
 /*--hp-*/
.hp-video { display: flex; flex-direction: column; align-items: center; }
.hp-video.full-width {position: relative;height: 100vh;}
.hp-video video { position: absolute; width: 100%; height: 100%; inset-block-start: 0; object-fit: cover; object-position: center; z-index: -1; }
.hp-video.full-width img {max-width: 355px;margin-block-start: 150px;margin-block-end: 70px;}
.top-gallery .swiper-slide { color: var(--c-white); text-align: center; }
.swiper.top-gallery {direction: rtl;max-width: var(--grid-wide);width: 100%;padding-block-end: 50px;}
.swiper.top-gallery .main-title {margin-block-end: 50px;max-width: 100%;margin-inline: auto;}
.swiper.top-gallery  .text { max-width: 40%; margin-inline: auto; }
.swiper.top-gallery .swiper-pagination { direction: ltr; }
.hp-about .text-wrapper { max-width: 55%; width: 100%; height: fit-content; display: flex; flex-direction: column; align-self: center; }
.hp-products { padding-block: 60px; }
.hp-about { padding-block: 215px; }
.hp-about .img-container h3 { text-align: center; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); font-size: 52px; font-style: normal; font-weight: 700; line-height: normal; color: white; position: absolute; margin: 0; z-index: 9; transform: translate3d(0, 110px, 20px); transition-timing-function: cubic-bezier(.175,.885,.32,1.175); transition-duration: .6s; }
.hp-about .img-wrapper {max-width: 40%;width: 100%;display: flex;flex-direction: column;gap: 10px;justify-content: center;}
.hp-about .row { gap: 5%; }
.hp-about .img-container img { max-width: 100%; filter: grayscale(1); transition: var(--transition); }
.hp-about .img-container { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hp-about .img-container:hover img {filter: grayscale(0);}
.hp-about .img-container:hover h3 { transform: translate3d(0, 0, 20px); }
.product .text { max-width: 50%; }
.products-wrapper .text h3 { font-weight: 500; }
.products-wrapper .text ul { padding-inline-start: 20px; line-height: 1.5; }
.product .text {max-width: 48%;height: fit-content;display: flex;flex-direction: column;align-self: center;max-height: 70px;overflow: hidden;}
.product .vid-wrapper { max-width: 48%; }
.products-wrapper .text h3 { font-weight: 500; }
.products-wrapper .text ul { padding-inline-start: 20px; line-height: 1.5; }
.product.row:nth-child(even) { flex-direction: row-reverse; }
.product.row {justify-content: space-between;min-height: 680px;}
.vid-wrapper { display: flex; flex-direction: column; justify-content: center; }
.product.row .btn.primary {margin-block-start: 30px;}
.products-wrapper .text p,.products-wrapper .text ul { max-width: 80%; }
.product.row:nth-child(even) .text { text-align: end; }
.product.row:nth-child(even) .text p, .products-wrapper .product.row:nth-child(even) .text ul { margin-inline-start: auto; }
.product.row:nth-child(even) .products-wrapper .text ul li { max-width: fit-content; }
.product.row:nth-child(even) .btn.primary { margin-inline-start: auto; }
.product:hover .text {max-height: 700px;}
.tabs-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 125px;}
.tabs-content { display: flex; flex-direction: column; gap: 12px; }
.tab-content { display: none; }
.tab-content.active { display: flex; flex-direction: column; gap: 60px; }
.tab-btn { border: none; background-color: transparent; min-height: 70px; font-size: 20px; font-family: inherit; text-align: start; padding-inline: 20px; position: relative; font-weight: 500; border-radius: 10px; cursor: pointer; }
.tab-btn.active { background-color: var(--c-accent); color: var(--c-white); }
.tab-btn:not(:last-child):before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #CFCFCF; inset-block-end: -6px; inset-inline-start: 0; }
.tab-btn:hover { background-color: var(--c-accent); color: var(--c-white); }
.hp-tabs h2 { margin-block-end: 80px; }
.swiper.bottom-gallery,.swiper.prod-gallery { max-width: 100%; padding-block-end: 70px; }
.hp-bottom-gallery-wrapper h2 { margin-block-end: 60px; }
.hp-tabs { padding-block-end: 100px; }
.hp-bottom-gallery-wrapper {padding-block-start: 50px;padding-block-end: 60px;}
.bottom-gallery .bottom-slide-wrapper { background-color: var(--c-white); padding: 20px; border-radius: 10px; }
.bottom-gallery .bottom-slide-wrapper h4 { margin-block: 20px; }
.bottom-gallery .bottom-slide-wrapper .text {min-height: 105px;max-width: 95%;}
.hp-bottom-gallery-wrapper .swiper-wrapper { height: fit-content; }
.swiper-pagination-bullet { border-color: var(--c-accent); background: transparent;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--c-accent);  }
/*--cs posts--*/
.posts-bg {background-image: url(/wp-content/uploads/tile-bg.png);background-position: center;min-height: 930px;display: flex;flex-direction: column;padding-block-end: 70px;}
.post-item .img-wrapper img { width: 100%; height: 255px; object-fit: cover; border-radius: 10px; }
.more-posts {margin-block-end:50px;}
.post-read-more h2 { margin-block-end: 95px; }
.post-item { border-radius: 10px; border: 1px solid #DBDBDB; background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0.35%, rgba(0, 0, 0, 0.02) 97.53%); backdrop-filter: blur(6.5px); color: var(--c-main-dark); min-width: 0; }
.post-item-wrapper {padding-inline: 15px;padding-block: 15px 30px;display: flex;flex-direction: column;height: 100%;box-sizing: border-box;}
.post-item h5 { margin-block: 20px; text-align: center; } 
.post-item .text { margin-block-end: 30px; text-align: center; }
.post-item .btn.primary { margin-block-start: auto; margin-inline: auto; }
.categories-menu-wrapper {padding-block: 70px;position: relative;z-index: 1;}
.categories-menu ul { display: flex; gap: 20px; }
.category-link.active { background-color: var(--c-accent); color: var(--c-white); }
.categories-menu ul li a { background-color: var(--c-grey); padding: 5px 10px; color: #AFAFAF; border-radius: 20px; display: flex; white-space: nowrap; }
.categories-menu ul li a:hover { color: var(--c-main-dark); }
.categories-menu ul li.category-item.active a { background-color: var(--c-accent); color: var(--c-white); }
/*--about--*/
.hero.about h1 { max-width: 965px; padding-block-start: 175px; margin: 0; margin-inline-start: auto; }
.about-top { padding-block: 70px; position: relative; }
.about-top .text { max-width: 68%; }
.about-top-img { position: absolute; inset-block-start: -580px; inset-inline-start: -220px; }
.about-top-text { max-width: 965px; margin-inline-start: auto; }
.about-top-icons { margin-block-start: 200px; gap: 20px; }
.about-top-icons .icon { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 30px; }
.tab-content .text { min-height: 120px; }
.about-top-icons .icon h5 { max-width: 90%; }
.form-container .wpcf7 form.invalid .wpcf7-response-output, .form-container .wpcf7 form.unaccepted .wpcf7-response-output, .form-container.wpcf7 form.payment-required .wpcf7-response-output { border-color: white; color: white; }
.tab-content > img { object-fit: cover; width: 537px; height: 435px; border-radius: 10px; }
.wpcf7-not-valid-tip { color: #ff9a9a; margin-block-start: 5px; font-size: 16px; }
.tabs-row { display: grid; grid-template-columns: repeat(4, 1fr); }
.tabs.about .tab:first-child {border-start-start-radius: 40px;border-end-start-radius: 40px;}
.tabs.about .tab {min-height: 70px;border: 1px solid var(--c-accent);font-size: 18px;color: var(--c-accent);display: flex;align-items: center;justify-content: center;cursor: pointer;padding-inline: 20px;text-align: center;}
.tabs.about .tab:last-child {border-end-end-radius: 40px;border-start-end-radius: 40px;}
.tabs.about .tab.active,.tabs.about .tab:hover { background-color: var(--c-accent); color: var(--c-white); }
.tabs.about .tabs-content-wrapper { background-color: var(--c-white); min-height: 345px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.tabs-container { display: flex; flex-direction: column; gap: 30px; }
.tabs.about .tabs-content-wrapper .text { max-width: 70%; text-align: center; margin-inline: auto; }
.about-mission .text-wrapper,.about-mission .vid-wrapper {max-width: 50%;}
.tabs.about { padding-block-end: 190px; }
.tabs.about.mobile { display: none; }
.about.nums>video { position: absolute; width: 100%; max-width: 100%; height: 530px; object-fit: cover; object-position: center; z-index: -1; }
.about-mission { padding-block-end: 70px; }
.about.nums .section-title { color: var(--c-white); }
.nums-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.about.nums { min-height: 530px; display: flex; align-items: center; }
.num-item { border-radius: 10px; border: 1px solid #707070; background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0.35%, rgba(0, 0, 0, 0.02) 97.53%); backdrop-filter: blur(13px); height: 260px; display: flex; flex-direction: column; align-items: center; color: var(--c-white); }
.num-item .num { font-size: 80px; font-family: var(--font); font-weight: 500; }
.num-item>img { margin-block: 20px; }
.about.values .container {display: flex;justify-content: space-between;}
.about.values .container .title-wrapper { min-width: 50%; position: relative; }
.about.values { padding-block: 150px; }
.values-wrapper {max-width: 530px;width: 100%;display: flex;flex-direction: column;gap: 20px;}
.card-item { background-color: var(--c-white); border-radius: 10px; padding: 30px; }
.team-image { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.team-member { position: relative; height: 390px; overflow: hidden; --content-wrapper-height: 120px; }
.about.team { background-image: url(/wp-content/uploads/team-bg.png); background-position: bottom; padding-block-end: 180px; }
.about.team .section-title { margin-block-end: 40px; }
.team-member:hover .content-wrapper { transform: translate3d(0, 0, 20px); }
.team-member .content-wrapper { position: absolute; width: 100%; min-height: var(--content-wrapper-height); background: linear-gradient(0deg, rgba(27, 27, 28, 0.90) 0%, rgba(27, 27, 28, 0.00) 100%); inset-block-end:0; transform: translate3d(0px, var(--content-wrapper-height), 20px); padding-inline: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; color: var(--c-white); padding-block-end: 20px; }
.team-member .name { font-weight: 600; margin-block-end: 5px; }
.row.info { justify-content: space-between; }
/*--careers--*/
.careers-lobby { display: flex; flex-direction: column; justify-content: center; }
.careers-lobby h1 { max-width: 70%; }
.careers-lobby-filter { padding-block: 60px; margin-block-end: 40px; }
.careers-lobby-filter .section-title { margin: 0; }
.careers-lobby-gallery .section-title { margin-block-end: 60px; }
.careers-lobby-gallery { margin-block-end: 60px; padding-block-start: 80px; }
.careers-wrapper.grid-two-items { gap: 20px; }
.career-item { background-color: var(--c-white); border-radius: 10px; padding: 20px; display: flex; align-items: center; }
.career-item .btn.primary { min-width: 110px;padding-inline: 20px; margin-inline-start: auto; } .career-info-item { gap: 10px; }
.career-info { color: var(--c-main-dark); }
.career-info-items { gap: 40px; }
.career-lobby-bottom span { background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0.35%, rgba(150, 149, 149, 0.04) 97.53%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; backdrop-filter: blur(2px); -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #2d2d2d; font-family: var(--font2); font-size: 220px; font-style: normal; font-weight: 800; line-height: 1; text-transform: uppercase; }
.career-lobby-bottom { display: flex; justify-content: center; padding-block: 230px; }
.careers-lobby-main { margin-block-end: 60px; }
/*--career -inner--*/
.careers-inner  .section-title { font-size: 60px; margin-block-end: 50px; }
.careers-inner { padding-block: calc(var(--header-height) + 50px); }
.careers-inner-content {max-width: 750px;}
.career-inner-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.career-inner-form-wrapper { max-width: 390px; }
.careers-inner-content p:empty { margin-block-start: 20px; }
.career-inner-form-wrapper h4 { font-style: normal; font-weight: 600; color: var(--c-accent); margin-block-end: 30px; }
.career-inner-form-wrapper .text { font-size: 16px; display: flex; flex-direction: column; margin-block-end: 20px; }
.career-inner-form-container { background-color: var(--c-white); border-radius: 10px; padding: 30px; }
.career-inner-form-wrapper .text a { font-weight: 600; color: var(--c-main-dark); }
.careers-inner-content ul { display: flex; flex-direction: column; gap: 20px; }

.career-inner-form-container form input, .career-inner-form-container form textarea { width: 100%; display: flex; border: 1px solid #DBDBDB; border-radius: 22px; height: 45px; padding-inline: 20px; font-family: inherit; color: var(--c-main-dark); font-size: 16px; }
.career-inner-form-container form .form-input {display: flex;align-items: center;flex-direction: column;gap: 5px;}
.career-inner-form-container form { display: flex; flex-direction: column; gap: 20px; }
.career-inner-form-container form .row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.career-inner-form-container form .wpcf7-linkedin.form-linkedin { font-size: 12px; display: flex; justify-content: center; align-self: center; }
.career-inner-form-container form input::placeholder { color: var(--c-main-dark); font-size: inherit; }
.career-inner-form-container form .wpcf7-linkedin.form-linkedin:hover { text-decoration: underline; }
.career-inner-form-container form input[type="submit"] { background-color: var(--c-accent); color: var(--c-white); font-size: 20px; cursor: pointer; border-color: var(--c-accent); }
.career-inner-form-wrapper .text a:hover { text-decoration: underline; }
.career-inner-form-container form textarea { width: 100%; height: 100px; padding-block-start: 10px; resize: none; }
.form-file-field {position: relative;display: flex;align-items: center;background-color: var(--c-white);}
.form-file-field > p { opacity: 0; position: absolute; width: 100%; height: 44px; inset-block-start: 0; }
.form-file-field:before {content: "";position: absolute;background: url(/wp-content/uploads/upload.svg);width: 22px;height: 22px;inset-inline-end: 10px;inset-block-start: 10px;}
.file-placeholder {padding-inline-start: 10px;font-size: 12px;padding-inline-end: 35px;text-align: center;border: 1px solid #D1D9E1;border-radius: 22px;height: 44px;align-items: center;display: flex;}
.career-inner-form-container form > .field-wrapper { width: 100%; }
.career-inner-form-container form input[type="submit"]:hover { background-color: transparent; color: var(--c-accent); }
/*--products--*/
.hero.products { display: flex; align-items: center; }
.hero.products .main-title { text-align: center; }
.page-template-products .form-container .grid.main {max-width: 760px;}
.page-template-products .form-container .grid.main .form-wrapper { max-width: 675px; margin-inline: auto; }
.products-top-text { text-align: center; max-width: 65%; margin-inline: auto; }
.products-top-text .section-title { margin-block-end: 40px; }
.products-top { padding-block: 70px 200px; }
.product-lobby-card .text { min-height: 240px; }
.product-lobby-card { background-color: var(--c-white); border-radius: 10px; padding: 35px; display: flex; flex-direction: column; gap: 30px; }
.product-lobby-card .btn.primary { margin-inline: auto; }
.products-main .grid-two-items { gap: 45px 20px; }
.product-lobby-card h4 { margin: 0; }
.products-main { padding-block-end: 300px; }
.services-wrapper { display: flex; justify-content: space-between; }
.product-lobby-card img { width: 100%; height: 260px; object-fit: cover; border-radius: 10px; }
.services-main { padding-block-end: 125px; }
.services-container { max-width: 530px; width: 100%; display: flex; flex-direction: column; gap: 20px; }
/*--blog--*/
.bg-video { position: absolute; inset: 0; margin: auto; width: 100%;max-width: 100%; } 
.blog-main { position: relative; min-height: 100vh;    padding-block-end: 100px;}
.hero.blog { display: flex; align-items: flex-end; }
.hero.blog .grid.wide { text-align: center; }
.hero.blog .hero-subtitle { margin-block-end: 65px; }
.blog-top .section-title { margin: 0; }
.blog-top { padding-block: 70px; }
/*-- blog inner --*/
.blog-inner .section-title { font-size: 60px; max-width: 90%; margin-block-end: 50px; }
.blog-inner {padding-block-start: calc(var(--header-height) + 50px);padding-block-end: 100px;min-height: 70vh;display: flex;justify-content: center;align-items: center;}
.blog-inner-content iframe { aspect-ratio: 16 / 9; width: 100%; height: 100%; }
.form-wrapper .grid-three-items .field-wrapper, .form-wrapper .grid-two-items .field-wrapper:has(input[name="country"]), .form-wrapper .grid-two-items .field-wrapper:has(input[name="company"]) { width: 100%; }
.post-password-form { text-align: center; }
.form-wrapper .grid-two-items { gap: 20px; }
/*--pagination--*/
.page-numbers { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; border-radius: 8px; background-color: var(--c-grey); }
.pagination { padding-block: 50px; display: flex; gap: 2px; }
.page-numbers.current { background-color: var(--c-accent); color: var(--c-white); }
.blog-read-more .grid-two-items {gap: 20px;}
.blog-inner-webinar .grid.tiny { max-width: 830px; margin-inline-start: 350px; }
.blog-inner-webinar .section-title { font-size: 60px; }
.blog-read-more { padding-block-end: 100px; }
.blog-inner-webinar .form-wrapper { background-color: var(--c-white); padding: 30px; border-radius: 20px; display: flex; flex-direction: column; gap: 45px; margin-block-start: 30px; }
.blog-read-more .section-title { margin-block-end: 50px; }
.blog-inner-webinar .form-wrapper .field-wrapper input:not(input[type="submit"]) { border: 1px solid #DBDBDB; border-radius: 22px; }
.webinar-image { position: absolute; inset-inline-end: -200px; }
.blog-inner-webinar { position: relative; padding-block-start: calc(var(--header-height) + 50px); overflow: hidden; padding-block-end: 90px; }
/*--solutions inner--*/
.main-title.solution-smaller-title {
    font-size: 60px;
}
.solution-inner-main { min-height: 1400px; position: relative; }
.hero.solution-inner { display: flex; align-items: center; }
.hero.solution-inner .wrapper { display: flex; align-items: flex-start; gap: 40px; }
.hero.solution-inner .wrapper h1 { max-width: 70%; margin: 0; }
.hero.solution-inner .wrapper > img { margin-block-start: 10px; }
.solution-top-image { position: absolute; z-index: 2; inset-inline-end: 0; inset-block-start: -470px; }
.solution-inner-main .service-description-item .item-wrapper{ padding-inline-start: 30%; padding-inline-end: 50px; }
.solution-inner-main .service-description-item { padding-block: 120px; }
.solution-inner-main .content-wrapper { padding-block: 90px; }
.solution-inner-main .row-reverse .service-description-item .item-wrapper { padding-inline-end: 30%; padding-inline-start: 50px; }
/*--text page content--*/
.text-page-main { padding-block-end: 100px; }
.text-page-top h1 { margin: 0; }
.text-page-top { padding-block: 100px; }
.text-page-main h2,.text-page-main h3,.text-page-main h4,.text-page-main h5,.text-page-main h6 { font-size: 26px; }
/*-- product service inner --*/
.products-service h1 { max-width: 60%; }
.hero.products-service { display: flex; flex-direction: column; justify-content: center; }
.service-top-img { position: absolute; inset-inline-end: 100px; inset-block-start: -450px; }
.service-top { min-height: 350px; position: relative; padding-block-start: 70px; }
.service-top-text { max-width: 650px; }
.services-wrapper .product-lobby-card > img{max-width: 70px;max-height: 70px;width: 100%;object-fit: contain;}
.service-icons-wrapper { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding-block-start: 200px; }
.service-icon-item { max-width: 290px; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 30px; }
.service-icon-item img { margin-inline: auto; }
.service-main { min-height: 100vh; position: relative; mix-blend-mode: darken; margin-block: 50px; background-position: center; background-size: contain; }
.service-description-item { border-radius: 10px; border: 1px solid #DBDBDB; background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0.35%, rgba(0, 0, 0, 0.02) 97.53%); -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); max-width: calc(50% - 10px); width: 100%; padding-block: 75px; }
.description-wrapper { display: flex; flex-direction: column; gap: 20px; padding-block-start: 135px; }
.service-description-item h3{ font-style: normal; font-weight: 500; }
.service-description-item-wrapper .item-wrapper { max-width: 575px; }
.service-description-item-wrapper .item-wrapper ul { display: flex; flex-direction: column; gap: 20px; padding-inline-start:20px; }
.row.service-description-item-wrapper .item-wrapper { margin-inline-start: auto; margin-inline-end: 30px; }
.row-reverse.service-description-item-wrapper .item-wrapper { margin-inline-start: 30px; max-width: 760px; }
.service-bottom-wrapper { display: flex; justify-content: space-between; }
.faq { max-width: 790px; width: 100%; display: flex; flex-direction: column; gap: 20px; }
.service-bottom { padding-block: 100px; }
.faq-title-row { display: flex; align-items: center; }
.faq-plus {display: flex;position: absolute;width: 2px;height: 100%;background-color: var(--c-main-dark);transform-origin: 0;inset: 0;margin: auto;transition: var(--transition);}
.faq-item.open .faq-plus:first-child {height: 0;}
.faq-plus-wrapper { display: flex; width: 15px; height: 15px; position: relative; align-items: center; justify-content: center; margin-inline-start: auto; }
.faq-item .text-wrapper .text { max-width: 95%; padding-block-start: 20px; }
.faq-plus:first-child {transform: rotate(90deg) translate(-1px, -1px);}
.faq-title-row h4 { margin: 0; font-weight: 600;max-width: 90%; }
.faq-item { background-color: var(--c-white); border-radius: 10px; padding: 20px; cursor: pointer; }
.faq-item .text-wrapper { max-height: 0; overflow: hidden; }
/*--product inner--*/
.product-inner-top-wrapper { display: flex; gap: 70px; }
.product-inner-top { padding-block: 75px; }
.product-inner-top .section-title { height: fit-content; align-self: center; }
.product-inner-main .text { max-width: 66%; margin-inline: auto; }
.product-inner-main { padding-block: 85px; margin-block-end: 60px; }
.product-inner-main .section-title { margin-block-end: 75px; }
.gallery-image-wrapper img { max-width: 100%; }
.product-inner-gallery .swiper-slide,
.product-inner-gallery .swiper-slide img,
.gallery-image-wrapper,
.gallery-image-wrapper img { transition: none !important; }
.gallery-image-wrapper { display: flex; align-items: center; justify-self: center; }
.product-inner-gallery .swiper-wrapper { align-items: center; }
.product-inner-bottom { min-height: 1080px; background-position: bottom; display: flex; flex-direction: column; justify-content: center; padding-block-end: 60px; }
.product-icons { max-width: 530px; display: flex; flex-direction: column; gap: 20px; }
.product-icons-wrapper { display: flex; justify-content: space-between; padding-block-start: 120px; }
.product-icon-item { border-radius: 10px; border: 1px solid #DBDBDB; background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0.35%, rgba(0, 0, 0, 0.02) 97.53%); backdrop-filter: blur(4.25px); padding: 30px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.product-inner-bottom .section-title { text-align: start; height: fit-content; }
.product-icon-item h4 { margin: 0; }
/*--solutions--*/
.solution-read-more .grid-three-items { max-width: 910px; margin-inline: auto; }
.solution-read-more { padding-block-end: 90px; }
 .solution-read-more .section-title { max-width: 50%; margin-inline: auto; margin-block-end: 50px; position: relative;}
.solutions-top-img {position: absolute;inset-inline-end: -250px;inset-block-start: -600px;}
.solutions-top {position: relative;min-height: 500px;overflow-x: clip;}
.hero.solutions { display: flex; align-items: center; }
.hero.solutions .main-title { max-width: 60%; }
.solutions-top .text { max-width: 590px; }
.solutions-top-text { padding-block-start: 70px; }
.solutions-main { padding-block: 75px; }
.solutions-wrapper { display: flex; gap: 20px; }
.solution-item {background-color: var(--c-white);color: var(--c-main-dark);box-sizing: border-box;padding: 20px;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;min-height: 365px;overflow: hidden;}
.solution-item .title-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;gap: 35px;}
.solutions-main .grid-four-items { gap: 20px; }
.solution-item h5 { min-height: 50px; margin: 0; }
.solutions-main .section-title { margin-block-end: 45px; }
.solution-item .text {position: absolute;height: 100%;transform: translate3d(0px, 100%, 20px);padding-inline: 20px;text-align: center;font-size: 16px;display: flex;justify-content: flex-end;box-sizing: border-box;padding-block-end: 40px;flex-direction: column;gap: 35px;}
.solution-item .text span { color: var(--c-accent); text-decoration: underline; }
.solutions-wrapper h5 { text-align: center; margin-block-start: 35px; margin-block-end: 0; max-width: 85%; }
.solution-item:hover { box-shadow: 0 0 21px 0 rgba(77, 166, 255, 0.40); }
.solution-item:hover .title-wrapper { transform: translate3d(0px, -180px, 20px); }
.solution-item:hover .title-wrapper img { opacity: 0; }
.solution-item:hover .text { transform: translate3d(0px, 0, 20px); }
/*--contact page--*/
.contact-main { position: relative; min-height: 1050px; }
.contact-main video { position: absolute; z-index: -1; width: 100%; max-width: 100%; inset-block-start: 0; }
.contact-main .main-title {color: var(--c-white);margin-block-end: 80px;}
.contact-main .form-wrapper form .row:nth-child(3) > .field-wrapper { width: 48.4%; }
.contact-main .form-wrapper form > .field-wrapper { width: 100%; }
.contact-main .form-wrapper form > .field-wrapper textarea {width: 100%;height: 145px;padding-inline: 20px;padding-block-start: 10px;font-family: inherit;font-size: 16px;resize: none;}
.contact-main video { position: absolute; z-index: -1; width: 100%; max-width: 100%; inset-block-start: 0; }
.contact-main .content-wrapper {max-width: 910px;margin-inline-start: auto;margin-inline-end: 170px;padding-block-start: 140px;}
.contact-main .form-wrapper { max-width: 700px; width: 100%; background-color: var(--c-white); padding: 20px; border-radius: 10px; box-sizing: border-box; }
.contact-main .form-wrapper form .field-wrapper input,.contact-main .form-wrapper form .field-wrapper select,.contact-main .form-wrapper form > .field-wrapper textarea {border: 1px solid #DBDBDB;border-radius: 22px;}
.contact-main .form-wrapper h4 { max-width: 75%; }
.contact-main .form-wrapper form .field-wrapper input[type="submit"] { border: 1px solid var(--c-accent); }
/*--thanks page--*/
.thanks .btn.primary { margin-inline: auto; margin-block-start: 40px; }
.thanks { position: relative; height: 100vh; display: flex; align-items: center; }
.f-screen-video { position: absolute; width: 100%; max-width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.thanks h1 { font-family: var(--font); color: var(--c-white); }
.thanks .grid.main p { color: var(--c-white); }
section:has(.f-screen-video) + footer { background-image: none; position: absolute; width: 100%; inset-block-end: 0; }
/*--page 404--*/
.page-404 { height: 100vh; }
.page-404-wrapper>img { mix-blend-mode: darken; margin-block-start: 20vh; }
.page-404-wrapper .section-title { text-shadow: 0 4px 8.9px rgba(0, 0, 0, 0.25); }
.page-404-wrapper { height: 100%; display: flex; flex-direction: column; align-items: center; }
 .page-404-wrapper .btn.primary { margin-block-start: auto; margin-block-end: 45px; }
 /*--comeet---*/
 .careers-lobby-main ul.comeet-positions-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.careers-lobby-main .comeet-positions-list li a.comeet-position {
    width: 100%;
    margin: 0;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.careers-lobby-main  li a.comeet-position:hover {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 3px rgb(77 166 255 / 80%) !important;
}
.careers-lobby-main .comeet-list li {
    margin: 0;
}
 

.careers-lobby-main .comeet-list li a {
    background-color: white;
    border: none;
}

.careers-lobby-main .comeet-position-name {
    font-size: 26px;
    font-weight: bold;
    color: var(--c-main-dark);
}

.careers-lobby-main .comeet-outer-wrapper .comeet-groups-list .comeet-list .comeet-positions-list .comeet-position .comeet-position-meta {
    font-size: 16px;
    color: var(--c-main-dark);
}
/*--form component--*/
.form-container { background-image: url('/wp-content/uploads/form-bg.jpg'); min-height: 410px; padding-block:170px; display: flex; align-items: center; }
.form-wrapper .field-wrapper input,.form-wrapper .field-wrapper select,  .form-wrapper .field-wrapper:has(textarea) textarea{ width: 100%; font-family: inherit; font-size: 16px; height: 44px; border-radius: 25px; padding-inline: 20px; color: var(--c-main-dark); border: 1px solid transparent; }
.field-wrapper { width: 31.3%; display: flex; flex-direction: column; }
.two-items-row {display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}

.two-items-row .field-wrapper {
    width: 100%;
}
.form-wrapper form { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.form-wrapper form .row { gap: 20px; }
.form-container .grid.main { max-width: 675px; }
.form-container h2,.form-container .text { color: var(--c-white); text-align: center; }
.form-container .text {margin-block-end: 45px;max-width: 85%;margin-inline: auto;}
.form-container h2 {margin-block-end: 45px;}
.text { font-weight: 400; line-height: normal; }
.form-wrapper .field-wrapper:has(textarea) { width: 100%; }
.form-wrapper .field-wrapper:has(textarea) textarea,.form-wrapper .field-wrapper:has(textarea) select { border: 1px solid #DBDBDB; border-radius: 22px; }
.form-wrapper .field-wrapper:has(textarea) textarea { width: 100%; padding-block-start: 10px; height: 140px; resize: none; }
.form-wrapper .field-wrapper:has(input[type="submit"]) { width: 100%; } 
.form-wrapper .field-wrapper:has(input[name="country"]),
.form-wrapper .field-wrapper:has(input[name="company"]) { width: 48.5%; }
.form-wrapper .field-wrapper input[type="submit"] { cursor: pointer; background-color: var(--c-accent); color: var(--c-white); }
.form-wrapper .field-wrapper input[type="submit"]:hover { background-color: transparent; color: var(--c-accent); border-color: var(--c-accent); }
/*--dropdown--*/
.filter-wrapper { display: flex; gap: 20px; margin-block-start: 60px; }
 .selectbox-dropdown-list { padding-inline: 20px; min-height: 40px; display: flex; align-items: center; }
 .selectbox-dropdown-list.active {
    font-weight: bold;
    display: none;
}
.selectbox-dropdown-list:hover { background-color: var(--c-accent); color: white; }
.selectbox.active>span:before {transform: rotate(-180deg);} 
 .selectbox-dropdown-list > a { height: auto; } 
.selectbox {cursor: pointer;position: relative;height: 45px;max-width: 320px;width: 100%;transition: all .4s;display: flex;list-style: none;padding: 0;padding-inline: 0;box-shadow: inset 0 0 0 1px  rgb(27 27 28 / 20%);border-radius: 10px;margin: 0;box-sizing: border-box;padding-inline: 20px;}
.selectbox.open,.selectbox.works-nav.open {border-bottom-left-radius: 0;brder-bottom-right-radius: 0;width: 100%;}
.selectbox-dropdown-wrapper {background: var(--c-white);display: flex;flex-direction: column;width: 100%;box-shadow: inset 0px -1px 0 1px rgb(27 27 28 / 20%);box-sizing: border-box;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; overflow: hidden;}
.selectbox-dropdown {transform-origin: top;transform: translate(0, 33px);max-height: 0;margin-top: 10px;overflow: hidden;position: absolute;width: 100%;left: 0;transition: all .4s;}
.selectbox-dropdown-list > a {transition: all .4s ease;height: auto;font-size: 14px;display: flex;align-items: center;color: inherit;text-decoration: none;padding-inline-start: 30px;}
.selectbox-dropdown-list > a:hover, .selectbox-dropdown-list.active >a {text-decoration: none;}
.selectbox-txt {display: inline-flex; font-size: 20px;}
.selectbox>span:before { content: ""; position: absolute; background: url(/wp-content/uploads/arrow-down.svg) no-repeat 0 0 / contain; width: 18px; height: 9px; inset-block-start: 44%; inset-inline-end: 0; }
.selectbox.active { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.selectbox.open>span:before {transform: rotate(180deg);}
.selectbox>span {display: flex;width: 100%;height: 100%;align-items: center;position: relative;font-weight: normal;}
/*--footer--*/
footer { background-image: url(/wp-content/uploads/footer-bg.jpg); padding-block: 25px; }
.footer-menu-wrapper { display: flex; align-items: center; margin-inline: 85px; }
.footer-nav li a { color: var(--c-white); font-size: 16px; }
.footer-nav { gap: 30px; }
.footer-wrapper {margin-inline: auto;justify-content: center;}
.footer-socials { display: flex; align-items: center; gap: 20px; }
.footer-socials a { min-width: 30px; min-height: 30px; background-color:transparent; border-radius:50%; padding: 5px; display: flex; justify-content: center; }
.footer-socials a:hover { background-color:var(--c-accent) }
.copyrights { text-align: center; color: var(--c-white); padding-block-start: 20px; border-block-start: 1px solid var(--c-white); font-size: 14px; margin-block-start: 20px; }
#footer-form .wpcf7 form.sent .wpcf7-response-output { color: var(--c-white); }

.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media(min-width:1921px){
    .contact-main { min-height: 100vh; padding-block-end: 150px;}
    
}

@media (max-width: 1750px) {
    :root{ --grid:80%; --grid-wide:90%; }
    .main-title {font-size: 50px;}
    .solutions-top-img,
    .service-top-img,
    .about-top-img,.solution-top-image {max-width: 50vw;inset-block-start: -25vw;}
    h4 { font-size: 18px; }
    h2 { font-size: 50px; }
    .products-service h1 { max-width: 50%; }
    .service-top-img { inset-inline-end: 0; }
    .main-title { font-size: 60px; }
    .video.full-width img { max-width: 160px; margin-block: 55px; }
    .product .text {max-height: 100%;}
    .hp-about { padding-block: 75px; }
    .hp-products video { max-width: 450px; }
    .hero { height: 500px; }
    .about-top-text,
    .hero.about h1{ max-width: 65%; }
    .solutions-top { min-height: 400px; }
    .product-inner-bottom { min-height: auto; }
    .products-main { padding-block-end: 100px; }
    .products-top { padding-block: 70px; }
    .product-icons-wrapper { padding-block-start: 60px; }
    .form-container { padding-block: 100px; min-height: auto; }
}

@media (max-width: 1540px) {
    :root { --grid: 90%; }
    body { font-size: 16px; }
    .service-icons-wrapper { padding-block-start: 100px; }
    .description-wrapper { padding-block-start: 100px; }
    .service-icon-item { max-width: 20%; }
    .service-bottom { padding-block: 50px; }
    .solutions-top-img, .service-top-img, .about-top-img { max-width: 50vw; }
    .contact-main .content-wrapper { padding-block-start: 80px; }
    .main-title { font-size: 60px; }
    .about.values { padding-block: 100px; }
    .product-lobby-card .text { min-height: auto; }
    .services-main .grid.main { max-width: 65%; }
    .contact-main .main-title { margin-block-end: 50px; max-width: 80%; }
    .footer-nav {gap: 15px;}
    .solution-top-image{max-width: 40vw;}
     .footer-logo { max-width: 150px; }
}
@media(max-width:1440px){


}
@media(max-width: 1366px){
    .footer-nav li a { font-size: 14px; } 
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
    :root { --grid-tiny: 90%; --grid-three-items: 2; --grid-four-items: 2;}
    body { font-size: 18px; }
    h1{ font-size: 60px; }
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    /*--header--*/ 
    .header-menu-wrapper,.header.front-page .header-menu-wrapper {max-width: 100%;width: 100%;height: 100%;position: fixed;inset-inline-start: 0;z-index: 0;background-color: var(--c-white);top: var(--header-height);clip-path: circle(0% at left top);transition: all .6s cubic-bezier(.175,.885,.32,1.275);}
    .header,.header.scroll {height: var(--header-height);}
    .header.inner-page .header-humburger-wrapper { filter: invert(1); }
    .header.inner-page.scroll .header-humburger-wrapper { filter: invert(0); }
    .header-nav {flex-direction: column;align-items: flex-start;max-width: var(--grid);margin-inline: auto;padding-block-start: 30px;} 
    .header-nav>li:last-child {margin: 0;height: auto;}
    .header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
    .header-nav>li a {display: inline-flex;width: fit-content;color: var(--c-main-dark);font-size: 26px;font-weight: 600;} 
    .header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
    .header.front-page.scroll.hp-header .header-humburger-wrapper { filter: invert(1); }
    .header.scroll.front-page { background-color: transparent; }
    .header.front-page.scroll.hp-header { background-color: var(--c-grey); }
    .header.scroll .header-humburger { background-color: var(--c-main-dark); }
    .header.scroll .header-humburger-wrapper { border-color: var(--c-main-dark); }
    .header.front-page.scroll .header-humburger-wrapper { border-color: var(--c-white); }
    .header.front-page.scroll .header-humburger-wrapper .header-humburger { background-color: var(--c-white); }
    /*--humburger anim--*/
    .header-humburger-wrapper {width: 36px;height: 36px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-start: auto;padding: 0;background: transparent;border: 1px solid var(--c-white);padding: 7px;border-radius: 5px;}
    .header-humburger {width: 90%;background-color: white;height: 2px;display: flex;margin-inline: auto;} 
    .header-menu-wrapper.open,.header.front-page .header-menu-wrapper.open {clip-path: circle(145% at left top);}
    .header-humburger.line1,.header-humburger.line3 {transform: translateY(0) rotate(0);}
    .header-humburger.line2.open {opacity: 0;}
    .header-humburger.line2 {transition-duration: .75s;}
    .header-humburger.line1.open {animation: huburger-line1-open .75s forwards;}
    .header-humburger.line1.close {animation: huburger-line1-close .75s forwards;}
    .header-humburger.line3.open {animation: huburger-line3-open .75s forwards;}
    .header-humburger.line3.close {animation: huburger-line3-close .75s forwards;}
    @keyframes huburger-line1-open{
        0%{transform: translateY(0) rotate(0);}
        50%{transform: translateY(9px) rotate(0);}
        100%{transform: translateY(9px) rotate(45deg);}
    }
    @keyframes huburger-line1-close{
        0%{transform: translateY(10px) rotate(45deg);}
        50%{transform: translateY(10px) rotate(0);}
        100%{transform: translateY(0) rotate(0);}
    }
    @keyframes huburger-line3-open{
        0%{transform: translateY(0) rotate(0);}
        50%{transform: translateY(-9px) rotate(0);}
        100%{transform: translateY(-9px) rotate(-45deg);}
    }
    @keyframes huburger-line3-close{
        0%{transform: translateY(-10px) rotate(-45deg);}
        50%{transform: translateY(-10px) rotate(0);}
        100%{transform: translateY(0) rotate(0);}
    }
    .hero.products { background-position: center; }
    .hp-video.full-width img { max-width: 250px; }
    .header .row .btn.primary { display: none; }
    .video.full-width { height: 100vh; }
    .swiper.top-gallery .text { max-width: 90%; }
    .hp-about .row { flex-direction: column; }
    .hp-about .text-wrapper { max-width: 100%; }
    .hp-about .section-title { text-align: center; }
    .hp-tabs + .hp-bottom-gallery-wrapper { margin-block-end: 50px; }
    .hp-about .img-container h3 { transform: translate3d(0, 0, 20px); }
    .hp-about .img-wrapper { max-width: 100%; margin-block-start: 30px; }
    .hp-about .img-container img { filter: grayscale(0); }
    .solutions-top-img { inset-inline: 0; margin-inline: auto; max-width: 80%; inset-block-start: -27vw; }
    .solutions-top .section-title { text-align: start; }
    .text-page-top,
    .text-page-main { padding-block-end: 50px; }
    .solutions-top { padding-block-start: 35%; }
    .careers-lobby-gallery {max-width: var(--grid);margin-inline: auto;padding-block: 50px;}
    .hp-bottom-gallery-wrapper {padding-block: 0;max-width: var(--grid);margin-inline: auto;}
    .bottom-gallery-mobile { flex-direction: column; max-width: 100%; margin-inline: auto; gap: 20px; }
    .gallery-tab-item { background-color: var(--c-white); border-radius: 10px; padding: 30px; display: flex; flex-direction: column; }
    .blog-inner .section-title { font-size: 40px; max-width: 100%; }
    .hero.blog { background-position: center; }
    .careers-lobby-filter { margin-block-start: 40px; }
    .blog-top { padding-block: 35px; }
    .categories-menu ul li { width: fit-content; }
    .categories-menu ul { gap: 0; }
    .solution-item:hover .title-wrapper {
        transform: translate3d(0px, 0, 20px);
    }
    .solution-item:hover .title-wrapper img{opacity: 1;}
    .solution-item:hover .text {transform: translate3d(0px, 100%, 20px);}
    .solution-item.open .title-wrapper {
        transform: translate3d(0px, -180px, 20px);
    }
    .solution-item.open .title-wrapper img{opacity: 0;}
.solution-item.open .text {transform: translate3d(0px, 0, 20px);}
    .blog-inner-webinar .grid.tiny { max-width: var(--grid); margin-inline: auto; }
    .webinar-image { max-width: 65%; inset: 0; margin-inline: auto; margin-block-start: 70vw; }
    .blog-inner-webinar .form-wrapper { gap: 10px; }
    .blog-inner-webinar .form-wrapper h4 { font-size: 26px; text-align: center; }
    .blog-inner-webinar .section-title { margin-block-end: 80vw; }
    .tab-title-row { display: flex; align-items: center; gap: 20px; }
    .product-icons-wrapper .sticky-title { position: relative; inset-block-start: 0; }
    .tab-title-row h4 { margin: 0; max-width: 215px; }
    .gallery-tab-item.open .arr-btn-wrapper { transform: rotate(180deg); }
    .arr-btn-wrapper { margin-inline-start: auto; }
    .tab-title-row > img { max-width: 50px; }
    .gallery-tab-item .text-wrapper { max-height: 0; overflow: hidden; }
    .gallery-tab-item .text-wrapper .text { padding-block-start: 20px; }
    .tabs-wrapper { grid-template-columns: repeat(1, 1fr); gap: 20px; position: relative; max-width: 90%; margin-inline: auto; }
    .tab-btn {font-size: 16px;border-radius: 0;min-height: auto;background-color: var(--c-grey);padding-block: 15px;}
    .tab-content img {max-width: 100%;margin-inline: auto;}
    .tabs-content { background-color: var(--c-grey);width: 100%; position: absolute; inset-inline: 0; min-height: 40px; gap: 0; max-height: 40px; overflow: hidden; }
    .hp-tabs { background-color: var(--c-white); padding-block-start: 50px; margin-block-end: 50px;}
    .hp-tabs .grid.main { max-width: 100%; }
    .tabs-content-wrapper { max-width: 100%; margin-inline: auto; margin-block-start: 60px; }
    .hp-tabs h2 { margin-block-end: 50px; }
    .tab-btn.active { background-color: var(--c-grey); color: var(--c-accent); }
    .tab-title { align-items: center; min-height: 40px; padding-inline: 20px; margin-block-end: 10px; box-shadow: inset 0 0 0 2px var(--c-accent); font-size: 16px; }
    .tab-btn:not(:last-child):before { display: none; }
    .tab-content.active {gap: 30px;}
    .tabs.about,.about.team { padding-block-end: 100px; }
    .tabs-wrapper:before { content: ""; position: absolute; background: url(/wp-content/uploads/arrow-down.svg) 0 0 no-repeat; width: 18px; height: 9px; z-index: 9; inset-inline-start: 92%; inset-block-start: 16px; }
    .tabs-wrapper.open:before { transform: rotate(180deg); }
    .form-container .grid.main { max-width: var(--grid); }
    .form-container { padding-block: 50px; }
    .career-lobby-bottom span { font-size: 60px; }
    .careers-lobby h1 { max-width: 100%; text-align: center; }
    .career-lobby-bottom { padding-block: 80px; }
    .service-description-item h3 { font-size: 30px; }
    .services-main .grid.main { max-width: var(--grid); }
    .service-main { min-height: auto; margin-block-end: 0; background-size: 100vh; }
    .solution-item { max-width: 100%; }
    .hero.solution-inner .wrapper { flex-direction: column; gap: 10px; }
    .hero.solution-inner .wrapper h1 { max-width: 90%; }
    .hero.solution-inner .wrapper > img { margin: 0; max-width: 50px; }
    .services-wrapper { flex-direction: column; }
    .services-container { max-width: 100%; }
    .services-container .product-lobby-card .text { min-height: auto; }
    .service-bottom-wrapper { flex-direction: column; }
    .faq { max-width: 100%; }
    .products-main { padding-block-end: 50px; }
    .products-top-text { max-width: 100%; }
    .page-template-products .form-container .grid.main { max-width: var(--grid); }
    .hero.solutions .main-title { max-width: 100%; text-align: start; }
    .hero-subtitle { display: none; }
    .contact-main .content-wrapper { max-width: var(--grid); margin-inline: auto; padding-block-start: 50px;}
    .contact-main { height: auto; padding-block: 50px; }
    section:has(.f-screen-video) + footer { position: relative; background-image: url(/wp-content/uploads/footer-bg.jpg); }
    .page-404-wrapper>img { max-width: 100%; }
    .page-404-wrapper { max-width: var(--grid); margin-inline: auto; text-align: center; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1180px) {
    .about-top-img,.service-top-img { max-width: 50%; inset-inline: 0; margin-inline: auto; inset-block-start: -33vw; }
    .service-top-img{max-width: 35%;inset-block-start: -25vw;}
    .hero.products-service { justify-content: flex-start; }
    .product-icons-wrapper { flex-direction: column; }
    .product-inner-top .section-title { text-align: start; width: 100%; }
    .product-icons { max-width: 100%; }
    .hero.products-service .grid.wide { padding-block-start: 100px; }
    .hero.products-service .main-title { text-align: center; margin-inline: auto; }
    .service-top-text .section-title { text-align: start; }
    .tabs.about.desktop { display: none; }
    .tabs.about.mobile { display: block; }
    .hero.about h1 { padding-block-start: 80px; margin-inline: auto; max-width: 100%; text-align: center; }
    .main-title { font-size: 40px; }
    .about-top-text, .hero.about h1 { max-width: 100%; }
    .tabs.about { padding-block-end: 100px; }
    .tabs.about.mobile .tabs-wrapper { max-width: 100%; }
    .about-mission .row {flex-direction: column;flex-wrap: nowrap;}
    .about-mission .text-wrapper, .about-mission .vid-wrapper { max-width: 100%; }
    .vid-wrapper video { max-width: 100%; width: 100%; }
    .about-top .text { max-width: 100%; }
    .about-mission .section-title { text-align: start; }
    .about-top .section-title { text-align: start; }
    .about.nums { min-height: auto; padding-block: 100px; position: relative; overflow: hidden; }
    .nums-wrapper { grid-template-columns: repeat(2, 1fr); }
    .about.nums>video { height: 100%; }
    .team-wrapper.grid-three-items{ --grid-three-items: 2; gap: 10px;}
    .careers-lobby-gallery .hp-bottom-gallery-wrapper { max-width: 100%; }
    .team-member .content-wrapper { padding-inline: 5px; padding-block-end: 10px; }
    .team-member .name { font-size: 16px; text-align: center; }
    .row.info { font-size: 14px; flex-direction: column; text-align: center; }
    .row.info .social-link { display: flex; align-self: center; }
    .row.info .social-link img { max-width: 25px; }
    .about.values { padding-block: 50px; }
    .about.values .container { flex-direction: column; }
    .values-wrapper { max-width: 100%; }
    .about.team { padding-block-end: 100px; }
    .description-wrapper { max-width: var(--grid); margin-inline: auto; padding-block: 20px; }
    .service-icons-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); }
    .service-description-item { max-width: 100%; padding: 20px; }
    .row.service-description-item-wrapper .item-wrapper, 
    .row-reverse.service-description-item-wrapper .item-wrapper{ max-width: 100%; margin-inline: auto; }
    .service-icon-item { max-width: 100%; }
    .solutions-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);}
    .row.footer-wrapper { flex-direction: column; }
    .footer-logo { align-self: flex-start; }
    .footer-menu-wrapper { margin-inline: auto; width: 100%; margin-block: 30px; }
    .footer-nav {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 60px;}
}
@media (max-width: 1024px) {
    .careers-wrapper.grid-two-items { --grid-two-items: 1; }
    .solutions-wrapper h5 { max-width: 100%; font-size: 18px; }
    .solution-item .text { padding-block-end: 30px; font-size: 14px; }
    .tabs.about .tabs-content-wrapper .text { max-width: 85%; padding-block: 5%; }
 .careers-lobby-main ul.comeet-positions-list {
    grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 820px) {
    .products-main .grid-two-items { --grid-two-items: 1; }
    .product-inner-top-wrapper { flex-direction: column; gap: 30px; }
    .product-inner-main .text { max-width: 100%; }
    .product-inner-main .section-title { margin-block-end: 30px; }
    .product-inner-main { padding-block: 50px; margin-block-end: 0; }
    .hero.video.product-inner .main-title, .hero.video.product-inner .hero-subtitle { text-align: center; }
    .hp-products video { max-width: 100%; }
    .hp-about .img-container h3 { font-size: 32px; }
    .section-title,.careers-inner .section-title,.blog-inner-webinar .section-title { font-size: 30px; }
    .product .text { max-width: 100%; max-height: 100%; text-align: center; }
    .main-title {font-size: 38px;max-width: 85%;margin-inline: auto;}
    .products-wrapper .text p, .products-wrapper .text ul { max-width: 100%; }
    .product.row { justify-content: center; }
    .products-wrapper  .btn.primary { margin-inline: auto; }
    .products-wrapper { gap: 50px; display: flex; flex-direction: column; }
    .hp-about .text { text-align: center; }
    .product.row:nth-child(even) .text { text-align: center; }
    .form-wrapper form .row { flex-direction: column; }
    .field-wrapper, .form-wrapper .field-wrapper:has(input[name="country"]), .form-wrapper .field-wrapper:has(input[name="company"]),.contact-main .form-wrapper form .row:nth-child(3) > .field-wrapper { width: 100%; }
    .num-item .num { font-size: 60px; }

}
@media(max-width: 768px){
    .product .vid-wrapper {max-width: 100%;}
}
@media(max-width:440px){
    :root {   --grid-three-items: 1;--grid-two-items: 1; --grid-four-items: 1;}
    .hp-video.full-width img { max-width: 180px; margin-block-start: 80px; margin-block-end: 50px; }
    .hero { height: 100vw; }
    .careers-wrapper.grid-two-items,
    .products-main .grid-two-items { --grid-two-items: 1; }
    .career-item { flex-direction: column; align-items: flex-start; gap: 20px; }
    .career-item .btn.primary { margin-inline-start: 0; }
    .nums-wrapper { grid-template-columns: repeat(1, 1fr); }
    .about-top-img {max-width: 100vw;inset-block-start: -42vw;}
    .about-top {padding-block-start: 50vw;padding-block-end: 50px;}
    .about.values .section-title { text-align: start; }
    .about.team .section-title { text-align: start; }
    .num-item { height: auto; padding-block-end: 20px; }
    .team-member { height: 50vw; }
    .main-title { max-width: 92%; }
    .tab-title-row h4 { font-size: 18px; }
    .solutions-wrapper{ grid-template-columns: repeat(1, 1fr); }
    .service-top { padding-block-start: 60%; }
    .service-top-img { max-width: 90%; inset-block-start: -45vw; }
    .solutions-top-img { max-width: 100%; inset-block-start: -37vw; }
    .products-service h1 { max-width: 100%; }
    .contact-main .main-title { max-width: 100%; text-align: center; }
    .contact-main .form-wrapper h4 { max-width: 100%; text-align: center; }
    .solution-inner-main .service-description-item { padding: 30px; }
    .solution-inner-main .service-description-item .item-wrapper,.solution-inner-main .row-reverse .service-description-item .item-wrapper { padding-inline: 0; }
    .solution-item h5 { max-width: 70%; }
    .solution-inner-main .content-wrapper { max-width: var(--grid); margin-inline: auto; display:flex; flex-direction: column; gap: 40px; padding-block-start: 150px; }
    .solution-read-more .grid-three-items,.solutions-main .grid-four-items { max-width: var(--grid-tiny); margin-inline: auto; }
    .solution-item .text { font-size: 18px; }
    .solution-top-image { max-width: 45vw; }
    .solution-inner-main { min-height: auto; }
}

@media(max-width:375px){
    .main-title { font-size: 32px; }
    .swiper.top-gallery .text { max-width: 100%; }
    .blog-inner-webinar .section-title { margin-block-end: 90vw; }
    .webinar-image { margin-block-start: 90vw; }
}