@charset "utf-8";  
/*
font-family: "Spline Sans", sans-serif;
*/

input,select,textarea{border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }
input:not([type="checkbox"]):not([type="radio"]),
select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

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

body{margin: 0;padding:0;font-family: var(--spline-sans-font); font-size: calc(26 / var(--main-width));line-height: calc(35 / var(--main-width));color:var(--white-color); font-weight: 400;background-color:var(--primary-color);overflow-y:scroll;overflow-x:hidden;}

body, button, input, select, textarea{color: var(--primary-color);}
div, h1, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;}
/* 
 * 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:var(--white-color);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;}

/* ==== 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;}
.webhide{display:block;}
.mobilehide{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;}

:root{
   --main-width: 1366 * 1366px; 
   --white-color: #ffffff;
   --black-color: #000000; 
   --primary-color: #12121E;
   --turquoise-color: #78FFEB;
   --spline-sans-font: "Spline Sans", sans-serif;
}

.web{display:grid !important;}
.mobile{display:none !important;}
 
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a)::before{content:'';position: absolute;width: 100%;height: calc(1 / var(--main-width));background-color: var(--white-color);bottom:calc(-1 / var(--main-width));left: 0;transform-origin: center;transform: scaleX(0);transition: transform .2s ease-in-out;}
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a):hover::before,
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a).active::before{transform-origin: center;transform: scaleX(1);}
 
#outer-wrapper {width: 100%;position: relative;margin: 0;}

header{width:100%;background-color: transparent;margin:0;padding:0;z-index:99;position:absolute;top:0;left: 0;transition: all .5s ease-in-out;}
header #header{width: 100%;height:auto;max-width:1366px;display: flex;flex-wrap:wrap;align-items: start;justify-content: space-between;margin:0 auto;padding:0 calc(120 / var(--main-width)) 0 calc(94 / var(--main-width));position:relative;}
header .logo{width:calc(288 / var(--main-width));height: calc(96 / var(--main-width));margin-top: calc(48 / var(--main-width)); background-image:url(../images/logo.svg);background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;transition: all .5s ease-in-out;}
header .logo img{width: 100%;display: none;}

header nav{margin-top: calc(43 / var(--main-width)); /*width: 50%;display: grid;grid-template-columns: 1fr;height: 100%;justify-content: right;justify-items: right;*/}
header nav ul{width: 100%;margin:0;padding:0;list-style:none;display: grid;grid-auto-flow: column;align-items: start;justify-content: end;gap: 50px;}
header nav ul a{display: grid;height: calc(21.26 / var(--main-width));align-items: end;padding-right: calc(13 / var(--main-width));font-size: calc(14 / var(--main-width));line-height:1;letter-spacing: calc(0.56 / var(--main-width));font-weight: 600;text-transform: uppercase;text-decoration:none;position: relative;}
header nav ul a::before{width: calc(100% - (13 / var(--main-width))) !important;}
header nav ul a::after{content:"";position:absolute;width:calc(19 / var(--main-width));height:calc(21.26 / var(--main-width));top:0;right:0;background-image:url(../images/graphic-nav.svg);background-repeat:no-repeat;background-size:cover;background-position: right top;}

main {width: 100%;margin: 0;padding:0;position: relative;/*margin-bottom: 660px;*/background-color: var(--beige-color);}
:where(section,article,figure,aside) {width: 100%;display: grid;grid-template-columns: 100%;margin: 0;padding: 0;position: relative;}
article{align-items: start;}
figure{background-size: cover;background-repeat: no-repeat;background-position: center center;}
figure img{width: 100%;display: none;}
.inner {width: 100%;max-width: 1366px;margin: 0 auto;padding: 0 calc(218 / var(--main-width));position: relative;}
video{width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}
 
:where(h1,h2,h3,h4,h5,h6,p,ul,li){width: 100%;color: var(--primary-color);font-weight: 400;} 
h1{font-size: calc(51 / var(--main-width));line-height: calc(62 / var(--main-width));letter-spacing: calc(-1.58 / var(--main-width));font-weight: 300;}
h2{font-size: calc(37 / var(--main-width));line-height: calc(49 / var(--main-width));margin-bottom: calc(10 / var(--main-width));} 
h3{font-size: calc(30 / var(--main-width));line-height: calc(36 / var(--main-width));font-weight: 500; margin-bottom: calc(10 / var(--main-width));}
h4,h5,h6{font-size: calc(14 / var(--main-width));line-height:1;letter-spacing: calc(0.56 / var(--main-width));font-weight: 600;text-transform: uppercase;margin-bottom: calc(5 / var(--main-width));}
p,li:not(nav ul li){margin-bottom: calc(12 / var(--main-width));}
:where(p,li):last-of-type {margin-bottom: 0;} 
ul{list-style: disc;}
.info{width: 100%;position: relative;justify-items: left;display: grid;align-content: start;}
.info label{display: grid;height: calc(21.26 / var(--main-width));align-items: end;padding-right: calc(13 / var(--main-width));margin-bottom: calc(57 / var(--main-width));font-size: calc(14 / var(--main-width));line-height:1;letter-spacing: calc(0.56 / var(--main-width));font-weight: 600;text-transform: uppercase;text-decoration:none;position: relative;}
.info label::after{content:"";position:absolute;width:calc(19 / var(--main-width));height:calc(21.26 / var(--main-width));top:0;right:0;background-image:url(../images/graphic-nav-dark.svg);background-repeat:no-repeat;background-size:cover;background-position: right top;}

.wh :where(small,h4,h1,h2,h3,p,li,label){color: var(--white-color);}
.wh label::after{background-image:url(../images/graphic-nav.svg);}


.hero-box{background-color:var(--grey-color);} 
.hero-box>.inner{padding: 0;}
.hero-box .video-box{padding: 0;height: calc(555 / var(--main-width));align-items: end;} 
.hero-box .video-box video{width: 100%;max-height: calc(427 / var(--main-width));/*object-fit: cover;display: block;object-position: center;border: solid 1px red;*/}
.hero-box .hero-cover-box{position: absolute;width: 100%;height: auto;left: 0;bottom: calc(89 / var(--main-width));align-items: normal;padding-left: calc(218 / var(--main-width));padding-right: calc(131 / var(--main-width));}
 
.specialities-box{background:var(--white-color);position:relative;overflow:hidden;}
.specialities-box .inner{padding-right:calc(174 / var(--main-width));}
.specialities-box article{grid-template-columns: calc(620 / var(--main-width)) calc(223 / var(--main-width));justify-content: space-between;}
.specialities-box .info.lt{padding: calc(75 / var(--main-width)) 0;}
.specialities-box .info.lt p{margin-bottom: calc(45 / var(--main-width));}
.specialities-box .info.lt p:last-of-type {margin-bottom: 0;} 

.specialities-box .info.rt{align-self: end;padding-bottom: calc(50 / var(--main-width));}
.specialities-box .info.rt h4{color: #12121E98;/*font-size:calc(14 / var(--main-width));line-height: 1;font-weight:600;letter-spacing:calc(0.56 / var(--main-width));*/padding-bottom:calc(27 / var(--main-width));border-bottom: solid calc(2 / var(--main-width)) #005F5F;margin-bottom: 0;}
.specialities-box .info.rt ul{list-style:none;width: 100%;padding: 0;margin-top: calc(27 / var(--main-width));}
.specialities-box .info.rt ul li{color:#12121E98;font-size:calc(20 / var(--main-width));line-height:calc(27 / var(--main-width));margin-bottom: 0;}
.specialities-box .graphic-spec{position:absolute;right:0;bottom:0;width:calc(148 / var(--main-width));height:calc(150 / var(--main-width));background-image:url(../images/graphic-spec.svg);background-repeat:no-repeat;background-size:cover;background-position: center;}

.solutions-box{background:var(--turquoise-color);position:relative;overflow: hidden;}
.solutions-box .inner{padding-right:calc(206 / var(--main-width));}
.solutions-box article{position:relative;z-index:2;padding: calc(75 / var(--main-width)) 0 calc(85 / var(--main-width)) 0;}
.solutions-box .solutions-row-box{position:relative;display: grid;grid-auto-flow: row;gap: calc(36 / var(--main-width));margin-top: calc(70 / var(--main-width));}
.solutions-box .solutions-row-box .info{width:calc(329 / var(--main-width));padding-left:calc(18 / var(--main-width));position: relative;}
.solutions-box .solutions-row-box .info h3{color: #005F5F;}
.solutions-box .solutions-row-box .info::before{width:calc(2 / var(--main-width));height:calc(100% - (10 / var(--main-width)));position: absolute;left: 0;top: calc(5 / var(--main-width));content: "";background-color: #005F5F;}
.solutions-box .solutions-row-box .info.investments{justify-self: start;}
.solutions-box .solutions-row-box .info.platforms{justify-self: center;}
.solutions-box .solutions-row-box .info.opportunities{justify-self: end;}
.graphic-sol{width:calc(1956 / var(--main-width));height:calc(1976 / var(--main-width));bottom:calc(-779 / var(--main-width));left:calc(50% - (1140 / var(--main-width)));position:absolute;pointer-events:none;background-image:url(../images/graphic-solutions.svg);background-repeat:no-repeat;background-size:100% auto;background-position: center;}
.graphic-sol.large{width:calc(2488 / var(--main-width));height:calc(2513 / var(--main-width));bottom:calc(-968 / var(--main-width));left:calc(50% - (1525 / var(--main-width)));}
 
.experience-box{background:var(--primary-color);position:relative;}
.experience-box article{padding: calc(90 / var(--main-width)) 0 calc(200 / var(--main-width)) 0;}
.experience-box .experience-row-box{position:relative;display: grid;grid-auto-flow: row;gap: calc(55 / var(--main-width));margin-top: calc(70 / var(--main-width));}
.experience-box .experience-row-box .info{position: relative;}
.experience-box .experience-row-box .info :where(.ex-header,.ex-content){width: 100%;display: grid;position: relative;border-bottom: solid 2px #78FFEB;padding-bottom: calc(11 / var(--main-width));}
.experience-box .experience-row-box .info .ex-header{margin-bottom: calc(40 / var(--main-width));}
.experience-box .experience-row-box .info .ex-header h3{letter-spacing: calc(-1.14 / var(--main-width));margin-bottom: 0;}
.experience-box .experience-row-box .info .ex-content{width:calc(625 / var(--main-width));margin-left:auto;border: 0;padding-bottom: 0;}
.experience-box .experience-row-box .info .ex-content p{letter-spacing: calc(-0.52 / var(--main-width));}

.experience-box.terms .inner{padding-right: calc(119 / var(--main-width));}
.experience-box.terms .experience-row-box{margin-top: calc(160 / var(--main-width));gap: 0;}
.experience-box.terms .experience-row-box .info .ex-header{padding-bottom: calc(14 / var(--main-width));cursor: pointer;}
.experience-box.terms .experience-row-box .info .ex-header::after{width:calc(21 / var(--main-width));height:calc(21 / var(--main-width));bottom:calc(20 / var(--main-width));right:0;position:absolute;pointer-events:none;background-image:url(../images/arrow-d.png);background-repeat:no-repeat;background-size:100% auto;background-position: center;content: "";transition: all .25s ease;}
.experience-box.terms .experience-row-box .info.active .ex-header::after{transform: rotate(180deg);}
.experience-box.terms .experience-row-box .info .ex-content{width:100%;max-height: 0;overflow: hidden;transition: max-height 0.5s ease;margin-bottom: calc(10 / var(--main-width));}
.experience-box.terms .experience-row-box .info .ex-content h3{line-height: calc(33 / var(--main-width));letter-spacing: normal;margin-bottom: calc(25 / var(--main-width));}
.experience-box.terms .experience-row-box .info .ex-content p{font-size: calc(20 / var(--main-width));line-height: calc(32 / var(--main-width));margin-bottom: calc(35 / var(--main-width));}
 
footer {width: 100%;margin:0;padding:0;background-color:var(--primary-color);position: relative;overflow: hidden;}
footer::after{width:100%;height:100%;top:0;left:calc(50% + ((1499/1.8) / var(--main-width)));position:absolute;background-color: var(--turquoise-color);content: "";}
footer #footer{width: 100%;max-width: 1366px;margin: 0 auto;padding: 0 calc(78 / var(--main-width));position: relative;z-index: 2;} 
footer .info{width: calc(500 / var(--main-width));height: calc(817 / var(--main-width));padding: calc(90 / var(--main-width)) 0;}
footer .info label{margin-bottom: calc(75 / var(--main-width));}
footer .info h3{margin-bottom: calc(65 / var(--main-width));line-height: calc(57 / var(--main-width));font-weight: 400;}
footer .info :where(.logo,.linkedin) {background-repeat:no-repeat;background-size:100% auto;background-position: center;}
footer .info :where(.logo,.linkedin) img{width: 100%;display: none;}
footer .info .logo{width:calc(165 / var(--main-width));height: calc(96 / var(--main-width));margin-bottom: calc(105 / var(--main-width)); background-image:url(../images/logo-f.svg);}
footer .info .linkedin{width:calc(28 / var(--main-width));height: calc(28 / var(--main-width));background-image:url(../images/icon-linkedin.svg);}
footer .info .links{font-size: calc(12 / var(--main-width));line-height: calc(18 / var(--main-width));letter-spacing: calc(0.3 / var(--main-width)); position:absolute;bottom:calc(32 / var(--main-width));left:0;display:flex;gap: calc(145 / var(--main-width));}
footer .info .links a::before{transform: scaleX(1);bottom: calc(3 / var(--main-width));}
footer .graphic-f{width:calc(1627 / var(--main-width));height:calc(817 / var(--main-width));bottom:calc(0 / var(--main-width));right:calc(50% - (1499 / var(--main-width)));position:absolute;pointer-events:none;background-image:url(../images/graphic-f.svg);background-repeat:no-repeat;background-size:100% auto;background-position: -2px top;background-color: var(--turquoise-color);z-index: 2;}
 

@media only screen and (min-width:768px) and (max-width:1366px) {

:root{
   --main-width: 1366 * 100dvw;  
}
}

@media only screen and (min-width:0px) and (max-width:767px) {
  
  body{font-size: calc(15 / var(--main-width));line-height: calc(20 / var(--main-width));}

  
  :root{--main-width: 375 * 100dvw;}

  .web{display:none !important;}
  .mobile{display:grid !important;}
  
 a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a)::before{bottom:calc(-1 / var(--main-width));}

 header{overflow: hidden;/*height: calc(494 / var(--main-width));*/transition: all .5s ease-in-out;}
 header #header{padding:0 calc(26 / var(--main-width));}
 header .logo{width:calc(197 / var(--main-width));height: calc(65 / var(--main-width));margin-top: calc(40 / var(--main-width));}
 header .menu{width:calc(34 / var(--main-width));height: calc(26 / var(--main-width));margin-top: calc(45 / var(--main-width)); background-image:url(../images/icon-menu.svg);background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;transition: all .5s ease-in-out;}
 
 header nav{margin-top: 0;width: 71.2%;align-items: center;display: flex;height: calc(494 / var(--main-width));background-color: var(--turquoise-color);position: fixed;right: -71.2%;top: 0;transition: right .25s ease;}
 header nav ul{grid-auto-flow: row;align-items: center;justify-content: end;gap: calc(60 / var(--main-width));padding-right: calc(78 / var(--main-width));}
 header nav ul a{display: inline-flex;align-items: end;color: var(--primary-color);}
 header nav ul a::before{background-color: var(--primary-color) !important;}
 header nav ul a::after{content:"";position:absolute;width:calc(19 / var(--main-width));height:calc(21.26 / var(--main-width));top:0;right:0;background-image:url(../images/graphic-nav-dark.svg);background-repeat:no-repeat;background-size:cover;background-position: right top;}
 
body.open header{height: calc(494 / var(--main-width));transition: all .5s ease-in-out;}
body.open header .menu{background-image:url(../images/icon-menu-c.svg);z-index: 2;}
body.open header nav{right: 0;}
 
 .inner {padding: 0 calc(26 / var(--main-width));}
 
 
 h1{font-size: calc(19 / var(--main-width));line-height: calc(25 / var(--main-width));letter-spacing: calc(-0.59 / var(--main-width));}
 h2{font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width));margin-bottom: calc(10 / var(--main-width));} 
 h3{font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width)); margin-bottom: calc(10 / var(--main-width));}
 h4,h5,h6{margin-bottom: calc(5 / var(--main-width));}
 p,li:not(nav ul li){margin-bottom: calc(12 / var(--main-width));}
  
 .info label{margin-bottom: calc(36 / var(--main-width));}
 
 
 .hero-box>.inner{padding: 0;}
 .hero-box .video-box{height: calc(494 / var(--main-width));align-items: end;} 
 .hero-box .video-box video{max-height: calc(375 / var(--main-width));}
 
 .hero-box .hero-cover-box{left: 0;bottom: auto;top: calc(170 / var(--main-width)); padding-left: calc(111 / var(--main-width));padding-right: calc(26 / var(--main-width));}
 
 /* ========================= SPECIALITIES SECTION ==========================*/
 .specialities-box .inner{padding-right:calc(26 / var(--main-width));padding-left: calc(111 / var(--main-width));}
 .specialities-box article{grid-template-columns: 100%;}
 .specialities-box .info.lt{padding-top: calc(29 / var(--main-width));padding-bottom: calc(54 / var(--main-width));}
 .specialities-box .info.lt p{margin-bottom: calc(25 / var(--main-width));}
 
 .specialities-box .info.rt{align-self: start;padding-bottom: calc(60 / var(--main-width));width: 94%;}
 .specialities-box .info.rt ul{margin-top: calc(27 / var(--main-width));}
 .specialities-box .info.rt ul li{font-size:calc(15 / var(--main-width));line-height:calc(23 / var(--main-width));margin-bottom: 0;}
 .specialities-box .graphic-spec{width:calc(97 / var(--main-width));height:calc(98 / var(--main-width));}
 
 
 /* ========================= SOLUTIONS SECTION ==========================*/
 .solutions-box .inner{padding-right:calc(26 / var(--main-width));}
 .solutions-box article{padding: calc(69 / var(--main-width)) 0 calc(59 / var(--main-width)) 0;}
 .solutions-box .solutions-row-box{gap: calc(72 / var(--main-width));margin-top: calc(43 / var(--main-width));padding-left: calc(85 / var(--main-width));padding-right: calc(10 / var(--main-width));}
 .solutions-box .solutions-row-box .info{width:100%;padding-left:calc(16 / var(--main-width));}
 .solutions-box .solutions-row-box .info h4{font-size: calc(10 / var(--main-width));letter-spacing: calc(0.36 / var(--main-width));}
 .solutions-box .solutions-row-box .info::before{height: calc(100% - (8 / var(--main-width)));top: calc(4 / var(--main-width));}
 .solutions-box .solutions-row-box .info.investments{justify-self: end;}
 .solutions-box .solutions-row-box .info.platforms{justify-self: end;}
 .solutions-box .solutions-row-box .info.opportunities{justify-self: end;}
 .graphic-sol{width:calc(1033 / var(--main-width));height:calc(1043 / var(--main-width));bottom:calc(-185 / var(--main-width));left:calc(-375 / var(--main-width));}
 .graphic-sol.large{width:calc(2488 / var(--main-width));height:calc(2513 / var(--main-width));bottom:calc(-968 / var(--main-width));left:calc(50% - (1525 / var(--main-width)));}
 
 
 /* ========================================= EXPERIENCE SECTION ========================================== */
 .experience-box article{padding: calc(60 / var(--main-width)) 0 calc(60 / var(--main-width)) 0;}
 .experience-box .experience-row-box{gap: calc(49 / var(--main-width));margin-top: calc(36 / var(--main-width));}
 .experience-box .experience-row-box .info :where(.ex-header,.ex-content){padding-bottom: calc(6 / var(--main-width));}
 .experience-box .experience-row-box .info .ex-header{margin-bottom: calc(24 / var(--main-width));}
 .experience-box .experience-row-box .info .ex-header h3{letter-spacing: calc(-0.76 / var(--main-width));margin-bottom: 0;}
 .experience-box .experience-row-box .info .ex-content{width:100%;margin-left:0;}
 .experience-box .experience-row-box .info .ex-content p{letter-spacing: calc(-0.65 / var(--main-width));}
 
 .experience-box.terms .inner{padding-right: calc(26 / var(--main-width));}
 .experience-box.terms .experience-row-box{gap: calc(0 / var(--main-width));margin-top: calc(106 / var(--main-width));position: relative;}
 .experience-box.terms .experience-row-box .info .ex-header{padding-bottom: calc(10 / var(--main-width));margin-bottom: calc(20 / var(--main-width));}
 .experience-box.terms .experience-row-box .info .ex-header::after{bottom:calc(14 / var(--main-width));}
 .experience-box.terms .experience-row-box .info .ex-content{width:100%;}
 .experience-box.terms .experience-row-box .info .ex-content h3{line-height: calc(23 / var(--main-width));letter-spacing: normal;margin-top: calc(35 / var(--main-width));margin-bottom: calc(14 / var(--main-width));}
 .experience-box.terms .experience-row-box .info .ex-content p{font-size: calc(15 / var(--main-width));line-height: calc(20 / var(--main-width));letter-spacing: normal;margin-bottom: calc(25 / var(--main-width));}
   
 
 /*footer -------------------3----------------- */
 footer::after{display: none;}
 footer #footer{padding: 0 calc(26 / var(--main-width));} 
 
 footer .info{width: 100%;height: auto;padding: calc(53 / var(--main-width)) 0 calc(53 / var(--main-width)) 0;}
 footer .info label{margin-bottom: calc(50 / var(--main-width));}
 footer .info h3{margin-bottom: calc(24 / var(--main-width));line-height: calc(37 / var(--main-width));}
 footer .info .logo{width:calc(125 / var(--main-width));height: calc(72 / var(--main-width));margin-bottom: calc(48 / var(--main-width));}
 footer .info .links{position:relative;bottom:auto;left:auto;gap: calc(89 / var(--main-width));margin-top: calc(65 / var(--main-width));}
 footer .graphic-f{width:100%;height:calc(367 / var(--main-width));bottom:auto;right:auto;position:relative;background-image:url(../images/graphic-f-m.svg);background-position: left top;display: grid;}
 
}