* { box-sizing: border-box; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body {font-family: var(--font);padding:0;margin:0;font-size: 18px;line-height: 1.2;color: var(--c-dark-blue);-webkit-font-smoothing: antialiased;font-weight: 300;}
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: #4284fc;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:101px; font-weight: 900;}
h2{font-size:76px;}
h3{font-size:43px;}
h4{font-size:32px;}
h5{font-size:24px;}
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;}
.c-white { color: var(--c-white); }
.bg-white{background-color: var(--c-white);}
.bg-accent{background-color: var(--c-accent);}
 
.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.wide {max-width: stretch;margin-inline: 45px;}
.grid.small {max-width: var(--grid-small);}
.grid.narrow {max-width: var(--grid-narrow);}
.grid.default {max-width: var(--grid);}

.swiper-pagination-bullet { width: 10px; height: 10px; background: transparent; border: 1px solid var(--c-dark-blue); opacity: 1; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--c-dark-blue); }

.grid-three-items{display: grid; grid-template-columns: repeat(var(--grid-three-items), 1fr);}
.grid-two-items{display: grid; grid-template-columns: repeat(var(--grid-two-items), 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;}

.btn.secondary { padding: 5px; background-color: transparent; align-items: center; }
.btn.secondary:hover {color: var(--c-accent);text-decoration: underline;background-color: transparent;}
.btn-icon-arrow { transition: inherit; transform-origin: center; width: 29px; height: 29px; }
.btn.secondary:hover .btn-icon-arrow { transform: rotate(-45deg); }
.btn.secondary:hover .btn-icon-arrow svg path { stroke: var(--c-accent); }

.bg-dark-blue {background-color: var(--c-dark-blue);}
.bg-accent {background-color: var(--c-accent);}
.hero {min-height: 460px;display: flex;align-items: flex-end;padding-block-end: 50px;}
.hero h4 { max-width: 650px; font-weight: 300; margin-inline: auto; margin-block-end: 0; }
.blue-shape {
    /* responsive but bounded height */
    --cut-h: clamp(110px, 11vw, 180px);
    --cut-h: round(clamp(110px, 11vw, 180px), 1px);
    --start-from-right: clamp(180px, 20vw, 380px);
    --start-from-right: round(clamp(180px, 20vw, 380px), 1px);
    --tip-from-right: clamp(70px, 5vw, 140px);
    --tip-from-right: round(clamp(70px, 5vw, 140px), 1px);
    --drop: clamp(55px, 6vw, 130px);
    --drop: round(clamp(55px, 6vw, 130px), 1px);
    /* clip-path shapes the blue directly — cut area is transparent, no white overlay needed */
    height: var(--cut-h);
    background: #17003a;
    position: relative;
    inset-block-start: -1px;
    z-index: 1;
    clip-path: polygon(
        calc(95% - var(--start-from-right)) 0,
        100% 0,
        100% var(--drop),
        calc(95% - var(--tip-from-right)) var(--drop)
    );
}
.blue-shape::after { display: none; }
.mirrored { transform: scaleX(-1); }
.section-blue-title{ color: var(--c-accent); font-weight: 500; line-height: 1; }
.section-subtitle {font-weight: 300;max-width: 650px;margin-inline: auto;}
/*--text page--*/
.text-page-top { padding-block-start: var(--header-height); }
.text-page-main { padding-block-end: 100px; }
.text-page-content h3 { margin-block-start: 20px; }
.text-page-content a { color: inherit; }
.text-page-content a:hover { text-decoration: underline; }
/*--header--*/
.header {background-color: transparent;position: fixed;width: 100%;inset-block-start: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);}
.header-menu-wrapper {max-width: fit-content;width: 100%;display: flex;margin-inline-end: auto;}
.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%;font-size: 24px;gap: 30px;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.header-nav>li>a {color: var(--c-white);transition: var(--transition);}
.header.scroll .header-logo-negative,.header.negative .header-logo-negative { display: block; }
.header.negative .header-logo-regular { display: none; }
.header.negative .header-nav>li>a {color: var(--c-dark-blue);}
.header.negative .header-nav>li:hover a { color: var(--c-accent); }
.header.scroll .header-logo-regular { display: none; }
.header.scroll { background-color: var(--c-white); }
.header.scroll .header-nav>li>a{ color: var(--c-dark-blue); }
.header.scroll .header-nav>li:hover>a { color: var(--c-accent); }
.header-nav>li:hover>a, .header-nav .sub-menu li:hover>a, .header-nav>li.current-menu-item>a, .header-nav>li.current_page_parent>a, .header.negative .header-nav>li.current_page_parent>a, .header.scroll .header-nav>li.current-menu-item>a {color: var(--c-accent);}
.header-nav>li>.sub-menu {display: none;position: absolute;width: max-content;background-color: rgb(0 0 0 / 90%);border: 2px solid var(--c-blue);box-shadow: 0 0 20px rgb(18 65 180 / 50%);padding: 10px 20px;top: 40px;}
.header-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-logo-negative{display: none;}
/*--hp--*/
.video-wrapper { width: 100%; height: 100vh; }
.video-wrapper video {max-width: 100%;width: 100%;height: 100%;inset-block-start: 0;inset-inline-start: 0;object-fit: cover;display: flex;}
.proj-category-item { aspect-ratio: 1; border-radius: 20px; box-sizing: content-box; padding: 35px; position: relative; }
.proj-categories {padding-block-end: 70px;}
.hp-seperator-wrapper { display: flex; }
.line { width: stretch; height: 1px; background-color: var(--c-dark-blue); display: flex; align-self: flex-end; margin-inline: 25px; }
.proj-category-item:before { content: ""; position: absolute; width: 100%; height: 55%; background: linear-gradient(180deg, rgba(26, 27, 29, 0.80) 26.18%, rgba(26, 27, 29, 0.00) 86.85%), rgba(24, 6, 54, 0); inset-inline-start: 0; inset-block-start: 0; border-radius: inherit; transition: var(--transition); }
.proj-category-item:hover .text { opacity: 1; }
.proj-category-item:hover .proj-icon-wrapper { width: 85px; height: 85px; background-color: var(--c-white); }
.proj-category-item:hover .proj-icon-wrapper .icon-hover { display: block; }
.proj-category-item:hover .proj-icon-wrapper .icon { display: none; }
.proj-category-item:hover .proj-title-wrapper { transform: translate3d(0, 0, 20px); }
.proj-category-item:hover:before { height: 100%; }
.proj-category-item .btn { opacity: 0; pointer-events: none; transition: var(--transition); position: relative; }
.proj-category-item:hover .btn { opacity: 1; pointer-events: auto; }
.proj-categories .grid-three-items { gap: 20px; }
.proj-icon-wrapper { display: flex; width: 85px; height: 85px; align-items: center; justify-content: center; transition: var(--transition); border-radius: 50%; }
.proj-title-wrapper { display: flex; align-items: center; gap: 20px; margin-block-end: 30px; position: relative; transform: translate3d(0, -20px, 20px); transition: var(--transition); }
.icon-hover { display: none; }
.hp-about { color: var(--c-white); padding-block-start: 150px; position: relative; overflow: hidden; }
.hp-about-wrapper {max-width: 750px;text-align: center;margin-inline: auto;}
.hp-about-logo-anim {margin-block-start: 90px;margin-block-end: 150px;position: relative;overflow: hidden;}
.hp-about-logo-anim .logo-title {margin-block-start: 20px;transform: translateY(-90px);transition: var(--transition);}
.hp-about h2 { font-size: 101px; font-weight: 900; }
.hp-about .btn.secondary { margin-inline: auto; color: var(--c-white); margin-block-start: 90px; }
.hp-about .btn.secondary:hover { border-color: transparent; color: var(--c-accent); }
.hp-about .btn.secondary svg path { stroke: var(--c-white); }
.logo-part-big { position: absolute; inset-inline-end: -50%; inset-block-start: 510px; transition: all 3s ease; }
.logo-part-big.fliped { transform: rotate(180deg); inset-inline-end: auto; inset-inline-start: -50%; inset-block-start: 105px; }
.logo-part-big.fliped.in { inset-inline-start: 150%; }
.logo-part-big.in {inset-inline-end: 150%;}
.logo-part-small { position: absolute; inset-block-end: 5px; }
.logo-part-small.fliped { transform: rotate(180deg); inset-block-start: 5px; }
.logo-part-small.top { inset-inline-start: 100%; }
.logo-part-small.bottom { inset-inline-start: -20%; }
.logo-part-small.top.in { animation: smallPartFliped 4s cubic-bezier(.175,.885,.32,1.175) forwards; }
@keyframes smallPartFliped{
    0%{ inset-inline-start: 100%; }
    16.66%{ inset-inline-start: 50%;}
    33.32%{inset-inline-start: 50%;}
    49.98%{inset-inline-start: 0%;}
    66.64%{inset-inline-start: 0;}
    83.3%{inset-inline-start: 83%;}
    100%{inset-inline-start: 83%;}
}
.logo-part-small.bottom.in { animation: smallPart 4s cubic-bezier(.175,.885,.32,1.175) forwards; }
.hp-about-logo-wrapper.in { opacity: 1; }
.hp-about-logo-anim.ready { overflow: initial; }
.hp-about-logo-anim .logo-title.in { transform: translateY(0); }
@keyframes smallPart{
    0%{ inset-inline-start: -20%; }
    16.66%{ inset-inline-start: 50%;}
    33.32%{inset-inline-start: 50%;}
    49.98%{inset-inline-start: 0%;}
    66.64%{inset-inline-start: 0;}
    83.3%{inset-inline-start: 83%;}
    100%{inset-inline-start: 83%;}
}
.hp-about-text-anim { opacity: 0; transform: translate3d(0, 150px, 10px); transition: all 1s; transition-timing-function: cubic-bezier(.175,.885,.32,1.175); }
.hp-about-text-anim.in { opacity: 1; transform: translate3d(0, 0, 10px); }
.hp-about-logo-wrapper { max-width: fit-content; transition: var(--transition); opacity: 0; }
.hp-about-wrapper .text { max-width: 617px; margin-inline: auto; }
.logo-name { background-color: var(--c-dark-blue); position: relative; z-index: 2; }
.proj-icon-wrapper > img { position: absolute; }
.proj-title-wrapper h3 { margin: 0; color: var(--c-white); }
.proj-category-item .text { color: var(--c-white); position: relative; opacity: 0; margin-block-end: 30px; transition: var(--transition); }
.btn {display: flex;max-width: fit-content;align-items: center;padding: 10px 15px;gap: 10px;border-radius: 26px;border: 1px solid transparent;height: fit-content;align-self: center;transition: var(--transition);}
.btn-icon { width: 26px; height: 26px; display: flex; transition: var(--transition); }
.btn.bg-white { color: var(--c-dark-blue); }
.btn-icon svg path,.btn-icon svg rect { stroke: var(--c-dark-blue); }
.btn:hover .btn-icon { transform: rotate(-45deg); }
.btn:hover { background-color: var(--c-accent); border-color: var(--c-white); color: var(--c-white); }
.btn:hover .btn-icon svg rect {fill: var(--c-white);}
.btn.bg-dark-blue { color: var(--c-white); box-shadow: 0 4px 24\px 0 rgba(0, 0, 0, 0.25); }
.btn.bg-dark-blue .btn-icon svg rect,.btn.bg-dark-blue .btn-icon svg path { stroke: var(--c-white); }
.btn.bg-dark-blue:hover svg rect { fill: transparent; }
.hp-quote {min-height: 935px;display: flex;align-items: center;justify-content: center;margin-block-start: 40px;}
.hp-quote .text { color: var(--c-white); max-width: 870px; text-align: center; }
.hp-quote .text h2 {font-weight: 300;font-size: 101px;}
.hp-quote .text strong { font-weight: bold; font-size: 24px; }
/*--hp-why--*/
.hp-why:before { content: ""; position: absolute; width: 1160px; height: 1330px; z-index: 0; inset-block-start: -370px; inset-inline: 30%; margin-inline: auto; }
.hp-why {padding-block-start: 95px;position: relative;overflow: hidden;min-height: 1150px;}
.hp-why__title {text-align: center;margin-block-end: 120px;}
.hp-why__layout { display: flex; align-items: center; gap: 40px; }
.hp-why__col {display: flex;flex-direction: column;gap: 216px;flex: 1;}
.hp-why__gap {flex: 1.9;}
.hp-why__item { display: flex; flex-direction: column; gap: 12px; }
.hp-why__item-header { display: flex; align-items: center; gap: 12px; }
.hp-why__icon {width: 48px;height: 48px;object-fit: contain;}
.hp-why__item-title {font-weight: 300;margin: 0;}
.hp-why__item-text {line-height: 1.6;margin: 0;max-width: 430px;}
.hp-why .grid.wide { max-width: stretch; margin-inline: 175px; position: relative; }
.projects-main .grid-three-items { padding-block-start: 40px; }
.project-item-location svg path[stroke="white"] { stroke: var(--c-dark-blue); width: 21px; height: 21px; }
.project-item-location { display: flex; align-items: center; gap: 10px; color: var(--c-dark-blue); }
.project-item-content { display: flex; box-sizing: content-box; padding: 10px 20px; }
.project-item-text {margin-inline-end: auto;max-width: 60%;}
.project-item { border-radius: 5px; box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.12); }
.hp-projects .grid-three-items, .projects-main .grid-three-items {gap: 20px;}
.hp-projects .section-subtitle { margin-block-start: 40px; margin-block-end: 60px; }
section .flex-row-center .btn { margin-block-start: 60px; }
.media-item-content { color: var(--c-dark-blue); }
.media-item-title { margin-block: 30px 20px; font-weight: 800; max-width: 95%; }
.media-item-image {border-radius: 5px;width: 100%;aspect-ratio: 38/25;}
.hp-media .section-blue-title { margin-block-end: 65px; }
.hp-media { margin-block-start: 200px; margin-block-end: 65px; }
.hp-media .grid-three-items { gap: 20px; }
.media-item-content .btn.secondary { margin-block-start: 35px; }
.project-item-img-wrapper {width: 100%;border-radius: inherit;aspect-ratio: 59/31;}
.project-item-img-wrapper img { width: 100%; object-fit: cover; height: 100%; border-start-end-radius: inherit; border-start-start-radius: inherit; }
.project-item h4 { color: var(--c-dark-blue); font-weight: 300; margin-block-end: 10px; }
.project-item .btn.bg-white { box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25); }
/*--about--*/
.about-top { position: relative; min-height: 1000px; }
.about-top-img { position: absolute; height: 100%; inset-inline-end: 0; }
.about-top .text-col { color: var(--c-white); max-width: 50%; padding-block-start: calc( var(--header-height) + 45px ); }
.about-top .text-col .text > p { max-width: 600px; }
.about-mgmt-content { display: flex; flex-wrap: wrap; justify-content: center; gap: 90px 210px; }
.mgmt-person > img {max-width: 330px;transform: translateY(120px);}
.about-mgmt .grid.default { transform: translateY(-130px); }
.mgmt-person { flex: .333 33.333%; max-width: 345px; position: relative; }
.mgmt-person .text {
    font-size: 20px;
}
.mgmt-person .title-wrapper { display: flex; }
.mgmt-person .title-wrapper .linkedin { margin-inline-start: auto; transform: translateX(-30px); }
.mgmt-person .title-wrapper .linkedin:hover svg path:first-child { fill: var(--c-accent); }
.mgmt-person .title-wrapper .linkedin svg path:first-child { transition: var(--transition); }
.person-name { margin-inline-start: auto; max-width: 65%; min-height: 116px; margin-block-end: 25px; position: relative; }
.person-name h6 { max-width: 100%; font-size: 24px; color: var(--c-accent-dark); font-weight: 800; }
.person-name h4 {font-weight: 300;max-width: 90%;margin: 0;}
.about-top .text-col h3 {font-weight: 500;}
.projects-main { padding-block-end: 85px; }
/*--project--*/
.project-gallery .swiper-slide img{max-width:100%;width: 100%;height: 370px;object-fit:cover;}
.more-projects {padding-block-end: 115px;padding-block-start: 200px;}
.project-gallery .swiper {padding-block-end: 50px;}
.more-projects .grid-three-items { gap: 20px; }
.more-projects .section-blue-title { margin-block-end: 40px; }
.project-top-text-wrapper .text { max-width: 85%; }
.project-video > img {
    max-width: 100%;
}
.project-video {position: absolute;width: 1254px;height: 688px;object-fit: cover;inset-block-start: 0;inset-inline-end: 0;}
.project-video::before { content: ""; position: absolute; background: url(/wp-content/uploads/proj-vid-mask-fixed3.webp) no-repeat 0 0 / cover; width: 100%; height: 100%; inset-block-end: -1px; inset-inline-start: -1px; z-index: 1; }
.project-video video { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.project-top-txt { min-height: 500px; }
.project-top.hero .grid.wide { position: relative;margin-inline-end: 0; }
.project-inf-wrapper { display: flex; flex-direction: column; gap: 15px; }
.project-top.hero h1 {font-size: 80px; line-height: 1; margin-block-end: 45px; }
.proj-inf strong { font-weight: 700; }
#map { width: 100%; height: 500px; border-radius: 10px; }
.proj-inf { color: var(--c-white); display: flex; align-items: center; gap: 10px; }
.project-top-text-wrapper .title-wrapper, .project-map .title-wrapper { display: flex; align-items: center; margin-block-end: 25px; gap: 15px; }
.project-top-text-wrapper .section-blue-title { margin: 0; font-size: 43px; font-weight: 700; }
.project-top-text-wrapper { max-width: 600px; padding-block-start: 125px; }
.project-top.hero {min-height: 420px;padding: 0;align-items: center;padding-block-start: calc(var(--header-height) + 20px);}
.project-top.hero .text-content { max-width: 510px;     padding-block-end: 53px;}
.project-map-wrapper,.project-map-text { flex: .5; }
.project-map { padding-block-start: 185px; }
.project-map .row { gap: 80px; }
.project-map-text { display: flex; flex-direction: column; justify-content: center; }
.title-wrapper { display: flex; margin-block-end: 10px; }
.title-wrapper .section-blue-title { margin: 0; font-weight: 700; }
.project-map .text { max-width: 80%;line-height: 1.5;}
.media-main .grid-three-items { gap: 20px; transform: translateY(-80px);}
.pagination { padding-block: 60px 15px; gap: 5px; }
.pagination { margin-block: 60px 15px; padding-block: 15px; gap: 5px; max-width: fit-content; margin-inline: auto; border-block-start: 1px solid var(--c-dark-blue); padding-inline: 25px; }
.page-numbers{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: transparent; color: var(--c-dark-blue); }
.page-numbers.current { background-color: var(--c-accent); }
.media-top.hero h4,.blog-top.hero h4,.contact-top.hero h4 { max-width: 920px; }
.page-numbers:hover { background-color: var(--c-accent); }
/*--blog--*/
.blog-main .grid.small { transform: translateY(-80px); }
.blog-items { display: flex; flex-direction: column; gap: 30px; }
.default-post { display: flex; gap: 30px; }
.default-post-content { color: var(--c-dark-blue); height: fit-content; align-self: center; }
.default-post-title { font-size: 24px; margin: 0; }
.default-post-excerpt { margin-block: 20px; max-width: 95%; }
.default-post .btn.secondary { margin-inline-start: auto; }
.default-post-image { width: 100%; aspect-ratio: 44 / 29; border-radius: 10px; }
article.default-post { padding-block-start: 150px; display: flex; flex-direction: column; }
article.default-post .single-content strong { font-weight: 700; }
.single-content img, .single-post-image-wrapper > img { width: 100%; height: auto; }
.default-post .section-blue-title { font-size: 76px; margin: 0; }
.single-post-image-wrapper { margin-block: 60px  40px; }
.default-post-image-wrapper { max-width: 38%; width: 100%; }
.more-default-posts { padding-block: 110px 65px; }
.more-default-posts .section-blue-title { margin-block-end: 40px; }
.more-default-posts .grid-two-items { gap: 35px; }
/*--contact--*/
#contact-map { width: 100%; height: 750px; }
.contact-main { position: relative; }
.contact-main .blue-shape { position: absolute; z-index: 9; width: 100%; inset-block-start: 0; }
.contact-top .footer-inf { max-width: 920px; margin-inline: auto; color: var(--c-white); justify-content: center; margin-block-start: 30px; }
.contact-top .form-wrapper { max-width: 920px; width: 100%; margin-inline: auto; margin-block: 50px; }
.form-three-items > p br { display: none; }
.form-three-items > p { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.contact-top .form-wrapper form { display: flex; flex-direction: column; gap: 20px; }
.contact-top.hero {padding-block-start: calc(var(--header-height) + 80px);padding-block-end: 100px;}
.form-wrapper .wpcf7 input[type="url"], .wpcf7 input[type="email"], .form-wrapper  .wpcf7 input[type="tel"] { direction: rtl; }
.contact-top .form-wrapper form input { height: 42px; }
.contact-top .form-wrapper form textarea { padding-block: 10px; height: 80px; }
.form-row { display: flex; justify-content: space-between; color: var(--c-white); }
.contact-top .form-wrapper form input[type="checkbox"] { appearance: auto; width: 15px; height: 15px; }
.wpcf7-list-item { margin: 0; }
.wpcf7-list-item label { display: flex; align-items: center; gap: 10px; }
.form-wrapper  .btn.bg-dark-blue br { display: none; }
.form-wrapper  .btn.bg-dark-blue p { display: flex; align-items: center; gap: 10px; }
.wpcf7-spinner { display: none; }
.wpcf7-response-output { color: var(--c-white); }
.contact-top .form-wrapper form input[type="submit"] { background-color: transparent; border: none; color: var(--c-white); position: absolute; inset-inline-start: 0; text-align: start; cursor: pointer; z-index: 99; }
.form-wrapper .btn.bg-dark-blue { border-color: var(--c-white); min-width: 100px; position: relative; justify-content: flex-end; }
.contact-top .wpcf7-form-control.wpcf7-acceptance a {
    color: var(--c-white);
    text-decoration: underline;
}
.contact-top .form-wrapper form input,.contact-top .form-wrapper form textarea { width: 100%; border: none;font-family: inherit; font-size: inherit; resize: none; border-radius: 20px; padding-inline: 10px; }
/*--thanks--*/
.thanks { display: flex; height: 100vh; align-items: center; justify-content: center; }
.thanks h1,.page-404 h1 { margin: 0; line-height: 0.7; font-size:160px; }
.thanks .text { margin-block: 30px 20px; }
.page-404 p { font-size: 57px; font-weight: 400; margin-block: 10px 20px; }
.thanks .logo-name,.thanks .logo-title { background-color: var(--c-white); max-width: 75%; }
.thanks .hp-about-logo-anim svg path[fill="white"] { fill: var(--c-dark-blue); }
.thanks .hp-about-logo-anim { margin-block-end: 50px; }
.thanks .logo-name svg,.thanks .logo-title svg { max-width: 100%; height: auto; }
.thanks .flex-row-center .btn { margin-block-start: 10px; }
.thanks .logo-title { margin-block-start: 10px; transform: translateY(-70px); }
.thanks .hp-about-wrapper { max-width: 420px; }
.thanks .logo-part-small {max-width: 68px;    z-index: 3;}
.page-404 { background-image: url(/wp-content/uploads/873987933-1.jpg); background-position: bottom; height: 100vh; display: flex; align-items: center; background-size: 75%; }
.page-404 .btn.bg-dark-blue { margin: 0; }
 
/*--footer--*/
.credits-wrapper { display: flex; justify-content: space-between; }
.footer-logo { max-width: 280px; margin-inline-start: auto; }
.footer-nav ul { display: flex; gap: 20px; }
.footer { padding-block: 55px 30px; color: var(--c-white); }
.footer-inf-wrpper { display: flex; justify-content: space-between; padding-block: 35px; }
.footer-inf { display: flex; gap: 40px; }
.credits-wrapper { display: flex; position: relative; padding-block-start: 30px; }
.footer-nav { display: flex; gap: 20px; }
.footer-nav a { color: var(--c-white); }
.footer a:hover {color: var(--c-accent);text-decoration: underline;text-decoration-color: var(--c-white);text-underline-offset: 5px;}
.footer-socials { display: flex; gap: 20px; }
.footer-socials .social-item:hover svg path[stroke="white"] { stroke: var(--c-accent); }
.footer-socials .social-item:hover svg path[stroke="#49CAE7"] { stroke: white; }
.inf-item { display: flex; align-items: center; gap: 20px; }
.inf-item a:hover { color: var(--c-accent); }
.inf-item a { color: var(--c-white); }
.footer a:hover {color: var(--c-accent);}
.copyrights {font-size: 14px;color: var(--c-accent);display: flex;align-items: center;gap: 10px;}
.wn-credit a { color: var(--c-accent); }
.wn-credit a:hover { color: var(--c-white); }
.wn-credit { display: flex; direction: ltr; justify-content: center; gap: 5px; align-items: center; }
.credits-wrapper:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-white); inset-block-start: 0; }
#menu-footer-menu1 a { color: var(--c-accent); font-size: 14px; }
.footer .row { align-items: center; }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media(min-width:2500px){
    .hp-why .grid.wide { max-width: var(--grid-wide); margin-inline: auto; }
    .hp-why:before{ inset-inline:35%; }
}

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
    :root { --header-height: 86px; --grid:90%; --grid-small: 70%; --grid-wide:95%; --grid-narrow:50%; }
    h1{font-size:80px;}
    h2{font-size:56px;}
    h3,.project-top-text-wrapper .section-blue-title{font-size:30px;}
    h4{font-size:24px;}
    h5{font-size:20px;}
    .header-logo { max-width: 180px; }
    .header-logo > img { max-width: 100%; }
    .header-nav { font-size: 20px; }
    .hp-about { padding-block-start: 50px; }
    .hero { min-height: 300px; }
    .hp-about h2 { font-size: 80px; }
    .logo-part-big { max-width: 350px; }
    .hp-quote { min-height: 100vh; }
    .hp-quote .text h2 {font-size: 80px;max-width: 90%;margin-inline: auto;}
    .hp-why__col { gap: 150px; }
    .project-top.hero { min-height: 410px; }
    .hp-why { min-height: 950px; }
    .hp-media { margin-block-start: 100px; }
    .hp-why .grid.wide { margin-inline: 50px; }
    .hp-why:before { background-size: 80% !important; inset-inline: 0; inset-block-start: -230px; }
    .hp-why__gap { flex: 2; }
    .about-mgmt .grid.default { transform: translateY(-60px); }
    .hp-about .btn.secondary { margin-block-start: 40px; }
    .about-top .text-col { max-width: 40%; padding-block-start: calc(var(--header-height) + 15px); }
    .hp-about-logo-anim { margin-block-start: 40px; margin-block-end: 80px; }
    .proj-category-item { padding: 15px; }
    .proj-title-wrapper { transform: translate3d(0, 0, 20px); }
    .proj-category-item:hover .proj-title-wrapper { margin-block-start: 20px; }
    .about-top-img { max-width: 50%; height: auto; }
    .about-mgmt-content { gap: 70px; }
    .project-video { width: 786px; height: 460px; }
    .project-top-text-wrapper { padding-block-start: 75px; }
    .project-top-txt { min-height: 400px; }
    .project-map { padding-block-start: 100px; }
    .project-top.hero h1 { font-size: 70px; }
    #map { height: 350px; }
    .contact-top.hero { padding-block-start: var(--header-height); padding-block-end: 50px; }
    .contact-top .form-wrapper { margin-block: 25px; }
    .contact-top .form-wrapper form { gap: 10px; }
    #contact-map { height: 520px; }
    .form-three-items > p { gap: 10px; }
    .more-projects { padding-block: 80px; }
    .mgmt-person .title-wrapper .linkedin { transform: translateX(0); }
    .mgmt-person { max-width: 29.033%; }
    .about-top { min-height: 100vh; padding-block-end: 25px; }
    .footer-logo { max-width: 180px; }
    .footer { padding-block: 25px; }
}
@media(max-width:1440px){
}
@media(max-width: 1366px){
    :root {--header-height: 80px;--grid:90%;--grid-small: 65%;--grid-wide:95%;--grid-narrow: 55%;}
    body { font-size: 16px; }
    h1, .default-post .section-blue-title,.project-top.hero h1{font-size: 65px;}
    h2{font-size:46px;}
    h3{font-size:26px;}
    h4{font-size: 22px;}
    h5{font-size:18px;}
    .hp-why:before { background-size: 75% !important;  }
    .hp-media { margin-block: 100px; }
    .project-top.hero { min-height: 360px; }
    .project-top.hero .text-content { max-width: 52%; }
    .blog-main .grid.small { transform: translateY(0); }
    .person-name h6 { font-size: 18px; }
    .project-item-content { padding: 15px; }
    .project-video { width: 625px; height: 360px; }
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    body { font-size: 18px; }
    :root{
        --grid: 95%;
        --grid-small: 95%;
        --grid-wide: 95%;
        --grid-narrow: 95%;
        --grid-three-items: 2;
        --grid-two-items: 1;
    }
    /*--header--*/ 
    .header-menu-wrapper {max-width: 100%;height: 100%;position: fixed;inset-inline-start: 0;z-index: 0;background-color: var(--c-dark-blue);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%; } 
    #menu-top-menu-1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 100px;}
    .header-nav {flex-direction: column;max-width: var(--grid-wide);margin-inline: auto;align-items: flex-start;padding-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;}
    .header.scroll .header-nav>li>a,.header.negative .header-nav>li>a { color: var(--c-white); }
    .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: var(--c-dark-blue);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(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);}
    }
    .video-wrapper { height: calc(100vh - var(--header-height)); }
    .hero { min-height: 230px; padding-block: 40px; align-items: center; }
    .projects-main .grid-three-items { padding-block-start: 0; gap: 30px;}
    .blue-shape { --start-from-right: round(clamp(130px, 20vw, 380px), 1px); --tip-from-right: round(clamp(40px, 5vw, 140px), 1px); clip-path: polygon(calc(100% - var(--start-from-right)) 0, 100% 0, 100% var(--drop), calc(100% - var(--tip-from-right)) var(--drop)); }
    .hp-seperator { display: none; }
    .hp-projects .grid.wide { max-width: 100%; }
    .swiper.projects-swiper {padding-block-end: 50px;}
    section.hp-projects .flex-row-center .btn{ margin-block-start: 30px; }
    .hp-quote { margin-block-start: 0; }
    .header-logo-regular { display: none; }
    .header-logo-negative { display: block; }
    .grid.wide { max-width: var(--grid); margin-inline: auto; }
    .header.scroll .header-nav>li#menu-item-25>a, .header-nav>li#menu-item-25>a { color: var(--c-white); background-color: var(--c-accent); padding: 14px 40px; border-radius: 30px; }
    .hp-about .hp-about-text-anim {opacity: 1;transform: translate3d(0, 0, 10px);}
    .hp-about-logo-anim .logo-title { transform: translateY(-75px); }
    .proj-category-item:before { height: 100%; }
    .hp-why__col { gap: 50px; }
    .proj-category-item .btn,.proj-category-item .text,.proj-category-item .proj-title-wrapper { opacity: 1; }
    .hp-why .grid.wide { max-width: var(--grid); margin-inline: auto; }
    .proj-categories .blue-shape { inset-inline-start: -1px;inset-block-start: -1px; }
    .proj-category-item .proj-title-wrapper { margin-block-start: 20px; }
    .proj-category-item .proj-title-wrapper { transform: translate3d(0, 0, 20px); }
    .proj-categories .proj-category-item .proj-icon-wrapper { width: 75px; height: 75px; background-color: var(--c-white); }
    .proj-category-item .proj-icon-wrapper .icon-hover { display: block; }
    .proj-category-item .proj-icon-wrapper .icon { display: none; }
    .proj-category-item {
    padding-block: 50px;
}
.about-top {
    min-height: auto;
}
.hp-projects .section-blue-title,.hp-projects .section-subtitle {
    max-width: var(--grid);
    margin-inline: auto;
}
.media-item-content .btn.secondary {
    margin-block-start: 20px;
}
    .about-top-img {max-width: 100%;width: 100%;position: relative;}
    .about-mgmt .blue-shape { width: 100%; position: absolute; z-index: 99; }
    .about-mgmt {position: relative;padding-block-end: 50px;}
    .media-main .grid-three-items { transform: translateY(0); }
    .about-mgmt .section-blue-title {margin-block-end: 50px;padding-block-start: 100px;}
    .project-map .row { flex-direction: column-reverse; gap: 40px; }
    article.default-post { padding-block-start: 50px; }
    .more-default-posts { padding-block: 50px; }
    .more-projects .grid.wide { max-width: 100%; }
    .project-map .text { max-width: 100%; }
    .project-video { width: 100%; object-fit: cover; height: 55vw; inset-block-end: 0; position: relative; }
    .project-top.hero .text-content {padding-block-end: 0;max-width: 100%;text-align: center;}
    .project-inf-wrapper { align-items: center; }
    .project-top.hero .grid.wide { margin: auto; max-width: var(--grid); }
    .project-top-txt { min-height: auto; margin-block-end: 50px; }
    .project-top.hero {min-height: auto;padding-block: 50px;}
    .hp-why__gap { flex: 0; }
    .hp-why__title { margin-block-end: 80px; }
    .hp-why { min-height: auto; padding-block-end: 100px; }
    .hp-quote { min-height: 70vh; }
    .hp-why:before{ display: none; }
    .logo-part-big { display: none; }
    .logo-name svg,.logo-title svg { max-width: 100%; height: auto; }
    .hp-about-logo-wrapper { max-width: 75%; }
    .logo-part-small { max-width: 16%; }
    .about-top .about-top-img { display: none; }
    .about-top .text-col {max-width: 100%;padding-block-start: 50px;}
    h1, .default-post .section-blue-title, .project-top.hero h1 {font-size: 46px;font-weight: 700;}
    .mgmt-person > img {max-width: 100%;}


    .form-three-items > p { grid-template-columns: repeat(1, 1fr); }
    .contact-top .footer-inf { align-items: flex-start; }
    .wpcf7-list-item label { font-size: 14px; }
    .form-row { flex-direction: column; }
    .form-wrapper .btn.bg-dark-blue { min-width: 100%; margin-block-start: 10px; }
    .contact-main .blue-shape { inset-block-start: -1px; inset-inline-start: -1px; }
    .form-wrapper .btn.bg-dark-blue p {
    justify-content: center;
    width: 100%;
}

.contact-top .form-wrapper form input[type="submit"] {padding-inline-start: 40%;}

.form-wrapper .btn.bg-dark-blue p .btn-icon {margin-inline-start: 10%;}
    .page-404 .grid.default { padding-block-start: 50px; }
    .page-404 {background-size: 220%;align-items: flex-start;background-position: 50% 70%;height: auto;padding-block-end: 75%;}
    .thanks { height: auto; padding-block: 100px; }
    .thanks .logo-part-small { max-width: 14%; }
    .thanks .hp-about-wrapper { max-width: 100%; }
    .thanks .logo-name, .thanks .logo-title { max-width: 90%; }
    /*--footer--*/
    .footer .row { flex-direction: column-reverse; }
    .footer-inf-wrpper { flex-direction: column; }
    .footer-inf { flex-direction: column-reverse; gap: 10px; align-items: center; }
    .footer-socials { justify-content: center; margin-block-start: 45px; }
    .credits-wrapper { flex-direction: column-reverse; gap: 15px; }
    .copyrights { flex-direction: column; }
    .copyrights span:not(.wn-credit) { display: none; }
    .footer-menu-wrapper {margin-block-start: 45px;}
    .footer-nav { justify-content: center; }
    .footer-logo { margin-inline: auto; }
    .credits-wrapper .footer-menu-wrapper { margin-block-start: 0; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media( max-width:920px ){
    :root{ --grid-three-items: 1; --grid: 90%; --grid-small: 90%; --grid-wide: 90%; --grid-narrow: 90%; }
    body { font-size: 16px; }
    h5 { font-size: 24px; }
            .about-mgmt-content {flex-direction: column;gap: 60px;}
        .mgmt-person { max-width: 100%; flex: 1; }
    .default-post { flex-direction: column; }
    .hp-quote .text { padding-block: 25vw; }
    .header-logo { max-width: 130px; }
    .hp-quote .text h2 { max-width: 100%; }
    .project-top-text-wrapper { padding-block-start: 50px; }
    .project-map { padding-block-start: 50px; }
    .more-projects { padding-block: 50px; }
    .default-post-image-wrapper { max-width: 100%; }
    .project-item-content { flex-direction: column; gap: 20px; }
    .hp-about h2 {font-size: 46px;font-weight: 700;}
    .hp-quote .text h2 {font-size: 54px;max-width: 96%;}
    .project-item-text { max-width: 100%; }
    .project-item .btn.bg-white { align-self: flex-start; }
    .default-post .section-blue-title { text-align: center; font-weight: 500; }
    .contact-top.hero { padding-block-start: 35px; }
}
@media (max-width: 768px) {
    .hero h4 { font-size: inherit; }
    .hp-why__layout { flex-direction: column; }
    .hp-why__gap { display: none; }
    .footer-logo { max-width: 220px; }
    .footer { padding-block: 50px; }
}

@media(max-width:440px){
    .mgmt-person > img {transform: translateY(0);}
    .hp-why__title { margin-block-end: 20px; }
    .hp-media { margin-block: 50px; }
    .thanks h1, .page-404 h1 { font-size: 117px; }
    section .flex-row-center .btn { margin-block-start: 30px; }
    .hp-media .section-blue-title { margin-block-end: 30px; }
    .thanks { padding-block: 30px; }
    .thanks .hp-about-logo-anim { margin-block-start: 0; display: none; }
    .hp-why { padding-block-start: 40px; }
    .hp-why {padding-block-end: 150vw;}
    .hp-why__item-header { flex-direction: column; }
    .about-mgmt .grid.default { transform: translateY(-20px); }
    .about-mgmt .person-name { margin-block-start: -120px; }
    .hp-why__item-text {text-align: center;line-height: 1.2;}
    .logo-part-small { max-width: 18%; }
    .proj-category-item {aspect-ratio: auto;}
    .hp-projects {padding-block-start: 40px;}
    .hp-why:before{ display: block; }
    .hp-why:before {background-size: contain !important;width: 200%;height: 110vh;inset-block-start: auto;inset-block-end: 0;margin-inline: auto;inset-inline-start: -70px;}

}

@media(max-width:390px){
    .hp-why:before {inset-inline-start: -50px;}
}

@media(max-width:375px){
    .hp-why:before {inset-inline-start: -130px;}
}