body {font-family: var(--font);padding:0;margin:0;font-size: 16px;line-height: 1.2;color: var(--c-main-dark);-webkit-font-smoothing: antialiased;}
body:lang(he) { font-family: var(--font-he); }
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: white;background: var(--c-main-dark);}
::-moz-selection {color: white;background: var(--c-main-dark);}
::-webkit-scrollbar{background:var(--c-main-dark);width:10px;}
::-webkit-scrollbar-thumb{background: white;}
a {text-decoration:none;outline: none;color: var(--c-main-dark);}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:52px;}
h2{font-size:35px;}
h3{font-size:38px;}
h4{font-size:35px;}
h5{font-size:22px;}
h6{font-size:18px;}
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;}

.hide-mobile{display:flex;}
.hide-desktop, .main-grid-items.hide-desktop{display:none;}

.swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.swiper,.swiper-wrapper { max-height: 690px; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { inset-block-end: 25px; inset-block-start: auto; }
.swiper-pagination-bullet { width: 6px; height: 6px; background: transparent; border: 2px solid white; opacity: 1; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: white; }
 
/*bg colors*/
.bg-light-grey{background-color: #f7f7f7;}
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.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;}

.font-en{font-family: var(--font);}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;max-width: var(--grid);}
.wide-grid {width: 100%;margin: 0 auto;max-width: var(--header-grid);}
/*---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;}
/*--heaer--*/
.header .wide-grid { height: 100%; display: flex; flex-direction: column; }
.header .wide-grid .row { width: 100%; height: 100%; }
.header {background-color: rgb(20 38 64 / 90%);box-shadow: 0 5px 20px 0 rgb(0 0 0 / 9%);position: fixed;width: 100%;inset-block-start: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);}
.menu-nav-wrapper {max-width: fit-content;width: 100%;display: flex;}
.header .langs {
    display: flex;
    align-items: flex-end;
    padding: 0;
    margin-inline-start: auto;
    list-style: none;
}

.header .langs a {
    color: white;
}

.header .langs:lang(en) {
    font-family: var(--font-he);
}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 125px;width: 100%;margin-inline-end: 160px;display: flex;align-items: center;}
.header-logo {max-width: 100%;}
.menu-nav {display: flex;height: 100%;width: 100%;gap: 45px;}
.menu-nav>li {position: relative;height: 30px;display: flex;align-self: flex-end;font-size: 14px;border-bottom: 4px solid transparent;transition: var(--transition);}
.menu-nav>li:hover>a,.menu-nav>li.current-menu-item>a,.menu-nav>li.current-page-ancestor>a {color: #e6c387;}
.menu-nav>li:not(:last-child):before { content: "\007C"; position: absolute; color: var(--c-yellow); inset-inline-end: -22px; inset-block-start: -1px; font-size: 16px; }
.menu-nav>li:hover, .menu-nav .sub-menu li:hover, .menu-nav>li.current-menu-item, .menu-nav>li.current-page-ancestor{border-color:var(--c-yellow);}
.menu-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;}
.menu-nav>li.menu-item-has-children:hover > .sub-menu {display: block;}
.menu-nav>li.menu-item-has-children:before {content: "";position: absolute;width: 100%;height: 40px;top: 5px;}
.menu-nav>li a {color: white;letter-spacing: 3px;transition: var(--transition);}
/*--hero-*/
.hero {color: white;height: 690px;}
.hero .grid{padding-block-start:220px;}
.hero h1,.hero span {font-size: 51px;text-transform: uppercase;margin-block-end: 0;font-weight: 600;}
.hero .text {padding-top: 15px;font-size: 18px;line-height: 23px;max-width: 628px;}
.hero .btn.primary { margin-block-start: 20px; }
.single-post .hero { height: 540px; }
/*hp*/
.grid-item.grid-item-text h3:lang(he) {font-weight: bold;}
.grid-item.grid-item-text p:lang(he) {max-width: 90%;line-height: 1.35;}
.grid-item.term-item span:lang(he) { font-weight: bold; }
 .section-title:lang(he) { font-weight: bold; }
.hp-slide-down { animation: anim-hp-arr 2s ease-in-out infinite; position: absolute; bottom: 10%; font-size: 50px; right: 50%; z-index: 2; }
@keyframes anim-hp-arr{
    0%{transform: translate(0,0);}
    50%{transform: translate(0,50%);}
    100%{transform: translate(0,0);}
}
.hp-gallery { position: relative; }
.hp-top-text {position: absolute;width: 100%;inset-block-start: 220px;z-index: 9;color: white;}
.hp-top-text h1 { letter-spacing: 1px; line-height: 50px; margin-block-end: 5px; font-weight: 600; }
.hp-top-text h2 { font-size: 46px; line-height: 40px; letter-spacing: 1px; font-weight: 400; margin-block-start: 0; }
.btn { display: flex; max-width: fit-content; font-size: 20px; text-transform: uppercase; border-radius: 10px; padding-inline: 30px; padding-block: 15px; letter-spacing: 1px; transition: var(--transition); }
.btn.primary { background-color: var(--c-yellow); color: white; }
.section-title { line-height: 50px; margin-block: 50px; font-size: 46px; font-weight: 600; }
.hp-top-text .text { max-width: 35%; margin-block-end: 70px; font-size: 18px; line-height: 25px; }
.product-categories-module { --cat-dimension: 176px; max-width: fit-content; margin-inline: auto; display: flex; gap: 25px; }
.category-item {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;width: var(--cat-dimension);height: var(--cat-dimension);background-color: #f2f2f2;transition: var(--transition);}
.category-item:hover { background-color: #e4e4e4; }
.category-item span { max-width: 80%; margin-inline: auto; line-height: 20px; font-size: 14px; color: var(--c-grey-dark); }
.category-item[data-category="automotive"] { box-shadow: inset 0 -5px 0 var(--c-red); }
.category-item[data-category="defense-aerospace"],.category-item[data-category="earthing"] { box-shadow: inset 0 -5px 0 var(--c-cyan-dark); }
.category-item[data-category="general-industries"] {box-shadow: inset 0 -5px 0 var(--c-green);}
.category-item[data-category="medical"] { box-shadow: inset 0 -5px 0 var(--c-cyan); }
.category-item[data-category="semiconductor"] { box-shadow: inset 0 -5px 0 var(--c-grey); }
.category-item[data-category="infrastructure"]{box-shadow: inset 0 -5px 0 var(--c-orange);}
.category-item[data-category="electric-engines"] {box-shadow: inset 0 -5px 0 var(--c-red);}
.product-main[data-category="general-industries"] .product-img-attachment{background-color:var(--c-green)}
.btn.primary:hover { background-color: var(--c-yellow-dark); }
.main-grid-items { display: grid; grid-template-rows: repeat(4, 480px); grid-template-columns: repeat(4, 1fr); margin-block-start: 80px; }
.clad-solutions .category-item { justify-content: center; }
/* First row: 3 items, columns: 2fr 1fr 1fr */
.main-grid-items > .grid-item:nth-child(1) { grid-row: 1; grid-column: 1; grid-column-end: span 2; /* 2fr */ }
.main-grid-items > .grid-item:nth-child(2) { grid-row: 1; grid-column: 3; /* 1fr */ }
.main-grid-items > .grid-item:nth-child(3) { grid-row: 1; grid-column: 4;  background-color: var(--c-green); }

/* Second row: 3 items, columns: 1fr 1fr 2fr */
.main-grid-items > .grid-item:nth-child(4) { grid-row: 2; grid-column: 1; /* 1fr */ }
.grid-item.term-item span { font-size: 30px; line-height: 30px; display: flex; margin-block-start: 60px; color: var(--c-main-dark); }
.main-grid-items > .grid-item:nth-child(5) { grid-row: 2; grid-column: 2; background-color: var(--c-red); }
.main-grid-items > .grid-item:nth-child(6) { grid-row: 2; grid-column: 3; grid-column-end: span 2; /* 2fr */ }

/* Third row: 2 items, columns: 3fr 1fr */
.main-grid-items > .grid-item:nth-child(7) { grid-row: 3; grid-column: 1; grid-column-end: span 3; /* 3fr */ }
.main-grid-items > .grid-item:nth-child(8) { grid-row: 3; grid-column: 4; background-size: contain; background-color: #e7c387; }

/* Fourth row: 3 items, columns: 1fr 2fr 1fr */
.main-grid-items > .grid-item:nth-child(9) { grid-row: 4; grid-column: 1;  background-size: contain; background-color: var(--c-cyan); }
.main-grid-items > .grid-item:nth-child(10) { grid-row: 4; grid-column: 2; grid-column-end: span 2; /* 2fr */ }
.main-grid-items > .grid-item:nth-child(11) { grid-row: 4; grid-column: 4; /* 1fr */ }
.grid-item.term-item { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.grid-item.grid-item-text h3 { font-size: 30px; font-weight: 600; margin-block: 50px; }
.grid-item.grid-item-text p,.grid-item.grid-item-text h3 { padding-inline: 35px; }
.grid-item.grid-item-text p { line-height: 30px; font-size: 18px; max-width: 80%; }
/*-about-*/
.about-main .row { gap: 4%; }
.about-img-col { max-width: 33%; width: 100%; display: flex; flex-direction: column; gap: 50px; }
.about-text-col { max-width: 63%; width: 100%; }
.about-text-col a {text-decoration: underline;transition: var(--transition);}
.about-text-col a:hover {
    color: var(--c-yellow-dark);
}
.about-text-col h2, .about-text-col h1 { line-height: 1; font-weight: 600; font-size: 25px; text-transform: uppercase; }
.about-main { padding-block: 60px; }
.about-text-col p { font-size: 16px; line-height: 30px; max-width: 80%; }
.about-gallery .swiper .text-wrapper { width: 100%; position: absolute; inset-block-start: 215px; text-align: start; color: white; }
.about-top-title { font-size: 51px; letter-spacing: 1px; line-height: 50px; margin-bottom: 6px; font-weight: 600; text-transform:uppercase; }
.text-wrapper h2 { font-size: 18px; line-height: 25px; max-width: 50%; font-weight: normal; }
/*--collaborations--*/
.collaboration-title { font-weight: 600; font-size: 30px; color: #646464; text-transform: uppercase; display: block; text-align: center; margin-block-end: 50px; }
.collaboration-main { padding-block: 100px; }
.collaboration-main ul img { max-height: 65%; max-width: 85%; }
.collaboration-main .partners-list { margin-block-end: 50px; }
.partners-list li a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.partners-list li { min-height: 300px; position: relative; overflow: hidden; }
.collaboration-main ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5%; }
.partners-list li > a > span { background: var(--c-yellow-dark); color: white; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; inset-block-end: -50px; inset-inline-start: 0; width: 100%; height: 45px; font-size: 115%; font-weight: 600; transition: var(--transition); text-transform: uppercase; }
.collaboration-main ul li { padding: 20px; background-color: #f7f7f7; }
.collaboration-main .collaboration-list li { height: 190px; display: flex; align-items: center; justify-content: center; }
.partners-list li:hover > a > span { inset-block-end: 0; }
/*--collaboration inner**/
.collaboration-inner .main-text,.collaboration-inner .main-logo { max-width: 50%; width: 100%; }
.collaboration-inner {margin-block: 100px;}
.collaboration-inner .main-logo { background-color: #f7f7f7; min-height: 390px; display: flex; align-items: center; justify-content: center; }
.collaboration-inner h2 { font-weight: 600; font-size: 30px; line-height: 50px; margin-bottom: 28px; text-transform: uppercase; }
.collaboration-inner .text { max-width: 80%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding-top: 15px; font-size: 19px; line-height: 30px; }
.collaboration-inner .main-text { display: flex; flex-direction: column; justify-content: center; }
.collaboration-inner-gallery { margin-block-start: 85px; display: grid; gap: 3% 1.5%; grid-template-rows: repeat(2, 400px); grid-template-columns: repeat(4, 1fr); }
.gallery-item img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; }
.gallery-item:nth-child(1) { grid-row: 1; grid-column: 1; grid-column-end: span 2; }
.gallery-item:nth-child(4) { grid-row: 2; grid-column: 1; grid-column-end: span 2; }
/*--form module--*/
.form-wrapper .wpcf7-form-control-wrap { width: 100%; display: flex; flex-direction: column; }
.form-module .grid { max-width: 1200px; }
.form-wrapper .field-wrapper { max-width: 49%; width: 100%; }
.form-wrapper form input, .form-wrapper form textarea { width: 100%; border: none; border-block-end: 2px solid var(--c-grey-dark); font-family: inherit; font-size: 29px; line-height: 22px; padding-block: 27px; margin-block-end: 10px; max-height: 90px; resize: none; }
.form-wrapper form input[type="submit"] { height: 52px; font-size: 18px; margin: 0; background: #b89c69; border-radius: 20px; width: 200px; transition: all 0.5s; border: none; font-family: inherit; font-weight: 600; text-transform: uppercase; cursor: pointer; color: white; margin-inline-start: auto; display: flex; margin-block-start: 50px; padding: 0; }
.form-wrapper form br { display: none; }
.form-wrapper { margin-block-end: 50px; }
.form-module
 h3 { font-size: 32px; font-weight: 600; text-transform: uppercase; margin-block-end: 25px; }
.form-wrapper form .row { gap: 2%; }
/*--clad solutions--*/
.clad-solutions .category-item .icon-wrapper { min-height: 70%; display: flex; align-items: center; }
.clad-solutions h3 {font-weight: 600;font-size: 30px;text-transform: uppercase;margin-top: 100px;text-align: center;display: flex;justify-content: center;margin-block-end: 50px;}
.clad-solutions .bg-light-grey .text-wrapper { max-width: 60%; width: 100%; margin-inline-end: auto; display: flex; flex-direction: column; justify-content: center; }
.clad-solutions .bg-light-grey .logo-wrapper { max-width: 315px; width: 100%; height: 315px; background-color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.clad-solutions .bg-light-grey .text-wrapper h3 { margin: 0; justify-content: flex-start; margin-block-end: 20px; padding: 0; }
.clad-solutions .bg-light-grey .text-wrapper .text { max-width: 86%; line-height: 27px; }
.clad-solutions .bg-light-grey { padding-block: 20px; }
.clad-solutions .swiper { height: 550px; margin-block: 80px; padding-block-end: 80px; }
.clad-solutions .swiper-slide { cursor: pointer; }
.clad-solutions .swiper-pagination-bullet { background-color: rgb(0 0 0 / 50%); width: 20px; height: 20px; }
.clad-solutions .swiper-pagination-bullet-active { background:#ddc28a; }
/*--contact--*/
.mgmt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px; }
.contact-main { padding-block: 80px; }
.mgmt-person img { object-fit: cover; width: 100%; height: 487px; }
.mgmt-person { display: flex; flex-direction: column; gap: 45px; }
.mgmt-person .text { line-height: 25px; color: var(--c-main-dark); font-size: 18px; font-weight: 600; }
.mgmt-person .text a { color: var(--c-main-dark); font-weight: 500; }
.contact-inf-wrapper { max-width: 486px; width: 100%; background-color: var(--c-blue-dark); margin-block-start: 75px; max-height: 500px; }
.contact-form .form-wrapper { max-width: calc(100% - 586px); width: 100%; margin: 0; }
.contact-form .row { gap: 100px; } .contact-inf-container { color: white; font-size: 20px; line-height: 30px; padding: 70px; }
.contact-form .form-wrapper form input[type="submit"] { width: 240px; height: 90px; border-radius: 0; background-color: var(--c-blue-dark); font-size: 34px; }
.contact-inf-container a { color: white; }
.contact-form .form-wrapper form input, .contact-form .form-wrapper form textarea { font-size: 16px; }
.contact-form { padding-block-end: 85px; }
.contact-form .form-wrapper form > p { display: flex; flex-direction: column; }
/*--articles--*/
.post-item .img-wrapper { max-width: 50%; width: 100%; }
.post-item .img-wrapper img{ max-width:100%; }
.articles-wrapper { padding-block: 150px; }
.post-item  .text-wrapper { max-width: 45%; width: 100%; margin-inline-start: auto; }
.articles-wrapper h2 { line-height: 100%; margin-bottom: 2.5vw; font-size: 35px; }
.post-item .text-wrapper .text { line-height: 22px; max-width: 75%; margin-block-end: 20px; }
.articles .grid { max-width: 1260px; }
.read-more-btn { padding: 1.5% 3%; background-color: var(--c-main-dark); color: white; display: flex; max-width: fit-content; }
.post-item:not(:last-child) { margin-bottom: 2.5%; border-bottom: 1px solid #7b7b7d; padding-bottom: 5%; }
/*--articles single--*/
.single-post-main { padding-block: 150px; }
.single-post-main h1 { margin-block-end: 50px; line-height: 100%; margin-bottom: 2.5%; font-size: 60px; font-weight: 600; }
.single-post-main .grid { max-width: 1240px; }
.single-post-content { margin-block: 50px; line-height: 1.5; }
/*--text page--*/
.text-page-main { margin-block: 150px; }
.text-page-content h1 { margin-bottom: 30px; font-size: 35px; font-weight:600; }
.text-page-content h2 { font-size: 25px; line-height: 100%; font-weight:600; }
/*--breadcrumbs***/
.breadcrumbs { padding-block-start: 50px; }
.breadcrumbs-wrapper a:hover{ text-decoration:underline; }
.breadcrumbs-wrapper a { color: var(--c-cyan); }
.breadcrumbs-wrapper {color: var(--c-cyan);display: flex;gap: 10px;}
/*--products--*/
.products-main-lobby h2 {font-size: 25px;font-weight: 600;margin-block-start: 5px;}
.products-main-lobby .product-categories-module {margin-block: 50px 100px;}
.product-item .icon { width: 240px; height: 240px; background-color: var(--current-cat-color); display: flex; align-items: center; justify-content: center; }
.products-wrapper { display: flex; gap: 60px; flex-wrap: wrap; }
.product-item h2 { font-size: 18px; margin-block-end: 5px; font-weight: 600; color: var(--c-main-dark); }
.products {padding-block: 50px 100px;}
.product-elems {display: flex;flex-wrap: wrap;margin-block-start: 10px;gap: 10px;--elem-size: 50px;}
.product-item .icon img { width: 80%; height: auto; }
.product-elems .elem {width: var(--elem-size);height: var(--elem-size);color: var(--c-main-dark);background-color: var(--current-cat-color);display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: 600;}
.cat-lobby-text { padding-block: 50px; }
.cat-lobby-text a { color: inherit; }
.cat-lobby-text a:hover {text-decoration: underline;}
/*--product inner--*/
.product-img-attachment { width: 400px; height: 400px; background-color: var(--c-grey-dark2); display: flex; align-items: center; justify-content: center; }
.product-main .product-elems { --elem-size: 90px; }
.product-main-content .mixed-lang {
    direction: ltr;
}
.product-main-img-wrapper {display: flex;flex-direction: column;margin-inline-end: 200px;}
.product-main .product-elems .elem { background-color: var(--c-grey-dark2); color: white; font-size: 40px; }
.product-main { padding-block-start: 50px; padding-block-end: 150px; }
.product-main-content h1 { font-size: 25px; font-weight: 600; }
.product-outputs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; max-width: 1000px; }
.product-outputs img { max-width: 120px; }
.product-main-content h3 { font-size: 20px; margin-block-start: 50px; }
.product-outputs li { background-color: var(--c-grey-dark2); }
.product-main-content { max-width: 63%; width: 100%; line-height: 30px; padding-block-end: 50px; }
/*--footer--*/
.social-item { display: flex; }
.copyrights a { color: white; }
.copyrights a:hover { text-decoration: underline; }
.footer-menu-wrapper.menu-nav-wrapper .menu-nav>li{ border: none; }
.footer-menu-wrapper.menu-nav-wrapper .menu-nav { height: auto; }
.footer-menu-wrapper.menu-nav-wrapper .menu-nav>li { height: auto; align-self: center; }
.social-icons-wrapper { margin-inline-start: 45px; }
.footer-menu-wrapper.menu-nav-wrapper .menu-nav>li a { letter-spacing: 0; }
.copyrights {color: white;margin-inline-start: auto;font-size: 12px;display: flex;gap: 5px;align-items: center;}
footer { padding-block: 20px; background-color: var(--c-grey-dark); }

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
    :root { --grid: 85%; --header-grid: 90%; --header-height: 70px; }
    .product-main-img-wrapper { margin-inline-end: auto; }
}
@media (max-width: 1540px) {
    body { font-size: 14px; }
    h1 { font-size: 40px; } 
    .header-logo-wrapper { max-width: 95px; margin-inline-end: 100px; }
    .hero { height: 600px; }
    .hero .text { font-size: 20px; line-height: 1.3; }
    .hero .grid { padding-block-start: 150px; }
    .single-post .hero { height: 400px; }
    .menu-nav { gap: 35px; }
    .menu-nav>li:not(:last-child):before { inset-inline-end: -20px; font-size: 14px; }
    .menu-nav>li { font-size: 12px; }
    .grid-item.grid-item-text h3 { font-size: 24px; margin-block: 30px; }
    .grid-item.grid-item-text p { font-size: 16px; line-height: 24px; }
    .grid-item.grid-item-text p, .grid-item.grid-item-text h3 { padding-inline: 25px; }
    .main-grid-items { grid-template-rows: repeat(4, 400px); }
    .grid-item.term-item span { font-size: 24px; }
    .hp-top-text h2 { font-size: 36px; }
    .hp-top-text .text { font-size: 16px; margin-block-end: 30px; }
    .product-item .icon img { width: 70%; }
    .products-wrapper { gap: 30px; }
    .about-top-title { font-size: 40px; }
    .product-item .icon { width: 200px; height: 200px; }
    .product-item h2 { font-size: 16px; }
    .products { padding-block: 25px 50px; }
    .form-module .grid { max-width: 70%; }
    .section-title { font-size: 36px; margin-block: 35px; }
    .swiper, .swiper-wrapper { max-height: 600px; }
    .hp-top-text { inset-block-start: 150px; }
    .collaboration-main { padding-block: 50px; }
    .collaboration-inner-gallery { grid-template-rows: repeat(2, 340px); }
    .text-page-main {margin-block: 100px;}
}
@media(max-width:1440px){
    :root { --grid: 95%; --header-grid: 95%; --header-height: 70px; }
    .single-post .hero { height: 350px; }
    .hero {height: 450px;}
    .hero h1, .hero span { font-size: 35px; }
    .hero .text { font-size: 14px; max-width: 50%; }
    .breadcrumbs { padding-block-start: 25px; }
    .mgmt-person img { height: 360px; }
    .mgmt-person .text { font-size: 16px; line-height: 1.3; }
    .contact-main { padding-block: 50px; }
    .form-wrapper form input, .form-wrapper form textarea { padding-block: 20px; }
    .contact-inf-container { padding: 50px; }
    .contact-inf-wrapper { margin-block-start: 25px; max-height: 440px; }
}

@media(max-width: 1366px){
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1179px) {
    :root { --grid: 90%; --header-grid: 90%; }
    .hide-mobile{display:none;}
    .hide-desktop, .hide-desktop, .main-grid-items.hide-desktop{display:flex;}
    /*--header--*/ 
    .header-menu-wrapper {max-width: 100%;height: 100%;position: fixed;inset-inline-start: 0;z-index: 0;background-color: rgb(20 38 64 / 90%);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);position: sticky;}
    .heaer-logo { max-width: 30%; } 
    .header-nav {flex-direction: column;margin-block-start: 50px;} 
    .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;font-size: 16px;padding-inline: 5%;} 
    .header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
    /*--humburger anim--*/
    .header-humburger-wrapper {width: 45px;height: 24px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-start: auto;padding: 0;background: transparent;border: none;}
    .header-humburger {width: 100%;background-color: white;height: 3px;display: flex;} 
    .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(10px) rotate(0);}
        100%{transform: translateY(10px) 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(-10px) rotate(0);}
        100%{transform: translateY(-10px) 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 h1, .hero span { max-width: 50%; display: flex; }
    .hero .text { max-width: 81%; } 
    .hero .grid { padding-block-start: 100px; }
    .products-main-lobby h2{ font-size: 34px; }
    .products-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 10px; }
    .product-item .icon { width: 100%; height: 50vw; }
.product-img-attachment {
    width: 100%;
    height: 90vw;
}

.product-main-img-wrapper {
    margin-inline: auto;
    width: 100%;
    margin-block-end: 50px;
}

.breadcrumbs-wrapper a {
    font-size: 12px;
}
    .menu-nav>li { width: 100%; justify-content: flex-start; }
    .swiper, .swiper-wrapper { max-height: fit-content; height: 80vw; }
    .hp-top-text {inset-block-start: 40%;}
    .hp-top-text .text { display: none; }
    .hp-top-text .btn.primary { display: none; }
    .product-categories-module { display: grid; grid-template-columns: repeat(2, 1fr); --cat-dimension: 100%; max-width: 100%; }
    .product-categories-module .category-item:last-child { max-width: 50%; grid-column: 1 / span 2; justify-self: center; }
    .main-grid-items { flex-direction: column; }
    .main-grid-items.hide-desktop .grid-item { height: 50vw; }
    .main-grid-items.hide-desktop .grid-item.grid-item-text { height: auto; padding-block-end: 30px; }
    .grid-item.grid-item-text p { max-width: 100%; }
    .category-item { height: 50vw; }
    .form-wrapper form input[type="submit"] { width: 100%; border-radius: 7px; }
    .form-module .grid { max-width: 90%; }
    .about-top-title { font-size: 30px; line-height: 1; }
    .about-gallery .swiper .text-wrapper { inset-block-start: 40%; }
    .about-mobile { flex-direction: column; }
    .about-mobile .text-wrapper { max-width: var(--grid); margin-inline: auto; }
    .about-mobile-row h2,.about-mobile-row h1 { max-width: 100%; font-size: 27px; text-transform: uppercase; font-weight: 500; }
    .about-mobile-row .img-wrapper { margin-block: 30px; }
    .text-wrapper h2 { max-width:65% }
    .form-wrapper .field-wrapper { max-width: 100%; }
    .form-wrapper form input, .form-wrapper form textarea { font-size: 20px; max-height: 70px; }
    .footer-menu-wrapper.menu-nav-wrapper { display: none; }
    .social-icons-wrapper { margin: 0; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {

}

@media(max-width:440px){
    .swiper, .swiper-wrapper {max-height: fit-content;height: 55vh;}
    .hp-top-text h1 { text-align: center; }
    .hp-top-text h2 { text-align: center; }
}

@media(max-width:390px){
    .products-wrapper { grid-template-columns: repeat(1, 1fr); }
}

@media(max-width:375px){

}