body {
  background-color: #151314;
  color: white;
  font-family: "Sarabun", sans-serif;
  line-height: 1.6;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6;
}

img {
  max-width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

img[data-src] {
  opacity: 0;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu {
  color: white;
  background-color: #272727;
}

.dropdown-menu .dropdown-item {
  color: white;
}

.dropdown-menu .dropdown-item.active {
  background-color: transparent;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  background-color: #121011;
}

.dropdown-toggle::after {
  border: none;
  width: 0.7rem;
  height: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.47621L11.3763 0.888672L6 5.91972L0.623745 0.888671L-2.48444e-08 1.47621L6 7.09095L12 1.47621Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.dropdown-toggle.show::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.text-secondary {
  color: #9e9e9e !important;
}

.text-muted {
  color: #808080 !important;
}

.text-muted2 {
  color: #767676 !important;
}

.text-primary {
  color: #e31e26 !important;
}

.text-desc {
  color: #c0acad !important;
}

.text-desc2 {
  color: #C4C4C4 !important;
}

.text-desc3 {
  color: #D9D9D9 !important;
}

.bg-primary {
  background-color: #e31e26 !important;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.btn {
  border-radius: 99px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 1rem;
}

.btn:hover {
  opacity: 0.8;
}

.btn:hover, .btn:focus, .btn:active, .btn:focus:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn.btn-primary {
  background-color: #e31e26;
  border-color: #e31e26;
}

.btn.btn-primary-dark {
  background-color: #1C1C1A;
}

.btn.btn-primary-dark > * {
  color: #E31E26;
}

.btn.btn-outline-secondary {
  color: white;
  border-color: #6B6463;
  background-color: transparent !important;
}

.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:focus:active {
  background-color: transparent !important;
}

.btn.btn-outline-secondary.btn-tag {
  border-color: #2e2e2e;
}

.btn.btn-outline-secondary.dropdown-toggle.show, .btn.btn-outline-secondary.dropdown-toggle:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #141414 !important;
  border-color: #141414 !important;
}

.btn.btn-outline-secondary.dropdown-toggle.show span, .btn.btn-outline-secondary.dropdown-toggle:active span {
  color: #808080;
}

.btn.btn-dark {
  background-color: #2E2E2E;
  border-color: #2E2E2E;
}

.btn.btn-play, .btn.btn-white {
  background-color: white;
}

.btn.btn-secondary {
  border-color: #3E3E3E;
  background-color: #3E3E3E;
  color: white;
}

.btn.btn-circle {
  padding: 0;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn.btn-outline {
  border: 1px solid white;
  color: white;
}

.btn-close:focus,
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-close-login {
  width: 40px;
  height: 40px;
  background-color: #2E2E2E;
  display: inline-block;
  border-radius: 0;
}

.form-control {
  color: white;
}

.form-control:focus {
  color: white;
}

.form-control::-webkit-input-placeholder {
  color: #9e9e9e;
}

.form-control:-ms-input-placeholder {
  color: #9e9e9e;
}

.form-control::-ms-input-placeholder {
  color: #9e9e9e;
}

.form-control::placeholder {
  color: #9e9e9e;
}

.btn-close {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.dropdown-menu.dropdown-menu-mega.show {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(160px, 160px))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(160px, 160px));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 800px;
  gap: 5px;
  padding: 0.75rem;
}

.dropdown-menu.dropdown-menu-mega.show .dropdown-item:hover {
  background-color: transparent;
  opacity: 0.5;
}

@media (min-width: 576px) {
  .modal .modal-dialog.modal-md {
    max-width: 430px;
  }
}

.modal .modal-dialog .modal-content {
  background-color: #151314;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-footer {
  padding: 1.5rem;
}

.modal .modal-dialog .modal-content .modal-header {
  padding-bottom: 0;
  border-bottom: 0;
}

.modal .modal-dialog .modal-content .modal-header .btn-close {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding-top: 0;
}

.modal .modal-dialog .modal-content .modal-footer .btn {
  min-width: 120px;
}

.dropdown-menu-lang,
.dropdown-menu-user {
  padding: 0.5rem 1rem;
  min-width: 11rem;
  border-radius: 10px;
}

.dropdown-menu-lang .dropdown-item,
.dropdown-menu-user .dropdown-item {
  padding: 0.25rem 0;
  font-size: 14px;
}

.dropdown-menu-lang .dropdown-item:not(.active):hover,
.dropdown-menu-user .dropdown-item:not(.active):hover {
  background-color: transparent;
  opacity: 0.8;
}

.dropdown-menu-lang .dropdown-divider,
.dropdown-menu-user .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.3);
}

.dropdown-menu-lang .dropdown-item.active {
  background-color: transparent;
  color: #E31E26;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-menu-lang .dropdown-item.active::after {
  content: '';
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.01107L12.8069 0L5.40141 7.82587L1.10337 3.95978L0 5.05801L5.49384 10L14 1.01107Z' fill='%23E31E26'/%3E%3C/svg%3E%0A");
}

.dropdown-menu-user {
  min-width: 220px;
}

.dropdown-menu-user .dropdown-item.active {
  background-color: transparent;
  color: #808080;
}

.dropdown-menu-user .dropdown-item.active::before {
  content: "-";
  margin-right: 0.5rem;
}

.badge {
  font-weight: normal;
}

.card {
  background-color: #1E1D1D;
  border-radius: 20px;
}

.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: .3em;
  background-color: transparent;
  border-color: white;
}

.form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: white;
}

.form-check-input:checked {
  background-color: #e31e26;
  border-color: #e31e26;
}

.form-check-input:checked[type=checkbox] {
  background-size: 0.75em;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.01107L12.8069 0L5.40141 7.82587L1.10337 3.95978L0 5.05801L5.49384 10L14 1.01107Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 30px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
    padding: 0 4rem;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
    padding: 0 4rem;
  }
}

@media (max-width: 1199px) {
  .container {
    max-width: 100% !important;
    padding: 0 4rem;
  }
}

@media (max-width: 810px) {
  .dropdown-menu.dropdown-menu-mega.show {
    -ms-grid-columns: (minmax(25vw, 25vw))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(25vw, 25vw));
    width: calc((25vw + 15px) * 3);
  }
}

@media (max-width: 575px) {
  .container {
    padding: 0 1.25rem;
  }
  .dropdown-menu.dropdown-menu-mega.show {
    -ms-grid-columns: (minmax(50vw, 180px))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(50vw, 180px));
    width: 80vw;
    padding: 1rem 0;
  }
}

@media (max-width: 320px) {
  .container {
    padding: 0 1rem;
  }
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sq-20 {
  width: 20px;
  height: 20px;
}

.fs-6 {
  font-size: 18px !important;
}

.fs-7 {
  font-size: 14px !important;
}

.fs-8 {
  font-size: 12px !important;
}

.rounded-5 {
  border-radius: 5px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.ratio.ratio-16x10 {
  --bs-aspect-ratio: calc(10 / 16 * 100%);
}

.ratio.ratio-9x16 {
  --bs-aspect-ratio: calc(16 / 9 * 100%);
}

.ratio.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.form-group {
  margin-bottom: 0.75rem;
}

.form-group .form-label {
  font-size: 14px;
  color: #767676;
  margin-bottom: 0.25rem;
}

.form-group .form-control {
  background-color: #3E3E3E;
  border-color: #3E3E3E;
  border-radius: 30px;
  padding: 0.5rem 1.25rem;
}

.form-group textarea.form-control {
  border-radius: 5px;
  min-height: 140px;
  resize: none;
  background-color: transparent;
  border-color: white;
  padding: 0.75rem 1.25rem;
}

.form-group textarea.form-control::-webkit-input-placeholder {
  color: #767676;
}

.form-group textarea.form-control:-ms-input-placeholder {
  color: #767676;
}

.form-group textarea.form-control::-ms-input-placeholder {
  color: #767676;
}

.form-group textarea.form-control::placeholder {
  color: #767676;
}

.form-group:last-child {
  margin-bottom: 0;
}

.image-preview {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  max-width: 140px;
}

.image-preview > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pin-code-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pin-code-form input {
  background-color: #3E3E3E;
  border-radius: 10px;
  border: 0;
  color: #FDFDFD;
  width: 58px;
  height: 60px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0.5rem;
}

@media (max-width: 365px) {
  .pin-code-form input {
    font-size: 24px;
    width: 100%;
    height: 55px;
    margin: 0 0.25rem;
  }
}

.pin-code-form input:first-of-type {
  margin-left: 0;
}

.pin-code-form input:last-of-type {
  margin-right: 0;
}

.pin-code-form input[type=number] {
  -moz-appearance: textfield;
}

.pin-code-form input::-webkit-outer-spin-button, .pin-code-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pin-code-form input:focus {
  outline: none;
}

.clipboard-input {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

.movie-navbar {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.movie-navbar.scrolled {
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  background-color: #2e2e2e;
}

.movie-navbar .navbar-brand img {
  width: 160px;
}

@media (max-width: 1440px) {
  .movie-navbar .navbar-brand img {
    width: 145px;
  }
}

.movie-navbar .drawer-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.movie-navbar .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.movie-navbar .navbar-nav .nav-item {
  margin: 0 0.5rem;
}

.movie-navbar .navbar-nav .nav-item:first-child {
  margin-left: 0;
}

.movie-navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}

.movie-navbar .navbar-nav .avatar-wrapper {
  position: relative;
}

.movie-navbar .navbar-nav .avatar-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px solid #e31e26;
  border-radius: 50%;
}

.movie-navbar .navbar-nav .avatar-wrapper img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.movie-navbar .navbar-nav .dropdown-menu-user .avatar-wrapper img {
  width: 34px;
  height: 34px;
}

.movie-navbar .navbar-nav .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.movie-navbar .navbar-nav .nav-link ion-icon {
  font-size: 1.65rem;
}

.movie-navbar .navbar-nav .nav-link.user-dropdown-link::after {
  width: 0.925rem;
  margin-left: 0.5rem;
}

.movie-navbar .navbar-nav .nav-link.user-dropdown-link .info-user {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.movie-navbar .navbar-nav .nav-link.user-dropdown-link.show .avatar-wrapper::before, .movie-navbar .navbar-nav .nav-link.user-dropdown-link.active .avatar-wrapper::before {
  border-width: 2px;
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link::after {
  display: none;
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link.show {
  color: #e31e26;
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link ~ .dropdown-menu {
  width: 450px;
  max-height: 450px;
  padding: 0.75rem 1rem;
  overflow-x: hidden;
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link ~ .dropdown-menu .notification-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link ~ .dropdown-menu .notification-wrapper a:first-of-type {
  padding-top: 0;
  border: 0;
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link ~ .dropdown-menu .notification-wrapper a:last-of-type {
  padding-bottom: 0;
}

.movie-navbar .navbar-nav .nav-link.notification-dropdown-link ~ .dropdown-menu .notification-wrapper a img {
  width: 120px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.movie-navbar .navbar-search-wrapper {
  position: relative;
}

.movie-navbar .navbar-search-wrapper form {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  height: 100%;
  display: none;
}

.movie-navbar .navbar-search-wrapper form .input-group {
  background-color: #3e3e3e;
  border-radius: 30px;
  height: 100%;
}

.movie-navbar .navbar-search-wrapper form .input-group input {
  background-color: transparent;
  border: 0;
}

.movie-navbar .navbar-search-wrapper form .input-group .btn {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  padding: 0 0.5rem;
}

.movie-navbar .menu-mobile-wrapper .navbar-toggler,
.movie-navbar .menu-mobile-wrapper .btn-menu {
  border: 0;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
}

.movie-navbar .menu-mobile-wrapper .navbar-toggler .navbar-toggler-icon,
.movie-navbar .menu-mobile-wrapper .btn-menu .navbar-toggler-icon {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.movie-navbar .menu-mobile-wrapper .navbar-toggler:first-child,
.movie-navbar .menu-mobile-wrapper .btn-menu:first-child {
  margin-left: 0;
}

.movie-navbar.open-search .navbar-search-wrapper form {
  display: block;
}

@media (min-width: 1200px) {
  .movie-navbar .drawer-links .nav-link {
    position: relative;
  }
  .movie-navbar .drawer-links .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #e31e26;
    -webkit-transition: 0.15s;
    transition: 0.15s;
  }
  .movie-navbar .drawer-links .nav-link:hover::after {
    width: 25px;
  }
  .movie-navbar .drawer-links .nav-link.active {
    color: #e31e26;
  }
  .movie-navbar .drawer-links .nav-link.active::after {
    width: 25px;
  }
}

@media (max-width: 1199px) {
  .movie-navbar {
    background-color: #2e2e2e;
    padding-top: 0;
    padding-bottom: 0;
  }
  .movie-navbar .navbar-brand {
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
  }
  .movie-navbar .navbar-brand img {
    width: 130px;
  }
  .movie-navbar .navbar-collapse.show ~ .menu-mobile-wrapper .navbar-toggler {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: default;
    z-index: 0;
    margin: 0;
  }
  .movie-navbar .navbar-collapse.show ~ .menu-mobile-wrapper .navbar-toggler .navbar-toggler-icon {
    display: none;
  }
  .movie-navbar .navbar-collapse {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #272727;
    min-width: 260px;
    max-width: 300px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 10;
    padding: 1rem;
    overflow-x: auto;
  }
  .movie-navbar .navbar-collapse.collapsing {
    height: 100%;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .movie-navbar .navbar-collapse.show {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .movie-navbar .navbar-collapse .drawer-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .movie-navbar .navbar-collapse .drawer-header span {
    font-size: 22px;
  }
  .movie-navbar .navbar-collapse .drawer-header .btn-close {
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
  }
  .movie-navbar .navbar-collapse .drawer-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .movie-navbar .navbar-collapse .drawer-body > * {
    width: 100%;
  }
  .movie-navbar .navbar-collapse .drawer-body hr {
    color: rgba(255, 255, 255, 0.5);
  }
  .movie-navbar .navbar-collapse .drawer-body .drawer-links {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .movie-navbar .navbar-collapse .drawer-body .drawer-links .nav-link.active {
    color: #808080;
  }
  .movie-navbar .navbar-collapse .drawer-body .drawer-links .nav-link.active::before {
    content: "-";
    margin-right: 0.5rem;
  }
  .movie-navbar .navbar-collapse .drawer-body .drawer-user {
    margin-top: 1rem;
  }
  .movie-navbar .navbar-collapse .nav-item {
    margin: 0;
  }
  .movie-navbar .navbar-search-wrapper form {
    width: calc(100vw - 5rem);
  }
  .movie-navbar.open-search .navbar-brand {
    pointer-events: none;
    opacity: 0;
  }
  .movie-navbar .navbar-nav {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper {
    width: 100%;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .user-dropdown-link::after,
  .movie-navbar .navbar-nav .user-dropdown-wrapper .user-dropdown-link .avatar-wrapper::before {
    display: none;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li {
    padding: 0;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li > a {
    padding: 0.5rem 0;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li > a.active {
    background-color: transparent;
    color: #808080;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li > a.active::before {
    content: "-";
    margin-right: 0.5rem;
  }
  .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li > a:focus, .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li > a:hover, .movie-navbar .navbar-nav .user-dropdown-wrapper .dropdown-menu > li > a:active {
    background-color: transparent;
  }
}

.movie-main {
  overflow: hidden;
}

.movie-main section:first-child {
  margin-top: 92.58px !important;
}

.movie-main section.hero-landing-section {
  margin-top: 0 !important;
  padding-top: 92.58px !important;
}

.movie-main .banner-wrapper {
  position: relative;
}

.movie-main .banner-wrapper a {
  display: block;
}

.movie-main .banner-wrapper img {
  width: 100%;
  min-height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
}

.movie-main .banner-wrapper .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 30px;
  height: 30px;
  border-radius: 0;
  color: white;
  background-color: #686868;
}

.movie-main .category-card {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  display: block;
}

.movie-main .category-card .category-name {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 20px;
  text-shadow: 0px 2px 5px black;
}

.movie-main .category-card .image-wrapper img {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  will-change: transform;
}

.movie-main .category-card:hover .image-wrapper img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.movie-main .category-card:hover .category-name {
  color: white;
}

.movie-main .tv-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[8];
      grid-template-columns: repeat(8, minmax(0, 1fr));
  -webkit-column-gap: 15px;
          column-gap: 15px;
  row-gap: 35px;
}

.movie-main .tv-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.movie-main .tv-card .image-wrapper {
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}

.movie-main .tv-card .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}

.movie-main .tv-card .image-wrapper .is-watching {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  height: auto;
  background-color: rgba(46, 46, 46, 0.9);
  font-size: 14px;
  padding: 0.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.movie-main .tv-card .image-wrapper .is-watching::before {
  content: '';
  display: block;
  width: 0.85em;
  height: 0.85em;
  border-radius: 30px;
  background-color: #E31E26;
  margin-right: 0.3em;
}

.movie-main .tv-card .tv-name {
  margin-top: 15px;
}

.movie-main .tv-slide-cotnainer .fluid-swiper-navigation ion-icon {
  margin-bottom: 25%;
}

.movie-main .tv-detail .tv-detail-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.movie-main .tv-detail .tv-detail-header .image-wrapper {
  width: 60px;
}

.movie-main .tv-detail .tv-detail-header .image-wrapper > img {
  -o-object-fit: cover;
     object-fit: cover;
}

.movie-main .tv-detail .tv-detail-header .tv-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 575px) {
  .movie-main .tv-detail .tv-detail-header .tv-actions {
    width: 100%;
  }
}

.movie-main .profile-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.movie-main .profile-header .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}

.movie-main .profile-header .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.movie-main .profile-header .image-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.9);
}

.movie-main .profile-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.movie-main .profile-container .profile-menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.movie-main .profile-container .profile-menus .menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 3px solid transparent;
  padding-left: 15px;
  margin-bottom: 1rem;
}

.movie-main .profile-container .profile-menus .menu-item.active {
  border-color: #e31e26;
  color: #e31e26;
}

.movie-main .profile-container .profile-menus .menu-item:last-of-type {
  margin-bottom: 0;
}

.movie-main .profile-container .profile-menus .divider {
  margin-left: 18px;
  width: 60px;
  height: 1px;
  background-color: #2E2E2E;
  margin-bottom: 1rem;
}

.movie-main .profile-container .profile-form-wrapper {
  width: 100%;
  max-width: 630px;
}

.movie-main .profile-container .profile-card {
  width: 100%;
}

.movie-main .profile-container .profile-card .card-body.is-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3rem;
}

.movie-main .profile-container .profile-card .card-body.is-form form {
  width: 100%;
  max-width: 430px;
}

.movie-main .profile-container .profile-card .card-body.is-promotion {
  padding: 2rem;
}

.movie-main .login-card {
  background-color: rgba(21, 19, 20, 0.64);
  border: 1px solid black;
  max-width: 460px;
}

.movie-main .login-card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3.5rem 2rem;
}

.movie-main .login-card .card-body form {
  width: 100%;
  max-width: 390px;
}

@media (max-width: 1440px) {
  .movie-main .tv-table .tv-card .tv-name {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .movie-main section:first-child {
    margin-top: 70px !important;
  }
  .movie-main section.hero-landing-section {
    padding-top: 0 !important;
  }
  .movie-main .banner-wrapper.fit-banner-mobile {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
  .movie-main .banner-wrapper .btn-close {
    top: 0.5rem;
    right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 0.75rem;
  }
  .movie-main .tv-table {
    -ms-grid-columns: (minmax(0, 1fr))[6];
        grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .movie-main .login-section .btn-close-login {
    background-color: rgba(21, 19, 20, 0.64);
  }
}

@media (max-width: 991px) {
  .movie-main .tv-table {
    -ms-grid-columns: (minmax(0, 1fr))[5];
        grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .movie-main .tv-table {
    -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    -webkit-column-gap: 10px;
            column-gap: 10px;
    row-gap: 25px;
  }
  .movie-main .tv-card .tv-name {
    margin-top: 10px;
  }
  .movie-main .profile-container {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
  .movie-main .profile-container .profile-menus .menu-item {
    margin-bottom: 0;
  }
  .movie-main .profile-container .profile-menus .menu-item:not(.active),
  .movie-main .profile-container .profile-menus .divider {
    display: none;
  }
  .movie-main .profile-container .profile-card .card-body.is-form {
    padding: 1.5rem;
  }
  .movie-main .profile-container .profile-card .card-body.is-promotion {
    padding: 1.5rem 1rem;
  }
  .movie-main .profile-container .profile-card .card-body.is-promotion .title {
    font-size: 20px;
  }
  .movie-main .profile-container .profile-card .card-body.is-promotion .description {
    font-size: 14px;
  }
  .movie-main .profile-container .profile-card .card-body.is-promotion .code {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .movie-main .tv-table {
    -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    -webkit-column-gap: 7px;
            column-gap: 7px;
    row-gap: 20px;
  }
  .movie-main .tv-card .image-wrapper .is-watching {
    font-size: 10px;
  }
  .movie-main .tv-card .tv-name {
    margin-top: 5px;
    font-size: 12px;
  }
  .movie-main .login-card .card-body {
    padding: 3rem 1.5rem;
  }
}

@media (max-width: 365px) {
  .movie-main .login-card {
    margin-top: 3rem;
  }
}

footer {
  background-color: #121011;
  padding: 2rem 0;
}

footer .footer-top {
  border-bottom: 1px solid #808080;
  padding-bottom: 2.5rem;
}

footer .footer-top .logo-footer {
  display: block;
  width: 170px;
}

footer .footer-top .links > a {
  margin-bottom: 0.75rem;
}

footer .footer-top .links > a:last-child {
  margin-bottom: 0;
}

footer .footer-top .request-movie > .btn-primary {
  min-width: 160px;
}

footer .footer-top .tags > a {
  margin-right: 0.3rem;
  margin-bottom: 0.65rem;
}

@media (max-width: 1199px) {
  footer .footer-top .tags {
    margin-bottom: -0.65rem;
  }
}

footer .footer-bottom span {
  min-width: 6rem;
}

footer .footer-bottom .supporter {
  width: 100%;
  margin: 2rem 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 991px) {
  footer .footer-bottom .supporter {
    margin-bottom: 1rem;
  }
}

footer .footer-bottom .supporter .items {
  width: 100%;
  margin: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .footer-bottom .supporter .items img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 3.75rem;
  height: 3.75rem;
  margin: 0.5rem;
}

.billboard-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.billboard-section .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  pointer-events: none;
  height: 56.25vw;
}

.billboard-section .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.billboard-section .image-wrapper::after, .billboard-section .image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 10;
  background-image: linear-gradient(1.39deg, #141414 1.34%, rgba(20, 20, 20, 0.22) 84.29%);
}

.billboard-section .image-wrapper::before {
  background-image: linear-gradient(90.73deg, #141414 13.63%, rgba(20, 20, 20, 0.22) 99.37%);
}

@media (max-width: 767px) {
  .billboard-section .image-wrapper {
    height: 69vw;
  }
}

.billboard-section.is-category .info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid #736262;
  position: relative;
  width: 100%;
}

.billboard-section.is-category .info-header::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 4.5rem;
  background-color: white;
}

.billboard-section.is-category .info-header .title {
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .billboard-section.is-category .info-header .title {
    font-size: 24px;
  }
}

.billboard-section.is-category .info-header .btn-circle {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.75rem;
}

@media (max-width: 1199px) {
  .billboard-section.is-category .info-header .btn-circle {
    display: none;
  }
}

.billboard-section.is-category .info {
  padding: 3rem 0 5rem;
  min-height: 50vh;
}

@media (max-width: 767px) {
  .billboard-section.is-category .info {
    padding: 2rem 0 3.5rem;
    min-height: auto;
  }
}

.billboard-section .info {
  padding: 5rem 0 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 60vh;
}

.billboard-section .info .title {
  font-size: 50px;
}

.billboard-section .info .text-desc {
  max-width: 45rem;
}

.billboard-section .tags-category {
  color: #c0acad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.billboard-section .tags-category > span {
  margin-right: 0.5rem;
}

.billboard-section .tags-category > span::before {
  content: "|";
  margin-right: 0.5rem;
}

@media (max-width: 1199px) {
  .billboard-section .info {
    width: 100%;
    max-width: 100%;
  }
  .billboard-section .title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .billboard-section .info {
    height: auto;
    min-height: auto;
  }
  .billboard-section .info .title {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .billboard-section .info {
    padding: 4rem 0;
  }
  .billboard-section .info .title {
    font-size: 24px;
  }
  .billboard-section .info .tags-category {
    font-size: 12px;
  }
}

.movie-detail-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.movie-detail-rate > * {
  margin-right: 0.5rem;
  border-right: 1px solid white;
  padding-right: 0.5rem;
}

.movie-detail-rate > *:last-child {
  border-right: 0;
}

.movie-detail-rate > * ion-icon {
  font-size: 1.5rem;
}

.movies-section .title {
  font-size: 24px;
  position: relative;
  margin-bottom: 0;
}

.movies-section .title.is-border {
  border-left: 3px solid white;
  padding-left: 0.75rem;
}

@media (max-width: 575px) {
  .movies-section .title {
    font-size: 16px;
  }
  .movies-section .title.is-border {
    border-width: 5px;
  }
}

.movies-section .swiper-container {
  margin-top: 1.5rem;
}

.movie-wrapper {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.movie-card {
  position: relative;
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  background-color: #272727;
}

.movie-card .image-wrapper {
  display: block;
}

.movie-card .image-wrapper label {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  left: auto;
  background-color: #e31e26;
  z-index: 1;
  font-size: 12px;
  padding: 0.1rem 0.5rem;
  border-bottom-left-radius: 5px;
  pointer-events: none;
}

@media (max-width: 575px) {
  .movie-card .image-wrapper label {
    font-size: 10px;
    padding: 0.05rem 0.35rem;
  }
}

.movie-card .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}

.movie-card .image-wrapper .progress {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: rgba(109, 109, 110, 0.7);
}

.movie-card .image-wrapper .progress .progress-bar {
  background-color: #e31e26;
}

.movie-card .details {
  padding: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.swiper-container {
  width: 100%;
  padding-bottom: 1px;
}

.swiper-container.lazy {
  opacity: 0;
}

.similar-swiper-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.similar-swiper-container .swiper-container {
  padding-bottom: 1rem;
}

.similar-swiper-container .swiper-container .swiper-scrollbar {
  background-color: #2e2e2e;
  height: 8px;
  cursor: move;
}

.similar-swiper-container .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #e31e26;
}

.similar-swiper-container .movie-wrapper {
  width: 10%;
}

.similar-swiper-container .similar-swiper-paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem;
}

.similar-swiper-container .similar-swiper-paginate .button-prev,
.similar-swiper-container .similar-swiper-paginate .button-next {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: white;
  color: #151314;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
}

.similar-swiper-container .similar-swiper-paginate .button-prev.swiper-button-disabled,
.similar-swiper-container .similar-swiper-paginate .button-next.swiper-button-disabled {
  background-color: transparent;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

.similar-swiper-container .similar-swiper-paginate .button-next {
  margin-left: 0.5rem;
}

@media (max-width: 1199px) {
  .similar-swiper-container {
    max-width: 100% !important;
    padding: 0;
  }
  .similar-swiper-container .similar-swiper-paginate {
    display: none;
  }
  .similar-swiper-container .swiper-container .swiper-scrollbar {
    width: 85%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.fluid-swiper-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fluid-swiper-container.is-category .swiper-slide {
  width: auto !important;
  min-width: 180px;
}

.fluid-swiper-container.is-category .swiper-slide .btn.active {
  background-color: #e31e26;
  border-color: #e31e26;
}

@media (max-width: 575px) {
  .fluid-swiper-container.is-category .swiper-slide {
    min-width: 100px;
  }
  .fluid-swiper-container.is-category .swiper-slide .btn {
    font-size: 14px;
  }
}

.fluid-swiper-container.is-ranking .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fluid-swiper-container.is-ranking .swiper-slide .rank {
  position: relative;
  width: 34%;
  pointer-events: none;
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: calc(100% - 2rem);
  background-size: contain;
  background-position-x: left;
  background-position-y: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .fluid-swiper-container.is-ranking .swiper-slide .rank .number {
    height: calc(100% - 1.25rem);
  }
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.one {
  background-image: url("data:image/svg+xml,%3Csvg width='106' height='192' viewBox='0 0 106 192' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.26014 162.789H36.1091V44.8529L0.619141 65.8739V30.9299L49.7591 0.899902H75.4211V162.789H105.997V192H5.26014V162.789Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.two {
  background-image: url("data:image/svg+xml,%3Csvg width='135' height='194' viewBox='0 0 135 194' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.60692 165.608C17.8009 157.054 30.1769 146.862 42.7349 135.032C55.2929 123.02 66.0309 110.098 74.9489 96.2659C83.8669 82.4339 88.3259 69.2389 88.3259 56.6809C88.3259 48.8549 86.1419 42.6669 81.7739 38.1169C77.4059 33.5669 71.3999 31.2919 63.7559 31.2919C55.3839 31.2919 47.3759 33.5669 39.7319 38.1169C32.2699 42.4849 26.1729 48.3999 21.4409 55.8619L0.419922 34.0219C6.78992 23.2839 15.5259 15.0029 26.6279 9.17892C37.9119 3.17292 50.3789 0.169922 64.0289 0.169922C83.8669 0.169922 99.4279 5.08392 110.712 14.9119C122.178 24.5579 127.911 38.0259 127.911 55.3159C127.911 71.3319 121.632 88.5309 109.074 106.913C96.5159 125.295 79.4079 144.587 57.7499 164.789H134.463V194H5.60692V165.608Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.three {
  background-image: url("data:image/svg+xml,%3Csvg width='132' height='197' viewBox='0 0 132 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.6666 196.457C49.2886 196.457 36.5486 193.909 25.4466 188.813C14.3446 183.535 5.97262 176.164 0.330618 166.7L19.4406 145.406C24.5366 151.412 30.9976 156.235 38.8236 159.875C46.6496 163.515 54.3846 165.335 62.0286 165.335C71.1286 165.335 78.4086 162.787 83.8686 157.691C89.5106 152.413 92.3316 145.497 92.3316 136.943C92.3316 127.843 88.9646 120.745 82.2306 115.649C75.4966 110.553 66.2146 108.005 54.3846 108.005H38.0046V80.1589H54.1116C63.5756 80.1589 71.2196 77.6109 77.0436 72.5149C82.8676 67.2369 85.7796 60.5939 85.7796 52.5859C85.7796 45.8519 83.5956 40.6649 79.2276 37.0249C74.8596 33.3849 68.4896 31.5649 60.1176 31.5649C51.9276 31.5649 44.2836 33.2939 37.1856 36.7519C30.0876 40.2099 23.8086 45.1239 18.3486 51.4939L0.0576172 29.9269C6.60962 20.8269 15.7096 13.6379 27.3576 8.35988C39.0056 3.08188 51.5636 0.442871 65.0316 0.442871C76.8616 0.442871 87.3266 2.44487 96.4266 6.44887C105.527 10.4529 112.534 16.0949 117.448 23.3749C122.362 30.4729 124.819 38.7539 124.819 48.2179C124.819 57.8639 122.271 66.5089 117.175 74.1529C112.079 81.7969 104.617 87.8939 94.7886 92.4439C107.165 96.8119 116.356 102.909 122.362 110.735C128.55 118.561 131.644 128.207 131.644 139.673C131.644 150.957 128.823 160.876 123.181 169.43C117.539 177.984 109.531 184.627 99.1566 189.359C88.9646 194.091 77.1346 196.457 63.6666 196.457Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.four {
  background-image: url("data:image/svg+xml,%3Csvg width='145' height='192' viewBox='0 0 145 192' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M84.8629 162.243H0.505859V134.943L82.4059 0.899902H124.175V131.121H144.377V162.243H124.175V192H84.8629V162.243ZM84.8629 131.121V54.1349L37.3609 131.121H84.8629Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.five {
  background-image: url("data:image/svg+xml,%3Csvg width='135' height='195' viewBox='0 0 135 195' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.2099 194.73C50.2879 194.73 38.0939 192 26.6279 186.54C15.1619 181.08 6.42592 173.891 0.419922 164.973L17.3459 140.13C23.8979 147.774 30.9959 153.598 38.6399 157.602C46.2839 161.606 54.1099 163.608 62.1179 163.608C72.3099 163.608 80.3179 160.332 86.1419 153.78C92.1479 147.046 95.1509 137.855 95.1509 126.207C95.1509 115.469 92.5119 107.006 87.2339 100.818C82.1379 94.6299 75.0399 91.5359 65.9399 91.5359C60.4799 91.5359 55.2019 93.1739 50.1059 96.4499C45.1919 99.5439 41.4609 103.73 38.9129 109.008H6.42592L15.7079 0.899902H128.457V32.0219H50.3789L46.8299 73.5179C49.3779 70.4239 53.4729 67.8759 59.1149 65.8739C64.9389 63.6899 70.6719 62.5979 76.3139 62.5979C87.7799 62.5979 97.8809 65.2369 106.617 70.5149C115.535 75.6109 122.36 82.9819 127.092 92.6279C132.006 102.092 134.463 113.103 134.463 125.661C134.463 139.493 131.46 151.596 125.454 161.97C119.63 172.344 111.349 180.443 100.611 186.267C89.8729 191.909 77.4059 194.73 63.2099 194.73Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.six {
  background-image: url("data:image/svg+xml,%3Csvg width='135' height='199' viewBox='0 0 135 199' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.9429 198.73C55.2929 198.73 43.2809 195.727 32.9069 189.721C22.5329 183.533 14.5249 174.888 8.88292 163.786C3.24092 152.502 0.419922 139.58 0.419922 125.02C0.419922 104.272 5.60692 84.7069 15.9809 66.3249C26.5369 47.9429 40.7329 32.9279 58.5689 21.2799C76.5869 9.44993 96.4249 2.62493 118.083 0.804932L121.905 30.2889C107.527 32.6549 94.3319 37.5689 82.3199 45.0309C70.4899 52.3109 61.2079 61.7749 54.4739 73.4229C59.5699 70.8749 65.0299 69.6009 70.8539 69.6009C90.6919 69.6009 106.253 75.4249 117.537 87.0729C129.003 98.7209 134.736 114.464 134.736 134.302C134.736 147.042 132.006 158.326 126.546 168.154C121.086 177.8 113.351 185.353 103.341 190.813C93.5129 196.091 82.0469 198.73 68.9429 198.73ZM68.6699 167.335C77.0419 167.335 83.6849 164.332 88.5989 158.326C93.6949 152.138 96.2429 144.039 96.2429 134.029C96.2429 124.019 93.6949 116.011 88.5989 110.005C83.6849 103.999 77.0419 100.996 68.6699 100.996C60.2979 100.996 53.5639 103.999 48.4679 110.005C43.3719 116.011 40.8239 124.019 40.8239 134.029C40.8239 144.221 43.3719 152.32 48.4679 158.326C53.5639 164.332 60.2979 167.335 68.6699 167.335Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.seven {
  background-image: url("data:image/svg+xml,%3Csvg width='131' height='192' viewBox='0 0 131 192' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.7285 192C35.8205 158.694 40.0065 129.301 47.2865 103.821C54.5665 78.1589 66.5785 54.2259 83.3225 32.0219H0.603516V0.899902H130.552V26.2889C112.352 45.9449 98.3375 70.2419 88.5095 99.1799C78.8635 128.118 74.0405 159.058 74.0405 192H34.7285Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.eight {
  background-image: url("data:image/svg+xml,%3Csvg width='137' height='197' viewBox='0 0 137 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.5777 196.73C54.7457 196.73 42.6427 194.364 32.2687 189.632C22.0767 184.9 14.1597 178.257 8.51769 169.703C2.87569 161.149 0.0546875 151.139 0.0546875 139.673C0.0546875 129.481 2.87569 120.108 8.51769 111.554C14.1597 102.818 21.7127 96.5389 31.1767 92.7169C23.8967 89.8049 17.8907 84.4359 13.1587 76.6099C8.60869 68.6019 6.33369 60.4119 6.33369 52.0399C6.33369 41.6659 8.88169 32.5659 13.9777 24.7399C19.2557 16.9139 26.5357 10.9079 35.8177 6.72192C45.2817 2.35392 56.2017 0.169922 68.5777 0.169922C80.9537 0.169922 91.7827 2.35392 101.065 6.72192C110.529 10.9079 117.809 16.9139 122.905 24.7399C128.001 32.5659 130.549 41.6659 130.549 52.0399C130.549 60.4119 128.183 68.6019 123.451 76.6099C118.901 84.4359 113.077 89.8049 105.979 92.7169C115.443 96.5389 122.905 102.818 128.365 111.554C134.007 120.108 136.828 129.481 136.828 139.673C136.828 150.957 134.007 160.967 128.365 169.703C122.723 178.257 114.715 184.9 104.341 189.632C94.1487 194.364 82.2277 196.73 68.5777 196.73ZM68.5777 79.0669C75.4937 79.0669 81.0447 76.8829 85.2307 72.5149C89.5987 68.1469 91.7827 62.4139 91.7827 55.3159C91.7827 48.0359 89.5987 42.2119 85.2307 37.8439C81.0447 33.4759 75.4937 31.2919 68.5777 31.2919C61.4797 31.2919 55.7467 33.4759 51.3787 37.8439C47.1927 42.2119 45.0997 48.0359 45.0997 55.3159C45.0997 62.4139 47.1927 68.1469 51.3787 72.5149C55.7467 76.8829 61.4797 79.0669 68.5777 79.0669ZM68.5777 165.608C77.4957 165.608 84.5937 162.878 89.8717 157.418C95.1497 151.958 97.7887 144.678 97.7887 135.578C97.7887 126.66 95.1497 119.562 89.8717 114.284C84.5937 108.824 77.4957 106.094 68.5777 106.094C59.6597 106.094 52.4707 108.733 47.0107 114.011C41.7327 119.289 39.0937 126.478 39.0937 135.578C39.0937 144.678 41.7327 151.958 47.0107 157.418C52.4707 162.878 59.6597 165.608 68.5777 165.608Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.nine {
  background-image: url("data:image/svg+xml,%3Csvg width='135' height='199' viewBox='0 0 135 199' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2509 168.338C28.5389 165.426 42.5529 160.239 55.2929 152.777C68.0329 145.133 77.2239 135.942 82.8659 125.204C76.6779 127.752 70.4899 129.026 64.3019 129.026C51.5619 129.026 40.3689 126.296 30.7229 120.836C21.0769 115.376 13.6149 107.823 8.33692 98.1769C3.05892 88.3489 0.419922 77.1559 0.419922 64.5979C0.419922 52.0399 3.14992 40.9379 8.60992 31.2919C14.0699 21.4639 21.7139 13.9109 31.5419 8.63288C41.5519 3.17287 53.1089 0.442871 66.2129 0.442871C79.8629 0.442871 91.8749 3.53687 102.249 9.72488C112.623 15.9129 120.631 24.6489 126.273 35.9329C131.915 47.0349 134.736 60.0479 134.736 74.9719C134.736 97.3579 129.913 117.469 120.267 135.305C110.621 152.959 97.0619 167.246 79.5899 178.166C62.1179 189.086 42.0069 195.729 19.2569 198.095L13.2509 168.338ZM66.2129 100.361C74.7669 100.361 81.5919 97.1759 86.6879 90.8059C91.7839 84.2539 94.3319 75.6089 94.3319 64.8709C94.3319 54.6789 91.7839 46.5799 86.6879 40.5739C81.5919 34.5679 74.8579 31.5649 66.4859 31.5649C58.1139 31.5649 51.3799 34.6589 46.2839 40.8469C41.3699 46.8529 38.9129 54.8609 38.9129 64.8709C38.9129 75.4269 41.3699 83.9809 46.2839 90.5329C51.3799 97.0849 58.0229 100.361 66.2129 100.361Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .number.ten {
  background-image: url("data:image/svg+xml,%3Csvg width='240' height='197' viewBox='0 0 240 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.0785 164.789H35.9275V46.8529L0.4375 67.8739V32.9299L49.5775 2.89992H75.2395V164.789H105.816V194H5.0785V164.789Z' fill='%232E2E2E'/%3E%3Cpath d='M169.759 196.73C147.009 196.73 129.628 188.358 117.616 171.614C105.604 154.87 99.5978 130.482 99.5978 98.4499C99.5978 66.4179 105.604 42.0299 117.616 25.2859C129.628 8.54192 147.009 0.169922 169.759 0.169922C192.509 0.169922 209.799 8.54192 221.629 25.2859C233.641 42.0299 239.647 66.4179 239.647 98.4499C239.647 130.482 233.641 154.87 221.629 171.614C209.799 188.358 192.509 196.73 169.759 196.73ZM169.759 168.338C179.951 168.338 187.595 162.605 192.691 151.139C197.787 139.673 200.335 122.11 200.335 98.4499C200.335 74.6079 197.787 57.0449 192.691 45.7609C187.777 34.2949 180.133 28.5619 169.759 28.5619C159.385 28.5619 151.65 34.2949 146.554 45.7609C141.458 57.0449 138.91 74.6079 138.91 98.4499C138.91 122.11 141.458 139.673 146.554 151.139C151.65 162.605 159.385 168.338 169.759 168.338Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .state {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .fluid-swiper-container.is-ranking .swiper-slide .rank .state {
    width: calc(100% + 2rem);
  }
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .state > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .state > div:last-of-type > ion-icon {
  margin-top: -1px;
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .state > div > ion-icon {
  font-size: 14px;
}

.fluid-swiper-container.is-ranking .swiper-slide .rank .state > div > span {
  font-size: 12px;
  margin-left: 2px;
}

@media (max-width: 1199px) {
  .fluid-swiper-container.is-ranking .swiper-slide .rank .state > div > ion-icon {
    font-size: 12px;
  }
  .fluid-swiper-container.is-ranking .swiper-slide .rank .state > div > span {
    font-size: 11px;
  }
}

.fluid-swiper-container.is-ranking .swiper-slide .movie-card .image-wrapper {
  max-width: 100%;
}

.fluid-swiper-container.is-ranking .swiper-slide .movie-card .image-wrapper img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .fluid-swiper-container.is-ranking .swiper-slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    pointer-events: none;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#151314), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, #151314 0%, rgba(0, 0, 0, 0) 100%);
  }
}

.fluid-swiper-container .fluid-swiper-navigation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + (1.5rem * 0.5)));
          transform: translateY(calc(-50% + (1.5rem * 0.5)));
  width: 100%;
  height: 103%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 10;
  pointer-events: none;
}

.fluid-swiper-container .fluid-swiper-navigation .button-prev,
.fluid-swiper-container .fluid-swiper-navigation .button-next {
  pointer-events: all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 10rem;
  font-size: 4rem;
}

.fluid-swiper-container .fluid-swiper-navigation .button-prev.swiper-button-disabled,
.fluid-swiper-container .fluid-swiper-navigation .button-next.swiper-button-disabled {
  opacity: 0;
}

.fluid-swiper-container .fluid-swiper-navigation .button-prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-image: -webkit-gradient(linear, left top, right top, from(#151314), color-stop(50%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, #151314 0%, rgba(0, 0, 0, 0) 50%);
}

.fluid-swiper-container .fluid-swiper-navigation .button-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-image: -webkit-gradient(linear, right top, left top, from(#151314), color-stop(50%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, #151314 0%, rgba(0, 0, 0, 0) 50%);
}

@media (max-width: 1199px) {
  .fluid-swiper-container .fluid-swiper-navigation {
    display: none;
  }
}

.fluid-swiper-container .fluid-swiper-pagination {
  position: absolute;
  right: 64px;
  top: calc(1.1rem * -1);
  height: 1rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .fluid-swiper-container .fluid-swiper-pagination {
    right: 20px;
  }
}

.fluid-swiper-container .fluid-swiper-pagination .swiper-pagination-bullet {
  background-color: #2E2E2E;
  opacity: 1;
  margin-left: 5px;
  width: 10px;
  height: 10px;
}

@media (max-width: 767px) {
  .fluid-swiper-container .fluid-swiper-pagination .swiper-pagination-bullet {
    margin-left: 4px;
    width: 8px;
    height: 8px;
  }
}

.fluid-swiper-container .fluid-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: white;
}

.movie-modal {
  position: absolute;
  width: 300px;
  border-radius: 5px;
  background-color: #272727;
  -webkit-box-shadow: 0 2px 30px 0 black;
          box-shadow: 0 2px 30px 0 black;
  z-index: 1000;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  overflow: hidden;
}

.movie-modal.hidden {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.movie-modal .movie-card {
  border-radius: 0;
  background-color: transparent;
}

.movie-modal .movie-card .details {
  opacity: 1;
  height: auto;
  padding: 0.5rem;
}

.movie-modal .movie-card .details .title {
  font-size: 18px;
  margin-bottom: 0;
}

.movie-modal .movie-card .details .tags-category {
  color: #c0acad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.movie-modal .movie-card .details .tags-category > span {
  margin-right: 0.5rem;
  font-size: 12px;
}

.movie-modal .movie-card .details .tags-category > span:first-child::before {
  display: none;
}

.movie-modal .movie-card .details .tags-category > span::before {
  content: "|";
  margin-right: 0.5rem;
}

.movie-modal .movie-card .details .movie-detail-rate > * {
  font-size: 12px;
}

.movie-modal .movie-card .details .movie-detail-rate > *::after {
  margin: 0 0.25rem;
}

.movie-modal .movie-card .details .movie-detail-rate > * ion-icon {
  font-size: 1.2rem;
}

.movie-modal .movie-card .details .btn-circle {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.25rem;
}

.movie-detail-hero-section {
  position: relative;
  min-height: 45vw;
}

.movie-detail-hero-section .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movie-detail-hero-section .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.movie-detail-hero-section .image-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0.6;
  z-index: 1;
}

.movie-detail-hero-section .container {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  height: 100%;
}

.movie-detail-hero-section .container .info-wrapper {
  padding: 2rem 0 5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.movie-detail-hero-section .container .info-wrapper .btn-circle {
  width: 38px;
  height: 38px;
  font-size: 22px;
}

@media (max-width: 768px) {
  .movie-detail-hero-section {
    min-height: 60vw;
  }
  .movie-detail-hero-section .container .info-wrapper {
    padding: 2rem 0 3rem;
  }
}

@media (max-width: 575px) {
  .movie-detail-hero-section {
    min-height: 80vw;
  }
  .movie-detail-hero-section .container .info-wrapper {
    padding: 1rem 0;
  }
  .movie-detail-hero-section .container .info-wrapper .btn {
    width: 38px;
    height: 38px;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5rem;
  }
  .movie-detail-hero-section .container .info-wrapper .btn .fs-4 {
    font-size: 1.75rem !important;
  }
  .movie-detail-hero-section .container .info-wrapper .btn span {
    display: none;
  }
}

.movie-main .hero-landing-section,
.movie-main .cta-landing-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.movie-main .hero-landing-section .image-wrapper,
.movie-main .cta-landing-section .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}

.movie-main .hero-landing-section .image-wrapper img,
.movie-main .cta-landing-section .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.movie-main .hero-landing-section .image-wrapper::after,
.movie-main .cta-landing-section .image-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.movie-main .hero-landing-section .btn-visit,
.movie-main .cta-landing-section .btn-visit {
  max-width: 300px;
}

.movie-main .hero-landing-section {
  min-height: 100vh;
}

.movie-main .hero-landing-section .hero-info {
  padding: 6rem 0;
  width: 100%;
}

.movie-main .hero-landing-section .hero-info .info-left p {
  max-width: 300px;
}

.movie-main .second-landing-section {
  padding: 6rem 0;
  background-image: url("data:image/svg+xml,%3Csvg width='1364' height='535' viewBox='0 0 1364 535' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M0 535V481C137 269 1121.5 209 1364 0.5V535H0Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='652' y1='113' x2='764.5' y2='535' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.09'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
}

.movie-main .second-landing-section .icon {
  height: 2.25rem;
  margin-bottom: 1rem;
}

.movie-main .third-landing-section img {
  width: 100%;
  opacity: 0.5;
  pointer-events: none;
}

.movie-main .register-landing-section {
  padding: 6rem 0;
  background-image: url("data:image/svg+xml,%3Csvg width='1364' height='535' viewBox='0 0 1364 535' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M0 0V54C137 266 1121.5 326 1364 534.5V0H0Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='652' y1='422' x2='764.5' y2='-6.50056e-06' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.09'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
}

.movie-main .register-landing-section .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 1.25rem;
}

.movie-main .register-landing-section .item .icon-wrapper {
  min-width: 4rem;
}

.movie-main .register-landing-section .item:nth-of-type(1) .icon-wrapper img {
  width: 1.45rem;
}

.movie-main .register-landing-section .item:nth-of-type(2) .icon-wrapper img {
  width: 2.25rem;
}

.movie-main .register-landing-section .item:nth-of-type(3) .icon-wrapper img {
  width: 2rem;
}

.movie-main .cta-landing-section {
  padding: 5rem 0;
}

.movie-main .cta-landing-section .image-wrapper::after {
  background-color: rgba(0, 0, 0, 0.8);
}

.movie-main .cta-landing-section .container {
  max-width: 800px;
}

.movie-main .second-landing-section {
  padding: 2.25rem 0 5rem;
}

.movie-main .register-landing-section,
.movie-main .cta-landing-section {
  padding: 5rem 0;
}

@media (max-width: 1199px) {
  .movie-main .hero-landing-section {
    min-height: calc(100vh - 70px);
  }
}

@media (max-width: 575px) {
  .movie-main .hero-landing-section .banner-wrapper + .hero-info {
    padding-top: 3rem;
  }
  .movie-main .hero-landing-section .info-left img {
    max-width: 220px;
  }
  .movie-main .hero-landing-section .info-left p {
    font-size: 16px !important;
  }
  .movie-main .hero-landing-section .info-right h2 {
    font-size: 16px !important;
    font-weight: bold;
  }
  .movie-main .hero-landing-section .info-right h4 {
    font-size: 14px !important;
  }
}