header .navbar-toggler.collapsed,
    header .navbar-expand-lg .collapse.navbar-collapse {
      display: none !important;
    }

    .top-banner {
      padding: 68px 0 56px;
      background: linear-gradient(180deg, #EFF9FF 0%, #FFFFFF 100%);

    }

    .top-banner .title-p {
      color: #667280;
      font-size: 18px;
      font-weight: 400;
      line-height: 25.2px;
      margin-bottom: 20px;
    }

    .top-banner .title-h2 {
      margin-bottom: 20px;
    }

    .top-banner .downtime_text::before {
      content: '';
      display: inline-block;
      width: 36px;
      height: 2px;
      background: url('data:image/svg+xml,<svg width="38" height="2" viewBox="0 0 38 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L37 1" stroke="url(%23paint0_linear_3917_47128)" stroke-width="2" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_3917_47128" x1="36.5623" y1="0.999979" x2="0.173869" y2="0.999985" gradientUnits="userSpaceOnUse"><stop stop-color="%234260FF"/><stop offset="1" stop-color="%234260FF" stop-opacity="0"/></linearGradient></defs></svg>');
      margin-right: 1rem;
      vertical-align: middle;
    }

    .top-banner .downtime_text::after {
      content: '';
      display: inline-block;
      width: 36px;
      height: 2px;
      background: url('data:image/svg+xml,<svg width="38" height="2" viewBox="0 0 38 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M37 1L0.999999 1" stroke="url(%23paint0_linear_3917_47129)" stroke-width="2" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_3917_47129" x1="1.43767" y1="0.999979" x2="37.8261" y2="0.999985" gradientUnits="userSpaceOnUse"><stop stop-color="%234260FF"/><stop offset="1" stop-color="%234260FF" stop-opacity="0"/></linearGradient></defs></svg>');
      margin-left: 1rem;
      vertical-align: middle;
    }

    .top-banner .downtime_time>div {
      background: url(https://images.pdnob.com/buy/countdown-icon.png) no-repeat center center;
      background-size: 100%;
      border-radius: 8px;
      min-width: 60px;
      height: 68px;
    }

    .top-banner .downtime_time>div .fw-six {
      font-weight: 600;
    }

    .top-banner .downtime_time .date {
      color: #8094FF;
    }

    .top-banner .buy-list {
      padding: 0;
      width: 100%;
      max-width: 390px;
    }

    .top-banner .buy-list .buybox {
      width: 390px;
      padding: 40px 32px;
      border: 1px solid #DDDFE5;
      box-sizing: border-box;
      border-radius: 20px;
      background: #FFFFFF;
    }

    .top-banner .buy-recommend {
      padding: 0;
      margin: 0 32px;
      max-width: 440px;
      width: 100%;
    }

    .top-banner .buy-recommend .buybox {
      width: 440px;
      padding: 48px;
      background: #4260FF;
      box-shadow: 0px 8px 28px rgba(66, 96, 255, 0.3);
      box-sizing: border-box;
      border-radius: 20px;
    }

    .top-banner .price span {
      font-size: 30px;
      font-weight: 700;
      line-height: 30px;
      margin-right: 10px;
    }

    .top-banner .buy-list .buybtn {
      min-width: 160px;
      padding: 10px 20px;
      font-size: 18px !important;
      font-weight: 500;
    }

    .top-banner .buy-recommend .buybtn {
      min-width: 230px;
      padding: 16px 28px;
      font-size: 24px !important;
      font-weight: 700;
    }

    .top-banner .offtext {
      font-weight: 900;
      font-size: 15px;
      transform: rotate(45deg);
      top: 25px;
      right: 3px;
    }

    .top-banner .buy-list .offtext {
      transform: rotate(45deg);
      font-size: 14px;
      color: #8094FF;
      top: 22px;
      right: 1px;
    }

    .top-banner .list-group.v1 .list-group-item {
      padding-right: 0 !important;
      margin-bottom: 10px;
    }

    .top-banner .list-group.v1 .list-group-item::before {
      width: 16px !important;
      height: 16px !important;
      top: 4px !important;
      background: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.98882 13.3173L1.39589 8.8679C0.951208 8.43711 1.05127 7.69875 1.59457 7.40185C1.87633 7.24787 2.21803 7.25217 2.49583 7.41318L6.69355 9.84615L14.4474 2.47903C14.7456 2.19578 15.1958 2.14555 15.549 2.35612C16.0429 2.65055 16.1472 3.32156 15.7661 3.75208L7.34395 13.2653C6.98956 13.6656 6.37281 13.6893 5.98882 13.3173Z" fill="%23667280"/></svg>')no-repeat !important;
    }

    .top-banner .list_info span:nth-child(2) {
      cursor: pointer;
    }


    .top-banner .buy-recommend .list-group.v1 .list-group-item::before {
      width: 16px !important;
      height: 16px !important;
      top: 4px !important;
      background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.48882 13.3173L0.895893 8.8679C0.451208 8.43711 0.55127 7.69875 1.09457 7.40185C1.37633 7.24787 1.71803 7.25217 1.99583 7.41318L6.19355 9.84615L13.9474 2.47903C14.2456 2.19578 14.6958 2.14555 15.049 2.35612C15.5429 2.65055 15.6472 3.32156 15.2661 3.75208L6.84395 13.2653C6.48956 13.6656 5.87281 13.6893 5.48882 13.3173Z" fill="white"/></svg>')no-repeat !important;
    }

    .top-banner .buy-cont ul li .off {
      display: none;
    }

    .top-banner .buy-cont ul .buy-recommend .off {
      display: block;
    }

    .top-banner .buy-cont ul li:nth-child(3) .off {
      display: block
    }

    .top-banner .buy-list .off {
      right: -4px;
      top: -4px;
      width: 87px;
      height: 87px;
    }

    .top-banner .buy-recommend .off {
      right: -6px;
      top: -6px;
      width: 94px;
      height: 94px;
    }

    .top-banner ul.list-dot {
      padding-top: 10px;
      margin-top: 10px;
      border-top: 1px dashed #7B7B7B;
      border-radius: 0;
    }

    .top-banner .buy-recommend ul.list-dot {
      border-top: 1px dashed #DDDFE5;
    }

    .top-banner .list-dot .list-group-item {
      color: #667280;
      font-size: 14px;
      font-weight: 500;
      line-height: 19.6px;
    }

    .top-banner .buy-recommend .list-dot .list-group-item {
      color: rgba(217, 223, 255);
    }

    .top-banner .list-group.v1.list-dot .list-group-item::before {
      width: 6px !important;
      height: 6px !important;
      top: 6px !important;
      background: url(https://images.pdnob.com/buy/bla.svg)no-repeat !important;
    }

    .top-banner .buy-recommend .list-group.v1.list-dot .list-group-item::before {
      width: 6px !important;
      height: 6px !important;
      top: 6px !important;
      background: url(https://images.pdnob.com/buy/bla-recommend.svg)no-repeat !important;
    }

    @media (max-width:1600px) {
      .top-banner .buy-list {
        max-width: 360px;
      }

      .top-banner .buy-list .buybox {
        width: 360px;
      }

      .top-banner .buy-recommend {
        max-width: 390px;
      }

      .top-banner .buy-recommend .buybox {
        width: 390px;
      }
    }

    @media (max-width:992px) {
      .top-banner .title-p {
        font-size: 14px;
        font-weight: 500;
        line-height: 19.6px;
      }

      .top-banner {
        padding: 48px 0 28px;
      }

      .top-banner .buy-list {
        max-width: 400px;
        width: max-content;
      }

      .top-banner .buy-recommend {
        max-width: 400px;
        margin: 0;
      }

      .top-banner .buy-list .buybox,
      .top-banner .buy-recommend .buybox {
        width: 100%;
        padding: 48px 24px;
      }

      .top-banner ul.row {
        gap: 20px;
      }
    }

    @media (max-width:568px) {

      .top-banner .buy-list,
      .top-banner .buy-recommend {
        max-width: 90%;
      }

      .top-banner .buy-list .buybox,
      .top-banner .buy-recommend .buybox {
        width: 100%;
      }

      .top-banner .title-p span {
        max-width: 280px;
        text-align: center;
      }
    }

    .top-banner .system-info {
      width: max-content;
      top: 50%;
      left: 83%;
      transform: translate(50%, 0%);
      cursor: pointer;
      z-index: 50;
      padding-bottom: 15px;
    }

    .top-banner .system-info .system-client {
      background: #FFFFFF;
      border: 1px solid #DDDFE5;
      border-radius: 8px;
      padding: 4px 12px;
    }

    .top-banner .system-list {
      padding: 2px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
      margin-top: 10px;
      left: 0;
      z-index: 20;
      display: none;
    }

    .top-banner .system-info:hover .system-list {
      display: block;
    }

    .top-banner .system-info .system-client .icon {
      transform: rotate(-180deg);
      transition: 0.2s linear;
    }

    .top-banner .system-info:hover .system-client .icon {
      transform: rotate(0deg);
    }

    .top-banner .system-list>a {
      padding: 8px 64px 8px 16px;
      color: rgba(0, 0, 0, 1);
    }

    .top-banner .system-list>a span {
      color: rgba(0, 0, 0, 0.7);
    }

    .top-banner .system-list>a.active,
    .top-banner .system-list>a:hover {
      border-radius: 6px;
      background: #f8f7ff;
      cursor: pointer;
      color: #4260FF;
      text-decoration: none;
    }

    .top-banner .system-list>a.active span,
    .top-banner .system-list>a:hover span {
      color: #4260FF;
    }
    #support-part .payment {
      gap: 10px;
    }

    #support-part .icon-list {
      gap: 32px;
      margin-top: 32px;
    }

    #support-part.for-four {
      padding-top: 0;
    }

    #support-part.for-four .note {
      margin-top: 0 !important;
    }

    #support-part .icon-list .cell img {
      width: 548px;
    }

    @media (max-width:768px) {
      #support-part .payment .cell img {
        width: 72px;
      }

      #support-part .icon-list {
        margin-top: 12px;
      }

      #support-part .icon-list .cell img {
        width: 328px;
      }
    }
    #sec-8 {
      padding: 128px 0 128px;
    }

    #sec-8 h2 {
      font-size: 42px;
      font-weight: 700;
      line-height: 50.4px;
      margin-bottom: 20px;
      color: #31383E;
    }

    #sec-8 .title-p {
      font-size: 18px;
      font-weight: 400;
      line-height: 25.2px;
      color: #667280;
      max-width: 800px;
      margin-bottom: 32px;
    }

    #sec-8 .des-list {
      max-width: 1241px;
    }

    #sec-8 .des-list .item {
      max-width: 342px;
    }

    #sec-8 .des-list .item .tit {
      color: #31383E;
      font-size: 18px;
      font-weight: 700;
      line-height: 25.2px;
      margin-bottom: 12px;
      margin-top: 27px;
    }

    #sec-8 .des-list .item .des {
      color: #525C66;
      font-size: 18px;
      font-weight: 400;
      line-height: 25.2px;
    }

    @media(max-width:1600px) {
      #sec-8 .des-list .item .tit {
        font-size: 18px;
      }

      #sec-8 .des-list .item .des {
        font-size: 14px;
      }
    }

    @media(max-width:992px) {
      #sec-8 {
        padding: 80px 0 80px;
      }

      #sec-8 .container {
        padding: 0 28px;
      }

      #sec-8 h2 {
        font-size: 32px;
        font-weight: 800;
        line-height: 38.4px;
      }

      #sec-8 .title-p {
        font-size: 14px;
        font-weight: 500;
        line-height: 19.6px;
        margin-bottom: 20px;
      }

      #sec-8 .des-list .item {
        width: 320px;
      }

      #sec-8 .des-list .item:not(:first-child) {
        margin-top: 32px;
      }
    }
    .bgtrans {
      margin-bottom: 164px;
    }

    .bgtrans h2 {
      font-size: 42px;
      font-weight: 700;
      line-height: 50.4px;
    }

    .accordion.v1 .accordion-button::after {
      background-image: url('data:image/svg+xml,<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5" y="5.5" width="30" height="30" rx="15" stroke="%238FA0B3" stroke-width="2"/><rect x="12" y="19.5" width="16" height="2" rx="1" fill="%238FA0B3"/><rect x="19" y="28.5" width="16" height="2" rx="1" transform="rotate(-90 19 28.5)" fill="%238FA0B3"/></svg>') !important;
      background-size: 40px !important;
      width: 40px !important;
      height: 40px !important;
    }

    .accordion.v1.v1-0-1 .accordion-button:not(.collapsed)::after {
      background-image: url('data:image/svg+xml,<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5" y="5.5" width="30" height="30" rx="15" stroke="%238FA0B3" stroke-width="2"/><rect x="12" y="19.5" width="16" height="2" rx="1" fill="%238FA0B3"/></svg>') !important;
      transform: rotate(0deg) !important;
    }

    .accordion.v1.v1-0-1 .accordion-item {
      background: #F5F7FD;
    }

    .accordion.v1.v1-0-1 .accordion-item p {
      font-size: 18px;
      font-weight: 500;
      line-height: 28.8px;
      color: #525C66;
    }

    .accordionBox {
      padding: 32px 28px;
      background: #F5F7FD;
      max-width: 1241px;
    }

    .accordion.v1.v1-0-1 .accordion-button {
      padding: 24px 1.875rem !important;
      background: #F5F7FD;

    }

    .accordion.v1 .accordion-body {
      padding: 0rem 2rem !important;
    }

    @media (max-width:992px) {
      .bgtrans {
        margin-bottom: 40px;
      }

      .bgtrans .container-xl {
        padding: 0 28px;
      }

      .bgtrans h2 {
        font-size: 32px;
        font-weight: 800;
        line-height: 38.4px;
      }

      .accordion.v1.v1-0-1 .accordion-item p {
        font-size: 14px;
        font-weight: 500;
        line-height: 22.4px;
      }
    }

    @media (max-width:576px) {
      .accordionBox {
        padding: 20px;
      }

      .accordion-item {
        background-color: transparent !important;
        margin-bottom: 0rem !important;
      }

      .accordion.v1.v1-0-1 .accordion-button {
        background-color: transparent !important;
        font-size: 14px !important;
        padding: 18px 0 !important;
        font-weight: 600;
      }

      .accordion.v1 .accordion-body {
        padding: 0rem !important;
        font-size: 14px !important;
      }
    }
    .support_list {
      border-top: 1px dashed #D7D7D7;
    }

    .free-day-box input {
      width: 18px;
      height: 18px;
      margin-top: 0;
    }

    .free-day-box a.hover-text {
      font-size: 16px;
      text-decoration: none;
      line-height: 150%;
      font-weight: 400;
      color: #31383E;
    }

    .free-day-box .daytrial {
      height: max-content;
      font-size: 12px;
      line-height: 120%;
      color: #525C66;
      padding: 4px 8px;
      border: 1px solid #DDDFE5;
      border-radius: 4px;
      font-weight: 400;
    }

    .free-day-box p {
      color: #667280;
      font-size: 14px;
      font-weight: 400;
      line-height: 150%;
    }

    .free-day-box p svg {
      color: #525C66;
    }

    .free-day-box p svg:hover {
      color: #4260FF;
    }

    .free-day-box .form-check-input {
      background-color: transparent;
    }

    .free-day-box .form-check-input:checked[type="checkbox"] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%234260FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .tooltip-inner {
      font-size: 12px !important;
      color: #6B6B6B !important;
      padding: 12px !important;
      text-align: start !important;
    }

    .tooltip-inner a {
      color: #FF9901;
    }

    .buy-recommend .support_list {
      border-top: 1px dashed #7086F7;
    }

    .buy-recommend .free-day-box a.hover-text,
    .buy-recommend .free-day-box .daytrial,
    .buy-recommend .free-day-box p {
      color: #fff;
    }

    .buy-recommend .form-check-input {
      border-color: #fff;
    }

    .buy-recommend .form-check-input:checked[type="checkbox"] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    @media (max-width: 1599.98px) {
      .free-day-box a.hover-text {
        font-size: 14px;
      }
    }