* { 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: 20px;line-height: 1.5; background-color: var(--c-primary); color: var(--c-secondary);-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;}
 strong { font-weight: 700; }
a {text-decoration:none;outline: none;color: var(--c-secondary);}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:105px;}
h2{font-size:78px;}
h3{font-size:44px;}
h4{font-size:36px;}
h5{font-size:27px;}
h6{font-size:24px;}
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;}
.small-text { font-size: 16px; }
.hide-mobile{display:flex;}
.hide-desktop{display:none;}
 
.c-grey{color:var(--c-grey)}
.c-white{color:var(--c-secondary)}

.btn{display: flex;padding: 15px 28px;align-items: center;gap: 10px;border-radius: 30px;align-self: flex-start;border: 1px solid var(--c-secondary);transition: var(--transitions);font-weight: 700;line-height: 1;font-size: 15px;letter-spacing: -0.346px;}
.btn:hover { background-color: var(--c-secondary); color: var(--c-primary); }
.btn svg path { fill: var(--c-secondary); }
.btn:hover svg path {fill: var(--c-primary);}
.btn-secondary { display: flex; padding: 5px 15px; align-items: center; gap: 10px; align-self: center; font-weight: 700; letter-spacing: -0.8px; border: 1px solid var(--c-dark-blue-grey); border-radius: 26px; cursor: pointer; transition:var(--transitions) }
.btn-secondary:hover {background-color:var(--c-dark-blue-grey);border-color:var(--c-secondary);}
.btn-secondary span { font-size: 25px; min-width: 15px; }

.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.main{max-width: var(--grid-main);}
 .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-delay-1100{transition-delay: 1.1s;}
.anim-delay-1200{transition-delay: 1.2s;}
.anim-delay-1300{transition-delay: 1.3s;}
.anim-delay-1400{transition-delay: 1.4s;}
.anim-delay-1500{transition-delay: 1.5s;}
.anim-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,35px);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}

/*--text page--*/
.text-page-top { padding-block-start: calc( var(--header-height) * 1.5 ); padding-block-end: 100px; }
.text-page-main h2,.text-page-main h3,.text-page-main h4,.text-page-main h5,.text-page-main h6 {
    line-height: 1;
}
.text-page-content h3 { margin-block-start: 20px; }
.text-page-content a { color: inherit; }
.text-page-content a:hover { text-decoration: underline; }
/*--heaer--*/
.header {width: 100%;background-color: var(--c-primary);box-shadow: 0 5px 20px 0 rgb(0 0 0 / 9%);position: fixed;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: 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%;gap: 50px;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.header-nav>li:hover>a, .header-nav .sub-menu li:hover>a, .header-nav>li.current-menu-item>a,nav.lang li a:hover {color: var(--secondary);}
.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;}
nav li.btn { padding: 0; margin-inline-start: auto; }
nav li.btn a { padding: 14px 28px; background-color: transparent; color: var(--c-secondary); border-radius: 30px; }
nav li.btn a:hover { background-color: var(--c-secondary); color: var(--c-primary); }
nav.lang ul { display: flex; align-items: center; gap: 10px; }
nav.lang {display: flex;align-items: center;margin-inline-start: 10px;}
nav li>a { color: var(--c-grey); font-weight: 700; transition: var(--transitions); }
section.has-video {position: relative;height: 100vh;display: flex;align-items: flex-end;justify-content: center;}
.has-video video { position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: -1; inset-block-start: 0; border-end-end-radius: inherit; border-end-start-radius: inherit; }
section.has-video:before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(7, 11, 21, 0.00) 0%, rgba(7, 11, 21, 0.59) 73.72%, #070B15 98.11%); }
section.has-video .content { position: relative; }
.buttons { display: flex; gap: 20px; margin-block-end: 45px; }
.title {line-height: 0.93;letter-spacing: 0;}
.s1 .title { max-width: 60%; }
.s1.has-video .open-email {margin-inline-start: auto;}

.s1.has-video .open-email .btn span {
    display: none;
}
.s1.has-video .open-email .btn {
    padding-inline: 20px;
    background-color: var(--c-secondary);
    color: var(--c-primary);
}

.s1.has-video .open-email .btn span {
    display: flex;
}
.s1.has-video .open-email .btn:hover {
    background-color: transparent;
    color: var(--c-secondary);
}
.s1.has-video .open-email .btn svg path {
    fill: var(--c-primary);
}

.s1.has-video .open-email .btn:hover svg path {
    fill: var(--c-secondary);
}
.caption { display: flex; font-size: 16px; font-weight: 700; line-height: normal; letter-spacing: 0; color: var(--c-grey); margin-block-end: 30px; }
.s1 .text {max-width: 39%;margin-block-end: 30px;color: var(--c-secondary);}
.text { font-weight: 300; letter-spacing: 0; color: var(--c-grey); }
.s1 .small-text { position: relative; padding-block-start: 10px; }
.s1 .small-text:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-dark-blue-grey); inset-block-start: 0; }
.s2 {padding-block-start: 165px;overflow: hidden;}
.s2 .text-wrapper { max-width: 64%; margin-inline-end: auto; }
.s2 .row img {border-radius: 20px;align-self: flex-start;    transform: translateY(59px);}
.s2 .text { max-width: 72%; color: var(--c-grey); }
.s2 .title2 {margin-block-start: 30px;max-width: 84%;color: var(--c-grey);font-size: 30px;line-height: 1.1;letter-spacing: -0.8px;}
.s2 .title2 strong { color: var(--c-secondary); }
.s3 { padding-block-start: 165px; }
.s3 .title { max-width: 40%; margin-block-end: 40px; }
.list { display: grid; gap: 20px; }
.s3 .list-item .title { font-size: 30px; max-width: 100%; }
.list-item-content { padding: 27px; margin-block-start: 20px; display: flex; flex-direction: column; }
.list.three-items { grid-template-columns: repeat(var(--grid-three-items), 1fr); }
.list.four-items { grid-template-columns: repeat(var(--grid-four-items), 1fr); }
.list-item.expandable .expandable-content { max-height: 0; overflow: hidden; transition: var(--transitions); }
.list-item { background-color: var(--c-dark-blue); border: 1px solid var(--c-dark-blue-grey); border-radius: 20px; height: fit-content; }
.list-item img { width: 100%; object-fit: cover; height: 360px; border-start-start-radius: inherit; border-start-end-radius: inherit; filter: grayscale(1); transition: var(--transitions); }
.list-item:hover img { filter: grayscale(0); }
.s3 .list-item .text { margin-block-end: 20px; min-height: 210px; }
.expand-list { position: relative; margin-block: 30px; }
.expand-list:before,.expand-list:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-grey); inset-inline-start: 0; }
.expand-list-item { min-height: 45px; display: flex; justify-content: space-between; align-items: center; }
.expand-list-item .label { color: var(--c-grey); font-size: 16px; }
.expand-list-item strong { font-size: 24px; }
.expand-text { text-align: center; margin-block: 20px; line-height: 1.2; font-size: 14px; color: var(--c-grey); padding-block: 15px; }
.expand-text h6 { margin-block-start: 15px; margin-block-end: 0; letter-spacing: -1.7px; color: var(--c-secondary); }
.expand-list:before { inset-block-start: 0; }
.expand-list:after { inset-block-end: 0; }
.expand-text2 {text-align: center;color: var(--c-grey);font-weight: bold;font-size: 16px;}
.expand-bottom { margin-block-start: 10px; text-align: center; font-size: 14px; color: var(--c-grey); font-weight: 300; }
.s4 { margin-block-start: 125px; }
.s4.has-video { align-items: flex-end; }
section.has-video .content {width: 100%;padding-block-end: 15px;}
section.s4.has-video .title {max-width: 66%;line-height: 1;font-size: 34px;font-weight: 300;}
section.s4.has-video .title {
    font-size: 20px;
}
section.s4.has-video .title2 {
    max-width: 66%;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    margin-block-end: 15px;
    text-transform: capitalize;
}
section.s4.has-video .title strong {
    font-size: 34px;
}
.s4-list{ margin-block: 60px; }
.s4-list-items { display: flex; gap: 165px; position: relative; }
.s4-list-item { position: relative; }
.s4-list-item:not(.s4-list-item:last-child):before { content: ""; position: absolute; width: 1px; height: 100%; background-color: var(--c-grey); inset-inline-end: -80px; }
.s4-list-item h4 { line-height: 1; }
section.s5{ padding-block: 90px 150px; }
section.s5 h2.t-upper.title { max-width: 50%; margin-block-end: 40px; }
section.s5 .list-item-content { min-height: 250px; }
.s6 .content { max-width: 50%; margin-inline-end: auto; display: flex; flex-direction: column; }
.s6 h6.title {font-weight: normal;}
.s6 .image { max-width: 50%; position: relative; }
.s6 .image > img { border-radius: 22px; }
.s6 .image > p { position: absolute; inset-block-end: 20px; inset-inline-start: 20px; color: var(--c-grey); }
.s6 .content .text { max-width: 85%; }
.simple-list { display: grid; grid-template-columns: repeat(2, 1fr); margin-block-start: auto; gap: 60px; max-width: 90%; }
.simple-list .title { letter-spacing: 0; line-height: 1.25; max-width: 100%; margin-block-end: 0; }
.simple-list .simple-list-item:last-child .title { max-width: 100%; }
.simple-list-item { position: relative; padding-block-start: 20px; }
.simple-list-item:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-dark-blue-grey); inset-block-start: 0; }
.simple-list-item .caption { margin-block-end: 20px; }
.s6 {padding-block: 190px;overflow: hidden;}
.s7 .content { max-width: 55%; display: flex; flex-direction: column; justify-content: flex-end; margin-inline-end: auto; }
.s7 .buttons {flex-wrap: wrap;max-width: 90%; margin-block-start: auto;margin-block-end: 0;}
.s7 .form-wrapper { max-width: 575px; padding: 20px; background: rgba(7, 11, 21, 0.80); border: 1px solid var(--c-dark-blue-grey); border-radius: 20px; }
.s7 { min-height: 860px; display: flex; flex-direction: column; justify-content: end; }
.s7 .grid.main { padding-block-end: 45px; }
.form-wrapper .title { margin-block-end: 35px; }
.form-wrapper > a { font-size: 24px; font-weight: 700; letter-spacing: -0.8px; display: flex; margin-block-end: 20px; }
.socials { display: flex; gap: 10px; margin-block-end: 30px; }
.socials img {
    width: 40px;
}
.socials a:hover img {
    filter: brightness(2);
}
.s7 .form-wrapper form .two-fields-row + p {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.s7 .form-wrapper form .two-fields-row + p br {
    display: none;
}
.s7 .content .title { margin-block-end: 30px; }
.two-fields-row p { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.s7 .form-wrapper input:not(input[type="checkbox"]), .s7 .form-wrapper select, .s7 .form-wrapper textarea { width: 100%; background: transparent; border: 1px solid var(--c-dark-blue-grey); border-radius: 20px; font-family: inherit; font-size: inherit; color: var(--c-secondary); padding-inline: 20px; padding-block: 16px; }
.two-fields-row p br { display: none; }
.s7 .form-wrapper select{ color: var(--c-secondary); font-size: 16px; font-weight: 300; letter-spacing: -0.7px; }
.s7 .form-wrapper select option { background-color: rgba(7, 11, 21, 0.80); }
.s7 .form-wrapper input::placeholder,  .s7 .form-wrapper textarea::placeholder { color: var(--c-secondary); font-size: 16px; font-weight: 300; letter-spacing: -0.7px; }
.s7 .form-wrapper form { display: flex; flex-direction: column; gap: 10px; }
.s7 .form-wrapper textarea { height: 130px; resize: none; }
.form-wrapper input[type="checkbox"] { appearance: auto; }
.wpcf7-list-item { margin-inline-start: 0; }
.wpcf7-list-item .wpcf7-list-item-label { font-size: 14px; max-width: 80%; line-height: 1.1; }
.form-wrapper .fields-wrapper p br { display: none; }
.form-wrapper .fields-wrapper p { display: flex; }
.s7 .form-wrapper .fields-wrapper input[type="submit"] { max-width: 100px; padding-block: 10px; background-color: transparent; color: var(--c-secondary); font-weight: 700; border-radius: 30px; cursor: pointer; border: 1px solid var(--c-secondary); transition: var(--transitions); }
.s7 .form-wrapper .fields-wrapper input[type="submit"]:hover { background-color: var(--c-secondary); color: var(--c-primary); }
.wpcf7-spinner { display: none; }
.form-wrapper .wpcf7-list-item label {display: flex;gap: 10px;align-items: flex-start;}
.wpcf7-not-valid-tip { font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 14px; margin-block: 10px; }
.wpcf7-list-item .wpcf7-list-item-label a { text-decoration: underline; }

/*--footer--*/
.row.footer { justify-content: space-between; align-items: center; font-size: 14px; color: var(--c-grey); }
footer { padding-block: 22px; }

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
    :root{ --header-height: 80px; --grid-main:90%; }
    h1{font-size: 62px;}
    h2{font-size: 52px;}
    h3{font-size:36px;}
    h4{font-size:30px;}
    h5{font-size:22px;}
    h6{font-size:20px;}
    .header-logo img {max-width: 80%;}
    .s1 .text { max-width: 50%; }
    .s1 .title { max-width: 35%; }
    .s2 {padding-block-start: 100px;}
    .s3 { padding-block-start: 100px; }
    .s2 .text-wrapper { max-width: 60%; }
    .list-item img { height: 300px; }
    .list-item-content { padding: 20px; }
    section.s5 { padding-block: 50px 100px; }
    .s7 .form-wrapper { max-width: 45%; }
    .s7 .form-wrapper input:not(input[type="checkbox"]), .s7 .form-wrapper select, .s7 .form-wrapper textarea { padding-block: 10px; }
    .btn { padding: 10px 20px; }
    .s6 { padding-block: 70px; }
    .form-wrapper .title { margin-block-end: 25px; }
    .form-wrapper > a { font-size: 20px; }
    .s7 .form-wrapper textarea { height: 100px; }


}
@media(max-width:1440px){
}
@media(max-width: 1366px){
    :root{ --header-height: 70px; --grid-main:95%; }
    body{ font-size: 18px; line-height: 1.3; }
    h1{font-size: 48px;}
    h2{font-size:40px;}
    h3{font-size:30px;}
    h4{font-size:26px;}
    nav li.btn a { padding: 10px 20px; }
    .s1 .title { max-width: 32%; }
    .list-item img { height: 250px; }
    .buttons { margin-block-end: 25px; }
    .caption { margin-block-end: 20px; font-size: 14px; }
    section.s5 .list-item-content {min-height: 250px;margin-block-start: 10px;}
    section.s5 .list-item-content { min-height: 220px; }  
    .s2 .text-wrapper { max-width: 55%; }
    .s7 { min-height: 600px; }
}
@media (max-width: 1280px) {
    .s2 .row img { max-width: 45%; align-self: flex-start; }
    .s2 .title { max-width: 80%; }
    .s2 .title2 { font-size: 24px; }
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {

    h1{font-size: 40px;}
    h2{font-size:32px;}
    h3{font-size:26px;}
    h4{font-size:22px;}
    h6{font-size:18px;}
    /*--header--*/ 
    .header,.header.scroll {height: var(--header-height);position: sticky;}
    .heaer-logo { max-width: 30%; } 
    .header-nav { flex-direction: column; } 
    .header-nav>li:last-child {margin: 0;height: auto;}
    .header-humburger-wrapper {width: 45px;height: 24px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-start: auto;}
    .header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
    .header-nav>li a {display: inline-flex;width: fit-content;} 
    .header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
    /*--humburger anim--*/
    .header-humburger-wrapper {width: 45px;height: 24px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-end: auto;padding: 0;background: transparent;border: none;}
    .header-humburger {width: 100%;background-color: white;height: 3px;display: flex;backface-visibility: hidden;transform-origin: center;will-change: transform, opacity;} 
    .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);}
    }
    .s1.has-video .open-email {
    margin-inline-start: 0;
}
    .header-menu-wrapper{display: none;}
    section.has-video:before { inset-block-end: -1px; }
    .lang ul { flex-direction: row-reverse; }
    .s1 .text { max-width: 50%; }
    .simple-list { margin-block-start: 20px; }
    section.has-video { height: 60vh; }
    section.s5 { padding-block-end: 50px; }
    .s4 { margin-block-start: 100px; }
    .simple-list .title { max-width: 80%; }
    .hp-anchor-nav__list { justify-content: space-between; }
    .s7 .content { max-width: 50%; }
    .s7 .form-wrapper .fields-wrapper input[type="submit"] {align-self: flex-start;}
    .buttons {flex-wrap: wrap;}
    .s1 .buttons {max-width: 60%;gap: 10px;}
    .s7 .buttons { max-width: 100%; margin-block: 30px; }
    .s7 .grid.main { padding-block-start: 45px; }
    .s3 .list-item.expanded img { filter: grayscale(0); }
    .socials img { width: 30px; }
    .list-item img{filter: grayscale(0) !important;}
    .list-item:hover img {filter: grayscale(1);}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1180px) {
    .s3 .list-item .text { min-height: 150px; }
    .expand-list-item .label { font-size: 12px; }
    .expand-list-item strong { font-size: 20px; letter-spacing: -1.4px; }
    .expand-list-item { min-height: 40px; }
    .s4-list-items { gap: 60px; }
    .s4-list-item:not(.s4-list-item:last-child):before { inset-inline-end: -30px; }
    section.s5 .list-item-content { min-height: 150px; }
}
@media (max-width: 1024px) {
    :root{ --grid-four-items: 2; }
}
@media (max-width: 820px) {
    :root{ --grid-three-items: 2; }

}

@media(max-width:440px){
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    :root{ --grid-main:90%;--grid-three-items: 1; --grid-four-items: 1; }
    h1{font-size: 44px;}
    h2{font-size: 30px;}
    h3{font-size:24px;}
    h4{font-size:20px;}
    .btn { padding: 8px 15px; }
    .caption{font-size: 12px;}
    section.has-video { height: calc(100vh - var(--header-height)); } .s1 .buttons { max-width: 100%; gap: 10px; }
    .s1 .text { max-width: 100%; }
    .s2 .title2 strong { display: flex; }
    .s2 .row { flex-direction: column; }
    .s2 .text-wrapper { max-width: 100%; }
    .s2 .row img { max-width: 100%; margin-block-end: 20px; }
    .s2 .title2 { max-width: 100%; }
    .s2 .text { max-width: 100%; }
    .list-item-content { margin-block-start: 0; }
    section.s4.has-video .title { max-width: 95%; }
    .s3 .list-item .text { min-height: 120px; }
    .s3 .title { max-width: 60%; margin-block-end: 15px; }
    .s4-list-items { flex-direction: column; }
    .s4-list-item:not(.s4-list-item:last-child):before { width: 70%; height: 1px; inset-inline-end: auto; inset-block-end: -30px; }
    .simple-list { grid-template-columns: repeat(1, 1fr); gap: 40px; }
    .simple-list-item:last-child:before { display: none; }
    .simple-list-item:before { inset-block-end: -30px; inset-block-start: auto; }
    section.s5 h2.t-upper.title { max-width: 75%; }
    .s6 .row { flex-direction: column; }
    .s6 .content { max-width: 100%; }
    .s6 .content .text { max-width: 100%; margin-block-end: 20px; }
    .s6 .title { max-width: 64%; }
    .s6 .image { max-width: 100%; }
    .s7 .row { flex-direction: column; padding-block-start: 50px; }
    .s7 .content { max-width: 100%; }
    .s7 .form-wrapper { max-width: 100%; display: flex; flex-direction: column; }
    .s7 .content .title { max-width: 85%; }
    .socials { order: 1; position: absolute; inset-inline-end: 20px; }
    .s7 .form-wrapper { position: relative; }
    .row.footer { flex-direction: column; gap: 10px; text-align: center; }
    .row.footer a { display: none; }
}

@media(max-width:395px){

    .list-item-content {
        padding: 20px 10px;
    }
    
    section.s5 h2.t-upper.title {
        max-width: 85%;
    }

    .s2 .title {
        max-width: 100%;
    }

}