* { box-sizing: border-box; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body {font-family: var(--font-body);font-weight: 200;padding:0;margin:0;font-size: 18px;line-height: 29px;color: black;-webkit-font-smoothing: antialiased;}
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;}
a {text-decoration:none;outline: none;color: inherit;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:20px;}
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{display:none;}
 
 
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: start;}
.text-left{text-align: end;}
.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;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;max-width: var(--grid);}
.grid-four-items{display: grid;grid-template-columns: repeat(var(--grid-four-cols), 1fr);}
.grid-three-items{display: grid;grid-template-columns: repeat(var(--grid-three-cols), 1fr);}
/*---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;}

/*--text page--*/
.text-page-top { padding-block-start: calc( var(--header-height) * 1.5 ); }
.text-page-content h3 { margin-block-start: 20px; }
.text-page-content a { color: inherit; }
.text-page-content a:hover { text-decoration: underline; }
/*--heaer--*/
.header {background-color: transparent;position: fixed;inset-block-start: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);width: 100%;}
.header-menu-wrapper {max-width: 100%;width: 100%;height: 100%;position: fixed;inset-block-start: 0;inset-inline-start: 0;z-index: 0;transform: translate3d(100vw, 0, 20px);background-color: rgba(29, 29, 27, 0.75);transition: all .6s ease;}
.menu-top-menu-container,.header-menu-wrapper .links {max-width: var(--grid);width: 100%;margin-inline: auto;display: flex;justify-content: flex-end;}
.header-logo-wrapper {max-width: 208px;width: 100%;margin-inline-end: auto;display: flex;align-items: center;position: relative;z-index: 1;}
.header-logo {max-width: 100%;}
.header-menu-wrapper .links { flex-direction: column; align-items: flex-end; margin-block-start: 20px; color: var(--c-white); gap: 5px; }
.menu-top-menu-en-container { max-width: var(--grid); margin-inline: auto; }
.header-menu-wrapper .links:lang(en) { align-items: flex-start; }
.header-menu-wrapper .links a:hover { text-decoration: underline; }
.header-nav {display: flex;flex-direction: column;height: 100%;width: fit-content;min-width: 110px;margin-block-start: var(--header-height);}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.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-nav>li.menu-item-has-children:hover > .sub-menu {display: block;}
.header-nav>li.menu-item-has-children:before {content: "";position: absolute;width: 100%;height: 40px;top: 5px;}
.langs { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; height: 24px; margin-block: auto; }
.header-humburger-wrapper.open .header-humburger { background-color: var(--c-white); }
.header.open .header-logo { display: none; }
.header-nav li a { color: var(--c-white); }
.header-nav li {display: flex;min-height: 55px;border-block-end: 1px solid var(--c-white);align-items: flex-end;}
.header-nav>li a:hover { font-weight: bold; }
.header-nav li.current_page_item a {font-weight: bold;}
.header.open .header-logo.white { display: block; }
.header-logo.white {display: none;}
.header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
.header-nav>li a {display: inline-flex;width: fit-content;} 
.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: 50px;padding: 0;background: transparent;border: none;cursor: pointer;position: relative;}
.header-humburger {width: 100%;background-color: var(--c-black);height: 3px;display: flex;} 
.header-menu-wrapper.open { transform: translate3d(0, 0, 20px); }
.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);}
}
.padding-section{padding-block-start: var(--header-height);}
/*--hp**/
body.home .swiper-slide { width: 100%; height: 100vh; }
body.home .frame-34 .grid .text { max-width: 50%; margin-inline: auto; }
.swiper-pagination-bullet { width: 15px; height: 15px; background: transparent; border: 1px solid var(--c-black); opacity: 1; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--c-black);
}

body.home .frame-34 .grid {
    padding-block-start: 100px;
}
/*--works--*/
.workds .grid-four-items {
    gap: 50px;
}

.workds .work-post img {
    max-width: 100%;
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: var(--transition);
}
.gallery .grid-four-items {
    gap: 50px;
}

.gallery .grid-four-items a {
    overflow: hidden;
}
.gallery .grid-four-items a img{
    transition: var(--transition);
}
.workds .work-post:hover img,.gallery .grid-four-items a:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
    filter: grayscale(75%);
}
.back-link {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-block-start: 50px;
}
.back-link:lang(en) {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.work-post {
    overflow: hidden;
}
.post-single-img{
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.post-single-img.works {
    max-width: 770px;
    height: 490px;
}
.post-single-img.capabilities {
    max-width: 450px;
    height: 450px;
}
.works-single .text {
    max-width: 50%;
    margin-inline-start: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/*--about--*/
.about {
    height: 100vh;
    background-size: contain;
    background-position: left;
    display: flex;
    align-items: flex-end;
}
 
.about .text:lang(en) {
    margin-inline-start: auto;
}

.about h1 {
    max-width: 50%;
    margin-inline-start: auto;
}
.about .text {
    max-width: 50%;
}

.about .grid {
    padding-block-end: 100px;
}

.about .text > img {
    margin-block-start: 20px;
}
 /*--capabilities--*/
 .wrapper {
    display: flex;
}

.capabilities .wrapper,.capabilities .grid-three-items {
    gap: 30px;
}
.inner-hover {position: absolute;background: rgba(29, 29, 27, 0.6);width: 100%;height: 100%;text-align: center;opacity: 0;transition: all .4s ease;cursor: pointer;}
.inner-hover>h4 {position: absolute;width: 100%;top: 0;bottom: 0;margin: auto;height: 25px;color: var(--c-white);font-size: inherit;}
.inner-hover:hover {opacity: 1;}

.capabilities-img-grid {
    position: relative;
    height: 230px;
}

.capabilities-img-grid > img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.capabilities .grid-three-items {
    max-width: 60%;
    width: 100%;
}

.capabilities .text {
    max-width: 40%;
    width: 100%;
}

.capabilities .text ul {
    list-style-type: circle;
}
/*--contact--*/
.contact_page {
    height: 100vh;
    display: flex;
    align-items: flex-end;
}
 
.contact_page .text {
    padding-inline: 35px;
}

.form-wrapper form input {
    width: 100%;
    border: none;
    /* text-align: end; */
    height: 50px;
    font-family: inherit;
    font-size: inherit;
    border-block-end: 1px solid var(--c-grey);
}
.form-wrapper form input:lang(he) {
    direction: rtl;
}
.form-wrapper {
    max-width: 435px;
    width: 100%;
}
.form-wrapper form br {
    display: none;
}
.form-wrapper form input[type="submit"] {
    background-color: var(--c-grey);
    border: none;
    border-radius: 25px;
    text-align: center;
    margin-block-start: 50px;
    color: var(--c-white);
    cursor: pointer;
}

.contact_page .row {
    justify-content: space-between;
}

.form-wrapper form input[type="submit"]:hover {
    background-color: #0f618c;
}
/*--404 page--*/
.page-404 {
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
}

.text-404 {
    margin-inline: auto;
}

.btn {
    background-color: var(--c-grey);
    color: var(--c-white);
    padding: 10px 20px;
    display: flex;
    max-width: fit-content;
    border-radius: 35px;
}

.btn:hover {
    background-color: #0f618c;
}

.text-404 .btn {
    margin-inline: auto;
    margin-block-start: 20px;
}
/*--footer--*/
.copyrights {
    display: flex;
    align-items: center;
    gap: 5px;
}

.copyrights span {
    display: flex;
    align-items: center;
    gap: 5px;
    direction: ltr;
}
footer {
    font-size: 12px;
    font-weight: normal;
    min-height: 130px;
    display: flex;
    align-items: flex-end;
    padding-block-end: 15px;
}

.footer-menu-wrapper {
    font-size: 14px;
}

.footer-menu-wrapper .menu-top-menu-container {
    max-width: fit-content;
}

.footer-nav {
    justify-content: center;
    gap: 30px;
}
.copyrights img {
    transform: translateY(-1px);
}

footer .row {
    justify-content: space-between;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
}
@media(max-width:1440px){
}
@media(max-width: 1366px){
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    /*--header--*/ 


}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {

}

@media(max-width:440px){
    
:root {
    --grid: 90%;--header-height:100px;
    --grid-four-cols: 2;
    --grid-three-cols: 2;
}
nav.footer-menu-wrapper {
    display: none;
}
.header-nav {
    width: 100%;
}

body.home .frame-34 .grid .text {
    max-width: 100%;
}

 

.header {
    position: absolute;
}
.about {
    background-position: 0 0;
    height: auto;
}
.wrapper {
    flex-direction: column;
}

.capabilities .grid-three-items {
    max-width: 100%;
}
.works-single .text {
    max-width: 100%;
    width: 100%;
    margin-inline: auto;
}
    .post-single-img {
    margin-block: 50px;
}
.capabilities .text {
    max-width: 100%;
}
.about .grid {
    padding-block-end: 0;
    padding-block-start: 75vh;
}
.gallery .grid-four-items,.workds .grid-four-items{gap: 10px;}
.about .text {
    max-width: 100%;
}
.contact_page {
    padding-block-end: 0;
    padding-block-start: var(--header-height);
    height: auto;
}
.about h1 {
    margin-inline: auto;
    text-align: center;
}
.capabilities-img-grid > img {
    aspect-ratio: 1;
    height: auto;
}

.capabilities-img-grid {
    height: auto;
}
.about .text > img {
    margin-inline: auto;
}
.contact_page .text {
    padding-inline: 0;
    margin-block: 50px;
}
.contact-iframe iframe,.contact-iframe {
    width: 100%;
}
footer .row {
    justify-content: center;
}
.copyrights {
    flex-direction: column;
    margin-inline: auto;
    gap: 0;
}

.copyrights span {
    line-height: 1;
}
footer {
    min-height: auto;
    margin-block-start: 50px;
}
}

@media(max-width:375px){

}
footer .row {
    justify-content: space-between;
}