:root {
  --icon-tick: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 17.5c-.7.7-1.8.7-2.4 0l-5.4-5.1c-.7-.6-.7-1.6 0-2.2.7-.7 1.7-.7 2.4 0l4.1 3.9 8.1-7.6c.7-.7 1.7-.7 2.4 0 .7.5.7 1.6 0 2.2l-9.2 8.8z" fill="%23000"/></svg>');
  --icon-tick-white: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 17.5c-.7.7-1.8.7-2.4 0l-5.4-5.1c-.7-.6-.7-1.6 0-2.2.7-.7 1.7-.7 2.4 0l4.1 3.9 8.1-7.6c.7-.7 1.7-.7 2.4 0 .7.5.7 1.6 0 2.2l-9.2 8.8z" fill="white"/></svg>');
  --icon-tick-primary: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 17.5c-.7.7-1.8.7-2.4 0l-5.4-5.1c-.7-.6-.7-1.6 0-2.2.7-.7 1.7-.7 2.4 0l4.1 3.9 8.1-7.6c.7-.7 1.7-.7 2.4 0 .7.5.7 1.6 0 2.2l-9.2 8.8z" fill="%236B57FF"/></svg>');
  --icon-close: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  --icon-close-white: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  --eye: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.0001 16.1429C15.734 16.1429 19.5716 11 19.5716 11C19.5716 11 15.734 5.85718 11.0001 5.85718C6.26627 5.85718 2.42871 11 2.42871 11C2.42871 11 6.26627 16.1429 11.0001 16.1429Z" stroke="%23333333" stroke-width="1.71429" stroke-linejoin="round"/><path d="M11.0003 13.1429C12.1837 13.1429 13.1431 12.1835 13.1431 11C13.1431 9.81658 12.1837 8.85718 11.0003 8.85718C9.81682 8.85718 8.85742 9.81658 8.85742 11C8.85742 12.1835 9.81682 13.1429 11.0003 13.1429Z" stroke="%23333333" stroke-width="1.71429" stroke-linejoin="round"/></svg>');
  --info: url('data:image/svg+xml,<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 14.67c1.84 0 3.5-.75 4.71-1.96S14.67 9.84 14.67 8c0-1.84-.75-3.5-1.96-4.71S9.84 1.33 8 1.33c-1.84 0-3.5.75-4.71 1.96S1.33 6.16 1.33 8c0 1.84.75 3.5 1.96 4.71S6.16 14.67 8 14.67z" stroke="white" stroke-width="1.333" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 3.67c.46 0 .83.37.83.83 0 .46-.37.83-.83.83-.46 0-.83-.37-.83-.83 0-.46.37-.83.83-.83z" fill="white"/><path d="M8.17 11.33V6.67H7.5M7 11.33h2.33" stroke="white" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --icon-play: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7 9.81c1.73.97 1.73 3.41 0 4.38l-9.79 5.47C7.17 20.63 5 19.41 5 17.47V6.53c0-1.94 2.17-3.16 3.91-2.19l9.79 5.47z" fill="%23fff"/></svg>');
  --icon-stop: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8" y="5" width="3" height="14" rx="1.5" fill="white"/><rect x="14" y="5" width="3" height="14" rx="1.5" fill="white"/></svg>');
  --icon-circle-arrow: url('data:image/svg+xml,<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".75" y="-.75" width="18.5" height="18.5" rx="9.25" transform="matrix(1 0 0 -1 .93 18.5)" stroke="%23000" stroke-width="1.5"/><path d="M7.6 11.25l3.33-3.33 3.33 3.33" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --icon-chevron-right: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5l7 7l-7 7" /></svg>');
  --icon-arrow-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="%23fff" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.461 12a.75.75 0 0 1 .75-.75l17.79.012a.75.75 0 1 1-.002 1.5L3.21 12.75a.75.75 0 0 1-.749-.75"/><path d="M10.517 4.47a.75.75 0 0 1 .001 1.06L4.06 12l6.458 6.47a.75.75 0 0 1-1.061 1.06l-6.988-7a.75.75 0 0 1 0-1.06l6.988-7a.75.75 0 0 1 1.06 0"/></g></svg>');
  --icon-arrow-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23fff" fill-rule="evenodd" d="M13.483 4.47a.75.75 0 0 1 1.06 0l6.988 7a.75.75 0 0 1 0 1.06l-6.988 7a.75.75 0 0 1-1.061-1.06l5.709-5.719L3 12.762a.75.75 0 0 1-.002-1.5l16.194-.01l-5.711-5.722a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>');
}

.ul-tick,
.ul-tick-white,
.ul-tick-primary,
.ul-tick-2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ul-tick > li,
.ul-tick-white > li,
.ul-tick-primary > li,
.ul-tick-2 > li {
  padding-left: 28px;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  --color-svg: #000;
}
.ul-tick > li::before,
.ul-tick-white > li::before,
.ul-tick-primary > li::before,
.ul-tick-2 > li::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--icon-tick);
}

.ul-tick-white > li::before {
  background-image: var(--icon-tick-white);
}

.ul-tick-primary > li::before {
  background-image: var(--icon-tick-primary);
}

.ul-dot {
  list-style: none;
  padding: 0;
  margin: 0;
  --dot-color: var(--bs-body-color);
  --dot-top: 50%;
  --dot-size: 4px;
  --dot-img: "";
}
.ul-dot > li {
  padding-left: calc(var(--dot-size) + 16px);
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
.ul-dot > li::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: var(--dot-top);
  left: 4px;
  transform: translateY(-50%);
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 100%;
  background-color: var(--dot-color);
  background-image: var(--dot-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 992px) {
  .bg-mobile {
    background: none !important;
  }
}

.bg-position-top {
  background-position: center top !important;
}

.bg-position-left-top {
  background-position: left top !important;
}

.bg-linear-gradient {
  background: linear-gradient(180deg, #6b57ff 0%, #998bff 100%), #fff;
}

.max-width-1400 {
  max-width: 1400px;
}

.max-width-1200 {
  max-width: 1200px;
}

.max-width-1000 {
  max-width: 1000px;
}

.max-width-900 {
  max-width: 900px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-50 {
  max-width: 50%;
}

@media screen and (min-width: 992px) {
  .rounded-lg-3 {
    border-radius: 2rem !important;
  }
}
.logoutSwal .swal2-popup {
  border-radius: 24px;
  padding: 3em 1.25em;
}

.logoutSwal.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.7);
}

.logoutSwal .swal2-styled.swal2-confirm {
  background-color: #6b57ff;
  border-radius: 88px;
  border: 2px solid #6b57ff;
  padding: 6px 2em;
}

.logoutSwal .swal2-styled.swal2-cancel {
  background-color: transparent;
  border: 2px solid #6b57ff;
  border-radius: 88px;
  color: #6b57ff;
  padding: 6px 2em;
}

.logoutSwal .swal2-styled.swal2-cancel:hover {
  background-color: #6b57ff;
  color: #ffffff;
}

.header .logo-cont .logo-collect-tips {
  width: 301px;
  padding: 10px 16px;
  background: linear-gradient(92.01deg, #ffbb00 0.66%, #ff833d 103.37%);
  box-shadow: 3px 17px 35px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  word-wrap: break-word;
  height: -moz-max-content;
  height: max-content;
  white-space: normal;
  bottom: -12px;
  left: -14px;
  transform: translateY(-10000%);
  display: none;
  opacity: 0;
  transition: opacity 0.2s;
}

@media (min-width: 992px) {
  .header .navbar {
    max-height: 80px;
  }
  .header .logo-cont .logo-collect-tips {
    display: block;
  }
  .drop-menu.smallmenu:hover .menu {
    max-height: 380px;
    width: -moz-max-content;
    width: max-content;
    padding: 24px;
  }
}
.header .logo-cont .logo-collect-tips::before {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent #ffbb00;
  position: absolute;
  top: -15px;
  left: 16px;
}

@media (min-width: 992px) {
  .header .logo-cont:hover .logo-collect-tips {
    transform: translateY(100%);
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
  .header.header3 .navbar .nav-link {
    padding: 27px 15px !important;
  }
  .header.header3 .navbar-brand {
    margin-right: 5px !important;
  }
}
.header .user-email {
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.fiex-nav-content .item.item-login .item-login {
  color: inherit;
  opacity: 1;
}

.header.bg-dark .menu:not(.menu-small) {
  border-top: none;
}

.pro-list .item .pro-name {
  text-transform: capitalize;
}

.header .drop-menu .menu-2 .lft {
  display: none;
}

.header .drop-menu .menu-2 .tit {
  display: none;
}

.pro-list .item {
  height: 56px;
  line-height: 56px;
  margin: 8px 0 0;
  color: #fff;
}

.for-all a {
  color: rgba(255, 255, 255, 0.5019607843);
}

.header .drop-menu .menu-2 .tit {
  padding-left: 16px;
}

.drop-menu .menu-2 .menu-cont {
  min-height: unset;
}

@media (min-width: 980px) {
  .header.bg-dark .menu:not(.menu-small) {
    border-top: 0;
  }
  .header.bg-dark .menu:not(.menu-small)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #3f3f3f;
  }
  .header .nav-item:first-child {
    margin-bottom: 0;
  }
  .header .navbar .drop-menu .nav-link::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 0;
    transition: all 0.4s;
  }
  .header .navbar .drop-menu:hover .nav-link::before {
    max-width: 100px;
  }
  .header.bg-dark .navbar-nav .nav-link {
    opacity: 0.5;
  }
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
  }
  .header.bg-dark .navbar-nav .drop-menu:hover .nav-link {
    opacity: 1;
  }
  .header .nav-item:first-child {
    margin-bottom: 0;
  }
  .menu-cont.container {
    max-width: 1328px;
    padding: 24px 0 32px;
  }
  .header .drop-menu .menu-2 .tit {
    display: block;
  }
  .header .drop-menu .menu-2 .lft {
    max-width: 30%;
    padding-right: 48px;
    display: block;
  }
  .header .drop-menu .menu-2 .lft .des {
    white-space: normal;
  }
  .header .drop-menu .menu-2 .lft .content-wrap {
    margin-top: 16px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .text-wrap {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    height: 32px;
    color: #fff;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .icon-wrap a {
    display: inline-block;
    margin-left: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    transition: all 0.4s;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .icon-wrap a:hover {
    background: rgba(255, 255, 255, 0.24);
  }
  .header .drop-menu .menu-2 .lft .content-wrap .icon-wrap a img {
    width: 24px;
    height: 24px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .text-wrap img {
    height: 32px;
    width: 32px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .des {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
    margin-bottom: 0;
  }
  .header .drop-menu .menu-2 .rgt {
    padding: 0 0 0 48px;
  }
  .header .drop-menu .menu-2 .tit {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
  }
  .header .drop-menu .menu-2 .for-all a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.5);
    display: inline-flex;
    align-items: center;
    transition: all 0.4s;
  }
  .header .drop-menu .menu-2 .for-all a:hover {
    color: #fff;
    text-decoration: none;
  }
  .pro-list .item {
    height: 56px;
    line-height: 1.5;
    border-radius: 12px;
    transition: all 0.4s;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: start;
    width: calc(33.33% - 21px);
    padding: 0 16px;
  }
  .pro-list2 .item {
    width: calc(25% - 21px);
  }
  .pro-list .item .pro-name {
    white-space: normal;
    width: -moz-fit-content;
    width: fit-content;
  }
  .pro-list .item:hover {
    border: 1px solid rgb(107, 87, 255);
    background: radial-gradient(68.33% 250.43% at 33.81% 53.33%, rgba(107, 87, 255, 0.259) 0%, rgba(107, 87, 255, 0) 100%);
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .header .drop-menu .menu-2 .lft {
    max-width: 400px;
  }
}
@media (min-width: 1600px) {
  .header .drop-menu .menu-2 .lft {
    max-width: 400px;
    padding-right: 48px;
  }
  .header .drop-menu .menu-2 .lft .des {
    white-space: normal;
  }
  .header .drop-menu .menu-2 .lft .content-wrap {
    margin-top: 16px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .text-wrap {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    height: 32px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .icon-wrap a {
    display: inline-block;
    margin-left: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    transition: all 0.4s;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .icon-wrap a:hover {
    background: rgba(255, 255, 255, 0.24);
  }
  .header .drop-menu .menu-2 .lft .content-wrap .icon-wrap a img {
    width: 24px;
    height: 24px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .text-wrap img {
    height: 32px;
    width: 32px;
  }
  .header .drop-menu .menu-2 .lft .content-wrap .des {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
    margin-bottom: 0;
  }
  .header .drop-menu .menu-2 .rgt {
    padding: 0 0 0 48px;
  }
  .header .drop-menu .menu-2 .tit {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
  }
  .header .drop-menu .menu-2 .for-all a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.5);
    display: inline-flex;
    align-items: center;
    transition: all 0.4s;
  }
  .header .drop-menu .menu-2 .for-all a:hover {
    color: #fff;
    text-decoration: none;
  }
  .pro-list .item {
    height: 56px;
    border-radius: 12px;
    transition: all 0.4s;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .pro-list2 .item {
    width: calc(20% - 21px);
  }
  .pro-list .item .pro-name {
    white-space: normal;
    width: -moz-fit-content;
    width: fit-content;
  }
  .pro-list .item:hover {
    border: 1px solid rgb(107, 87, 255);
    background: radial-gradient(68.33% 250.43% at 33.81% 53.33%, rgba(107, 87, 255, 0.259) 0%, rgba(107, 87, 255, 0) 100%);
    cursor: pointer;
  }
}
@media (max-width: 992px) {
  .drop-menu .menu span {
    display: inline;
  }
}
@media (min-width: 768px) {
  .drop-menu .menu .btm-link {
    padding: 8px 24px;
  }
}
#nav-account-desktop .has-account .drop-menu .menu-small {
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}

#nav-account-desktop .has-account .nav-item:first-child:hover .menu.menu-small {
  border: 1px solid rgba(0, 0, 0, 0.0705882353);
}

#nav-account-desktop .has-account .drop-menu .menu-small a {
  color: #fff;
}

#nav-account-desktop .has-account .drop-menu .menu li {
  padding: 8px 12px;
}

#nav-account-desktop .has-account .drop-menu .menu li:not(:last-child) {
  margin-bottom: 8px;
}

#nav-account-desktop .has-account .drop-menu .menu li:hover {
  background: #262626;
  border-radius: 12px;
}

#nav-account-desktop .has-account .drop-menu .menu-small::before {
  content: "";
  width: 0;
  height: 0;
}

.fade-in {
  animation-fill-mode: forwards;
  animation: fadeInUp 1s 0.2s ease both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.cookies-eu-banner {
  position: fixed;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
}

.fix-nav {
  position: fixed;
  top: -1px;
  background: rgba(0, 0, 0, 0.7);
  border-bottom: solid 1px #3f3f3f;
  width: 100%;
  z-index: 1000;
  color: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  max-height: 0;
  transition: all 0.4s;
  overflow: hidden;
}
.fix-nav.active {
  max-height: 580px;
  overflow: unset;
}
.fix-nav .btn {
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
}

.fiex-nav-content .item {
  height: 80px;
  line-height: 18px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  position: relative;
  color: #fff;
}
.fiex-nav-content .item.opacity-1 {
  opacity: 1;
}
.fiex-nav-content .item .btn {
  font-size: 13px;
  font-weight: 600;
}
.fiex-nav-content .item .btn:hover {
  transform: none;
}
.fiex-nav-content .item .item-list {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 0 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.fiex-nav-content .item .item-list li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
  height: 36;
  display: inline-block;
  width: 100%;
  border-radius: 6px;
  padding: 0 8px;
}
.fiex-nav-content .item .item-list li a:hover {
  background: rgba(255, 255, 255, 0.1490196078);
}
.fiex-nav-content .item .item-list li:not(:first-child) {
  margin-top: 4px;
}
.fiex-nav-content .item:hover {
  opacity: 1;
  cursor: pointer;
}
.fiex-nav-content .item:hover .item-list {
  opacity: 1;
  max-height: 500px;
  padding: 16px 8px;
}

.column-wrap {
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  .column-wrap {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  .column-wrap {
    font-size: 20px;
  }
}

.column-h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  .column-h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .column-h1 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1600px) {
  .column-h1 {
    font-size: 56px;
  }
}

.column-h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  .column-h2 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .column-h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .column-h2 {
    font-size: 40px;
  }
}

.column-h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  .column-h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .column-h3 {
    font-size: 32px;
  }
}

.swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: rgb(183, 173, 255);
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 100px;
  background-color: rgb(107, 87, 255);
  transition: all 0.3s linear;
}

.btn-radial-linear-gradient {
  position: relative;
  overflow: hidden;
  border: none;
  color: #fff;
  background: radial-gradient(114.29% 114.29% at 50% 100%, rgba(255, 255, 255, 0.45) 0%, rgba(0, 0, 0, 0) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(273deg, #c0f 0%, #09f 100%);
  background-blend-mode: overlay, normal;
  box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 4px 18px 0px rgba(107, 87, 255, 0.34);
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
}
@media screen and (min-width: 992px) {
  .btn-radial-linear-gradient {
    font-size: 18px;
    padding-left: 32px;
    padding-right: 32px;
    height: 56px;
    line-height: 56px;
  }
}
@media screen and (min-width: 1400px) {
  .btn-radial-linear-gradient {
    padding-left: 48px;
    padding-right: 48px;
    font-size: 20px;
    height: 64px;
    line-height: 64px;
  }
}
.btn-radial-linear-gradient > * {
  position: relative;
  z-index: 5;
}
.btn-radial-linear-gradient::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background-blend-mode: overlay;
  background: radial-gradient(114.29% 114.29% at 50% 100%, rgba(255, 255, 255, 0.45) 0%, rgba(0, 0, 0, 0) 100%, rgba(255, 255, 255, 0) 100%);
  background-blend-mode: overlay;
  background: linear-gradient(273.42deg, #cc00ff 0%, #0099ff 50%, #cc00ff 100%);
  transition: all 0.1s linear;
}
.btn-radial-linear-gradient:hover {
  color: #fff;
}
.btn-radial-linear-gradient:hover::after {
  left: 0;
}

.downloadBtn {
  position: relative;
  z-index: 1;
}
.downloadBtn .download-list {
  position: absolute;
  z-index: 1;
  padding-bottom: 16px;
  display: none;
  z-index: 20;
  transition: 0.5s;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 0);
}
.downloadBtn .download-item {
  padding: 16px 16px 12px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(89, 79, 213, 0.15);
}
.downloadBtn .download-item p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
}
.downloadBtn .download-item .list {
  display: flex;
  gap: 16px;
}
.downloadBtn .download-item .list .cell {
  width: 25%;
  min-width: 88px;
  height: 88px;
  cursor: pointer;
}
.downloadBtn .download-item .list .cell span {
  font-size: 13px;
  line-height: 18px;
}
.downloadBtn .download-item .list .cell .defalut {
  display: flex;
}
.downloadBtn .download-item .list .cell .defalut .win {
  color: #43a0fa;
}
.downloadBtn .download-item .list .cell .defalut .mac {
  color: #316dea;
}
.downloadBtn .download-item .list .cell .defalut .iphone {
  color: black;
}
.downloadBtn .download-item .list .cell .defalut .android {
  color: #50cca3;
}
.downloadBtn .download-item .list .cell .hover {
  display: none;
  color: #6b57ff;
  text-decoration: none;
}
.downloadBtn .download-item .list .cell .hover img {
  width: 84px;
  height: 84px;
}
.downloadBtn .download-item .list .cell:hover {
  border-radius: 8px;
  border: 2px solid #6b57ff;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(31, 21, 115, 0.15);
}
.downloadBtn .download-item .list .cell:hover .defalut {
  display: none;
}
.downloadBtn .download-item .list .cell:hover .hover {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.downloadBtn:hover .download-list {
  display: block;
}

.compare-components {
  --padding-top: 100%;
  --slider-percent: 50%;
  position: relative;
  z-index: 1;
  padding-top: var(--padding-top);
  overflow: hidden;
  cursor: e-resize;
}
.compare-components .compare-line {
  height: 100%;
  width: 1px;
  top: 0;
  bottom: 0;
  left: var(--slider-percent);
  background-color: rgba(255, 255, 255, 0.8);
  cursor: e-resize;
  position: absolute;
  z-index: 7;
}
.compare-components .compare-line:not(.none-after)::after {
  position: absolute;
  top: calc(50% - 8px);
  left: -14px;
  border-radius: 50%;
  content: "";
  width: 28px;
  height: 28px;
  background: url('data:image/svg+xml,<svg preserveAspectRatio="none meet" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" cx="24" cy="24" r="24" fill="white"/><circle cx="24.0004" cy="24.0002" r="17.4545" fill="white"/><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M28.7663 27.6747C28.3857 28.0553 28.3857 28.6723 28.7663 29.0529C29.1468 29.4335 29.7639 29.4335 30.1444 29.0529L33.9626 25.2347C34.3432 24.8541 34.3432 24.2371 33.9626 23.8565L30.1444 20.0384C29.7639 19.6578 29.1468 19.6578 28.7663 20.0384C28.3857 20.4189 28.3857 21.036 28.7663 21.4165L31.8953 24.5456L28.7663 27.6747ZM19.7796 21.4167C20.1602 21.0361 20.1602 20.4191 19.7796 20.0385C19.3991 19.658 18.782 19.658 18.4015 20.0385L14.5833 23.8567C14.2027 24.2373 14.2027 24.8543 14.5833 25.2349L18.4015 29.0531C18.782 29.4336 19.3991 29.4336 19.7796 29.0531C20.1602 28.6725 20.1602 28.0555 19.7796 27.6749L16.6506 24.5458L19.7796 21.4167Z" fill="%231B1B1B"/></svg>');
  background-size: 100%;
}
.compare-components .compare-line.transition {
  transition: all 0.5s linear;
}
.compare-components .compare-before {
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 2;
  overflow: hidden;
  clip-path: polygon(0% 0%, var(--slider-percent) 0, var(--slider-percent) 100%, 0% 100%);
}
.compare-components .compare-before.transition {
  transition: all 0.5s linear;
}
.compare-components .compare-after {
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 1;
}
.compare-components .img {
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 1;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.compare-components .img-after,
.compare-components .img-before {
  position: absolute;
  top: 18px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  z-index: 10 !important;
  font-size: 12px;
}
@media screen and (min-width: 992px) {
  .compare-components .img-after,
  .compare-components .img-before {
    font-size: 14px;
  }
}
.compare-components .img-after span,
.compare-components .img-before span {
  display: inline-block;
  width: 62px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
@media screen and (min-width: 992px) {
  .compare-components .img-after span,
  .compare-components .img-before span {
    width: 73px;
    height: 34px;
    line-height: 34px;
  }
}
.compare-components .img-after {
  right: 18px;
}
.compare-components .img-before {
  left: 18px;
}
.compare-components.compare-components-autoAmimation .compare-line {
  width: 0;
  border: 0;
  left: 50%;
  animation: animate-compare-line 6s linear;
}
@media screen and (min-width: 992px) {
  .compare-components.compare-components-autoAmimation .compare-line {
    animation: animate-compare-line 8s linear;
  }
}
.compare-components.compare-components-autoAmimation .compare-line::after {
  width: 2px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  animation: animate-compare-line-after 6s linear;
}
@media screen and (min-width: 992px) {
  .compare-components.compare-components-autoAmimation .compare-line::after {
    animation: animate-compare-line-after 8s linear;
  }
}
.compare-components.compare-components-autoAmimation .compare-before {
  clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
  animation: animate-compare-before 6s linear;
}
@media screen and (min-width: 992px) {
  .compare-components.compare-components-autoAmimation .compare-before {
    animation: animate-compare-before 8s linear;
  }
}
.compare-components.compare-components-autoAmimation-init .compare-line {
  animation: init-animate-compare-line 6s infinite linear;
}
.compare-components.compare-components-autoAmimation-init .compare-before {
  animation: init-animate-compare-before 6s infinite linear;
}

@keyframes animate-compare-line {
  0% {
    left: var(--slider-percent);
  }
  1% {
    left: var(--slider-percent);
  }
  25% {
    left: 0%;
  }
  26% {
    left: 0%;
  }
  75% {
    left: 100%;
  }
  76% {
    left: 100%;
  }
  100% {
    left: var(--slider-percent);
  }
}
@keyframes animate-compare-line-after {
  0% {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
  }
  1% {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
  26% {
    right: 0;
    left: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
  }
  75% {
    right: 0;
    left: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
  }
  76% {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
  100% {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@keyframes animate-compare-before {
  0% {
    clip-path: polygon(0% 0%, var(--slider-percent) 0, var(--slider-percent) 100%, 0% 100%);
  }
  1% {
    clip-path: polygon(0% 0%, var(--slider-percent) 0, var(--slider-percent) 100%, 0% 100%);
  }
  25% {
    clip-path: polygon(0% 0%, 0% 0, 0% 100%, 0% 100%);
  }
  26% {
    clip-path: polygon(0% 0%, 0% 0, 0% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  76% {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, var(--slider-percent) 0, var(--slider-percent) 100%, 0% 100%);
  }
}
@keyframes init-animate-compare-line {
  0% {
    left: 50%;
  }
  25% {
    left: 100%;
  }
  75% {
    left: 0;
  }
  100% {
    left: 50%;
  }
}
@keyframes init-animate-compare-before {
  0% {
    clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
  }
  25% {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(0% 0%, 0% 0, 0% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
  }
}
.page-bottom-section .title span {
  color: #ffca8b;
}
.page-bottom-section .info {
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .page-bottom-section .info {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  .page-bottom-section .info {
    font-size: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .page-bottom-section .btn {
    font-size: 20px;
  }
}

.step {
  color: rgba(0, 0, 0, 0.6);
}
.step .step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding-right: 4px;
  background: rgba(107, 87, 255, 0.08);
  border-radius: 50%;
  font-size: 21px;
  font-style: italic;
  font-weight: 800;
  color: #6b57ff;
}
@media (min-width: 1400px) {
  .step .step-num {
    width: 56px;
    height: 56px;
    font-size: 24px;
  }
}
.step .step-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 33.6px;
}
@media (min-width: 1600px) {
  .step .step-title {
    font-size: 20px;
  }
}
@media (min-width: 1960px) {
  .step .step-title {
    font-size: 24px;
  }
}
.step .step-text {
  margin: 0;
  font-size: 14px;
  line-height: 140%;
  color: inherit;
}
@media (min-width: 992px) {
  .step .step-text {
    min-height: 56px;
    margin: 12px 0;
    font-size: 16px;
  }
}
.step .progress {
  display: none;
  height: 4px;
  background: rgba(107, 87, 255, 0.2);
  border-radius: 8px;
}
.step .progress span {
  top: 0;
  left: 0;
  background-color: #6b57ff;
}
.step .stepListPic {
  margin-top: 32px;
  margin-bottom: 16px;
}
.step .step-group {
  margin-top: 32px;
}
@media (min-width: 1400px) {
  .step .step-group {
    margin-top: 64px;
  }
}
@media (min-width: 1960px) {
  .step .step-group {
    margin-top: 72px;
  }
}
.step .step-group .img-box {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .step .step-group .img-box {
    margin-bottom: 48px;
  }
}
@media (min-width: 1960px) {
  .step .step-group .img-box {
    margin-bottom: 56px;
  }
}
.step .step-group .img-box img {
  transition: 0.2s;
}
.step .step-group .step-item.active .img-box img {
  filter: drop-shadow(0px 10px 32px rgba(0, 0, 0, 0.25));
  transform: scale(1.03);
  border-color: #8372ff;
}
.step .step-group .step-item.active .step-num {
  background: #6b57ff;
  color: #fff;
}
.step .step-group .step-item.active .step-text {
  color: rgba(107, 87, 255, 0.8);
}
.step .step-group .step-item.active .progress {
  display: block;
}
.step .step-group .step-item.active .progress span {
  animation: progressActive 3s;
}
.step .stepListText .swiper-slide.swiper-slide-thumb-active .step-num {
  background: var(--bs-primary);
  color: #fff;
}
.step .stepListText .swiper-slide.swiper-slide-thumb-active .step-text {
  color: var(--bs-primary);
}
.step.bg-dark {
  color: rgba(255, 255, 255, 0.7);
}
.step.bg-dark .title,
.step.bg-dark .step-title {
  color: #fff;
}
.step.bg-dark .step-num {
  background: rgb(207, 211, 255);
}
.step.bg-dark .step-item.active .step-text {
  color: rgba(255, 255, 255, 0.7);
}

@keyframes progressActive {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .section-video-effects .swiper-wrapper {
    gap: 32px;
  }
}
.section-video-effects .video-cont {
  width: 100%;
  position: relative;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .section-video-effects .video-cont {
    width: calc(33.3% - 16px);
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .section-video-effects .video-cont {
    width: calc(33.3% - 22px);
  }
}
.section-video-effects .video-cont::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="white" fill-opacity="0.4"/><path d="M34.5837 22.1104C35.8793 22.8514 35.8793 24.7038 34.5837 25.4447L18.915 34.4057C17.6194 35.1466 15.9999 34.2204 15.9999 32.7385L15.9999 14.8166C15.9999 13.3347 17.6194 12.4085 18.915 13.1495L34.5837 22.1104Z" fill="white"/></svg>') no-repeat center center;
  background-size: 100% 100%;
  left: 24px;
  top: 24px;
}
.section-video-effects .video-cont.actived::before {
  display: none;
}
.section-video-effects .video-cont video {
  border-radius: 16px;
}
@media (min-width: 992px) {
  .section-video-effects .video-cont video {
    border-radius: 24px;
  }
}
.section-video-effects .video-cont p {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .section-video-effects .video-cont p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .section-video-effects .video-cont p {
    font-size: 24px;
  }
}
.section-video-effects .compare-components-wrap {
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .section-video-effects .compare-components-wrap {
    width: calc(33.3% - 16px);
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .section-video-effects .compare-components-wrap {
    width: calc(33.3% - 22px);
  }
}
.section-video-effects .compare-components-wrap p {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .section-video-effects .compare-components-wrap p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .section-video-effects .compare-components-wrap p {
    font-size: 24px;
  }
}
.section-video-effects .compare-components-wrap .compare-components {
  cursor: pointer;
}
.section-video-effects .compare-components-wrap .hover-auto-amimation {
  --padding-top: 60%;
  border-radius: 16px;
}
@media (min-width: 992px) {
  .section-video-effects .compare-components-wrap .hover-auto-amimation {
    border-radius: 20px;
  }
}
@media (min-width: 1400px) {
  .section-video-effects .compare-components-wrap .hover-auto-amimation {
    border-radius: 24px;
  }
}
.section-video-effects .compare-components-wrap .hover-auto-amimation .compare-line {
  width: 2px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.2) 100%);
}
.section-video-effects .compare-components-wrap .hover-auto-amimation .compare-line::after {
  display: none;
}
.section-video-effects .compare-components-wrap .hover-auto-amimation:hover .compare-line {
  animation: animate-compare-line 6s linear 2;
}
.section-video-effects .compare-components-wrap .hover-auto-amimation:hover .compare-before {
  clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
  animation: animate-compare-before 6s linear 2;
}
@media (max-width: 992px) {
  .section-video-effects .compare-components-wrap .hover-auto-amimation .compare-line {
    animation: init-animate-compare-line 6s infinite linear;
  }
  .section-video-effects .compare-components-wrap .hover-auto-amimation .compare-before {
    clip-path: polygon(0% 0%, 50% 0, 50% 100%, 0% 100%);
    animation: init-animate-compare-before 6s infinite linear;
  }
}

.faq .accordion {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .faq .accordion {
    margin-top: 54px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion {
    margin-top: 72px;
  }
}
.faq .accordion .accordion-item {
  margin: 0 !important;
}
.faq .accordion .accordion-item .accordion-header .accordion-button {
  padding: 24px 24px 0 24px;
  font-size: 16px;
  font-weight: 500;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .faq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
  }
}
.faq .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  padding: 32px 24px;
}
@media (min-width: 992px) {
  .faq .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    padding: 40px 24px;
  }
}
.faq .accordion .accordion-item .accordion-header .accordion-button:after {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.00029 14.0003L15.2929 22.2929C15.6834 22.6834 16.3166 22.6834 16.7071 22.2929L24.9997 14.0003" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>');
  background-size: 100% 100%;
  width: 32px;
  height: 32px;
}
.faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--bs-primary);
  background: rgba(107, 87, 255, 0.05);
  border-bottom: 0;
}
.faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.00029 14.0003L15.2929 22.2929C15.6834 22.6834 16.3166 22.6834 16.7071 22.2929L24.9997 14.0003" stroke="rgb(107 87 255)" stroke-width="3" stroke-linecap="round"/></svg>');
  background-size: 100% 100%;
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
}
.faq .accordion .accordion-item .accordion-collapse {
  font-size: 14px;
}
@media (min-width: 1600px) {
  .faq .accordion .accordion-item .accordion-collapse {
    font-size: 16px;
  }
}
.faq .accordion .accordion-item .accordion-collapse:not(.collapsed) {
  background: rgba(107, 87, 255, 0.05);
}

.tips .relation-list {
  margin-top: 0;
}
@media (min-width: 992px) {
  .tips .relation-list {
    margin-top: 54px;
  }
}
@media (min-width: 1600px) {
  .tips .relation-list {
    margin-top: 72px;
  }
}
.tips .relation-list .cell {
  padding: 32px 24px;
  border-radius: 12px;
  background: rgba(107, 87, 255, 0.05);
}
@media (min-width: 1600px) {
  .tips .relation-list .cell {
    padding: 40px 32px;
  }
}
.tips .relation-list .cell li a {
  transition: transform 0.2s;
  display: block;
  font-size: 16px;
}
@media (min-width: 992px) {
  .tips .relation-list .cell li a {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .tips .relation-list .cell li a {
    font-size: 20px;
  }
}
.tips .relation-list .cell li a:hover {
  transform: translateX(8px);
}/*# sourceMappingURL=global.css.map */