/* =========================================================
SALEDITO.TEAM
CLEAN MANUAL CONTROL CSS
========================================================= */

*{
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
margin:0;
background:#b9360c;
color:#fff8ee;
font-family:Arial,Helvetica,sans-serif;
overflow-x:visible;
}

a{
color:inherit;
}

/* =========================================================
BACKGROUND
========================================================= */

.site-bg{
position:fixed;
inset:0;
z-index:-2;
pointer-events:none;

background:
radial-gradient(
ellipse 75% 60% at 78% 30%,
rgba(255,105,20,.95),
rgba(235,70,8,.75) 35%,
rgba(175,42,8,.35) 68%,
transparent
),
radial-gradient(
ellipse 70% 80% at 10% 45%,
rgba(105,25,8,.75),
rgba(145,35,8,.45) 45%,
transparent 75%
),
linear-gradient(
135deg,
#7d210d 0%,
#a92f0b 28%,
#d94a0a 58%,
#f15a0a 82%,
#d83d08 100%
);
}

body:before{
content:"";
position:fixed;
inset:0;
z-index:-1;
pointer-events:none;
opacity:.14;

background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");

background-size:180px 180px;
mix-blend-mode:overlay;
}

/* =========================================================
COMMON
========================================================= */

.wrap{
width:92%;
margin:0 auto;
}

header{
position:relative;
}

.nav{
position:relative;
display:flex;
align-items:center;
}

.logo{
position:relative;
display:block;
color:#fff8ee;
text-decoration:none;
font-weight:800;
white-space:nowrap;
}

.logo span{
color:rgba(255,248,238,.5);
}

.navlinks{
position:relative;
display:flex;
align-items:center;
}

.navlinks a{
color:#fff8ee;
text-decoration:none;
white-space:nowrap;
}

/* =========================================================
APPLY BUTTON
========================================================= */

.apply{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;

padding:14px 24px;

background:rgba(255,255,255,0.08);
color:#fff8ee !important;

border:1.5px solid rgba(255,245,220,0.9);
border-radius:999px;

font-size:14px;
font-weight:700;
letter-spacing:.1px;

text-decoration:none;
white-space:nowrap;

box-shadow:
0 0 10px rgba(255,220,170,.18),
0 8px 22px rgba(70,20,5,.18);

backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);

transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
}

.apply:hover{
background:rgba(255,255,255,0.14);

transform:translateY(-2px);

box-shadow:
0 0 16px rgba(255,220,170,.38),
0 10px 28px rgba(70,20,5,.25);
}

/* =========================================================
HERO
========================================================= */

.hero{
position:relative;
overflow:visible;
}

.hero .wrap{
position:static;
}

.copy{
position:relative;
}

.eyebrow{
position:relative;
font-weight:700;
}

.copy h1{
position:relative;
margin:0;
font-weight:700;
}

.lead{
position:relative;
margin:0;
}

.objects{
position:absolute;
z-index:2;
height:auto;
pointer-events:none;
user-select:none;
}

/* =========================================================
SMALL MOBILE
320px — 390px
========================================================= */

@media (max-width:390px){

/* HEADER */

header{
height:62px;
left:0px;
top:0px;
}

.nav{
height:62px;
left:0px;
top:0px;
}

.logo{
font-size:10px;
letter-spacing:1px;
line-height:19px;
margin-right:20px;

left:0px;  
top:0px;

}

.navlinks{
gap:10px;

left:0px;  
top:0px;

}

.navlinks a{
font-size:10px;
letter-spacing:0px;
line-height:12px;

left:0px;  
top:0px;

}

.navlinks .apply{
font-size:10px;
letter-spacing:0px;
line-height:12px;

padding:9px 11px;  

left:0px;  
top:0px;

}

/* HERO */

.hero{
height:800px;

left:0px;  
top:0px;  

padding:43px 0 0;

}

.copy{
width:100%;

left:0px;  
top:0px;

}

/* WELCOME */

.eyebrow{
font-size:20px;
letter-spacing:3px;
line-height:13px;

margin-top:0px;  
margin-bottom:50px;  

left:0px;  
top:70px;

}

/* HEADING */

.copy h1{
font-size:29px;
letter-spacing:1px;
line-height:30px;

margin-top:50px;  
margin-bottom:0px;  

left:0px;  
top:80px;  

transform:scaleY(1.5);  
transform-origin:center;

}

/* DESCRIPTION */

.lead{
width:350px;

font-size:15px;  
letter-spacing:0px;  
line-height:22px;  

margin-top:140px;  
margin-bottom:0px;  

left:0px;  
top:-10px;

}

/* HERO BUTTON */

.copy .apply{
font-size:16px;
letter-spacing:0px;
line-height:15px;

padding:12px 18px;  

margin-top:0px;  

left:-10px;  
top:50px;

}

/* OBJECTS */

.objects{
width:450px;

left:-45px;  
bottom:100px;

}
}

/* =========================================================
LARGE MOBILE / PIXEL 7
391px — 520px
========================================================= */

@media (min-width:391px) and (max-width:520px){

/* HEADER */

header{
height:62px;
left:0px;
top:0px;
}

.nav{
height:62px;
left:0px;
top:0px;
}

.logo{
font-size:10px;
letter-spacing:1px;
line-height:19px;
margin-right:20px;

left:0px;  
top:0px;

}

.navlinks{
gap:10px;

left:0px;  
top:0px;

}

.navlinks a{
font-size:10px;
letter-spacing:0px;
line-height:12px;

left:0px;  
top:0px;

}

.navlinks .apply{
font-size:10px;
letter-spacing:0px;
line-height:12px;

padding:9px 11px;  

left:0px;  
top:0px;

}

/* HERO */

.hero{
height:800px;

left:0px;  
top:0px;  

padding:43px 0 0;

}

.copy{
width:100%;

left:0px;  
top:0px;

}

/* WELCOME */

.eyebrow{
font-size:20px;
letter-spacing:3px;
line-height:13px;

margin-top:0px;  
margin-bottom:50px;  

left:0px;  
top:70px;

}

/* HEADING */

.copy h1{
font-size:29px;
letter-spacing:1px;
line-height:30px;

margin-top:50px;  
margin-bottom:0px;  

left:0px;  
top:80px;  

transform:scaleY(1.5);  
transform-origin:center;

}

/* DESCRIPTION */

.lead{
width:350px;

font-size:15px;  
letter-spacing:0px;  
line-height:22px;  

margin-top:140px;  
margin-bottom:0px;  

left:0px;  
top:-10px;

}

/* HERO BUTTON */

.copy .apply{
font-size:16px;
letter-spacing:0px;
line-height:15px;

padding:12px 18px;  

margin-top:0px;  

left:-10px;  
top:50px;

}

/* OBJECTS */

.objects{
width:450px;

left:-35px;  
bottom:100px;

}
}

/* =========================================================
/* =========================================================
TABLET — 521px to 850px
768px SCREEN REFERENCE
========================================================= */

@media (min-width:521px) and (max-width:850px){

header{
height:74px;
left:0px;
top:0px;
}

.nav{
height:74px;
left:0px;
top:0px;
}

.logo{
font-size:21px;
letter-spacing:-1px;
line-height:21px;
margin-right:40px;

left:0px;  
top:0px;

}

.navlinks{
gap:20px;

left:0px;  
top:0px;

}

.navlinks a{
font-size:17px;
letter-spacing:0px;
line-height:13px;

left:0px;  
top:0px;

}

.navlinks .apply{
font-size:17px;
letter-spacing:0px;
line-height:13px;

padding:10px 13px;  

left:0px;  
top:0px;

}

/* =========================
HERO
========================= */

.hero{
height:900px;

left:0px;  
top:0px;  

padding:55px 0 0;

}

.copy{
width:72%;

left:0px;  
top:0px;

}

/* =========================
WELCOME
========================= */

.eyebrow{
font-size:20px;
letter-spacing:3px;
line-height:14px;

margin-top:0px;  
margin-bottom:21px;  

left:0px;  
top:0px;

}

/* =========================
HEADING
========================= */

.copy h1{
font-size:55px;
letter-spacing:-1.5px;
line-height:58px;

margin-top:0px;  
margin-bottom:0px;  

left:0px;  
top:0px;  

transform:none;

}

/* =========================
DESCRIPTION
========================= */

.lead{
width:430px;

font-size:17px;  
letter-spacing:0px;  
line-height:25px;  

margin-top:23px;  
margin-bottom:0px;  

left:0px;  
top:0px;

}

/* =========================
HERO BUTTON
========================= */

.copy .apply{
font-size:18px;
letter-spacing:0px;
line-height:14px;

padding:12px 18px;  

margin-top:22px;  

left:10px;  
top:0px;

}

/* =========================
COMPLETE PNG MATERIAL
========================= */

.objects{
width:650px;

left:20px;  
bottom:-15px;  

height:auto;

}
}
/* =========================================================
LAPTOP — 851px to 1200px
1024px SCREEN REFERENCE
========================================================= */

@media (min-width:851px) and (max-width:1200px){

/* =========================
HEADER
========================= */

header{
height:82px;
left:0px;
top:0px;
}

.nav{
height:82px;
left:0px;
top:0px;
}

.logo{
font-size:29px;
letter-spacing:-1.2px;
line-height:29px;

margin-right:180px;  

left:0px;  
top:0px;

}

.navlinks{
gap:25px;

left:0px;  
top:0px;

}

.navlinks a{
font-size:18px;
letter-spacing:0px;
line-height:17px;

left:0px;  
top:0px;

}

.navlinks .apply{
font-size:20px;
letter-spacing:0px;
line-height:17px;

padding:13px 20px;  

left:0px;  
top:0px;

}

/* =========================
HERO
========================= */

.hero{
height:900px;

left:0px;  
top:0px;  

padding:70px 0 0;

}

.copy{
width:650px;

left:0px;  
top:0px;

}

/* =========================
WELCOME
========================= */

.eyebrow{
font-size:20px;
letter-spacing:4px;
line-height:19px;

margin-top:0px;  
margin-bottom:24px;  

left:0px;  
top:0px;

}

/* =========================
HEADING
========================= */

.copy h1{
font-size:60px;
letter-spacing:-1px;
line-height:78px;

margin-top:0px;  
margin-bottom:0px;  

left:0px;  
top:0px;  

transform:none;

}

/* =========================
DESCRIPTION
========================= */

.lead{
width:540px;

font-size:19px;  
letter-spacing:0px;  
line-height:28px;  

margin-top:27px;  
margin-bottom:0px;  

left:0px;  
top:0px;

}

/* =========================
HERO APPLY BUTTON
========================= */

.copy .apply{
font-size:30px;
letter-spacing:0px;
line-height:17px;

padding:14px 22px;  

margin-top:27px;  

left:20px;  
top:0px;

}

/* =========================
COMPLETE PNG MATERIAL
========================= */

.objects{
width:760px;

left:300px;  
bottom:150px;  

height:auto;

}
} =========================================================
/* =========================================================
PC / DESKTOP — 1201px+
1440px SCREEN REFERENCE
========================================================= */

@media (min-width:1201px){

/* =========================
HEADER
========================= */

header{
height:95px;
left:0px;
top:0px;
}

.nav{
height:95px;
left:0px;
top:0px;
}

.logo{
font-size:34px;
letter-spacing:-1.8px;
line-height:34px;

margin-right:55px;  

left:0px;  
top:0px;

}

.navlinks{
gap:34px;

left:0px;  
top:0px;

}

.navlinks a{
font-size:16px;
letter-spacing:0px;
line-height:19px;

left:0px;  
top:0px;

}

.navlinks .apply{
font-size:16px;
letter-spacing:0px;
line-height:19px;

padding:15px 25px;  

left:0px;  
top:0px;

}

/* =========================
HERO
========================= */

.hero{
height:900px;

left:0px;  
top:0px;  

padding:85px 0 0;

}

.copy{
width:720px;

left:0px;  
top:0px;

}

/* =========================
WELCOME
========================= */

.eyebrow{
font-size:17px;
letter-spacing:4.5px;
line-height:20px;

margin-top:0px;  
margin-bottom:27px;  

left:0px;  
top:0px;

}

/* =========================
HEADING
========================= */

.copy h1{
font-size:88px;
letter-spacing:-2.5px;
line-height:89px;

margin-top:0px;  
margin-bottom:0px;  

left:0px;  
top:0px;  

transform:none;

}

/* =========================
DESCRIPTION
========================= */

.lead{
width:590px;

font-size:21px;  
letter-spacing:-0.3px;  
line-height:31px;  

margin-top:30px;  
margin-bottom:0px;  

left:0px;  
top:0px;

}

/* =========================
HERO APPLY
========================= */

.copy .apply{
font-size:16px;
letter-spacing:0px;
line-height:19px;

padding:15px 25px;  

margin-top:30px;  

left:0px;  
top:0px;

}

/* =========================
COMPLETE PNG MATERIAL
========================= */

.objects{
width:900px;

left:540px;  
bottom:5px;  

height:auto;

}
}
/* =========================================================
FOOTER
========================================================= */

.footer{
width:100%;
padding:20px 0 14px;
text-align:center;
}

.footer-social{
width:100%;

display:flex;
align-items:center;
justify-content:center;

gap:20px;

margin:0 0 10px;
padding:0;
}

.social-icon{
width:46px;
height:46px;

display:flex;
align-items:center;
justify-content:center;

flex:0 0 46px;

background:transparent;

border:2px dashed;
border-radius:50%;

text-decoration:none;

box-sizing:border-box;
}

.social-icon svg{
width:21px;
height:21px;

display:block;

fill:none !important;
background:none !important;
}

/* INSTAGRAM */

.instagram{
color:#ffd0b0;
border-color:#ffae7d;
}

.instagram svg{
stroke:#ffd0b0;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

/* GMAIL */

.gmail{
color:#ffe1c7;
border-color:#ffd0b0;
}

.gmail svg{
stroke:#ffe1c7;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}

/* WHATSAPP */

.whatsapp{
color:#b8f5cd;
border-color:#55d98a;
}

.whatsapp svg{
stroke:#b8f5cd;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

/* FOOTER TEXT */

.footer-copy{
width:100%;

margin:0;
padding:0;

text-align:center;

font-size:9px !important;
line-height:12px !important;

letter-spacing:0;

color:rgba(255,248,238,.60);

white-space:nowrap;
}

/* =========================================================
PIXEL 7 FOOTER
========================================================= */

@media (min-width:391px) and (max-width:520px){

.footer{
padding:20px 0 14px;
}

.footer-social{
gap:20px;
margin-bottom:10px;
}

.social-icon{
width:46px;
height:46px;
flex-basis:46px;
}

.footer-copy{
font-size:9px !important;
line-height:12px !important;
white-space:nowrap !important;
}
}
/* =========================================================
FINAL PC CONTROL — 1440px REFERENCE
THIS MUST BE THE LAST CSS IN THE FILE
========================================================= */

@media (min-width:1201px){

/* LOGO */
.logo{
font-size:40px !important;
letter-spacing:-1px !important;
line-height:40px !important;
margin-right:200px !important;
left:0px !important;
top:10px !important;
}

/* NAV */
.navlinks{
gap:40px !important;
left:0px !important;
top:10px !important;
}

.navlinks a{
font-size:26px !important;
line-height:21px !important;
letter-spacing:0px !important;
}

/* TOP APPLY */
.navlinks .apply{
font-size:32px !important;
line-height:21px !important;
padding:16px 27px !important;
}

/* HERO */
.hero{
height:900px !important;
padding:90px 0 0 !important;
}

.copy{
width:760px !important;
left:0px !important;
top:0px !important;
}

/* WELCOME */
.eyebrow{
font-size:30px !important;
letter-spacing:5px !important;
line-height:23px !important;
margin-top:0px !important;
margin-bottom:30px !important;
left:0px !important;
top:0px !important;
}

/* HEADING */
.copy h1{
font-size:80px !important;
letter-spacing:-3px !important;
line-height:101px !important;
margin-top:0px !important;
margin-bottom:0px !important;
left:0px !important;
top:0px !important;
transform:none !important;
}

/* DESCRIPTION */
.lead{
width:620px !important;
max-width:620px !important;
font-size:23px !important;
letter-spacing:-0.5px !important;
line-height:34px !important;
margin-top:32px !important;
margin-bottom:0px !important;
left:0px !important;
top:0px !important;
}

/* MAIN APPLY */
.copy .apply{
font-size:30px !important;
line-height:21px !important;
padding:17px 28px !important;
margin-top:32px !important;
left:0px !important;
top:0px !important;
}

/* COMPLETE PNG MATERIAL */
.objects{
width:800px !important;
height:auto !important;
left:700px !important;
right:auto !important;
bottom:300px !important;
}
}
/* =========================================================
   ABOUT PAGE — COMPANY LAYOUT
   ========================================================= */

.about-page{
  width:100%;
  min-height:100vh;
  padding:90px 0 110px;
}

.about-layout{
  width:100%;
  display:grid;
  grid-template-columns:700px 380px;
  gap:80px;
  align-items:start;
}

.about-content{
  width:700px;
}

.about-content .eyebrow{
  position:static;
  margin:0 0 18px;
  font-size:14px;
  line-height:1.2;
  letter-spacing:4px;
  font-weight:700;
  color:rgba(255,248,238,.72);
}

.about-content h1{
  position:static;
  margin:0 0 30px;
  font-size:78px;
  line-height:1.02;
  letter-spacing:-2.3px;
  font-weight:700;
  color:#fff8ee;
}

.about-content h2{
  position:static;
  margin:70px 0 22px;
  font-size:40px;
  line-height:1.1;
  letter-spacing:-1px;
  color:#fff8ee;
}

.about-content p{
  position:static;
  width:100%;
  margin:0 0 24px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,248,238,.84);
}


/* RIGHT INFORMATION PANEL */

.about-panel{
  position:sticky;
  top:40px;

  width:380px;
  padding:30px;

  border:1px solid rgba(255,240,220,.28);
  border-radius:24px;

  background:rgba(80,20,5,.20);

  box-shadow:
    0 20px 50px rgba(60,15,0,.20),
    inset 0 1px 0 rgba(255,255,255,.08);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.panel-title{
  font-size:28px;
  font-weight:800;
  letter-spacing:-.5px;
  color:#fff8ee;
}

.panel-subtitle{
  margin-top:5px;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,235,215,.62);
}

.panel-list{
  margin-top:30px;
}

.panel-item{
  display:flex;
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,240,220,.15);
}

.panel-item > span{
  font-size:12px;
  font-weight:700;
  color:#ffc49d;
  padding-top:3px;
}

.panel-item strong{
  display:block;
  font-size:15px;
  color:#fff8ee;
}

.panel-item p{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.45;
  color:rgba(255,248,238,.65);
}

.panel-divider{
  width:100%;
  height:1px;
  margin:28px 0;
  background:rgba(255,240,220,.18);
}

.process-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:3px;
  color:rgba(255,235,215,.65);
}

.process{
  margin-top:20px;
}

.process-step{
  display:flex;
  align-items:center;
  gap:14px;
}

.process-step b{
  width:30px;
  height:30px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex:0 0 30px;

  border:1px solid rgba(255,220,190,.45);
  border-radius:50%;

  font-size:10px;
  color:#fff8ee;
}

.process-step span{
  font-size:14px;
  font-weight:600;
  color:#fff8ee;
}

.process-line{
  width:1px;
  height:20px;
  margin-left:15px;
  background:rgba(255,240,220,.22);
}

.panel-apply{
  width:100%;
  margin-top:30px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:521px) and (max-width:850px){

  .about-page{
    padding:70px 0 90px;
  }

  .about-layout{
    display:block;
    width:100%;
  }

  .about-content{
    width:620px;
  }

  .about-content h1{
    font-size:60px;
  }

  .about-content p{
    font-size:17px;
    line-height:1.6;
  }

  .about-content h2{
    margin-top:55px;
    font-size:34px;
  }

  .about-panel{
    position:relative;
    top:auto;

    width:620px;
    margin-top:55px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:520px){

  .about-page{
    padding:60px 0 80px;
  }

  .about-layout{
    display:block;
    width:100%;
  }

  .about-content{
    width:100%;
  }

  .about-content .eyebrow{
    font-size:11px;
    letter-spacing:2.5px;
    margin-bottom:14px;
  }

  .about-content h1{
    font-size:45px;
    line-height:1.04;
    letter-spacing:-1px;
    margin-bottom:25px;
  }

  .about-content h2{
    margin-top:50px;
    margin-bottom:18px;
    font-size:30px;
  }

  .about-content p{
    width:100%;
    font-size:15px;
    line-height:1.58;
    margin-bottom:20px;
  }

  .about-panel{
    position:relative;
    top:auto;

    width:100%;
    margin-top:50px;
    padding:24px;

    border-radius:20px;
  }

  .panel-title{
    font-size:24px;
  }
}
/* =========================================================
   ABOUT PAGE — FIX GLOBAL HOME CSS CLASH
   ========================================================= */

.about-page,
.about-page *{
  box-sizing:border-box;
}

.about-page .about-content{
  position:static !important;
  width:700px !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}

.about-page .about-content .eyebrow{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}

.about-page .about-content h1{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;

  width:auto !important;
  height:auto !important;
  margin:0 0 30px !important;
  padding:0 !important;

  font-size:78px !important;
  line-height:1.02 !important;
  letter-spacing:-2.3px !important;
  color:#fff8ee !important;
}

.about-page .about-content h2{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;

  width:auto !important;
  height:auto !important;
  margin:70px 0 22px !important;
  padding:0 !important;
}

.about-page .about-content p{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;

  width:100% !important;
  height:auto !important;
  margin:0 0 24px !important;
  padding:0 !important;
}


/* MOBILE */
@media (max-width:520px){

  .about-page .about-content{
    width:100% !important;
  }

  .about-page .about-content .eyebrow{
    font-size:11px !important;
    letter-spacing:2.5px !important;
    margin-bottom:14px !important;
  }

  .about-page .about-content h1{
    font-size:45px !important;
    line-height:1.04 !important;
    letter-spacing:-1px !important;
    margin:0 0 25px !important;
  }

  .about-page .about-content h2{
    font-size:30px !important;
    line-height:1.1 !important;
    margin:50px 0 18px !important;
  }

  .about-page .about-content p{
    width:100% !important;
    font-size:15px !important;
    line-height:1.58 !important;
    margin:0 0 20px !important;
  }
}
/* =========================================================
   LAPTOP PAGE FIX — 851px to 1200px
   ONLY ABOUT / FAQ / WHO CAN APPLY
   ========================================================= */

@media (min-width:851px) and (max-width:1200px){

  /* =========================
     ABOUT
     ========================= */

  .about-page{
    width:100% !important;
    padding:70px 0 90px !important;
    position:static !important;
  }

  .about-layout{
    width:900px !important;
    margin-left:62px !important;
    margin-right:0 !important;

    display:grid !important;
    grid-template-columns:600px 300px !important;
    gap:20px !important;

    position:static !important;
  }

  .about-content{
    width:600px !important;
    left:40px !important;
    position:relative !important;
  }

  .about-content h1{
    font-size:60px !important;
  }

  .about-content p{
    width:600px !important;
    font-size:17px !important;
    line-height:1.6 !important;
  }

  .about-content h2{
    font-size:34px !important;
    margin-top:55px !important;
  }

  .about-panel{
    position:relative !important;
    top:0 !important;
    width:300px !important;
    padding:24px !important;
  }


  /* =========================
     FAQ
     ========================= */

  .faq-page{
    width:100% !important;
    padding:70px 0 90px !important;
  }

  .faq-wrap{
    width:900px !important;
    margin-left:62px !important;
    margin-right:0 !important;
  }

  .faq-heading{
    width:650px !important;
  }

  .faq-heading h1{
    font-size:60px !important;
  }

  .faq-heading p{
    width:600px !important;
    font-size:17px !important;
  }

  .faq-list{
    width:900px !important;
  }

  .faq-item{
    width:900px !important;
  }

  .faq-item summary{
    width:900px !important;
  }

  .faq-answer{
    width:700px !important;
    padding-left:75px !important;
  }

  .faq-cta{
    width:900px !important;
  }

  .faq-cta p{
    width:650px !important;
  }


  /* =========================
     WHO CAN APPLY
     ========================= */

  .who-page{
    width:100% !important;
    padding:70px 0 90px !important;
  }

  .who-wrap{
    width:900px !important;
    margin-left:62px !important;
    margin-right:0 !important;
  }

  .who-heading{
    width:650px !important;
  }

  .who-heading h1{
    font-size:60px !important;
  }

  .who-heading p{
    width:600px !important;
    font-size:17px !important;
  }

  .who-list{
    width:880px !important;
    grid-template-columns:430px 430px !important;
    gap:20px !important;
  }

  .who-card{
    width:430px !important;
    min-height:210px !important;
  }

  .who-look{
    width:700px !important;
  }

  .who-look p{
    width:650px !important;
  }

  .who-cta{
    width:880px !important;
  }

  .who-cta p{
    width:650px !important;
  }

}