@font-face {
    font-family: 'Gotham';
    src: url('Fonts/Gotham-Book.otf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('Fonts/Gotham-Medium.otf') format('opentype');
    font-weight:bold;
}



















/* Footer */
    .footer {
      background-color: #171717;
      padding: 10px 0;
     width: 100%;
    }

    
    .footer-content {
      display: flex;
      flex-direction: column;
      gap: 30px;
      padding: 4px 0;
      width: 1440px;
    }
    
    .footer-main {
      display: flex;
      flex-direction: column;
      gap: 174px;
    }
    
    .footer-brand {
      display: flex;
      flex-direction: column;
      gap: 30px;
      width: 100%;
    }
    
    .footer-logo {
      width: 182px;
      height: 108px;
      border-radius: 12px;
    }
    
    .footer-description {
      font-size: 18px;
      font-weight: 300;
      line-height:1.5;
      color: #FFB70B;
    }
    
    .social-links {
      display: flex;
      gap: 12px;
    }
    
    .social-icon {
      width: 40px;
      height: 40px;
    }
    
    .contact-item {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    
    .contact-icon {
      background-color: #ffb70b;
      border-radius: 20px;
      padding: 8px;
      width: 40px;
      height: 40px;
    }
    
    .contact-text {
      font-size: 16px;
      font-weight: 300;
      line-height: 1.25;
      color: #ffffff;
    }
    
    .footer-links {
      padding: 120px;
      display: flex;
      flex-direction: column;
      gap: 80px;
      margin-top: 100px;
    }
    
    .footer-section {
      display: flex;
      flex-direction: column;
      gap: 25px;
    }
    
    .footer-section-title {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.2;
      color: #ffb70b;
    }




html {
    line-height: 1.15;
}

body {
    margin: 0;
}

* {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
}

p, li, ul, pre, div, h1, h2, h3, h4, h5, h6, figure, blockquote, figcaption {
    margin: 0;
    padding: 0;
}

button {
    background-color: transparent;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    color: inherit;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focus, [type="button"]:-moz-focus, [type="reset"]:-moz-focus, [type="submit"]:-moz-focus {
        outline: 1px dotted ButtonText;
    }

a {
    color: inherit;
    text-decoration: inherit;
}

pre {
    white-space: normal;
}

input {
    padding: 2px 4px;
}

img {
    display: block;
}

details {
    display: block;
    margin: 0;
    padding: 0;
}

summary::-webkit-details-marker {
    display: none;
}

[data-thq="accordion"] [data-thq="accordion-content"] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    padding: 0;
}

[data-thq="accordion"] details[data-thq="accordion-trigger"][open] + [data-thq="accordion-content"] {
    max-height: 1000vh;
}

details[data-thq="accordion-trigger"][open] summary [data-thq="accordion-icon"] {
    transform: rotate(180deg);
}

html {
    scroll-behavior: smooth
}

html {
    font-family: Inter;
    font-size: 16px;
}

body {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.15;
    color: var(--dl-color-theme-neutral-dark);
    background: var(--dl-color-theme-neutral-light);
    fill: var(--dl-color-theme-neutral-dark);
}












.footer-link {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    color: #ffffff;
    text-decoration: none;
    transition: color 0s ease;
}
    
    .footer-link:hover {
      color: #ffb70b;
    }
    
    .footer-bottom {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: -24px;
    }
     
    .footer-bottoms-made-love {
      display: flex;
      flex-direction: column;
      gap: 0px;
      margin-top: 0px;
      align-items: center;
    }
         .footer-main {
        flex-direction: row;
        justify-content: space-between;
        width: 1440px;
      }
      
      .footer-brand {
        width: 38%;
      }
      
      .footer-links {
        flex-direction: row;
        width: 60%;
        margin-top: 0;
      }
.desktop-spark-journey-thq-text-elm52 {
  color: rgb(255, 255, 255);
  width: 1192px;
  height: 30px;
  font-size: 16px;
  font-style: Book;
  text-align: center;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
  width: 100%;
}
 
.desktop-spark-journey-thq-text-elm53 {
  color: rgba(255, 255, 255, 1);
}
 
.desktop-spark-journey-thq-text-elm54 {
  color: rgba(237, 28, 36, 1);
}

    /* Reset and base styles */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Gotham' ;
      line-height: 1.6;
      color: #2b2a2a;
      background-color: #ffffff;
    }
    
    img {
      max-width: 100%;
      height: auto;
    }
    
    /* Layout components */
    .container {
      width: 100%;
      max-width: 1440px;
      margin: 0px auto;
      /* display: flex; */
      padding: 0px 20px;
    }
    
    .flex-row {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    
    .flex-column {
      display: flex;
      flex-direction: column;
    }
    
    .justify-center { justify-content: center; }
    .justify-between { justify-content: space-between; }
    .align-center { align-items: center; }
    .align-start { align-items: flex-start; }


   /* Header */
    .header {
      background-color: #ffffff;
      position: fixed;
      top: 0;

      z-index: 100;
      padding: 0px 0;
    }

   .header-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: fixed;
      background-color: #ffffff;
      width: 100%;
      height: 120px;
      margin: 0 auto;
      padding-right: 29px;
      padding-left: 49px;
  box-shadow: 0 6px 50px  rgba(0, 0, 0, 0.15);
}
    .logo {
      width: 158px;
      height: 94px;
    }
    
    .nav-menu {
      display:flex;
      gap: 12px;
    }
    
    .nav-item {
      font-size: 18px;
      font-weight: 300;
      color: #2b2a2a;
      text-decoration: none;
      padding: 8px 12px;
      transition: color 0.3s ease;
    }
    
    .nav-item:hover {
      color: #936800;
      background-color: #F8EAC8;  
     border-radius: 30px;

    }
    
    .language-selector {
      display: flex;
      align-items: center;
      gap: 4px;
      border: 1px solid #eaeaea;
      border-radius: 30px;
      padding: 0px 18px;
    }
    
    

.desktop-spark-journey-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-desktop-spark-journey-elm {
  width: 100%;
  height: 3773px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop-spark-journey-thq-frame1000001220-elm {
  gap: 40px;
  top: 100px;
  left: 0px;
  width:100%;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame1410078803-elm1 {
  width:100%;
  height: 1158px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-color:rgb(48, 48, 48);
}
 
.desktop-spark-journey-thq-mysparkjourney1-elm {
  top: 0px;
  left: 0px;
  width:100%;
  height: 1158px;
  align-items: flex-start;
 
}
button {
    border-radius: 30px;
    border: 2px solid rgb(52 52 52);
    background: rgba(255, 183, 11, 1);
    display: flex;
    width: 350px;
    height: 42px;
    /*padding: 10px 10px; */
    justify-content: center;
    align-items: center;
    gap: 0px;
    font-family: Gotham;
    font-weight: 500;
}

.desktop-spark-journey-thq-frame1410078803-elm2 {
  top: 32px;
  left: 510px;
  width: 420px;
  height: 89px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-frame1410078755-elm {
  top: 0px;
  left: 0px;
  width: 420px;
  height: 89px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-vector12-elm1 {
  top: 16px;
  left: 45px;
  width: 462px;
  height: 68px;
  position: absolute;
}
 
.desktop-spark-journey-thq-text-elm10 {
  top: 37px;
  left: 88px;
  color:black;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  
}
 
.desktop-spark-journey-thq-frame255-elm {
  gap: 22px;
  width: 1360px;
  height: 703px;
  display: flex;
  padding: 20px 0 10px;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
 
.desktop-spark-journey-thq-frame265-elm {
  gap: 30px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.desktop-spark-journey-thq-frame1410078699-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.desktop-spark-journey-thq-frame1410078754-elm {
  width: 420px;
  height: 89px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-vector12-elm2 {
  top: 16px;
  left: -19px;
  width: 462px;
  height: 68px;
  position: absolute;

 
 }
.desktop-spark-journey-thq-text-elm11 {
  top: 37px;
  left: 63px;
  color: var(--dl-color-default-text1);
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  
}
 
.desktop-spark-journey-thq-text-elm12 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 22px;
  align-self: stretch;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 500;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm13 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Book;
  text-align: center;
  font-family: Gotham;
  font-weight: 300;
  line-height: 20px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame1410078702-elm {
  gap: 50px;
  width: 1130px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame1410078700-elm {
  gap: 50px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-component128-elm {
  gap: 24px;
  width: 600px;
  height: 185px;
  display: flex;
  padding: 20px 20px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 12px;
  flex-direction: column;
  background-color: rgba(255, 206, 0, 1);
  border: #2d04045c 20px;
}

.desktop-spark-journey-thq-component128-elm {
  transition: all 0.3s ease;
}

.desktop-spark-journey-thq-component128-elm:hover {
  transform: translateY(-8px);
 border-color: #8b6a1f;
  background-color: rgb(11, 11, 11);

}

.desktop-spark-journey-thq-frame1410078691-elm1 {
  gap: 20px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-inclusivity1-elm {
  width: 48px;
  height: 48px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-group-elm10 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm11 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm12 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm13 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm14 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm15 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm16 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm17 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm18 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47.41443634033203px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm10 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 47px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm11 {
  top: 7.21875px;
  left: 7.21875px;
  width: 41px;
  height: 40px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm19 {
  top: 6.449914455413818px;
  left: 15.566813468933105px;
  width: 16.487436294555664px;
  height: 41.55008316040039px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm12 {
  top: 0px;
  left: 0px;
  width: 16px;
  height: 42px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm20 {
  top: 6.450012683868408px;
  left: 23.99850082397461px;
  width: 8.055562019348145px;
  height: 41.549957275390625px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm13 {
  top: 0px;
  left: 0px;
  width: 6px;
  height: 21px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm14 {
  top: 13.499241828918457px;
  left: 0.00018596649169921875px;
  width: 8px;
  height: 28px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm21 {
  top: 21.864669799804688px;
  left: 32.038475036621094px;
  width: 13.009283065795898px;
  height: 13.00929069519043px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm15 {
  top: 6.697917461395264px;
  left: -0.0000019073486328125px;
  width: 9px;
  height: 9px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm22 {
  top: 9.135287284851074px;
  left: 5.791274547576904px;
  width: 9.78470230102539px;
  height: 9.78470230102539px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm16 {
  top: 5.037668704986572px;
  left: 2.384185791015625e-7px;
  width: 7px;
  height: 7px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm23 {
  top: 9.603843688964844px;
  left: 12.774469375610352px;
  width: 22.45106315612793px;
  height: 21.35118865966797px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm17 {
  top: 0px;
  left: 0px;
  width: 22px;
  height: 21px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm24 {
  top: 9.603656768798828px;
  left: 23.998687744140625px;
  width: 11.226845741271973px;
  height: 18.418407440185547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm18 {
  top: 0px;
  left: 0px;
  width: 11px;
  height: 18px;
  position: absolute;
}
 
.desktop-spark-journey-thq-text-elm16 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 24px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm17 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm18 {
  font-weight: 500;
}
 
.desktop-spark-journey-thq-component129-elm {
  gap: 24px;
  width: 600px;
  display: flex;
  padding: 20px 20px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 12px;
  flex-direction: column;
  background-color: rgba(255, 206, 0, 1);
}
 
.desktop-spark-journey-thq-frame1410078691-elm2 {
  gap: 20px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-empowerment1-elm {
  width: 48px;
  height: 48px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-group-elm25 {
  top: 0px;
  left: 0px;
  width: 48.00165557861328px;
  height: 48.000022888183594px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm19 {
  top: 0px;
  left: 0px;
  width: 48px;
  height: 44px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm20 {
  top: 5.5009765625px;
  left: 12.3203125px;
  width: 36px;
  height: 37px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm26 {
  top: 4.78125px;
  left: 8.81640625px;
  width: 32.56171798706055px;
  height: 43.21857833862305px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm21 {
  top: 0px;
  left: 0px;
  width: 16px;
  height: 21px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm22 {
  top: 1.4052734375px;
  left: 10.7578125px;
  width: 8px;
  height: 19px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm27 {
  top: 18.810546875px;
  left: 2.56640625px;
  width: 13.615313529968262px;
  height: 24.0674991607666px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm28 {
  top: 0px;
  left: 0px;
  width: 13.615313529968262px;
  height: 24.0674991607666px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm29 {
  top: 0px;
  left: 0px;
  width: 13.615313529968262px;
  height: 24.0674991607666px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm23 {
  top: 0px;
  left: 0px;
  width: 14px;
  height: 24px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm24 {
  top: 18.810749053955078px;
  left: 10.757765769958496px;
  width: 8px;
  height: 24px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm25 {
  top: 8.54052734375px;
  left: 13.8515625px;
  width: 16px;
  height: 21px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm26 {
  top: 9.94580078125px;
  left: 24.609375px;
  width: 8px;
  height: 19px;
  position: absolute;
}
 
.desktop-spark-journey-thq-group-elm30 {
  top: 27.3515625px;
  left: 16.41796875px;
  width: 13.615313529968262px;
  height: 15.835312843322754px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm31 {
  top: 0px;
  left: 0px;
  width: 13.615313529968262px;
  height: 15.835312843322754px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-group-elm32 {
  top: 0px;
  left: 0px;
  width: 13.615313529968262px;
  height: 15.835312843322754px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-vector-elm27 {
  top: 0px;
  left: 0px;
  width: 14px;
  height: 16px;
  position: absolute;
}
 
.desktop-spark-journey-thq-vector-elm28 {
  top: 27.3515625px;
  left: 24.609375px;
  width: 8px;
  height: 14px;
  position: absolute;
}
 
.desktop-spark-journey-thq-text-elm20 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 24px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm21 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm22 {
  font-weight: 500;
}

 
.desktop-spark-journey-thq-frame1410078701-elm {
  gap: 50px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-component130-elm {
  gap: 24px;
  width: 600px;
  display: flex;
  padding: 20px 20px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 12px;
  flex-direction: column;
  background-color: rgba(255, 206, 0, 1);
}
 
.desktop-spark-journey-thq-frame1410078691-elm3 {
  gap: 20px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-innovation182277291-elm {
  width: 48px;
  height: 48px;
}
 
.desktop-spark-journey-thq-text-elm24 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 24px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm25 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm26 {
  font-weight: 500;
}
 
.desktop-spark-journey-thq-component131-elm {
  gap: 24px;
  width: 600px;
  display: flex;
  padding: 20px 20px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 12px;
  flex-direction: column;
  background-color: rgba(255, 206, 0, 1);
}
 
.desktop-spark-journey-thq-frame1410078691-elm4 {
  gap: 20px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-family10225431-elm {
  width: 48px;
  height: 48px;
}
 
.desktop-spark-journey-thq-text-elm28 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 24px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm29 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm30 {
  font-weight: 500;
}
 
.desktop-spark-journey-thq-banner-designblack1-elm {
  width: 1360px;
  height: 250px;
}
 
.desktop-spark-journey-thq-component112-elm {
  width: 1440px;
  height: 500px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop-spark-journey-thq-frame1000001246-elm {
  gap: 40px;
  top: 58.99909973144531px;
  left: 0px;
  width: 1440px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame356-elm {
  gap: 40px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame352-elm {
  gap: 60px;
  width: 1360px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame300-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame198-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-whois-sparkfor-elm {
  width: 1360px;
  height: 43px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
 
.desktop-spark-journey-thq-text-elm32 {
  left: 577px;
  color: var(--dl-color-default-text1);
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Medium;
  text-align: center;
  font-family: Gotham;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: underline;
}
 
.desktop-spark-journey-thq-testimonials-elm {
  gap: 18px;
  display: flex;
  padding: 10px 18px;
  box-shadow: 0px 12px 43px 0px rgba(0, 0, 0, 0.10000000149011612) ;
  box-sizing: content-box;
  align-items: center;
  border-color: rgba(43, 42, 42, 1);
  border-style: solid;
  border-width: 2px;
  border-radius: 12px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop-spark-journey-thq-content-elm {
  width: 714px;
  height: 225.668212890625px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-text-elm33 {
  top: 74.66824340820312px;
  left: 55.49876403808594px;
  color: rgba(0, 0, 0, 1);
  width: 658px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 325;
  line-height: 129.99999523162842%;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm34 {
  top: 201.66827392578125px;
  left: 55.49876403808594px;
  color: rgb(255, 183, 11);
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: italic;
  text-align: left;
  font-family: Gotham;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-svg-elm1 {
  top: 155.0009765625px;
  left: 657.873046875px;
  width: 56px;
  height: 45px;
  position: absolute;
  box-sizing: content-box;
}
 
.desktop-spark-journey-thq-svg-elm2 {
  top: 46px;
  left: 56px;
  width: 56px;
  height: 46px;
  position: absolute;
  box-sizing: content-box;
  margin: -36px -56px;
}
 
.desktop-spark-journey-thq-image-elm {
  width: 150px;
  height: 149.99990844726562px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop-spark-journey-thq-ellipse2-elm {
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  position: absolute;
}
 
.desktop-spark-journey-thq-ellipse1-elm {
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  position: absolute;
}
 
.desktop-spark-journey-thq-frame1000001247-elm {
  gap: 10px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-ellipse16-elm {
  width: 14px;
  height: 14px;
  border-color: rgba(43, 42, 42, 1);
  border-style: solid;
 
}
 
.desktop-spark-journey-thq-ellipse17-elm {
  width: 14px;
  height: 14px;
}
 
.desktop-spark-journey-thq-ellipse18-elm {
  width: 15px;
  height: 14px;
}
 
.desktop-spark-journey-thq-ellipse19-elm {
  width: 14px;
  height: 14px;
}
 
.desktop-spark-journey-thq-ellipse20-elm {
  width: 15px;
  height: 14px;
}
 
.desktop-spark-journey-thq-ellipse21-elm {
  width: 14px;
  height: 14px;
}
 
.desktop-spark-journey-thq-banner-design1-elm {
  width: 1360px;
  height: 250px;
}
 
.desktop-spark-journey-thq-frame1410078753-elm {
  gap: 174px;
  width: 100%;
 
  display: flex;
  padding: 32px 0;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  background-color: rgba(23, 23, 23, 1);
}
 
.desktop-spark-journey-thq-frame292-elm {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.desktop-spark-journey-thq-frame291-elm1 {
  gap: 100px;
  height: 395px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-frame235-elm {
  gap: 12px;
  width: 447px;
  height: 425px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-image51-elm {
  width: 182px;
  height: 108px;
  border-radius: 16px;
}
 
.desktop-spark-journey-thq-text-elm35 {
  color: rgb(255, 183, 11);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-social-links-elm {
  gap: 20px;
  display: flex;
  align-items: flex-start;
}
 
.desktop-spark-journey-thq-facebook-elm {
  width: 40px;
  height: 40px;
}
 
.desktop-spark-journey-thq-instagram-elm {
  width: 40px;
  height: 40px;
}
 
.desktop-spark-journey-thq-x-elm {
  width: 40px;
  height: 40px;
}
 
.desktop-spark-journey-thq-linked-in-elm {
  width: 40px;
  height: 40px;
}
 
.desktop-spark-journey-thq-youtube-elm {
  width: 40px;
  height: 40px;
}
 
.desktop-spark-journey-thq-frame247-elm {
  gap: 20px;
  width: 286px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame244-elm {
  gap: 12px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-frame241-elm {
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-ellipse3-elm1 {
  top: 0.4228515625px;
  left: 0px;
  width: 40px;
  height: 40px;
  position: absolute;
}
 
.desktop-spark-journey-thq-bxphone-elm {
  top: 10.4228515625px;
  left: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
}
 
.desktop-spark-journey-thq-text-elm36 {
  color: var(--dl-color-default-white);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame245-elm {
  gap: 12px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-frame242-elm {
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-ellipse3-elm2 {
  top: 0.4228515625px;
  left: 0px;
  width: 40px;
  height: 40px;
  position: absolute;
}
 
.desktop-spark-journey-thq-emailoutline-elm {
  top: 10.4228515625px;
  left: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
}
 
.desktop-spark-journey-thq-text-elm37 {
  color: var(--dl-color-default-white);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame246-elm {
  gap: 12px;
  display: flex;
  align-items: center;
}
 
.desktop-spark-journey-thq-frame243-elm {
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-ellipse3-elm3 {
  top: 0.4228515625px;
  left: 0px;
  width: 40px;
  height: 40px;
  position: absolute;
}
 
.desktop-spark-journey-thq-locationpoint-elm {
  top: 10.4228515625px;
  left: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
}
 
.desktop-spark-journey-thq-text-elm38 {
  color: var(--dl-color-default-white);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame237-elm {
  gap: 30px;
  height: 476px;
  display: flex;
  padding: 120px 60px;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-frame232-elm {
  gap: 10px;
  width: 150px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame238-elm {
  gap: 10px;
  display: flex;
  padding: 0 10px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm39 {
  color: var(--dl-color-default-yellow);
  height: auto;
  flex-grow: 1;
  font-size: 18px;
  font-style: Medium;
  text-align: left;
  font-family: Gotham;
  font-weight: 500;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame229-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 

 
.desktop-spark-journey-thq-text-elm40 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 

 
.desktop-spark-journey-thq-text-elm41 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 

 
.desktop-spark-journey-thq-text-elm42 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 

 
.desktop-spark-journey-thq-text-elm43 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame233-elm {
  gap: 10px;
  width: 183px;
  display: flex;
  padding: 42px 0 0;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  width: 150px;
}
 
.desktop-spark-journey-thq-frame230-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 

 
.desktop-spark-journey-thq-text-elm44 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 

 
.desktop-spark-journey-thq-text-elm45 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 

 
.desktop-spark-journey-thq-text-elm46 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame234-elm {
  gap: 10px;
  width: 113px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop-spark-journey-thq-frame240-elm {
  gap: 10px;
  display: flex;
  padding: 0 10px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm47 {
  color: var(--dl-color-default-yellow);
  height: auto;
  flex-grow: 1;
  font-size: 18px;
  font-style: Medium;
  text-align: left;
  font-family: Gotham;
  font-weight: 500;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-frame231-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 

 
.desktop-spark-journey-thq-text-elm48 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 

 
.desktop-spark-journey-thq-text-elm49 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm50 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm51 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm52 {
  color: rgb(255, 255, 255);
  height: 30px;
  font-size: 16px;
  font-style: Book;
  text-align: center;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-text-elm53 {
  color: rgba(255, 255, 255, 1);
}
 
.desktop-spark-journey-thq-text-elm54 {
  color: rgba(237, 28, 36, 1);
}
 
.desktop-spark-journey-thq-frame172-elm {
  gap: 10px;
  top: 0px;
  left: 0px;
  width:100%;
  height: 120px;
  display: flex;

  position: absolute;
  box-shadow: 0px 6px 50px 0px rgba(84, 84, 84, 0.20000000298023224) ;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop-spark-journey-thq-frame173-elm {
  width: 100%;
  height: 120px;
  display: flex;
  padding: 0 50px;
  align-items: center;
  background-color: rgb(255, 255, 255);
  flex-shrink: 0;
  justify-content:space-between;
  position: fixed;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15);
}
 
.desktop-spark-journey-thq-the-spark-center-new-png012-elm {
  width: 159px;
  height: 95px;
}
 
.desktop-spark-journey-thq-frame170-elm {
  gap: 6px;
  width: 1203px;
  height: 40px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: flex-end;
}
 
.desktop-spark-journey-thq-menu-elm1 {
  gap: 10px;
  height: 32px;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm56 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 18px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-menu-elm2 {
  gap: 10px;
  height: 32px;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm57 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 18px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-menu-elm3 {
  gap: 10px;
  height: 32px;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm58 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 18px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-menu-elm4 {
  gap: 10px;
  height: 32px;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm59 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 18px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-menu-elm5 {
  gap: 10px;
  height: 32px;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm60 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 18px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-menu-elm6 {
  gap: 10px;
  height: 32px;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm61 {
  color: var(--dl-color-default-text1);
  height: auto;
  font-size: 18px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 300;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-component48-elm {
  width: 173px;
  height: 40px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
 
.desktop-spark-journey-thq-frame291-elm2 {
  gap: 8px;
  width: 199px;
  height: 48px;
  display: flex;
  padding: 10px 10px;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(234, 234, 234, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 40px;
  justify-content: center;
}
 
.desktop-spark-journey-thq-text-elm62 {
  color: rgba(146, 103, 0, 1);
  height: auto;
  font-size: 16px;
  font-style: Book;
  text-align: left;
  font-family: Gotham;
  font-weight: 400;
  line-height: 16px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop-spark-journey-thq-icon-chevron-down-elm {
  width: 24px;
  height: 24px;
}
 
.desktop-spark-journey-link {
  display: contents;
}
.desktop-spark-journey-container2 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.desktop-spark-journey-icon1 {
  width: 24px;
  margin-right: 4px;
}
 
.desktop-spark-journey-text2 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* OUR CLASSROOM SECTION */
.our-classroom-section {
  width: 100%;
  background: radial-gradient(circle at left, #8b6a1f, #111);
  padding: 120px 0;
}

/* TITLE */
.our-classroom-title {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

.our-classroom-title span {
  background: #ffb70b;
  padding: 16px 60px;
  font-family: Gotham;
  font-size: 28px;
  border-radius: 6px;
}

/* MAIN WRAPPER */
.our-classroom-wrapper {
  max-width: 1440px;
  margin: auto;
  display: flex;
  gap: 60px;
  padding: 0 60px;
}

/* LEFT STICKY */
.classroom-left {
  width: 593px;
  position: sticky;
  top: 120px;
  height: fit-content;
}

.classroom-box {
  background: #2c2b2b;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 40px;
  color: #fff;
}

.intro-text {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

/* WHITE CARD */
.white-box {
  background: #fff;
  color: #2c2b2b;
  border-radius: 10px;
  padding: 20px;
}

.white-title {
  font-size: 13px;
  margin-bottom: 12px;
}

.white-box ul {
  padding-left: 18px;
  margin-bottom: 16px;
}

.white-box li {
  font-size: 12px;
  margin-bottom: 8px;
}

.white-text {
  font-size: 12px;
  margin-bottom: 10px;
}

/* RIGHT SCROLL */
.classroom-right {
  width: 665px;
  display: flex;
  flex-direction: column;
  gap: 203px;
}

/* IMAGE CARD */
.classroom-image {
  height: 290px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0px 50px 50px rgba(0,0,0,0.3);
}

.classroom-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
        /* ===== Page Loader ===== */
        #page-loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;

            /* 🔹 Added for fade */
            transition: opacity 0.8s ease-in-out;
        }

        .loader-content {
            text-align: center;

            /* 🔹 Added for shrink */
            transition: transform 0.8s ease-in-out, opacity 1.4s ease-in-out;
        }

        .loader-content img {
            width: 300px;
            animation: pulse 10.6s ease infinite;
        }

        .loading-text {
            margin-top: 12px;
            font-size: 16px;
            color: #242321;
            letter-spacing: 2px;
        }

        .loading-text span {
            animation: blink 2.5s infinite;
        }

        .loading-text span:nth-child(1) { animation-delay: 1s; }
        .loading-text span:nth-child(2) { animation-delay: 1.4s; }
        .loading-text span:nth-child(3) { animation-delay: 1.8s; }

        /* 🔹 Exit animation state */
        #page-loader.hide {
            opacity: 0;
        }

        #page-loader.hide .loader-content {
            transform: scale(0.6);
            opacity: 0;
        }

        @keyframes pulse {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.05); opacity: 0.85; }
            100% { transform: scale(1); opacity: 1; }
        }

        @keyframes blink {
            0% { opacity: 0; }
            50% { opacity: 1; }
            100% { opacity: 0; }
        }


/*<!-- ================= Toggle button ================= -->*/
/* FULL WIDTH GREY BACKGROUND */
.toggle-wrapper {
    margin-top:30px;
    width: 100%;
    background: #eeeef5;
    border-radius: 40px;
    padding: 10px 0; /* top/bottom spacing */
    display: flex;
    justify-content: center; /* 👈 centers toggle */
}

/* CENTERED TOGGLE AREA */
.toggle-inner {
    display: flex;
    gap: 10px;
    background: transparent;
}

/* BUTTON STYLE */
.toggle-item {
    min-width: 400px; /* keeps center spacing */
    text-align: center;
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s;
    color: #666;
    font-weight: 500;
}

    /* ACTIVE GREEN */
    .toggle-item.active {
        background: #B88200;
        color: white;
    }

    /* INACTIVE RED */
    .toggle-item.inactive {
        background: #2C2B2B;
        color: white;
    }