/* =========================================================

   DISPLAY / COMMON

========================================================= */



.hidden-xs {display: none!important;}

.visible-xs {display: block!important;}



.header-area {

  position: fixed;

  top: 0;

  width: 100%;

}



.header-area .main-nav .logo {line-height: 60px;}



.agenda-block {grid-template-columns: 1fr;}

.agenda-block {width: 100%;}





/* =========================================================

   HEADER / NAVIGATION

========================================================= */





@media (max-width: 767px) {



  .background-header .main-nav .nav {

    margin-top: 80px !important;

  }



  .header-area .main-nav .logo {

    color: #1e1e1e;

  }



  .header-area.header-sticky .nav li a:hover,

  .header-area.header-sticky .nav li a.active {

    color: #fe3f40!important;

    opacity: 1;

  }



  .header-area.header-sticky .nav li.search-icon a {

    width: 100%;

  }



  .header-area {

    background-color: var(--color-black);

    padding: 0;

/*    height: 60px;*/

    box-shadow: none;

    text-align: center;

  }



  .header-area .container {

    padding: 0px;

  }



  /*.header-area .logo {

    margin-left: calc(50% - 75px);

  }*/



  .header-area .menu-trigger {

    display: block !important;

  }



  .header-area .main-nav {

    overflow: hidden;

  }



  .header-area .main-nav .nav {

    float: none;

    width: 100%;

    display: none;

    -webkit-transition: all 0s ease 0s;

    -moz-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

    margin-left: 0px;

    padding: 0 10px;

    background-color: var(--color-black);

    margin-top: 15px;

  }



  .background-header .nav {

    margin-top: 80px;

  }



  /*.header-area .main-nav .nav li:first-child {

    padding-left: 10px;

  }



  .header-area .main-nav .nav li:last-child {

    padding-right: 10px;

  }*/



  /*.header-area.header-sticky .nav {

    margin-top: 80px;

  }*/



  .header-area .main-nav .nav li {

    width: 100%;

    padding-left: 10px !important;

    padding-right: 6px !important;

  }



  .header-area .main-nav .nav li a {

    height: 35px !important;

    line-height: 35px !important;

    padding: 0px !important;

    border: none !important;

    color: #FFF !important;

    font-size: 16px;

  }



  .header-area .main-nav .nav li a:hover {

    color: #fe3f40!important;

  }



  .header-area .main-nav .nav li.submenu ul {

    position: relative;

    visibility: inherit;

    opacity: 1;

    z-index: 1;

    transform: translateY(0%);

    transition-delay: 0s, 0s, 0.3s;

    top: 0px;

    width: 100%;

    box-shadow: none;

    height: 0px;

  }



  .header-area .main-nav .nav li.submenu ul li a {

    font-size: 12px;

    font-weight: 400;

  }



  .header-area .main-nav .nav li.submenu ul li a:hover:before {

    width: 0px;

  }



  .header-area .main-nav .nav li.submenu ul.active {

    height: auto !important;

  }



  .header-area .main-nav .nav li.submenu:after {

    color: #3B566E;

    right: 25px;

    font-size: 14px;

    top: 15px;

  }



  .header-area .main-nav .nav li.submenu:hover ul,

  .header-area .main-nav .nav li.submenu:focus ul {

    height: 0px;

  }

}



@media (min-width: 767px) {

  .header-area .main-nav .nav {

    display: flex !important;

  }

}



.header-menu-top {

  grid-template-columns: 1fr;

  margin-top: unset;

  padding-top: 30px;

}



.header-area .main-nav .logo img {

  max-width: 135px;

}



/*.header-area .main-nav {min-height: 60px;}*/



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  background-color: #FFF;

}



.header-area .main-nav .menu-trigger span,

.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  background-color: #FFF;

}



.header-area .main-nav .menu-trigger {

  top: 15px;

}



.main-nav .btn-buytickets,

.main-nav a.btn-buytickets {

  background-color: var(--color-white);

  border-radius: 30px;

  padding: 3px 10px;

  color: #000;

  font-size: 12px;

  width: fit-content;

  font-weight: 500;

  font-family: var(--fontfamily2);

  position: absolute;

  top: 35px;

  right: 15px;

  z-index: 2;

}



.main-nav .btn-buytickets:hover,

.main-nav a.btn-buytickets:hover {

  background-color: var(--color-yellow);

}



.menu-search {

  top: 28px;

}



.menu-search {

  right: unset;

  left: 15px;

}



.nav.mobile-warp {

  display: flex!important;

  flex-wrap: nowrap!important;

  overflow-x: auto;

  white-space: nowrap;

  scrollbar-width: none;

  -ms-overflow-style: none;

}



.nav.mobile-warp::-webkit-scrollbar {

  display: none;

}



.flag-block {

  position: absolute;

  top: 35px;

  left: 55px;

  z-index: 2;

}



.lang-toggle {

  padding: 4px 15px;

  line-height: 1;

}



.nav-item.dropdown .dropdown-menu {

  right: unset;

  left: 0;

}





/* =========================================================

   HEADER / RERUN / BANNER

========================================================= */



.poster-rerun-block .main-banner {

  padding-top: unset!important;

}



.poster-rerun-block {

  background-image: url(../images/bg-economicforum2025-rerun-mobile.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  padding: 2.5rem 0;

}



.main-banner .btn-left,

.main-banner .btn-right {

  justify-content: center;

}



.main-banner .button-buy-block {

  margin-top: unset;

}



.poster-rerun-block .main-banner {

  padding-top: unset;

}



.poster-rerun-block .main-buy-button a {

  width: 220px;

}



.poster-location {

  margin-top: 2rem;

}



.poster-location img {

  width: 85%;

}





/* =========================================================

   POSTER / HERO

========================================================= */



.poster-block {

  padding: 0;

}



.poster-block .poster-logo {

  max-width: 85%;

  margin: 0 auto;

}



.poster-block .poster-text .text-line2 {

  margin-bottom: 1em;

}



.poster-highlight-block {

  padding-top: 115px;

  background-image: url(../images/bg/poster-highlight-mobile.webp);

  /*background-repeat: no-repeat;

  background-position: top center;

  background-size: 100% 100%;*/



  /*min-height: 100vh;*/

  /*margin-top: 80px;*/

  /*margin-bottom: -125px;*/

  background-color: #f04924;

}



.hero-block {

  grid-template-columns: 1fr;

  grid-template-rows: 33vh auto;

  margin: 2rem auto 3rem;

}



.poster-block .poster-text {

  text-align: center;

}



.poster-block .poster-text .text-line1 {

  margin-top: 15px;

  margin-bottom: .35em;

  font-size: 28px;

}



.poster-block .poster-text .text-line2 {

  font-size: 24px;

  line-height: 1;

}



.poster-block .poster-text .text-line2 span {

  font-size: 20px;

  line-height: 1;

}





/* =========================================================

   BUTTON / BUY TICKET

========================================================= */



.main-buy-button a {

  padding: 15px 0;

  width: 220px;

}



.button-buy-block {

  margin-top: 10rem;

}



.main-landing-button a {

  width: 80%;

}



#agenda .btn-buytickets-agenda .btn-buytickets,

#agenda .btn-buytickets-agenda a.btn-buytickets {

  float: right;

  margin-bottom: 25px;

}





/* =========================================================

   ABOUT

========================================================= */



/*.about-us {background-image: url(../images/bg/bg-about-mobile.webp);}*/



#about .section-heading h3 {

  line-height: 30px;

  font-weight: 600;

  margin-top: 10px;

  font-size: 26px;

}



#about .section-heading p {

  font-size: 20px;

}



#about .section-heading .headline {

  margin-bottom: 15px;

}



.about-us {

  padding: 40px 0 0;

  background-image: url(../images/bg/bg-about-highlight-mobile.webp);

}



.about-us .section-img img {

  margin-left: -25px;

  padding: 20px 0 0 0;

}



.about-us .services .item .icon {

  float: unset;

  margin-right: unset;

}



.about-us .services .item p {

  font-size: 20px;

}



.about-us .services .item h4 {

  font-size: 20px;

  padding-top: 10px;

}



.about-us .services .section-heading p {

  font-size: 20px;

}



.about-us .services .section-heading {

  margin-bottom: 1em;

}



.about-us .services .item .icon img {

  max-width: 50px;

}



.about-us .services .item {

  margin-bottom: 10px;

}



.about-block .left p {

  font-size: 24px !important;

}



.about-block .right {

  margin-top: 1.5rem;

}



.about-block .right h4 {

  font-size: 18px;

}



.about-block .right h5 {

  font-size: 16px;

}



.about-block {

  grid-template-columns: 1fr;

}



.about-score-block {

  width: 100%;

}





/* =========================================================

   HIGHLIGHT

========================================================= */



#highlight .section-heading h3 {

  line-height: 1;

  margin-top: 10px;

  font-size: 22px;

}



#highlight .section-heading h4 {

  font-size: 20px;

}



#highlight .section-heading p {

  font-size: 18px;

}



.highlight {

  padding: 30px 0px;

}



.highlight .services .item .icon {

  float: unset;

  margin-right: unset;

}



/*.highlight .services .item p {font-size: 15px;}*/



.highlight .services .item h4 {

  font-size: 20px;

  padding-top: 10px;

}



/*.highlight .services .section-heading p {font-size: 18px; margin-top: 20px;}*/



.highlight .services .section-heading {

  margin-bottom: 1em;

}



.highlight .services .item .icon img {

  max-width: 50px;

}



.highlight .services .item {

  margin-bottom: 10px;

}



.highlight-speaker {

  background-image: url(../images/bg/bg-highlight-speaker-mobile.webp);

}





/* =========================================================

   HIGHLIGHT SLIDER

========================================================= */



.highlight-slider-block {

  display: flex;

}



.highlight-slider-block {

  width: 100%;

  float: left;

}



.highlight-slider-grid {

  display: inline;

  overflow-x: scroll;

  overflow-y: hidden;

  white-space: nowrap;

}



.column {

  display: inline-block;

  margin-right: 10px;

  width: 65%;

}



.column::after {

  content: '';

  clear: both;

  display: block;

}



#highlight .swiper-button-prev {

  left: 78vw;

}





/* =========================================================

   AGENDA

========================================================= */



.poster-agenda-block {

  /*background-image: url(../images/bg/bg-agenda-thesecretsaucesummit2025-mobile.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: 100% 100%;*/

/*  padding-top: 100px;*/

}



.poster-agenda-block .poster {

  margin-top: 50px;

}



.poster-agenda-block .poster-block .poster-logo {

  max-width: 185px;

  margin-bottom: 1em;

}



.poster-agenda-block {

  padding-top: 80px;

}



#agenda {

  padding: 40px 0;

}



#agenda.home {

  padding: 115px 0 60px;

}



#agenda .col-lg-10 {

  padding-left: unset;

  padding-right: unset;

}



#agenda .stage-block {

  grid-template-columns: 25% auto;

  padding: 15px;

  gap: 10px;

  margin-left: 10px;

  margin-right: 10px;

  align-items: center;

}



#agenda .stage-block .stage-info {

  display: grid;

  grid-template-columns: 150px auto;

  grid-gap: 10px;

  padding-left: 15px;

  padding-right: 15px;

  margin-top: 10px;

}



#agenda .stage-block .stage-time {

  text-align: left;

  line-height: 1;

}



#agenda .stage-block .stage-detail .stage-name {

  line-height: 1;

  margin-bottom: 5px;

  font-size: 20px;

}



#agenda .stage-block .stage-detail .stage-name span {

  font-size: 18px;

}



#agenda .stage-block .stage-speaker-image {

  max-width: 75px;

  max-height: 75px;

}



#agenda .stage-block .stage-date {

  display: inline;

  margin: 0 10px 10px;

}



#agenda .tab-block h3 {

  font-size: 18px;

  font-weight: 500;

  line-height: .75;

}



#agenda .tab-block h4 {

  font-size: 16px;

  line-height: .85;

  font-weight: 400;

}



#agenda .tab-block h5 {

  font-size: 16px;

}



#agenda .tab-block.stage-tabs {

  /* ซ่อน scrollbar */

  -ms-overflow-style: none;  /* IE, Edge */

  scrollbar-width: none;     /* Firefox */

}



#agenda .tab-block.stage-tabs::-webkit-scrollbar {

  display: none; /* Chrome, Safari, Edge */

}



#agenda .tablink {

  padding: 10px 5px;

}



.stage-block1 {

  display: flex;

  grid-gap: 15px;

}



.stage-block-mobile {

  display: grid;

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

  grid-gap: 10px;

}



#agenda .stage-block .stage-logo.mobile {

  display: block;

}



#agenda .tab-block {

  width: 100%;

  z-index: 2;

  grid-auto-columns: minmax(165px, 1fr);

  padding: 0;

}



#agenda .tab-block.day-tabs {

  grid-auto-columns: 1fr 1fr 1fr;

  padding-right: 20px;

  padding-left: 20px;

}



#agenda .stage-block .stage-speaker-logo {

  max-width: 36px;

  max-height: 36px;

}



#agenda .stage-block .stage-speaker-logo:not(:first-child) {

  margin-top: 5px;

}



#agenda .stage-block .stage-image {

  margin: 0;

  height: fit-content;

}



/*#agenda .stage-block .stage-image:first-child {position: relative;}*/



/*#agenda .stage-block .stage-image .visible-xs {

  margin-bottom: -155px;

  margin-left: -7px;

  z-index: 1;

  position: relative;

}*/



/*#agenda .stage-block .stage-image .visible-xs {

  position: absolute;

  left: -7px;

  bottom: -5px;

}*/



/*#agenda .stage-block .stage-image .visible-xs {display: none;}*/



/*#agenda .stage-block .stage-image:first-child .visible-xs {

  position: absolute;

  left: -7px;

  bottom: -5px;

}*/



#agenda .stage-block .stage-detail,

#agenda .stage-block .stage-logo {

  width: fit-content;

}



#agenda .stage-block .stage-logo {

  position: absolute;

  bottom: -20px;

  left: -15px;

}



#agenda .day {

  padding: 0;

  height: 100%;

  overflow-y: none;

}



#agenda .day::after {

  background-color: transparent;

}



#agenda .no-data {

  margin-left: 10px;

  margin-right: 10px;

}



#agenda .tab-block.day-tabs {

  padding-right: 10px;

  padding-left: 10px;

}



/*#agenda .agenda-content {

  max-height: unset;

  overflow-y: unset;

  padding-right: 0;

}*/





/* =========================================================

   SPEAKER

========================================================= */



.speaker {

  padding: 60px 0px 40px;

}



#speaker .section-heading .headline {

  margin-bottom: 1em;

}



.speaker-block.expertise-stage,

.speaker-block.business-matching,

.speaker-block {

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

  grid-gap: 10px;

}



.speaker-block.expertise-stage,

.speaker-block.business-matching {

  width: unset;

  margin-left: unset;

  margin-right: unset;

}



.speaker .section-heading p {

  font-size: 22px;

  font-weight: 600;

}



.speaker-info {

  margin-bottom: 0;

  max-width: calc((100% - 15px) / 2);

}



#speaker .card {

  flex-direction: column;

}



#speaker .img-placeholder {

  margin: auto;

}



#speaker .card {

  gap: 20px;

  padding: 30px 20px;

}



#speaker .card h3 {

  font-size: 1.25rem;

}



#speaker .card h4 {

  font-size: 1rem;

}



#speaker .card p {

  font-weight: 400;

}



#speaker .card-logo {

  left: 20px;

  bottom: 48%;

}





/* =========================================================

   PARTNERS

========================================================= */



#partners .section-heading h3 {

  margin-bottom: 14px;

  font-weight: 600;

}



/*.partners-block.principle {grid-template-columns: repeat(3, 1fr); grid-gap: 15px;}*/



/*.partners-block.principle {

  width: 65%;

  grid-gap: 15px;

}*/



.partners-block.principle {

  width: 100%;

  grid-gap: 10px;

}



.partners-block.principle img {

  max-width: 80px;

}



/*.partners-block.principle.platinum {

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

  width: calc((100px * 3) + 20px);

}



.partners-block.principle.gold {

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

  width: calc((100px * 3) + 20px);

}



.partners-block.principle.silverplus {

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

  width: calc((100px * 3) + 20px);

}



.partners-block.principle.bronze {

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

}



.partners-block.principle.exhibitors {

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

  width: calc((100px * 3) + 20px);

}



.partners-block.principle.life-selection {

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

  width: calc((100px * 3) + 20px);

}*/



.partners-block.principle.platinum img,

.partners-block.principle.gold img,

.partners-block.principle.silverplus img,

.partners-block.principle.bronze img,

.partners-block.principle.exhibitors img,

.partners-block.principle.life-selection img,

.partners-block.principle.personalized-gifts img {

  max-width: 100px;

}



.partners-block {

  grid-gap: 10px;

  margin-bottom: 2em;

}



.partners-block img {

  max-width: calc((100% - 45px) / 4);

}



#partners {

  /*background-image: url(../images/bg-partners-mobile.jpg);

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: 100% 100%;*/

  padding: 30px;

}



.partners-block.association {

  width: 100%;

}



.partners-block.media {

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

}



.partners-block.association img,

.partners-block.media img {

  max-width: 100px;

}





/* =========================================================

   SOLUTION / SUITABLE

========================================================= */



/*.solution .visible-xs {

  display: grid;

  grid-template-columns: 1fr 1fr;

}



.solution .visible-xs .left {

  padding-left: 60px;

}



.solution .visible-xs .solution-info {

  margin-bottom: 1em;

}



.solution {

  padding: 15px 0 40px;

}*/



#solution .concept-block,

#solution .concept-block .visible-xs {

  grid-template-columns: 1fr;

  grid-gap: unset;

}



#solution .concept-block .concept-text {

  margin-top: unset;

}



#solution .concept-block .concept-text {

  font-size: 24px;

  line-height: 1;

}



#suitable .suitable-detail {

  width: 100%;

}



#suitable .suitable-block {

  display: flex;

  flex-wrap: wrap;

}



#suitable .suitable-block > div {

  flex: 50%;

}



#suitable .suitable-block .suitable-detail .suitable-text {

  margin-bottom: 20px;

  font-size: 18px;

}



#suitable .suitable-block .suitable-detail .suitable-image img {

  max-width: 85px;

}



/*.suitable {

  background-image: url(../images/bg/bg-about-mobile.webp);

}*/



#suitable {

  padding: 0 0 30px;

}



.solution-block {

  width: 100%;

}



.solution-block {

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

}



.solution-block .item {

  min-height: 100px;

}





/* =========================================================

   TICKET PHASE / PRICE

========================================================= */



.ticketphase-block {

  grid-template-columns: 1fr;

}



.ticket-phase {

  background-image: url(../images/bg/bg-ticket-phasing-mobile.webp);

  padding: 60px 40px;

}



.ticket-date {

  font-size: 18px;

}



.price-block {

  grid-template-rows: unset;

  grid-template-columns: 45% 55%;

}



.price-block-2 a {

  padding: 15px 0;

}



.price-block-1 {

  min-height: 0;

  padding: 30px 15px;

  background-image: url(../images/bg/bg-ticket-phasing-active-mobile.webp);

  background-position: bottom center;

}



.price-block a:hover .price-block-1 {

  background-image: url(../images/bg/bg-ticket-phasing-hover-mobile.webp);

}





/* =========================================================

   COUNTDOWN

========================================================= */



.poster-countdown {

  display: grid;

  grid-template-columns: auto 1fr;

  align-items: center;

  background-color: var(--color-white);

  padding: 14px 10px 14px 15px;

  position: unset;

  bottom: unset;

  right: unset;

}



.poster-countdown .btn-ticket-alert {

  color: var(--color-red);

  background-color: unset;

  border-radius: unset;

  margin-bottom: unset;

  font-weight: bold;

  font-size: 16px;

}



#countdown_mobile .container-countdown {

  display: flex;

  color: #FFF;

  grid-gap: 5px;

  justify-content: center;

}



#countdown_mobile .container-countdown .c-number,

#countdown_mobile .container-countdown .c-doted {

  font-family: var(--fontfamily1);

  font-size: 32px;

  font-weight: 500;

  line-height: 1;

  color: #000;

}



#countdown_mobile .container-countdown .c-text {

  font-family: var(--fontfamily1);

  font-size: 12px;

  font-weight: 500;

  text-align: center;

  color: #000;

}



#countdown_mobile .container-countdown .c-number {

  border: 1px solid #000;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: transparent;

}





/* =========================================================

   LANDING

========================================================= */



.landing {

  padding: 30px 0;

}



.landing .section-heading img {

  max-width: 200px;

  margin: auto;

}



.landing-block {

  padding: 2em 0;

}





/* =========================================================

   CONTACT

========================================================= */



.contact-info-block {

  display: grid;

  grid-template-columns: unset;

  grid-column-gap: unset;

  margin-top: 1em;

  grid-template-rows: auto auto;

}



.contact-info-image {

  text-align: center;

}



/*#contact .section-heading img {

  max-width: 165px;

}*/



.contact-info-block {

  margin-top: unset;

}



#contact .section-heading .contact-info {

  display: block;

}



#contact .section-heading .contact-info > div {

  text-align: left;

  width: 60%;

  margin: auto;

}



.contact-info > h5 {

  display: grid;

}





/* =========================================================

   FOOTER

========================================================= */



.footer-container {

  grid-template-columns: 1fr;

}



footer p {

  margin: 15px 0px 0px;

}



footer {

  padding: 0 0 30px;

}



img.logo-footer {

  margin-top: unset;

}



.footer-link {

  display: grid;

}



.footer-block {

  display: grid;

  justify-content: center;

}



.footer-block .mr-auto {

  margin-right: unset;

}



.footer-block .ml-auto {

  margin-left: unset;

}



.footer-logo {

  margin: 0 auto 2em;

}



.follow-us {

  text-align: center;

}





/* =========================================================

   PAST EVENT

========================================================= */



.past-event-block {

  grid-template-columns: 1fr;

  gap: 15px;

}



.past-event-text {

  max-width: unset;

}



.past-event {

  background-image: url(../images/bg/bg-past-events-mobile.webp);

}



.past-event img {

  margin-bottom: 20px;

  width: 85%;

  margin-left: auto;

  margin-right: auto;

}





/* =========================================================

   BANNER

========================================================= */



.banner-block {

  width: 100%;

  max-width: 300px;

  margin: auto;

}





/* =========================================================

   SEARCH

========================================================= */



@media screen and (max-height: 450px) {

  .search-overlay {

    overflow-y: auto;

  }



  .search-overlay a {

    font-size: 20px;

  }



  .search-overlay .search-closebtn {

    font-size: 40px;

    top: 15px;

    right: 35px;

  }

}





/* =========================================================

   OTHER / UTILITY

========================================================= */



.-pdr {

  padding-right: unset;

}





/* =========================================================

   SMART SCROLL HEADER

========================================================= */



.header-area.nav-visible {

  background: rgba(0, 0, 0, 1);

}