*{box-sizing:border-box}
:root{
  --orange:#e85a2b;
  --blue:#00547c;
  --text:#171717;
  --muted:#666;
  --light:#f7f7f7;
  --border:#e7e7e7;
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);font-size:13px;line-height:1.55;background:#fff}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 72px));margin: 0 auto}
.narrow{width:min(860px,calc(100% - 72px))}
.center{text-align:center}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:45px;line-height:1.06;letter-spacing:-1.7px}
h2{font-size:32px;line-height:1.12;letter-spacing:-.8px}
h3{font-size:18px;line-height:1.25}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--orange);color:#fff;padding:11px 19px;border-radius:2px;font-weight:700;font-size:14px;cursor:pointer}

/* Header */
.site-header{height:64px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:20}
.nav-wrap{height:100%;width:min(1180px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:baseline;font-size:20px;font-weight:800;letter-spacing:.5px}
.brand b{color:#efbd31;font-size:17px;margin-left:2px}.brand i{font-style:normal;color:#1e91ca;font-size:17px}.brand em{font-style:normal;color:#e65035;font-size:17px}
.nav{display:flex;align-items:center;gap:32px;font-size:15px;color:#333}
.nav a:hover{color:var(--orange)}
.nav-cta{color:#fff!important;background:var(--orange);padding:10px 18px;border-radius:2px;font-weight:700}
.menu-toggle{display:none;border:0;background:none;font-size:24px}

/* Hero */
.hero {
  height: 500px;
  position: relative;
  background: url("./images/hero.webp") center / cover no-repeat;
  background-attachment: fixed;
  color: #fff;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.16) 68%,rgba(0,0,0,.25))}
.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:10px}
.hero h1{max-width:520px;margin-bottom:20px}.hero p{max-width:510px;font-size:15px;line-height:1.55}

/* Generic sections */
.section{padding:84px 0}
.about{background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.copy{max-width:490px}.copy h2{margin-bottom:20px}.copy p{color:#444;margin-bottom:24px;font-size: 15px;}
.image-frame{justify-self:end;width:460px}.image-frame img{width:100%;aspect-ratio:1/1;object-fit:cover}

/* Steps */
.steps{padding-top:72px;padding-bottom:90px}
.steps h2{margin-bottom:17px}.section-intro{text-align:center;color:#555;font-size:15px;margin-bottom:38px}
.step-list{max-width:760px;margin:auto}.step{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}
.num{width:45px;height:45px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}
.step h3{margin:2px 0 6px}.step p{font-size:14px;color:#555;line-height:1.5;margin:0}
.arrow{display:block;color:var(--orange);font-size:23px;line-height:25px;margin:1px 0 4px 10px}

/* Cards */
.adventures{background:#f7f7f7;padding-top:74px;padding-bottom:92px}
.adventures h2{margin-bottom:28px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;box-shadow:0 0 0 1px #eee}
.card>img{width:100%;height:205px;object-fit:cover}.card-body{padding:20px 22px 25px}.card h3{font-size:18px;margin-bottom:12px}.card p{color:#666;font-size:14px;line-height:1.6;margin:0}

/* Testimonials */
.testimonials{padding-bottom:110px}.testimonials h2{margin-bottom:42px}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:75px;max-width:930px;margin:auto}
blockquote{margin:0}.quotes p{font-size:14px;line-height:1.55;color:#444;margin-bottom:20px}
blockquote footer{display:flex;align-items:center;gap:10px}blockquote footer img{width:32px;height:32px;border-radius:50%;object-fit:cover}
blockquote footer strong,blockquote footer small{display:block;font-size:17px}blockquote footer small{font-size:14px;color:#666;margin-top:2px}

/* FAQ */
.faq{padding-top:0;padding-bottom:90px}.faq-inner{max-width:760px}.faq h2{margin-bottom:28px}
.faq-list{border-top:1px solid var(--border)}
.faq-item{width:100%;border:0;border-bottom:1px solid var(--border);background:#fff;display:flex;justify-content:space-between;text-align:left;padding:17px 4px;font-size:17px;font-weight:700;cursor:pointer}
.faq-item b{color:var(--orange);font-size:17px;line-height:10px;font-weight:400;transition:.2s}
.faq-item.active b{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;padding:0 4px;color:#666;font-size:14px;transition:max-height .25s,padding .25s}
.faq-answer.open{max-height:100px;padding:10px 4px 14px}

/* Subscribe */
.subscribe{padding-top:35px;padding-bottom:75px}.subscribe h2{margin-bottom:30px}
.subscribe-box{width:min(610px,100%);margin:auto;background:#fafafa;padding:25px 32px}
.subscribe-box p{text-align:center;color:#777;font-size:14px;line-height:1.55;margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr 115px;gap:8px}
.form-row input{height:39px;border:1px solid #e2e2e2;padding:0 11px;font:inherit;font-size:14px;outline: none;}.form-row .button{height:39px}
.consent{display:block;color:#888;font-size:14px;margin-top:14px}.consent input{vertical-align:-2px;margin-right:5px}.consent a{color:#2a9ac5}.success{display:block;text-align:center;color:#2f8a55;margin-top:8px}

/* Footer */
.footer{background:#00547c;color:#fff;padding:45px 0 42px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:80px;align-items: baseline;}
.footer h4{font-size:18px;margin:0 0 7px}.footer a{display:block;font-size:16px;line-height:1.55;color:#f1f7fa;cursor: pointer;margin-bottom: 8px;}.footer a:hover{text-decoration:underline}.mt{margin-top:25px!important}.map-wrap{align-self:start}.map-wrap img{width:100%;height:220px;object-fit:cover}
.copyright{font-size:16px;margin-top:35px;text-align: center;}.creator{text-align:center;font-size:8px;color:var(--orange);padding:7px;background:#fff}
.our-adv-home p{
  font-size: 16px;
}
.address-home{
  font-size: 16px;
}
/* Responsive */
@media (max-width:900px){
  .container,.nav-wrap,.narrow{width:min(100% - 40px,700px)}
  .site-header{height:58px}.menu-toggle{display:block}.nav{position:absolute;display:none;top:58px;left:0;right:0;background:#fff;padding:15px 20px;flex-direction:column;gap:0;box-shadow:0 5px 12px rgba(0,0,0,.08)}.nav.open{display:flex}.nav a{width:100%;padding:12px 0}.nav-cta{text-align:center}
  .hero{height:440px}.hero h1{font-size:36px}.hero p{font-size:14px;max-width:460px}
  .split{grid-template-columns:1fr;gap:35px}.image-frame{justify-self:center;width:min(520px,100%)}
  .cards{grid-template-columns:1fr;max-width:430px;margin:auto}
  .quotes{grid-template-columns:1fr;gap:40px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:10px;}.map-wrap{grid-column:1/-1}
}
@media (max-width:560px){
  .section{padding:58px 0}.container,.nav-wrap,.narrow{width:calc(100% - 32px)}
  h2{font-size:27px}.desktop{display:none}
  .hero{height:470px}.hero h1{font-size:32px}.hero-content{padding-bottom:50px}
  .step{grid-template-columns:42px 1fr;gap:12px}.num{width:34px;height:34px}
  .form-row{grid-template-columns:1fr}.subscribe-box{padding:22px 18px}
  .footer-grid{grid-template-columns:1fr}.map-wrap{grid-column:auto}.map-wrap img{height:190px}
  .container.copyright{
    margin-top: 20px;
  }
}

/* =====================================================
   MSCLKID AD SECTION
===================================================== */
#website-ad-section img {
  width: 100%;
}

#mobileView {
  display: none;
}

@media (max-width: 767px) {
  #mobileView {
    display: block;
  }

  #desktopView {
    display: none;
  }
}


/* =====================================================
   COOKIE CONSENT
===================================================== */

.cookie-consent {
  position: fixed;

  left: 25px;
  right: 25px;
  bottom: 25px;

  z-index: 9999;

  background: #fff;

  border: 1px solid #e5e5e5;

  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);

  border-radius: 4px;

  padding: 22px 25px;

  display: none;
}


/* Show cookie banner */

.cookie-consent.show {
  display: block;
}


.cookie-content {
  max-width: 1100px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 35px;
}



/* Text */

.cookie-text {
  flex: 1;
}


.cookie-text h3 {
  margin: 0 0 7px;

  color: #111;

  font-size: 18px;

  font-weight: 800;
}


.cookie-text p {
  margin: 0 0 7px;

  max-width: 700px;

  color: #555;

  font-size: 14px;

  line-height: 1.6;
}


.cookie-text a {
  color: #e85a2b;

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;
}


.cookie-text a:hover {
  text-decoration: underline;
}



/* Buttons */

.cookie-actions {
  display: flex;

  align-items: center;

  gap: 10px;

  flex-shrink: 0;
}


.cookie-btn {
  border: 0;

  padding: 11px 18px;

  border-radius: 2px;

  cursor: pointer;

  font-family: inherit;

  font-size: 14px;

  font-weight: 700;

  transition: .2s;
}


.cookie-decline {
  background: #f2f2f2;

  color: #333;
}


.cookie-decline:hover {
  background: #e5e5e5;
}


.cookie-accept {
  background: #e85a2b;

  color: #fff;
}


.cookie-accept:hover {
  background: #cc4824;
}



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

@media (max-width: 650px) {

  .cookie-consent {
      left: 12px;
      right: 12px;
      bottom: 12px;

      padding: 20px;
  }


  .cookie-content {
      display: block;
  }


  .cookie-text h3 {
      font-size: 15px;
  }


  .cookie-text p {
      font-size: 13px;

      line-height: 1.6;
  }


  .cookie-actions {
      margin-top: 18px;

      width: 100%;
  }


  .cookie-btn {
      flex: 1;

      padding: 12px 10px;
  }

}


/* =========================================
   TOUR SECTION
========================================= */

.tours-section {
  padding: 50px 0 105px;
}

.container {
  width: 100%;
  max-width: 1180px;

  margin: 0 auto;
  padding: 0 30px;
}


/* PAGE TITLE */

.tours-section h1 {
  margin: 0 0 27px;

  text-align: center;

  font-size: 38px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: -1px;
}


/* =========================================
   TOUR GRID
========================================= */

.tour-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;
}


/* =========================================
   TOUR CARD
========================================= */

.tour-card {
  background: #fff;

  min-width: 0;

  display: flex;
  flex-direction: column;

  min-height: 360px;
}


/* CARD IMAGE */

.tour-card img {
  display: block;

  width: 100%;
  height: 190px;

  object-fit: cover;
}


/* CARD CONTENT */

.tour-content {
  flex: 1;

  padding: 18px 0px 20px;

  display: flex;
  flex-direction: column;
}


/* CARD TITLE */

.tour-content h2 {
  margin: 0 0 9px;

  font-size: 18px;
  line-height: 1.4;

  font-weight: 800;
}


/* DAYS */

.duration {
  display: block;

  font-size: 14px;

  margin-bottom: 1px;
}


/* DESCRIPTION */

.tour-content p {
  margin: 0;

  font-size: 14px;
  line-height: 1.5;

  color: #222;
}


/* SEE MORE */

.see-more {
  align-self: flex-start;

  margin-top: auto;

  padding: 10px 16px;

  border: none;
  border-radius: 2px;

  background: #e5562d;
  color: #fff;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;
}

.see-more:hover {
  background: #cc4721;
}

@media (max-width: 900px) {

  

  /* MOBILE NAV */

  .menu-btn {
    display: block;
  }


  .navigation {
    display: none;

    position: absolute;

    top: 70px;
    left: 0;
    right: 0;

    background: #fff;

    padding: 12px 28px;

    flex-direction: column;

    gap: 0;

    box-shadow:
      0 8px 15px rgba(0,0,0,.1);

    z-index: 20;
  }


  .navigation.active {
    display: flex;
  }


  .navigation a {
    width: 100%;

    padding: 12px 0;
  }


  .book-btn {
    text-align: center;
  }


  /* TWO COLUMNS */

  .tour-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }


}


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

@media (max-width: 560px) {

  

  .tours-section {
    padding: 38px 0 65px;
  }


  .tours-section h1 {
    font-size: 30px;

    margin-bottom: 25px;
  }


  /* ONE COLUMN */

  .tour-grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }


  .tour-card {
    min-height: 0;
  }


  .tour-card img {
    height: 210px;
  }


  .tour-content {
    min-height: 225px;
  }


  

}



/* =====================================================
   about page
===================================================== */




.about-container {

  width: min(
      1180px,
      calc(100% - 148px)
  );

  margin: auto;

  display: grid;

  grid-template-columns:
      1fr 1fr;

  gap: 75px;

  align-items: center;
}



/* =====================================================
 FIRST ABOUT SECTION
===================================================== */

.about-intro {

  padding-top: 55px;

  padding-bottom: 105px;

  background: #fafafa;
}


.about-text {

  max-width: 490px;
}


.about-text h1 {

  margin: 0 0 27px;

  font-size: 40px;

  line-height: 1.08;

  letter-spacing: -1px;

  font-weight: 800;
}


.about-text h2 {

  margin: 0 0 25px;

  font-size: 38px;

  line-height: 1.1;

  letter-spacing: -1px;

  font-weight: 800;
}


.about-text p {

  margin: 0 0 2px;

  font-size: 15px;

  line-height: 1.52;

  color: #151515;
}


.about-image {

  width: 100%;

  overflow: hidden;
}


.about-image img {

  width: 100%;

  height: 460px;

  object-fit: cover;
}



/* =====================================================
 VALUES
===================================================== */

.values-section {

  padding-bottom: 115px;

  background: #fafafa;
}


.values-container {

  width: min(
      1180px,
      calc(100% - 148px)
  );

  margin: auto;

  display: grid;

  grid-template-columns:
      repeat(4, 1fr);

  gap: 19px;
}


.value-card {

  min-height: 164px;

  background: #fff;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 20px;
}


.value-icon {

  width: 52px;

  height: 52px;

  margin-bottom: 17px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #e85a2b;

  font-size: 43px;

  line-height: 1;

  font-weight: 400;
}


.value-icon.smile {

  font-size: 47px;

  font-family: Arial;
}


.value-icon.people {

  font-size: 47px;
}


.value-icon.phone {

  font-size: 46px;
}


.value-card h3 {

  margin: 0;

  font-size: 15px;

  line-height: 1.45;

  font-weight: 800;
}



/* =====================================================
 DIFFERENT SECTION
===================================================== */

.different-section {

  padding-bottom: 95px;

  background: #fafafa;
}


.different-section .about-container {

  align-items: center;
}


.different-section .about-image img {

  height: 410px;

  object-fit: cover;
}


/* =====================================================
   ABOUT PAGE - CONTACT SECTION
===================================================== */

.about-contact {
  background: #f5f5f2;

  padding: 90px 0;
}


.about-contact-container {
  width: min(
      1100px,
      calc(100% - 64px)
  );

  margin: 0 auto;

  display: grid;

  grid-template-columns:
      1fr 1fr;

  gap: 80px;

  align-items: center;
}



/* =====================================================
 LEFT SIDE
===================================================== */

.about-contact-left {
  max-width: 480px;
}


.contact-label {
  display: inline-block;

  margin-bottom: 15px;

  color: #e85a2b;

  font-size: 14px;

  font-weight: 800;

  letter-spacing: 1.8px;
}


.about-contact-left h2 {
  margin: 0 0 22px;

  color: #111;

  font-size: 43px;

  line-height: 1.08;

  letter-spacing: -1.5px;

  font-weight: 800;
}


.about-contact-left p {
  margin: 0 0 15px;

  color: #555;

  font-size: 14px;

  line-height: 1.75;
}



/* =====================================================
 CONTACT DETAILS
===================================================== */

.contact-details {
  margin-top: 32px;

  display: flex;

  flex-direction: column;

  gap: 20px;
}


.contact-detail {
  display: flex;

  align-items: center;

  gap: 14px;
}


.contact-icon {
  width: 45px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  background: #fff;

  border: 1px solid #e4e4e4;

  border-radius: 50%;

  color: #e85a2b;

  font-size: 20px;
}


.contact-detail small {
  display: block;

  margin-bottom: 2px;

  color: #999;

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .8px;
}


.contact-detail a,
.contact-detail div > span {
  color: #222;

  font-size: 13px;

  line-height: 1.5;
}


.contact-detail a:hover {
  color: #e85a2b;
}



/* =====================================================
 CONTACT FORM
===================================================== */

.about-contact-form {
  padding: 38px 40px;

  background: #fff;

  border: 1px solid #e5e5e5;

  box-shadow:
      0 15px 40px rgba(0, 0, 0, .05);
}


.about-contact-form h3 {
  margin: 0 0 7px;

  color: #111;

  font-size: 22px;

  line-height: 1.2;

  font-weight: 800;
}


.form-intro {
  margin: 0 0 25px;

  color: #777;

  font-size: 14px;

  line-height: 1.6;
}



/* =====================================================
 FORM FIELDS
===================================================== */

.contact-form-row {
  display: grid;

  grid-template-columns:
      1fr 1fr;

  gap: 15px;
}


.form-field {
  margin-bottom: 17px;
}


.form-field label {
  display: block;

  margin-bottom: 7px;

  color: #222;

  font-size: 13px;

  font-weight: 700;
}


.form-field input,
.form-field textarea {
  width: 100%;

  padding: 12px 13px;

  border: 1px solid #ddd;

  border-radius: 2px;

  background: #fff;

  color: #222;

  font-family: inherit;

  font-size: 14px;

  outline: none;

  transition: border-color .2s,
              box-shadow .2s;
}


.form-field textarea {
  min-height: 120px;

  resize: vertical;
}


.form-field input::placeholder,
.form-field textarea::placeholder {
  color: #aaa;
}


.form-field input:focus,
.form-field textarea:focus {
  border-color: #e85a2b;

  box-shadow:
      0 0 0 2px rgba(232, 90, 43, .08);
}



/* =====================================================
 AGREEMENT
===================================================== */

.contact-agreement {
  display: flex;

  align-items: flex-start;

  gap: 8px;

  margin: 2px 0 20px;

  color: #777;

  font-size: 9px;

  line-height: 1.5;
}

.contact-agreement span{
  font-size: 13px;
}
.contact-agreement input {
  margin-top: 2px;

  accent-color: #e85a2b;
}


.contact-agreement a {
  color: #e85a2b;

  font-weight: 600;
}


.contact-agreement a:hover {
  text-decoration: underline;
}



/* =====================================================
 SUBMIT BUTTON
===================================================== */

.contact-submit {
  width: 100%;

  padding: 13px 20px;

  border: 0;

  border-radius: 2px;

  background: #e85a2b;

  color: #fff;

  font-family: inherit;

  font-size: 14px;

  font-weight: 800;

  cursor: pointer;

  transition:
      background .2s,
      transform .2s;
}


.contact-submit:hover {
  background: #cc4824;

  transform: translateY(-1px);
}



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

@media (max-width: 900px) {

  .about-contact {
      padding: 70px 0;
  }


  .about-contact-container {
      width: calc(100% - 50px);

      grid-template-columns:
          1fr 1fr;

      gap: 40px;
  }


  .about-contact-left h2 {
      font-size: 36px;
  }


  .about-contact-form {
      padding: 30px;
  }

}



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

@media (max-width: 650px) {

  .about-contact {
      padding: 55px 0;
  }


  .about-contact-container {
      width: calc(100% - 32px);

      display: block;
  }


  .about-contact-left {
      max-width: none;

      margin-bottom: 40px;
  }


  .about-contact-left h2 {
      font-size: 33px;
  }


  .about-contact-left p {
      font-size: 13px;
  }


  .about-contact-form {
      padding: 25px 20px;
  }


  .about-contact-form h3 {
      font-size: 20px;
  }


  .contact-form-row {
      grid-template-columns: 1fr;

      gap: 0;
  }


  .contact-details {
      gap: 16px;
  }

}
/* =====================================================
 SUBSCRIBE
===================================================== */

.subscribe-section {

  background: #fff;

  padding: 47px 0 76px;
}


.subscribe-container {

  width: min(
      1000px,
      calc(100% - 40px)
  );

  margin: auto;

  text-align: center;
}


.subscribe-container h2 {

  margin: 0 0 31px;

  font-size: 31px;

  line-height: 1.2;

  letter-spacing: -.8px;

  font-weight: 800;
}


.subscribe-box {

  width: 610px;

  max-width: 100%;

  margin: auto;

  padding: 24px 20px 21px;

  background: #fafafa;

  border-radius: 5px;
}


.subscribe-box p {

  margin: 0 auto 20px;

  max-width: 500px;

  font-size: 14px;

  line-height: 1.55;

  color: #444;
}


.subscribe-form {

  display: grid;

  grid-template-columns:
      1fr 1fr 125px;

  gap: 10px;
}


.subscribe-form input {

  height: 38px;

  padding: 0 12px;

  border: 1px solid #ddd;

  background: #fff;

  outline: none;

  font-family: inherit;

  font-size: 14px;
}


.subscribe-form input:focus {

  border-color: #e85a2b;
}


.subscribe-form button {

  height: 38px;

  border: none;

  border-radius: 2px;

  background: #e85a2b;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  cursor: pointer;
}


.subscribe-form button:hover {

  background: #cc4824;
}


.agreement {

  display: block;

  margin-top: 14px;

  text-align: left;

  font-size: 14px;

  color: #aaa;
}


.agreement input {

  margin-right: 4px;

  vertical-align: -2px;
}


.agreement a {

  color: #299dca;
}





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

@media (max-width: 900px) {

  .about-container {

      width: calc(100% - 70px);

      grid-template-columns:
          1fr 1fr;

      gap: 40px;
  }


  .values-container {

      width: calc(100% - 70px);

      grid-template-columns:
          repeat(2, 1fr);
  }


  

}



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

@media (max-width: 600px) {


  

  /* ABOUT */

  .about-intro {

      padding-top: 42px;

      padding-bottom: 65px;
  }


  .about-container {

      width: calc(100% - 32px);

      grid-template-columns: 1fr;

      gap: 35px;
  }


  .about-text {

      max-width: none;
  }


  .about-text h1 {

      font-size: 31px;

      line-height: 1.08;
  }


  .about-text h2 {

      font-size: 31px;
  }


  .about-text p {

      font-size: 14px;
  }


  .about-image {

      order: 2;
  }


  .about-image img {

      height: 350px;
  }


  /* VALUES */

  .values-section {

      padding-bottom: 65px;
  }


  .values-container {

      width: calc(100% - 32px);

      grid-template-columns: 1fr 1fr;

      gap: 12px;
  }


  .value-card {

      min-height: 150px;

      padding: 14px 8px;
  }


  .value-icon {

      margin-bottom: 12px;

      font-size: 35px;
  }


  .value-card h3 {

      font-size: 14px;
  }


  /* DIFFERENT */

  .different-section {

      padding-bottom: 65px;
  }


  .different-section .about-container {

      display: flex;

      flex-direction: column;
  }


  .different-section .about-image {

      order: 2;
  }


  .different-section .about-image img {

      height: 330px;
  }


  /* SUBSCRIBE */

  .subscribe-section {

      padding: 45px 0 60px;
  }


  .subscribe-container {

      width: calc(100% - 32px);
  }


  .subscribe-container h2 {

      font-size: 25px;
  }


  .subscribe-form {

      grid-template-columns: 1fr;
  }


  .subscribe-form button {

      width: 100%;
  }



}




/* =====================================================
 GENERAL
===================================================== */

.cookie-container {
  width: min(
      1100px,
      calc(100% - 64px)
  );

  margin: auto;
}



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

.cookie-hero {
  background: #fff;

  border-bottom: 1px solid #eee;

  padding: 75px 0 65px;
}

.page-label {
  display: inline-block;

  margin-bottom: 12px;

  color: #e85a2b;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

.cookie-hero h1 {
  margin: 0 0 20px;

  font-size: 44px;

  line-height: 1.1;

  letter-spacing: -1.5px;

  font-weight: 800;
}

.hero-text {
  max-width: 650px;

  margin: 0 0 12px;

  color: #444;

  font-size: 15px;

  line-height: 1.7;
}

.updated {
  margin: 0;

  color: #999;

  font-size: 14px;
}



/* =====================================================
 CONTENT
===================================================== */

.cookie-content {
  padding: 35px 0 30px;
  background: #fafafa;
}

.cookie-layout {
  display: grid;

  grid-template-columns:
      230px 1fr;

  gap: 75px;

  align-items: start;
}



/* =====================================================
 SIDEBAR
===================================================== */

.cookie-sidebar {
  position: sticky;

  top: 95px;

  background: #fff;

  padding: 25px 22px;

  border: 1px solid #eee;
}

.cookie-sidebar h3 {
  margin: 0 0 17px;

  font-size: 17px;

  font-weight: 800;
}

.cookie-sidebar a {
  display: block;

  padding: 8px 0;

  color: #555;

  border-bottom: 1px solid #f1f1f1;

  font-size: 14px;
}

.cookie-sidebar a:last-child {
  border-bottom: none;
}

.cookie-sidebar a:hover {
  color: #e85a2b;
}



/* =====================================================
 ARTICLE
===================================================== */

.cookie-article {
  background: #fff;

  padding: 45px 50px;
}

.cookie-article section {
  margin-bottom: 55px;

  scroll-margin-top: 90px;
}

.cookie-article section:last-child {
  margin-bottom: 0;
}

.cookie-article h2 {
  margin: 0 0 18px;

  font-size: 25px;

  line-height: 1.2;

  letter-spacing: -.5px;

  font-weight: 800;
}

.cookie-article h3 {
  margin: 0 0 10px;

  font-size: 15px;

  font-weight: 700;
}

.cookie-article p {
  margin: 0 0 15px;

  color: #333;

  font-size: 14px;

  line-height: 1.75;
}

.cookie-article ul {
  margin: 15px 0 0;

  padding-left: 20px;
}

.cookie-article li {
  margin-bottom: 9px;

  color: #333;

  font-size: 14px;
}



/* =====================================================
 COOKIE TYPE CARDS
===================================================== */

.cookie-type {
  position: relative;

  margin-top: 18px;

  padding: 23px 25px;

  background: #fafafa;

  border: 1px solid #eee;

  border-left: 3px solid #e85a2b;
}

.cookie-type h3 {
  padding-right: 100px;
}

.cookie-type p {
  margin: 0;
}

.cookie-status {
  position: absolute;

  top: 21px;

  right: 22px;

  padding: 4px 9px;

  border-radius: 2px;

  background: #e85a2b;

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .5px;
}

.cookie-status.optional {
  background: #e9e9e9;

  color: #555;
}



/* =====================================================
 INFO BOX
===================================================== */

.info-box {
  margin-top: 25px;

  padding: 22px 24px;

  background: #f5f9fb;

  border-left: 3px solid #1e91ca;
}

.info-box strong {
  display: block;

  margin-bottom: 6px;

  font-size: 15px;
}

.info-box p {
  margin: 0;
}



/* =====================================================
 CONTACT CARD
===================================================== */

.contact-card {
  margin-top: 22px;

  padding: 25px;

  background: #fafafa;

  border: 1px solid #eee;
}

.contact-card h3 {
  margin-bottom: 7px;
}

.contact-card p {
  margin-bottom: 15px;
}

.contact-card a {
  display: inline-block;

  padding: 9px 16px;

  background: #e85a2b;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  border-radius: 2px;
}

.contact-card a:hover {
  background: #cc4824;
}





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

@media (max-width: 900px) {

  .nav-wrap {
      width: calc(100% - 40px);
  }

  .menu-toggle {
      display: block;
  }

  .nav {
      display: none;

      position: absolute;

      top: 58px;

      left: 0;

      right: 0;

      background: #fff;

      padding: 15px 25px;

      flex-direction: column;

      gap: 0;

      box-shadow:
          0 6px 15px rgba(0,0,0,.1);
  }

  .nav.open {
      display: flex;
  }

  .nav a {
      width: 100%;

      padding: 12px 0;
  }

  .nav-cta {
      text-align: center;
  }


  .cookie-container {
      width: calc(100% - 50px);
  }

  .cookie-layout {
      grid-template-columns:
          190px 1fr;

      gap: 35px;
  }

  .cookie-article {
      padding: 35px;
  }



}



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

@media (max-width: 650px) {

  

  /* Hero */

  .cookie-hero {
      padding: 50px 0 45px;
  }

  .cookie-hero h1 {
      font-size: 34px;
  }

  .hero-text {
      font-size: 14px;
  }


  /* Content */

  .cookie-content {
      padding: 35px 0 65px;
  }

  .cookie-layout {
      display: block;
  }


  /* Sidebar */

  .cookie-sidebar {
      position: static;

      margin-bottom: 25px;

      padding: 20px;
  }

  .cookie-sidebar a {
      display: inline-block;

      margin-right: 15px;

      border-bottom: none;
  }


  /* Article */

  .cookie-article {
      padding: 28px 22px;
  }

  .cookie-article section {
      margin-bottom: 42px;
  }

  .cookie-article h2 {
      font-size: 22px;
  }

  .cookie-article p,
  .cookie-article li {
      font-size: 14px;
  }


  /* Cookie cards */

  .cookie-type {
      padding: 20px;
  }

  .cookie-type h3 {
      padding-right: 0;

      margin-bottom: 35px;
  }

  .cookie-status {
      top: 20px;

      left: 20px;

      right: auto;
  }


  

}





/* =====================================================
   PRIVACY POLICY
===================================================== */

.privacy-page {
  background: #fafafa;
  color: #111;
}


/* =====================================================
 CONTAINER
===================================================== */

.privacy-container {
  width: min(
      1100px,
      calc(100% - 64px)
  );

  margin: 0 auto;
}



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

.privacy-hero {
  background: #fff;

  padding: 75px 0 65px;

  border-bottom: 1px solid #eee;
}


.privacy-label {
  display: inline-block;

  margin-bottom: 12px;

  color: #e85a2b;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;
}


.privacy-hero h1 {
  margin: 0 0 20px;

  font-size: 44px;

  line-height: 1.1;

  letter-spacing: -1.5px;

  font-weight: 800;
}


.privacy-intro {
  max-width: 700px;

  margin: 0 0 12px;

  color: #444;

  font-size: 15px;

  line-height: 1.7;
}


.privacy-updated {
  margin: 0;

  color: #999;

  font-size: 11px;
}



/* =====================================================
 CONTENT
===================================================== */

.privacy-content {
  padding: 65px 0 100px;
}


.privacy-layout {
  display: grid;

  grid-template-columns:
      230px 1fr;

  gap: 75px;

  align-items: start;
}



/* =====================================================
 SIDEBAR
===================================================== */

.privacy-sidebar {
  position: sticky;

  top: 90px;

  padding: 25px 22px;

  background: #fff;

  border: 1px solid #eee;
}


.privacy-sidebar h3 {
  margin: 0 0 17px;

  font-size: 17px;

  font-weight: 800;
}


.privacy-sidebar a {
  display: block;

  padding: 8px 0;

  color: #555;

  border-bottom: 1px solid #f1f1f1;

  font-size: 15px;

  transition: .2s;
}


.privacy-sidebar a:last-child {
  border-bottom: 0;
}


.privacy-sidebar a:hover {
  color: #e85a2b;

  padding-left: 3px;
}



/* =====================================================
 ARTICLE
===================================================== */

.privacy-article {
  background: #fff;

  padding: 45px 50px;
}


.privacy-article section {
  margin-bottom: 55px;

  scroll-margin-top: 90px;
}


.privacy-article section:last-child {
  margin-bottom: 0;
}


.privacy-article h2 {
  margin: 0 0 18px;

  font-size: 25px;

  line-height: 1.2;

  letter-spacing: -.5px;

  font-weight: 800;
}


.privacy-article h3 {
  margin: 0 0 9px;

  font-size: 15px;

  font-weight: 700;
}


.privacy-article p {
  margin: 0 0 15px;

  color: #333;

  font-size: 14px;

  line-height: 1.75;
}


.privacy-article p:last-child {
  margin-bottom: 0;
}


.privacy-article ul {
  margin: 15px 0 0;

  padding-left: 20px;
}


.privacy-article li {
  margin-bottom: 9px;

  color: #333;

  font-size: 14px;

  line-height: 1.7;
}


.privacy-article a {
  color: #e85a2b;

  font-weight: 600;
}


.privacy-article a:hover {
  text-decoration: underline;
}



/* =====================================================
 CONTACT CARD
===================================================== */

.privacy-contact {
  margin-top: 25px;

  padding: 25px;

  background: #fafafa;

  border: 1px solid #eee;

  border-left: 3px solid #e85a2b;
}


.privacy-contact h3 {
  margin-bottom: 7px;
}


.privacy-contact p {
  margin-bottom: 17px;
}


.privacy-contact a {
  display: inline-block;

  padding: 9px 16px;

  background: #e85a2b;

  color: #fff;

  border-radius: 2px;

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;
}


.privacy-contact a:hover {
  background: #cc4824;

  text-decoration: none;
}



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

@media (max-width: 900px) {

  .privacy-container {
      width: calc(100% - 50px);
  }


  .privacy-layout {
      grid-template-columns:
          190px 1fr;

      gap: 35px;
  }


  .privacy-article {
      padding: 35px;
  }

}



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

@media (max-width: 650px) {

  .privacy-container {
      width: calc(100% - 32px);
  }


  .privacy-hero {
      padding: 50px 0 45px;
  }


  .privacy-hero h1 {
      font-size: 34px;
  }


  .privacy-intro {
      font-size: 14px;
  }


  .privacy-content {
      padding: 35px 0 65px;
  }


  .privacy-layout {
      display: block;
  }


  /* Sidebar */

  .privacy-sidebar {
      position: static;

      margin-bottom: 25px;

      padding: 20px;
  }


  .privacy-sidebar a {
      display: inline-block;

      margin-right: 14px;

      padding: 5px 0;

      border: none;
  }


  /* Article */

  .privacy-article {
      padding: 28px 22px;
  }


  .privacy-article section {
      margin-bottom: 42px;
  }


  .privacy-article h2 {
      font-size: 22px;
  }


  .privacy-article p,
  .privacy-article li {
      font-size: 14px;
  }


  .privacy-contact {
      padding: 20px;
  }

}



/* =====================================================
   TERMS & CONDITIONS
===================================================== */

.terms-page {
  background: #fafafa;
  color: #111;
}


/* =====================================================
 CONTAINER
===================================================== */

.terms-container {
  width: min(
      1100px,
      calc(100% - 64px)
  );

  margin: 0 auto;
}



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

.terms-hero {
  background: #fff;

  padding: 75px 0 65px;

  border-bottom: 1px solid #eee;
}


.terms-label {
  display: inline-block;

  margin-bottom: 12px;

  color: #e85a2b;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1.5px;
}


.terms-hero h1 {
  margin: 0 0 20px;

  font-size: 44px;

  line-height: 1.1;

  letter-spacing: -1.5px;

  font-weight: 800;
}


.terms-intro {
  max-width: 700px;

  margin: 0 0 12px;

  color: #444;

  font-size: 15px;

  line-height: 1.7;
}


.terms-updated {
  margin: 0;

  color: #999;

  font-size: 11px;
}



/* =====================================================
 CONTENT
===================================================== */

.terms-content {
  padding: 65px 0 100px;
}


.terms-layout {
  display: grid;

  grid-template-columns:
      230px 1fr;

  gap: 75px;

  align-items: start;
}



/* =====================================================
 SIDEBAR
===================================================== */

.terms-sidebar {
  position: sticky;

  top: 90px;

  padding: 25px 22px;

  background: #fff;

  border: 1px solid #eee;
}


.terms-sidebar h3 {
  margin: 0 0 17px;

  font-size: 16px;

  font-weight: 800;
}


.terms-sidebar a {
  display: block;

  padding: 8px 0;

  color: #555;

  border-bottom: 1px solid #f1f1f1;

  font-size: 14px;

  transition: .2s;
}


.terms-sidebar a:last-child {
  border-bottom: 0;
}


.terms-sidebar a:hover {
  color: #e85a2b;

  padding-left: 3px;
}



/* =====================================================
 ARTICLE
===================================================== */

.terms-article {
  background: #fff;

  padding: 45px 50px;
}


.terms-article section {
  margin-bottom: 55px;

  scroll-margin-top: 90px;
}


.terms-article section:last-child {
  margin-bottom: 0;
}


.terms-article h2 {
  margin: 0 0 18px;

  font-size: 25px;

  line-height: 1.2;

  letter-spacing: -.5px;

  font-weight: 800;
}


.terms-article h3 {
  margin: 0 0 9px;

  font-size: 15px;

  font-weight: 700;
}


.terms-article p {
  margin: 0 0 15px;

  color: #333;

  font-size: 14px;

  line-height: 1.75;
}


.terms-article p:last-child {
  margin-bottom: 0;
}


.terms-article ul {
  margin: 15px 0;

  padding-left: 20px;
}


.terms-article li {
  margin-bottom: 9px;

  color: #333;

  font-size: 14px;

  line-height: 1.7;
}



/* =====================================================
 INFO BOX
===================================================== */

.terms-info-box {
  margin-top: 25px;

  padding: 22px 24px;

  background: #f5f9fb;

  border-left: 3px solid #1e91ca;
}


.terms-info-box strong {
  display: block;

  margin-bottom: 6px;

  font-size: 14px;
}


.terms-info-box p {
  margin: 0;
}



/* =====================================================
 CONTACT
===================================================== */

.terms-contact {
  margin-top: 25px;

  padding: 25px;

  background: #fafafa;

  border: 1px solid #eee;

  border-left: 3px solid #e85a2b;
}


.terms-contact h3 {
  margin-bottom: 7px;
}


.terms-contact p {
  margin-bottom: 17px;
}


.terms-contact a {
  display: inline-block;

  padding: 9px 16px;

  background: #e85a2b;

  color: #fff;

  border-radius: 2px;

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;
}


.terms-contact a:hover {
  background: #cc4824;
}



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

@media (max-width: 900px) {

  .terms-container {
      width: calc(100% - 50px);
  }


  .terms-layout {
      grid-template-columns:
          190px 1fr;

      gap: 35px;
  }


  .terms-article {
      padding: 35px;
  }

}



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

@media (max-width: 650px) {

  .terms-container {
      width: calc(100% - 32px);
  }


  .terms-hero {
      padding: 50px 0 45px;
  }


  .terms-hero h1 {
      font-size: 34px;
  }


  .terms-intro {
      font-size: 14px;
  }


  .terms-content {
      padding: 35px 0 65px;
  }


  .terms-layout {
      display: block;
  }


  /* Sidebar */

  .terms-sidebar {
      position: static;

      margin-bottom: 25px;

      padding: 20px;
  }


  .terms-sidebar a {
      display: inline-block;

      margin-right: 14px;

      padding: 5px 0;

      border: none;
  }


  /* Article */

  .terms-article {
      padding: 28px 22px;
  }


  .terms-article section {
      margin-bottom: 42px;
  }


  .terms-article h2 {
      font-size: 22px;
  }


  .terms-article p,
  .terms-article li {
      font-size: 14px;
  }


  .terms-contact {
      padding: 20px;
  }

}