.mcs-items-container { text-align: start; } .home__guest_speaker__phinx { .row { margin-right: 0 !important; margin-left: 0 !important; } } [class$="phinx"] h1, [class$="phinx"] h2, [class$="phinx"] h3, [class$="phinx"] h4, [class$="phinx"] p, [class$="phinx"] ul { margin: 0; } h1 { font-family: "Prompt"; font-size: 40px; font-weight: 700; line-height: 150%; } h2 { font-family: "Prompt"; font-size: 32px; font-weight: 700; line-height: 150%; } h4 { font-family: "Prompt"; font-size: 24px; font-weight: 700; line-height: 150%; } p { font-family: "Prompt"; font-size: 18px; font-weight: 400; line-height: 150%; } .container-fluid{ padding-right: 0px !important; padding-left: 0px !important; } .home__time_machine__phinx { color: #fff; background: #000; padding: 80px 0; } @media (max-width: 767.98px) { .home__time_machine__phinx { padding: 40px 0; } } .home__time_machine__phinx .row:nth-of-type(1) span { color: #fca311; } .home__time_machine__phinx .row:nth-of-type(1) > *:first-child { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; padding: 0 60px; text-align: center; } @media (max-width: 767.98px) { .home__time_machine__phinx .row:nth-of-type(1) > *:first-child { padding: 0 15px; } } .home__time_machine__phinx .row:nth-of-type(1) > *:last-child { min-height: 372px; } @media (max-width: 767.98px) { .home__time_machine__phinx .row:nth-of-type(1) > *:last-child { min-height: 202px; } } @media (max-width: 767.98px) { .home__time_machine__phinx .row:nth-of-type(1) > * + * { margin: 40px 0 0 0; } } .home__time_machine__phinx .row:nth-of-type(2) > * > * { display: flex; flex-direction: row; align-items: center; gap: 24px; padding: 24px 16px; } .home__time_machine__phinx .row:nth-of-type(2) > * > * > img { max-width: 120px; height: 120px; object-fit: contain; } .home__time_machine__phinx .row:nth-of-type(2) > * > * > div { display: flex; flex-direction: column; justify-content: center; gap: 20px; } .home__time_machine__phinx .row:nth-of-type(3) img { width: 100%; height: 130px; object-fit: cover; } .home__time_machine__phinx .row + .row { margin-top: 80px; } @media (max-width: 767.98px) { .home__time_machine__phinx .row + .row { margin-top: 40px; } .home__time_machine__phinx .row:nth-of-type(3) img { width: 100%; height: auto; object-fit: cover; } } .home__highlight_episode__phinx { padding: 60px 0; } .home__highlight_episode__phinx .container{ padding-left: 0px !important; padding-right: 0px !important; } @media (max-width: 767.98px) { .home__highlight_episode__phinx { padding: 40px 0; } } .home__highlight_episode__phinx h2 { padding: 0 15px; text-align: center; } .home__highlight_episode__phinx .carousel-slider img { border-radius: 10px; } @media (max-width: 767.98px) { .home__highlight_episode__phinx .carousel-slider img { width: 312px; } } .home__highlight_episode__phinx .carousel-slider { margin: 40px 0 0 0; } @media (max-width: 767.98px) { .home__highlight_episode__phinx .carousel-slider { margin: 40px 0 0 0; padding: 0 0 0 15px; } } .home__highlight_episode__phinx .carousel-slider .slick-slide { margin: 0 12px; } .home__highlight_episode__phinx .carousel-slider .slick-list { margin: 0 -12px; } @media (max-width: 767.98px) { .home__highlight_episode__phinx .carousel-slider .slick-list { margin: 0; } } .home__highlight_episode__phinx .carousel-slider .slick-slider { margin: 0; } .home__highlight_episode__phinx .carousel-slider .slick-track { display: flex; } .home__highlight_episode__phinx .carousel-slider .slick-dots { position: relative; bottom: 0px; padding-top: 40px; font-size: 12px; } .home__highlight_episode__phinx .carousel-slider .slick-dots li { margin-inline: 4.5px; } .home__highlight_episode__phinx .carousel-slider .slick-dots li button { padding: 0; } .home__highlight_episode__phinx .carousel-slider .slick-dots li button:before { content: ""; } .home__highlight_episode__phinx .carousel-slider .slick-dots li, .home__highlight_episode__phinx .carousel-slider .slick-dots li button, .home__highlight_episode__phinx .carousel-slider .slick-dots li button:before { width: 33.75px; height: 4.43px; background: #878787; border-radius: 2.22px; opacity: 0.5; } .home__highlight_episode__phinx .carousel-slider .slick-dots li.slick-active, .home__highlight_episode__phinx .carousel-slider .slick-dots li.slick-active button, .home__highlight_episode__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 33.75px; height: 4.43px; background: #fca311; border-radius: 2.22px; opacity: 1; } .home__ads_img__phinx { padding: 60px 0; background: #000; } .home__ads_img__phinx img { width: 1320px; height: 284px; } @media (max-width: 767.98px) { .home__ads_img__phinx{ padding: 40px 0; } .home__ads_img__phinx img { width: 358px; height: auto; } } .home__guest_speaker__phinx { padding: 60px 0; background: #000; } .home__guest_speaker__phinx .container{ max-width:100%; text-align: center; } .home__guest_speaker__phinx .row:nth-of-type(1) > * > * > h2 { color: #fca311; padding-bottom: 40px; } .home__guest_speaker__phinx .row:nth-of-type(1) > * { align-content: center; } .home__guest_speaker__phinx .row:nth-of-type(1) > * > div { padding:60px; } .home__guest_speaker__phinx .row:nth-of-type(1) > * > * > p { color: #fff; font-size:60px; } @media (max-width: 767.98px) { .home__guest_speaker__phinx{ padding: 40px 0; } .home__guest_speaker__phinx .row{ display:flex; flex-direction: column; } .home__guest_speaker__phinx .row:nth-of-type(1) > * > * > p { color: #fff; font-size:32px; } .home__guest_speaker__phinx .row:nth-of-type(1) > * > div { padding:0px; } .home__guest_speaker__phinx img{ width:358px; height:158px; } } .sep-platform-brand-customer-section { padding: 60px 0px; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/files/media/Media120d256e3ce8923662af612c0466e747.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; } .sep-platform-brand-customer-container { max-width: 1320px; margin: 0 auto; padding: 0 15px; } .sep-platform-brand-customer-title { color: #fff; text-align: center; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; margin-bottom: 40px; } .brand-slideshow { width: 100%; margin: 0 auto; } .brand-slideshow .slick-slide { padding: 0 12px; box-sizing: border-box; } .brand-slideshow__slide-container { width: 100%; max-width: 244px; height: 150px; overflow: hidden; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .sep-platform-brand-customer-section { padding: 40px 0px; } .brand-slideshow .slick-slide { padding: 0 8px; } .brand-slideshow__slide-container { margin: 0 auto 15px; } } @media (max-width: 480px) { .brand-slideshow .slick-slide { padding: 0 8px; } .brand-slideshow__slide-container{ max-width: 171px; height: 105px; } .brand-slideshow__slide-container img{ width: 171px; height: 105px; } } .brand-slideshow__slide-container img { width: 244px; height: 150px; object-fit: contain; } .brand-slideshow .slick-dots { position: relative; display: block !important; width: 100%; padding: 0; margin: 10px 0 0 0; list-style: none; text-align: center; } .brand-slideshow .slick-dots li { position: relative; display: inline-block; width: 24px; height: 10px; margin: 0 8px; padding: 0; cursor: pointer; } .brand-slideshow .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 35px; height: 5px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius: 20%; transition: all 0.3s ease; } .brand-slideshow .slick-dots li button:before { content: ''; position: absolute; top: 0; left: 0; width: 35px; height: 5px; background-color: #d1d5db; border-radius: 20%; transition: all 0.3s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brand-slideshow .slick-dots li.slick-active button:before { background-color: #FCA311; transform: scale(1); } .brand-slideshow .slick-dots li:hover button:before { background-color: #FCA311; opacity: 0.7; transform: scale(1.1); } .Products_section2__wui { max-width: 1440px; margin: 0 auto; padding: 60px; background-color: #fff; } .profile-item-wui { display: flex; background-color: #000; padding: 0; margin-bottom: 0; gap: 60px; align-items: stretch; overflow: hidden; } .profile-item-wui:last-child {} .profile-item-wui.reversed { flex-direction: row-reverse; background-color: #FCA311; } .image-container-wui { width: 557px; height: 408px; border-radius: 0; overflow: hidden; } .image-container-wui img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .info-container-wui { flex: 1; display: flex; flex-direction: column; justify-content: center; padding-right: 60px; box-sizing: border-box; } .profile-item-wui.reversed .info-container-wui { padding-left: 60px; padding-right: 0; } .title { font-family: prompt, sans-serif; font-size: 32px; font-weight: 600; color: #FCA311; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #fff; padding-bottom: 15px; text-align: left; } .profile-item-wui.reversed .title { color: #000; border-bottom: 1px solid #000; } .profile-item-wui.reversed .description { font-size: 18px; line-height: 1.5; color: #000; font-weight: 400; margin-top: 0; margin-bottom: 0; } .description { font-size: 18px; line-height: 1.5; color: #fff; font-weight: 400; margin-top: 0; margin-bottom: 0; } @media (max-width: 1200px) { .Products_section2__wui { padding: 40px; } .profile-item-wui { gap: 40px; } .info-container-wui { padding: 40px 0; padding-right: 40px; } .profile-item-wui.reversed .info-container-wui { padding-left: 40px; padding-right: 0; } } @media (max-width: 992px) { .Products_section2__wui { padding: 30px; } .profile-item-wui { gap: 30px; } .info-container-wui { padding: 30px 0; padding-right: 30px; } .profile-item-wui.reversed .info-container-wui { padding-left: 30px; padding-right: 0; } } @media (max-width: 768px) { .Products_section2__wui { padding: 40px 16px; } .profile-item-wui { flex-direction: column; align-items: center; padding: 0; gap: 0; } .profile-item-wui:last-child { margin-bottom: 0; } .profile-item-wui.reversed { flex-direction: column; } .image-container-wui { width: 100%; height: 262.23px; flex: unset; margin-bottom: 0; border-radius: 0; } .image-container-wui img { height: auto; max-height: 300px; border-radius: 0; } .info-container-wui, .profile-item-wui.reversed .info-container-wui { padding: 40px 20px; } .title { padding: 0px 0px 10px 0px; margin-bottom: 10px; } .title { margin-bottom: 10px; } } .slider-container { padding: 60px 0px; position: relative; max-width: 100%; display: flex; flex-direction: column; align-items: center; background-color: #000; } .slider-outer { overflow: hidden; width: 100%; margin-bottom: 20px; } .slider-wrapper { justify-self: center; width: 1320px; display: flex; gap: 6px; transition: transform 0.3s ease; cursor: grab; } .slider-wrapper.dragging { cursor: grabbing; } .column { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; box-sizing: border-box; } .column img { object-fit: cover; width: 100%; } .large { height: 436px; margin-bottom: 6px; } .small-row { display: flex; justify-content: space-between; width: 100%; gap: 6px; margin-bottom: 6px; } .small-row img { width: calc(50% - 3px); height: 150px; } .dot-indicators { display: flex; justify-content: center; gap: 5px; } .dot { display: inline-block; width: 30px; height: 5px; border-radius: 3px; background: #ccc; margin: 0; transition: background 0.3s; cursor: pointer; } .dot.active { background-color: #FF9800; } @media (min-width: 769px) { .slider-wrapper { flex-wrap: wrap; justify-content: center; transform: none !important; cursor: default; gap: 6px; } .slider-outer { overflow: visible; margin-bottom: 0; } .column { width: calc(33.333% - 44px); } .large, .small-row img { height: auto; } .dot-indicators { display: none; } .slider-container { flex-direction: row; justify-content: center; } } @media (min-width: 481px) and (max-width: 768px) { .column { width: calc(50% - 3px); } } @media (max-width: 481px) { .slider-container{ padding: 40px 0px; } .slider-wrapper { width: 100%; } body { padding: 0px; } .slider-outer { margin-bottom: 15px; } .column { width: 100%; } .large { height: auto; } .small-row img { height: auto; } .column:first-child .large { order: 1; } .column:first-child .small-row { order: 2; } .column:nth-child(2) .small-row { order: 1; } .column:nth-child(2) .large { order: 2; } } .contact_contact__banner__phinx{ background: url(/files/media/Media389dd7f0259f152b7f9d134f74c39d49.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 500px; align-content: center; justify-items: center; } .contact_contact__banner__phinx h1{ color: #fff; } @media (max-width: 767.98px) { .contact_contact__banner__phinx{ height: 390px; } } .contact__contact_us__phinx{ padding: 60px 0px; background-color: #000; } .contact__contact_us__phinx h2{ padding-bottom: 24px; text-align: center; } .contact__contact_us__phinx h2, .contact__contact_us__phinx p{ color: #fff; } .contact__contact_us__phinx p{ font-weight: 400; } .contact__contact_us__phinx p{ } .contact__contact_us__phinx .row{ display: flex; flex-direction: column; gap: 60px } .contact__contact_us__phinx .content__box .col-4{ place-items: center; display: flex; flex-direction: column; gap: 16px; padding-left: 24px; padding-right: 24px; } .contact__contact_us__phinx .content__box img { width: fit-content; height: 60px; } .contact__contact_us__phinx .text_content__box .title_contact{ padding-bottom: 8px; font-weight: 700; font-size: 18px; line-height: 150%; text-align: center; } .contact__contact_us__phinx .text_content__box .description_contact{ font-weight: 400; font-size: 16px; line-height: 150%; text-align: center; } .contact__contact_us__phinx .title__header, .contact__contact_us__phinx .content__button,.contact__contact_us__phinx .content__follow{ text-align: center; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; } .contact__contact_us__phinx .title__header{text-align: center;} .contact__contact_us__phinx .content__box { height: 183px; } .contact__contact_us__phinx .content__box .col-4:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 183px; background-color: #FCA311; } .contact__contact_us__phinx .content__box{display: flex; flex-direction: row;} .contact__contact_us__phinx .button_content__button{ display: flex; flex-direction: row; gap: 24px; } .contact__contact_us__phinx .line__button{ width: 307px; justify-content: center; display: flex; flex-direction: row; gap: 8px; background-color: #00C500; align-items: center; padding: 12px 24px; border-radius: 50px; } .contact__contact_us__phinx .line__button p, .contact__contact_us__phinx .facebook__button p{ font-size: 24px; font-weight: 700; } .contact__contact_us__phinx .facebook__button{ width: 307px; justify-content: center; display: flex; flex-direction: row; gap: 8px; background-color: #1877F2; align-items: center; padding: 12px 24px; border-radius: 50px; } .contact__contact_us__phinx .button_content__follow{ display: flex; flex-direction: row; gap: 40px; justify-content: center; } @media (max-width: 767.98px) { .contact__contact_us__phinx{ padding: 40px 0px; } .contact__contact_us__phinx .content__box .col-4{ max-width: 100%; padding: 24px 0px; } .contact__contact_us__phinx .content__box{ display: flex; flex-direction: column; height: auto; } .contact__contact_us__phinx .content__box .col-4:not(:last-child)::after { right: auto; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 183px; height: 1px; } .contact__contact_us__phinx .row{ gap: 40px } .contact__contact_us__phinx .button_content__button { flex-direction: column; } .contact__contact_us__phinx .p-t{ padding-top: 0px !important; } .contact__contact_us__phinx .p-b{ padding-bottom: 0px !important; } } .time-machine-home-our-partner { position: relative; display: flex; padding: 60px 0; flex-direction: column; align-items: center; gap: 10px; align-self: stretch; overflow: hidden; } .our-partner-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; } .our-partner-container { position: relative; z-index: 1; display: flex; width: 1320px; max-width: 1320px; flex-direction: column; align-items: center; gap: 40px; } .our-partner-title { color: #fff; font-family: Prompt, sans-serif; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; margin: 0; } .our-partner-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 24px; align-self: stretch; width: 100%; } .our-partner-item { display: flex; justify-content: center; align-items: flex-start; flex: 0 0 calc((100% - 5 * 24px) / 6); } .our-partner-frame { display: flex; aspect-ratio: 1; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 10px; background: #fff; width: 100%; min-width: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .our-partner-logo { flex: 1 0 0; align-self: stretch; width: 100%; object-fit: contain; min-height: 0; } @media (max-width: 1200px) { .time-machine-home-our-partner { padding: 60px 24px; } .our-partner-container { width: 100%; max-width: 100%; box-sizing: border-box; } .our-partner-item { flex: 0 0 calc((100% - 3 * 24px) / 4); } } @media (max-width: 768px) { .time-machine-home-our-partner { padding: 40px 16px; } .our-partner-container { width: 100%; max-width: none; align-self: stretch; } .our-partner-grid { gap: 8px; } .our-partner-item { flex: 0 0 calc((100% - 2 * 8px) / 3); } .our-partner-frame { aspect-ratio: 1; padding: 4px; border-radius: 4px; background: var(--White, #fff); } } @keyframes zoomIn { from { opacity: 0; transform: scale(0.94); } to { opacity: 1; transform: scale(1); } } @keyframes zoomOut { from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideLeft { from { opacity: 0; transform: translateX(35px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideRight { from { opacity: 0; transform: translateX(-35px); } to { opacity: 1; transform: translateX(0); } } @keyframes flipX { from { opacity: 0; transform: perspective(800px) rotateX(12deg); } to { opacity: 1; transform: perspective(800px) rotateX(0); } } @keyframes flipY { from { opacity: 0; transform: perspective(800px) rotateY(15deg); } to { opacity: 1; transform: perspective(800px) rotateY(0); } } .zoom-in, .zoom-out, .fade-in, .slide-up, .slide-down, .slide-left, .slide-right, .flip-x, .flip-y { opacity: 0; will-change: transform, opacity; } .zoom-in.animated { animation: zoomIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .zoom-out.animated { animation: zoomOut 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .fade-in.animated { animation: fadeIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .slide-up.animated { animation: slideUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .slide-down.animated { animation: slideDown 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .slide-left.animated { animation: slideLeft 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .slide-right.animated { animation: slideRight 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .flip-x.animated { animation: flipX 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .flip-y.animated { animation: flipY 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } @media (prefers-reduced-motion: reduce) { .zoom-in, .zoom-out, .fade-in, .slide-up, .slide-down, .slide-left, .slide-right, .flip-x, .flip-y { opacity: 1 !important; animation: none !important; } }