* { 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: 17px;font-weight: 500;line-height: 1.2;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;}
::selection {color: var(--c-main-dark);background: var(--c-green-lime);}
::-moz-selection {color: var(--c-main-dark);background: var(--c-green-lime);}
::-webkit-scrollbar{background:var(--c-main-dark);width:10px;}
::-webkit-scrollbar-thumb{background: var(--c-green-lime);}
a {text-decoration:none;outline: none;color: var(--c-turkiz);}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:64px;}
h2{font-size:45px;}
h3{font-size:36px;}
h4{font-size:30px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-row-center{display: flex;justify-content: center;}

.hide-mobile{display:flex;}
.hide-desktop{display:none;}
 .sticky-w img { max-width: 60px; }
.sticky-w {position: fixed;inset-block-end: 220px;inset-inline-start: 30px;z-index: 999999999;}

.font-summer-solid{font-family: var(--font-summer-solid);}
 
.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.bg-peach{background-color: var(--c-peach);}
.bg-lime{background-color: var(--c-green-lime);}
.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.default{max-width: var(--grid-default);}
.grid.wide{max-width: var(--grid-wide);}
.grid.medium{max-width: var(--grid-medium);}
.grid.tiny{max-width: var(--grid-tiny);}
 
/*---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);transition-duration: 1.25s;}
.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,20%);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-read-more { display: flex; gap: 10px; color: inherit; max-width: fit-content; height: 28px; align-items: center; transition: var(--transitions); position: relative; }
.btn-read-more>img { transform: rotate(45deg); transition: var(--transitions); }
.btn-read-more:hover>img, .magazine-item-lobby:hover .btn-read-more>img { transform: rotate(0); }
.btn-read-more:before { content: ""; position: absolute; display: flex; height: 8px; background-color: var(--c-green-lime); width: 0; transition: var(--transitions); inset-block-end: 0; }
.btn-read-more:hover:before, .magazine-item-lobby:hover .btn-read-more:before { width: 95%; }
.btn-read-more>span { position: relative; }

/*--text page--*/
.text-page-top {padding-block-start: calc( var(--header-height) * 1.5 );padding-block-end: 50px;}
.text-page-main { padding-block-end: 150px; }
.text-page-content h3 { margin-block-start: 20px; }
.text-page-content a { color: inherit; }
.text-page-content a:hover { text-decoration: underline; }
/*--heaer--*/
.header {background-color: var(--c-white);box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);position: sticky;top: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);border-end-end-radius: 20px;border-end-start-radius: 20px;}
.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: 100%;margin-inline: auto;}
.header-nav {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 280px);height: 100%;width: 100%;padding-inline: 100px;padding-block: 50px;gap: 24px;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;display: flex;align-items: center;justify-content: center;background-image: var(--menu-item-bg-image);background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;border-radius: 35px;}
.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-menu-wrapper {max-width: 100%;height: fit-content;position: fixed;inset-inline-start: 0;z-index: 0;background-color: var(--c-white);inset-block-start: var(--header-height);clip-path: inset( 0  0 100% 0 );transition: all .6s cubic-bezier(.175,.885,.32,1.275);box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.15);}
.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-nav>li a {display: inline-flex;width: fit-content;} 
.header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
.header-nav .menu-item {transform: translate3d(0, -70px, 20px);transition-property: transform, opacity;transition-timing-function: cubic-bezier(0.11, 0.98, 0.25, 1);transition-duration: 1.25s;opacity: 0;}
.header-menu-wrapper.open .header-nav .menu-item:nth-child(5) { transition-delay: 100ms; }
.header-menu-wrapper.open .header-nav .menu-item:nth-child(4) { transition-delay: 350ms; }
.header-menu-wrapper.open .header-nav .menu-item:nth-child(3) { transition-delay: 500ms; }
.header-menu-wrapper.open .header-nav .menu-item:nth-child(2) { transition-delay: 750ms; }
.header-menu-wrapper.open .header-nav .menu-item:nth-child(1) { transition-delay: 1000ms; }
.header-menu-wrapper.open .header-nav .menu-item{transform:translate3d(0, 0, 20px);opacity:1;}
 
/*--humburger anim--*/
.header-humburger-wrapper {width: 38px;height: 28px;padding: 0;background: transparent;border: none;display: flex;align-self: center;cursor: pointer;}
.btn-container {display: flex;align-self: center;flex-direction: column;justify-content: space-between;height: 100%;width: 100%;}
.header-humburger {width: 100%;background-color: var(--c-main-dark);height: 4px;display: flex;border-radius: 35px;} 
.header-menu-wrapper.open {clip-path: inset( 0 0 0 0 );}
.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(12px) rotate(0);}
    100%{transform: translateY(12px) 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(-12px) rotate(0);}
    100%{transform: translateY(-12px) 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:first-child {grid-row: 1;grid-column: 1;grid-column-end: span 2;}
.header-nav>li:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--menu-item-color); border-radius: inherit; z-index: 0; transition: var(--transitions); }
.header-nav>li a { position: relative; z-index: 1; font-size: 50px; color: var(--c-white); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.header-nav>li:hover:before { opacity: 0; }
.meeting-btn {display: flex;align-items: center;margin-inline-end: 15px;color: inherit;font-weight: bold;font-size: 12px;padding-inline:  16px;min-height: 35px;border: 2px solid var(--c-main-dark);border-radius: 25px;transition: var(--transitions);position: relative;overflow: hidden;}
.meeting-btn:before { content: ""; position: absolute; inset-inline-start: 0; width: 0; height: 100%; border-radius: inherit; transition: var(--transitions); z-index: -1; }
.meeting-btn:hover:before { width: 100%; background-color: var(--c-green-lime); }
/*--hp--*/
.hp-s1 { border-end-end-radius: 20px; border-end-start-radius: 20px; position: relative; margin-block-end: 225px; }
.video-wrapper { position: relative; height: calc(100vh - var(--header-height)); display: flex; align-items: center; justify-content: center; border-end-end-radius: inherit; border-end-start-radius: inherit; }
.video-wrapper video { position: absolute; object-fit: cover; width: 100%; height: 100%; inset-block-start: 0; z-index: -1; border-end-end-radius: inherit; border-end-start-radius: inherit; }
.image-text {position: absolute;max-width: 100%;font-family: var(--font-summer-solid);}
.hp-s1 .image-text {inset-inline: 0;margin-inline: auto;inset-block-end: -75px;text-align: center;font-size: 250px;font-weight: 400;line-height: 0.77; /* 250px */color: var(--c-turkiz);margin: 0;}
.hp-s2 .images {max-width: 70%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px;align-items: flex-start;}
.hp-s2 .text-wrapper { max-width: 30%; margin-inline-start: auto; }
.hp-s2 .images>img:first-child {margin-block-start: 115px;}
.hp-s2 .image-text {position: relative;transform: translateX(115px);margin-block-end: 35px;font-size: 180px;font-weight: 400;color: var(--c-turkiz);line-height: 1;margin: 0;}
.hp-s2 h3 { font-size: 45px; }
.hp-s2 .btn-read-more { margin-block-start: 35px; }
.hp-s2 .text { max-width: 97%; }

.s3-tile {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--gap);}
.s3-tile video { width: 100%; max-width: 100%; border-radius: 24px; object-fit: cover; }
.tile-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--gap);}
.s3-tile img { max-width: 100%; }
.tile-col-wrapper {display: flex;align-items: flex-start;flex-direction: column;gap: var(--gap);}
.tile-col {display: flex;flex-direction: column;gap: var(--gap);align-items: flex-start;}
.s3-text-item {display: flex;flex-direction: column;height: 588px;padding: 45px 51px;border-radius: 24px;justify-content: center;text-align: center;}
.s3-item2 { height: 594px; }
.s3-item4 { height: 245px; }
.hp-s3 h2 {text-align: center;margin-inline: auto;margin-block-end: 75px;font-size: 180px;font-weight: 400;font-family: var(--font-summer-solid);text-transform: capitalize;color: var(--c-turkiz);}
.hp-s3 {margin-block-start: 135px;--gap: 24px;}
.s3-text-item h3 { font-size: 45px; font-weight: normal; margin-block-end: 0;}
.lightbox-image-title.hide-desktop { display: none; }
.lightbox-image-title {transform: translate(45px, -80px);position: absolute;z-index: 9;display: flex;flex-direction: column;text-align: center;font-family: var(--font-summer-solid);font-size: 180px;font-weight: 400;color: var(--c-turkiz);line-height: 0.7;margin: 0;}
.lightbox-image-title .part2 { font-size: 240px; }
.lightbox-image-title .part1 { font-size: 184px; max-width: fit-content; margin-inline-start: auto; margin-inline-end: 130px; }
.lightbox-row {display: grid;gap: var(--gap);}
.lightbox-row.top { grid-template-columns: repeat(2, 1fr); }
.lightbox-row.bottom { grid-template-columns: repeat(4,1fr); }
.lightbox-row .wrapper .lightbox-preview-item { height: 282px; }
.lightbox-row .wrapper {display: grid;gap: var(--gap);grid-template-columns: repeat(2, 1fr);place-items: flex-end;}
.hp-s4 {padding-block-start: 145px;--gap: 24px;}
.lightbox-preview-item {display: flex;max-width: 100%;height: auto;}
.hp-s4 .col { display: flex; }
.lightbox-preview {display: flex;flex-direction: column;gap: var(--gap);}
.lightbox-preview-item[style^='background-color'] { border-radius: 24px; display: flex; flex-direction: column; padding-inline: 35px; justify-content: center; }
.lightbox-preview-item { border-radius: 24px; position: relative; }
.lightbox-preview-item[style^='background-color'] h3 { color: var(--c-white); }
.lightbox-preview-item.vid-placeholder { position: relative; cursor: pointer; }
.lightbox-preview-item.vid-placeholder:before { content: ""; position: absolute; background: url(/wp-content/uploads/play-vid-btn.svg) 0 0 no-repeat; width: 49px; height: 49px; inset: 0; margin: auto; }
.lightbox-preview-item h6 { position: absolute; inset-inline: 0; margin-inline: auto; text-align: center; inset-block-end: 0; color: var(--c-white); font-weight: 500; margin-block-end: 10px; z-index: 1; }
.btn-read-more2 {display: flex;color: var(--c-white);min-height: 40px;align-items: center;gap: 10px;border: 1px solid var(--c-white);max-width: fit-content;padding-inline: 20px;border-radius: 25px;transition: var(--transitions);position: relative;overflow: hidden;}
.lightbox-preview img {border-radius: 24px;max-width: 100%;width: 100%;height: 100%;object-fit: cover;}
.btn-read-more2>img { filter: invert(1) brightness(1.5); transform: translateY(1px) rotate(45deg); transition: var(--transitions); }
.btn-read-more2:hover { color: var(--c-main-dark); }
.btn-read-more2:hover>img { transform: translateY(1px) rotate(0); filter: invert(0); }
.btn-read-more2:before { content: ""; position: absolute; width: 0; height: 100%; border-radius: inherit; z-index: 0; inset-inline-start: 0; }
.btn-read-more2:hover:before { width: 100%; background-color: var(--c-white); }
.btn-read-more2 span { position: relative; }
.btn-read-more2 img { height: auto; width: auto; }
/* lightbox modal */
.lightbox-content { display: none; position: fixed; inset: 0; z-index: 99999; background-color: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }
.lightbox-content.is-open { display: flex; opacity: 1; }
.lightbox-modal-item { position: relative; width: 100%; max-width: var(--grid-wide); height: 85vh; background-color: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; }
.lightbox-modal-item video { width: 100%; height: 100%; display: block; border-radius: 16px; }
.close-lightbox { position: absolute; top: 20px; inset-inline-start: 150px; inset-block-start: 110px; width: 44px; height: 44px; cursor: pointer; z-index: 1; transition: opacity 0.2s ease; }
.close-lightbox:hover { opacity: 0.7; }
body.lightbox-open { overflow: hidden; }
.hp-s5 { background-position-x: center; height: 793px; margin-block-start: 175px; position: relative; background-size: cover; background-position-y: 0px; max-width: var(--grid-wide); margin-inline: auto; transition: background-position-y 0.5s ease; }
.hp-s5 .image-text {inset-inline: 0;margin-inline: auto;inset-block-end: -60px;font-size: 180px;font-weight: normal;text-align: center;color: var(--c-turkiz);line-height: 1;margin: 0;}
.hp-s6-items {--items-gap: 24px;display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--items-gap);}
.item-wrappper.text { display: flex; flex-direction: column; justify-content: center; }
.item-wrappper:nth-child(4) {grid-row: 2;grid-column: 2;grid-column-end: span 2;}
.hp-s6 h2 { margin-block-end: 55px; }
.hp-s6 {margin-block-start: 75px;margin-block-end: 110px;}
.hp-s6-items h2 {line-height: normal;margin-block-end: 10px;font-weight: normal;font-size: 50px;}
.hp-s6-items h4 { font-weight: normal; margin-block-end: 10px; }
.hp-s6-items .item-wrappper > img {border-radius: 24px;width: 100%;object-fit: cover;}
.hp-s6-items .item-wrappper.text .text > p { max-width: 82%; margin-block-end: 20px; line-height: normal; }
/*--conbact page--*/
.contact-image { max-width: 850px; }
.contact { padding-block: 150px; }
.contact .form-wrapper {max-width: 650px;width: 100%;display: flex;flex-direction: column;justify-content: flex-end;position: relative;}
.row.contact-wrapper { justify-content: space-between; }
.contact .image-text {inset-block-start: 0;font-size: 250px;font-weight: normal;line-height: 0.7;margin: 0;color: var(--c-turkiz);}
.contact .form-wrapper h2 { margin-block-end: 50px; }
/*--form module--*/
.form-module-wrapper { background-color: var(--c-green-lime); padding-block: 300px 135px; }
.form-container { max-width: 850px; margin-inline: auto; }
.form-wrapper .form-submit br { display: none; }
.form-wrapper .form-submit p {display: flex;align-items: center;gap: 10px;}
.wpcf7-spinner { display: none; }
.wpcf7-response-output { color: var(--c-white); }
.form-wrapper form input[type="submit"] {background-color: transparent;border: none;color: var(--c-main-dark);position: absolute;inset-inline-start: 0;text-align: start;cursor: pointer;z-index: 99;height: 100%;padding-inline-start: 40px;border-radius: 25px;}
.form-wrapper .form-submit {display: flex;border-color: var(--c-white);max-width: 200px;width: 100%;height: 50px;position: relative;justify-content: flex-end;border: 3px solid var(--c-main-dark);border-radius: 25px;margin-inline: auto;transition: var(--transitions);overflow: hidden;}
.form-wrapper .form-submit:hover .btn-icon { transform: translateY(2px) rotate(-45deg); }
.form-wrapper .form-submit:before{ content:""; position: absolute; inset-inline-start: 0; width: 0; height: 100%; background-color: var(--c-cotton); transition: var(--transitions); border-radius: inherit; }
.form-wrapper .form-submit:hover:before{ width: 100%; }

.form-title-wrapper h2 { font-size: 40px; max-width: 485px; margin-inline-start: auto; margin-inline-end: 8%; font-weight: 500; line-height: 1.1; position: relative; z-index: 1; margin-block-end: 0; }
.form-title-wrapper { position: relative; margin-block-end: 50px; }
.form-container .image-text { inset-block-start: -140px; inset-inline-start: 70px; }
.form-fields-two-items p { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.form-wrapper input,.form-wrapper select { width: 100%; height: 74px; border-radius: 24px; font-size: inherit; padding-inline: 35px; border: 3px solid var(--c-main-dark); background-color: transparent; }
.form-fields-two-items p br { display: none; }
.form-wrapper form { display: flex; flex-direction: column; gap: 24px; }
.form-wrapper .form-submit .btn-icon { filter: invert(1); transform: translateY(2px); margin-inline-end: 50px; transition: var(--transitions); }
.form-wrapper .form-submit .btn-icon svg rect { display: none; }
.wpcf7-form-control-wrap:has(select):before { content: ""; position: absolute; border: solid var(--c-main-dark); border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); inset-inline-end: 35px; inset-block-start: 30px; }
.wpcf7-form-control-wrap[data-name="proj-list"] { position: relative; }
.form-wrapper select { appearance: none; }
.form-wrapper input::placeholder,.form-wrapper input, .form-wrapper select { font-family: var(--font-body); color: var(--c-main-dark); font-weight: 500; }
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: rtl; }
.form-wrapper .wpcf7-response-output { color: var(--c-main-dark); }
/*--magazine page--*/
.magazine-top { height: calc(100vh - var(--header-height)); position: relative; }
.magazine-top .image-text {inset: 0;margin: auto;color: var(--c-turkiz);font-size: 250px;font-weight: normal;text-align: center;line-height: 0.7;height: fit-content;}
.magazine-dir-reverse .magazine-item-lobby {grid-template-columns: 1fr 2fr;}
.magazine-dir .magazine-item-lobby { grid-template-columns: 2fr 1fr; }
.magazine-dir .magazine-item-lobby .magazine-lobby-text { grid-column: 2; }
.magazine-dir .magazine-item-lobby .magazine-lobby-image { grid-row: 1; }
.magazine-item-lobby {display: grid;gap: 24px;grid-template-rows: 494px;}
.magazine-items { display: flex; flex-direction: column; gap: 24px; }
.magazine-lobby-text { background-color: var(--bg-color); color: var(--text-color); display: flex; align-items: center; }
.magazine-lobby-image,.magazine-lobby-text { border-radius: 25px; }
.magazine-lobby-text .wrapper { padding-inline: 90px; }
.magazine-lobby-text h3 {font-weight: normal;margin-block-end: 40px;}
.magazine-main { padding-block: 130px; }
.magazine-lobby-image {width: 100%;height: 100%;object-fit: cover;}
.magazine-item-lobby.is-light-text .btn-read-more > img { filter: invert(1) brightness(2); }
.magazine-item-lobby .btn-read-more:before{ background-color:var(--c-main-dark) }
/*--magazine single page--*/
.breadcrumbs { gap: 5px; margin-block: 80px 30px; }
.breadcrumbs a:hover { text-decoration: underline; }
.magazine-main-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 170px; }
.magazine-main-content .col:last-child {display: flex;flex-direction: column;gap: 24px;}
.magazine-single-image { max-width: 100%; width: 100%; border-radius: 25px; }
.magazine-main-content h1 { font-weight: normal; margin-block-end: 65px; }
.magazine-single-page { padding-block-end: 50px; }
.next-prev-nav {display: flex;width: 50%;justify-content: space-between;padding-block-start: 70px;}
.next-prev-nav .posts-nav { display: flex; gap: 10px; color: var(--c-main-dark); }
.next-prev-nav .posts-nav span { white-space: nowrap; text-decoration: underline; }
.btn-next.posts-nav { flex-direction: row-reverse; }
.btn-next.posts-nav img { transform: scaleX(-1); }
/*--complex page--*/
.complex-top .content { position: relative; z-index: 9; }
.complex-top .content .image-text {inset-inline: 0;margin-inline: auto;inset-block-end: 135px;z-index: 9;display: flex;flex-direction: column;text-align: center;line-height: 0.7;font-weight: normal;color: var(--c-cotton);margin: 0;}
.complex-top .content .image-text .part1 { font-size: 135px; transform: translate(60px, 70px); }
.complex-top .content .image-text .part2 { font-size: 480px; }
.complex-top .video-wrapper { height: 72vh; transform: translateY(400px); border-radius: 25px; }
.complex-top {height: calc(100vh - var(--header-height));}
.complex-top .video-wrapper video { border-radius: inherit; }
.complex-s2 .content { display: flex; gap: 95px; }
.content.hide-desktop { display: none; }
.complex-s3-item5.hide-desktop { display: none; }
.complex-s2 .content .img-wrapper { position: relative; }
.complex-s2 .image-text {position: relative;align-self: flex-end;font-size: 170px;font-weight: normal;line-height: 0.7;color: var(--c-turkiz);margin: 0;z-index: 1;}
.complex-s2 .content .img-wrapper:has(.image-text) { display: flex; flex-direction: column; }
.complex-s2 .text { max-width: 650px; margin-block-start: 50px; }
.complex-s2 { padding-block-start: 525px; padding-block-end: 250px; }
.complex-s3 { --gap: 24px; }
.complex-s3 .grid-row1 {display: grid;grid-template-columns: 1fr 0.57fr 1.430fr;grid-template-rows: 335px;gap: var(--gap);}
.complex-s3 .grid-row2 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 335px;gap: var(--gap);}
.complex-s3 .content { display: flex; flex-direction: column; gap: 24px; }
.s3-grid-item { border-radius: 24px; }
.s3-grid-item .item-num { font-weight: bold; font-size: 64px; }
.s3-grid-item:has(.item-num) { color: var(--c-white); text-align: start; }
.s3-grid-item { padding: 45px; display: flex; flex-direction: column; justify-content: flex-end; text-align: end; }
.s3-grid-item h2 { margin: 0; font-weight: normal; }
.complex-s3-item3.bg-img-settings.s3-grid-item,.complex-s3-item6.bg-img-settings.s3-grid-item{ text-align: end; }
.s4-inf-item { background-color: var(--bg-color); max-width: 66px; width: 100%; height: 66px; position: absolute; border-radius: 15px; display: flex; padding: 15px; overflow: hidden; transition: var(--transitions); transform-origin: 0 0; }
.complex-s4-img { width: 100%; height: 860px; border-radius: 24px; position: relative; }
.inf-btn { display: flex; width: 24px; height: 24px; position: absolute; inset-inline-end: 21px; inset-block-start: 21px; align-items: center; cursor: pointer; transition: var(--transitions); z-index: 9; }
.inf-btn:before,.inf-btn:after { content: ""; position: absolute; width: 100%; height: 3px; background-color: var(--c-white); }
.complex-s4 h2, .complex-s5 h2 { color: var(--c-turkiz); font-size: 170px; line-height: 1; margin-block-end: 50px; }
.s4-inf-item.item-index-2 {inset-inline-end: 45%;inset-block-start: 69%;}
.s4-inf-item.item-index-1 {inset-inline-end: 70%;inset-block-start: 45%;color: var(--c-white);}
.s4-inf-item.item-index-0 { inset-block-start: 45%; inset-inline-end: 90%; }
.complex-s4 { padding-block-start: 150px; }
.s4-inf-item.open { max-width: 240px; height: 200px; }
.s4-inf-item.item-index-3 { inset-inline-end: 32%; inset-block-start: 45%; }
.s4-inf-item.open .inf-btn { transform: rotate(45deg); }
.inf-btn:after { transform: rotate(90deg); }
.s4-inf-item .text {opacity: 0;}
.s4-inf-item.open .text {opacity: 1;transition-delay: .4s;}
.complex-s5 {padding-block-start: 225px;padding-block-end: 150px;--gap: 24px;}
.complex-s5-grid {display: grid;gap: var(--gap);}
.complex-s5-item img {max-width: 100%;width: 100%;height: 100%;object-fit: cover;border-radius: 24px;object-position: left;}
.complex-s5-grid.row1 { grid-template-rows: 475px; grid-template-columns: 1fr 3.114fr; }
.complex-s5-grid.row2 { grid-template-columns: 1fr 0.321fr; grid-template-rows: 382px; }
.complex-s5-grid.row3 { grid-template-columns: 1fr 2.141fr; grid-template-rows: 476px; }
.complex-s5-grid.row4 { grid-template-columns: repeat(4, 1fr); grid-template-rows: 475px; }
.complex-s5-item h6 { position: absolute; margin: 0; inset-block-end: 22px; padding-inline: 22px; color: var(--c-white); font-weight: normal; }
.complex-s5-item { position: relative; }
.complex-s5 .content {display: flex;flex-direction: column;gap: var(--gap);}
.complex-s5 .content.hide-desktop { display: none; }
/*--location--*/
.video-wrapper.hide-desktop {display: none;}
.location-s1 .wrapper { display: flex; gap: 80px; }
.location-s1 .wrapper .video-wrapper {max-width: 45%;width: 100%;z-index: 9;max-height: 585px;border-radius: 25px;}
.location-s1 { height: 640px; margin-block-end: 480px; }
.location-s1 .wrapper h1 { margin-inline-start: auto; max-width: fit-content; font-weight: normal; margin: 0; line-height: 0.9; }
.location-s1 .wrapper h1 .part1 { font-size: 132px; max-width: 270px; display: flex; text-align: end; transform: translate(-420px, 140px); line-height: 0.7; }
.location-s1 .wrapper h1 .part2 { font-size: 500px; }
.location-s1 .wrapper .text { max-width: 500px; }
.location-s1 .wrapper { transform: translateY(270px); }
.location-s1 .text-wrapper {transform: translateY(-90px);}
.location-s1 .wrapper .video-wrapper video { border-radius: inherit; }
.location-slider {position: relative; color: var(--c-white); background-position: center; height: 545px; border-radius: 25px; display: flex; flex-direction: column; cursor: grab;}
.location-slider:before { content: ""; position: absolute; width: 100%; height: 40%; background: linear-gradient(180deg, transparent, rgb(0 0 0 / 75%)); border-radius: inherit; inset-block-end: 0; }
.location-s2 { padding-block-end: 400px; }
.location-slider .wrapper .text {min-height: 105px;}
.location-slider .wrapper {position: absolute;inset-block-end: 0;padding-inline: 20px;transform: translateY(130px);transition: var(--transitions);padding-block-end: 25px;}
.location-slider:hover .wrapper{ transform: translateY(0); }
.location-s3 {width: 100%;height: 100vh;background-position: center;}
.location-s3 .font-summer-solid { display: flex; flex-direction: column; text-align: center; font-weight: normal; line-height: 1; margin: 0; transform: translateY(-230px); }
.location-s3 .font-summer-solid .part1 { font-size: 150px; line-height: 0.7; transform: translateY(60px); }
.location-s3 .font-summer-solid .part2 { font-size: 300px; line-height: 0.6; }
/*--404 page--*/
.status-page { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; }
.status-page .font-summer-solid { font-size: 500px; color: var(--c-peach); line-height: 0.8; direction: ltr; }
.status-page h1 { font-size: 45px; }
.arrow-btn { display: flex; align-items: center; padding: 10px 50px; border: 2px solid var(--c-main-dark); border-radius: 35px; color: var(--c-main-dark); transition: var(--transitions); }
.arrow-btn .btn-icon svg path { stroke: var(--c-main-dark); }
.arrow-btn:hover .btn-icon svg { transform: rotate(-45deg) translateX(-2px); }
.arrow-btn:hover { background-color: var(--c-cotton); }
.arrow-btn .btn-icon svg { transition: var(--transitions); }
.status-page p { margin-block-end: 40px; }
/*--api forms--*/
.api-form .btn-icon{
    display:flex;
    align-items: center;
    transform: translateY(0);
}
.api-form .form-submit:hover .btn-icon {
    transform: translateY(0) rotate(-45deg);
}

.grid-three-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.grid-two-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.api-form .grid-three-items,.api-form .grid-two-items {
    gap: 15px;
}

.api-form form input, .api-form form select {
    height: 49px;
    padding-inline: 20px;
}
.sehel-api-form-message.is-error,.sehel-api-form-message.is-validation {
    background-color: var(--c-peach);
    margin-block-start: 30px;
    padding: 10px;
}
.sehel-api-form-message.is-success {
    background-color: green;
    margin-block-start: 30px;
    padding: 10px;
    color: white;
}
.api-form .form-submit {
    margin-inline-end: 0;
}
.api-form {
    padding: 30px 40px;
    background-color: var(--c-green-lime);
    border-radius: 25px;
    text-align: center;
    margin-block: 40px;
}

.api-form h3 {
    margin-block-end: 30px;
    font-weight: 500;
}
 section.contact .api-form {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

section.contact .grid-three-items {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}

section.contact .grid-three-items input:last-child {
    grid-column: 1 / -1;
    grid-row: span 2;
}
/*--footer--*/
.footer-menu-wrapper ul { display: flex; align-items: center; gap: 56px; }
.footer-menu-wrapper { display: flex; }
.footer-top .wrapper { margin-inline: auto; display: flex; align-items: center; }
footer { padding-block: 60px 105px; }
.copyrights a { color: var(--c-main-dark); }
.copyrights a:hover { text-decoration:underline; }
.copyrights { display: flex; align-items: center; gap: 23px; }
.wn-credit { display: flex; direction: ltr; justify-content: center; gap: 5px; align-items: center; }
.row.footer-bottom {justify-content: center;gap: 56px;padding-block-start: 65px;position: relative;}
.footer-menu-wrapper li { position: relative; }
.footer-menu-wrapper ul li a { color: inherit; }
.footer-menu-wrapper li.current-menu-item a { text-decoration: underline; }
.footer-menu-wrapper ul li a:hover {text-decoration: underline;}
.footer-menu-wrapper li:before { content: "\007C"; position: absolute; inset-inline-end: -30px; }
.footer-socials { display: flex; align-items: center; gap: 20px; margin-inline-start: 56px; }
.social-item { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; background-color: var(--c-green-lime); border-radius: 50%; }
.social-item:hover svg { filter: invert(1); }
.social-item:hover { background-color: var(--c-main-dark); }
.row.footer-bottom:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-main-dark); inset-block-start: 35%; }
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media( min-width:1920px ){
    .complex-top .content .image-text { inset-block-end: 395px; }
}
@media (max-width: 1750px) {
    :root{ --grid-wide: 95%; }
    .complex-s2 .image-text{font-size:150px;}
 }
@media (max-width: 1540px) {
    :root { --header-height: 80px; --grid-wide: 90%; --grid-medium: 90%; --grid-default: 90%; }
    h1 { font-size: 50px; }
    h2 { font-size: 35px; }
        .sticky-w img { max-width: 40px; }
    .sticky-w { inset-inline-start: 10px; }
    .header-nav { grid-template-rows: repeat(2, 240px); gap: 16px; padding-inline: 5%; }
    .header-nav>li a { font-size: 40px; }
    .hp-s2 .images { max-width: 65%; }
    .s3-text-item h3 { font-size: 35px; }
    .s3-text-item { padding: 35px 41px; }
    .lightbox-image-title .part2 { font-size: 200px; }
    .lightbox-image-title .part1 { font-size: 130px; }
    .hp-s5 { height: 600px; margin-block-start: 100px;}
    .hp-s6-items h2 { font-size: 36px; }
    .hp-s6-items h4 { font-size: 24px; }
    .hp-s6-items .item-wrappper.text .text > p { max-width: 95%; }
    .complex-top .video-wrapper { transform: translateY(350px); }
    .complex-top .content .image-text { inset-block-end: 75px; }
    .complex-s2 { padding-block-start: 325px; padding-block-end: 150px; }
    .complex-s2 .image-text { font-size: 120px; }
    .magazine-item-lobby { grid-template-rows: 1fr; }
    .complex-s3 .grid-row1 { grid-template-columns: 1fr 0.57fr 1.35fr; }
    .complex-s5 { padding-block: 100px; }
    .location-s1 { height: 500px; margin-block-end: 300px; }
    .location-s1 .wrapper .video-wrapper { max-height: 500px; }
    .location-s1 .wrapper { transform: translateY(130px); }
    .complex-s5-grid.row2,.complex-s5-grid.row1,.complex-s5-grid.row3,.complex-s5-grid.row4  { grid-template-rows: 1fr; }
    .location-s1 .wrapper h1 .part2 { font-size: 400px; }
    .location-slider { height: 475px; }
    .location-slider .wrapper .text { min-height: 100px; }
    .location-slider .wrapper { transform: translateY(120px);}
    .location-s1 .wrapper h1 .part1 { font-size: 100px; transform: translate(-260px, 120px); }
    .form-module-wrapper { padding-block: 200px 100px; }
    .hp-s4 { padding-block-start: 200px; }
    .contact { padding-block: 60px; }
    .contact .form-wrapper { max-width: 45%; }
    .contact-image { max-width: 45%; }
    .contact .image-text {font-size: 200px;inset-block-start: 50px;max-width: fit-content;margin-inline: auto;inset-inline: 0;}
    .contact .form-wrapper h2 { margin-block-end: 170px; }
    .form-wrapper input, .form-wrapper select { height: 60px; }
    .form-wrapper form { gap: 16px; }
    footer { padding-block: 50px; }
}
@media(max-width:1440px){
    :root { --grid-wide: 95%; --grid-medium: 95%; --grid-default: 95%; }
    body { font-size: 15px; }
    h3 { font-size: 30px; }
    .header-nav { grid-template-rows: repeat(2, 200px); padding-block: 2.5%;}
    .magazine-top .image-text { font-size: 180px; }
    .hp-s5 { height: 500px; }
    .magazine-lobby-text .wrapper { padding-inline: 40px; }
    .magazine-lobby-text h3 { font-size: 30px; }
     .complex-top .content .image-text {inset-block-end: 150px;}
    .complex-s2 .text { margin-block-start: 30px; }
    .complex-s3 .grid-row1 { grid-template-rows: 250px; }
    .complex-s5 { --gap: 16px; }
    .s3-grid-item { padding: 30px; }
    .complex-top .content .image-text .part2 { font-size: 360px; }
    .complex-s5-grid.row2, .complex-s5-grid.row1, .complex-s5-grid.row3, .complex-s5-grid.row4 { grid-template-rows: 250px; }
    .complex-top .content .image-text .part1 { font-size: 95px; }
    .complex-s4 { padding-block-start: 100px; }
    .s3-grid-item .item-num { font-size: 50px; }
    .complex-s3 { --gap: 16px; }
    .complex-s2 { padding-block-start: 270px; padding-block-end: 100px; }
    .complex-s3 .grid-row1 { grid-template-columns: 1fr 0.57fr 1.4fr; }
    .complex-s4 h2, .complex-s5 h2 { font-size: 150px; }
    .s4-inf-item.item-index-3 { inset-inline-end: 44%; }
    .hp-s4 { --gap: 16px; padding-block-start: 170px; }
    .s4-inf-item.item-index-0 { inset-inline-end: 78%; inset-block-start: 35%; }
    .complex-s4-img { height: 580px; }
    .magazine-item-lobby { grid-template-rows: 300px; }
    .s4-inf-item.item-index-1 { inset-inline-end: 64%; inset-block-start: 50%; }
    .location-slider { height: 400px; }
    .location-s2 { padding-block-end: 300px; }
    .location-s3 .font-summer-solid .part2 { font-size: 250px; }
    .lightbox-image-title .part2 { font-size: 180px; }
    .lightbox-image-title .part1 { font-size: 100px; }
    .location-s3 .font-summer-solid .part1 { font-size: 100px; transform: translateY(40px); }
    .location-s3 .font-summer-solid { transform: translateY(-180px); }
    .location-slider .wrapper .text { min-height: 120px; }
    .location-slider .wrapper { transform: translateY(150px); }
    .form-module-wrapper { padding-block-end: 50px; }
    .hp-s6-items { --items-gap: 16px; }
    .hp-s6-items h2 { font-size: 32px; }
    .form-container .image-text { max-width: 370px; inset-block-start: -120px; inset-inline-start: 80px; }
    .form-title-wrapper h2 { font-size: 30px; }

}
@media(max-width: 1366px){
    body { font-size: 14px; }
    .hp-s1 .image-text { font-size: 200px; inset-block-end: -55px; }
    .hp-s2 .image-text { font-size: 150px; }
    .complex-s2 .image-text { font-size: 100px; }
    .hp-s3 { margin-block-start: 80px; --gap: 16px; }
    .contact .image-text { font-size: 180px; inset-block-start: 50px; }
    .location-s1 { margin-block-end: 200px; }
    .location-s2 { padding-block-end: 220px; }
    .contact .form-wrapper h2 { font-size: 32px; margin-block-end: 150px; }
    .breadcrumbs { margin-block: 50px 40px; }
    .magazine-main-content { gap: 100px; }
    .s3-text-item {padding: 25px;}
    .magazine-main-content h1 { margin-block-end: 40px; }
}
@media (max-width: 1280px) {
    .complex-top .video-wrapper { height: 50vw; transform: translateY(25vw); }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
    :root {--grid-wide: 95%;--grid-medium: 90%;--grid-default: 90%;--grid-tiny: 90%;}
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
        .sticky-w { inset-block-end: 20px; inset-inline-start: 20px; }
    .complex-s3-item5.hide-desktop { display: none; }
    .complex-s3-item5.s3-grid-item.hide-mobile { display: flex; }
    /*--header--*/ 
    .meeting-btn { display: none; }
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(5) {transition-delay: 650ms;}
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(4) { transition-delay: 250ms; }
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(3) { transition-delay: 400ms; }
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(2) {transition-delay: 150ms;}
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(1) { transition-delay: 900ms; }

    .header-nav>li:hover:before { opacity: 1; }
    .header-w { display: none; }
    .header-nav { grid-template-columns: repeat(2, 1fr); grid-template-rows: 47vw 37.335vw 37.335vw; padding-block: 0; }
    .header-menu-wrapper { height: calc(100% - var(--header-height)); }
    .header-nav>li { border-radius: 16px; }
    .header-nav>li a { font-size: 25px; }
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(2) {grid-row: 3;grid-column: 1;}
    .header-menu-wrapper.open .header-nav .menu-item:nth-child(4) { grid-row: 3; grid-column: 2; }
    .header-nav .menu-item { background-image: none; transform: translate3d(0, -100vh, 20px); }
    .hp-s1 .image-text {font-size: 70px;inset-block-end: -15px;}
    .hp-s2 .images>img:first-child { margin-block-start: 0; }
    .video-wrapper { height: calc(60vh - var(--header-height)); }
    .hp-s2 .wrapper { flex-direction: column; }
    .hp-s2 .images { max-width: 100%; gap: 10px; grid-template-columns: 1fr 2fr; grid-template-rows: 40vw; }
    .hp-s2 .images>img { margin-block-start: 0; width: 100%; object-fit: cover; height: 100%; object-position: 80%; }
    .hp-s2 .text-wrapper { max-width: 100%; }
    .hp-s2 .image-text { font-size: 60px; transform: none; text-align: center; }
    .hp-s2 .images>img { border-radius: 16px; }
    .hp-s2 .text { text-align: center; }
    .hp-s2 h3 { text-align: center; font-size: 25px; margin-block-start: 30px; }
    .hp-s2 .text-wrapper { transform: translateY(-30px); }
    .hp-s2 .btn-read-more { margin-inline: auto; }
    .hp-s1 { margin-block-end: 70px; }
    .hp-s3 h2 {max-width: 100%;font-size: 80px;}
    .complex-s4 .s4-content.hide-mobile { display: flex; }
    .complex-s4-img { background-image: url(/wp-content/uploads/Keilat_Canada_Cam_02_Night_Dig-1-1.png) !important; aspect-ratio: 1; height: auto; }
    .s4-content.hide-mobile .s4-inf-item { max-width: 6vw; width: 100%; height: 6vw; padding: 0; border-radius: 6px; font-size: 3vw; display: flex; justify-content: center; }
    .s4-content.hide-mobile .s4-inf-item .text > * { display: none; }
    .s4-content.hide-mobile .s4-inf-item .text::before {content: attr(data-num);color: var(--c-white);}
    .s4-content.hide-mobile .s4-inf-item .text { opacity: 1; display: flex; align-items: center; }
    .s3-tile-mobile { --item-big:13; --item-medium:10; --item-small:6; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10px; row-gap: 10px; column-gap: 10px; }
    .s3-tile-mobile img,.s3-tile-mobile video { width: 100%; object-fit: cover; height: 100%; border-radius: 16px; }
    .s3-tile-mobile .s3-item1 { grid-column: 1 / -1; grid-row: span var(--item-small); }
    .s3-tile-mobile .s3-item4 { grid-row: span var(--item-small); }
    .s3-tile-mobile .s3-text-item { grid-row: span var(--item-big); height: auto; padding: 20px; }
    .s3-tile-mobile .s3-item8 { grid-row: span var(--item-big); }
    .s3-text-item h3 { font-size: 20px; }
    .s3-tile-mobile .s3-item9 { grid-row: span var(--item-big); }
    .s3-tile-mobile .s3-item12 { grid-row: span var(--item-medium); }
    .s3-tile-mobile .s3-item16 { grid-row: span var(--item-medium); }
    .s3-tile-mobile .s3-item13 {grid-row: span var(--item-big);}
    .lightbox-image-title .part1 { font-size: 60px; max-width: 100%; margin: 0; }
    .hp-s4 .grid.wide { max-width: 95%; margin-inline-start: auto; margin-inline-end: 0; }
    .lightbox-image-title .part2 { font-size: 100px; max-width: 100%; }
    .lightbox-image-title.hide-desktop{display:flex;}
    .lightbox-image-title { max-width: 100%; inset-inline: 0; transform: translate(0, -130px); }
    .lightbox-mobile .swiper-slide img { width: 100%; object-fit: cover; height: 90vw; border-radius: 16px; }
    .hp-s4 { padding-block-start: 250px; }
    .hp-s5 .image-text { font-size: 90px; inset-block-end: 60px; }
    .hp-s6 { margin-block-start: 0; }
    .close-lightbox { inset-inline-start: 5%; inset-block-start: 5%;}
    .hp-s6-items .item-wrappper:nth-child(2) { display: none; }
    .hp-s6-items {grid-template-columns: 1fr 2fr;row-gap: 10px;grid-auto-rows: 10px;column-gap: 10px;}
    .hp-s6-items .item-wrappper:nth-child(1) { grid-row: 1; grid-column: 1; grid-row-end: span 8; }
    .hp-s6-items .item-wrappper > img {height: 100%;}
    .hp-s6-items .item-wrappper:nth-child(3) {grid-row: 1;grid-column: 2;grid-row-end: span 8;}
    .item-wrappper:nth-child(4) { grid-row: 9; grid-column-end: auto; grid-column: 1 / -1; }
    .item-wrappper:nth-child(4) { grid-row: 20; grid-column: 1 / -1; grid-row-end: span 8; }
    .hp-s6-items .item-wrappper.text { grid-row: 9; grid-column: 1 / -1; grid-row-end: span 8; text-align: center; }
    .hp-s6-items h2 { font-size: 25px; }
    .hp-s6-items h4 { font-size: 20px; }
    .s4-content.hide-desktop .s4-inf-item { position: relative; max-width: 100%; height: 100%; }
    .s4-content.hide-desktop .s4-inf-item { inset: 0; padding: 10px; }
    .s4-content.hide-desktop { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-block-start: 10px; }
     .s4-content .text h5 {font-size: 22px;font-weight: 500;}
    .inf-btn { display: none; }
    .s4-content.hide-desktop .s4-inf-item .text {opacity: 1;text-align: center;width: 100%;}
    .hp-s6-items .item-wrappper.text .btn-read-more {margin-inline:auto;}
.api-form {
    padding: 0;
}
    .magazine-main-content h1 { font-size: 45px; }
    .magazine-main-content { grid-template-columns: repeat(1, 1fr); }
    .magazine-main-content .content { margin-block: 50px; }
    .complex-s5-grid-mobile {--gap: 15px;display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1px;column-gap: var(--gap);row-gap: var(--gap);}
    .complex-s5-grid-mobile {
        .complex-s5-item h6 { inset-block-end: 5%; }
        .complex-s5-item:before { content: ""; position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, transparent, rgb(0 0 0 / 75%)); inset-block-end: 0; border-radius: 24px; }
        .complex-s5-item:nth-child(1) {grid-column: 1 / -1;grid-row: span 13;}
        .complex-s5-item:nth-child(2) { grid-column: 1; grid-row: span 12; }
        .complex-s5-item:nth-child(3) { grid-row: span 26; }
        .complex-s5-item:nth-child(4) { grid-row: span 22; }
        .complex-s5-item:nth-child(3) img { object-position: 60%; }
        .complex-s5-item:nth-child(5) img { object-position: center; }
        .complex-s5-item:nth-child(5) { grid-row: span 24; }
        .complex-s5-item:nth-child(6) { grid-row: span 18; }
        .complex-s5-item:nth-child(7) { grid-row: span 24; }
        .complex-s5-item:nth-child(8) { grid-row: span 22; }
        .complex-s5-item:nth-child(9) {grid-column: 1 / -1;grid-row: span 15;}
    }
    .location-s1 { height: 60vh; margin-block-end: 260px; }
    .video-wrapper.hide-desktop{display:flex;}
    .location-s1 .wrapper h1 { margin-inline: auto; }
    .location-s1 .wrapper .video-wrapper.hide-desktop { margin-block-end: 20px; }
    .location-s1 .wrapper { transform: translateY(0); }
    .location-s1 .wrapper .video-wrapper { max-height: 70vw; }
    .location-slider { height: 50vh; }
    .location-s1 .wrapper {flex-direction: column-reverse;gap: 0;}
    .location-s1 .wrapper h1 .part2 { font-size: 200px; }
    .location-s1 .wrapper h1 .part1 { font-size: 90px; max-width: 250px; transform: translate(0, 50px); }
    .location-s1 .wrapper .video-wrapper { max-width: 100%; }
    .location-s1 .text-wrapper { transform: translateY(0); }
    .location-s1 .wrapper .text { max-width: 100%; }
    .location-s2 .grid.wide { max-width: 100%; }
    .location-s3 .font-summer-solid .part2 { font-size: 120px; }
    .location-s3 .font-summer-solid .part1 { font-size: 60px; transform: translateY(20px); }
    .location-s3 .font-summer-solid { transform: translateY(-95px); }
    .next-prev-nav { width: 100%; }
    .breadcrumbs .breadcrumb-current { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .complex-top .content .image-text {inset-block-end: 20vw;}
    .row.contact-wrapper { flex-direction: column; }
    .contact .form-wrapper { max-width: 100%; }
    .contact-image { max-width: 100%; order: 2; object-fit: cover; border-radius: 24px; }
    .contact .image-text { font-size: 120px; order: 1; inset-block-start: -60px; max-width: 100%; text-align: center; }
    .contact .form-wrapper h2 { margin: 0; order: 3; font-size: 24px; margin-block: 25px 40px; }
    .form-wrapper .wpcf7,.contact .api-form {order: 4;}
    .contact { padding-block-start: 100px; }
    .status-page .font-summer-solid { font-size: 220px; }
    .thanks.status-page .font-summer-solid { font-size: 150px; }
    .thanks.status-page h1 { text-align: center; }
    .status-page h1 { font-size: 40px; }
    .status-page p { max-width: 60%; text-align: center; }
    .text-page-main { padding-block-end: 50px; }
    .wpcf7-form-control-wrap:has(select):before { inset-block-start: 14px; inset-inline-end: 25px; }
    .form-title-wrapper h2 { font-size: 25px; margin-inline: auto; text-align: center; }
    .form-title-wrapper .font-summer-solid { font-size: 100px; text-align: center; display: block; }
    .footer-menu-wrapper ul { gap: 30px; }
    .footer-menu-wrapper li:before { inset-inline-end: -20px; }
    .footer-socials { margin-inline-start: 30px; }
    .footer-logo { max-width: 120px; margin-inline: auto; }
    .footer-logo2 { max-width: 100px; margin-inline: auto; }
}
 
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media( max-width: 1180px){
    .complex-s2  .content.hide-mobile { display: none; }
    .complex-s2 .image-text { font-size: 16vw; align-self: center; }
    .complex-s2 .content.hide-desktop { display: flex; flex-direction: column; gap: 0; }
    .complex-s2 .content.hide-desktop .wrapper { display: flex; gap: 10px; }
    .complex-s2 .content.hide-desktop .wrapper img { border-radius: 16px; object-fit: cover; width: 100%; height: 25vw; }
    .complex-s2 .content.hide-desktop .wrapper .img-wrapper:last-child { max-width: 65%; width: 100%; }
    .complex-s2 .content.hide-desktop .wrapper .img-wrapper:first-child { max-width: 35%; width: 100%; }
    .complex-s2 { padding-block-start: 170px; }
    .row.footer-bottom { gap: 26px; }
    .row.footer-bottom .footer-menu-wrapper {margin-block-end: 0;justify-content: center;}
    .form-module-wrapper { padding-block: 50px; } .hp-s6-items .item-wrappper.text { grid-row: 14; }
}

@media (max-width: 820px) {
    .location-s3 .font-summer-solid .part2 { font-size: 100px; }
    .complex-s5 .content.hide-mobile{display: none;}
    .complex-s5 .content.hide-desktop{ display: flex; }
    .magazine-lobby-text .wrapper { padding-inline: 10px; }
    .magazine-item-lobby { grid-template-rows: 30vw; }
    .magazine-lobby-text h3 { font-size: 20px; }
    .magazine-main-content .col:last-child { display: none; }
    .complex-top .content .image-text .part2 { font-size: 47.5vw; }
    .complex-s3-item5.hide-desktop { display: flex; }
    .complex-s3-item5.s3-grid-item.hide-mobile { display: none; }   
    .complex-s3 .grid-row1 {grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1px;grid-template-rows: none;}
    .complex-s3 {--gap: 10px;--r-span-small: 20;--r-span-big: 35;}
    .complex-s3-item3.bg-img-settings.s3-grid-item {grid-row: 1;grid-column: 1;grid-row-end: span var(--r-span-big);}
    .complex-s3-item2.s3-grid-item {grid-column: 2;grid-row: span var(--r-span-small);}
    .complex-s3-item1 {grid-row: 21;grid-column: 2;grid-row-end: span var(--r-span-big);}
    .complex-s3 .grid-row2 { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: minmax(clamp(166px, 30vw, 220px), auto); }
    .grid-row1 .s3-grid-item { min-width: 0; padding: 30px; }
    .s3-grid-item h2 { font-size: 20px; }
    .s3-grid-item .text { text-align: center; }
    .s3-grid-item .item-num { text-align: center; }
    .complex-s3 .content { gap: 10px; }
    .s3-grid-item .item-num { font-size: 36px; }
    .complex-s4 h2, .complex-s5 h2 { font-size: 80px; }
    .complex-s3-item5.s3-grid-item { grid-row: 36; grid-column: 1; grid-row-end: span var(--r-span-small); }
    .complex-top .content .image-text {inset-block-end: 20vw;}
    .complex-top .content .image-text .part1 { font-size: 14vw; transform: translate(2vw, 8vw); }
    .complex-top .video-wrapper { height: 67vw; transform: translateY(35vw); }
    .complex-top { height: calc(71vh - var(--header-height)); }
    .form-container { max-width: var(--grid-default); margin-inline: auto; }
    .copyrights { flex-direction: column; gap: 10px; }
    .copyrights > span:first-child, .copyrights > span:nth-child(3) { display: none; }
    .row.footer-top { flex-direction: column-reverse; }
    .row.footer-top .footer-menu-wrapper { margin-block-end: 50px; }
    .form-module-wrapper { padding-block: 50px; }
    .row.footer-bottom {gap: 20px;flex-direction: column;}
    .footer-top .wrapper { flex-direction: column; margin-block: 50px; }
    .footer-menu-wrapper ul { flex-direction: column; margin-block-end: 0; }
    .row.footer-top .footer-menu-wrapper li:before {content: "";width: 30px;height: 1px;background-color: var(--c-main-dark);inset-block-start: 30px;margin-inline: auto;inset-inline: 0;}
    .footer-socials > span {display: block;width: 100%;text-align: center;}
    .footer-socials { flex-wrap: wrap; margin-inline: auto; justify-content: center; }
    .footer-bottom .footer-menu-wrapper ul {flex-direction: row;margin-block-end: 0;}
    .row.footer-bottom .footer-menu-wrapper li:last-child:before { display: none; }
        .grid-three-items {
    grid-template-columns: repeat(1, 1fr);
}
 
.form-wrapper.api-form {
    padding: 20px;
}
.form-wrapper.api-form form input[type="submit"] {
    padding-inline: 32%;
}
}

@media(max-width:440px){
    .hp-s1 .image-text { inset-block-end: -30px; }
    .location-s1 { margin-block-end: 300px; }
    .hp-s6-items .item-wrappper.text { grid-row: 17; }
    .location-s3 { height: 60vh; }
    .item-wrappper:nth-child(4) { grid-row: 24; grid-column: 1 / -1; grid-row-end: span 8; }
    .form-wrapper input, .form-wrapper select { padding-inline: 10px; height: 40px; border-width: 2px; }
    .form-fields-two-items p { gap: 10px; }
    .form-wrapper .form-submit { height: 40px; max-width: 100%; margin-block-start: 10px; border-width: 2px;}
    .form-wrapper form input[type="submit"] { padding-inline: 38%; }
    .form-wrapper .form-submit .btn-icon { margin: 0; transform: translateY(2px) translateX(30vw); }
    .row.footer-bottom:before { display: none; }
    .complex-s5-grid-mobile { --gap: 10px; }
    .complex-top { height: calc(50vh - var(--header-height)); }
    .complex-s2 .content.hide-desktop .wrapper img { height: 45vw; }
    .magazine-top .image-text { font-size: 105px; max-width: 70%; }
    .magazine-main { padding-block: 60px; }
    .magazine-item-lobby { grid-template-rows: 36vw; }
    .magazine-item-lobby { gap: 10px; }
    .magazine-items { gap: 10px; }
    .magazine-dir-reverse .magazine-item-lobby { grid-template-columns: 2fr 1fr; }
    .magazine-lobby-image { object-position: center; }
    .magazine-dir .magazine-item-lobby { grid-template-columns: 1fr 2fr; }
    .magazine-lobby-text h3 { margin-block-end: 20px; }
    .magazine-lobby-image, .magazine-lobby-text { border-radius: 16px; }
}

@media(max-width:375px){

}