@charset "utf-8"; 
/*
.bricolage-grotesque-<uniquifier> {
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}*/

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }


html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%;}

body{margin: 0;padding:0;font-weight: 400;font-size: 20px;line-height:1;height: 100%;background-color:#ffffff;overflow-y:scroll;overflow-x:hidden;}

body, button, input, select, textarea{font-family: "Bricolage Grotesque", Arial, Helvetica, sans-serif;color: #000000;}
h1{font-weight:normal;color:#000000;margin:0px;padding:0;} 
div, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;font-weight:normal;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000000;text-decoration:none;outline: none;position: relative;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

p{line-height:1.3;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
*{box-sizing:border-box;} 

html.lenis{height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

.web {display: block;}
.mobile {display: none;}
#outer-wrapper {width: 100%;position: relative;margin: 0;}

header{width:100%;margin:0;padding:0;z-index:999;position:absolute;top:20px;left: 0;z-index: 99;transition: all .5s ease;/*transform: scale3d(1, 1, 1);*/overflow: hidden; /*backdrop-filter: blur(10px);*/}
header #header{width: 100%;max-width:1440px;margin:0 auto;padding:0 40px;position:relative;height:96px;z-index: 10;}
header .logo{width:229px;filter: invert(0); /* white stays white */height: 100%;;display: flex;align-items: center;position:absolute;left: 40px;top: 0;background-image:url(../images/logo-wadasd.svg);background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;z-index:99999999;transition: all .5s ease;}
header .logo img{width: 100%;}
header nav{width: auto;position: absolute;right: 40px;top: 0;height: 100%;gap: 0;display: grid;grid-auto-flow: column;justify-content: end;align-items: center;transition: all .5s ease;}
header nav ul{margin:0;padding:0;list-style:none;height: 100%;gap: 30px;display: grid;grid-auto-flow: column;justify-content: end;align-items: center;}
header nav ul li a{color:#ffffff;line-height: 86.62px;letter-spacing: -0.5px; text-decoration:none;position: relative;transition: all .3s ease;}
header nav ul li a:hover{color:#000;}
header nav ul li a::before{content:'';position: absolute;width: 100%;height: 1px;background-color: #000000;border-radius: 10px; bottom:-2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
header nav ul li a:hover::before,
header nav ul li a.active::before{transform-origin: left;transform: scaleX(1);}

body.up header{top:calc(-96px - 20px);} 

body.sticky header{position: fixed;}
body.sticky header #header{background-color: #ffffff;}  
body.sticky header .logo{/*background-image:url(../images/logo-b.svg);*/filter: invert(1); /* white → black */}
body.sticky header nav ul li a{color:#000000;}

/* body.animate header{transform: scale3d(1, 0, 1);} */
body.animate header .logo{left:calc(50% - 114px);opacity: 0;}
body.animate header nav{right:calc(50% - 330px);opacity: 0;}



/* body.no-shade .shade{display: none !important;} */

main {width: 100%;margin: 0;padding:0;position: relative;/*margin-bottom: 660px;*/background-color: #ffffff;z-index: 98;display: grid;grid-template-columns: 1fr;}
:where(section,article,figure,aside) {width: 100%;display: grid;grid-template-columns: 1fr;margin: 0;padding: 0;position: relative;}
figure{background-size: cover;background-repeat: no-repeat;background-position: center center;}
figure img{width: 100%;display: none;}
.inner {width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 40px;position: relative;}
video{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}

/* .logo-stagger{height: 661px;background-color: transparent;width: 1px;position: absolute;bottom: -660px;left: 0;visibility: hidden;display: none !important;} */


:where(h1,h2,h3,h4,h5,h6,p,ul,li){width: 100%;font-weight: 400;}
h1{font-size: 90px;}
h2{font-size: 40px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 12px;}
h6{font-size: 12px;}
p,li:not(nav ul li){font-weight: 400;font-size: 20px;margin-bottom: 25px;}
/* :where(p,li):last-of-type {margin-bottom: 0;} */
ul{list-style: disc;}
blockquote{background-color: #f3f4f7;width: auto;padding:75px 20px 20px 20px;float: left;margin: 0;margin-bottom: 20px;position: relative;}
blockquote::before{width: auto;position: absolute;left: 20px;top: 0; content: "“";font-size: 136px;font-family: Arial, Helvetica, sans-serif;height: 50px;margin-left: -5px;}
.btn{width: 101px;height: 41px;text-align: center;font-size: 14px;color: #000000;font-weight: 700;background-color: #FBBB38;display: grid;align-items: center;justify-items: center;transition: all .5s ease;}
.btn:hover{color: #ffffff;background-color: #000000;}

/* 
.video-box{ position:sticky;position: -webkit-sticky;height: 100vh;float:left; width: 100%;position:relative;}
.video-box img{width: 100%; float:left;height:100%;}
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }
 @media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
 @media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}
.video-box .player{ position: absolute !important; top: 0; left:0; width: 100%; height: 100vh; background-color:#000000; } */

.hero-box{width:100%;display: grid;grid-template-columns: 1fr;background-color:#000000;}
.hero-box .slide-repeat{width:100%;/*height:900px;*/height:100dvh;display: grid;grid-template-columns: 1fr;}
.hero-box .bg{background-color:#000000;}
 
.hero-box aside{position:absolute;bottom:120px;left:0;}
.hero-box aside :where(h1,p){color: #ffffff;width: 100%;display: grid;grid-template-columns: 1fr;justify-items: start;font-size: 90px;line-height: 100%;mix-blend-mode: soft-light;opacity: 1;transform: translateX(0);transition:all .7s ease;transition-delay: 1s;}
.hero-box aside h1{justify-self: start;margin-bottom: 75px;width: 50%;}
.hero-box aside h1:last-of-type,
.hero-box aside p{justify-self: end;margin-bottom: 0;width: 63%;}
 
body.animate .hero-box aside h1{opacity: 0;transform: translateX(200px);}
body.animate .hero-box aside h1:last-of-type,
body.animate .hero-box aside p{opacity: 0;transform: translateX(-200px);}

/* .blend-text {
  position: relative;
  z-index: 1;
  font-size: clamp(10.178117048346055vw, 90px, 90px);
  color: white; 
  mix-blend-mode: soft-light;
} */

/* Optional: graceful fallback if blend modes aren’t supported */
/* @supports not (mix-blend-mode: soft-light) {
  .blend-text {
    mix-blend-mode: normal;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,.45);
  }
} */
.two-column-box{padding: 100px 0;}
.two-column-box article{grid-template-columns: repeat(1, 1fr 48%);grid-template-areas: "left right";column-gap: 20px;}
.two-column-box .column{display: grid;grid-template-columns: repeat(1, 1fr);align-items: start;} 
 
.image {display: grid;grid-template-columns: 1fr;position: relative;overflow: hidden;}
.image figure{height: 106%;background-position: center top;transform: scale(1.25);position: absolute;left: 0;bottom: 0;object-fit: cover;object-position: center;}
.image.layer::after{width: 100%;height: 100%;position: absolute;background-color: rgba(255,255,255,1);right: 0;top: 0;content: "";opacity: 1;transition: .6s;z-index: 2;display: none !important;}
.image.layer.active::after{width: 0;}
.two-column-box.right .image.layer::after{left: 0;right: auto;}

.two-column-box.s2{padding: 75px 0;}
.two-column-box.s2 article{grid-template-columns: repeat(2, 1fr);/*justify-items: center;*/align-items: center;}
.two-column-box.s2 .column{row-gap: 20px;}
.two-column-box.s2 .column:last-of-type{grid-template-columns: repeat(1, 64.92537313432835%);justify-content: center;row-gap: 0;}

.two-column-box.right article{grid-template-areas: "right left";}
.two-column-box.right article .column:first-of-type {grid-area: left;}
.two-column-box.right article .column:last-of-type {grid-area: right;}

.two-column-box.s2 .image {height: 465px;}
.two-column-box.s2 .column:first-of-type :where(h2,h3){font-size: 60px;}
.two-column-box.s2 h3 {text-align: right;}
.btn{width: 101px;height: 41px;text-align: center;font-size: 14px;color: #000000;font-weight: 700;background-color: #FBBB38;display: grid;align-items: center;justify-items: center;}
 
.one-column-box{padding: 0;}
.one-column-box .image {padding-bottom: 51.2%;height: 0;transform: scale(.743);transform-origin: center center;} 

.news-column-box {padding: 60px 0 100px 0;background-color: #FF00EE33;overflow: hidden;}
.news-column-box .news-heading-box{display: grid;grid-template-columns: repeat(1, 1fr auto);align-items: center;justify-items: center;margin-bottom: 40px;}
.news-column-box h2 {color: #FF00EE;}
.news-column-box .btn.explore{width: 101px;height: 41px;text-align: center;font-size: 14px;color: #000000;font-weight: 700;background-color: #FBBB38;display: grid;align-items: center;justify-items: center;}
/* .news-column-box article{grid-template-columns: repeat(3, 1fr);column-gap: 20px;display: grid;}*/
.news-column-box article figure{height: 315px;margin-bottom: 40px;}
.news-column-box article figure img{display: block;height: 315px;object-fit: cover;} 
.news-grid {display: flex;gap: 1.4705882352941175%;overflow: hidden; }
.news-grid > div {flex: 0 0 32.35294117647059%;}
  
.news-column-box aside{row-gap: 0;}
.news-column-box aside :where(h3,p,span){color: #FF00EE;line-height: 150%;}
.news-column-box aside :where(h3,span){font-weight: 700;}
.news-column-box aside p{margin-bottom: 20px;}
  
.subscribe-box{width: 100%;height: 373px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.subscribe-box article{height: 100%;grid-template-columns: repeat(1, .6fr 1.35fr);column-gap: 40px;align-items: center;}
.subscribe-box h2{color: #000000;font-size: 60px;}
.subscribe-box .field-group{margin:0;padding: 0;}
.subscribe-box .field-group .visually-hidden{visibility: hidden;display: none;}
.subscribe-box .field-group input[type="email"]{width: 233px;height: 43px;float: left;margin: 0;padding: 0 10px;text-align: left;font-family: "Bricolage Grotesque", sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;font-weight: 700;font-size: 14px;line-height: normal;color: #000000;background-color: #F7F7F7;outline: none;border: none;border-right: 1px solid #000000;}
.subscribe-box .field-group .btn{width: 112px;height: 43px;cursor:pointer;float: left;margin: 0;padding: 14px 0;text-align: center;font-family: "Bricolage Grotesque", sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;font-weight: 700;font-size: 14px;line-height: normal;color: #000000;background-color: #F7F7F7;text-decoration: none;transition: 0.2s all;border: 0;text-transform: uppercase;}
.subscribe-box .field-group .btn:hover{background-color: #000000;color: #ffffff;}
.subscribe-box .field-group .error{border: 1px solid red !important;background-color: pink !important;}
 

.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;opacity: 1 !important;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

 .btn-slick{width:13px;height:20px;z-index: 9;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;background-color:transparent;position:absolute;bottom:auto;top:50%;right:0;transform: translateY(-50%);transition:0.2s ease all;}
 .btn-slick.prev{background-image: url(../images/prev-arrow-icon.png);right:62px;left:0;}
 .btn-slick.next{background-image: url(../images/next-arrow-icon.png);}
 

.slick-dots{position:absolute;height:auto;width:100%;bottom:20px;right:0;background-color:transparent;z-index:99;text-align:center;}
.slick-dots li{width:12px !important;height:12px !important;margin:10px;border-radius:100%;background-color:transparent;margin-bottom: 0 !important; text-indent: -999em;padding:0; float:none;display:none;text-align:center;border:1px solid #000000;display:inline-block;}
.slick-dots li.slick-active{background-color:#000000;}
 .slick-dots li a{cursor:pointer;font-family:Arial;font-size:12px;color:#fff;text-decoration:none !important;cursor:default;}

/* Arrows */  
.flex-direction-nav {width:100%;height: auto;position:absolute;left:0;top:0;list-style:none !important;z-index:1;}
.flex-direction-nav a {width:40px;height:40px;background:#fff ;position: absolute; cursor: pointer; text-indent: -9999px; opacity: 1;margin-top:249px;z-index:9;background-repeat:no-repeat;background-position:center center;background-size:100% auto;text-decoration:none;}
.flex-direction-nav a.flex-next{background-image: url(../images/next-slide-arrow.png);right:54px;}  
.flex-direction-nav a.flex-prev{background-image: url(../images/prev-slide-arrow.png);left:54px;}
.flexslider:hover a.flex-next, .flexslider:hover a.flex-prev {opacity: 1; }
.flexslider:hover a.flex-next:hover, .flexslider:hover a.flex-prev:hover {opacity: 1;}     
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default !important;/*display:none;*/ }
.flex-direction-nav a:before  { content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-control-paging {width:auto;list-style:none;position:absolute;left:0;bottom:14px;z-index:2;text-align:center;display:block;}
.flex-control-paging li{width:auto;display:inline-block;}
.flex-control-paging li a{width:10px;height:10px;border-radius:100%;float:left;margin-right:9px;text-align:center;text-decoration:none;font-size:0px;background-color:#ffffff;border:1px solid #272727;opacity:1;position:relative;text-decoration:none;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{width:10px;height:10px;background-color:#272727;border-radius:100%;opacity:1;}
main .img-info-box.dots-r .flex-control-paging {left:auto;right: 90px;}

 .popup-overlay {display: none; position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.5);align-items: center;        justify-content: center;   z-index: 9999 !important; }
  .popup-content {
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    position: relative;
  }
.popup-content p {padding-bottom: 0;margin-bottom: 0;margin-top: 10px;}
.popup-close {position: absolute;top: 0; right: 10px;font-size: 42px;font-weight: normal;color: #000;cursor: pointer;}
 

/*footer ------------------------------------ */
footer {width: 100%;margin:0;padding:100px 0 40px 0;background-color:#EA5D2E;/*position: fixed;left: 0;bottom: 0;*/overflow: hidden;}
footer #footer{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 40px;position: relative;}

footer article{width: 100%;display: grid;grid-template-columns:.9fr 1.1fr;grid-template-areas: "right left";column-gap: 30px;margin-bottom: 95px;} 
footer article address{grid-area: right;}
footer article .social-links{grid-area: left;}

footer .social-links{list-style:none;display: grid;grid-auto-flow: column;justify-content: end;align-items: start;column-gap: 10px;}
footer .social-links li {background-color: #000000;transition: all .5s;}
footer .social-links li .icon{width: 37.5px;height: 37.5px;display: grid;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;transition: all .5s;}
footer .social-links li .icon.instagram{background-image: url(../images/icon-instagram.svg);background-size: 26.5px auto;}
footer .social-links li .icon.linkedin{background-image: url(../images/icon-linkedin.svg);background-size: 28.41px auto;}
footer .social-links li .icon.twitter{background-image: url(../images/icon-twitter.svg);background-size: 22.72px auto;}
footer .social-links li:hover a{filter: brightness(0) saturate(100%);}
footer .social-links li:hover{background-color: #ffffff;}


footer address{display: grid;grid-template-columns:repeat(2, 1fr);grid-template-areas: "right left";column-gap: 40px;} 
footer address p{font-style: normal;margin-bottom: 0;} 
footer address p:first-of-type{grid-area: left;}
footer address p:last-of-type{grid-area: right;}
footer address a{position: relative;}
footer address a:hover{color:#000;}
footer address a::before{content:'';position: absolute;width: 100%;height: 1px;background-color: #000000;border-radius: 10px;bottom:-2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
footer address a:hover::before,
footer address a.active::before{transform-origin: left;transform: scale(1);}

footer .f-nav{height: 20px;margin:0;padding:0;list-style:none;margin-bottom: 35px;display: grid;grid-auto-flow: column;justify-content: end;align-items: start;text-transform: uppercase;}
footer .f-nav li{padding: 0 10px;border-left: solid 2px #000;}
footer .f-nav li:first-of-type{padding-left: 0;border-left: 0;}
footer .f-nav li a{color:#000;line-height: 1;text-decoration:none;position: relative;}
footer .f-nav li a:hover{color:#000;}
footer .f-nav li a::before{content:'';position: absolute;width: 100%;height: 1px;background-color: #000000;border-radius: 10px;bottom:-2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
footer .f-nav li a:hover::before,
footer .f-nav li a.active::before{transform-origin: left;transform: scale(1);}

footer .logo-large{width: 100%;display: flex;/*grid-template-columns:repeat(5, 1fr);*/position: relative;column-gap: 27px;overflow: hidden;}
footer .logo-large .icon{height: 309px;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;transform: translate(0px, 100%);}
footer .logo-large .icon.r{width: 300.58px;background-image: url(../images/icon-r.svg);}
footer .logo-large .icon.e{width: 267.16px;background-image: url(../images/icon-e.svg);}
footer .logo-large .icon.d{width: 296.3px;background-image: url(../images/icon-d.svg);}
footer .logo-large .icon.i{width: 63.18px;background-image: url(../images/icon-i.svg);}
footer .logo-large .icon.x{width: 325.77px;background-image: url(../images/icon-x.svg);}
 

@media only screen and (min-width:768px) and (max-width:1440px) {
h1{font-size: 6.25vw;}
h2{font-size: 2.7777777777777777vw;}
h3{font-size: 1.3888888888888888vw;}
h4{font-size: 1.1111111111111112vw;}
h5{font-size: 0.8333333333333334vw;}
h6{font-size: 0.8333333333333334vw;}
p,li:not(nav ul li){font-size: 1.3888888888888888vw;margin-bottom: 1.7361111111111112vw;}
.btn{width: 7.013888888888889vw;height: 2.8472222222222223vw;font-size: 0.9722222222222222vw;}

header {top: 1.3888888888888888vw;}
header #header {padding: 0 2.7777777777777777vw;height: 6.666666666666667vw;}
header .logo {width: 15.902777777777777vw;left: 2.7777777777777777vw;}

header nav {right: 2.7777777777777777vw;}
header nav ul {gap: 2.083333333333333vw;}
header nav ul li a {line-height: 6.015277777777778vw;letter-spacing: -0.034722222222222224vw;font-size: 1.3888888888888888vw;}
header nav ul li a::before {bottom: -0.3472222222222222vw;}

body.up header{top:calc(-6.666666666666667vw - 1.3888888888888888vw);} 

body.sticky header{padding: 0 2.7777777777777777vw;}  
body.sticky header .logo{left: 2.7777777777777777vw;}

.inner {padding: 0 2.7777777777777777vw;}

.hero-box aside {bottom: 8.333333333333332vw;}
.hero-box aside :where(h1,p) {font-size: 6.25vw;}
.hero-box aside h1 {margin-bottom: 5.208333333333334vw;width: 55%;}
.hero-box aside h1:last-of-type,
.hero-box aside p{width: 68%;margin-bottom: 0;}
/* .hero-box .slide-repeat{height: 62.5vw;} */
 /* main {margin-bottom: 45.83333333333333vw;} */

/* .logo-stagger{height:calc(45.83333333333333vw + 1px);bottom: -45.83333333333333vw;} */


.two-column-box {padding: 6.944444444444445vw 0;}
.two-column-box.s2{padding: 5.208333333333334vw 0;}
.two-column-box.s2 .column{row-gap: 1.3888888888888888vw;}
.two-column-box.s2 .image {height: 32.29166666666667vw;}

.two-column-box.s2 .column:first-of-type :where(h2,h3){font-size:  4.166666666666666vw;}

.btn{width: 7.013888888888889vw;height: 2.8472222222222223vw;font-size: 0.9722222222222222vw;}
.news-column-box {padding: 4.166666666666666vw 0 6.944444444444445vw 0;}
.news-column-box article {column-gap: 1.3888888888888888vw;}
.news-column-box article figure {height: 21.875vw;margin-bottom: 2.7777777777777777vw;}
.news-column-box article figure img {height: 100%;}
.news-column-box aside p {margin-bottom: 1.3888888888888888vw;}
.news-column-box aside :where(h4,label) {font-size: 1.3888888888888888vw;}
.news-column-box aside :where(h3,span) {font-size: 1.3888888888888888vw;}
.subscribe-box {height: 25.90277777777778vw;}
.subscribe-box h2 {font-size: 4.166666666666666vw;}
.subscribe-box article {height: 100%;grid-template-columns: repeat(1, 32.166667% 48.958333%);column-gap: 2.7777777777777777%;align-items: center;}
.subscribe-box .field-group input[type="email"]{width: 16.180555555555557vw;height: 2.986111111111111vw;padding: 0 0.6944444444444444vw;font-size: 0.9722222222222222vw;}
.subscribe-box .field-group .btn {width:7.777777777777778vw;height: 2.986111111111111vw;padding: 0.9722222222222222vw 0;font-size: 0.9722222222222222vw;}


  .popup-content {
    padding: 1.3888888888888888vw 2.083333333333333vw;
    max-width: 27.77777777777778vw;
  }
.popup-close {right: 0.6944444444444444vw;font-size: 2.9166666666666665vw;}
 

footer {padding: 6.944444444444445vw 0 2.7777777777777777vw 0;}
footer #footer {padding: 0 2.7777777777777777vw;}
footer article {column-gap: 2.083vw;margin-bottom: 6.597222222222222vw;}
footer .social-links {column-gap: 0.6944444444444444vw;}
footer .social-links li .icon {width: 2.604166666666667vw;height: 2.604167vw;}
footer .social-links li .icon.instagram {background-size: 1.840277777777778vw auto;}
footer .social-links li .icon.linkedin {background-size: 1.9729166666666667vw auto;}
footer .social-links li .icon.twitter {background-size: 1.5777777777777775vw auto;}
footer address {column-gap: 2.7777777777777777vw;}
footer .f-nav {height: 1.3888888888888888vw;margin-bottom: 2.430555555555556vw;}
footer .f-nav li {padding: 0 0.6944444444444444vw;border-left: solid 0.1388888888888889vw #000;}
footer .f-nav li a::before {bottom: -0.1388888888888889vw;}
footer .logo-large {column-gap: 1.875vw;}
footer .logo-large .icon.r {width: 20.87361111111111vw;}
footer .logo-large .icon {height: 21.458333333333332vw;}
footer .logo-large .icon.e {width: 18.55277777777778vw;}
footer .logo-large .icon.d {width:20.57638888888889vw;}
footer .logo-large .icon.i {width:4.387499999999999vw;}
footer .logo-large .icon.x {width: 22.622916666666665vw;}
}
@media only screen and (min-width:0px) and (max-width:767px) {
.web {display: none;}
.mobile {display: block;}
h2 {font-size: 8.9058524173028vw;}
h3 {font-size: 8.9058524173028vw;}
h4 {font-size: 5.089058524173027vw;}
p, li:not(nav ul li) {font-size: 4.071246819338422vw;margin-bottom: 5.089058524173027vw;} 


body.sticky #header {background-color: #ffffff;height: 15.267175572519085vw;}

header{top:5.089058524173027vw;padding:0 5.597964376590331vw;overflow: initial;}
header #header{padding:0;height:15.267175572519085vw;}
header .logo{width:47.32824427480916vw;left:0;top:0;}
header .menu{width:10.687022900763358vw;height:5.597964376590331vw;cursor: pointer;position:absolute;right:0;top:2.396947vw;background-image:url(../images/menu.svg);background-position: center center; background-repeat:no-repeat;background-size:100% auto;text-decoration:none;z-index:99999999;transition: right .5s ease, opacity .5s ease;}

header nav {width: 100%;position: fixed;left: 0;top: -100dvh;height: 100dvh;z-index: 9999;background: #000;transition: top 0.5s;display: grid;align-items: center;justify-content: start;}
header nav ul {gap: 6.933333333333333vw;margin-bottom: 26.666666666666668vw;grid-auto-columns: 1fr;height: auto;grid-auto-flow: row;justify-content: start;align-items: center;padding: 0 5.597964376590331vw;}
header nav ul li a {line-height: 1;letter-spacing: normal;}
header nav ul li a::before {content: '';position: absolute;width: 100%;height: 1px;background-color: #ffffff;bottom: 0;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}

body.sticky header{top:5.089058524173027vw;padding:0 5.597964376590331vw;}
body.sticky header #header{padding:0;height:15.267175572519085vw;}
body.sticky header .logo{left: 2.7vw;}
body.sticky header .menu{background-image: url(../images/menu-bl.svg);right: 2.7vw;}
 
body.up header {top: -23.66412213740458vw;}

body.animate header .logo{left:calc(50% - (47.32824427480916vw/2));opacity: 0;}
body.animate header .menu{right:calc(50% - (10.687022900763358vw/2));opacity: 0;}

body.nav-open header{position: fixed !important;top:5.089058524173027vw !important;}
body.nav-open header .menu {background-image: url(../images/menu.svg);}
body.nav-open header .logo {background-image: url(../images/logo-w.svg);filter: none;}
body.nav-open header nav {top: 0;}
body.nav-open header nav ul li a::before {background-color: #ffffff;} 
body.nav-open header .menu.active {background-image: url(../images/menu-close.svg);height: 10.687022900763358vw;top:0;}
body.nav-open header nav ul li a {color: #ffffff;line-height: normal;}

/* main{margin-bottom: 123.15521628498726vw;} */
/* .logo-stagger{height:calc(123.15521628498726vw + 1px);bottom: -123.15521628498726vw;} */

/* .hero-box .slide-repeat {height: 216.793893129771vw;} */
.hero-box aside {bottom: 32.56997455470738vw;}
.hero-box aside h1 {margin-bottom: 12.72264631043257vw;width: 100%;}
.hero-box aside :where(h1,p) {font-size: 10.178117048346055vw;}

.hero-box aside h1:last-of-type,
.hero-box aside p:last-child {width: 85%;margin-bottom:0;} 
.hero-box aside h1:last-of-type br,
.hero-box aside p br{display: none;}

.two-column-box{padding: 15.267175572519085vw 0 9.267175572519085vw 0;}
.two-column-box article {grid-template-columns: 1fr;grid-template-areas: "left" "right";column-gap: 0;}
.two-column-box .column {grid-template-columns: 1fr;}
.two-column-box .column:last-of-type {margin-top: 10.178117048346055vw;}

.two-column-box.s2 .column:first-of-type :where(h2,h3) {font-size: 8.9058524173028vw;}
/* .image figure {height: 100%;} */
 
.two-column-box.s2 .image{height: 78.37150127226464vw;width: calc(100% + 5.597964376590331vw + 5.597964376590331vw);margin-left: -5.597964376590331vw;}
.two-column-box.s2 .image figure {background-position: right top;} 


.btn {width: 25.699745547073793vw;height: 10.432569974554708vw;font-size: 3.5623409669211195vw;}
.two-column-box.s2 {padding: 10.178117048346055vw 0;}
.inner{padding: 0 5.597964376590331vw;}

.two-column-box.s2 article {grid-template-columns: 1fr;grid-template-areas:"left" "right";}
.two-column-box.s2 .column {row-gap: 5.089058524173027vw;grid-template-columns:1fr;}
.two-column-box.s2 .column:last-of-type {grid-template-columns: 1fr;margin-top: 10.178117048346055vw;}

.two-column-box.right article {grid-template-columns: 1fr;grid-template-areas:"left" "right";}

.one-column-box .image {padding-bottom: 78.37150127226464vw;margin-bottom: 10.178117048346055vw;}
  
.news-column-box {padding: 15.267175572519085vw 0 15.267175572519085vw 0;margin-top: 10.178117048346055vw;display: block;}
.news-column-box .news-heading-box {margin-bottom: 10.178117048346055vw;}
.news-column-box .btn.explore {width: 25.699745547073793vw;height: 10.432569974554708vw;font-size: 3.5623409669211195vw;}
.news-column-box article {grid-template-columns: 1fr;column-gap: 0;display: grid;overflow:initial;}
.news-column-box article figure {height: 79.89821882951654vw;margin-bottom: 20.865139949109416vw;width: calc(100vw - 5.597964376590331vw - 5.597964376590331vw);}
.news-column-box article figure img {height: 79.89821882951654vw;}
.news-column-box aside {width: calc(100vw - 5.597964376590331vw - 5.597964376590331vw);}
.news-column-box aside p {margin-bottom: 5.089058524173027vw;}

.news-column-box .slick-dots {bottom: auto;right: 0;text-align: right;top: 90.07633587786259vw;}
.news-column-box .slick-dots li {width: 3.0534351145038165vw !important;height: 3.0534351145038165vw !important;margin: 0 1.7811704834605597vw 0 0;}
.news-column-box aside :where(h3,span) {font-size: 4.071246819338422vw;}

.subscribe-box{height: 61.32315521628499vw;display: flex;align-items: center;justify-content: center;}
.subscribe-box article{align-items: normal;display: flex;flex-direction: column;width: 100%;height: 100%;justify-content: center; gap: 9.669211195928753vw; padding: 0;}
.subscribe-box h2{font-size: 8.9058524173028vw;width: 100%;}
.subscribe-box .field-group{width: 100%;}
.subscribe-box .field-group input[type=text], .subscribe-box .field-group input[type=email]{width: 67.908309455587%;height: 10.941475826972011vw;padding: 0 2.5445292620865136vw;font-size: 3.5623409669211195vw;border-width: 0.2544529262086514vw;}
.subscribe-box .field-group .btn{width: 32.091690544413%;height: 10.941475826972011vw;padding: 3.5623409669211195vw 0;font-size: 3.5623409669211195vw;}

.popup-content {padding: 5.089058524173027vw 7.633587786259542vw;max-width: 650px;}
.popup-close { right: 2.5445292620865136vw;font-size: 7.633587786259542vw;}


/*footer ------------------------------------ */
footer{padding: 7.633587786259542vw 0 5.089058524173027vw 0;/*height: 123.15521628498726vw;*/}
footer #footer{max-width: 100%;float: left;margin: 0;padding: 0 5.597964376590331vw;}
footer article{display: flex;flex-direction: column;gap: 0;margin-bottom: 31.297709923664126vw;}
footer .social-links{justify-content: flex-start;grid-auto-flow: column;gap: 0;column-gap: 2.5445292620865136vw;margin-bottom: 15.267175572519085vw;}
footer .social-links li{margin-bottom: 0;}
footer address{display: flex;flex-direction: column;gap: 0;row-gap: 3.816793893129771vw;}
footer address p{font-size:4.071246819338422vw;}
footer .f-nav{justify-content: flex-start;grid-auto-flow: column;gap: 0;margin-bottom: 5.089058524173027vw;}
footer .f-nav li{font-size: 3.0534351145038165vw;padding: 0 2.5445292620865136vw;}
footer .f-nav li a::before{height: 0.2544529262086514vw;border-radius: 2.5445292620865136vw;bottom:-0.5089058524173028vw;}

footer .logo-large {column-gap: 2.005623vw;justify-items: center;}
footer .logo-large .icon{height: 20.119592875318066vw;}
footer .logo-large .icon.r{width: 19.56997455470738vw;}
footer .logo-large .icon.e{width: 17.396946564885496vw;}
footer .logo-large .icon.d{width: 19.29262086513995vw;}
footer .logo-large .icon.i{width: 4.114503816793894vw;}
footer .logo-large .icon.x{width: 21.211195928753177vw;}
}