* { box-sizing: border-box; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body {font-family: var(--font-body);padding:0;margin:0;font-size: 20px;line-height: 1.75;color: var(--c-primary);-webkit-font-smoothing: antialiased;font-weight: 300;background-color: var(--c-light-grey);}
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:60px;}
h2{font-size:60px;}
h3{font-size:54px;}
h4{font-size:35px;}
h5{font-size:22px;}
h6{font-size:16px;}
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;}

.bg-light-grey{background-color: var(--c-light-grey);}
.title-part-reg{font-family: var(--font-title-reg);text-transform: uppercase;}
.title-part-it{font-family: var(--font-title-it);font-style: italic;font-weight: 300;}
 
.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;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.wide {max-width: var(--grid-wide);}
.grid.narrow {max-width: var(--grid-narrow);}
.grid.default {max-width: var(--grid-default);}
.grid-five-items {display: grid;grid-template-columns: repeat(var(--grid-five-items),1fr);}
.sticky-w img { max-width: 60px; }
.sticky-w { position: fixed; inset-block-end: 220px; inset-inline-start: 30px; z-index: 99999; }

/*---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 {position: fixed;width: 100%;inset-block-start: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);backdrop-filter: blur(85px);}
.header .row { justify-content: flex-end; min-height: 37px; }
.header .anchor { display: flex; align-items: center; }
.header-menu-wrapper {max-width: 75%;width: 100%;display: flex;}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 208px;width: 100%;margin-inline-end: auto;display: flex;align-items: center;}
.header-logo {max-width: fit-content;height: fit-content;position: absolute;inset: 0;margin: auto;}
.header-nav {display: flex;align-items: center;height: 100%;width: 100%;justify-content: space-evenly;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.header-nav>li:hover>a,.header-nav .sub-menu li:hover>a,.header-nav>li.current-menu-item>a {color: var(--c-yellow);}
.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;}
/*--hp--*/
.mob-placeholder { display: none; }
.full-h-video-wrapper { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; }
.full-h-video { position: absolute; object-fit: cover; width: 100%; height: 100%; inset-block-start: 0; z-index: -1; }
.s2 .text {max-width: 70%;text-align: center;margin-inline: auto;}
.s2 .grid.narrow { padding-block: 125px; }
.s2-image { min-height: 535px; width: 100%; }
.project-item > img {width: 100%;height: 515px;object-fit: cover;object-position: center;}
.project-item h6 { margin: 0; }
.project-item {display: flex;flex-direction: column;gap: 15px;}
section.s3 { padding-block: 150px; }
section.s3 h2 { margin-block-end: 50px; }
.project-title-wrapper { justify-content: space-between; }
.btn.read-more { font-size: 18px; text-decoration: underline; text-underline-offset: 5px; }
.btn.read-more:hover { color: var(--c-accent); }
section.s3 .swiper-button-next, section.s3 .swiper-button-prev { color: var(--c-white); }
.s4 { min-height: 935px; display: flex; }
.s4-text-col {max-width: 50%;display: flex;flex-direction: column;justify-content: center;padding-inline: 115px;color: var(--c-white);}
.s4-text-col h2 { display: flex; flex-direction: column; line-height: 1.33; margin-block-end: 35px; }
.s4-text-col .text { text-align: center; max-width: 85%; margin-inline: auto; }
.s5 { padding-block: 100px; }
.press-item h3 { color: var(--c-grey); font-size: 16px; font-weight: 300; }
.press-item h3 strong { color: var(--c-black); font-weight: 300; }
.s5 .grid-five-items { gap: 35px; }
.s6 { height: 680px; }
.hp-form { padding-block: 100px; }
.form-wrapper input[type="submit"]:hover {background-color: transparent;}
.press-item .thumb-img { width: 100%; object-fit: cover; aspect-ratio: 34/37; }
.press-item h3 { margin: 0; line-height: 1.2; margin-block-end: 20px; max-width: 85%; }
.press-item .logo-img { margin-block: 25px; }
.press-item .btn.read-more { margin-inline-start: auto; }
.press-item { display: flex; flex-direction: column; align-items: flex-start; }
.form-wrapper .three-fields-wrapper > p { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--form-cols-gap); }
.form-wrapper .three-fields-wrapper  br { display: none; }
.form-wrapper input[type="submit"] {max-width: 115px;height: 38px;border: 1px solid;cursor: pointer;font-size: inherit;font-family: inherit;font-weight: 300;background-color: var(--c-accent);}
.form-wrapper form > p { display: flex; flex-direction: row-reverse; }
.hp-form .form-wrapper { max-width: 950px; width: 100%; }
.hp-form .title-col { max-width: 35%; margin-inline-end: auto; }
.form-inf { display: flex; flex-wrap: wrap; gap:  15px 35px; }
.inf-row { display: flex; align-items: center; gap: 10px; }
.inf-row a:hover { text-decoration: underline; }
.inf-row .icon { display: flex; }
.inf-row .text { line-height: 1; }
.form-wrapper .wrapper { display: flex; }
.hp-form .wrapper { display: flex; }
.hp-form .title-col h2 { font-size: 55px; line-height: 1.2; font-weight: 300; max-width: 90%; margin-block-end: 40px; }
.two-fields-wrapper > p {display: grid;  grid-template-columns: calc((100% - (2 * var(--form-cols-gap))) / 3) 1fr;gap: var(--form-cols-gap);}
.two-fields-wrapper br { display: none; }
.form-wrapper input,.form-wrapper textarea,.form-wrapper select {width: 100%;height: 30px;background-color: transparent;border: none;border-block-end: 1px solid var(--c-black);resize: none;font-family: var(--font-body);font-size: inherit;font-weight: 300;}
.form-wrapper input::placeholder, .form-wrapper textarea::placeholder, .form-wrapper select { font-family: var(--font-body); font-weight:300; font-size: 20px; color:var(--c-black); }
.form-wrapper .wpcf7 input[type="url"], .form-wrapper .wpcf7 input[type="email"], .form-wrapper .wpcf7 input[type="tel"] { direction: rtl; }
.wpcf7-form-control-wrap {display: flex;flex-direction: column;}
.two-fields-wrapper { margin-block: 45px; }
/*--footer--*/
footer { position: relative; min-height: 200px; background-color: var(--c-black); color: var(--c-white); display: flex; align-items: center; }
.footer-logo { position: absolute; inset: 0; margin: auto; }
.footer-left-col { margin-inline-start: auto; display: flex; flex-direction: column; justify-content: flex-end; }
.footer-menu-wrapper { font-size: 14px; }
.footer-bottom-nav { display: flex; gap: 15px; }
.footer-socials { display: flex; gap: 10px; margin-block-end: 25px; justify-content: flex-end; }
.social-item { display: flex; }
.copyrights {font-size: 14px;margin-block-start: 70px;}
.footer-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 100px; }
.footer-right-col { display: flex; flex-direction: column; }


.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
    :root{
        --form-cols-gap: 20px;
        --grid-wide: 95%;
        --grid-narrow: 85%;
        --grid-default: 90%;
    }
    .s2 .grid.narrow { padding-block: 60px; }
    section.s3 { padding-block: 50px; }
    .s4-text-col { padding-inline: 2%; }
    .s4 { min-height: 100vh; }
    .press-item .logo-img { margin-block: 15px; }
    .press-item h3 { max-width: 100%; }
    .s5 { padding-block: 50px; }
    .s5 .grid-five-items { gap: 20px; }
    .s6 { background-size: contain; height: 540px; }
    .hp-form .form-wrapper { max-width: 60%; }
    h2,.hp-form .title-col h2 { font-size: 50px; }
    .hp-form { padding-block: 50px; }
    .hp-form .title-col h2 { max-width: 85%; }
 
}
@media(max-width:1440px){
    .s2-image { min-height: 450px; }
    .s6 { height: 450px; }
    h2, .hp-form .title-col h2 { font-size: 40px; }
    .hp-form .title-col h2 { max-width: 80%; }
    .footer-nav { gap: 20px 70px; }
}
@media(max-width: 1366px){
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    .sticky-w {
    inset-block-end: 20px;
    inset-inline-start: 20px;
}
    /*--header--*/ 
    .header-menu-wrapper {max-width: 100%;height: 100%;position: fixed;inset-inline-start: 0;z-index: 0;background-color: #F7B951;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; } 
    .header-nav>li:last-child {margin: 0;height: auto;}
    .header-humburger-wrapper {width: 45px;height: 24px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-start: auto;}
    .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-end: 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);}
    }
    .s5 .grid.wide { max-width: 100%; }
    section.s3 .grid.wide { max-width: 100%; }
    .swiper-button-next, .swiper-button-prev {
    display: none;
}
    .full-h-video-wrapper  .mob-placeholder {display: block;width: 100%;}
    .full-h-video-wrapper > img { display: none; }
    .header-logo { max-width: 150px; }
    .header-logo > img { max-width: 100%; }
    .s2 .text { max-width: 100%; }
    .project-item > img { height: 70vw; }
    .s2-image { min-height: 70vw; }
    section.s3 h2 { max-width: 60%; line-height: 1; margin-inline: auto; }
    .s4 .mob-placeholder { display: block; max-height: 50vh; }
    .s4 {flex-direction: column;justify-content: center;}
    .s4-text-col {max-width: 100%;padding-block: 70px;position: relative;}
    .s4 { position: relative; }
    .s4:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: radial-gradient(circle at 50% 50%, #3c1319 70%, rgba(64, 30, 32, 0) 100%);opacity: 0.5;z-index: 0;}
    .s4 { min-height: 55vh; }
    .s4-text-col .text { max-width: 90%; }
    .s6 { background-size: 100%; height: 120vw; }
    .footer-logo { position: relative; }
    .footer-menu-wrapper a:hover { text-decoration: underline; }
    footer { padding-block: 45px; }
    footer  .grid.wide .row { flex-direction: column; }
    .footer-socials { justify-content: center; margin-block-start: 30px; }
    .footer-nav { width: 85%; grid-template-columns: repeat(2, 1fr); gap: 0 80px; margin-inline: auto; align-items: center; }
    .copyrights { margin-block-start: 15px; justify-content: center; }
    .footer-bottom-nav { width: 100%; justify-content: center; margin-block-start: 60px; position: relative; }
    .footer-bottom-nav:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #949494; inset-block-start: -30px; }
}
@media(max-width: 1024px){
    .hp-form .wrapper { flex-direction: column; }
    .hp-form .title-col { max-width: 100%; }
    .hp-form .title-col h2 { max-width: 80%; text-align: center; margin-inline: auto; }
    .hp-form .form-wrapper { margin-block-start: 50px; max-width: 100%; }
    .form-wrapper .three-fields-wrapper > p,.two-fields-wrapper > p { grid-template-columns: repeat(1, 1fr); }
    .two-fields-wrapper { margin-block-start: 15px; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {

}

@media(max-width:440px){
    .hp-form .title-col h2 {
        max-width: 90%;
    }
}

@media(max-width:375px){

}