body {font-family: var(--font-body);padding:0;margin:0;font-size: 16px;line-height: normal;color: var(--c-main-dark);-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;}
 
*:not(.slick-track,.slick-list,.selectbox-dropdown), *:before, *:after{transition: all .4s;}
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;font-family: var(--font-titles);font-weight: normal;}
h1{font-size:120px;line-height: 0.9;}
h2{font-size:90px;}
h3{font-size:60px;}
h4{font-size: 26px;}
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;}
.row-align-items {justify-content: space-between;display: flex;}
.item-start{align-self: flex-start;}
.third-div {flex: 0 0 33.333333%;max-width: 33.333333%;}
.third-div-bigger {flex: 0 0 40%;max-width: 40%;}
.qrtr-div {flex: 0 0 25%;max-width: 25%;}
.qrtr-div-bigger {flex: 0 0 29%;max-width: 29%;}
.fifth-div {flex: 0 0 20%;max-width: 20%;}
.small-div {flex: 0 0 10%;max-width: 10%;}
.big-div {flex: 0 0 90%;max-width: 90%;}
.four-fifhts-div{flex: 0 0 80%;max-width: 80%;}
.half-div {flex: 0 0 50%;max-width: 50%;}
.half-div-bigger {flex: 0 0 60%;max-width: 60%;}
.three-qrtr-div {flex: 0 0 75%;max-width: 75%;}
.three-qrtr-div-smaller {flex: 0 0 70%;max-width: 70%;}
.two-third-div {flex: 0 0 66.666666%;max-width: 66.666666%;}
.full-div {flex: 0 0 100%;max-width: 100%;position: relative;}
.to-bottom{align-self: flex-end;margin-left:  auto;}
.flex-box-center{display: flex;align-items: center;justify-content: center;}
.flex-row-center{display: flex;justify-content: center;}
.flex-col-center{display: flex;align-items: center;}
 
.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*colors*/
.c-white{color:#ffffff;}
.c-yellow{color:var(--c-yellow);}

/*bg colors*/
.bg-black{background-color: #000000;}
.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;}
 
.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 !important;}
.hero-medium {min-height: 400px;margin-block-start: var(--header);} 
.hero-small {margin-block-start: calc( var(--header) + 80px );min-height: 170px;}
.hero-medium.dream-top h1 { padding-block-start: 90px; } 
.hero-medium.dream-top {
    text-align: center;
}
.half-col {
    max-width: 50%;
    width: 100%;
}
.dream-top .breadcrumbs {
    justify-content: center;
}

.hero-medium  .text-wrapper { max-width: 39%; margin-inline: auto; }
.grid-narrow { max-width: 550px; width: 100%; margin-inline: auto; }
.grid {width: 100%;margin: 0 auto;max-width: 80.4%;}
.btn { display: flex; padding: 0 17px; border-radius: 10px; max-width: fit-content; height: 45px; align-items: center; justify-content: center; cursor: pointer; } 
.btn.primary { background-color: var(--c-main-dark); color: white; } 
.btn.primary:hover { background-color: var(--c-yellow); color: var(--c-main-dark); } 
.btn.secondary {
    background-color: white;
    color: var(--c-main-dark);
}

.btn.secondary:hover {
    background-color: var(--c-yellow);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--c-yellow); } 
.swiper-pagination .swiper-pagination-bullet { background: white; opacity: 1; }
/*---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-delay-1100{transition-delay: 1.1s;}
.anim-delay-1200{transition-delay: 1.2s;}
.anim-delay-1300{transition-delay: 1.3s;}
.anim-delay-1400{transition-delay: 1.4s;}
.anim-delay-1500{transition-delay: 1.5s;}
.anim-delay-1600{transition-delay: 1.6s;}
.anim-delay-1700{transition-delay: 1.7s;}
.anim-delay-1800{transition-delay: 1.8s;}
.anim-delay-1900{transition-delay: 1.9s;}
.anim-delay-2000{transition-delay: 2s;}
.anim-delay-2100{transition-delay: 2.1s;}
.anim-delay-2200{transition-delay: 2.2s;}
.anim-delay-2300{transition-delay: 2.3s;}
.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 .grid {position: relative;} 
.header {position: absolute;width: 100%;max-width: 100%;top: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header);}
.header-menu-wrapper {max-width: 45%;width: 100%;display: flex;margin-inline-start: 5%;}
.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: 100%;}
.header-nav {display: flex;align-items: center;height: 100%;width: 100%;gap: 45px;}
.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.inner-page .header-nav>li a{ color: var(--c-main-dark); } 
.header.inner-page .header-nav>li a:hover { color: var(--c-yellow); }
.header.inner-page .header-nav>li.current-menu-item>a {font-weight: bold;}
.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;}
.header-random-post { display: flex; width: 40px; height: 40px; background-color: var(--c-yellow); border-radius: 50%; align-self: center; justify-content: center; align-items: center; text-transform: uppercase; font-size: 14px; position: absolute; inset-inline-end: 0; text-align: center; } 
.header-random-post span { display: none; opacity: 0; } 
.header-random-post.active p { display: none; } 
.header-random-post.active span { display: block; } 
.header-random-post:hover { width: 120px; height: 120px; transform: translate(0px, 50px); }
.header.scroll {
    position: fixed;
    background-color: white;
}

.header.up {
    opacity: 1;
}

.header.down {
    opacity: 0;
}
.header.scroll .header-nav>li a {
    color: var(--c-main-dark);
}

.header.scroll .header-nav>li a:hover{
    color:var(--c-yellow)
}
/*--hp--*/
.hp-top {display: flex;gap: 10px;} 
.hp-top-text {max-width: 50%;width: 100%;display: flex;flex-direction: column;justify-content: center;} 
.hp-top-gallery {max-width: 50%;width: 100%;position: relative;margin: 0;display: flex;margin-inline-start: auto;} 
.hp-top-text .wrapper {max-width: 590px;width: 100%;margin-inline-start: 185px;} 
.hp-top-text .text { max-width: 81%; margin-block: 40px; } 
.hp-top-gallery:before,.project-inner-top-img-wrapper:before { content: ""; position: absolute; width: 100%; height: 350px; background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); z-index: 2; } 
.project-inner-top-img-wrapper:before {
    height: 250px;
    background: linear-gradient(to bottom, rgba(0,0,0,1) -15%, rgba(0,0,0,0) 70%);
}
.header-nav>li a { color: white; font-size: 14px; text-transform: uppercase; } 
.hp-project h3 {font-size: 50px;font-style: italic;font-weight: normal;line-height: 1;margin: 0;max-width: 75%; margin-inline: auto; position: absolute;color: white;opacity: 0;text-align: center;} 
.hp-project.img1 {max-width: 50%;width: 100%;} 
.hp-project.img1 img {height: 970px;}
.hp-projects { max-width: 100%; width: 100%; display: flex; gap: 10px; margin-block-start: 10px; } 
.hp-project img {object-fit: cover;object-position: center;width: 100%;} 
.hp-projects .col { max-width: 50%; width: 100%; display: flex; flex-direction: column; } 
.hp-project {display: flex;position: relative;justify-content: center;align-items: center;} 
.hp-projects .col .row {margin-block-start: 10px;flex-wrap: nowrap;gap: 10px;} 
.hp-project.img3,.hp-project.img4 {max-width: 50%;width: 100%;} 
.hp-top-gallery .swiper-slide img {object-fit: cover;object-position: center;width: 100%;height: 980px;} 
.hp-project.img2 img,.hp-project.img3 img,.hp-project.img4 img {height: 480px;} 
.hp-project:hover:before,.hp-project:hover h3 { opacity: 1; } 
.hp-project:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: hsl(0deg 0% 0% / 50%); backdrop-filter: blur(8px); opacity: 0; }
.hp-video .wrapper {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;} 
.hp-video.active .wrapper {/* opacity: 0; *//* pointer-events: none; */} 
.hp-video.active .play {opacity: 0;z-index: -1;}
.hp-video .wrapper img.pause {
    opacity: 0;
    z-index: -1;
}
.hp-video.active .grid:hover .wrapper .pause {
    opacity: 1;
    z-index: 99;
}
 
.hp-video.active .wrapper img {
    inset-inline-start: 45%;
    transition-delay: .25s;
}

.hp-video h2.hide {
    display: flex !important;
    opacity: 0;
}

.hp-video h2 {
    transition-delay: .5s;
}
.hp-video .wrapper img {cursor: pointer;position: absolute;z-index: 10;inset-inline-start: 35%;display: flex;transition: 1s ease-in-out;} 
.hp-video .grid {position: relative;height: 100%;} 
.hp-video video {display: flex;width: 100%;max-width: 100%;height: 100%;object-fit: cover;position: absolute;inset-inline-start: 0;inset-block-start: 0;} 
.hp-video .wrapper img:hover { filter: invert(30%) sepia(55%) saturate(1200%) hue-rotate(0) brightness(110%) contrast(120%); } 
.hp-video {padding-block: 165px;height: 80vh;} 
.hp-clients {
    padding-block-end: 100px;
}
.hp-video h2 {color: white;margin: 0;line-height: 0.8;max-width: 17%;display: flex;align-items: center;justify-content: center;font-size: 100px;z-index: 1;margin-inline-start: 12%;opacity: 1;} 
.title-wrapper {max-width: 30%;width: 100%;display: flex;align-items: center;} 
.hp-clients .wrapper { display: flex; flex-wrap: wrap; } 
.hp-clients .title-wrapper h2 {max-width: 60%;line-height: 0.9;margin-block-end: 0;} 
.clients-wrapper { max-width: 70%; width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } 
.clients-wrapper img { max-width: 100%; }
/*--contact---*/
.contact-main h1 {
    margin-block-start: 30px;
}
.contact-main .text { max-width: 75%; } 
.contact-main {margin-block-end: 120px;display: flex;align-items: end;}
.contact-txt { max-width: 33%; width: 100%; margin-inline-end: 5%; } 
.contact-form { max-width: 62%; width: 100%; } 
.contact-form form input,.contact-form form textarea { width: 100%; height: 70px; resize: none; font-size: 16px; padding: 0; font-family: var(--font-body); color: var(--c-main-dark); border: none; border-block-end: 1px solid var(--c-main-dark); display: flex; padding-block-start: 25px; } 
.contact-form form input::placeholder, .contact-form form textarea::placeholder { color: var(--c-main-dark); } 
.contact-form form input[type="submit"] {padding: 10px 20px;background-color: var(--c-main-dark);color: white;border-radius: 10px;width: auto;height: fit-content;cursor: pointer;} 
.contact-form form input[type="submit"]:hover { background-color: var(--c-yellow); }
.contact-form form .half-div input { width: 95%; } 
.contact-form form .half-div:last-child input { margin-inline-start: auto; } 
.contact-form form textarea { padding-block-start: 35px; } 
.contact-form form input[type="checkbox"] { width: 15px; height: 15px; -webkit-appearance: checkbox; margin-inline-end: 15px; }
.wpcf7-form-control-wrap[data-name="acceptance"] { display: flex; flex-wrap: wrap; margin-block-start: 50px; margin-inline-end: auto; } 
.wpcf7-form-control-wrap[data-name="acceptance"] span { display: flex; margin-inline-start: 0; } 
.wpcf7-form-control-wrap[data-name="acceptance"] label { display: flex; } 
.form-terms-link>p { display: flex; width: 100%; align-items: flex-end; } 
.contact-form form .half-div:last-child .wpcf7-not-valid-tip {display: flex;margin-inline-start: 5%;} 
.wpcf7-spinner,.wpcf7-response-output { display: none; } 
.wpcf7 form.invalid .wpcf7-response-output { margin-inline: 0; }
/*---thanks and 404--*/
.top-layout .row {align-items: center;margin-inline: auto;} 
.top-layout .row h1  {max-width: fit-content;margin-inline-end: auto;margin-block-end: 0;line-height: 1;} 
.top-layout .row  .text-wrapper {max-width: 40%;width: 100%;} 
.thanks.top-layout .row h1 { max-width: 30%; margin-inline-end: 50px; } 
.about-bottom .swiper {padding: 0 5%;padding-block-end: 50px;} 
.about-bottom .swiper-pagination .swiper-pagination-bullet { border: 1px solid black; } 
.thanks.section-fh.top-layout .row { justify-content: center; } 
/* .text-page-content { direction: rtl; } 
.page-id-108 .text-page-content {
    direction: rtl;
} */
.step:last-child .step-num-wrapper:after { display: none; }
.thanks.top-layout .row .text-wrapper { max-width: 25%; }
.section-fh .row .btn.primary { margin-block-start: 25px; } 
.section-fh { height: 100vh; display: flex; align-items: center; } 
.page-404 h1 { font-size: 240px; } 
.page-404 h1 span { animation: flicker 7s linear infinite; transition-timing-function: step-end; }

@keyframes flicker {
    
    0%{ color:var(--c-yellow) } 
    25%{ color:var(--c-yellow) } 
    26%{ color:var(--c-main-dark) } 
    27%{ color:var(--c-yellow) } 
    28%{ color:var(--c-main-dark) } 
    30%{ color:var(--c-yellow) } 
    48%{ color:var(--c-yellow) } 
    49%{ color:var(--c-main-dark) } 
    50%{ color:var(--c-yellow) } 
    51%{ color:var(--c-main-dark) } 
    52%{ color:var(--c-yellow) } 
    53%{ color:var(--c-main-dark) } 
    54%{ color:var(--c-yellow) } 
    60%{ color:var(--c-yellow) } 
    61%{ color:var(--c-main-dark) } 
    62%{ color:var(--c-yellow) } 
    75%{ color:var(--c-yellow) } 
    76%{ color:var(--c-main-dark) } 
    77%{ color:var(--c-yellow) } 
    78%{ color:var(--c-main-dark) } 
    79%{ color:var(--c-yellow) } 
    85%{ color:var(--c-yellow) } 
    86%{ color:var(--c-main-dark) } 
    87%{ color:var(--c-yellow) } 
    100%{ color:var(--c-yellow) }
}
 /*--about--*/
 .about-top.hero-small.top-layout .row {
    max-width: 100%;
}

.about-top.top-layout .row h1 {
    margin-inline-end: 250px;
    line-height: 0.75;
}
.about-top-video img {
    width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: center;
}
.about-top .breadcrumbs {
    margin: 0;
    margin-block-end: 30px;
    line-height: 1;
    margin-block-start: 5px;
 
}
.about-top.top-layout .row  .text-wrapper {
    max-width: 60%;
}
.hero-small.top-layout .row { margin-inline-start: 0; max-width: 70%; } 
.about-top-video video {max-width: 100%;width: 100%;height: 400px;object-fit: cover;display: flex;} 
.steps-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); } 
.step h4 { margin-block: 10px; font-family: var(--font-body); font-weight: bold; } 
.about-top-video { padding-block-end: 100px; } 
.step-num-wrapper > p { max-width: 75%; } 
.step-num { display: flex; width: 65px; height: 65px; font-size: 40px; align-items: center; justify-content: center; font-family: var(--font-titles); border: 1px solid var(--c-main-dark); border-radius: 50%; position: relative; }
.step-num-wrapper:after { content: ""; position: absolute; background: url(/wp-content/uploads/arr-about.svg) center / contain no-repeat; width: 270px; height: 19px; inset-block-start: 25px; inset-inline-start: 90px; }
.step-num-wrapper {position:relative;}
.about-bottom .swiper-slide img { max-width: 100%; } 
.about-branches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } 
.about-main { width: 100%; height: 1024px; display: flex; align-items: center; } 
.branch { display: flex; align-items: center; justify-content: center; position: relative; height: 498px; } 
.branch > img { opacity: 0; position: relative; z-index: 1; } 
.branch:before { content: ""; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(7px); opacity: 0; z-index: 0; } 
.branch:hover:before { opacity: 1; } 
.branch:hover img { opacity: 1; } 
.main-texts h2 {color: white;max-width: 20%;line-height: 0.9;margin-inline-end: 240px;} 
.main-texts > .text-col {max-width: 60%;color: white;padding-block-start: 20px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 120px;} 
.main-texts { margin-block-end: 85px; } 
.about-steps { padding-block-end: 100px; } 
.about-bottom {padding-block: 100px;} 
.about-bottom .swiper .swiper-slide { height:460px;} 
.about-bottom h3 { margin-block-end: 25px; }
 /*--projects--*/ 
.projects-top.hero-small.top-layout .row {
    justify-content: end;
}
 

.projects-top.hero-small {
    min-height: 0;
    margin-block-start: 150px;
}
.projects-lobby-main {padding-block: 135px;} 
.projects-lobby { display: grid; grid-template-columns: repeat( var(--proj-grid-cols), 1fr ); gap: 10px; }
.project img { width: 100%; height: calc( 100vw / var(--proj-grid-cols) ); object-fit: cover; } 
.project h3 { position: absolute; margin: auto; color: white; opacity: 0; z-index: 1; font-style: italic; max-width: 65%; line-height: 0.9; text-align: center; } 
.project:hover h3 { opacity: 1; }
/*--proj inner---*/
.top-row,.vid-row { display: flex; gap: 10px; } 
.top-row { margin-block-end: 10px; } 
.project-inner-main {display: flex;flex-direction: column;gap: 10px;margin-block-start: 10px;}
.project-inner-top-txt { padding-block-start: 200px; max-width: 50%; width: 100%; } 
.project-inner-top-txt  .text { max-width: 50%; width: 100%; } 
.vid-row .col img { max-width: 100%; object-fit: cover; height: 480px; } 
.project-inner-top-img-wrapper {max-width: 50%;width: 100%;position: relative;} 
.project-inner-top-txt > * { padding-inline-start: 185px; } 
.project-inner-top h1 { margin-block-end: 145px; } 
.project-credits { display: flex; align-items: center; margin-block-start: 160px; } 
.separator { font-size: 100px; line-height: 1; font-family: var(--font-titles); margin-inline: 30px; display: flex; transform: translateY(-10px); } 
.project-inner-top-img { width: 100%; height: 980px; object-fit: cover; object-position: center; } 
.project-inner-top-vid { max-width: 50%; width: 100%; height: 970px; } 
.project-inner-top-vid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-inner-top-vid video {max-width: 100%;width: 100%;object-fit: cover;height: 100%;} 
.vid-row .col { max-width: 50%; width: 100%; display: flex; flex-direction: column; gap: 10px; } 
.vid-row .col .half-col img { width: 100%; height: 480px; object-fit: cover; object-position: center; } 
.vid-row .col .row { gap: 10px; flex-wrap: nowrap; }
/*--dream page----*/
.dream-main-txt2, .dream-services-wrapper { max-width: 50%; width: 100%; } 
.dream-services-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
.dream-service.hp-project img { height: 375px; } 
.dream-main-services .text { max-width: 65%; } 
.dream-main-txt { color: white; max-width: 50%; width: 100%; } 
.dream-main-txt h2 { line-height: 0.9; } 
.dream-main-txt .text { max-width: 50%; } 
.dream-main .contact-form { max-width: 50%; width: 100%; } 
.dream-main .contact-form form input[type="submit"]:hover { color: var(--c-main-dark); } 
.dream-main .contact-form form input[type="submit"] { margin-inline-start: auto; background-color: white; color: var(--c-main-dark); } 
.dream-main .contact-form form input[type="submit"]:hover { background-color: var(--c-yellow); } 
.dream-service .text { position: absolute; display: flex; flex-direction: column; max-width: 85%; text-align: center; color: white; opacity: 0; } 
.dream-service .text h3 { position: relative; opacity: 1; margin-block-end: 15px; } 
.dream-main .contact-form form input,.dream-main .contact-form form textarea { background-color: transparent; color: white; border-block-end: 1px solid white; } 
.dream-main .contact-form form input::placeholder,.dream-main .contact-form form textarea::placeholder { color: white; } 
.dream-main .contact-form form input{ max-width:50%; } 
.dream-service:hover .text { opacity: 1; } 
.dream-main-services { padding-block: 90px; } 
.dream-main { height: 750px; display: flex; align-items: center; } 
.dream-main-services h2 { line-height: 0.9; max-width: 75%; }
/*--footer---*/
footer {font-size: 14px;padding-block-end: 30px;padding-block-start: 65px;} 
.social-links { display: flex; gap: 15px; } 
.footer-contacts strong { margin-inline-end: 15px; } 
.footer-contacts span { margin-inline-end: 30px; } 
.footer-contacts span:last-child { margin: 0; } 
.footer-nav {display: flex;gap: 35px;} 
.footer-menu-wrapper { margin: 0 auto; } 
.copyrights {margin-block-start: 115px;display: flex;} 
.copyrights .footer-menu-wrapper {
    margin: 0;
    margin-inline-start: 9px;
}
.copyrights .footer-menu-wrapper ul {
    gap: 15px;
}
.footer-nav li a {text-transform: uppercase;} 
.footer-nav li.current-menu-item a {font-weight: bold;}
.footer-nav li:hover a { color: var(--c-yellow); } 
.social:hover img { filter: invert(17%) sepia(100%) saturate(155%) hue-rotate(360deg) brightness(304%) contrast(200%); } 
.related-projects .hp-project img { width: 375px; height: 375px; } 
.related-projects .projects { gap: 10px; justify-content: center; } 
.related-projects { padding-block: 100px; } 
footer .grid { position: relative; } 
.copyrights a:hover { color: var(--c-yellow); } 
footer .grid:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-main-dark); inset-block-start: -65px; }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media(min-width: 1921px){
    .grid{max-width:85%;}
}
@media (max-width: 1681px) {
    .grid { max-width: 90%; } 
    .hp-project.img2 img, .hp-project.img3 img, .hp-project.img4 img { height: 25vw; } 
    .hp-project.img1 img { height: 50.5vw; } 
    .hp-top-text .wrapper { margin-inline-start: 50px; }
    h1 {font-size: 95px;} 
    h2 {font-size: 75px;}
    .hp-top-text h1 { max-width: 85%; } 
    /* .hp-video video {height: 600px;}  */
    .hp-video { padding-block: 75px; } 
    .header-nav { gap: 35px; } 
    .step-num-wrapper:after { width: 180px; inset-inline-start: 70px; inset-block-start: 17px; } 
    .branch { height: 32vw; } 
    .main-texts > p { max-width: 50%; } 
    .step-num { width: 50px; height: 50px; font-size: 30px; } 
    .about-bottom .swiper .swiper-slide { height: 22vw; } 
    .step-num-wrapper > p { max-width: 85%; }
    .dream-main,.dream-bottom { height: 600px; } 
    .dream-service.hp-project img { height: 25vw; } 
    .section-fh.top-layout .row { max-width: 70%; } 
    .thanks.top-layout .row h1 { max-width: 40%; margin-inline-end: 50px; }
    footer { padding-block: 65px; }
 
}
@media (max-width: 1540px) {
    .grid { max-width: 95%; }
    .related-projects .hp-project img {
    width: 20vw;
    height: 20vw;
}
.hp-video h2 {
    margin-inline-start: 17%;
}

.hp-video.active .wrapper img {
    inset-inline-start: 44%;
}
    .dream-service.hp-project img { height: 20vw;} 
    .dream-main, .dream-bottom { height: 500px; } 
    .project-inner-top-img,.hp-top-gallery .swiper-slide img { height: 100vh; } 
    .project-inner-top h1 { margin-block-end: 50px; font-size: 70px; } 
    .project-inner-top-txt > * { padding-inline-start: 30px; } 
    .project-inner-top-txt { padding-block-start: 200px; } 
    .project-credits { margin-block: 50px; } 
    .project-inner-top-txt .text { max-width: 75%; }
}
@media(max-width:1440px){
}
@media(max-width: 1366px){
    .project-inner-top-txt { padding-block-start: 135px; }
.hp-video .wrapper img {
    inset-inline-start: 33%;
}

.hp-video.active .wrapper img {
    inset-inline-start: 42%;
}
}

@media (max-width: 1280px) {
    .hp-video .wrapper img {
    inset-inline-start: 31%;
}

.hp-video.active .wrapper img {
    inset-inline-start: 40%;
}
}
@media(max-width:1200px){
    :root { --proj-grid-cols: 2;    --header: 70px; }
    h1 { font-size: 52px; margin-inline: auto;} 
    h2 { font-size: 40px; }
    h3 { font-size: 40px; } 
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    /*--header--*/ 
    .hero-medium { min-height: auto; margin-block: 30px; } 
    .hero-medium.dream-top h1 { padding: 0; }
    .header-menu-wrapper {max-width: 100%;height: calc(100% - var(--header));position: fixed;inset-inline-start: 0;z-index: 0;background-color: white;top: var(--header);clip-path: circle(0% at left top);transition: all .6s cubic-bezier(.175,.885,.32,1.275);margin: 0;}
    .header,.header.scroll {height: var(--header);position: sticky;background-color: white;}
    .header-logo-wrapper {
    max-width: 90px;
}
    .heaer-logo { max-width: 30%; } 
    .header-nav {flex-direction: column;max-width: 60%;align-items: flex-start;margin-inline: auto;padding-block-start: 100px;} 
    .header-nav>li:last-child {margin: 0;height: auto;}
    .header-nav>li a {display: inline-flex;width: fit-content;color: var(--c-main-dark);font-size: 20px;} 
    .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: 0;padding: 0;background: transparent;border: none;}
    .header-humburger {width: 100%;background-color: var(--c-main-dark);height: 2px;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(9px) rotate(0);}
        100%{transform: translateY(11px) 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);}
    }

    .header-nav>li a:before { content: "\2215"; display: block; margin-inline-end: 5px;} 
    .header-random-post { width: 100%; height: 60px; border-radius: inherit; inset-block-end: 0;display: none; } 
    .header-random-post:hover {
    width: 100%;
    height: 60px;
    transform: none;
}
.projects-lobby {
    gap: 3px;
}
.about-top-video img {
    height: 120px;
}

.dream-service.hp-project:after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    width: 100%;
    height: 60vw;
    background: linear-gradient(0deg, rgb(0 0 0 / 80%) 0%, rgba(0, 0, 0, 0.51) 35.52%, rgba(217, 217, 217, 0.00) 75%);
}
    .header-random-post>p { display: none; } 
    .header-random-post span { display: block; opacity: 1; font-size: 20px; }
    .header-random-post span br { display: none; } 
    .hp-top { flex-direction: column; gap: 0; } 
    .hp-top-gallery,.hp-top-text { max-width: 100%; } 
    .hp-top-text .wrapper {margin: 0;max-width: 90%;margin-inline: auto;} 
    .grid,.grid-narrow { max-width: 90%; } 
    .hp-project.img1 { display: none; } 
    .hp-projects .col { max-width: 100%; } 
    .hp-clients .wrapper { flex-direction: column; } 
    .hp-project.img2 img, .hp-project.img3 img, .hp-project.img4 img { height: 50vw; } 
    .project-inner-top-img, .hp-top-gallery .swiper-slide img { height: 100vw; } 
    body .hp-video video {height: 100%;} 
    .hp-video .wrapper img,.hp-video.active .grid:hover .wrapper .pause {max-width: 85px;inset-block-start: 55%;inset-inline-start: 35%;} 
    .hp-video h2 {} 
    .hp-video h2 {max-width: 100%;padding-block: 30px;font-size: 41px;margin: 0;} 
    .hp-video .wrapper {height: 100%;flex-direction: column;} 
    .hp-top-text h1 { max-width: 75%; text-align: center; margin-inline: auto; } 
    .hp-top-text .text { max-width: 100%; text-align: center; } 
    .hp-top-text .wrapper .btn.primary { margin-inline: auto; } 
    .hp-top-gallery { margin-block-start: 40px; } 
    .hp-projects {margin-block: 3px;gap: 3px;} 
    .hp-projects .col .row { margin-block-start: 3px; gap: 3px; } 
    .hp-video {padding-block: 0;height: 90vh;} 
    .hp-video .grid {max-width: 100%;display: flex;flex-direction: column-reverse;align-items: center;}
    .top-layout .row .text-wrapper { max-width: 100%; text-align: center; } 
    .hero-small.top-layout .row { max-width: 100%;    justify-content: center; } 
    .hero-small { margin-block-start: 30px; min-height: auto;padding-block-end: 30px;} 
    .projects-lobby-main { padding-block: 25px; } 
    .title-wrapper,.hp-clients .title-wrapper h2 {
        max-width: 100%;
        text-align: center;
        margin-block-end: 0;
    }
    .contact-txt {
        text-align: center;
    }
    .about-top.top-layout .row h1 {
        margin-inline: auto;
    }
    
    .about-top.top-layout .row .text-wrapper {
        max-width: 75%;
        margin-block-start: 25px;
    }
    .hp-video.active .wrapper img,.hp-video.active .grid:hover .wrapper .pause{
        inset-block-start: 47%;
    }
        .hp-video .wrapper img,.hp-video.active .grid:hover .wrapper .pause {
    inset-inline: auto;
}
.hp-clients .swiper-pagination .swiper-pagination-bullet,.related-projects .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--c-main-dark);
    opacity: 1;
}
.hp-top-gallery:before {
    display: none;
}
.hp-clients .swiper,.related-projects .swiper {
    padding-block: 30px;
}
.project-credits {
    justify-content: center;
}
.hp-clients .swiper-pagination,.related-projects .swiper-pagination {
    inset-block-end: 0;
}
    .related-projects .hp-project img {
    width: 100%;
    height: 50vw;
    object-fit: cover;
}
     .steps-wrapper,.about-branches.about-branches {grid-template-columns: repeat(1, 1fr);} 
     .step-num-wrapper > p { max-width: 80%; width: 100%; margin-inline-start: auto; } 
     .step h4 { max-width: 70%; display: inline-flex; } 
     .step-num { max-width: 15%; display: inline-flex; margin-inline-end: 5%; } 
     .step:last-child .step-num-wrapper:after { display: none; } 
     .step-num-wrapper {margin-block-end: 50px;} 
     .step-num-wrapper:after { transform: rotate(90deg); inset-inline-start: -43px; width: 140px; height: 20px; inset-block-start: 120px; } 
     .hp-project h3 { font-size: 20px; } 
     .about-main { background-image: none !important; height: auto; } 
     .main-texts h2 { color: inherit; max-width: 100%; margin-inline: 0; } 
     .main-texts h2 span.c-yellow { color: inherit; } 
     .main-texts > .text-col {max-width: 100%;color: inherit;gap: 30px;grid-template-columns: repeat(1, 1fr);} 
    .main-texts > .text-col .btn.secondary {
    background-color: var(--c-yellow);
}
     .about-steps { padding-block-end: 0; } 
     .main-texts { margin-block-end: 50px; } 
     .project-inner-top-txt,.project-inner-top-img-wrapper { max-width: 100%; } 
    .project-credit-title .t-b.t-upper {
    font-size: 12px;
}
     .top-row { flex-direction: column; } 
     .hp-clients {overflow: hidden;padding-block: 20px;} 
     .clients-wrapper { max-width: 100%; display: flex; } 
     .project-inner-top-txt .text,.project-inner-top h1 { max-width: 90%; padding: 0; margin-inline: auto; text-align: center; } 
    .project-inner-top h1 {
    font-size: 52px;
    margin-block-end: 25px;
    margin-block-start: 0;
}
     .project-inner-top-vid,.vid-row .col { max-width: 100%; } 
     .vid-row { flex-direction: column; } 
     .project-inner-top-vid, .vid-row .col img,.vid-row .col .half-col img { height: 90vw; } 
     .half-col { max-width: 100%; } 
     .vid-row .col .row { flex-direction: column; }
     .branch { height: 90vw; }
     .branch > img { opacity: 1; } 
     .about-bottom { padding-block: 50px; } 
     .hero-medium.dream-top h1 { max-width: 75%; } 
     .contact-main .text,.contact-form,.contact-txt,.dream-main-txt2, .dream-services-wrapper,.dream-main-txt, .dream-main .contact-form,.dream-main-txt .text,.hero-medium .text-wrapper  { max-width: 100%; } 
     .dream-main-services .text { max-width: 100%; margin-block-end: 50px; } 
     .dream-main-services { padding-block: 50px; } 
     .dream-services-wrapper { grid-template-columns: repeat(1, 1fr); } 
     .dream-service.hp-project img { height: 90vw; } 
     .dream-bottom.bg-img-settings { display: none; } 
     .dream-service .text { opacity: 1; text-align: start; max-width: 90%; margin-block-end: 0; inset-block-end: 5%; z-index: 1;font-size: 14px; } 
     .dream-service .text h3 {margin-inline: 0;text-align: start;} 
     .hp-project:before { display: none; } 
     /* .hp-project:after {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.51) 28.65%, rgba(217, 217, 217, 0.00) 54.69%);z-index: 0;} 
     .footer-nav { gap: 20px; flex-direction: column; }  */
     .footer-menu-wrapper { margin: 0; width: 100%; } 
     .footer-contacts { display: flex; flex-direction: column; width: 100%; margin-block: 30px; line-height: 35px; position: relative; } 
     .footer-contacts:before,.footer-contacts:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(0 0 0 / 25%); } 
     .footer-contacts:after { inset-block-end: -10px; } 
     .footer-contacts:before { margin-block-start: -10px; } 
     .copyrights {margin-block-start: 30px;flex-wrap: wrap;gap: 10px;} 
     footer {padding-block: 30px;} 
    .footer-nav li a,.footer-contacts {
    font-size: 16px;
}
    .copyrights .footer-menu-wrapper {
    max-width: 60%;
}
.hp-video.active .grid:hover .wrapper .pause {
    opacity: 0;
}
.copyrights > a {
    max-width: 50%;
}

.copyrights .footer-menu-wrapper a {
    font-size: 14px;
}
     .contact-main {margin-block-end: 100px;} 
     footer .grid:before {inset-block-start: -30px;background-color: rgb(0 0 0 / 25%);}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {
    .project-inner-top-txt {
        padding-block-start: 50px;
    }
    .about-bottom .swiper .swiper-slide,.project-inner-top-img, .hp-top-gallery .swiper-slide img,.hp-video video {
        height: 45vw;
    }
 
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {

}

@media(max-width:430px){
    .header-logo-wrapper {
    max-width: 80px;
}
.about-bottom .swiper {
    padding: 0 10%;
    padding-block-end: 50px;
}
.about-top-video img {
    height: 120px;
    object-position: -70px 0;
}
.hero-medium .text-wrapper {
    max-width: 85%;
}
    .project-inner-top-txt > * {
        padding: 0;
        margin-block: 25px;
    }

}