/* * { 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: 18px;line-height: 1.2;color: black;-webkit-font-smoothing: antialiased;}
input, textarea, button {border-radius: 0;-webkit-appearance:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
a {text-decoration:none;outline: none;color: #4284fc;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:52px;}
h2{font-size:35px;}
h3{font-size:38px;}
h4{font-size:35px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-row-center{display: flex;justify-content: center;}

.hide-mobile{display:flex;}
.hide-desktop{display:none;}
 
 
.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.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;max-width: 1665px;}
.grid-tiny {width: 100%;margin: 0 auto;max-width: 890px;}

/* Share links */
.share-toggle {display:none;width:56px;height:56px;border:0;padding:0;background:transparent;cursor:pointer;align-items:center;justify-content:center;}
.share-dots {position:relative;width:6px;height:6px;border-radius:9999px;background:currentColor;box-shadow:-10px 0 0 currentColor,10px 0 0 currentColor;display:block;}
.share-dots::before,.share-dots::after {content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:currentColor;transform:translate(-50%,-50%);opacity:0;}

@media (max-width: 768px) {
    .share-links {width:56px;height:56px;border-radius:9999px;}
    .share-links .share-link {display:none;}
    .share-links .share-toggle {display:flex;}
    .share-links.is-open {width:80px;height:250px;border-radius:0;}
    .share-links.is-open .share-link {display:inline-flex;}

    .share-links.is-open .share-dots {width:18px;height:18px;background:transparent;box-shadow:none;}
    .share-links.is-open .share-dots::before,.share-links.is-open .share-dots::after {opacity:1;}
    .share-links.is-open .share-dots::before {transform:translate(-50%,-50%) rotate(45deg);}
    .share-links.is-open .share-dots::after {transform:translate(-50%,-50%) rotate(-45deg);}
}

/*---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{color:var(--hp-navy-deep)}

.page-404 {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.page-404 h1,.page-404 h2 {
    margin: 0;
}
/*--text page--*/
.text-page-top { padding-block-start: calc( var(--header-height) * 1.5 ); }
.text-page-content h3 { margin-block-start: 20px; }
.text-page-main {
    padding-block: 50px;
}
.text-page-content a:hover { text-decoration: underline; }
.hp-anchor-nav .header-contact:hover {
    color: var(--hp-navy-deep);
}
.hp-anchor-nav.no-nav {
    background-color: var(--hp-navy);
}
/* Homepage - Rentix */
.rentix-hp { color: var(--hp-text); background: var(--hp-cream); }
.rentix-hp .grid { padding-inline: 24px; max-width: 1405px; }
.grid.hp-s6__inner { max-width: fit-content; }
.form-wrapper { display: flex; justify-content: space-between; }
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: rtl; }
.rentix-hp .hp-section { position: relative; }
.hp-s5 .grid {padding: 0;}
.rentix-hp .hp-section-title { margin-bottom: 16px; color: #8f5b4d; text-align: center; font-size: clamp(42px, 3vw, 76px); line-height: 1.1; margin-block-end: 40px; }
.rentix-hp .hp-section-intro { max-width: 1010px; margin: 0 auto 36px; text-align: center; font-size: 36px; font-weight: 300; }
.hp-anchor-nav {position: fixed;width: 100%;height: var(--header-height);top: 0;z-index: 15;background: transparent;padding-block: 25px;}
.hp-anchor-nav.is-scrolled { background-color: var(--hp-navy); }
.hp-anchor-nav__list { margin: 0; padding: 12px 24px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 22px; list-style: none; margin-inline: auto; }
.nav-wrapper { display: flex; align-items: center; justify-content: center; margin-inline: 100px; max-width: stretch; min-height: 104px; }
.header-contact, .btn { display: flex; width: 177px; padding: 15px; justify-content: center; align-items: center; background-color: var(--hp-accent); border-radius: 10px; }
.thanks {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.hp-anchor-nav a { color: var(--hp-cream); font-weight: 300; font-size: 18px; transition: color .25s ease; }
.hp-anchor-nav a:hover { color: var(--hp-accent); }
.hp-anchor-nav a.active,
.hp-anchor-nav a.is-active { font-weight: 700; }
.hp-nav-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 36px; height: 36px; background: none; border: none; cursor: pointer; padding: 4px; margin-inline-start: auto; z-index: 20; flex-shrink: 0; }
.hp-nav-hamburger span { display: block; width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; transform-origin: center; }
.hp-anchor-nav .header-contact { font-family: var(--font-title); font-weight: 500; }

.hp-s1 { min-height: 100vh; display: flex; align-items: center; overflow: hidden; background: var(--hp-navy-deep); }

.hp-s1__video,
.hp-s1__overlay { position: absolute; inset: 0; }
.hp-s1__video { width: 100%; height: 100%; object-fit: cover; }
.hp-s1__overlay {background: linear-gradient(0deg, rgba(24, 28, 31, 0.80) 0%, rgba(24, 28, 31, 0.80) 100%);}
.hp-s1__content { position: relative; z-index: 1; color: #fff; text-align: center; max-width: 860px; }
.hp-s1 h1 { margin-bottom: 20px; color: var(--hp-accent); font-size: clamp(51px, 5.5vw, 101px); max-width: 1100px; margin-inline: auto; line-height: 1; }
.hp-s1 p { font-size: clamp(20px, 2vw, 57px); color: #efe6dc; font-weight: 300; }
.hp-s2 {background-color: var(--hp-navy);background-repeat: no-repeat;background-size: cover;background-position: 50px 0px;color: var(--hp-cream);padding: 90px 0;font-weight: 300;}
.hp-s4__triangle-mobile { display: none; }
.hp-s2__inner { min-height: 280px; display: flex; align-items: center; }
.hp-s2__text-wrap {max-width: 730px;margin-inline-start: auto;}
.hp-s2__logo { max-width: 400px; width: 100%; margin-bottom: 20px; }
.hp-s2 h2 {margin-bottom: 20px;color: var(--hp-accent);font-size: clamp(32px, 4vw, 66px);line-height: 1;max-width: 100%;}
.hp-s2__text { color: #e9e9e9; line-height: 1.5; }
.hp-s3 { padding: 90px 0; background: #fff; }
.hp-s3__team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.hp-s3__member { text-align: center; padding: 14px; }
.hp-s3__member-image { width: 100%; max-width: 260px; margin: 0 auto 14px; }
.hp-s3__member h3 { margin-bottom: 6px; font-size: 32px; color: var(--hp-accent); font-family: var(--font-body); font-weight: 300; text-align: start; max-width: 85%; margin-inline: auto; }
.hp-s3__member-head { max-width: 90%; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
.hp-s3__member-head h3 { margin-bottom: 6px; max-width: none; margin-inline: 0; }
.hp-s3__member-role { color: #626f7e; margin-bottom: 8px; text-align: start; font-weight: 600; max-width: 90%; margin-inline: auto; }
.hp-s3__member-text { text-align: right; font-weight: 300; color: #334054; line-height: 1.5; margin-bottom: 10px; max-width: 90%; margin-inline: auto; transition: all .4s ease; }
.hp-readmore-toggle.is-open img { transform: rotate(180deg); }
.hp-readmore-toggle { border: none; background: #fff; color: #1f2f43; font-size: 18px; padding: 8px 18px; cursor: pointer; font-family: var(--font-body); display: flex; padding: 0; gap: 10px; margin-block-start: 20px; margin-inline: 5%; font-weight: 300; }
.hp-readmore-toggle:hover > img { filter: invert(15%) sepia(120%) saturate(225%) hue-rotate(310deg) brightness(164%) contrast(240%); }
.hp-readmore-toggle:hover { color: var(--hp-accent); }
.hp-readmore-toggle > span { text-decoration: underline; text-underline-offset: 5px; }
.hp-s3__linkedin { display: inline-flex; align-items: center; justify-content: center; margin-top: 0; flex-shrink: 0; }
.hp-s3__linkedin img { width: 20px; height: 20px; display: block; }
.hp-s3__team-swiper { position: relative; }
.hp-s3__team-nav-prev,
.hp-s3__team-nav-next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; background: transparent; border: none; padding: 0; }
.hp-s3__team-nav-prev { left: -60px; }
.hp-s3__team-nav-next { right: -60px; }
.hp-s3__team-nav-prev img,
.hp-s3__team-nav-next img { width: 64px; height: 59px; display: block; }
.hp-s4 { background: linear-gradient(90deg, var(--hp-clay) 0%, var(--hp-clay) 50%, var(--hp-sand) 50%, var(--hp-sand) 100%); padding: 80px 0; }
.hp-s4__inner {display: flex;flex-wrap: wrap;}
.hp-s4__content { color: #f5ebe4; max-width: 550px; }
.hp-s4__content h2 { color: var(--hp-accent); margin-bottom: 18px; font-size: 66px; }
.hp-s4__text { line-height: 1.55; font-weight: 100; }
.hp-s4__triangle-wrap {display: flex;place-items: center;max-width: 438px;width: 100%;height: 380px;margin-inline-end: auto;position: relative;margin-block: auto;}
.hp-s4__triangle-item:nth-child(1) { inset-block-start: 0; inset-inline: 0; margin-inline: auto; max-width: 222px; }
.hp-s4__triangle-item:nth-child(2) { inset-block-end: 0; }
.hp-s4__triangle-item:nth-child(3) { inset-inline-end: 0; inset-block-end: 0; }
.hp-s4__triangle-item { position: absolute; }
.hp-s4__triangle-image,
.hp-s4__triangle-hover { width: 100%; transition: opacity .3s ease; }
.hp-s4__triangle-hover { position: absolute; inset: 0; opacity: 0; }
.hp-s4__triangle-item:hover .hp-s4__triangle-hover { opacity: 1; }
.hp-s5 { background: white; padding-block-start: 125px; padding-block-end: 230px; }
.swiper.hp-media-swiper { padding-block-end: 60px; }
.hp-s5__card { background: #f2f2f2; border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; height: auto; min-height: 584px; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; }
.hp-s5__card-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.hp-s5__card-body { box-sizing: content-box; display: flex; flex-direction: column; height: 100%; }
.hp-s5__card-body h3 { margin-block: 20px; color: var(--hp-accent); font-size: 28px; font-family: var(--font-body); font-weight: 300; }
.hp-s5__card-text { color: #2A3640; line-height: 1.45; font-family: var(--font-body); font-weight: 300; }
.hp-s5__card-footer { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.hp-s5__card-footer a { display: flex; gap: 5px; font-weight: 300; }
.hp-s5__card-footer a > img { transform: rotate(90deg); }
.hp-s5__card-logo { max-height: 30px; width: auto; }
.hp-s5__card-footer a { color: #1f2f43; font-weight: 300; }
.hp-s5__card-footer a:hover { color: var(--hp-accent); text-decoration: underline; text-underline-offset: 5px; }
.hp-s5__card-footer a:hover > img { filter: invert(15%) sepia(120%) saturate(225%) hue-rotate(310deg) brightness(164%) contrast(240%); }
.hp-media-swiper .swiper-pagination { position: static; margin-top: 20px; }
.hp-media-swiper .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid var(--hp-accent); background: transparent; opacity: 1; }
.hp-media-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--hp-accent); }
.hp-media-nav-prev,
.hp-media-nav-next { display: none; }
.hp-media-nav-prev img,
.hp-media-nav-next img { width: 64px; height: 49px; display: block; }
.hp-s5__qa-wrap { margin-top: 74px; }
.hp-accordion { max-width: 980px; margin: 0 auto; }
.hp-accordion__item { border-bottom: 1px solid #cfd5dc; }
span.hp-accordion__icon { font-size: 50px; }
.hp-accordion__trigger { width: 100%; border: 0; background: transparent; cursor: pointer; padding: 14px 8px; display: flex; justify-content: start; align-items: center; color: #2f3c4b; font-size: 32px; gap: 25px; font-family: var(--font-body); font-weight: 300; }
.hp-accordion__item:hover .hp-accordion__trigger,.hp-accordion__item.is-open .hp-accordion__trigger { color: var(--hp-accent); }
.hp-accordion__content { padding-inline: 5%; color: #4e5d6f; line-height: 1.5; font-family: var(--font-body); font-weight: 300; }
.hp-s6 { background: var(--hp-navy); padding: 72px 0; color: #f1e9de; }
.hp-s6__inner { display: flex; align-items: center; gap: 40px; }
.hp-s6__quote { font-size: clamp(28px, 3vw, 50px); line-height: 1.2; }
.hp-s6__quote > h3 { font-size: 43px; color: var(--hp-cream); }
.hp-s6__quote { font-size: 45px; font-weight: 300; color: var(--hp-accent); max-width: 630px; }
.hp-s6__image-wrap { max-width: 445px; }
.hp-s7__form-wrap .grid-three-items > p br { display: none; }
.hp-s7__form-wrap form input { width: 100%; }
.hp-s7__form-wrap form input[type="checkbox"] { appearance: auto; width: 15px; height: 15px; }
.rentix-hp .grid { padding-inline: 16px; }
.wpcf7-list-item { margin-inline-start: 0; }
.hp-s7__form-wrap form > p { display: flex; flex-wrap: wrap; }
.hp-s7__form-wrap form > p br { display: none; }
.hp-s7__form-wrap form textarea { width: 100%; margin-block-end: 25px; height: 90px; resize: none; }
.wpcf7-form-control-wrap { width: fit-content; }
.hp-s7__form-wrap form { display: flex; flex-direction: column; gap: 25px; }
.submit-wrapper { display: flex; }
.wpcf7-form-control.wpcf7-acceptance.optional label { display: flex; align-items: center; }
.wpcf7 form .wpcf7-response-output { margin-block-start: 0; }
.hp-s7__form-wrap form input[type="submit"] {max-width: 175px;border: none;background-color: var(--hp-accent);color: white;font-weight: bold;margin-inline-start: auto;cursor: pointer;}
.wpcf7-form-control-wrap[data-name="subject"] {width: 100%;}
.hp-s7__form-wrap form textarea,.hp-s7__form-wrap form input { font-family: inherit; font-size: 18px; padding: 15px; border-radius: 10px; border: 1px solid var(--hp-navy-deep); }
.wpcf7-form-control.wpcf7-acceptance.optional { font-size: 14px; }
.hp-s6__quote strong { color: var(--hp-accent); }
.hp-s6__image-wrap img { max-width: 100%; }
.hp-s7 { background: white; padding: 70px 0 90px; }
.hp-s7__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; }
.hp-s7__info-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 30px; font-weight: 300; align-items: center; }
.hp-s7__info-item img { width: 25px; flex-shrink: 0; align-self: flex-start; }
.hp-s7__info { display: flex; flex-direction: column; align-self: center; }
.grid.hp-s7__inner { position: relative; }
.grid.hp-s7__inner:before { content: ""; position: absolute; width: 1px; height: 100%; background: var(--hp-navy-deep); inset-inline-end: 52%; }
.hp-s7__info-text strong { font-weight: 800; }
.hp-s7__info-item a { color: inherit; }
.hp-s7__info-item a:hover { text-decoration: underline; }
.hp-s7__info-text { color: #3f4a59; font-family: var(--font-body); }
.hp-s7__form-wrap {max-width: 560px;margin-inline-start: auto;}
.hp-s7__form-wrap .grid-three-items > p { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.footer-nav a { color: var(--hp-text); line-height: 1; font-weight: 300; }
.footer-nav {
    display: flex;
    margin-inline-start: auto;
}
#section-1 .header-contact { display: none; }
.footer-menu { margin-inline-start: auto; display: flex; gap: 20px; align-items: center; }
footer .grid { max-width: stretch; margin-inline: 100px; }
footer { padding-block: 25px; font-size: 14px; }
.copyrights { display: flex; gap: 5px; }
.wn-credit { display: flex; align-items: center; direction: ltr; gap: 2px; }
.wn-credit a { color: inherit; }
.wn-credit a:hover {color: var(--hp-accent);}
.footer-nav a:hover { text-decoration: underline; }
@media(max-width: 1540px){
    .hp-s2 h2 {max-width: 80%;}
    .hp-s2 { background-position: 0 0; }
}
@media (max-width: 1280px) {
    .hp-s3__team-grid { display: flex; }
}
@media(max-width:1279px){
    .grid-tiny {
    max-width: 90%;
}
    /* open state */
    .hp-anchor-nav.is-nav-open { height: 100dvh; height: auto; overflow-y: auto; background-color: white; }
    .hp-anchor-nav.is-nav-open .nav-wrapper { gap: 32px; height: 100%; box-sizing: border-box; }
    .hp-anchor-nav.is-nav-open .hp-nav-hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hp-anchor-nav.is-nav-open .hp-nav-hamburger span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    .hp-anchor-nav__list li.active a {font-weight: bold;}
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list > li.active a {font-weight: bold;color: var(--hp-accent);}
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list > li { width: 100%; justify-content: center; display: flex; position: relative; }
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list > li.active a:before, .hp-anchor-nav.is-nav-open .hp-anchor-nav__list > li.active a:after {content: "";display: flex;position: absolute;width: 25%;height: 2px;background-color: var(--hp-accent);inset-block: 0;margin-block: auto;}
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list > li.active a:before { inset-inline-end: 0px; }
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list > li.active a:after { inset-inline-start: 0; }
    .hp-anchor-nav.is-nav-open .hp-nav-hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list { display: flex; flex-direction: column; align-items: center; gap: 28px; padding: 0; width: 90%; overflow: visible; white-space: normal; flex-wrap: nowrap; }
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list a { font-size: 24px; font-weight: 300; color: var(--hp-navy-deep); width: fit-content; text-align: center; }
    .hp-anchor-nav.is-nav-open .hp-anchor-nav .header-contact,
    .hp-anchor-nav.is-nav-open .header-contact { display: flex; width: 100%; box-sizing: border-box; margin-inline: 20px; }
    .hp-s1 { flex-direction: column; }
     #section-1 .header-contact { display: flex; margin-block-start: auto; margin-block-end: 50px; width: 90%; position: relative; color: var(--hp-cream); }
    .rentix-hp .grid { margin-block-start: auto; }
    .hp-s2__text-wrap { max-width: 95%; margin-inline: auto; }
    .rentix-hp .hp-section-intro { max-width: 70%; font-size: 28px; }
    .hp-s4__content { max-width: 480px; margin-inline-end: 5%; }
    .hp-s4__triangle-wrap { margin-inline: auto; margin-block: 50px; }
    .hp-nav-logo { max-width: 155px; margin-inline-start: auto; margin-inline-end: 20px; }
    .hp-anchor-nav.is-nav-open .hp-nav-hamburger span { background: var(--hp-accent); }
    .hp-anchor-nav { padding-block: 0; background-color: var(--hp-navy); height: auto;}
    .nav-wrapper { margin-inline: 0; padding: 34px 0; flex-wrap: wrap; position: relative; flex-direction: row-reverse; align-items: flex-start; }
    .hp-nav-hamburger { display: flex; margin: 0; margin-inline-start: 20px; }
    .hp-anchor-nav__list,
    .hp-anchor-nav .header-contact { display: none; }
    .hp-s3__team-swiper .hp-s3__member { padding: 0; }
    .hp-s3__team-nav-prev,
    .hp-s3__team-nav-next {position: absolute;top: 15%;transform: translateY(-50%);}
    .hp-s3__team-nav-prev { left: 0; }
    .hp-s3__team-nav-next { right: 0; }
    .hp-s3__team-swiper { display: block; min-height: 600px;}
    .copyrights > span:not(.wn-credit) { display: none; }
    .copyrights { flex-direction: column; gap: 14px; }
    .wn-credit { justify-content: center; }
    #section-7 { padding-block-end: 0; }
    .footer-menu {
    margin-inline: auto;
}
    .footer-nav { position: relative; margin-block-end: 15px; }
    .footer-nav:before,.footer-nav:after { content: ""; position: absolute; width: 100%; height: 1px; background: var(--hp-text); }
    .footer-nav:after { inset-block-end: -15px; }
    footer .grid { margin-inline: 16px; }
    footer .grid .row { justify-content: center; gap: 20px; flex-direction: column-reverse; }
    .footer-nav {margin-inline: auto;max-width: 100%;width: 100%;justify-content: center;}
    .copyrights { text-align: center; }
    .footer-nav:before { inset-block-start: -15px; }
}
@media(max-width: 1180px){
    .hp-s2 { padding-block: 200px; }
    .hp-s2 h2 { max-width: 100%; text-align: center; }
    .hp-s2__text { text-align: center; }
    .hp-s2__logo { max-width: 200px; margin-inline: auto; }
    .hp-s6__image-wrap img { max-width: 80%; margin-inline: auto; }
    .hp-s5__card-body h3 { font-size: 24px; }
    .hp-s7__form-wrap h4 { text-align: center; }
    .hp-s6__quote > h3 { font-size: 37px; }
    .hp-s4__content { margin-inline-end: 0%; }
}
@media (max-width: 1024px) {
    .hp-anchor-nav.is-nav-open .hp-anchor-nav__list a {
    font-size: 18px;
}
    .hp-anchor-nav { top: 0; }
    .hp-s1 h1 { max-width: 100%; line-height: 1; }
    .grid.hp-s6__inner { flex-direction: column-reverse; }
    .hp-s6__quote { text-align: center; font-size: 42px; }
    .hp-s7__form-wrap { max-width: 100%; width: 100%; margin-inline: auto; }
    .grid.hp-s7__inner { flex-direction: column-reverse; display: flex; }
    .hp-s7__form-wrap form input[type="submit"] { max-width: 100%; margin-block-start: 20px; }
    .form-wrapper { flex-direction: column; }
    .submit-wrapper > p { width: 100%; }
    .hp-s7__form-wrap form textarea { margin-block-end: 0; }
    .wpcf7-form-control-wrap { display: flex; width: 100%; }
    .grid.hp-s7__inner:before { display:none; }
    .hp-s4 { background: var(--hp-sand); }
    .hp-s4__inner,
    .hp-s6__inner,
    .hp-s7__inner { grid-template-columns: 1fr; }
    .grid.hp-s4__inner { padding: 0; display: flex; flex-direction: column-reverse; }
    .hp-s4__content { padding-inline: 30px; padding-block: 15%; max-width: 100%; }
    .hp-s7__info { width: 100%; }
    .hp-section.hp-s4 { padding-block: 0; }
    .hp-s4__content { background: var(--hp-clay); text-align: center; }
}

@media (max-width: 820px) {
    .swiper-wrapper.hp-s3__team-grid { display: flex; gap: 0; }
    #section-3 .grid { padding: 0; }
    .hp-s3,   .hp-s5, .hp-s6, .hp-s7 { padding: 58px 0; }
    .hp-s3__team-grid,
    .hp-s7__form-wrap .grid-three-items { grid-template-columns: 1fr; }
    .rentix-hp .hp-section-title { max-width: 80%; margin-inline: auto; }
    .hp-s4__content h2 { font-size: 42px; }
    #section-5 .hp-media-nav-prev,#section-5 .hp-media-nav-next { top: 270px; }
    .hp-media-swiper { position: relative; }
    .hp-media-swiper .swiper-pagination { display: none; }
    .hp-media-nav-prev,
    .hp-media-nav-next { display: flex; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; align-items: center; justify-content: center; z-index: 10; cursor: pointer; }
    .hp-media-nav-prev { left: 4px; }
    .hp-media-nav-next { right: 0; }
    .hp-accordion__trigger { font-size: 24px; text-align: start; }
    .hp-s4__triangle-wrap { display: none; }
    .hp-s4__triangle-mobile { display: block; width: 100%; max-width: 320px; margin: 50px auto; }
}
@media(max-width:430px){
    .hp-s7__form-wrap .grid-three-items > p { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .rentix-hp .hp-section-intro { max-width: 85%; font-size: 22px; }
}