header {
  overflow: hidden;
  background-image: url(../imgs/bg/bussiness-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-clip: content-box;
  position: relative; }
  header .header-info {
    color: #FFFFFF;
    margin-top: 60px;
    padding-left: 100px;
    position: relative;
    z-index: 13; }
    header .header-info h1 {
      margin-bottom: 40px;
      font-size: 46px;
      font-weight: bold; }
      header .header-info h1 span {
        color: var(--orange);
        text-shadow: 2px 2px #FFFFFF; }
    header .header-info .header-features li {
      background: url(../imgs/icons/correct-icon.png) no-repeat left;
      padding-left: 45px;
      line-height: 36px; }
    header .header-info .header-btns {
      margin: 30px 0 100px; }
      header .header-info .header-btns a {
        display: inline-block;
        background-color: var(--orange) !important;
        padding: 10px 20px;
        background-color: #FFFFFF;
        border-radius: 25px;
        border: 2px solid #FFFFFF; }
        header .header-info .header-btns a:last-child {
          background-color: #FFFFFF !important;
          color: var(--orange); }

main h3 {
  font-size: 36px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center; }

main h4 {
  text-align: center;
  padding: 10px 0; }

main section {
  padding: 35px 0; }

main .business-partners {
  background-color: var(--bg);
  padding: 50px 0; }
  main .business-partners .container {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    main .business-partners .container h3 {
      font-size: 36px;
      font-weight: bold; }
      main .business-partners .container h3 span {
        display: block;
        padding: 8px 0; }
    main .business-partners .container .business-partners-logos ul {
      display: flex;
      flex-wrap: wrap;
      text-align: center; }
      main .business-partners .container .business-partners-logos ul li {
        width: 33.33%;
        margin: 45px 0; }
        main .business-partners .container .business-partners-logos ul li a {
          display: inline-block;
          width: 100px; }

main .payment-method .payment-price {
  margin-top: 50px;
  margin-bottom: 50px; }
  main .payment-method .payment-price .parment-price-list {
    display: flex; }
    main .payment-method .payment-price .parment-price-list .parment-price-item {
      width: 25%;
      padding: 25px;
      margin: 0 15px;
      border: 8px solid #FFFFFF;
      background-color: var(--orange);
      color: #FFFFFF;
      box-shadow: 3px 3px 20px 1px rgba(0, 0, 0, 0.2);
      border-radius: 15px; }
      main .payment-method .payment-price .parment-price-list .parment-price-item .report-num {
        padding: 15px 0; }
      main .payment-method .payment-price .parment-price-list .parment-price-item .report-num__link {
        padding: 8px 13px;
        background-color: #FFFFFF;
        border-radius: 15px;
        color: var(--orange);
        font-weight: 600; }
      main .payment-method .payment-price .parment-price-list .parment-price-item .price {
        font-size: 70px;
        font-weight: 600;
        margin: 15px 0; }
      main .payment-method .payment-price .parment-price-list .parment-price-item .single__report {
        font-weight: 600; }
      main .payment-method .payment-price .parment-price-list .parment-price-item .pay-btn {
        margin: 15px 10px;
        background-color: #FFFFFF;
        border-radius: 10px; }
        main .payment-method .payment-price .parment-price-list .parment-price-item .pay-btn a {
          color: #333333;
          display: inline-block;
          text-align: center;
          width: 100%;
          padding: 10px;
          font-weight: bold;
          font-size: 22px; }
    main .payment-method .payment-price .parment-price-list .custom {
      background-color: var(--blue); }
      main .payment-method .payment-price .parment-price-list .custom .add-btn {
        padding: 20px;
        border-radius: 50%;
        background-color: #FFFFFF;
        display: inline-block;
        color: var(--blue);
        position: relative; }
        main .payment-method .payment-price .parment-price-list .custom .add-btn a {
          font-size: 36px;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%); }
    main .payment-method .payment-price .parment-price-list .get-custom-offter {
      font-size: 40px;
      font-weight: 600;
      margin: 20px 0; }
  main .payment-method .payment-price .money-back-guarantee {
    margin: 30px 0;
    text-align: center; }
    main .payment-method .payment-price .money-back-guarantee a {
      color: var(--light-bule);
      transition: all .3s ease-in-out;
      background: url(../imgs/icons/clock.png) no-repeat left;
      background-size: contain;
      padding-left: 30px; }
      main .payment-method .payment-price .money-back-guarantee a:hover {
        text-decoration: underline; }

main .broblem .container {
  padding: 0 100px; }

main .broblem .problem-box {
  margin: 50px 0; }
  main .broblem .problem-box .swiper {
    display: flex;
    align-items: center; }
    main .broblem .problem-box .swiper .left, main .broblem .problem-box .swiper .right {
      cursor: pointer; }
    main .broblem .problem-box .swiper .content {
      position: relative;
      width: 100%;
      height: 560px;
      overflow: hidden; }
    main .broblem .problem-box .swiper .swiper-list {
      position: absolute;
      left: 0;
      width: 100%;
      display: flex;
      transition: all .3s ease-in-out; }
      main .broblem .problem-box .swiper .swiper-list .swiper-item {
        display: flex;
        margin: 5px 10px; }
        main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left {
          margin-right: 10px;
          border: 6px solid #FFFFFF;
          background-color: var(--blue);
          border-radius: 30px;
          padding: 15px;
          box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
          width: 40%;
          font-size: 17px;
          font-weight: 600;
          color: #FFFFFF;
          width: 352px; }
          main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-intro {
            line-height: 36px;
            padding-bottom: 55px;
            border-bottom: 1px solid #FFFFFF; }
          main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person {
            display: flex;
            align-items: end;
            padding: 35px 0; }
            main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-avatar img {
              width: 50px;
              border-radius: 50%; }
            main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-person-info {
              padding: 0 10px; }
              main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-person-info p {
                padding-top: 20px; }
              main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-person-info .lang {
                font-size: 15px; }
        main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right {
          margin-left: 10px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 635px; }
          main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right > div {
            height: 50%;
            border: 6px solid #FFFFFF;
            background-color: #FFEAE2;
            border-radius: 30px;
            padding: 40px;
            box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2); }
            main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right > div h5 {
              font-size: 28px;
              font-weight: bold;
              margin-bottom: 20px;
              text-align: center; }
            main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right > div p {
              line-height: 30px; }
          main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right .problem-one {
            margin-bottom: 10px; }
          main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right .problem-two {
            margin-top: 10px;
            background-color: #DBE5EF; }
  main .broblem .problem-box .swiper-icons {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
    main .broblem .problem-box .swiper-icons .swiper-icon {
      cursor: pointer;
      width: 15px;
      height: 15px;
      background-color: var(--text-gray);
      border-radius: 50%;
      margin: 0 10px;
      transition: all .3s ease-in-out; }
      main .broblem .problem-box .swiper-icons .swiper-icon:hover {
        background-color: var(--orange);
        width: 35px;
        border-radius: 15px; }
    main .broblem .problem-box .swiper-icons .selected {
      background-color: var(--orange);
      width: 35px;
      border-radius: 15px; }

main .business-partners-desc {
  background-color: var(--bg); }
  main .business-partners-desc .desc-list {
    display: flex;
    flex-wrap: wrap; }
    main .business-partners-desc .desc-list .desc-item {
      width: 50%;
      padding: 20px 100px;
      text-align: center; }
      main .business-partners-desc .desc-list .desc-item img {
        width: 20%; }
      main .business-partners-desc .desc-list .desc-item h5 {
        font-size: 30px;
        font-weight: bold;
        margin: 20px 0; }
      main .business-partners-desc .desc-list .desc-item p {
        line-height: 30px; }

main .contact-us {
  padding-bottom: 50px; }
  main .contact-us .form {
    width: 730px;
    margin: 0 auto; }
    main .contact-us .form h4 {
      text-align: left;
      font-size: 20px;
      font-weight: bold; }
    main .contact-us .form form {
      display: flex;
      flex-wrap: wrap; }
      main .contact-us .form form input {
        border: 1px solid transparent; }
        main .contact-us .form form input:focus {
          outline: none;
          border: 1px solid var(--orange); }
      main .contact-us .form form > div {
        width: 100%; }
      main .contact-us .form form .radio {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px; }
        main .contact-us .form form .radio > div {
          padding-bottom: 15px;
          position: relative; }
        main .contact-us .form form .radio input[type="radio"] {
          width: 16px;
          height: 16px;
          padding-left: 15px;
          opacity: 0; }
        main .contact-us .form form .radio label {
          position: absolute;
          left: 0;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #999;
          text-indent: 23px; }
        main .contact-us .form form .radio input:checked + label {
          width: 18px;
          height: 18px;
          background-color: #fff;
          border: 1px solid #999; }
        main .contact-us .form form .radio input:checked + label::after {
          position: absolute;
          content: "";
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: var(--orange);
          border: 1px solid var(--orange);
          left: 1px;
          top: 1px; }
      main .contact-us .form form .text {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px; }
        main .contact-us .form form .text .name {
          padding-right: 15px; }
        main .contact-us .form form .text input {
          height: 40px;
          width: 100%;
          border-radius: 30px;
          box-shadow: 3px 3px 20px 1px rgba(0, 0, 0, 0.2);
          margin-bottom: 10px;
          padding-left: 16px; }
      main .contact-us .form form .textarea {
        margin-bottom: 30px; }
        main .contact-us .form form .textarea textarea {
          font-size: 18px;
          border-radius: 15px;
          width: 100%;
          box-shadow: 3px 3px 20px 1px rgba(0, 0, 0, 0.2);
          padding-top: 10px;
          padding-left: 10px;
          border: 1px solid transparent; }
          main .contact-us .form form .textarea textarea:focus {
            outline: none;
            border: 1px solid var(--orange); }
      main .contact-us .form form .select-plivacy-policy {
        margin-bottom: 45px; }
        main .contact-us .form form .select-plivacy-policy input {
          margin-right: 10px; }
        main .contact-us .form form .select-plivacy-policy label {
          font-size: 15px;
          color: var(--text-gray);
          line-height: 22px; }
      main .contact-us .form form #contact-us-btn {
        margin: 0 auto;
        padding: 20px 150px;
        background-color: var(--blue);
        border: 2px solid #FFFFFF;
        border-radius: 35px;
        font-size: 22px;
        color: #FFFFFF;
        box-shadow: -4px 0px 20px 1px rgba(0, 0, 0, 0.3);
        transition: all .3s ease-in-out;
        cursor: pointer; }
        main .contact-us .form form #contact-us-btn:hover {
          background-color: var(--orange); }
      main .contact-us .form form .lay {
        width: 50%; }
      main .contact-us .form form .not-lay {
        width: 100%; }

main .our-in-the-news {
  margin: 50px 0;
  background-color: var(--bg); }
  main .our-in-the-news .our-in-the-news-content {
    display: flex;
    margin-top: 50px; }
    main .our-in-the-news .our-in-the-news-content .our-in-the-news__item {
      width: 33.33%;
      padding: 0 30px; }
      main .our-in-the-news .our-in-the-news-content .our-in-the-news__item > img {
        border: 10px solid #FFFFFF;
        box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
        border-radius: 15px; }
      main .our-in-the-news .our-in-the-news-content .our-in-the-news__item p {
        line-height: 30px;
        margin-top: 30px;
        font-weight: bold; }
      main .our-in-the-news .our-in-the-news-content .our-in-the-news__item .read-article__link {
        display: flex;
        justify-content: space-between;
        margin-top: 30px; }
        main .our-in-the-news .our-in-the-news-content .our-in-the-news__item .read-article__link img {
          width: 100px; }
        main .our-in-the-news .our-in-the-news-content .our-in-the-news__item .read-article__link a {
          font-weight: bold;
          color: #3F72FF;
          text-decoration: underline; }

main .FQA h3, main .FQA h4 {
  text-align: left; }

main .FQA .req-res__item {
  margin: 30px 0 50px;
  padding-left: 70px;
  position: relative; }
  main .FQA .req-res__item .req {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px; }
    main .FQA .req-res__item .req .num_circle {
      display: inline-block;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      left: 0;
      line-height: 28px;
      background-color: var(--blue);
      color: #FFFFFF; }
  main .FQA .req-res__item p {
    line-height: 30px;
    max-width: 766px; }

@media only screen and (min-width: 866px) and (max-width: 1400px) {
  .header-info,
  main section,
  footer > div,
  footer nav {
    padding: 0 50px; }
  main {
    font-size: 15px; }
  main h3,
  main .business-partners .container h3,
  main .payment-method .payment-price .parment-price-list .parment-price-item .pay-btn a {
    font-size: 26px; }
  main .broblem {
    padding: 30px 0; }
  main h3 {
    margin-top: 30px; }
  main .payment-method .payment-price .parment-price-list .get-custom-offter {
    font-size: 24px;
    margin: 30px 0; }
  main .business-partners {
    padding: 0; }
  main .broblem .container {
    padding: 0 50px; }
  main .payment-method .payment-price .parment-price-list .parment-price-item {
    padding: 15px; }
  main .payment-method .payment-price .parment-price-list .parment-price-item .price {
    font-size: 50px;
    margin: 10px 0; }
  main .payment-method .payment-price .parment-price-list .parment-price-item .report-num__link {
    padding: 5px 8px;
    font-size: 15px; }
  main .payment-method .payment-price .parment-price-list .parment-price-item .pay-btn a {
    font-size: 15px; }
  main .broblem .problem-box .swiper .content {
    width: 860px;
    height: 460px; }
  main .payment-method .payment-price .parment-price-list .parment-price-item {
    margin: 0 5px; }
  main .broblem .problem-box .swiper .swiper-list .swiper-item {
    width: 97%; }
    main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-intro {
      line-height: 25px;
      padding-bottom: 45px; }
    main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person {
      padding: 0; }
      main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-avatar {
        width: 50px; }
      main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-person-info p {
        font-size: 15px; }
      main .broblem .problem-box .swiper .swiper-list .swiper-item .content-left .card .card-person .card-person-info .lang {
        font-size: 20px; }
    main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right > div {
      padding: 10px; }
      main .broblem .problem-box .swiper .swiper-list .swiper-item .content-right > div h3 {
        font-size: 28px; } }

@media only screen and (max-width: 865px) {
  header {
    background-size: initial;
    background-position: 75% 100%; }
    header .header-info {
      padding: 0 15px; }
      header .header-info h1 {
        width: 100%;
        font-size: 30px; }
      header .header-info .header-btns {
        display: flex;
        flex-wrap: wrap; }
        header .header-info .header-btns a {
          display: block;
          width: 100%;
          margin: 15px 0;
          padding: 20px;
          text-align: center;
          font-weight: bold; }
  main h3 {
    font-size: 26px; }
  main .business-partners {
    padding: 30px 0; }
    main .business-partners .container {
      flex-wrap: wrap; }
      main .business-partners .container h4 {
        font-size: 26px; }
  main .payment-method .payment-price {
    margin: 30px 0; }
    main .payment-method .payment-price .parment-price-list {
      flex-wrap: wrap; }
      main .payment-method .payment-price .parment-price-list .parment-price-item {
        width: 100%;
        padding: 10px;
        margin: 10px;
        position: relative; }
        main .payment-method .payment-price .parment-price-list .parment-price-item .single__report {
          display: inline; }
        main .payment-method .payment-price .parment-price-list .parment-price-item .report-num {
          padding: 10px 0; }
          main .payment-method .payment-price .parment-price-list .parment-price-item .report-num .report-num__link {
            padding: 5px; }
        main .payment-method .payment-price .parment-price-list .parment-price-item .price {
          font-size: 36px;
          display: inline-block;
          margin: 10px 0; }
        main .payment-method .payment-price .parment-price-list .parment-price-item .pay-btn {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
          main .payment-method .payment-price .parment-price-list .parment-price-item .pay-btn a {
            font-size: 18px;
            font-weight: bold;
            padding: 10px 5px; }
      main .payment-method .payment-price .parment-price-list .custom .add-btn {
        padding: 15px; }
        main .payment-method .payment-price .parment-price-list .custom .add-btn a {
          font-size: 30px; }
      main .payment-method .payment-price .parment-price-list .custom .get-custom-offter {
        font-size: 20px; }
  main .broblem .container {
    padding: 0; }
    main .broblem .container .problem-box .swiper .left, main .broblem .container .problem-box .swiper .right {
      display: none; }
    main .broblem .container .problem-box .swiper .content {
      height: 720px; }
      main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        width: 100vw; }
        main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-left {
          width: 100%;
          margin-right: 0;
          margin: 0 10px;
          border-radius: 30px 30px 0 0;
          border-bottom: 0; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-left .card-intro {
            padding-bottom: 0;
            line-height: 30px; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-left .card-person {
            padding: 0; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-left .card-avatar {
            width: 50px; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-left .card-person-info .lang {
            font-size: 15px; }
        main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-right {
          width: inherit;
          margin: 0 10px; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-right > div {
            padding: 5px; }
            main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-right > div h3 {
              font-size: 20px;
              text-align: center;
              margin-bottom: 10px; }
            main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-right > div p {
              line-height: 22px;
              text-indent: 32px; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-right .problem-one {
            margin: 0;
            border-radius: 0; }
          main .broblem .container .problem-box .swiper .content .swiper-list .swiper-item .content-right .problem-two {
            margin-top: 0;
            border-radius: 0 0 30px 30px;
            border-top: 0; }
  main .business-partners-desc .desc-list .desc-item {
    width: 100%;
    padding: 20px; }
    main .business-partners-desc .desc-list .desc-item h5 {
      font-size: 22px; }
  main .contact-us .container {
    padding: 0 10px; }
    main .contact-us .container .form {
      width: inherit; }
      main .contact-us .container .form form .text .lay {
        width: 100%; }
      main .contact-us .container .form form .text .name {
        padding: 0; }
      main .contact-us .container .form form #contact-us-btn {
        padding: 15px 150px;
        transition: all .3s ease-in-out; }
  main .our-in-the-news {
    margin: 0; }
    main .our-in-the-news .our-in-the-news-content {
      flex-wrap: wrap;
      margin-top: 20px; }
      main .our-in-the-news .our-in-the-news-content .our-in-the-news__item {
        width: 100%;
        padding: 25px 15px 0;
        margin-top: 25px;
        border-top: 1px solid #ababab; }
        main .our-in-the-news .our-in-the-news-content .our-in-the-news__item p, main .our-in-the-news .our-in-the-news-content .our-in-the-news__item .read-article__link {
          margin-top: 5px; }
  main .FQA {
    padding: 30px 10px; }
    main .FQA .FQA-content .req-res__item {
      margin: 20px 0 40px;
      padding-left: 40px; }
      main .FQA .FQA-content .req-res__item .req {
        margin-bottom: 15px; }
      main .FQA .FQA-content .req-res__item p {
        line-height: 20px; } }