@charset "UTF-8";
/* Neutrals */
/* Reset CSS */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  margin-block-start: 0;
  margin-block-end: 0;
  scroll-behavior: smooth;
}

html {
  line-height: 1.5;
  font-size: 16px;
}

body {
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

li {
  margin-left: 1.25rem;
}

*[animated] {
  opacity: 0;
}

/* Font Face Definitions */
@font-face {
  font-family: "Giga Forge";
  src: url("../fonts/giga/GigaForge.otf") format("opentype"), url("../fonts/giga/GigaForge.woff") format("woff"), url("../fonts/giga/GigaForge.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Black.woff2") format("woff2"), url("../fonts/raleway/Raleway-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/raleway/Raleway-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BlackItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-LightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Italic.woff2") format("woff2"), url("../fonts/raleway/Raleway-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/raleway/Raleway-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/raleway/Raleway-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/raleway/Raleway-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ThinItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Thin.woff2") format("woff2"), url("../fonts/raleway/Raleway-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-MediumItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* Global Font Family */
* {
  font-family: "Raleway", serif;
  color: #ffffff;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Specific Font Classes */
.raleway-font {
  font-family: "Raleway", serif;
  font-optical-sizing: auto;
  font-weight: 100; /* Fixed incorrect font-weight definition */
  font-style: normal;
}

.giga-font, .card-testimonial .card-reviewer, .card-testimonial .card-details .heading-3, .heading-1 {
  font-family: "Giga Forge", sans-serif;
}

.heading-1 {
  font-size: 9.375rem;
  font-weight: 100;
  letter-spacing: -0.03em;
  line-height: 0.96;
}
@media only screen and (max-width: 600px) {
  .heading-1 {
    font-size: 5.625rem;
  }
}

.heading-2 {
  font-size: 6.25rem;
  line-height: 1;
  font-weight: 100;
}
@media only screen and (max-width: 600px) {
  .heading-2 {
    font-size: 4.375rem;
  }
}

.heading-3 {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 600px) {
  .heading-3 {
    font-size: 2rem;
  }
}

.heading-4, .card-testimonial .card-reviewer {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 600px) {
  .heading-4, .card-testimonial .card-reviewer {
    font-size: 1.5rem;
  }
}

.heading-5, section.section-two-column .myAccordion, body.course section.section-overview .myAccordion {
  font-size: 1.25rem;
  line-height: 1.375;
  letter-spacing: -0.026em;
}
@media only screen and (max-width: 600px) {
  .heading-5, section.section-two-column .myAccordion, body.course section.section-overview .myAccordion {
    font-size: 1.25rem;
  }
}

p,
.heading-6,
.course-catalog .ranges .field-wrapper input,
.course-catalog .select-container p,
footer .footer-links a,
header .mobile-nav > nav ul li a,
header .header-container > nav ul li a,
.myTab a.tab,
.heading .sub-headline {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 600px) {
  p,
  .heading-6,
  .course-catalog .ranges .field-wrapper input,
  .course-catalog .select-container p,
  footer .footer-links a,
  header .mobile-nav > nav ul li a,
  header .header-container > nav ul li a,
  .myTab a.tab,
  .heading .sub-headline {
    font-size: 1.125rem;
  }
}

.heading-7 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 600px) {
  .heading-7 {
    font-size: 0.875rem;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 1.875rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.625rem;
  transition: background-color 0.25s ease-out, border 0.25s ease-out;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.125rem;
}
.btn span {
  margin-left: 0.5rem;
}
.btn img {
  pointer-events: none;
}
.btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn.icon {
  display: inline-flex;
  align-items: center;
}
.btn.icon-left {
  margin-right: 8px;
}
.btn.icon-right {
  margin-left: 8px;
}
.btn-checkbox {
  width: 1.875rem;
  min-width: 1.875rem;
  max-width: 1.875rem;
  height: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  padding: 0;
}
.btn-checkbox img {
  display: none;
  width: 50%;
  height: 50%;
  object-fit: contain;
}
.btn-checkbox input {
  all: unset;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #ffffff;
  border-radius: 0.625rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.btn-checkbox input:checked {
  background-color: #A57C01 !important;
}
.btn-checkbox input:checked::after {
  content: "✔";
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}

.field {
  width: 100%;
  position: relative;
  margin-bottom: 4.375rem;
}
@media only screen and (max-width: 600px) {
  .field {
    margin-bottom: 2.5rem;
  }
}
.field > .container {
  border-radius: 0.625rem;
  border: 1px solid transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.625rem;
}
.field > .container img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  cursor: pointer;
}
.field > .container > .wrapper {
  width: 100%;
}

input,
textarea {
  color: #ffffff;
  font-size: 1rem;
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
  padding: 1.25rem;
}
@media only screen and (max-width: 600px) {
  input,
  textarea {
    padding: 1.25rem;
  }
}
input:focus,
textarea:focus {
  background-color: #1F1E1B;
  color: #ffffff;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  background-color: #1F1E1B;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #1F1E1B inset;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  display: none;
}

.newsletter {
  max-width: 29rem;
  width: 100%;
}
.newsletter form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.newsletter form .wrapper {
  width: 100%;
}
.newsletter form button {
  all: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1.25rem;
}

#newsletter-response {
  z-index: 1;
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.card {
  width: 100%;
  height: 100%;
  position: relative;
}
.card-catalog .card-content {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.card-catalog .chip {
  top: 0.625rem;
  right: 0.625rem;
}
.card-catalog .card-img-wrapper {
  width: 100%;
  height: 100.5%;
  border-radius: 0.625rem;
  overflow: hidden;
  margin-bottom: 1.875rem;
}
.card-catalog .card-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.card-catalog .card-details {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  gap: 1.875rem;
}
.card-catalog .card-details span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.card-blog {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.card-blog > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.625rem;
}
.card-blog > img.grayscale {
  filter: grayscale(100);
}
.card-blog .item-content {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.125rem;
  position: relative;
  text-align: left;
}
@media (max-width: 600px) {
  .card-blog .item-content {
    padding: 1.25rem;
  }
}
.card-blog .item-content .cta-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  gap: 3.125rem;
  align-items: flex-start;
  margin-bottom: 3.125rem;
  width: 100%;
}
@media (max-width: 768px) {
  .card-blog .item-content .cta-wrapper {
    margin-bottom: 10.9375rem;
  }
}
.card-blog .item-content .detail {
  display: grid;
  gap: 3.125rem;
}
@media (max-width: 600px) {
  .card-blog .item-content .detail {
    gap: 1.25rem;
  }
}
.card-blog .item-content .detail .heading-4, .card-blog .item-content .detail .card-testimonial .card-reviewer, .card-testimonial .card-blog .item-content .detail .card-reviewer {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.card-blog .item-content .detail p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.card-testimonial {
  border-radius: 0.625rem;
  overflow: hidden;
}
.card-testimonial .gradient-background {
  background: linear-gradient(0deg, rgba(7, 12, 16, 0) 40%, rgb(7, 12, 16) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
}
.card-testimonial .hover-bg {
  opacity: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.125rem;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 600px) {
  .card-testimonial .hover-bg {
    padding: 3.125rem;
  }
}
.card-testimonial .hover-bg img {
  width: 12.1875rem;
  transform-origin: 0% 50%;
  transition: all 0.25s ease-out;
  opacity: 0.1;
  transform: scale(1) translateY(-20%);
}
.card-testimonial:hover .hover-bg {
  opacity: 1;
}
.card-testimonial:hover .hover-bg img {
  transform: scale(1.1) translateY(-20%);
}
.card-testimonial .card-content {
  display: grid;
  height: 100%;
  width: 100%;
  position: relative;
  gap: 4.375rem;
  padding: 3.125rem;
}
@media only screen and (max-width: 600px) {
  .card-testimonial .card-content {
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 600px) {
  .card-testimonial .card-content {
    padding: 3.125rem;
  }
}
.card-testimonial .quote-icon {
  width: 2.9375rem;
  height: auto;
}
.card-testimonial .card-details {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 3.125rem;
  margin-bottom: 1.25rem;
}
.card-testimonial .card-details span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.card-testimonial .card-details p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
.background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.background-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(7, 12, 16);
  background: radial-gradient(circle, transparent 0%, rgb(7, 12, 16) 100%);
}

.background-gradient::before,
.background-gradient::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  left: 0;
  background: linear-gradient(to bottom, rgb(7, 12, 16), rgba(7, 12, 16, 0));
}

.background-gradient::before {
  top: -0.25rem;
  background: linear-gradient(to bottom, rgb(7, 12, 16), rgba(7, 12, 16, 0));
}

.background-gradient::after {
  bottom: -0.25rem;
  background: linear-gradient(to top, rgb(7, 12, 16), rgba(7, 12, 16, 0));
}

.background-gradient-marquee {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(7, 12, 16);
  background: radial-gradient(circle, rgba(7, 12, 16, 0) 0%, rgb(7, 12, 16) 100%);
}

.heading {
  text-align: center;
}
.heading.left {
  text-align: left;
}
.heading.right {
  text-align: right;
}
.heading .heading-1,
.heading .heading-2 {
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 600px) {
  .heading .heading-1,
  .heading .heading-2 {
    margin-bottom: 2.5rem;
  }
}
.heading .heading-1 span,
.heading .heading-2 span {
  font: inherit;
}
.heading .sub-headline {
  text-transform: uppercase;
  margin-bottom: 3.125rem;
  letter-spacing: 0.625rem;
}
@media only screen and (max-width: 600px) {
  .heading .sub-headline {
    margin-bottom: 2.5rem;
  }
}

.component-carousel {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.component-carousel .myCarousel {
  width: calc(100% + 3.125rem);
}
@media (max-width: 768px) {
  .component-carousel .myCarousel {
    max-width: 100%;
  }
}
.component-carousel .myCarousel .carousel-item {
  position: relative;
  height: max-content;
  max-width: 33.3333%;
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 0 1.5625rem;
}
@media (max-width: 768px) {
  .component-carousel .myCarousel .carousel-item {
    max-width: 50%;
  }
}
@media (max-width: 600px) {
  .component-carousel .myCarousel .carousel-item {
    max-width: 100%;
  }
}
.component-carousel.carousel-course .carousel-control {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 3.125rem;
  align-items: center;
  flex-direction: row;
  margin-top: 3.125rem;
  position: relative;
}
.component-carousel.carousel-course .carousel-control.center {
  justify-content: center;
}
@media (max-width: 600px) {
  .component-carousel.carousel-course .carousel-control {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.component-carousel.carousel-course .carousel-control .carousel-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1.25rem;
  flex-wrap: nowrap;
}
.component-carousel.carousel-course .carousel-control .divider {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  opacity: 0.2;
}
@media (max-width: 600px) {
  .component-carousel.carousel-course .carousel-control .divider {
    display: none;
  }
}
.component-carousel.carousel-course .carousel-control .carousel-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.component-carousel.carousel-course .carousel-control .view-all {
  white-space: nowrap;
}
@media (max-width: 600px) {
  .component-carousel.carousel-course .carousel-control .view-all {
    width: 100%;
  }
}

.component-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.component-grid.gap-large {
  gap: 3.125rem;
}
.component-grid.gap-medium {
  gap: 1.875rem;
}
.component-grid.gap-small {
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .component-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .component-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.component-grid .grid-item, .component-grid .grid-item-courses {
  position: relative;
  width: 100%;
}
.component-grid .grid-item-testimonial {
  width: 31.25rem;
  height: 34.375rem;
}
.component-grid .grid-item-courses {
  height: fit-content;
}

.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5625rem;
  font-size: 0.75rem;
  border-radius: 0.3125rem;
  transition: background-color 0.25s ease-out, border 0.25s ease-out;
  background-color: #1b1c1c;
  cursor: pointer;
  position: relative;
  gap: 0.3125rem;
  font-weight: 700;
}
.chip span {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.chip img {
  width: 0.625rem;
  height: 0.625rem;
  pointer-events: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 1.25rem;
  height: 1.25rem;
  background-color: blue;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 1.25rem;
  height: 1.25rem;
  background-color: blue;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb:hover {
  background: #f7f7f7;
}
input[type=range]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  display: none;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  height: 0.625rem;
  border-radius: 0.3125rem;
  width: 100%;
  position: absolute;
  background-color: transparent;
  pointer-events: none;
}

input[type=range].fromSlider {
  z-index: 1;
}

.myRangeSlider {
  position: relative;
  width: 100%;
}
.myRangeSlider .range-viewport {
  position: relative;
  width: 100%;
  height: 3.125rem;
}

.myTab {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.myTab .tab-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  flex-direction: row;
  gap: 1.25rem;
  border-bottom: 1px solid #767777;
  overflow-x: scroll;
}
.myTab a.tab {
  padding: 1rem;
  display: flex;
  background-color: #767777;
  color: #ffffff;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  transition: all 0.25s ease-out;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  min-width: max-content;
}
.myTab a.tab.active, .myTab a.tab:hover {
  background-color: #ffffff;
}
.myTab .tab-content-container {
  width: 100%;
}
.myTab .tab-content {
  display: none;
}
.myTab .tab-content.active {
  display: inline-block;
}

.myAccordion {
  width: 100%;
  position: relative;
  padding: 1.25rem 0;
  display: flex;
  border-bottom: 1px solid #ffffff;
}
.myAccordion:after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  transform: rotate(135deg) translateY(-50%);
  transform-origin: top center;
  transition: all 0.25s ease-out;
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
}
.myAccordion.active:after {
  transform: rotate(-45deg) translateY(-50%);
}

/* Initially hide the panels */
.panel {
  height: 0;
  width: 100%;
  opacity: 0;
  height: 0;
  display: flex;
  pointer-events: none;
  transition: all 0.25s ease-out;
}

/* Show the panel when the accordion has 'active' class */
.myAccordion.active + .panel {
  pointer-events: all;
  height: max-content;
  opacity: 1;
}

.panel-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  gap: 1.25rem;
  padding: 1.25rem 0;
  flex-wrap: nowrap;
}

section.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
section.modal .modal-container {
  position: relative;
  background-color: #070C10;
  width: 62.5rem;
  height: 43.75rem;
}
section.modal .close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 1.5rem;
  cursor: pointer;
  background: none;
  border: none;
}
section.modal .close-btn img {
  width: 0.9375rem;
  height: 0.9375rem;
  object-fit: cover;
}

html {
  line-height: 1.5;
  font-size: 0.8333333333vw !important;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 1.6666666667vw !important;
  }
}
@media only screen and (max-width: 600px) {
  html {
    font-size: 2.6666666667vw !important;
  }
}

* {
  font-family: "Raleway", serif; /* This will apply to all elements */
}

.video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.fade-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background: black; /* Adjust if needed */
  z-index: 9999;
  pointer-events: none; /* Non-interactable */
  opacity: 1; /* Initially hidden */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  overflow: hidden;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: inline-block;
}

section {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 6.25rem;
  padding-top: 6.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 600px) {
  section {
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 600px) {
  section {
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 600px) {
  section {
    padding-bottom: 6.25rem;
  }
}
@media only screen and (max-width: 600px) {
  section {
    padding-top: 3.125rem;
  }
}
section.full-height {
  min-height: 100dvh;
}
section.full-width > .container {
  max-width: 100%;
}
section.no-padding {
  padding: 0;
}
section > .container {
  width: 100%;
  max-width: 95rem;
  z-index: 1;
}

.no-scroll {
  overflow: hidden;
}

.bold {
  font-weight: 700;
}

.absolute {
  position: absolute;
}
.absolute-top {
  top: 0;
  position: absolute;
}
.absolute-top-right {
  right: 0;
  top: 0;
  position: absolute;
}
.absolute-top-left {
  left: 0;
}

.upper {
  text-transform: uppercase;
}

body.dev-mode section {
  background-color: #e2e2e2;
  border: 1px solid #ababab;
}
body.dev-mode section > .container {
  background-color: #767777;
}

.mustard, .accordion a.active {
  color: #a57c01;
}

.beige, .heading .sub-headline {
  color: #ddc39e;
}

.brand-bg-darkblue {
  background-color: #223128;
}
.brand-bg-black {
  background-color: #1f1e1b;
}
.brand-bg-black-100 {
  background-color: #070c10;
}
.brand-bg-mustard {
  background-color: #a57c01;
}
.brand-bg-red {
  background-color: red;
}

html,
body {
  background-color: #070c10;
}

hr {
  max-width: 95rem;
  color: #223128;
  text-align: center;
  display: flex;
  justify-self: center;
  border-color: #223128;
  height: 1px;
  opacity: 0.5;
  width: calc(100% - 2.5rem);
}

.mobile-nav {
  background-color: #070c10;
}

.user-nav a {
  color: #ddc39e;
}

.heading .heading-1 {
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 600px) {
  .heading .heading-1 {
    margin-bottom: 2.5rem;
  }
}
.heading .heading-1 span {
  font: inherit;
  color: #a57c01;
}

.btn-icon {
  padding: 1.25rem;
  background-color: #223128;
  transition: all 0.25s ease-out;
}
.btn-icon:hover {
  background-color: #a57c01;
}
.btn.outline {
  background-color: transparent;
  color: #006936;
  border: 1px solid #006936;
}
.btn.outline-white {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.btn.outline-white img {
  background-color: #ffffff;
}
.btn.outline-white:hover {
  background-color: #a57c01;
  border-color: transparent;
}
.btn.outline-black {
  color: #1f1e1b;
  border: 1px solid #1f1e1b;
}
.btn.outline-black img {
  background-color: #1f1e1b;
}
.btn.outline:hover {
  background-color: #f0f0f0;
}
.btn.outline:active {
  background-color: #e0e0e0;
}
.btn-checkbox.checked {
  background-color: #a57c01;
  border-color: transparent;
}

input[type=range]::-webkit-slider-thumb {
  background-color: #a57c01;
}

input[type=range]::-moz-range-thumb {
  background-color: #a57c01;
}

.field > .container {
  background-color: #1f1e1b;
}
.myTab .tab-container {
  border-bottom-color: #223128;
}
.myTab a.tab {
  background-color: #223128;
}
.myTab a.tab:hover, .myTab a.tab.active {
  background-color: #a57c01;
}

.section-text-margin-0 h1,
.section-text-margin-0 h2,
.section-text-margin-0 h3,
.section-text-margin-0 h4,
.section-text-margin-0 h5,
.section-text-margin-0 h6,
.section-text-margin-0 p {
  margin: 0 !important;
}

header {
  width: 100%;
  position: fixed;
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
  padding: 1.875rem;
}
header.active {
  background: linear-gradient(181deg, rgb(7, 12, 16), rgba(7, 12, 16, 0));
}
@media only screen and (max-width: 600px) {
  header {
    padding: 1.875rem;
  }
}
@media (max-width: 768px) {
  header {
    flex-direction: column;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    pointer-events: none;
  }
}
header.active .mobile-nav {
  opacity: 1;
  pointer-events: all;
}
header .header-container {
  max-width: 95rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  z-index: 9;
}
header .header-container a {
  pointer-events: all;
}
@media (max-width: 768px) {
  header .header-container > nav {
    display: none;
  }
}
header .header-container > nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  header .header-container > nav ul {
    gap: 2.5rem;
  }
}
header .header-container > nav ul li {
  list-style-type: none;
}
header .header-container > nav img {
  width: 1.25rem;
  height: 1.25rem;
}
header .header-logo {
  width: 100%;
  max-width: 15.625rem;
}
header .burger {
  display: none;
  position: relative;
  width: 1.875rem;
  height: 0.125rem;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-out;
  pointer-events: all;
}
@media (max-width: 768px) {
  header .burger {
    display: flex;
  }
}
header .burger.active {
  background-color: transparent;
}
header .burger.active:before {
  transform: rotate(45deg);
  top: unset;
}
header .burger.active:after {
  transform: rotate(-45deg);
  bottom: unset;
}
header .burger:before, header .burger:after {
  transition: all 0.25s ease-out;
  width: inherit;
  height: inherit;
  content: "";
  display: flex;
  transform-origin: center center;
  position: absolute;
  transform: rotate(0deg);
  background-color: #ffffff;
}
header .burger:after {
  bottom: -0.5rem;
}
header .burger:before {
  top: -0.5rem;
}
header .mobile-nav {
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: all 0.25s ease-out;
}
@media (max-width: 768px) {
  header .mobile-nav {
    display: flex;
  }
}
header .mobile-nav:before {
  content: "";
  width: 200%;
  height: 200%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #070c10;
}
header .mobile-nav > nav ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3.125rem;
  gap: 3.125rem;
  flex-direction: column;
}
header .mobile-nav > nav ul li {
  list-style-type: none;
  text-align: center;
}
header .user-nav {
  text-align: center;
  display: grid;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1.25rem;
  gap: 1.25rem;
}

footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 6.25rem;
}
footer .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 2.5rem;
  z-index: 1;
  margin-bottom: 3.75rem;
}
@media only screen and (max-width: 600px) {
  footer .social-icons {
    margin-bottom: 2.5rem;
  }
}
footer .social-icons img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
footer .social-icons img:hover {
  transition: scale 0.25s ease-out;
  scale: 1.5;
}
footer .footer-links {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
  width: 100%;
  max-width: 75rem;
  row-gap: 1.25rem;
  column-gap: 6.25rem;
  z-index: 1;
}
@media (max-width: 768px) {
  footer .footer-links {
    flex-direction: column;
    row-gap: 3.125rem;
  }
}
footer .footer-links a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  white-space: nowrap;
}
footer .footer-links a img {
  width: 0.625rem;
}
footer .footer-strip {
  margin-top: 12.5rem;
  bottom: 0;
  width: 100%;
  padding: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
footer .footer-strip .footer-wrapper {
  width: 100%;
  max-width: 95rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 600px) {
  footer .footer-strip .footer-wrapper {
    flex-direction: column;
    gap: 0.625rem;
  }
}
footer .footer-strip .align-left {
  text-align: left;
}
footer .footer-strip .align-right {
  text-align: right;
}

.course-catalog .section-hero {
  z-index: 2;
  padding-top: 12.5rem;
}
@media (max-width: 768px) {
  .course-catalog .section-hero {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.course-catalog .search {
  max-width: 31.25rem;
  width: 100%;
}
.course-catalog .search > .field {
  margin-bottom: 0.625rem;
}
.course-catalog .chips {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.course-catalog .chip {
  background-color: #223128;
}
.course-catalog .chip.red {
  background-color: red;
}
.course-catalog .select-container {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .course-catalog .select-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.course-catalog .select-container p {
  font-weight: 700;
}
.course-catalog .filter {
  width: 100%;
  display: grid;
  padding: 3.125rem 0;
  border-top: 1px solid #223128;
  border-bottom: 1px solid #223128;
  position: relative;
  z-index: 1;
}
.course-catalog .filter .filter-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  .course-catalog .filter .filter-header {
    gap: 2.5rem;
  }
}
.course-catalog .filter .filter-header > p {
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 600px) {
  .course-catalog .filter .filter-header {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
}
.course-catalog .filter-box {
  background-color: #1f1e1b;
  gap: 3.125rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 3.125rem;
  position: absolute;
  top: 100%;
  opacity: 0;
  transform: translateY(10%);
  transform-origin: top center;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 600px) {
  .course-catalog .filter-box {
    gap: 3.125rem;
  }
}
@media (max-width: 600px) {
  .course-catalog .filter-box {
    padding: 1.25rem;
    top: 9.375rem;
  }
}
.course-catalog .filter-box.active {
  opacity: 1;
  transform: translateY(0%);
  pointer-events: all;
  visibility: visible;
}
.course-catalog .ranges {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 600px) {
  .course-catalog .ranges {
    grid-template-columns: repeat(1, 1fr);
  }
}
.course-catalog .ranges .range {
  width: 100%;
  position: relative;
  gap: 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.course-catalog .ranges .field-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-direction: row;
}
.course-catalog .ranges .field-wrapper > .field {
  max-width: 9.375rem;
  margin-bottom: 0;
}
.course-catalog .ranges .field-wrapper > .field .container {
  border: 1px solid #ffffff;
  background-color: transparent;
}
.course-catalog .ranges .field-wrapper input {
  text-align: center;
  letter-spacing: unset;
}
.course-catalog .section-course-grid > .container > .wrapper > .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  .course-catalog .section-course-grid > .container > .wrapper > .content {
    gap: 2.5rem;
  }
}

body.course {
  padding-top: 12.5rem;
}
body.course section.section-overview .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6.25rem;
}
@media (max-width: 768px) {
  body.course section.section-overview .content {
    flex-direction: column;
  }
}
body.course section.section-overview .main-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.125rem;
  flex-direction: column;
  width: 100%;
}
body.course section.section-overview .outline {
  max-width: 25rem;
  position: sticky;
  width: 100%;
  top: 0;
  display: grid;
  gap: 3.125rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
  body.course section.section-overview .outline {
    position: static;
    max-width: 100%;
  }
}
body.course section.section-overview .outline > .summary {
  width: 100%;
}
body.course section.section-overview .outline > .summary .item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 1.25rem 0;
  border-bottom: 1px solid #223128;
}
body.course section.section-overview .outline > .summary .item:last-of-type {
  border-bottom: unset;
}
body.course section.section-overview .outline > .summary .item p:last-of-type {
  font-weight: 700;
}
body.course section.section-overview .outline > .cta-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.25rem;
}
body.course section.section-overview .outline > .cta-container .checkbox-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.25rem;
}
body.course section.section-overview .myAccordion {
  border-color: #223128;
  font-weight: bold;
}
body.course section.section-overview .myAccordion + .panel > .panel-content {
  padding: 1.25rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  gap: 1.25rem;
  flex-wrap: nowrap;
}
body.course section.section-overview .myAccordion + .panel > .panel-content > a > img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
body.course section.section-overview .myAccordion + .panel > .panel-content span {
  opacity: 0.5;
}
body.course section.section-overview .tab-info {
  width: 100%;
  padding: 3.125rem 0;
}
body.course section.section-social-media .container > .wrapper > .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 1.25rem;
  padding: 3.125rem 0;
  border-top: 1px solid #223128;
  border-bottom: 1px solid #223128;
}
body.course section.section-social-media .container > .wrapper > .content .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 2.5rem;
}
body.course section.section-social-media .container > .wrapper > .content .social-icons img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}

body.blogs section.section-overview .content {
  padding-top: 6.25rem;
}
body.blogs section.section-overview .content .heading {
  padding-bottom: 6.25rem;
}
body.blogs section.section-overview .column-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6.25rem;
}
@media (max-width: 768px) {
  body.blogs section.section-overview .column-container {
    flex-direction: column;
  }
}
body.blogs section.section-overview .column {
  width: 100%;
}
body.blogs section.section-overview .column:first-of-type {
  max-width: 25rem;
}
@media (max-width: 768px) {
  body.blogs section.section-overview .column:first-of-type {
    max-width: 100%;
  }
}
body.blogs section.section-overview .field {
  margin-bottom: 0;
}
body.blogs section.section-overview .field .button-wrapper {
  display: flex;
  justify-content: center;
  padding-right: 0.9375rem;
}
body.blogs section.section-overview .column-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  body.blogs section.section-overview .column-content {
    gap: 2.5rem;
  }
}
body.blogs section.section-overview .column-item {
  gap: 1.25rem;
  display: flex;
}
body.blogs section.section-overview .column-item.latest-blogs {
  flex-direction: column;
}
body.blogs section.section-overview .column-item.button-container {
  gap: 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
body.blogs section.section-more-post .content {
  display: flex;
  flex-direction: column;
  gap: 4.375rem;
}
body.blogs section.section-more-post .component-grid {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  body.blogs section.section-more-post .component-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
body.blogs section.section-more-post .load-more-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

body.blog section.section-innerblogs {
  min-height: 40.625rem;
  height: 100%;
}
body.blog section.section-innerblogs .feature-image {
  min-height: 38.75rem;
  height: 38.75rem;
  object-fit: cover;
  width: 100%;
}
body.blog section.section-innerblogs .wrapper {
  gap: 3.125rem;
  display: grid;
}
body.blog .content-container {
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 2.5rem;
}
@media only screen and (max-width: 600px) {
  body.blog .content-container {
    padding: 1.25rem;
  }
}
body.blog .content-container .wrapper {
  max-width: 95rem;
}
body.blog section.section-social-media .container > .wrapper > .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 1.25rem;
  padding: 3.125rem 0;
  border-top: 1px solid #223128;
  border-bottom: 1px solid #223128;
}
@media (max-width: 768px) {
  body.blog section.section-social-media .container > .wrapper > .content {
    padding: 3.125rem;
  }
}
body.blog section.section-social-media .container > .wrapper > .content .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 2.5rem;
}
body.blog section.section-social-media .container > .wrapper > .content .social-icons img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
body.blog section.section-social-media .container > .wrapper > .content .social-icons img:hover {
  scale: 1.5;
  transition: all 0.3s ease-in-out;
}
body.blog section.section-more-post .content {
  display: flex;
  flex-direction: column;
  gap: 4.375rem;
}
body.blog section.section-more-post .load-more-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.blog section.section-more-post .component-carousel .carousel-item {
  max-width: 50%;
}
@media (max-width: 600px) {
  body.blog section.section-more-post .component-carousel .carousel-item {
    max-width: 100%;
  }
}

body.about .section-one-column {
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  body.about .section-one-column {
    gap: 2.5rem;
  }
}
body.about .section-one-column .heading > p {
  text-align: start;
}
body.about .section-core-values .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  body.about .section-core-values .content {
    gap: 2.5rem;
  }
}
body.about .section-core-values .component-grid {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
  body.about .section-core-values .component-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

section.about {
  padding-top: 12.5rem;
}

section.section-two-column.contact-us {
  padding-top: 12.5rem;
}
section.section-two-column .wrapper {
  width: 100%;
}
section.section-two-column .wrapper .contact-content {
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 768px) {
  section.section-two-column .wrapper .column {
    max-width: 100%;
  }
}
section.section-two-column .myAccordion {
  font-weight: bold;
}
section.section-two-column .accordion {
  width: 100%;
}
.contact-form {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25rem;
  flex-direction: column;
}
.contact-form form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.contact-form form input {
  background-color: #1F1E1B;
  color: white;
}
.contact-form form .wpcf7-submit {
  width: 100%;
  max-width: fit-content;
}
.contact-form .field {
  margin-bottom: 0;
}
.contact-form .checkbox-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.25rem;
}

.wpcf7-not-valid-tip {
  position: absolute;
  display: block;
  color: #ff4d4d;
  bottom: -3.125rem;
}

.wpcf7-response-output {
  margin-top: 0 !important;
  display: flex;
  justify-content: center;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ff4d4d !important;
}

.wpcf7-mail-sent-ok .wpcf7-response-output {
  border-color: #28a745 !important;
}

section.section-hero.content-bottom .container {
  align-self: flex-end;
}
section.section-hero .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  section.section-hero .content {
    gap: 2.5rem;
  }
}

section.section-blog .heading > p {
  text-align: start;
}
section.section-blog .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  section.section-blog .content {
    gap: 2.5rem;
  }
}
section.section-blog .item-container {
  display: grid;
  gap: 1.25rem;
  width: 100%;
}
section.section-blog .item-container > .item {
  position: relative;
  width: 72%;
  overflow: hidden;
  border-radius: 0.625rem;
}
@media (max-width: 768px) {
  section.section-blog .item-container > .item {
    width: 100%;
  }
}
section.section-blog .item-container > .item.left {
  justify-self: start;
}
section.section-blog .item-container > .item.right {
  justify-self: end;
}
@media (max-width: 768px) {
  section.section-blog > .container > .wrapper > .content > .btn {
    width: 100%;
  }
}

section.section-two-column > .container {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  section.section-two-column > .container {
    justify-content: center;
  }
}
section.section-two-column > .container > .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  flex-direction: row;
  gap: 6.875rem;
}
@media only screen and (max-width: 600px) {
  section.section-two-column > .container > .wrapper {
    gap: 3.125rem;
  }
}
@media (max-width: 768px) {
  section.section-two-column > .container > .wrapper {
    flex-direction: column;
  }
}
section.section-two-column .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 4.375rem;
}
@media only screen and (max-width: 600px) {
  section.section-two-column .content {
    gap: 2.5rem;
  }
}
@media (max-width: 768px) {
  section.section-two-column .content {
    flex-direction: column;
  }
}
section.section-two-column .content.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  section.section-two-column .content.reverse {
    flex-direction: column;
  }
}
section.section-two-column .about-column {
  align-items: center;
}
section.section-two-column .column {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4.375rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  section.section-two-column .column {
    row-gap: 2.5rem;
  }
}
section.section-two-column .column-sm {
  max-width: 40rem;
}
@media only screen and (max-width: 600px) {
  section.section-two-column .column-sm {
    max-width: 40rem;
  }
}
section.section-two-column .feature-image {
  width: 100%;
}
@media (max-width: 768px) {
  section.section-two-column .heading {
    text-align: left;
  }
  section.section-two-column .btn {
    width: 100%;
  }
}

section.section-marquee {
  overflow-x: hidden;
}
section.section-marquee > .container {
  display: flex;
  justify-content: center;
  align-self: flex-end;
}
section.section-marquee > .container > .wrapper {
  padding: 1.875rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 100%;
}
section.section-marquee .background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
section.section-marquee .marquee {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marquee 20s linear infinite;
}
section.section-marquee .marquee-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
  min-width: max-content;
  width: max-content;
  grid-column-start: span 3;
  grid-column-end: span 3;
}
section.section-marquee .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  color: #ddc39e;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.625rem;
}
@media only screen and (max-width: 600px) {
  section.section-marquee .item {
    font-size: 1.25rem;
  }
}
section.section-marquee .marquee-item-divider {
  width: 0.9375rem;
  height: 0.9375rem;
  margin: 0 1.875rem;
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
section.newsletter-modal {
  z-index: 10;
}
section.newsletter-modal .newsletter-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
section.newsletter-modal .newsletter-modal-wrapper .featured-image, section.newsletter-modal .newsletter-modal-wrapper .newsletter-content {
  width: 50%;
  height: 100%;
}
section.newsletter-modal .newsletter-modal-wrapper .featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.newsletter-modal .newsletter-modal-wrapper .newsletter-content {
  padding: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-direction: column;
  gap: 3.125rem;
}
@media (max-width: 600px) {
  section.newsletter-modal .newsletter-modal-wrapper .newsletter-content {
    padding: 1.25rem;
  }
}
section.newsletter-modal .newsletter-modal-wrapper .newsletter-content .background-image, section.newsletter-modal .newsletter-modal-wrapper .newsletter-content .background-gradient {
  left: auto;
  width: 50%;
}
section.newsletter-modal .newsletter-modal-wrapper .newsletter-content .heading-1 {
  text-align: center;
  font-size: 4.375rem;
  font-weight: 400;
  letter-spacing: 0rem;
}
section.newsletter-modal .newsletter-modal-wrapper .newsletter-content .heading-1 span {
  font-family: "Giga Forge", sans-serif;
}
section.newsletter-modal .newsletter-modal-wrapper .newsletter-content .field {
  margin-bottom: 0;
}

section.calendly-modal {
  transition: all 0.2s ease-out;
}
section.calendly-modal .modal-container {
  background-color: #1F1E1B;
  width: 1000px;
  height: 700px;
}
section.calendly-modal .calendly-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.calendly-modal .calendly-inline-widget {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  overflow: hidden;
}
section.calendly-modal .calendly-inline-widget iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}

section.section-404 .container {
  height: 37.5rem;
}
section.section-404 .wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
}
section.section-404 .wrapper .heading-2 {
  line-height: 1.2;
}
section.section-404 .wrapper a {
  text-align: center;
}
section.section-404 .wrapper a img {
  rotate: 180deg;
  margin-right: 0.625rem;
  width: 0.9375rem;
  height: 0.9375rem;
  object-fit: cover;
}

.section-testimonial .container > .wrapper > .content {
  align-items: baseline;
}
.section-testimonial .heading {
  text-align: start;
}

/*# sourceMappingURL=main.css.map */