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

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(100px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .section-4 .accordion.v1.v1-0-1 .accordion-item .accordion-body {

    word-break: break-word;
  }

  .btn-29 :after,
  .btn-29 :before,
  .btn-29:after,
  .btn-29:before {
    border: 0 solid;
    box-sizing: border-box;
  }

  .btn-29 {
    -webkit-tap-highlight-color: transparent;

    background-image: none;
    cursor: pointer;
    -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  }

  .btn-29:disabled {
    cursor: default;
  }

  .btn-29:-moz-focusring {
    outline: auto;
  }

  .btn-29 svg {
    display: block;
    vertical-align: middle;
  }

  .btn-29 [hidden] {
    display: none;
  }

  .btn-29 {
    --tilt: 30px;
    place-content: center;
  }

  .btn-29:hover {
    border: none;
  }

  .btn-29.btn-blue {
    border: 2px solid #0670fb;
  }

  .btn-29.btn-purple {
    border: 2px solid #6767ff;
  }

  .btn-29,
  .btn-29 .text-container {
    overflow: hidden;
    position: relative;
  }

  .btn-29 .text-container {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .btn-29 .text {
    display: block;
    font-weight: 600;
    position: relative;
  }

  .btn-29:hover .text {
    -webkit-animation: move-right-alternate 0.3s ease forwards;
    animation: move-right-alternate 0.3s ease forwards;
    color: #f50;
  }

  .btn-29.btn-blue:hover .text {
    color: #0670fb;
  }

  .btn-29.btn-purple:hover .text {
    color: #6767ff;
  }

  .btn-29.btn-outline-black:hover .text {
    color: #fff;
  }

  .btn-29:before {
    -webkit-animation: move-out 0.3s ease;
    animation: move-out 0.3s ease;
    background: #fff;
    -webkit-clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 50%, calc(100% - var(--tilt)) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 50%, calc(100% - var(--tilt)) 100%, 0 100%);
    content: "";
    height: 100%;
    left: calc(-100% - var(--tilt));
    position: absolute;
    top: 0;
    width: calc(100% + var(--tilt));
  }

  .btn-29.btn-outline-black:before {
    background: #212121;
  }

  .btn-29:hover:before {
    -webkit-animation: move-in 0.3s ease forwards;
    animation: move-in 0.3s ease forwards;
  }

  @-webkit-keyframes move-in {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(100%);
    }
  }

  @keyframes move-in {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(100%);
    }
  }

  @-webkit-keyframes move-out {
    0% {
      transform: translateX(100%);
    }

    to {
      transform: translateX(200%);
    }
  }

  @keyframes move-out {
    0% {
      transform: translateX(100%);
    }

    to {
      transform: translateX(200%);
    }
  }

  .text-green {
    color: #2C9CF6
  }

  .wrap {
    word-break: break-word;
  }

  a:hover {
    color: #FF5500;
  }

  a.hover-bottom-line:hover {
    color: #FF5500;
  }

  a.hover-bottom-line:hover::after {
    background-color: #2C9CF6;
  }

  /* a.hover-bottom-line::after {
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #2C9CF6;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  } */

  #accordion-for-more {
    width: fit-content;
    margin: 40px auto 0;
    text-decoration-line: underline;
    cursor: pointer;
    transition: all 0.4s;
  }

  #accordion-for-more:hover {
    color: #2C9CF6;
  }

  .mt-32 {
    margin-top: 32px;
  }

  .mb-32 {
    margin-bottom: 32px;
  }

  .me-32 {
    margin-right: 32px;
  }

  .ms-32 {
    margin-left: 32px;
  }

  .btn-29 :after,
  .btn-29 :before,
  .btn-29:after,
  .btn-29:before {
    border: 0 solid;
    box-sizing: border-box;
  }

  .btn-29 {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: button;
    background-image: none;
    cursor: pointer;
    -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  }

  .btn-29:disabled {
    cursor: default;
  }

  .btn-29:-moz-focusring {
    outline: auto;
  }

  .btn-29 svg {
    display: block;
    vertical-align: middle;
  }

  .btn-29 [hidden] {
    display: none;
  }

  .btn-29 {
    --tilt: 30px;
    place-content: center;
  }

  .btn-outline-black:hover {
    border: 2px solid black
  }

  .btn-29.btn-blue {
    border: 2px solid #2C9CF6;
  }

  .btn-29.btn-border-green {
    border: 2px solid #2C9CF6;
  }

  .btn-29,
  .btn-29 .text-container {
    overflow: hidden;
    position: relative;
  }

  .btn-29 .text-container {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .btn-29 .text {
    display: block;
    font-weight: 600;
    position: relative;
  }

  .btn-blue:hover {
    background: #2C9CF6;
  }

  .btn-29:hover .text {
    /* -webkit-animation: move-right-alternate 0.3s ease forwards;
    animation: move-right-alternate 0.3s ease forwards; */
    animation: none;
    color: #2C9CF6;
  }

  .btn-29.btn-blue:hover .text {
    color: #2C9CF6;
  }

  .btn-29.btn-outline-black:hover .text {
    color: #fff;
  }

  .dev-mobile .btn-29.btn-outline-black .google .text {
    color: #fff;
  }

  .dev-mobile .btn-29 .google svg path {
    fill: white;
  }

  @-webkit-keyframes move-right-alternate {
    0% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(80%);
    }

    51% {
      transform: translateX(-80%);
    }

    to {
      transform: translateX(0);
    }
  }

  @keyframes move-right-alternate {
    0% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(80%);
    }

    51% {
      transform: translateX(-80%);
    }

    to {
      transform: translateX(0);
    }
  }

  .btn-29:before {
    -webkit-animation: move-out 0.3s ease;
    animation: move-out 0.3s ease;
    background: #fff;
    -webkit-clip-path: polygon(0 0,
      calc(100% - var(--tilt)) 0,
      100% 50%,
      calc(100% - var(--tilt)) 100%,
      0 100%);
    clip-path: polygon(0 0,
      calc(100% - var(--tilt)) 0,
      100% 50%,
      calc(100% - var(--tilt)) 100%,
      0 100%);
    content: '';
    height: 100%;
    left: calc(-100% - var(--tilt));
    position: absolute;
    top: 0;
    width: calc(100% + var(--tilt));
  }

  .btn-29.btn-outline-black:before {
    background: #212121;
  }

  .btn-29:hover:before {
    -webkit-animation: move-in 0.3s ease forwards;
    animation: move-in 0.3s ease forwards;
  }

  @-webkit-keyframes move-in {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(100%);
    }
  }

  @keyframes move-in {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(100%);
    }
  }

  @-webkit-keyframes move-out {
    0% {
      transform: translateX(100%);
    }

    to {
      transform: translateX(200%);
    }
  }

  @keyframes move-out {
    0% {
      transform: translateX(100%);
    }

    to {
      transform: translateX(200%);
    }
  }

  .change-sys a {
    opacity: 0.3;
    transition: all 0.4s;
  }

  .change-sys a.active {
    opacity: 1;
  }

  .change-sys a:hover {
    opacity: 1;
    color: #212121;
    text-decoration: none;
  }

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

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(100px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* .fade-in {
  animation-fill-mode: forwards;
  animation: fadeInUp 1.5s 0.4s ease both;
  }
  .fade-in-left {
  animation-fill-mode: forwards;
  animation: fadeInLeft 1.5s 0.4s ease both;
  }
  .fade-in-right {
  animation-fill-mode: forwards;
  animation: fadeInRight 1.5s 0.4s ease both;
  }
  .slide-in-left {
  animation-fill-mode: forwards;
  animation: slideInLeft 1.5s 0.4s ease both;
  }
  .slide-in-right {
  animation-fill-mode: forwards;
  animation: slideInRight 1.5s 0.4s ease both;
  }

  .fade-out-right {
  animation-fill-mode: forwards;
  animation: fadeOutRight 1.5s 0.4s ease both;
  }

  .zoom-in {
  animation-fill-mode: forwards;
  animation: zoomIn 1.5s 0.4s ease both;
  } */

  .text-muted-black {
    color: #6b6b6b;
  }

  h2 {
    font-size: 32px;
  }

  .colorful-border-test1 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUzIiBoZWlnaHQ9IjMzIiB2aWV3Qm94PSIwIDAgMTUzIDMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1MiIgaGVpZ2h0PSIzMiIgcng9IjIuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMTMyOTlfNDQ2ODgpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTMyOTlfNDQ2ODgiIHgxPSIxNTkuMTM5IiB5MT0iLTIuOTQ2NDUiIHgyPSItMS44MjczNyIgeTI9IjIwLjQwMTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0M1NTZFRCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTEwMDEzIiBzdG9wLWNvbG9yPSIjRkZBMzJCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YyMkYyMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=');
    background-size: 100% 100%;
    padding: 6px 8px;
    display: inline-block;
    font-size: 14px;
    line-height: 12px;
    text-align: center;
    margin-left: 20px;
    width: 156px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .colorful-border-test1 span {
    text-transform: capitalize;
    background: linear-gradient(268deg,
      #c556ed -4.16%,
      #ffa32b 48.96%,
      #f22f23 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    /* text-shadow: 0px 0.5px 1px rgba(102, 55, 201, 0.25); */
  }

  .btn-blue {
    background: #2C9CF6;
  }

  @media (min-width: 992px) {
    h2 {
      font-size: 36px;
    }
  }

  @media (min-width: 1600px) {
    h2 {
      font-size: 48px;
    }
  }

  @media (max-width: 992px) {
    .colorful-border-test1 {
      margin-left: 0;
    }
  }

  #sec-1 {
    padding: 0;
    overflow: hidden;
    position: relative;
  }

  #sec-1 h1 {
    font-size: 68px
  }

  #sec-1 p {
    font-size: 18px
  }

  #sec-1 .btn {
    min-width: 180px;
  }

  #sec-1 .content-wrap {
    padding: 77px 0 80px;
    height: 560px
  }

  #sec-1 .content-wrap p {
    max-width: 790px
  }

  #sec-1 .container {
    position: relative;
    z-index: 20;
  }

  #sec-1 .lft {
    max-width: 915px;
  }

  #sec-1 .lft .sec-tit {
    color: #212121;
    font-size: 36px;
    font-weight: 500;
    line-height: 130%;
  }

  #sec-1 .lft .des-list {
    /* margin: 24px 0 0; */
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 12px;
    max-width: 700px;
  }

  #sec-1 .lft .des-list li:not(:nth-child(1)) {
    margin-top: 12px;
  }

  #sec-1 #tp-video {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
  }

  #sec-1 #tp-video .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #212121;
    opacity: 0.5;
    top: 0;
    left: 0;
    z-index: 99;
  }

  #sec-1 #tp-video video {
    width: 100%
  }

  #sec-1 #tp-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #sec-1 .android .btn-29:hover .text {
    color: black;
  }

  #sec-1 .android .btn-29:hover {
    background-color: black;
    border: 2px solid black
  }

  #sec-1 .android .btn-29:hover .text .google svg path {
    fill: black;
  }

  /* video */
  #sec-1 .video-wrap .pause,
  .video-wrap .play {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
  }


  #sec-1 .video-wrap .circle-in {
    opacity: 1;
  }

  #sec-1 .video-wrap .btn-videp-play img {
    display: block;
  }

  #sec-1 .video-wrap .btn-videp-play {
    position: absolute;
    right: 0;
    transform: translate(-50%, -50%);
    bottom: -50px;
    z-index: 10;
  }


  #sec-1 .video-wrap .btn-videp-play .btn-videp-play-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  #sec-1 .video-wrap .btn-videp-play .btn-videp-play-circle svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  #sec-1 .video-wrap .btn-videp-play .btn-videp-play-circle .circle-out {
    --circle-len: 145px;
    fill: none;
    stroke: rgb(255, 255, 255);
    stroke-width: 3px;
    stroke-dasharray: var(--circle-len);
    stroke-dashoffset: var(--circle-len);
  }

  #sec-1 .video-wrap .btn-videp-play .btn-videp-play-circle .circle-in {
    opacity: 0;
    fill: none;
    stroke: rgba(33, 33, 33, 0.16);
    stroke-width: 5px;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }

  @keyframes draw {
    to {
      stroke-dashoffset: 0px;
    }
  }

  /* @media (max-width: 2300px) {
  #sec-1 .content-wrap {
  padding: 76px 0 96px;

  background: url('https://images.tenorshare.com/img-2023/product/4ukey-password-manager/banner-bg2.jpg')
  no-repeat;
  background-size: cover;
  background-position: 100%;
  }
  } */
  @media (max-width: 1600px) {
    #sec-1 .lft {
      max-width: 660px;
    }

    #sec-1 h1 {
      font-size: 48px
    }

    #sec-1 p {
      font-size: 16px
    }

    #sec-1 .lft .sec-tit {
      font-size: 24px;
      margin-bottom: 12px;
    }

    #sec-1 #tp-video img {
      width: 100%;
      height: 100%;
      object-fit: fill;
    }

    #sec-1 .lft .des-list {
      font-size: 16px;
      max-width: 520px;
    }

    #sec-1 .content-wrap {
      padding: 25px 0;
      height: 400px
    }


    #sec-1 #tp-video {
      left: 50%;
    }

    #sec-1 .video-wrap .btn-videp-play {
      bottom: 0
    }
  }

  @media (max-width: 992px) {
    #sec-1 .lft {
      max-width: 100%;
    }

    #sec-1 h1 {
      font-size: 32px;
      /* max-width: 310px */
    }

    #sec-1 p {
      font-size: 16px
    }

    #sec-1 #tp-video video {
      width: auto
    }

    #sec-1 .btn {
      min-width: 200px;
      font-size: 16px;
    }

    #sec-1 .lft .des-list li:not(:nth-child(1)) {
      margin-top: 8px;
    }

    #sec-1 h1 {
      font-size: 32px;
    }

    #sec-1 .lft .des-list {
      font-size: 14px;
      width: fit-content;
      margin: 14px auto 0;
      line-height: 150%;
    }


    #sec-1 .container {
      padding: 0 18px;
    }

    #sec-1 .container h2,
    #sec-1 .container .des-list.btn-group {
      padding: 0 24px;
    }

    #sec-1 .tp-img-mb {
      margin-top: -130px;
      width: 100vw;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      z-index: -1;
    }

    #sec-1 .tp-img-mb img {
      width: 100%;
    }

    #sec-1 .content-wrap {
      height: 560px
    }

    #sec-1 .content-wrap .content-wrap-mask {
      background: none;
    }

    #sec-1 #tp-video {
      display: flex;
      justify-content: center;
      align-items: center;
    }

  }

  .bg-purple {
    background: var(--08, #e9e9ff);
  }

  .bg-lightPurple {
    background: rgba(180, 211, 255, 0.32);
  }

  .bg-green {
    background: var(--06, #efffd6);
  }

  .bg-blue {
    background: rgba(22, 149, 247, 0.05);
  }

  .bg-linear-gradient-all {
    background: linear-gradient(90deg, #F50 17.3%, #FFCD1B 42.11%, #B7FF46 64.09%, #0047FF 97.92%);


  }

  @media (max-width: 992px) {
    .bg-linear-gradient-all {
      background: linear-gradient(74deg, #F50 -0.51%, #FFCD1B 30.06%, #B7FF46 59.94%, #0047FF 113.27%);
    }
  }

  #sec-2 {
    padding: 36px 0;
  }

  #sec-2 .num {
    font-size: 28px;
    font-weight: 600;
    line-height: 130%;
  }

  #sec-2 .txt {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
  }

  #sec-2 svg {
    width: 48px
  }

  #sec-2 .group {
    padding: 0 77px
  }

  @media (max-width: 1600px) {
    #sec-2 {
      padding: 13px 0;
    }

    #sec-2 .group {
      padding: 0 44px
    }

    #sec-2 .num {
      font-size: 20px;
      font-weight: 600;
      line-height: 130%;
    }

    #sec-2 .txt {
      font-size: 12px;
      line-height: 150%;
    }

    #sec-2 svg {
      width: 40px
    }
  }

  @media (max-width: 992px) {
    #sec-2 {
      padding: 20px 24px 8px;
    }

    #sec-2 .group {
      padding: 0 8px;
      margin-bottom: 12px
    }

    #sec-2 svg {
      width: 28px
    }

    #sec-2 .num {
      font-size: 16px;
      font-weight: 600;
      line-height: 130%;
    }

    #sec-2 .group {
      width: 109px
    }
  }

  .tab-content {
    position: sticky;
    top: 0;
    z-index: 1000;
    margin: 32px 0 0;
  }

  .tab-content.fixed {
    background: #fff;
    -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
  }

  .tab-content .tab-list .tab-item {
    background: #F6FAFF;

  }

  .tab-content.fixed .tab-item {
    width: 100%;
    padding: 0 16px;
  }

  .tab-content .tab-list .item-link {
    padding: 8px 0;
    width: 96px;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    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;
  }

  .tab-content .tab-list .item-link.active {
    background: #FF681C;
    color: #FFFFFF;
  }

  @media(max-width:768px) {
    .tab-content.fixed .tab-item {
      padding: 0;
    }

    .tab-content.fixed .tab-list .item-link {
      border-radius: 0;
      width: 98px;
      font-size: 14px;
    }
  }

  @media (min-width: 768px) {

    .tab-content .tab-list .item-link {
      width: 33%;
      width: unset;
      padding: 8px;
    }
  }

  @media (min-width: 992px) {
    .tab-content {
      margin: 60px 0 0;
    }

    .tab-content.fixed {
      background: #f3fbfe;
    }

    .tab-content .tab-list .tab-item {
      padding: 5px;
      border-radius: 12px;
    }

    .tab-content.fixed .tab-item {
      width: unset;
      margin: 5px;
      background: unset;
    }

    .tab-content .tab-list .item-link {
      padding: 17px 32px;
      font-size: 20px;
      text-align: start;
      border-radius: 12px;
    }
  }

  @media (min-width: 1600px) {
    .tab-content {
      margin: 80px 0 0;
    }
  }

  #sec-3 {
    padding: 32px 0 0;
  }

  #sec-3 h2 {
    font-size: 32px;
    margin-bottom: 32px;
  }


  #sec-3 .container {
    max-width: 1686px
  }

  #sec-3 .social-feeds-box .p-text {
    font-size: 14px;
    line-height: 150%;
    color: #212121;
  }

  #sec-3 .social-media {
    /* padding: 52px 0 20px; */
    /* margin: 0 auto 32px; */
    overflow: hidden;
    max-width: 100%;
    border-radius: 6px;
    background: #FF5500;
  }

  #sec-3 .social-media:hover {
    background: #fe7b39;
  }


  #sec-3 .social-media .p-text {
    max-width: 320px;
  }


  #sec-3 .social-media .text-box {
    padding: 48px 60px
  }

  #sec-3 .rgt .top {
    margin-top: 8px;
  }

  #sec-3 .rgt .top .item {
    padding: 48px;
    width: 342px;
    border-radius: 6px;

  }

  #sec-3 .rgt .top .item:nth-child(1) {
    background: #B9FF46;
  }

  #sec-3 .rgt .top .item:nth-child(1):hover {
    background: #cfff83;
  }

  #sec-3 .rgt .top .item:nth-child(2) {
    background: #FFCF1B;
  }

  #sec-3 .rgt .top .item:nth-child(2):hover {
    background: #ffda4f;
  }


  #sec-3 .rgt .top .p-text {
    max-width: 100%;
  }

  #sec-3 .rgt .top .email-box {
    margin-left: 0
  }


  #sec-3 .rgt .top .storage-liberation {
    margin-left: 8px;
  }



  #sec-3 .rgt .discord-sharing {
    padding: 48px 60px;
    max-width: 100%;
    border-radius: 6px;
    background: #3C3CFF;
  }

  #sec-3 .rgt .discord-sharing:hover {

    background: #6667ff;
  }


  #sec-3 .rgt .discord-sharing .img-box {
    max-width: 300px;
  }

  @media (min-width:992px) {
    #sec-3 {
      padding: 40px 0 0;
    }

    #sec-3 h2 {
      font-size: 36px;
      margin-bottom: 40px;
    }

    #sec-3 .social-feeds-box .p-text {
      font-size: 20px;
    }

    #sec-3 .social-media {
      /* margin: 0 32px 0 0; */
      max-width: 532px;
      border-radius: 8px;
    }

    #sec-3 .social-media .p-text {
      max-width: 340px;
    }

    #sec-3 .rgt .top .item {
      padding: 24px 24px 39px;
      width: 274px;
      border-radius: 8px;
    }

    #sec-3 .rgt .top .p-text {
      max-width: 330px;
    }

    #sec-3 .rgt .top .email-box {
      margin-left: 8px;
    }

    #sec-3 .rgt .top .storage-liberation {
      margin-left: 8px;
    }

    #sec-3 .rgt .discord-sharing {
      margin-left: 8px;
      padding: 32px 36px 40px;
      max-width: 100%;
    }

    #sec-3 .rgt .discord-sharing .img-box {
      max-width: 440px;
    }
  }

  @media (min-width:1600px) {
    #sec-3 {
      padding: 60px 0 0;
    }

    #sec-3 h2 {
      font-size: 48px;
      margin-bottom: 60px;
    }

    #sec-3 .social-media {
      /* margin: 0 32px 0 0; */
      max-width: 809px;
    }

    #sec-3 .social-media .p-text {
      max-width: 540px;
    }

    #sec-3 .rgt .top .item {
      padding: 48px 40px 40px;
      width: 49%;
    }

    #sec-3 .rgt .discord-sharing {

      padding: 48px 60px 69px 48px;
    }

  }

  #sec-3 .rgt .img-box svg {
    max-width: 94px;
    max-height: 94px
  }

  #sec-3 .swiper-brand .swiper-slide {
    height: 60px
  }

  #sec-3 .h4-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 140%;
  }

  #sec-3 .p-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
  }

  /* #sec-3 .banner_20230510 {
  margin-top: 80px;
  opacity: 0.6;
  padding:0 100px;

  }
  #sec-3 .move_all {
  overflow: hidden;
  position: relative;
  z-index: 10;
  } */
  /* 浣跨敤CSS鍔ㄧ敾瀹炵幇鍥剧墖鍚戝彸鏃犻檺寰幆婊氬姩 */
  .section-5 .banner_20230510 {

    margin-top: 80px;
    opacity: 0.6;
    padding: 0 100px;
  }

  .section-5 .move_all {
    overflow: hidden;
    /* 闅愯棌瓒呭嚭閮ㄥ垎 */
    position: relative;
    z-index: 10;
  }

  .section-5 .box_move {
    height: 60px;
    display: flex;
    animation: moveRight 40s linear infinite;
    /* 璁剧疆鏃犻檺寰幆鐨勫姩鐢� */
    /* animation-fill-mode: forwards; */
  }

  @keyframes moveRight {
    0% {
      transform: translateX(0);
    }

    /* 浠庡垵濮嬩綅缃紑濮� */
    100% {
      transform: translateX(-100%);
    }

    /* 绉诲姩鍒版渶鍙宠竟 */
  }

  /* #sec-3 .move_all .box_move {
  width: -moz-max-content;
  width: -ms-max-content;
  width: max-content;
  height:60px
  }
  #sec-3 .move_all .box_move .move_li {
  display: flex;
  width: -moz-max-content;
  width: -ms-max-content;
  width: max-content;
  animation: move_all1 100s linear infinite;
  animation-fill-mode: forwards;
  } */
  .section-5 .sec3-bottom-text {
    max-width: 100%;
    color: #6C7071;
    font-size: 26px;
    font-weight: 400;
    line-height: 130%;
    margin-top: 30px
  }

  /*  #sec-3 .move_all .box_move .move_li .box {
  max-width: 2320px;
  } */
  @-webkit-keyframes move_all1 {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @media (max-width:1600px) {
    .section-5 .banner_20230510 {
      margin-top: 60px;
    }

    .section-5 .sec3-bottom-text {
      font-size: 20px;
      margin-top: 16px;
    }
  }

  @media (max-width:992px) {
    .section-5 .banner_20230510 {
      margin-top: 32px;
    }

    .section-5 .box_move {
      height: 28px;
      animation: moveRight 10s linear infinite;
    }

    .section-5 .sec3-bottom-text {
      font-size: 16px;
      margin-top: 12px;
    }
  }

  @media (max-width:1600px) {
    #sec-3 .container {
      max-width: 1120px
    }

    #sec-3 .social-media h2 {
      font-size: 32px
    }

    #sec-3 .rgt .discord-sharing .img-box {
      max-width: 440px;
    }

    #sec-3 .h4-title {
      font-size: 24px;
      font-weight: 500;

    }

    #sec-3 .p-text {
      font-size: 14px;

    }

    #sec-3 .banner_20230510 {
      margin-top: 60px;
      margin-bottom: 16px;
      padding: 0 60px;

    }

    #sec-3 .rgt .img-box svg {
      max-width: 56px;
      max-height: 56px
    }

    #sec-3 .social-media .text-box {
      padding: 28px
    }

    #sec-3 .social-feeds-box .p-text {
      font-size: 14px;
    }

    #sec-3 .move_all .box_move {

      height: 40px
    }

    #sec-3 .sec3-bottom-text {

      font-size: 20px;

    }
  }

  @media (max-width:992px) {
    #sec-3 .rgt .discord-sharing .img-box {
      max-width: 440px;
    }

    #sec-3 .social-media h2 {
      font-size: 24px;
      font-weight: 600;
    }

    #sec-3 .social-media .text-box {
      padding: 16px
    }

    #sec-3 .rgt .discord-sharing {
      padding: 28px 16px;
      margin-top: 12px;

    }

    #sec-3 .rgt .top {
      margin-top: 0
    }

    #sec-3 .rgt .top .item {
      width: 100%;
      padding: 28px 16px;
      margin-top: 12px
    }

    #sec-3 .rgt .top .storage-liberation {
      margin-left: 0px;
    }

    #sec-3 .move_all .box_move {

      height: 28px
    }

    #sec-3 .banner_20230510 {
      margin-top: 32px;
      margin-bottom: 12px;
      padding: 0px;

    }

    #sec-3 .sec3-bottom-text {

      font-size: 16px;
      max-width: 244px;
      margin: 0 auto
    }

  }

  #sec-5 {
    padding: 160px 0 0;
  }

  #sec-5 .rgt .discord-sharing video,
  #sec-5 .social-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #sec-5 p {
    max-width: 816px;
    margin-bottom: 60px;
    font-size: 18px
  }

  #sec-5 .box {
    /* border: 3px solid red; */
    border-radius: 8px;
    /* background-color: #dadada; */
    overflow: hidden;
    transition: all .1s ease;


  }

  #sec-5 .item-cont {

    position: relative;
  }

  #sec-5 h2 {

    max-width: 1010px;
    line-height: 140%;

  }

  #sec-5 .text-box .h4-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 130%;
  }

  #sec-5 .text-box .p-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
  }

  #sec-5 .text-box .p-text a {
    color: #343a40;
    text-decoration: underline;
  }

  #sec-5 .text-box .p-text a.sup {
    color: #fff;
  }

  #sec-5 .text-box .p-text a:hover,
  #sec-5 .text-box .p-text a.sup :hover {
    color: #FF5500;
    text-decoration: underline;
  }

  /* #sec-5 .social-media {

  overflow: hidden;
  max-width: 342px;
  border-radius: 8px;
  background: #B9FF46;
  } */

  #sec-5 .social-media .text-box {
    padding: 60px 115px 0px 60px;

  }

  #sec-5 .text-box img {
    max-width: 64px
  }

  #sec-5 .rgt .discord-sharing {

    max-width: 342px;
    border-radius: 6px;
    background: #FFCF1B;
    overflow: hidden;
  }

  #sec-5 .rgt .discord-sharing .text-box {
    padding: 60px 40px;
    max-width: 449px;

  }

  #sec-5 .rgt .discord-sharing:nth-child(2) {
    margin-top: 20px;
    background: #3C3CFF;
    overflow: hidden;
  }

  #sec-5 .rgt .discord-sharing .img-box {
    max-width: 591px;
  }

  #sec-5 .social-media {
    /* margin: 0 32px 0 0; */
    max-width: 36%;
    margin-left: 20px;
    border-radius: 6px;
    background: #B9FF46;
    overflow: hidden;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }

  #sec-5 .social-media .img-box {
    height: 390px
  }

  /* #sec-5 .rgt .discord-sharing .img-box {
  max-width: 300px;
  } */
  @media (min-width:992px) {
    #sec-5 .rgt .discord-sharing {

      max-width: 100%;
      border-radius: 8px;
    }

    #sec-5 .social-media {
      border-radius: 8px;
    }

  }

  @media (max-width:1600px) {
    #sec-5 .text-box .h4-title {
      font-size: 20px;
      font-weight: 600;

    }

    #sec-5 .text-box .p-text {
      font-size: 14px;

    }

    #sec-5 .rgt .discord-sharing .text-box {
      padding: 28px;
      max-width: 300px;

    }

    #sec-5 .social-media .text-box {
      padding: 32px 65px 0px 32px;

    }

    #sec-5 .text-box img {
      max-width: 42px
    }

    #sec-5 .rgt .discord-sharing .img-box {
      max-width: 57%;
    }

    #sec-5 .social-media {
      /* margin: 0 32px 0 0; */
      max-width: 36%;
      margin-left: 12px
    }

    #sec-5 .rgt .discord-sharing:nth-child(2) {
      margin-top: 12px;

    }

    #sec-5 {
      padding: 120px 0 0;
    }

    #sec-5 .social-media .img-box {
      height: 258px
    }
  }

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

    #sec-5 p {
      max-width: 350px;
      margin-bottom: 32px;
      font-size: 16px
    }

    #sec-5 .rgt .discord-sharing {
      max-width: 100%;
    }

    #sec-5 .social-media {
      max-width: 100%;
      margin-left: 0px;
      margin-top: 20px
    }

    #sec-5 .rgt .discord-sharing .text-box,
    #sec-5 .social-media .text-box {
      padding: 28px 16px;
      max-width: 100%;

    }

    #sec-5 .rgt .discord-sharing:nth-child(2) {
      margin-top: 20px;

    }

    #sec-5 .rgt .discord-sharing .img-box {
      max-width: 100%
    }

    #sec-5 .discord-sharing .img-box {
      height: 225px
    }

    #sec-5 .social-media .img-box {
      height: 224px
    }
  }

  #sec-password {
    padding: 120px 0;
    background: url('../png/sec-password-bg-xxl.png') no-repeat center;
    background-size: cover;

  }

  #sec-password h2 {
    font-style: normal;
    font-weight: 600
  }

  #sec-password .text-cont {
    max-width: 673px
  }

  #sec-password .des-list {
    /* margin: 24px 0 0; */
    color: #6b6b6b;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 12px;
    max-width: 700px;
  }

  #sec-password p {
    color: #6b6b6b;
    font-size: 18px;
  }

  #sec-password .des-list li:not(:nth-child(1)) {
    margin-top: 8px;

  }

  #sec-password .list-dot {
    list-style: none;
    padding-left: 14px;
    margin-top: 26px;
  }

  #sec-password .list-dot li {
    position: relative;
  }

  #sec-password .list-dot li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6b6b6b;
    position: absolute;
    left: -12px;
    top: 10px;
  }

  @media (max-width: 2100px) {
    #sec-password {
      padding: 120px 0;
      background: url('../jpg/sec-password-bg.jpg') no-repeat center;
      background-size: cover;
      /* height:662px */

    }

  }

  @media (max-width: 1600px) {
    #sec-password {
      padding: 64px 0;
      background: url('../jpg/sec-password-bg-lg.jpg')no-repeat center;
      background-size: cover;
    }

    #sec-password .des-list li:not(:nth-child(1)) {
      margin-top: 6px;
    }

    #sec-password .text-cont {
      max-width: 520px
    }

    #sec-password p {

      font-size: 16px;
    }

    #sec-password .des-list {

      font-size: 14px;

    }
  }

  @media (max-width: 992px) {
    #sec-password {
      background: #dfe5ef;
      padding: 0 0 32px 0;


      /* min-height:492px */

    }

    #sec-password h2 {
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
    }

    #sec-password .tmp-box {
      /* background:url(https://images.tenorshare.com/img-2023/product/4ukey-password-manager/sec-password-bg-sm.png)no-repeat top ;
      min-width:390px;
      background-size: cover; */
    }

    #sec-password .more-arrow {
      max-width: 12px;
      margin: 0 auto;
    }

    #sec-password .des-list {

      padding-left: 24px
    }
  }


  .sec-about {
    padding: 80px 0 160px;
  }

  .sec-about .item {
    /* width: 50%;
    padding: 24px 12px; */
    padding: 46px 76px;
    /* border: 1px solid rgb(235, 227, 214); */
    transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
    color: #000000;
  }

  .sec-about .item p {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
  }

  .sec-about .item svg {
    width: 32px;
    height: 32px;
  }

  .sec-about .item:hover {
    background: #FFECE3;
    border-radius: 8px;
  }

  .sec-about .yt .icon {

    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU0LjkzMzkgMTQuNjU3NkM1My4wMjE0IDEyLjIzNDEgNDkuNDg5MiAxMS4yNDU2IDQyLjc0MzIgMTEuMjQ1NkgxOC4yNTU5QzExLjM1NjMgMTEuMjQ1NiA3Ljc2NDA3IDEyLjI5ODEgNS44NTgyIDE0Ljg3OEM0IDE3LjM5NCA0IDIxLjEwMTQgNCAyNi4yMzJWMzYuMDEwNEM0IDQ1Ljk0OTUgNi4yMDQ2MyA1MC45OTU2IDE4LjI1NTkgNTAuOTk1Nkg0Mi43NDMyQzQ4LjU5MzUgNTAuOTk1NiA1MS44MzUxIDUwLjEyMzggNTMuOTMyMiA0Ny45ODUyQzU2LjA4MjYgNDUuNzkxMiA1NyA0Mi4yMTAzIDU3IDM2LjAxMDRWMjYuMjMyQzU3IDIwLjgyMSA1Ni44NTY0IDE3LjA5MjUgNTQuOTMzOSAxNC42NTc2Wk0zOC40OTcyIDMyLjY2MjhMMjguMzYzNiAzOC42NDk0QzI4LjEzNjcgMzguNzgzNSAyNy44ODg4IDM4Ljg0OTggMjcuNjQxNCAzOC44NDk4QzI3LjM2MTYgMzguODQ5OCAyNy4wODE1IDM4Ljc2NDYgMjYuODM0MyAzOC41OTUzQzI2LjM2NzkgMzguMjc2MiAyNi4wODMzIDM3LjcwNDIgMjYuMDgzMyAzNy4wODg0VjI1LjE1MjdDMjYuMDgzMyAyNC41Mzc4IDI2LjM2NzMgMjMuOTY2NyAyNi44MzI4IDIzLjY0NzZDMjcuMjk4NSAyMy4zMjc3IDI3Ljg3NjcgMjMuMzA2MiAyOC4zNTk3IDIzLjU5TDM4LjQ5MzMgMjkuNTM4MUMzOS4wMDg1IDI5Ljg0MDggMzkuMzMyNiAzMC40NDIxIDM5LjMzMzQgMzEuMDk5MUMzOS4zMzQxIDMxLjc1NjEgMzkuMDExNCAzMi4zNTgzIDM4LjQ5NzIgMzIuNjYyOFoiIGZpbGw9IiMyMTIxMjEiLz4KICAgICAgICAgICAgICA8L3N2Zz4=');
  }

  .sec-about .fb .icon {

    background-image: url('data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjYxIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgNjEgNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS4wMDYgNTIuNVYzNS4wODZINDQuODM2N0w0NS43MDk1IDI4LjMxNjJIMzkuMDA2VjIzLjk5NDFDMzkuMDA2IDIyLjAzNDEgMzkuNTUgMjAuNjk4MyA0Mi4zNjA4IDIwLjY5ODNMNDUuOTQ1OCAyMC42OTY3VjE0LjY0MTlDNDUuMzI1NSAxNC41NTk2IDQzLjE5NzggMTQuMzc1MiA0MC43MjIgMTQuMzc1MkMzNS41NTMzIDE0LjM3NTIgMzIuMDE1IDE3LjUzIDMyLjAxNSAyMy4zMjM4VjI4LjMxNjJIMjYuMTY5M1YzNS4wODZIMzIuMDE1VjUyLjVIMTAuNUM5LjExOTMgNTIuNSA4IDUxLjM4MDcgOCA1MFYxMEM4IDguNjE5MyA5LjExOTMgNy41IDEwLjUgNy41SDUwLjVDNTEuODgwNyA3LjUgNTMgOC42MTkzIDUzIDEwVjUwQzUzIDUxLjM4MDcgNTEuODgwNyA1Mi41IDUwLjUgNTIuNUgzOS4wMDZaIiBmaWxsPSIjMjEyMTIxIi8+CiAgICAgICAgICAgIDwvc3ZnPg==');
  }

  .sec-about .tw .icon {

    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICA8cGF0aCBkPSJNNDMuNDE5NiA4LjMzMzVINTAuNTc1NUwzNC45NDIgMjYuNjg5MUw1My4zMzM1IDUxLjY2NjhIMzguOTMzMUwyNy42NTQyIDM2LjUxNzlMMTQuNzQ4NiA1MS42NjY4SDcuNTg4MzlMMjQuMzA5OSAzMi4wMzM1TDYuNjY2ODcgOC4zMzM1SDIxLjQzMjlMMzEuNjI4IDIyLjE4MDJMNDMuNDE5NiA4LjMzMzVaTTQwLjkwODEgNDcuMjY2OEg0NC44NzMzTDE5LjI3ODMgMTIuNTAyNEgxNS4wMjMzTDQwLjkwODEgNDcuMjY2OFoiIGZpbGw9IiMyMTIxMjEiLz4KICAgICAgICAgICAgICA8L3N2Zz4=');
  }

  .sec-about .tk .icon {

    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUwLjUgMjQuMzQ5NkM0Ni4zMjIzIDI0LjM1OTQgNDIuMjQ3IDIzLjA4NTMgMzguODQ5OSAyMC43MDczVjM3LjI5MkMzOC44NDg4IDQwLjM2MzcgMzcuODg4NyA0My4zNjE4IDM2LjA5ODEgNDUuODg1NEMzNC4zMDc0IDQ4LjQwOTEgMzEuNzcxNiA1MC4zMzgxIDI4LjgyOTcgNTEuNDE0M0MyNS44ODc4IDUyLjQ5MDYgMjIuNjggNTIuNjYyOSAxOS42MzUyIDUxLjkwODJDMTYuNTkwNCA1MS4xNTM2IDEzLjg1MzggNDkuNTA3OCAxMS43OTEzIDQ3LjE5MTJDOS43Mjg3NSA0NC44NzQ1IDguNDM4NjQgNDEuOTk3MiA4LjA5MzQ0IDM4Ljk0NDJDNy43NDgyNSAzNS44OTExIDguMzY0NDIgMzIuODA3OCA5Ljg1OTU3IDMwLjEwNjRDMTEuMzU0NyAyNy40MDUxIDEzLjY1NzYgMjUuMjE0NCAxNi40NjAyIDIzLjgyNzVDMTkuMjYyOCAyMi40NDA2IDIyLjQzMTcgMjEuOTIzNCAyNS41NDMgMjIuMzQ1MlYzMC42ODY3QzI0LjExOTIgMzAuMjQ4OCAyMi41OTA0IDMwLjI2MiAyMS4xNzQ4IDMwLjcyNDRDMTkuNzU5MiAzMS4xODY4IDE4LjUyOTIgMzIuMDc0OSAxNy42NjA0IDMzLjI2MTdDMTYuNzkxNyAzNC40NDg1IDE2LjMyODcgMzUuODczNCAxNi4zMzc1IDM3LjMzMjlDMTYuMzQ2MyAzOC43OTI0IDE2LjgyNjQgNDAuMjExOSAxNy43MDk0IDQxLjM4ODdDMTguNTkyNCA0Mi41NjU0IDE5LjgzMyA0My40MzkyIDIxLjI1NDEgNDMuODg1M0MyMi42NzUxIDQ0LjMzMTQgMjQuMjA0IDQ0LjMyNyAyNS42MjI0IDQzLjg3MjdDMjcuMDQwOCA0My40MTg0IDI4LjI3NjEgNDIuNTM3NCAyOS4xNTE5IDQxLjM1NTZDMzAuMDI3NyA0MC4xNzM4IDMwLjQ5OTMgMzguNzUxNSAzMC40OTkzIDM3LjI5MlY0Ljg3MDYxSDM4Ljg0OTlDMzguODQ0MSA1LjU2MDIyIDM4LjkwMzIgNi4yNDg4OSAzOS4wMjY0IDYuOTI3OTFDMzkuMzE2NiA4LjQ0MzczIDM5LjkxOTkgOS44ODU3MyA0MC43OTk1IDExLjE2NTdDNDEuNjc5MiAxMi40NDU3IDQyLjgxNjUgMTMuNTM2NyA0NC4xNDIxIDE0LjM3MjFDNDYuMDI4IDE1LjU5MTUgNDguMjM5MSAxNi4yNDE1IDUwLjUgMTYuMjQxVjI0LjM0OTZaIiBmaWxsPSIjMjEyMTIxIi8+Cjwvc3ZnPgo=');
  }

  .sec-about .ins .icon {

    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4LjUyMyA1Mi4zNzA2SDIxLjQ3N0MxNy43NjkxIDUyLjM3IDE0LjIxMzMgNTAuODk2MyAxMS41OTIgNDguMjczOEM4Ljk3MDc5IDQ1LjY1MTMgNy40OTg4MSA0Mi4wOTQ4IDcuNSAzOC4zODY5VjIxLjM1NDRDNy40OTg3NiAxMy42MzM1IDEzLjc1NjEgNy4zNzMxIDIxLjQ3NyA3LjM3MDYxSDM4LjUyM0M0Mi4yMzA5IDcuMzcxMjEgNDUuNzg2NyA4Ljg0NDkxIDQ4LjQwOCAxMS40Njc0QzUxLjAyOTIgMTQuMDkgNTIuNTAxMiAxNy42NDY0IDUyLjUgMjEuMzU0NFYzOC4zODY5QzUyLjUwMTIgNDYuMTA3NyA0Ni4yNDM5IDUyLjM2ODEgMzguNTIzIDUyLjM3MDZaTTMwLjAwMjIgMTguMjk4OEMyMy42MTM0IDE4LjMwMTMgMTguNDM2MSAyMy40ODE4IDE4LjQzNzIgMjkuODcwNkMxOC4zNzggMzQuMDQxOSAyMC41Njk1IDM3LjkyMTkgMjQuMTcyNCA0MC4wMjQ4QzI3Ljc3NTMgNDIuMTI3OCAzMi4yMzE0IDQyLjEyNzggMzUuODM0MyA0MC4wMjQ4QzM5LjQzNzIgMzcuOTIxOSA0MS42Mjg3IDM0LjA0MTkgNDEuNTY5NSAyOS44NzA2QzQxLjU3MDEgMjYuODAyMiA0MC4zNTE3IDIzLjg1OTIgMzguMTgyNSAyMS42ODkxQzM2LjAxMzIgMTkuNTE4OSAzMy4wNzA3IDE4LjI5OTQgMzAuMDAyMiAxOC4yOTg4SDMwLjAwMjJaTTQxLjYzNyAxNC40OTQxQzQwLjY3NzEgMTQuNDY2OCAzOS43NzgzIDE0Ljk2MzUgMzkuMjkwNSAxNS43OTA2QzM4LjgwMjggMTYuNjE3OCAzOC44MDMyIDE3LjY0NDcgMzkuMjkxNyAxOC40NzE0QzM5Ljc4MDIgMTkuMjk4MiA0MC42Nzk0IDE5Ljc5NCA0MS42MzkzIDE5Ljc2NTlDNDMuMDY1NCAxOS43MjQxIDQ0LjE5OTYgMTguNTU1NiA0NC4xOTkgMTcuMTI4OUM0NC4xOTg0IDE1LjcwMjIgNDMuMDYzMSAxNC41MzQ3IDQxLjYzNyAxNC40OTQxWk0zMC4wMDIyIDM3LjIyMzZDMjcuMzI4MyAzNy4yOTU0IDI0LjgyNjMgMzUuOTA5MyAyMy40NjkgMzMuNjA0NEMyMi4xMTE2IDMxLjI5OTQgMjIuMTEzMSAyOC40MzkyIDIzLjQ3MjggMjYuMTM1NkMyNS4xNTQ2IDIzLjI3NTggMjguNTQzMSAyMS44OTY1IDMxLjc0NDEgMjIuNzY4NkMzNC45NDUgMjMuNjQwOCAzNy4xNjU1IDI2LjU0ODUgMzcuMTY0MSAyOS44NjYxQzM3LjE2NjcgMzMuODU0OCAzMy45ODk2IDM3LjExODcgMzAuMDAyMyAzNy4yMjM2SDMwLjAwMjJaIiBmaWxsPSIjMjEyMTIxIi8+Cjwvc3ZnPgo=');
  }

  .sec-about .dc .icon {

    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgPHBhdGggZD0iTTQ4Ljk4MjkgMTMuMzE1OEM0NS41ODM2IDExLjc4MTEgNDEuOTM4NCAxMC42NTAzIDM4LjEyNzEgMTAuMDAyN0MzOC4wNTc3IDkuOTkwMjIgMzcuOTg4MyAxMC4wMjE1IDM3Ljk1MjYgMTAuMDgzOUMzNy40ODM4IDEwLjkwNDQgMzYuOTY0NSAxMS45NzQ3IDM2LjYwMDkgMTIuODE2QzMyLjUwMTUgMTIuMjEyMSAyOC40MjMyIDEyLjIxMjEgMjQuNDA4IDEyLjgxNkMyNC4wNDQzIDExLjk1NiAyMy41MDYyIDEwLjkwNDQgMjMuMDM1MyAxMC4wODM5QzIyLjk5OTUgMTAuMDIzNSAyMi45MzAyIDkuOTkyMyAyMi44NjA4IDEwLjAwMjdDMTkuMDUxNiAxMC42NDgzIDE1LjQwNjMgMTEuNzc5IDEyLjAwNSAxMy4zMTU4QzExLjk3NTUgMTMuMzI4MyAxMS45NTAzIDEzLjM0OTEgMTEuOTMzNSAxMy4zNzYyQzUuMDE5MyAyMy41NDAzIDMuMTI1MjEgMzMuNDU0NSA0LjA1NDM4IDQzLjI0NThDNC4wNTg1OSA0My4yOTM3IDQuMDg1OTIgNDMuMzM5NSA0LjEyMzc2IDQzLjM2ODdDOC42ODU1NiA0Ni42NjUxIDEzLjEwNDQgNDguNjY2MiAxNy40NDEzIDQ5Ljk5MjdDMTcuNTEwNyA1MC4wMTM1IDE3LjU4NDIgNDkuOTg4NiAxNy42Mjg0IDQ5LjkzMjNDMTguNjU0MyA0OC41NTM4IDE5LjU2ODcgNDcuMTAwMyAyMC4zNTI4IDQ1LjU3MThDMjAuMzk5MSA0NS40ODIzIDIwLjM1NDkgNDUuMzc2MSAyMC4yNjAzIDQ1LjM0MDdDMTguODA5OCA0NC43OTkzIDE3LjQyODcgNDQuMTM5MiAxNi4xMDAxIDQzLjM4OTVDMTUuOTk1IDQzLjMyOTEgMTUuOTg2NSA0My4xODEzIDE2LjA4MzMgNDMuMTEwNUMxNi4zNjI4IDQyLjkwNDMgMTYuNjQyNCA0Mi42ODk4IDE2LjkwOTQgNDIuNDczMkMxNi45NTc4IDQyLjQzMzcgMTcuMDI1IDQyLjQyNTQgMTcuMDgxOCA0Mi40NTAzQzI1LjgxMDIgNDYuMzcxNSAzNS4yNTk2IDQ2LjM3MTUgNDMuODg1IDQyLjQ1MDNDNDMuOTQxOCA0Mi40MjMzIDQ0LjAwOTEgNDIuNDMxNiA0NC4wNTk1IDQyLjQ3MTJDNDQuMzI2NSA0Mi42ODc3IDQ0LjYwNjEgNDIuOTA0MyA0NC44ODc4IDQzLjExMDVDNDQuOTg0NSA0My4xODEzIDQ0Ljk3ODIgNDMuMzI5MSA0NC44NzMxIDQzLjM4OTVDNDMuNTQ0NSA0NC4xNTM3IDQyLjE2MzMgNDQuNzk5MyA0MC43MTA3IDQ1LjMzODZDNDAuNjE2MSA0NS4zNzQgNDAuNTc0IDQ1LjQ4MjMgNDAuNjIwMyA0NS41NzE4QzQxLjQyMTIgNDcuMDk4MiA0Mi4zMzU3IDQ4LjU1MTcgNDMuMzQyNyA0OS45MzAyQzQzLjM4NDcgNDkuOTg4NiA0My40NjA0IDUwLjAxMzUgNDMuNTI5NyA0OS45OTI3QzQ3Ljg4NzYgNDguNjY2MiA1Mi4zMDY1IDQ2LjY2NTEgNTYuODY4MyA0My4zNjg3QzU2LjkwODIgNDMuMzM5NSA1Ni45MzM1IDQzLjI5NTggNTYuOTM3NyA0My4yNDc5QzU4LjA0OTcgMzEuOTI4MSA1NS4wNzUxIDIyLjA5NTEgNDkuMDUyMyAxMy4zNzgzQzQ5LjAzNzUgMTMuMzQ5MSA0OS4wMTIzIDEzLjMyODMgNDguOTgyOSAxMy4zMTU4Wk0yMS42NTYyIDM3LjI4NEMxOS4wMjg1IDM3LjI4NCAxNi44NjMyIDM0LjkxIDE2Ljg2MzIgMzEuOTk0N0MxNi44NjMyIDI5LjA3OTQgMTguOTg2NCAyNi43MDU1IDIxLjY1NjIgMjYuNzA1NUMyNC4zNDcxIDI2LjcwNTUgMjYuNDkxMyAyOS4xMDAyIDI2LjQ0OTMgMzEuOTk0N0MyNi40NDkzIDM0LjkxIDI0LjMyNiAzNy4yODQgMjEuNjU2MiAzNy4yODRaTTM5LjM3NzkgMzcuMjg0QzM2Ljc1MDEgMzcuMjg0IDM0LjU4NDggMzQuOTEgMzQuNTg0OCAzMS45OTQ3QzM0LjU4NDggMjkuMDc5NCAzNi43MDgxIDI2LjcwNTUgMzkuMzc3OSAyNi43MDU1QzQyLjA2ODcgMjYuNzA1NSA0NC4yMTMgMjkuMTAwMiA0NC4xNzA5IDMxLjk5NDdDNDQuMTcwOSAzNC45MSA0Mi4wNjg3IDM3LjI4NCAzOS4zNzc5IDM3LjI4NFoiIGZpbGw9IiMyMTIxMjEiLz4KICAgICAgICAgICAgPC9zdmc+CiAgICAgICAgICAgIA==');
  }

  .sec-about .yt:hover .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NC45MzM5IDE0LjY1NzZDNTMuMDIxNCAxMi4yMzQxIDQ5LjQ4OTIgMTEuMjQ1NiA0Mi43NDMyIDExLjI0NTZIMTguMjU1OUMxMS4zNTYzIDExLjI0NTYgNy43NjQwNyAxMi4yOTgxIDUuODU4MiAxNC44NzhDNCAxNy4zOTQgNCAyMS4xMDE0IDQgMjYuMjMyVjM2LjAxMDRDNCA0NS45NDk1IDYuMjA0NjMgNTAuOTk1NiAxOC4yNTU5IDUwLjk5NTZINDIuNzQzMkM0OC41OTM1IDUwLjk5NTYgNTEuODM1MSA1MC4xMjM4IDUzLjkzMjIgNDcuOTg1MkM1Ni4wODI2IDQ1Ljc5MTIgNTcgNDIuMjEwMyA1NyAzNi4wMTA0VjI2LjIzMkM1NyAyMC44MjEgNTYuODU2NCAxNy4wOTI1IDU0LjkzMzkgMTQuNjU3NlpNMzguNDk3MiAzMi42NjI4TDI4LjM2MzYgMzguNjQ5NEMyOC4xMzY3IDM4Ljc4MzUgMjcuODg4OCAzOC44NDk4IDI3LjY0MTQgMzguODQ5OEMyNy4zNjE2IDM4Ljg0OTggMjcuMDgxNSAzOC43NjQ2IDI2LjgzNDMgMzguNTk1M0MyNi4zNjc5IDM4LjI3NjIgMjYuMDgzMyAzNy43MDQyIDI2LjA4MzMgMzcuMDg4NFYyNS4xNTI3QzI2LjA4MzMgMjQuNTM3OCAyNi4zNjczIDIzLjk2NjcgMjYuODMyOCAyMy42NDc2QzI3LjI5ODUgMjMuMzI3NyAyNy44NzY3IDIzLjMwNjIgMjguMzU5NyAyMy41OUwzOC40OTMzIDI5LjUzODFDMzkuMDA4NSAyOS44NDA4IDM5LjMzMjYgMzAuNDQyMSAzOS4zMzM0IDMxLjA5OTFDMzkuMzM0MSAzMS43NTYxIDM5LjAxMTQgMzIuMzU4MyAzOC40OTcyIDMyLjY2MjhaIiBmaWxsPSIjRUEzMzIzIi8+Cjwvc3ZnPgo=');
  }

  .sec-about .fb:hover .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4LjUwNiA1Mi41VjM1LjA4Nkg0NC4zMzY3TDQ1LjIwOTUgMjguMzE2MkgzOC41MDZWMjMuOTk0MUMzOC41MDYgMjIuMDM0MSAzOS4wNSAyMC42OTgzIDQxLjg2MDggMjAuNjk4M0w0NS40NDU4IDIwLjY5NjdWMTQuNjQxOUM0NC44MjU1IDE0LjU1OTYgNDIuNjk3OCAxNC4zNzUyIDQwLjIyMiAxNC4zNzUyQzM1LjA1MzMgMTQuMzc1MiAzMS41MTUgMTcuNTMgMzEuNTE1IDIzLjMyMzhWMjguMzE2MkgyNS42NjkzVjM1LjA4NkgzMS41MTVWNTIuNUgxMEM4LjYxOTMgNTIuNSA3LjUgNTEuMzgwNyA3LjUgNTBWMTBDNy41IDguNjE5MyA4LjYxOTMgNy41IDEwIDcuNUg1MEM1MS4zODA3IDcuNSA1Mi41IDguNjE5MyA1Mi41IDEwVjUwQzUyLjUgNTEuMzgwNyA1MS4zODA3IDUyLjUgNTAgNTIuNUgzOC41MDZaIiBmaWxsPSIjMzk3NUVBIi8+Cjwvc3ZnPgo=');
  }

  /* .sec-about .tw .icon:hover {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NC45MzM5IDE0LjY1NzZDNTMuMDIxNCAxMi4yMzQxIDQ5LjQ4OTIgMTEuMjQ1NiA0Mi43NDMyIDExLjI0NTZIMTguMjU1OUMxMS4zNTYzIDExLjI0NTYgNy43NjQwNyAxMi4yOTgxIDUuODU4MiAxNC44NzhDNCAxNy4zOTQgNCAyMS4xMDE0IDQgMjYuMjMyVjM2LjAxMDRDNCA0NS45NDk1IDYuMjA0NjMgNTAuOTk1NiAxOC4yNTU5IDUwLjk5NTZINDIuNzQzMkM0OC41OTM1IDUwLjk5NTYgNTEuODM1MSA1MC4xMjM4IDUzLjkzMjIgNDcuOTg1MkM1Ni4wODI2IDQ1Ljc5MTIgNTcgNDIuMjEwMyA1NyAzNi4wMTA0VjI2LjIzMkM1NyAyMC44MjEgNTYuODU2NCAxNy4wOTI1IDU0LjkzMzkgMTQuNjU3NlpNMzguNDk3MiAzMi42NjI4TDI4LjM2MzYgMzguNjQ5NEMyOC4xMzY3IDM4Ljc4MzUgMjcuODg4OCAzOC44NDk4IDI3LjY0MTQgMzguODQ5OEMyNy4zNjE2IDM4Ljg0OTggMjcuMDgxNSAzOC43NjQ2IDI2LjgzNDMgMzguNTk1M0MyNi4zNjc5IDM4LjI3NjIgMjYuMDgzMyAzNy43MDQyIDI2LjA4MzMgMzcuMDg4NFYyNS4xNTI3QzI2LjA4MzMgMjQuNTM3OCAyNi4zNjczIDIzLjk2NjcgMjYuODMyOCAyMy42NDc2QzI3LjI5ODUgMjMuMzI3NyAyNy44NzY3IDIzLjMwNjIgMjguMzU5NyAyMy41OUwzOC40OTMzIDI5LjUzODFDMzkuMDA4NSAyOS44NDA4IDM5LjMzMjYgMzAuNDQyMSAzOS4zMzM0IDMxLjA5OTFDMzkuMzM0MSAzMS43NTYxIDM5LjAxMTQgMzIuMzU4MyAzOC40OTcyIDMyLjY2MjhaIiBmaWxsPSIjRUEzMzIzIi8+Cjwvc3ZnPgo=');
  } */
  .sec-about .tk:hover .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxLjA5MDggMjIuOTEzOEM0NC40NDczIDI1LjMwMjMgNDguNTU5MiAyNi43MDc3IDUzLjAwMDIgMjYuNzA3N1YxOC4yMDAyQzUyLjE1OTggMTguMjAwNCA1MS4zMjE0IDE4LjExMzEgNTAuNDk5MiAxNy45Mzk3VjI0LjYzNjNDNDYuMDU4NSAyNC42MzYzIDQxLjk0NzIgMjMuMjMwOSAzOC41ODk4IDIwLjg0MjVWMzguMjAzOUMzOC41ODk4IDQ2Ljg4OSAzMS41MTc0IDUzLjkyOTEgMjIuNzkzOCA1My45MjkxQzE5LjUzODggNTMuOTI5MSAxNi41MTM0IDUyLjk0OTQgMTQuMDAwMiA1MS4yNjkzQzE2Ljg2ODYgNTQuMTg5MSAyMC44Njg4IDU2LjAwMDMgMjUuMjk0MyA1Ni4wMDAzQzM0LjAxODUgNTYuMDAwMyA0MS4wOTEyIDQ4Ljk2MDIgNDEuMDkxMiA0MC4yNzQ4VjIyLjkxMzhINDEuMDkwOFpNNDQuMTc2MiAxNC4zMzA3QzQyLjQ2MDggMTIuNDY1MSA0MS4zMzQ1IDEwLjA1NDEgNDEuMDkwOCA3LjM4ODY4VjYuMjk0NDNIMzguNzIwN0MzOS4zMTczIDkuNjgyMiA0MS4zNTIyIDEyLjU3NjUgNDQuMTc2MiAxNC4zMzA3Wk0xOS41MTc5IDQ0LjYwNDdDMTguNTU5NiA0My4zNTM3IDE4LjA0MTYgNDEuODIzNCAxOC4wNDQgNDAuMjQ5OUMxOC4wNDQgMzYuMjc3NyAyMS4yNzg4IDMzLjA1NyAyNS4yNjk3IDMzLjA1N0MyNi4wMTM1IDMzLjA1NjggMjYuNzUyOCAzMy4xNzAyIDI3LjQ2MTYgMzMuMzk0MVYyNC42OTY0QzI2LjYzMzMgMjQuNTgzNCAyNS43OTczIDI0LjUzNTQgMjQuOTYxNiAyNC41NTNWMzEuMzIyOEMyNC4yNTIzIDMxLjA5ODkgMjMuNTEyNiAzMC45ODUyIDIyLjc2ODcgMzAuOTg1OUMxOC43Nzc3IDMwLjk4NTkgMTUuNTQzMSAzNC4yMDYzIDE1LjU0MzEgMzguMTc5QzE1LjU0MzEgNDAuOTg4MSAxNy4xNiA0My40MiAxOS41MTc5IDQ0LjYwNDdaIiBmaWxsPSIjRkYwMDRGIi8+CjxwYXRoIGQ9Ik0zOC43MTEyIDIwLjc3NDJDNDIuMDkyNiAyMy4xNTE1IDQ2LjIzMzMgMjQuNTUwMyA1MC43MDU3IDI0LjU1MDNWMTcuODg1QzQ4LjIwOTIgMTcuMzYxOCA0NS45OTkyIDE2LjA3ODMgNDQuMzM3NSAxNC4yOTMxQzQxLjQ5MzIgMTIuNTQ2OSAzOS40NDM5IDkuNjY2MTYgMzguODQzMSA2LjI5NDQzSDMyLjU3MjlWNDAuMTE1M0MzMi41NTg3IDQ0LjA1ODEgMjkuMzA2NCA0Ny4yNTA3IDI1LjI5NTUgNDcuMjUwN0MyMi45MzIgNDcuMjUwNyAyMC44MzIzIDQ2LjE0MjMgMTkuNTAyNSA0NC40MjUzQzE3LjEyNzggNDMuMjQ2MSAxNS40OTk0IDQwLjgyNTQgMTUuNDk5NCAzOC4wMjk5QzE1LjQ5OTQgMzQuMDc2MSAxOC43NTcxIDMwLjg3MDUgMjIuNzc2NiAzMC44NzA1QzIzLjU0NjcgMzAuODcwNSAyNC4yODkgMzAuOTg4NCAyNC45ODUyIDMxLjIwNThWMjQuNDY3N0MxNi4zNTM2IDI0LjY0MzEgOS40MTE2MiAzMS41ODE4IDkuNDExNjIgNDAuMTE1NUM5LjQxMTYyIDQ0LjM3NTQgMTEuMTQwMyA0OC4yMzcyIDEzLjk0NiA1MS4wNTg5QzE2LjQ3NzIgNTIuNzMxIDE5LjUyNDIgNTMuNzA2MiAyMi44MDI1IDUzLjcwNjJDMzEuNTg4NiA1My43MDYyIDM4LjcxMTQgNDYuNjk4NyAzOC43MTE0IDM4LjA1NDVWMjAuNzc0MkgzOC43MTEyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTUwLjcwNTkgMTcuODIyOFYxNS45OThDNDguNDY2MiAxNi4wMDE0IDQ2LjI3MDUgMTUuMzczNCA0NC4zNzAzIDE0LjE4NThDNDYuMDUyNCAxNi4wMjk3IDQ4LjI2NzQgMTcuMzAxMiA1MC43MDU5IDE3LjgyMjhaTTM4LjkwNDEgNi4wODcxNUMzOC44NDcgNS43NjA4NyAzOC44MDMyIDUuNDMyNDQgMzguNzcyOCA1LjEwMjc2VjRIMzAuMTU5OVYzOC4yNDQ3QzMwLjE0NjEgNDIuMjM2MyAyNi45MTA2IDQ1LjQ2ODkgMjIuOTIgNDUuNDY4OUMyMS43NDg0IDQ1LjQ2ODkgMjAuNjQyMiA0NS4xOTA0IDE5LjY2MjYgNDQuNjk1NkMyMC45ODU2IDQ2LjQzMzkgMjMuMDc0NiA0Ny41NTYgMjUuNDI2IDQ3LjU1NkMyOS40MTU5IDQ3LjU1NiAzMi42NTIxIDQ0LjMyMzggMzIuNjY2MSA0MC4zMzE3VjYuMDg3MTVIMzguOTA0MVpNMjUuMTE3NiAyNC40ODc5VjIyLjU0NTNDMjQuMzk3OSAyMi40NDY4IDIzLjY3MjQgMjIuMzk3NCAyMi45NDU5IDIyLjM5NzdDMTQuMjA0IDIyLjM5NzYgNy4xMTc2OCAyOS40OTI4IDcuMTE3NjggMzguMjQ0N0M3LjExNzY4IDQzLjczMTYgOS45MDI3NCA0OC41NjczIDE0LjEzNDkgNTEuNDExN0MxMS4zNDM1IDQ4LjU1NDkgOS42MjM3IDQ0LjY0NDYgOS42MjM3IDQwLjMzMTVDOS42MjM3IDMxLjY5MTIgMTYuNTI5OSAyNC42NjU2IDI1LjExNzYgMjQuNDg3OVoiIGZpbGw9IiMwMEYyRUEiLz4KPC9zdmc+Cg==');
  }

  .sec-about .ins:hover .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4LjUyMyA1Mi4zNzA2SDIxLjQ3N0MxNy43NjkxIDUyLjM3IDE0LjIxMzMgNTAuODk2MyAxMS41OTIgNDguMjczOEM4Ljk3MDc5IDQ1LjY1MTMgNy40OTg4MSA0Mi4wOTQ4IDcuNSAzOC4zODY5VjIxLjM1NDRDNy40OTg3NiAxMy42MzM1IDEzLjc1NjEgNy4zNzMxIDIxLjQ3NyA3LjM3MDYxSDM4LjUyM0M0Mi4yMzA5IDcuMzcxMjEgNDUuNzg2NyA4Ljg0NDkxIDQ4LjQwOCAxMS40Njc0QzUxLjAyOTIgMTQuMDkgNTIuNTAxMiAxNy42NDY0IDUyLjUgMjEuMzU0NFYzOC4zODY5QzUyLjUwMTIgNDYuMTA3NyA0Ni4yNDM5IDUyLjM2ODEgMzguNTIzIDUyLjM3MDZaTTMwLjAwMjIgMTguMjk4OEMyMy42MTM0IDE4LjMwMTMgMTguNDM2MSAyMy40ODE4IDE4LjQzNzIgMjkuODcwNkMxOC4zNzggMzQuMDQxOSAyMC41Njk1IDM3LjkyMTkgMjQuMTcyNCA0MC4wMjQ4QzI3Ljc3NTMgNDIuMTI3OCAzMi4yMzE0IDQyLjEyNzggMzUuODM0MyA0MC4wMjQ4QzM5LjQzNzIgMzcuOTIxOSA0MS42Mjg3IDM0LjA0MTkgNDEuNTY5NSAyOS44NzA2QzQxLjU3MDEgMjYuODAyMiA0MC4zNTE3IDIzLjg1OTIgMzguMTgyNSAyMS42ODkxQzM2LjAxMzIgMTkuNTE4OSAzMy4wNzA3IDE4LjI5OTQgMzAuMDAyMiAxOC4yOTg4SDMwLjAwMjJaTTQxLjYzNyAxNC40OTQxQzQwLjY3NzEgMTQuNDY2OCAzOS43NzgzIDE0Ljk2MzUgMzkuMjkwNSAxNS43OTA2QzM4LjgwMjggMTYuNjE3OCAzOC44MDMyIDE3LjY0NDcgMzkuMjkxNyAxOC40NzE0QzM5Ljc4MDIgMTkuMjk4MiA0MC42Nzk0IDE5Ljc5NCA0MS42MzkzIDE5Ljc2NTlDNDMuMDY1NCAxOS43MjQxIDQ0LjE5OTYgMTguNTU1NiA0NC4xOTkgMTcuMTI4OUM0NC4xOTg0IDE1LjcwMjIgNDMuMDYzMSAxNC41MzQ3IDQxLjYzNyAxNC40OTQxWk0zMC4wMDIyIDM3LjIyMzZDMjcuMzI4MyAzNy4yOTU0IDI0LjgyNjMgMzUuOTA5MyAyMy40NjkgMzMuNjA0NEMyMi4xMTE2IDMxLjI5OTQgMjIuMTEzMSAyOC40MzkyIDIzLjQ3MjggMjYuMTM1NkMyNS4xNTQ2IDIzLjI3NTggMjguNTQzMSAyMS44OTY1IDMxLjc0NDEgMjIuNzY4NkMzNC45NDUgMjMuNjQwOCAzNy4xNjU1IDI2LjU0ODUgMzcuMTY0MSAyOS44NjYxQzM3LjE2NjcgMzMuODU0OCAzMy45ODk2IDM3LjExODcgMzAuMDAyMyAzNy4yMjM2SDMwLjAwMjJaIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfMTYwNDNfNDUzMikiLz4KPHBhdGggZD0iTTM4LjUyMyA1Mi4zNzA2SDIxLjQ3N0MxNy43NjkxIDUyLjM3IDE0LjIxMzMgNTAuODk2MyAxMS41OTIgNDguMjczOEM4Ljk3MDc5IDQ1LjY1MTMgNy40OTg4MSA0Mi4wOTQ4IDcuNSAzOC4zODY5VjIxLjM1NDRDNy40OTg3NiAxMy42MzM1IDEzLjc1NjEgNy4zNzMxIDIxLjQ3NyA3LjM3MDYxSDM4LjUyM0M0Mi4yMzA5IDcuMzcxMjEgNDUuNzg2NyA4Ljg0NDkxIDQ4LjQwOCAxMS40Njc0QzUxLjAyOTIgMTQuMDkgNTIuNTAxMiAxNy42NDY0IDUyLjUgMjEuMzU0NFYzOC4zODY5QzUyLjUwMTIgNDYuMTA3NyA0Ni4yNDM5IDUyLjM2ODEgMzguNTIzIDUyLjM3MDZaTTMwLjAwMjIgMTguMjk4OEMyMy42MTM0IDE4LjMwMTMgMTguNDM2MSAyMy40ODE4IDE4LjQzNzIgMjkuODcwNkMxOC4zNzggMzQuMDQxOSAyMC41Njk1IDM3LjkyMTkgMjQuMTcyNCA0MC4wMjQ4QzI3Ljc3NTMgNDIuMTI3OCAzMi4yMzE0IDQyLjEyNzggMzUuODM0MyA0MC4wMjQ4QzM5LjQzNzIgMzcuOTIxOSA0MS42Mjg3IDM0LjA0MTkgNDEuNTY5NSAyOS44NzA2QzQxLjU3MDEgMjYuODAyMiA0MC4zNTE3IDIzLjg1OTIgMzguMTgyNSAyMS42ODkxQzM2LjAxMzIgMTkuNTE4OSAzMy4wNzA3IDE4LjI5OTQgMzAuMDAyMiAxOC4yOTg4SDMwLjAwMjJaTTQxLjYzNyAxNC40OTQxQzQwLjY3NzEgMTQuNDY2OCAzOS43NzgzIDE0Ljk2MzUgMzkuMjkwNSAxNS43OTA2QzM4LjgwMjggMTYuNjE3OCAzOC44MDMyIDE3LjY0NDcgMzkuMjkxNyAxOC40NzE0QzM5Ljc4MDIgMTkuMjk4MiA0MC42Nzk0IDE5Ljc5NCA0MS42MzkzIDE5Ljc2NTlDNDMuMDY1NCAxOS43MjQxIDQ0LjE5OTYgMTguNTU1NiA0NC4xOTkgMTcuMTI4OUM0NC4xOTg0IDE1LjcwMjIgNDMuMDYzMSAxNC41MzQ3IDQxLjYzNyAxNC40OTQxWk0zMC4wMDIyIDM3LjIyMzZDMjcuMzI4MyAzNy4yOTU0IDI0LjgyNjMgMzUuOTA5MyAyMy40NjkgMzMuNjA0NEMyMi4xMTE2IDMxLjI5OTQgMjIuMTEzMSAyOC40MzkyIDIzLjQ3MjggMjYuMTM1NkMyNS4xNTQ2IDIzLjI3NTggMjguNTQzMSAyMS44OTY1IDMxLjc0NDEgMjIuNzY4NkMzNC45NDUgMjMuNjQwOCAzNy4xNjU1IDI2LjU0ODUgMzcuMTY0MSAyOS44NjYxQzM3LjE2NjcgMzMuODU0OCAzMy45ODk2IDM3LjExODcgMzAuMDAyMyAzNy4yMjM2SDMwLjAwMjJaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMTYwNDNfNDUzMikiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF8xNjA0M180NTMyIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUyNSA1OC40NDU2KSByb3RhdGUoLTExNS43NzYpIHNjYWxlKDYxLjM2NTggOTEuMjc0NikiPgo8c3RvcCBvZmZzZXQ9IjAuMjQzOTIiIHN0b3AtY29sb3I9IiNGRjFCOTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjQzNjY3MyIgc3RvcC1jb2xvcj0iI0Y4MDI2MSIvPgo8c3RvcCBvZmZzZXQ9IjAuNjg4NDc2IiBzdG9wLWNvbG9yPSIjRUQwMEMwIi8+CjxzdG9wIG9mZnNldD0iMC43NzY3ODciIHN0b3AtY29sb3I9IiNDNTAwRTkiLz4KPHN0b3Agb2Zmc2V0PSIwLjg5MzE1NSIgc3RvcC1jb2xvcj0iIzcwMTdGRiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MV9yYWRpYWxfMTYwNDNfNDUzMiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgyMy44MTI1IDUwLjgxODEpIHJvdGF0ZSgtNTcuNDM5Nikgc2NhbGUoMjYuNTg5MiAyNy42NTY2KSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkQ2MDAiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ4NDM3NSIgc3RvcC1jb2xvcj0iI0ZGNjkzMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNzM0Mzc1IiBzdG9wLWNvbG9yPSIjRkUzQjM2Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZFM0IzNiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==');
  }

  .sec-about .dc:hover .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ4LjQ4MjkgMTMuMzE1OEM0NS4wODM2IDExLjc4MTEgNDEuNDM4NCAxMC42NTAzIDM3LjYyNzEgMTAuMDAyN0MzNy41NTc3IDkuOTkwMjIgMzcuNDg4MyAxMC4wMjE1IDM3LjQ1MjYgMTAuMDgzOUMzNi45ODM4IDEwLjkwNDQgMzYuNDY0NSAxMS45NzQ3IDM2LjEwMDkgMTIuODE2QzMyLjAwMTUgMTIuMjEyMSAyNy45MjMyIDEyLjIxMjEgMjMuOTA4IDEyLjgxNkMyMy41NDQzIDExLjk1NiAyMy4wMDYyIDEwLjkwNDQgMjIuNTM1MyAxMC4wODM5QzIyLjQ5OTUgMTAuMDIzNSAyMi40MzAyIDkuOTkyMyAyMi4zNjA4IDEwLjAwMjdDMTguNTUxNiAxMC42NDgzIDE0LjkwNjMgMTEuNzc5IDExLjUwNSAxMy4zMTU4QzExLjQ3NTUgMTMuMzI4MyAxMS40NTAzIDEzLjM0OTEgMTEuNDMzNSAxMy4zNzYyQzQuNTE5MyAyMy41NDAzIDIuNjI1MjEgMzMuNDU0NSAzLjU1NDM4IDQzLjI0NThDMy41NTg1OSA0My4yOTM3IDMuNTg1OTIgNDMuMzM5NSAzLjYyMzc2IDQzLjM2ODdDOC4xODU1NiA0Ni42NjUxIDEyLjYwNDQgNDguNjY2MiAxNi45NDEzIDQ5Ljk5MjdDMTcuMDEwNyA1MC4wMTM1IDE3LjA4NDIgNDkuOTg4NiAxNy4xMjg0IDQ5LjkzMjNDMTguMTU0MyA0OC41NTM4IDE5LjA2ODcgNDcuMTAwMyAxOS44NTI4IDQ1LjU3MThDMTkuODk5MSA0NS40ODIzIDE5Ljg1NDkgNDUuMzc2MSAxOS43NjAzIDQ1LjM0MDdDMTguMzA5OCA0NC43OTkzIDE2LjkyODcgNDQuMTM5MiAxNS42MDAxIDQzLjM4OTVDMTUuNDk1IDQzLjMyOTEgMTUuNDg2NSA0My4xODEzIDE1LjU4MzMgNDMuMTEwNUMxNS44NjI4IDQyLjkwNDMgMTYuMTQyNCA0Mi42ODk4IDE2LjQwOTQgNDIuNDczMkMxNi40NTc4IDQyLjQzMzcgMTYuNTI1IDQyLjQyNTQgMTYuNTgxOCA0Mi40NTAzQzI1LjMxMDIgNDYuMzcxNSAzNC43NTk2IDQ2LjM3MTUgNDMuMzg1IDQyLjQ1MDNDNDMuNDQxOCA0Mi40MjMzIDQzLjUwOTEgNDIuNDMxNiA0My41NTk1IDQyLjQ3MTJDNDMuODI2NSA0Mi42ODc3IDQ0LjEwNjEgNDIuOTA0MyA0NC4zODc4IDQzLjExMDVDNDQuNDg0NSA0My4xODEzIDQ0LjQ3ODIgNDMuMzI5MSA0NC4zNzMxIDQzLjM4OTVDNDMuMDQ0NSA0NC4xNTM3IDQxLjY2MzMgNDQuNzk5MyA0MC4yMTA3IDQ1LjMzODZDNDAuMTE2MSA0NS4zNzQgNDAuMDc0IDQ1LjQ4MjMgNDAuMTIwMyA0NS41NzE4QzQwLjkyMTIgNDcuMDk4MiA0MS44MzU3IDQ4LjU1MTcgNDIuODQyNyA0OS45MzAyQzQyLjg4NDcgNDkuOTg4NiA0Mi45NjA0IDUwLjAxMzUgNDMuMDI5NyA0OS45OTI3QzQ3LjM4NzYgNDguNjY2MiA1MS44MDY1IDQ2LjY2NTEgNTYuMzY4MyA0My4zNjg3QzU2LjQwODIgNDMuMzM5NSA1Ni40MzM1IDQzLjI5NTggNTYuNDM3NyA0My4yNDc5QzU3LjU0OTcgMzEuOTI4MSA1NC41NzUxIDIyLjA5NTEgNDguNTUyMyAxMy4zNzgzQzQ4LjUzNzUgMTMuMzQ5MSA0OC41MTIzIDEzLjMyODMgNDguNDgyOSAxMy4zMTU4Wk0yMS4xNTYyIDM3LjI4NEMxOC41Mjg1IDM3LjI4NCAxNi4zNjMyIDM0LjkxIDE2LjM2MzIgMzEuOTk0N0MxNi4zNjMyIDI5LjA3OTQgMTguNDg2NCAyNi43MDU1IDIxLjE1NjIgMjYuNzA1NUMyMy44NDcxIDI2LjcwNTUgMjUuOTkxMyAyOS4xMDAyIDI1Ljk0OTMgMzEuOTk0N0MyNS45NDkzIDM0LjkxIDIzLjgyNiAzNy4yODQgMjEuMTU2MiAzNy4yODRaTTM4Ljg3NzkgMzcuMjg0QzM2LjI1MDEgMzcuMjg0IDM0LjA4NDggMzQuOTEgMzQuMDg0OCAzMS45OTQ3QzM0LjA4NDggMjkuMDc5NCAzNi4yMDgxIDI2LjcwNTUgMzguODc3OSAyNi43MDU1QzQxLjU2ODcgMjYuNzA1NSA0My43MTMgMjkuMTAwMiA0My42NzA5IDMxLjk5NDdDNDMuNjcwOSAzNC45MSA0MS41Njg3IDM3LjI4NCAzOC44Nzc5IDM3LjI4NFoiIGZpbGw9IiM1QTY1RUEiLz4KPC9zdmc+Cg==');
  }

  .sec-about .item {
    max-width: 248px;
  }

  .sec-about .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-bottom: 8px
  }

  @media (max-width: 1600px) {
    .sec-about {
      padding: 100px 0;
    }

    .sec-about .item {

      padding: 16px 41px;
      transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
      color: #000000;
    }

    .sec-about .item p {
      font-size: 20px;

    }

    .sec-about .icon {
      width: 48px;
      height: 48px;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-size: cover;
    }

  }

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

    .sec-about .item {
      width: 48%;
      padding: 19px 28px;
      margin-top: 12px
    }

    .sec-about .item p {
      font-size: 16px;

    }

    .sec-about .item:hover {

      border-radius: 6px;
    }
  }

  .sec-7 {
    padding: 104px 0 0;
  }

  .sec-7 .title-desc {
    margin-bottom: 40px;
    font-size: 16px;
  }

  .sec-7 .list .item {
    width: 100%;
    border-radius: 8px;
    z-index: 1;
    padding: 24px 28px 20px;
  }

  .sec-7 .list .item h3 {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
  }

  .sec-7 .list .item img {
    max-width: 63px;
  }

  .sec-7 .list .item:nth-child(2) img {
    max-width: 87px;
  }

  .sec-7 .list .item p {
    font-size: 14px;
    max-width: 633px;
    min-height: 75px;

    font-weight: 400;
    line-height: 150%;
  }

  .sec-7 .list .item:not(:last-child) {
    margin-bottom: 16px;
  }

  .sec-7 .list .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 152px;
    height: 72px;
    z-index: -1;
  }

  .sec-7 .list .item:nth-child(1) {
    background: #FFECE3;
  }

  .sec-7 .list .item:nth-child(1)::before {
    background: url("../png/sec7-top-bg.png") no-repeat;
    background-size: cover;
  }

  .sec-7 .list .item:nth-child(2) {
    background: #E9E9FF;
  }

  .sec-7 .list .item:nth-child(2)::before {
    background: url("../png/sec7-top-bg2.png") no-repeat;
    background-size: cover;
  }

  .sec-7 .list .item:nth-child(3) {
    background: #FFF8DD;
  }

  .sec-7 .list .item:nth-child(3)::before {
    background: url(../png/sec7-top-bg3.png) no-repeat;
    background-size: cover;
  }

  .sec-7 .a-link a {
    color: #6767FF;
    font-size: 16px;
  }

  @media (min-width: 992px) {
    .sec-7 {
      padding: 100px 0 0;
    }

    .sec-7 h2 {
      max-width: 796px;
      margin: 0 auto;
    }

    .sec-7 .list .item p {
      font-size: 16px;
      max-width: 420px
    }

    .sec-7 .title-desc {
      max-width: 752px;
      margin: 0 auto;
      margin-bottom: 60px;
    }

    .sec-7 .list {
      margin-top: 40px;
    }

    .sec-7 .list .item {
      padding: 48px 20px 32px;
      width: calc(32% + 1px);
      border-radius: 16px;
    }

    .sec-7 .list .item:nth-child(2) {
      padding: 40px 20px 32px;
    }

    .sec-7 .list .item:not(:last-child) {
      margin-bottom: 0;
    }

    .sec-7 .list .item h3 {
      margin-top: 24px;
      font-size: 24px;
    }

    .sec-7 .list .item::before {
      width: 242px;
      height: 113px;
    }

    .sec-7 .list .item img {
      max-width: 100px;
    }

    .sec-7 .list .item:nth-child(2) img {
      max-width: 136px;
    }
  }

  @media (min-width: 1600px) {
    .sec-7 {
      padding: 80px 0 0;
    }

    .sec-7 .list .item p {
      font-size: 18px;
      max-width: 633px
    }

    .sec-7 h2 {
      font-size: 48px;
      max-width: 1020px;
    }

    .sec-7 .list {
      margin-top: 60px;
    }

    .sec-7 .title-desc {
      max-width: 752px;
      margin-bottom: 80px;
    }

    .sec-7 .list .item {
      padding: 73px 48px 40px;
    }

    .sec-7 .list .item:nth-child(2) {
      padding: 66px 48px 40px;
    }

    .sec-7 .list .item::before {
      width: 360px;
      height: 169px;
    }

    .sec-7 .list .item h3 {
      margin-top: 32px;
      font-size: 32px;
      font-weight: 900;
    }

    .sec-7 .list .item img {
      max-width: 160px;
    }

    .sec-7 .list .item:nth-child(2) img {
      max-width: 206px;
    }

    .sec-7 .list .item:nth-child(3) img {
      max-width: 160px;
    }
  }


  .section-5 {
    padding: 80px 0;
  }

  .section-5 p {

    font-size: 16px;

  }

  .section-5 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px !important;
    background: #D8DFE2;
    opacity: 0.6;
  }

  .section-5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 6px;
    border-radius: 4px;
    background: #F50;
    opacity: 1;
  }

  .section-5 .img-swiper {
    z-index: 1;
  }

  /* .section-5 .step-list .shadow{
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 9;
  } */

  .section-5 .swiper-button-prev:after,
  .section-5 .swiper-button-next:after {
    content: '';
  }

  .section-5 .swiper-button-prev,
  .section-5 .swiper-button-next {
    width: 60px;
    height: 60px;
    /* background-color: rgba(33, 33, 33, 0.20);
    transform: translateY(-50%); */
  }

  .section-5 .swiper-button-prev {
    left: 6%
  }

  .section-5 .swiper-button-next {
    right: 6%
  }

  .section-5 .mobile-arrow .swiper-button-prev,
  .section-5 .mobile-arrow .swiper-button-next {
    position: static;
    width: 56px;
    height: 56px;
    margin: 0 1rem;
    transform: translateY(0);
  }

  .section-5 .step-swiper .progress {
    height: 2px;
    background: #D9DDFF;
    border-radius: 1px;
    visibility: hidden;
  }

  .section-5 .step-swiper .swiper-slide.swiper-slide-thumb-active .progress {
    visibility: visible;
  }

  .section-5 .step-swiper .swiper-slide.swiper-slide-thumb-active .progress span {
    background: #4255FF;
    animation: progress-animate 5s;
    border-radius: 1px;
  }

  .section-5 .img-swiper .swiper-slide {
    /* transition: transform 1.0s;
    border: 1px solid #E9E9F2;
    filter: drop-shadow(0px 20px 40px rgba(84, 85, 122, 0.15)); */
    border-radius: 8px;
    overflow: hidden;
  }



  .section-5 .img-swiper .swiper-slide img {
    /* border-radius: 8px; */
  }

  .section-5 .btn-swiper {
    display: none;
  }

  .section-5 .sec5-img-swiper:hover .btn-swiper {
    display: block;
  }

  .section-5 .text-cont a {
    color: #0670FB;

  }

  @media (min-width:1280px) {
    .section-5 {
      padding: 120px 0 0;
    }

    .section-5 p {

      font-size: 16px;
      max-width: 792px
    }

    /* section-5 */
    .section-5 .img-swiper .swiper-slide {
      max-width: 536px;
    }

    .section-5 .sec5-img-swiper {
      margin-top: 40px;
    }

    .section-5 .text-cont {
      position: absolute;
      top: 36px;
      left: 36px;
      opacity: 0;
      transition: all 1s ease-in;
    }

    .section-5 .opt-1 {
      opacity: 1;

    }

    .section-5 .text-cont img {
      max-width: 48px
    }

    .section-5 .text-cont .title {
      color: #212121;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
    }

    .section-5 .text-cont .subtitle {
      font-size: 16px;
      max-width: 200px;
      color: #6B6B6B;
      margin-bottom: 4px;
    }

    .section-5 .text-cont a {
      font-size: 16px;
    }

    .section-5 .sec5-img-swiper::before {
      content: '';
      background: url(../png/shadow-right.png) no-repeat;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 29%;
      height: 100%;
      z-index: 2;
      background-size: cover;
    }

    .section-5 .sec5-img-swiper::after {
      content: '';
      background: url(../png/shadow-right.png) no-repeat;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 29%;
      height: 100%;
      z-index: 1;
      transform: rotate(180deg);
      background-size: cover;
    }

  }

  @media (min-width:1600px) {

    /* section-5 */
    .section-5 {
      padding: 160px 0 0;
    }

    .section-5 p {
      max-width: 816px;
      font-size: 18px;
    }

    .section-5 .text-cont img {
      max-width: 64px
    }

    .section-5 .sec5-img-swiper {
      margin-top: 60px;
    }

    .section-5 .img-swiper .swiper-slide {
      max-width: 752px;
    }

    .section-5 .text-cont .title {
      color: #212121;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
    }

    .section-5 .text-cont .subtitle {
      font-size: 18px;
      max-width: 200px;
      color: #6B6B6B;
      margin-bottom: 8px;
    }

    .section-5 .text-cont a {
      font-size: 18px;
    }
  }

  @keyframes progress-animate {
    from {
      width: 0%;
    }

    to {
      width: 100%;
    }
  }

  @media (max-width:992px) {
    .section-5 {
      padding: 80px 0 0px;
    }

    .section-5 h2 {
      font-weight: 900;
      line-height: 130%;
    }

    .section-5 p {
      max-width: 342px;
      line-height: 150%;
    }

    .section-5 .text-cont {
      padding: 12px
    }

    .section-5 .text-cont img {
      max-width: 28px
    }

    .section-5 .text-cont .text {
      max-width: 215px
    }

    .section-5 .text-cont .title {
      font-size: 16px;
      font-weight: 600;
    }

    .section-5 .text-cont .subtitle {
      font-size: 12px;
      margin-bottom: 3px;
    }

    .section-5 .text-cont a {
      font-size: 12px;
    }

    .section-5 .swiper-wrapper .swiper-slide {
      max-width: 284px;
      background: white;
    }

    .section-5 .swiper-wrapper .swiper-slide.item1 {
      background: #D4D4FF;
    }



    .section-5 .swiper-pagination1 {
      position: absolute;
      bottom: -40px !important;
      left: 50%;
      width: 100%;

    }

    .section-5 .swiper-pagination-bullet {
      width: 4px;
      height: 4px;
      background-color: #e0dcff;
      opacity: 1;
      margin-right: 4px;
    }

    .section-5 .swiper-pagination-bullet-active {
      width: 14px;
      border-radius: 20px;
      background: #5FB2FF;
    }

    .section-5 .swiper-pagination-bullet:last-child {
      margin-right: 0;
    }

    .section-5 .swiper-pagination-bullet {
      width: 4px;
      height: 4px;
      margin: 0 2px !important;
      background: #D8DFE2;
      opacity: 0.6;
    }

    .section-5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 10px;
      height: 4px;
      border-radius: 2px;
      background: #F50;
      opacity: 1;
    }

  }

  .sec-8 {
    padding: 80px 0 0;
  }

  .sec-8 h2 {
    color: #212121;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 32px;
    user-select: none;
  }

  .sec-8 .list .cell {
    text-align: start;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
  }

  .sec-8 .list .cell .cell-img span {
    background: #575757B2;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    left: 0;
    top: 12px;
    border-radius: 0 4px 4px 0;
  }

  .sec-8 .list .cell .describe {
    background: #F9FBFD;
    border-radius: 12px;
    padding: 24px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .sec-8 .list .cell .describe>.text-decoration-none{
    flex: 1;
  }

  .sec-8 .list .cell .describe h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
  }

  .sec-8 .list .cell .describe p {
    color: #6B6B6B;
    font-size: 16px;
    margin-bottom: 32px;
  }

  .sec-8 .list .cell .describe a {
    font-size: 16px;
  }

  .sec-8 .list .cell .describe a:hover svg path {
    stroke: #FF5500;
  }

  .sec-8 .list .cell .progress {
    width: 100%;
    height: 4px;
    background: #B8CEE5;
    position: absolute;
    bottom: -24px;
    border-radius: 4px;
    overflow: hidden;
  }

  .sec-8 .list .cell .progress-bar {
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .sec-8 .list .cell.swiper-slide-active .progress-bar {
    transition: all 2900ms linear;
    width: 100%;
  }

  @media (min-width: 992px) {
    .sec-8 {
      padding: 120px 0 0;
    }

    .sec-8 h2 {
      font-size: 36px;
      margin-bottom: 60px;
    }

    .sec-8 .list {
      gap: 20px;
      align-items: stretch !important;
    }

    .sec-8 .list .cell {
      text-align: center;
      width: 350px;
      margin-bottom: 0;
      height: auto;
    }

    .sec-8 .list .cell .cell-img span {
      font-size: 14px;
      padding: 4px 12px;
    }

    .sec-8 .list .cell .describe {
      padding: 24px 20px 35px;
    }

    .sec-8 .list .cell .describe a {
      font-size: 18px;
    }
  }

  @media (min-width: 1600px) {
    .sec-8 {
      padding: 160px 0 0;
    }

    .sec-8 h2 {
      font-size: 48px;
    }

    .sec-8 .list {
      gap: 32px;
    }

    .sec-8 .list .cell {
      width: 529px;
    }

    .sec-8 .list .cell .cell-img span {
      font-size: 16px;
      padding: 8px 16px;
    }

    .sec-8 .list .cell .describe {
      padding: 32px 32px 40px;
    }

    .sec-8 .list .cell .describe h3 {
      font-size: 26px;
      margin-bottom: 12px;
    }

    .sec-8 .list .cell .describe p {
      font-size: 16px;
      margin-bottom: 32px;
    }
  }