html { scroll-behavior: smooth; }
  body { background: #17120d; }

  /* subtle film grain for atmosphere/depth */
  .grain::before {
    content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 50;
    opacity: .035; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* desert-dawn hero glow — this is where "Spring"/optimism lives */
  .dawn {
    background:
      radial-gradient(120% 90% at 50% 118%, rgba(224,98,29,.55) 0%, rgba(224,98,29,.18) 28%, transparent 55%),
      radial-gradient(80% 60% at 80% 0%, rgba(34,80,127,.30) 0%, transparent 60%),
      linear-gradient(180deg, #120e0a 0%, #17120d 55%, #1d160f 100%);
  }

  /* reveal-on-scroll */
  .reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal.in { opacity: 1; transform: none; }

  /* the client's button behavior: orange, goes blue on interaction */
  .btn-cta { background: #EB7E13; transition: background .25s ease, transform .2s ease, box-shadow .25s ease; }
  .btn-cta:hover { background: #16365c; transform: translateY(-1px); box-shadow: 0 12px 30px -10px rgba(22,54,92,.6); }
  .btn-cta:active { background: #102a48; transform: translateY(0); }

  .hairline { border-color: rgba(184,155,120,.28); }
  .link-underline { background-image: linear-gradient(#EB7E13,#EB7E13); background-size: 0% 1.5px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .3s ease; }
  .link-underline:hover { background-size: 100% 1.5px; }

  .speaker-card img, .speaker-ph { transition: transform .5s cubic-bezier(.16,1,.3,1), filter .5s ease; }
  .speaker-card:hover .speaker-ph { transform: scale(1.04); filter: saturate(1.1); }

  .header-top {
    padding: 10px 0;
    background-color: var(--smoke-color);
    --body-color: #888C97;
  }

  .header-top a:hover {
    color: #EB7E13;
  }

.th-header {
  position: relative;
  z-index: 41;
}

.th-header .icon-btn {
  border-radius: 99px;
}

.th-header .menu-area {
  position: relative;
  z-index: 2;
}

.info-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  /* Small devices */
}

.info-card_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #FFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  color: #EB7E13;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.info-card_icon i {
  color: #EB7E13;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.info-card_icon img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.info-card_icon:hover {
  background-color: #EB7E13;
  color: #FFF;
}

.info-card_icon:hover i {
  color: #FFF;
}

.info-card_icon:hover img {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}

.info-card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 80px;
  /* Medium Large devices */
  /* Small devices */
}

@media (max-width: 1299px) {
  .info-card-wrap {
    gap: 15px 40px;
  }
}

@media (max-width: 767px) {
  .info-card-wrap {
    display: block;
  }
}

@media (max-width: 767px) {
  .info-card {
    margin-bottom: 20px;
  }
}

.info-card_icon {
  color: #EB7E13;
}

.info-card_icon i {
  background-color: var(--icon-bg, #fff);
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  color: #EB7E13;
  font-weight: 500;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.info-card_icon i:hover {
  background-color: #EB7E13;
  color: #FFF;
}

.info-card_text {
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  color: var(--body-color);
  margin-bottom: 0;
}

.info-card_link {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 600;
  color: #1D1E45;
  margin-bottom: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.info-card_link:hover {
  color: #EB7E13;
}

.header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sticky-wrapper {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.sticky-wrapper.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #FFF;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  -webkit-animation: stickyAni 0.4s ease-in-out;
          animation: stickyAni 0.4s ease-in-out;
}

@-webkit-keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

@keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

.main-menu a {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  font-family: "Titillium Web", sans-serif;
  color: #1D1E45;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.main-menu a:hover {
  color: #EB7E13;
}

.main-menu > ul > li {
  margin: 0 14px;
}

.main-menu > ul > li > a {
  margin: 37px 0;
}

.main-menu > ul > li > a:hover {
  color: #EB7E13;
}

.main-menu ul {
  margin: 0;
  padding: 0;
}

.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.main-menu ul li.menu-item-has-children > a:after {
  content: "\2b";
  display: inline-block;
  position: relative;
  font-family: "Font Awesome 6 Pro";
  margin-left: 4px;
  font-weight: 600;
  top: 0;
  font-size: 0.9em;
  color: #1D1E45;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.main-menu ul li.menu-item-has-children > a:hover:after {
  content: "\f068";
  color: #EB7E13;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main-menu ul li:last-child {
  margin-right: 0 !important;
}

.main-menu ul li:first-child {
  margin-left: 0 !important;
}

.main-menu ul li:hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  z-index: 9;
}

.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  min-width: 230px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 7px;
  left: -14px;
  opacity: 0;
  z-index: -1;
  box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
  border-radius: 0;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  border-bottom: 3px solid #EB7E13;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.main-menu ul.sub-menu a {
  font-size: 16px;
  line-height: 30px;
}

.main-menu ul.sub-menu {
  padding: 18px 20px 18px 18px;
  left: -27px;
}

.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 0px 9px;
}

.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\2b";
  float: right;
  top: 1px;
  display: inline-block;
}

.main-menu ul.sub-menu li.menu-item-has-children > a:hover:after {
  /* content: "\f068"; */
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 0;
  text-transform: capitalize;
}

.main-menu ul.sub-menu li a:before {
  /* content: "\f7d9"; */
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 6px;
  left: 10px;
  font-family: "Font Awesome 6 Pro";
  width: 11px;
  height: 11px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  color: #EB7E13;
  font-weight: 900;
  opacity: 0;
  visibility: visible;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.main-menu ul.sub-menu li a:hover {
  padding-left: 23px;
}

.main-menu ul.sub-menu li a:hover:before {
  visibility: visible;
  opacity: 1;
  left: 0;
}

.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}

.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}

@media (max-width: 1500px) {
  .main-menu > ul > li {
    margin: 0 13px;
  }
}

.menu-style1 > ul > li {
  margin: 0 14px;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .menu-style1 > ul > li {
    margin: 0 10px;
  }
}

.menu-style1 > ul > li > a {
  padding: 17px 0;
  color: #FFF;
}

.menu-style1 > ul > li > a:hover {
  color: #EB7E13;
}

.menu-style1 ul li.menu-item-has-children > a:after {
  color: #FFF;
}

.simple-icon {
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 24px;
  position: relative;
}

.simple-icon:has(.badge) {
  padding-right: 8px;
}

.simple-icon .badge {
  top: -8px;
  right: 0;
  font-size: 12px;
}

.header-button {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.header-button .th-btn {
  margin-left: 15px;
  font-weight: 500;
  /* Medium Large devices */
}

@media (max-width: 1299px) {
  .header-button .th-btn {
    display: none;
  }
}

.header-button .icon-btn .badge {
  font-size: 12px;
  top: 0;
  right: 0;
}

.header-button .icon-btn:hover .badge {
  background-color: #1D1E45;
}

.social-links .social-title {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: "Archivo", sans-serif;
  color: var(--body-color);
}

@media (max-width: 1599px) {
  .social-links .social-title {
    display: none;
  }
}

.social-links a {
  font-size: 14px;
  display: inline-block;
  color: var(--body-color);
  margin: 0 15px 0 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.social-links a:last-child {
  margin-right: 0 !important;
}

.social-links a:hover {
  color: #EB7E13;
}

.social-links a:hover i {
  -webkit-animation: slideTop 0.5s;
          animation: slideTop 0.5s;
}

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .header-logo {
    max-width: 160px;
  }
}

.header-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header-links li {
  display: inline-block;
  position: relative;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.header-links li:not(:last-child) {
  margin: 0 58px 0 0;
}

.header-links li:not(:last-child):after {
  content: '';
  height: 14px;
  width: 1px;
  background-color: #888C97;
  position: absolute;
  top: 5px;
  right: -32px;
}

.header-links li > i {
  color: #EB7E13;
  margin-right: 8px;
}

.header-links li,
.header-links span,
.header-links p,
.header-links a {
  color: var(--body-color);
}

.header-links a:hover {
  color: #EB7E13;
}

.header-links b,
.header-links strong {
  font-weight: 600;
  margin-right: 6px;
}

.header-links .social-links a {
  font-size: 14px;
}

.header-notice {
  margin: 0;
  /* Large devices */
}

@media (max-width: 1199px) {
  .header-notice {
    display: none;
  }
}

.header-top {
  padding: 10px 0;
  background-color: var(--smoke-color);
  --body-color: #888C97;
}

.header-top a:hover {
  color: #EB7E13;
}

@media (max-width: 1199px) {
  .th-header .info-card:last-child {
    display: none;
  }
  .header-layout2 .header-top:before {
    width: 50%;
  }
}

.header-layout2 {
  background-color: var(--smoke-color);
}

.header-layout2 .header-top {
  position: relative;
  padding: 6px 0;
  border-bottom: 1px solid #E4E4E4;
  z-index: 2;
}

.header-layout2 .header-top .header-notice {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.header-layout2 .header-top .header-notice i {
  font-size: 14px;
  margin-right: 8px;
}

.header-layout2 .social-links {
  padding-left: 30px;
}

.header-layout2 .social-links .social-title {
  font-weight: 500;
  color: #1D1E45;
}

.header-layout2 .social-links a:not(:hover) {
  color: #4D5765;
}


@media (max-width: 767px) {
  .header-layout2 .header-links {
    display: none;
  }
}

.header-layout2 .header-links li a:not(:hover) {
  color: #4D5765;
}


.header-layout2 .header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.header-layout2 .main-menu {
  position: relative;
}

.header-layout2 .main-menu:after {
  right: -110px;
}

.header-layout2 .main-menu > ul > li {
  margin: 0 17.3px;
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .unittest-header .main-menu a {
    font-size: 15px;
  }
  .unittest-header .main-menu > ul > li {
    margin: 0 11px;
  }
}

@media (min-width: 1400px) {
  .header-layout2 .th-container {
    --main-container: 1620px;
  }
}

.th-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  text-transform: capitalize;
  text-align: center;
  background-color: #EB7E13;
  color: #FFF;
  font-family: "Archivo", sans-serif;
  text-transform: uppercase;
  border: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 21px 28px;
  border-radius: 0px;
  -webkit-transform: perspective(0) translateZ(0);
          transform: perspective(0) translateZ(0);
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
  width: auto;
  height: auto;
  min-width: unset;
  aspect-ratio: unset;
  --th-move-x: 110%;
  --th-move-y: 100%;
  stroke-width: 2;
  fill: none;
}

.th-btn.th-icon i {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.th-btn span {
  display: inline-block;
  font-weight: 700;
  margin-left: 1px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.th-btn:before, .th-btn:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 0;
  background-color: #1D1E45;
  -webkit-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}

.th-btn:before {
  top: 0;
  left: 0;
  right: auto;
}

.th-btn:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.th-btn:hover, .th-btn.active {
  color: #FFF;
  box-shadow: none;
}

.th-btn:hover.th-icon i, .th-btn.active.th-icon i {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.th-btn:hover:before, .th-btn.active:before {
  width: 100%;
  right: 0;
  left: auto;
}

.th-btn:hover:after, .th-btn.active:after {
  width: 100%;
  left: 0;
  right: auto;
}

.th-btn.style1:before, .th-btn.style1:after {
  background-color: #FFF;
}

.th-btn.style1:hover {
  color: #1D1E45;
}

.th-btn.style1:hover:before, .th-btn.style1:hover:after {
  background-color: #FFF;
}

.th-btn.style2 {
  background-color: transparent;
  color: #1D1E45;
  border: 1px solid #1D1E45;
}

.th-btn.style2:hover {
  color: #FFF;
  border-color: #1D1E45;
}

.th-btn.style2:hover:before, .th-btn.style2:hover:after {
  background-color: #1D1E45;
}

.th-btn.style3 {
  background-color: #FFF;
  color: #1D1E45;
  box-shadow: none;
  border: none;
}

.th-btn.style3:hover {
  color: #FFF;
}

.th-btn.style3:hover:before, .th-btn.style3:hover:after {
  background-color: #EB7E13;
}

.th-btn.style4 {
  background-color: #1D1E45;
  color: #FFF;
}

.th-btn.style4:hover {
  color: #FFF;
}

.th-btn.style4:hover:before, .th-btn.style4:hover:after {
  background-color: #EB7E13;
}

.th-btn.style5 {
  background-color: #FFF;
  color: #EB7E13;
  padding: 18px 40px;
  font-weight: 700;
}

.th-btn.style5:hover {
  color: #FFF;
}

.th-btn.style5:hover:before, .th-btn.style5:hover:after {
  background-color: #EB7E13;
}

.th-btn.style6 {
  background-color: #262A36;
  color: #FFF;
}

.th-btn.style6:hover {
  color: #1D1E45;
}

.th-btn.style6:hover:before, .th-btn.style6:hover:after {
  background-color: #FFF;
}

.th-btn.th-style {
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
  -webkit-filter: drop-shadow(0px 8px 20px rgba(160, 206, 78, 0.3));
          filter: drop-shadow(0px 8px 20px rgba(160, 206, 78, 0.3));
}

.th-btn.blue-border {
  background-color: transparent;
  color: #EB7E13;
  border: 1px solid #EB7E13;
  box-shadow: none;
}

.th-btn.blue-border:hover {
  color: #FFF;
  border-color: #EB7E13;
}

.th-btn.blue-border:hover:before, .th-btn.blue-border:hover:after {
  background-color: #EB7E13;
}

.th-btn.th-border {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(12.5px);
          backdrop-filter: blur(12.5px);
  padding: 16px 39.4px;
}

.th-btn.th-border:hover {
  background: #1D1E45;
  border: 1px solid #1D1E45;
}

.th-btn.th-radius {
  border-radius: 0;
}

.th-btn.th-radius2 {
  border-radius: 10px;
}

.th-btn.btn-fw {
  width: 100%;
  padding: 18px 30px;
}
a {
	color: #1D1E45;
	text-decoration: none;
	outline: 0;
	transition: all ease 0.4s;

	&:hover {
		color: #EB7E13;
	}

	&:active,
	&:focus,
	&:hover,
	&:visited {
		text-decoration: none;
		outline: 0;
	}
}


button {
	transition: all ease 0.4s;
}

.sp-pop {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}
.speaker:hover .sp-pop {
  opacity: 1;
  transform: translateY(0);
}
[id] {
  scroll-margin-top: 134px;
}