h1 {
      color: #000;

      /* H1 */
      font-family: "Futura-Bold";
      font-size: 40px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }

  h2 {
      margin-top: 0 !important;
  }

  a:hover {
      color: #E4580A;
  }

  .mb-20 {
      margin-bottom: 20px;
  }

  .page-id-4236 section {
      position: relative;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: cover !important;
      padding: 100px 30px;
  }

  .page-id-4236 section.banner {
      text-align: center;
      align-content: center;
      height: 90vh;

      overflow: hidden;
  }

  .page-id-4236 section.banner .banner_bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(https://www.wtcmanila.com.ph/wp-content/uploads/2025/07/E3-Desktop-Banner.jpg) no-repeat center center;
      background-size: cover;
      z-index: -1;
  }

  .page-id-4236 section.banner img {
      max-width: 100%;
      width: 736px;
      height: auto;
      display: block;
      margin: 0 auto;
  }

  .page-id-4236 section.event_details {
      display: flex;
      min-height: 500px;
      align-items: stretch;
      background: url("../../assets/img/expo-2025/Event-Countdown.png");
      color: #ffffff !important;
  }

  /* .page-id-4236 section.event_details .event_details-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 20px;
	width: 100%;
	height: 100%;
	background: url("../../assets/img/expo-2025/Event-Globe.png") no-repeat;
} */

  .page-id-4236 section.event_details :is(h1, p, span) {
      color: white;
  }

  .page-id-4236 section.profile {
      background: url("../../assets/img/expo-2025/profile_bg.jpg");
  }

  .page-id-4236 section.Exhibition_Components {
      background: url("../../assets/img/expo-2025/Exhibition_Components_bg.jpg");
  }

  .page-id-4236 section.booth_sponsor {
      background: linear-gradient(90deg, rgba(255, 251, 249, 0.00) 0%, rgba(255, 251, 249, 0.65) 35%, #FFFBF9 50%, rgba(255, 251, 249, 0.65) 65%, rgba(255, 251, 249, 0.00) 100%), url("../../assets/img/expo-2025/booth-new-bg.png") lightgray 50% / cover no-repeat;
  }

  .page-id-4236 section.reservation {
      background: url("../../assets/img/expo-2025/reservation_bg.jpg");
  }


  .banner span {
      position: absolute !important;
      left: 0;
      right: 0;
      bottom: 30px;
      color: #F15A22 !important;
      font-family: Futura-Bold !important;
      font-size: 50px !important;
      font-style: normal !important;
      font-weight: 700 !important;
      line-height: 50px !important;
      /* 160% */
  }


  /* Event details */

  .event_details p {
      margin: 0;
  }

  .event_details .col p {
      font-size: 23px;
  }

  .event_details .specific-date {
      font-size: 40px !important;
      text-align: center;
      margin-bottom: 30px !important;
      width: fit-content;
      font-family: "Futura-Bold" !important;
  }

  .event_details h2 {
      color: #FFF;
      font-style: normal;
      font-weight: 700;
      font-size: 33px;
      line-height: 40px;
      /* 160% */
  }

  .event_details .countdown-container p {
      color: #FFF;
      font-family: "RNSSanz-Normal";
      font-size: 30px !important;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      /* 104.167% */
  }

  .event_details .countdown-container .light-beam::after {
      height: 3.5px !important;
  }

  .light-beam {
      position: relative;
      display: inline-block;
      margin-top: 5px;
      margin-bottom: 60px;
      /* so width shrinks to text */
      padding-bottom: 0.25em;
      /* give some breathing room for the “beam” */
  }

  .light-beam::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 5px;
      /* adjust thickness here */
      background: linear-gradient(90deg,
              transparent 0%,
              rgba(255, 255, 255, 0.8) 50%,
              transparent 100%);
      background-size: 200% 100%;
      animation: beam-slide 3s linear infinite;
  }

  .event_details #countdown {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      gap: 24px;
      /* base text styling – everything inside #countdown will inherit this */
      color: #fff;
      font-family: "Futura-Bold" !important;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }

  .event_details #countdown div {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-left: 8px;
      padding-right: 8px;
  }

  .event_details #countdown span {
      font-family: "Futura-Bold" !important;
      font-size: 40px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }

  .event_details .col-xs-12.col-sm-6 {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .event_details .grouper {
      display: flex;
      flex-direction: column;
      gap: 30px;
  }

  @keyframes beam-slide {
      from {
          background-position: 100% 0;
      }

      to {
          background-position: -100% 0;
      }
  }

  /* End of Event Details */

  /* About E3 */

  .about img {
      max-height: 646px;
      max-width: 600px;
      width: 100%;
      height: 100%;
      object-fit: contain;
      margin-bottom: 30px;
  }

  .about p {
      font-size: 21px;
  }

  .e3-btn {
      max-width: 550px;
      --border-radius: 1rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: transparent;
      border-radius: var(--border-radius);
      color: #E4580A;
      padding: 13px 50px;
      isolation: isolate;
      text-align: center;
      overflow: hidden;
      font-family: Inter;
      font-size: 19px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 155.781% */
  }

  .e3-btn::before {
      content: '';
      position: absolute;


  }

  .e3-btn::before {
      --inset: 0px;
      border: 3.5px solid #E4580A;
      background: white;
      inset: var(--inset);
      border-radius: calc(1rem - 4px);
      transition: all 0.3s linear;
      z-index: -2;
  }

  .e3-btn::after {
      content: '';
      position: absolute;
  }

  .e3-btn::after {
      --color: #ffffff;
      width: 20%;
      height: 750px;
      background-image: linear-gradient(99deg, rgba(64, 10, 10, 0) 0%, rgba(255, 255, 255, 1) 27%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 0.06) 100%);
      z-index: -1;
      transition: opacity 0.6s ease-out;
      animation: border-animation 4s linear infinite;

  }

  .e3-btn:hover::after {
      opacity: 0;
      /* fade out */
      animation: border-animation2 3s ease-out;
      /* stop animation */

  }

  @keyframes border-animation {
      0% {
          transform: rotate(0deg) translate(0, 0);
      }

      25% {
          transform: rotate(-90deg) translate(-25px, -25px);
      }

      50% {
          transform: rotate(-180deg) translate(-100px, -100px);
      }

      75% {
          transform: rotate(-270deg) translate(-25px, -25px);
      }

      100% {
          transform: rotate(-360deg) translate(0, 0);
      }
  }

  @keyframes border-animation2 {
      0% {
          transform: rotate(0deg) translate(0, 0);
      }

      25% {
          transform: rotate(-90deg) translate(-25px, -25px);
      }

      50% {
          transform: rotate(-180deg) translate(-100px, -100px);
      }

      75% {
          transform: rotate(-270deg) translate(-25px, -25px);
      }

      100% {
          transform: rotate(-360deg) translate(-1000px, -1000px);
      }
  }

  .card {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      transition: 0.3s;
      width: 40%;
  }

  .card:hover {
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  }

  .content {
      padding: 2px 16px;
  }

  /* End of About E3 */

  /* Gallery */

  .profile .swiper .box {
      border-radius: 12px;
      margin-bottom: 30px;
      box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.05);
  }

  .profile .swiper .box-body {
      display: flex;
      min-height: 90px;
      padding: 20px;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      align-self: stretch;
      background: #F6F6F6;

      /* Shadow */
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
  }

  .profile .global-h2 {
      font-size: 40px;
  }

  .profile .swiper .box-body p {
      margin: 0 !important;
      font-size: 21px;
  }

  .profile .swiper .box-body-content {
      min-height: 315px;
      background: #FFF;
      display: flex;
      padding: 5px 20px;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      flex: 1 0 0;
      align-self: stretch;


      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;

      li {
          color: #000;
          /* P */
          font-family: "RNSSanz-Normal";
          font-size: 19px;
          font-style: normal;
          font-weight: 400;
          line-height: 25px;
          /* 147.059% */
      }
  }

  .box-body-content.empty {
      visibility: hidden;
      height: 80px;
      /* Adjust to match your content height */
  }

  .reservation a,
  .booth_sponsor a {
      color: #E4580A;
  }

  .profile .image_title,
  .reservation .image_title {
      max-width: 228px;
      margin: 0 auto;
      aspect-ratio: 19/5;
      margin-bottom: 20px;
  }

  .profile .swiper img {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
  }

  .custom-navigation {
      position: relative;
      display: flex;
      gap: 20px;
      justify-content: center;
      margin-bottom: 20px;
  }

  .my-prev,
  .my-next {
      border: none;
      border-radius: 5px;
      background: var(--Orange, #E4580A);
      display: flex;
      width: 30px;
      height: 30px;
      padding: 10px;
      justify-content: center;
      align-items: center;
  }

  button[disabled] {
      border-radius: 5px;
      opacity: 0.3;
      background: var(--Orange, #E4580A);
  }

  /* End of Gallery */

  /* Exhibition Components */

  .Exhibition_Components .col-xs-12.col-sm-6.col-lg-3 {
      padding: 0 10px;
  }

  .Exhibition_Components .exhibitions_wrapper {
      max-width: 1200px;
      margin: 0 auto;

  }

  .Exhibition_Components svg {
      max-width: 50px;
      max-height: 50px;
      aspect-ratio: 1/1;
  }

  .Exhibition_Components .card {
      min-height: 321px;
      text-align: center;
      align-items: center;
      margin-bottom: 30px;
      background-color: white;
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 30px;
      border-radius: 10px;
      gap: 20px;
  }

  .Exhibition_Components .card h3 {
      color: #000;
      text-align: center;
      /* H3 */
      font-family: "Futura-bold";
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin: 0px;
  }

  .Exhibition_Components .card p {
      margin: 0px;
      font-size: 21px;
  }

  .Exhibition_Components .card_content {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
  }

  .Exhibition_Components .card_content a {
      color: var(--Orange, #E4580A);
      /* P */
      font-family: "RNSSanz-Normal";
      font-size: 21px;
      font-style: normal;
      font-weight: 600;
      line-height: 25px;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: none;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
  }

  .Exhibition_Components .global-h2 {
      margin-bottom: 60px;
      color: #fff;
      font-size: 40px;
  }

  .Exhibition_Components .p-container {
      max-width: 938px;

  }

  .Exhibition_Components .p-container p {
      font-size: 21px;
  }

  .Exhibition_Components .exhibition-btn {
      max-width: 429px;
      --border-radius: 1rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: transparent;
      border-radius: var(--border-radius);
      color: #ffffff;
      padding: 13px 50px;
      isolation: isolate;
      text-align: center;
      overflow: hidden;
      font-family: Inter;
      font-size: 19px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 155.781% */
  }

  .Exhibition_Components .exhibition-btn::before {
      content: '';
      position: absolute;


  }

  .Exhibition_Components .exhibition-btn::before {
      --inset: 0px;
      border: 3.5px solid #ffffff;
      background: #FF6F1F;
      inset: var(--inset);
      border-radius: calc(1rem - 4px);
      transition: all 0.3s linear;
      z-index: -2;
  }

  .Exhibition_Components .exhibition-btn::after {
      content: '';
      position: absolute;
  }

  .Exhibition_Components .exhibition-btn::after {
      --color: #ffffff;
      width: 20%;
      height: 750px;
      background-image: linear-gradient(99deg, rgba(64, 10, 10, 0) 0%, #FF6F1F 27%, #FF6F1F 51%, #FF6F1F 71%, rgba(255, 255, 255, 0.06) 100%);
      z-index: -1;
      transition: opacity 0.6s ease-out;
      animation: border-animation 4s linear infinite;

  }

  .Exhibition_Components .exhibition-btn:hover::after {
      opacity: 0;
      /* fade out */
      animation: border-animation2 3s ease-out;
      /* stop animation */

  }

  /* booth */

  .booth_sponsor .booth_content {
      justify-content: center;
      display: flex;
      flex-direction: column;
      height: 100%;
      max-height: 631px;
  }

  .booth_sponsor .booth_end_content {
      margin: 0 auto;
      margin-top: 60px !important;
      max-width: 1064px;
  }

  .booth_sponsor h2 {
      font-size: 40px;
  }

  .booth_sponsor p,
  .booth_sponsor .booth_end_content a {
      font-size: 21px;
  }

  /* Booth */
  @keyframes border-animation {
      0% {
          transform: rotate(0deg) translate(0, 0);
      }

      25% {
          transform: rotate(-90deg) translate(-10px, -10px);
      }

      50% {
          transform: rotate(-180deg) translate(-20px, -20px);
      }

      75% {
          transform: rotate(-270deg) translate(-10px, -10px);
      }

      100% {
          transform: rotate(-360deg) translate(0, 0);
      }
  }

  @keyframes border-animation2 {
      0% {
          transform: rotate(0deg) translate(0, 0);
      }

      25% {
          transform: rotate(-90deg) translate(-10px, -10px);
      }

      50% {
          transform: rotate(-180deg) translate(-50px, -50px);
      }

      75% {
          transform: rotate(-270deg) translate(-25px, -25px);
      }

      100% {
          transform: rotate(-360deg) translate(-1000px, -1000px);
      }
  }

  /* End of Exhibition */

  /* Booth Sponsor */

  .booth_sponsor .card {
      background-color: white;
      width: 100%;
      border-radius: 10px;

      height: 100%;
  }

  .booth_sponsor .card-top {
      background: linear-gradient(92deg, #E4580A 25%, #F67832 100%);
      padding: 22px;
      white-space: nowrap;
      font-weight: 600;
      line-height: 25px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
  }

  .booth_sponsor .card-size,
  .booth_sponsor .card-inclusions {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 20px;
  }

  .booth_sponsor .card-inclusions p {
      display: flex;
      align-items: center;
      gap: 0 10px;
  }

  .booth_sponsor .card span {
      color: #CACACA;
      font-family: "RNS Sanz";
      font-size: 19px;
      font-style: normal;
      font-weight: 600;
      line-height: 25px;
      /* 178.571% */
  }

  .booth_sponsor .card-top p {
      color: white !important;
      margin: 0px;
  }

  .booth_sponsor .card-size p,
  .booth_sponsor .card-rate p,
  .booth_sponsor .card-inclusions p {
      margin: 0px;
  }

  .booth_sponsor .card-rate {
      background: #F6F6F6;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 20px;
  }

  .booth_sponsor svg {
      width: 25px;
      height: 25px;
      aspect-ratio: 1/1;
  }

  .reservation_content {
      max-width: 550px;
      margin: 0 auto;
      ;
  }

  .contact-grid {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 30px;
      flex-wrap: wrap;
  }

  .contact-grid svg {
      margin-right: 10px;
  }

  .contact {
      flex: 1 1 45%;
      font-size: 0.95rem;
  }

  .reservation span {
      color: #A7A7A7;
      font-family: "RNSSanz-Normal";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 25px;
      /* 178.571% */
  }

  .desc {
      margin-bottom: 15px;
      font-size: 1rem;
      line-height: 1.5;
  }

  .reservation h3 {
      color: #000;

      /* H3 */
      font-family: "Futura-Bold";
      font-size: 35px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }

  .reservation p,
  .reservation .contact a {
      font-size: 21px;
  }

  .countdown-container {
      display: flex;
      flex-direction: column;
      max-height: 200px;
      height: 100%;
      margin: auto;
      align-items: center;

  }

  .countdown-container p>span {
      position: relative;
      display: inline-block;
      height: 24px;
      vertical-align: bottom;
      overflow: hidden;
  }

  .countdown-container p>span span {
      display: block;
      font-family: "RNSSanz-Normal";
      font-size: 24px !important;
      font-style: normal;
      font-weight: 600;
      animation: animateWords 25s infinite ease-in-out;
  }

  .gutter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  .gutter img {
      max-width: 250px;
  }

  .gutter>[class*="col-"] {
      display: flex;
      /* make each column a flex container */
      /* align-items: center; */
      /* vertical center of the column contents */
      /* optional: uncomment if you also want horizontal centering */
  }

  /* If you want an inner wrapper to control centering per column */
  .gutter .col-body {
      width: 100%;
      height: 100%;
      justify-content: center;
      display: flex;
      flex-direction: column;
  }

  @keyframes animateWords {
      0% {
          transform: translateY(0%);
      }

      10% {
          transform: translateY(-202%);
      }

      20% {
          transform: translateY(-402%);
      }

      30% {
          transform: translateY(-602%);
      }

      40% {
          transform: translateY(-802%);
      }

      50% {
          transform: translateY(-1002%);
      }

      60% {
          transform: translateY(-1202%);
      }

      70% {
          transform: translateY(-1402%);
      }

      80% {
          transform: translateY(-1602%);
      }

      90% {
          transform: translateY(-1802%);
      }

      100% {
          transform: translateY(-2002%);
      }
  }

  @media (min-width: 1401px) {}

  @media screen and (max-width: 1800px),
  screen and (max-height: 800px) {

      .banner span {
          font-size: 45px !important;
      }

  }

  @media (max-width: 1600px) {

      .banner span {
          font-size: 40px !important;
      }

  }

  @media (max-width: 1400px) {

      .page-id-4236 section.banner img {
          width: 500px;
      }

      .banner span {
          font-size: 33px !important;
      }

      .page-id-4236 section.banner .banner_bg {
          background: url(https://www.wtcmanila.com.ph/wp-content/uploads/2025/07/E3-Laptop-Banner.jpg) no-repeat center center;

      }

  }


  /* End of Booth Sponsor */
  @media (max-width: 1199px) {

      .page-id-4236 section.banner img {
          width: 450px;
      }


      .Exhibition_Components .card p {
          padding: 0 !important;
      }

      .page-id-4236 section {
          padding: 70px 30px;
      }

      .page-id-4236 section.banner {
          padding-top: 182.58;
      }

      .banner span {
          font-size: 30px !important;
      }

  }

  @media (max-width: 992px) {

      .gutter>[class*="col-"] {
          justify-content: center;
          margin-bottom: 30px;
      }

      .gutter .exhibition-btn-container {
        width: 100%;
        margin:auto !important;
      }

      .p-container {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .page-id-4236 section.banner .banner_bg {
          background: url(https://www.wtcmanila.com.ph/wp-content/uploads/2025/07/E3-Tablet-Banner.jpg) no-repeat center center;

      }

      .banner span {
          font-size: 27px !important;
      }


      .reservation_content {
          max-width: 100%;
          margin: 0 auto;
      }

      .reservation .row {
          flex-direction: column-reverse;
      }

      .flex-md-column-reverse {
          display: flex;
          flex-direction: column-reverse;
      }

      .event_details .col-sm-12.col-md-6 {
          justify-content: center;
          height: auto !important;
      }

      .event_details .countdown-container p {
          margin-top: 16px !important;
      }

  }

  @media (max-width: 1024px) {

      .page-id-4236 section.banner img {
          width: 390px;
      }

  }

  @media (max-width: 767px) {

      .page-id-4236 section.banner .banner_bg {
          background: url(https://www.wtcmanila.com.ph/wp-content/uploads/2025/07/E3-Mobile-Banner.jpg) no-repeat center center;

      }

      .Exhibition_Components .card p {
          padding: 0 !important;
      }

      .col-xs-12 {
          width: 50%;
      }

      .banner span {
          font-size: 24px !important;
      }

      .page-id-4236 section.banner {
          padding-top: 162.58;
      }
  }

  @media (max-width: 598px) {

      .banner span {
          font-size: 2em !important;
      }

      .Exhibition_Components .card p {
          padding: 0 !important;
      }

      .col-xs-12 {
          width: 100%;
      }

      .event_details #countdown {
          font-size: 16px;
          flex-wrap: wrap;
      }

      .event_details #countdown span {
          font-size: 28px;
      }

  }

  @media (max-width: 430px) {
      .banner span {
          font-size: 1em !important;
      }

      page-id-4236 section.event_details {}
  }