/* body {
              font-family: 'Inter', sans-serif;
              background-color: #ffffff;
              color: #1a2c3c;
              line-height: 1.5;
          } */

          /* hero star */
          .soures-hero {
              /* padding: 60px 0 40px; */
              background-color: linear-gradient(135deg, #f6fafd 0%, #3b99fc 100%);
              background-image: url("/images/v2/case/banner_ai_background.webp");
              background-size: contain;
              background-repeat: round;
              /* background: linear-gradient(134deg, #3b99fc 0%, #f6fafd 100%); */
          }

          i.fa-solid:before,
          i.fas:before,
          span.fa-solid:before,
          span.fas:before {
              font-family: "Font Awesome 6 Free" !important;
              font-weight: 900 !important;
          }

          .hero-grid {
              display: flex;
              flex-wrap: wrap;
              /* gap: 40px; */

              padding: 30px 20px;
          }

          .hero-left {
              display: flex;
              flex-direction: column;
              /* justify-content: space-between; */
          }

          .hero-badge {
              background: #e9f0f5;
              color: #0d2ab5;
              display: inline-block;
              /* padding: 5px 15px; */
              border-radius: 30px;
              font-size: 1.05rem;
              /* font-weight: 700; */
              /* margin-bottom: 20px; */
              width: 35%;
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 7px 20px;
          }

          /* .hero-left img {
            flex: 1;
            width: 400px;
            height: 400px;

            margin-top: 10px;
            margin-left: 70px;
            margin-bottom: 35px;
        } */
          .hero-left .placeholder {
              flex: 1;
              width: 400px;
              height: 400px;

              margin-top: 10px;
              margin-left: 70px;
              margin-bottom: 35px;
          }



          .hero-content {

              display: flex;
              flex-direction: column;

              margin-top: 66px;
              /* height: 444px; */
              flex: 0.7;
              /* margin-left: 20px; */
          }

          .hero-content .hero-title {
              /* flex: 1; */
              display: flex;
              /* justify-content: center; */
              align-items: center;
          }

          .hero-content h1 {
              font-size: 5.3rem;
              font-weight: 800;
              line-height: 1.2;
              text-align: justify;
              text-align-last: justify;
              width: 100%;
              /* margin-bottom: 20px; */
              /* margin-top: 10px; */

              margin: 0;
              color: #03255a;
          }

          .hero-content .hero-main .hero-desc .hero-info-desc {
              /* display: block; */
              font-size: 34px;
              font-weight: 500;
              color: #152969;
              line-height: 50px;
              margin: 10px 0 20px 0;
              display: flex;
              justify-content: center;
              align-items: center;

              text-align: justify;
              text-align-last: justify;
              width: 100%;
          }

          .hero-content p {
              color: #192f72;
              font-size: 1rem;
              /* margin-bottom: 28px; */
              margin: 0;
              display: flex;
              justify-content: center;
              align-items: center;

              font-weight: 600;
          }

          .hero-main {
              display: flex;
              flex-direction: column;
              gap: 29px;
          }

          .hero-main .hero-main-image {
              /* width: 100%;
            height: 100%; */
          }

          .hero-main .hero-main-image img {
              width: 320px;
              height: 320px;
              border-radius: 20px;
          }


          .hero-main .hero-info {
              flex: 1;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
          }

          .hero-stats {
              display: flex;
              gap: 20px;
              margin-top: 19px;
              flex-wrap: wrap;

              /* padding-top: 14px;
            border-top: 1px solid rgb(0 0 0 / 11%); */
          }

          .stat-item {
              background: white;
              padding: 6px 35px;
              border-radius: 40px;
              border: 1px solid #e2edf2;
              font-weight: 500;
              box-shadow: 1px 3px 9px 3px #83a9ef;
              color: #0430a2;
              font-size: 1rem;
              padding: 6px 18px;
          }

          .stat-item i {
              margin-right: 5px;
          }

          .hero-image {
              flex: 0.4;

              display: flex;
              justify-content: center;
              /* margin-left: 10px; */
              margin-right: -81px;
          }

          .hero-image img {
              width: 268px;
              height: 490px;
              border-radius: 15px;
          }

          .btn-primary {
              display: inline-flex;
              align-items: center;
              gap: 15px;
              background: #2B5F8A;
              color: white;
              /* font-weight: 600; */
              padding: 11px 35px;
              border-radius: 16px;
              text-decoration: none;
              transition: 0.2s;
              border: none;
              height: 27px;
              font-size: 1.1rem;
              background: linear-gradient(0deg, #022991 0%, #042c77 100%);
              font-weight: 500;
          }

          .btn-primary:hover {
              /* background: #1f4768; */
              color: #fff;
              transform: translateY(-2px);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
          }

          .btn-outline {
              background: transparent;
              border: 1.5px solid #042c77;
              color: #042c77;
              display: inline-flex;
              align-items: center;
              gap: 15px;
              /* background: #2B5F8A; */
              /* color: white; */
              font-weight: 600;
              padding: 11px 35px;
              border-radius: 16px;
              text-decoration: none;
              transition: 0.2s;
              /* border: none; */
              height: 25px;
              font-size: 1.1rem;
              /* background: linear-gradient(0deg, #022991 0%, #042c77 100%); */
              font-weight: 500;
          }

          .btn-outline:hover {
              background: #eef4fa;
              transform: translateY(-2px);
          }


          .titlemodel .title {
              text-align: center;
              font-size: 50px;
              font-weight: bold;
              color: rgba(40, 40, 40, 1);
          }

          /* hero end */

          /* main_2 */
          .main_2 {
              /* padding-top: 70px;
            background: #fff;
            padding-bottom: 70px; */
          }

          .main_2 .table {
              /* margin-top: 50px; */
          }

          .main_2 .table table {
              table-layout: fixed;
              background: rgba(245, 245, 245, 1);

          }


          .main_2 .table th {


              background: rgba(87, 52, 179, 1);


              line-height: 66px;


              text-align: center;


              font-size: 30px;


              font-family: SourceHanSansCN;


              font-weight: 400;


              color: rgba(255, 255, 255, 1);


          }



          .table table tr:first-child th {
              position: sticky;
              top: 0;
              z-index: 100;

              background: #fff;
              /* 必须 */
          }

          .table table tr:first-child th:not(:last-child) {
              border-right: 1px solid gray;
          }

          /* 可选：滚动时阴影效果 */
          .table table tr:first-child th {
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          }

          .main_2 .table .th_dsjc {
              background: rgba(255, 108, 48, 1);
          }

          .main_2 .table .th_dssz {
              background: #531eaf;
          }

          .main_2 .table .th_zhibo {
              background: #590ebf;
          }

          .main_2 .table .th_ali {
              background: #ff942a;
          }

          .main_2 .table .th_weixin {
              background: #0c64ff;
          }

          .main_2 .table .th_xmt {
              background: #2a40cf;
          }

          .main_2 .table .th_jd {
              background: #eb1f39;
          }

          .main_2 .table .th_pddcy {
              background: #EB1F39;
          }

          .main_2 .table .th_pddsz {
              background: #f0482a;
          }

          .main_2 .table .th_smt {
              background: rgba(83, 30, 175, 1);
          }

          .main_2 .table .th_ymx {
              background: #ff8400;
          }

          .main_2 .table .th_xiapi {
              background: #f5602f;
          }

          .main_2 .table .th_douyin {
              background: #4c23b6;
          }

          .main_2 .table .th_dscy {
              background: #550cb5;
          }

          .main_2 .table .th_quanneng {
              background: #342bc5;
          }

          .main_2 .table .th_dianzhang {
              background: #1c60d6;
          }

          .main_2 .table .th_jingxiu {
              background: #E94E60;
          }


          .main_2 .table td {


              font-size: 20px;


              /* font-family:Source Han Sans CN; */


              /* font-weight:300; */


              color: rgba(47, 47, 47, 1);


              line-height: 36px;


              padding: 20px 10px;


              border-right: 1px solid #959595;


              border-bottom: 1px solid #959595;


          }


          .main_2 .table td .center {


              text-align: center;


          }

          .main_2 .table tr td:last-child {
              border-right: none;
          }

          .main_2 .table tr:last-child td {
              border-bottom: none;
          }

          .main_2 .table tr td .td-item {
              display: flex;
          }

          .main_2 .table tr td .td-item .td-title {
              font-weight: 900;
              font-size: 23px;
              width: 92px;
          }

          .main_2 .table tr td .td-item .td-content {
              flex: 1;
          }

          .main_2 .table tr td .td-item:not(:first-of-type) {
              margin-top: 25px;
          }

          /* 适合人群容器 star */
          .suitable-cards-box {
              /* padding-top: 70px;
            padding-bottom: 50px; */
              /* background: #f3f3f3; */
          }

          .suitable-cards-grid {
              /* margin-top: 50px; */
          }


          .suitable-cards-grid .cards-grid {
              display: grid;
              grid-template-columns: repeat(5, 1fr);
              gap: 1.8rem;
          }


          .suitable-cards-grid .identity-card {
              background: #ffffff;
              border-radius: 2rem;
              padding: 2rem 1.5rem 2rem 1.5rem;
              text-align: center;
              transition: transform 0.25s ease, box-shadow 0.35s ease;
              box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.01);
              backdrop-filter: blur(0px);
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
          }


          .suitable-cards-grid .identity-card:hover {
              /* transform: translateY(-6px); */
              /* box-shadow: 0 24px 44px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.02); */
              background: #0564f5;
          }


          .suitable-cards-grid .card-icon-wrapper {
              width: 80px;
              height: 80px;
              padding: 10px;
              background: rgba(98, 91, 255, 0.08);
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin-bottom: 1.5rem;
              transition: background 0.2s ease, transform 0.2s ease;
          }

          .suitable-cards-grid .card-icon-wrapper img {
              width: 80px;
              height: 80px;
          }

          .suitable-cards-grid .card-icon-wrapper .identity-card-icon-hover {
              display: none;
          }

          .suitable-cards-grid .identity-card:hover .card-icon-wrapper {
              background: #4189f8;
              transform: scale(1.02);
          }

          .suitable-cards-grid .identity-card:hover .card-icon-wrapper .identity-card-icon {
              display: none;
          }

          .suitable-cards-grid .identity-card:hover .card-icon-wrapper .identity-card-icon-hover {
              display: block;
          }

          .suitable-cards-grid .identity-title {
              font-size: 1.3rem;
              font-weight: 700;
              letter-spacing: -0.01em;
              margin-bottom: 1rem;
              color: #1a2634;
              line-height: 1.2;
          }

          .suitable-cards-grid .identity-card:hover .identity-title {
              color: #ffffff;
          }


          .suitable-cards-grid .identity-brief {
              font-size: 0.95rem;
              line-height: 1.5;
              color: #4a5a6e;
              max-width: 220px;
              margin: 0 auto;
              font-weight: 450;
              padding: 0 0.2rem;
          }

          @media (max-width: 1000px) {
              .suitable-cards-grid .cards-grid {
                  gap: 1.5rem;
              }

              .identity-title {
                  font-size: 1.7rem;
              }
          }

          @media (max-width: 780px) {
              .suitable-cards-grid .cards-grid {
                  grid-template-columns: repeat(2, 1fr);
                  gap: 1.5rem;
              }

              body {
                  padding: 2rem 1.2rem;
              }

              .identity-card {
                  padding: 1.6rem 1rem;
              }

              .identity-title {
                  font-size: 1.6rem;
              }

              .identity-brief {
                  font-size: 0.85rem;
                  max-width: 200px;
              }
          }

          @media (max-width: 520px) {
              .suitable-cards-grid .cards-grid {
                  grid-template-columns: 1fr;
                  max-width: 340px;
                  margin: 0 auto;
              }

              .suitable-cards-grid .identity-card {
                  padding: 1.8rem 1.2rem;
              }

              .suitable-cards-grid .identity-brief {
                  max-width: 260px;
              }
          }

          .suitable-cards-grid .design-note {
              text-align: center;
              margin-top: 2.5rem;
              font-size: 0.75rem;
              color: #8c9bb0;
              letter-spacing: 0.3px;
              font-weight: 400;
          }

          .suitable-cards-grid .design-note span {
              opacity: 0.7;
          }

          /* 适合人群容器 end */

          /* 讲师简介 star */
          .teacher-box {
              /* padding-top: 70px;
            padding-bottom: 50px;
            background: #f3f3f3; */
          }

          .teacher-box .slider-container {
              /* margin-top: 50px; */
          }

          /* 讲师简介 end */

          /* 学员案例 star */
          .case-box {
              /* background: #ffffff;
            padding: 40px 0 60px; */
          }

          .case-container {
              max-width: 1200px;
              margin: 0 auto;
              padding: 0 20px;
          }

          /* 标题样式 - 与原页面统一 */
          .case-titlemodel {
              text-align: center;
              margin-bottom: 36px;
          }

          .case-titlemodel .title {
              font-size: 2rem;
              font-weight: 700;
              position: relative;
              display: inline-block;
              padding-bottom: 12px;
              letter-spacing: -0.3px;
              color: #0f172a;
          }

          .case-titlemodel .title:after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              width: 68px;
              height: 4px;
              background: #1a6dbb;
              border-radius: 4px;
          }

          /* 轮播外层 */
          .case-slider-wrapper {
              position: relative;
              margin: 0 auto;
              border-radius: 28px;

              width: 1180px;
          }

          .case-slider-container {
              overflow: hidden;
              border-radius: 28px;
              position: relative;

              /* margin-top: 50px; */
          }

          .case-slider-inner {
              display: flex;
              transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              will-change: transform;

              gap: 30px;
              padding-bottom: 30px;
          }

          .case-slide {
              flex: 0 0 48.4%;

              box-shadow: 17px 15px 10px -12px rgba(0, 0, 0, 0.12);
              background: #fefaf5;
              border-radius: 28px;
              overflow: hidden;
          }

          /* 图片容器 —— 包含占位符和真实图片 */
          .case-img-box {
              position: relative;
              width: 100%;
              background-color: #f1f5f9;
              /* 占位底色 */
              overflow: hidden;
              display: flex;
              justify-content: center;
              align-items: center;
              min-height: 320px;
              /* 保证占位高度 */
          }

          /* 图片占位符骨架 (位于底层，图片未加载时显示) */
          .image-skeleton {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              background: #eef2ff;
              color: #94a3b8;
              font-size: 0.9rem;
              gap: 10px;
              z-index: 1;
              pointer-events: none;
          }

          .image-skeleton i {
              font-size: 42px;
              color: #cbd5e1;
          }

          .image-skeleton span {
              background: #e2e8f0;
              padding: 4px 10px;
              border-radius: 30px;
              font-size: 12px;
          }

          /* 真实图片，位于占位符之上，加载后覆盖占位效果 */
          .case-img-box img {
              position: relative;
              width: 100%;
              height: auto;
              /* max-height: 520px; */
              object-fit: cover;
              display: block;
              z-index: 2;
              background: transparent;
              transition: transform 0.3s ease;

              width: 571px;
              height: 340px;
          }

          /* 极简介绍（一行标题+微型描述） */
          .case-caption {
              padding: 12px 24px 20px;
              background: white;
              text-align: center;
              border-top: 1px solid #f0e9e0;
          }

          .case-caption h4 {
              font-size: 1rem;
              font-weight: 600;
              color: #1e293b;
              margin: 0;
          }

          .case-caption p {
              font-size: 0.7rem;
              color: #94a3b8;
              margin-top: 5px;
              margin-bottom: 0;
          }

          /* 左右箭头 (与讲师滑块风格一致) */
          .case-arrow {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              background: rgba(255, 255, 255, 0.95);
              border: none;
              width: 44px;
              height: 44px;
              border-radius: 50%;
              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
              cursor: pointer;
              z-index: 10;
              transition: all 0.2s;
              color: #1a6dbb;
              font-size: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              backdrop-filter: blur(2px);
          }

          .case-arrow-left {
              left: 20px;
          }

          .case-arrow-right {
              right: 8px;
          }

          .case-arrow:hover {
              background: #1a6dbb;
              color: white;
              box-shadow: 0 6px 14px rgba(249, 115, 22, 0.3);
          }

          /* 分页指示器 (dots) */
          .case-dots {
              display: flex;
              justify-content: center;
              gap: 10px;
              margin-top: 24px;
              padding-bottom: 6px;
          }

          .case-dot {
              width: 8px;
              height: 8px;
              background: #cbd5e1;
              border-radius: 50%;
              cursor: pointer;
              transition: all 0.25s ease;
          }

          .case-dot.active {
              background: #039df7;
              width: 24px;
              border-radius: 12px;
          }

          /* 响应式适配 */
          @media (max-width: 768px) {
              .case-slider-wrapper {
                  max-width: 100%;
                  margin: 0 12px;
                  border-radius: 20px;
              }

              .case-img-box img {
                  max-height: 380px;
              }

              .case-arrow-left {
                  left: 8px;
              }

              .case-arrow-right {
                  right: 8px;
              }

              .case-arrow {
                  width: 38px;
                  height: 38px;
                  font-size: 16px;
              }

              .case-caption {
                  padding: 8px 16px 14px;
              }

              .case-titlemodel .title {
                  font-size: 1.6rem;
              }

              .image-skeleton i {
                  font-size: 32px;
              }
          }

          /* 鼠标悬停微缩放 */
          .case-slide:hover .case-img-box img {
              transform: scale(1.01);
          }

          /* 学员案例 end */
          /* 学员毕业留念 star */
          .main_bg2 {
              /* padding-top: 70px;
            background: #f3f3f3;
            padding-bottom: 70px; */
          }

          .main_bg2 .biye img {
              border: none;
              vertical-align: middle;
              display: inline-block;

              width: 100%
          }

          /* 学员毕业留恋  end*/

          /* 优势服务 star */
          .main_bg3 {
              /* padding-top: 70px;
            background: #fff;
            padding-bottom: 70px; */
          }

          .advantageous-services-box {
              /* margin-top: 50px; */
          }

          .advantageous-services-box .tab-button {
              background-color: #f3f3f3;
          }

          /* 优势服务 end */

          /* 八大服务保障 star */
          .service-mode-box {
              /* padding-top: 70px;
            padding-bottom: 50px;
            background: #f3f3f3; */
          }

          .service-mode-box .titlemodel .title {
              text-align: center;
              font-size: 50px;
              font-weight: bold;
              color: rgba(40, 40, 40, 1);
          }

          .service-mode-box .container {
              /* background-color: #1d55d4; */
              overflow: hidden;
              border-radius: 50px;
              /* margin-top: 50px; */
          }

          .service-mode-box .service-mode-content {
              /* background: #fff; */
              padding: 30px;
              border-radius: 20px;

              display: flex;
              flex-direction: column;
              align-items: center;

              /* margin: 50px; */
          }

          .service-mode-box .service-mode-list {
              /* display: flex;
            column-gap: 37px;
            row-gap: 50px;
            flex-wrap: wrap;
            justify-content: space-around; */

              display: grid;
              grid-template-columns: repeat(4, 1fr);
              gap: 1.8rem;
              width: 100%;
          }

          .service-mode-box .service-mode-item {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              row-gap: 15px;

              background: #fff;
              border-radius: 0.7rem;
              padding: 1.1rem 3rem;
              box-shadow: 3px 4px 28px rgb(0 0 0 / 12%), 5px 7px 0 1px rgb(0 0 0 / 1%);
              transition: transform 0.25s ease, box-shadow 0.35s ease;
          }

          .service-mode-box .service-mode-item:hover {
              /* transform: translateY(-15px);
            box-shadow: 3px 4px 28px rgb(0 0 0 / 18%), 5px 7px 0 1px rgb(0 0 0 / 1%) */
              transform: scale(1.05);
          }

          .service-mode-box .item-icon {
              background: #1d55d4;
              /* border: 7px #1f8ceb solid; */
              border-radius: 50%;
              padding: 25px;


              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
          }

          .service-mode-box .item-line {
              height: 6px;
              width: 20%;
              border-radius: 3px;
              background: #1e5cdf;

              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
          }

          .service-mode-box .service-mode-item:hover .item-line {
              transform: scale(1.05);
              /* 增加整体的放大效果 */
              /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
              /* 鼠标悬停时的阴影效果 */
          }

          .service-mode-box .service-mode-item:hover .item-icon {
              /* transform: scale(1.05); */
              /* 增加整体的放大效果 */
              /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
              /* 鼠标悬停时的阴影效果 */
          }

          .service-mode-box .service-mode-item .item-icon img {
              width: 70px;
              height: 70px;

              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
          }

          /* .service-mode-box .service-mode-item:hover .item-icon img {
            transform: scale(1.1);
        } */

          .service-mode-box .service-mode-item .item-title {
              font-size: 22px;
              font-weight: 700;

              transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
          }

          .service-mode-box .service-mode-item:hover .item-title {
              /* transform: scale(1.1); */
              /* 增加整体的放大效果 */
          }

          .service-mode-box .service-mode-desc {
              background: #1d59d5;
              color: #fff;
              width: 50%;
              line-height: 80px;
              text-align: center;
              font-size: 32px;
              font-weight: 900;
              border-radius: 40px;

              margin-top: 50px;
          }

          /* 八大服务保障 end */

          /* 试听课程 star */
          .main_bg1 {
              /* padding-top: 70px;
            background: #fff;
            padding-bottom: 70px;    */
          }

          .ckst {
              /* background: linear-gradient(135deg, #2B5F8A 0%, #1f4768 100%); */
              /* border-radius: 48px; */
              /* padding: 48px; */
              display: flex;
              align-items: stretch;
              /* 确保左右两侧高度一致 */
              justify-content: space-between;
              flex-wrap: wrap;
              /* gap: 40px; */
              /* box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15); */
              position: relative;
              overflow: hidden;
          }

          .ckst::after {
              content: '';
              position: absolute;
              bottom: -20%;
              left: -5%;
              width: 200px;
              height: 200px;
              background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
              border-radius: 50%;
              pointer-events: none;
          }

          /* 左侧文案区 - 填满父容器高度 + 背景图 */
          .ckst-info {
              flex: 1;
              color: white;
              padding: 36px 32px;
              border-radius: 32px;
              /* background-image: url('https://picsum.photos/id/20/800/600');   */
              background-image: url('/images/v2/case/biaodan-image.png');
              background-size: cover;
              background-position: center;
              position: relative;
              z-index: 1;
              display: flex;
              flex-direction: column;
              justify-content: center;
              min-height: 100%;
              /* 确保文字在背景图之上清晰 */
          }

          /* 半透明遮罩层，增强文字可读性 */
          .ckst-info::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background: rgba(0, 0, 0, 0.5);
              border-radius: 32px;
              z-index: -1;
          }

          .ckst-info h2 {
              font-size: 2.2rem;
              font-weight: 700;
              margin-bottom: 16px;
              line-height: 1.2;
              position: relative;
          }

          .ckst-info p {
              font-size: 1rem;
              line-height: 1.6;
              margin-bottom: 24px;
              opacity: 0.95;
              position: relative;
          }

          .info-features {
              display: flex;
              flex-direction: column;
              gap: 12px;
              position: relative;
          }

          .info-features span {
              display: flex;
              align-items: center;
              gap: 10px;
              font-size: 0.95rem;
          }

          .info-features i {
              width: 24px;
              font-size: 1rem;
          }

          /* 右侧表单卡片 */
          .biaodan {
              flex: 0.9;
              background: rgba(255, 255, 255, 0.95);
              backdrop-filter: blur(10px);
              border-radius: 32px;
              padding: 36px 32px;
              box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);
              transition: transform 0.3s ease;
              margin: 25px;
          }

          .biaodan:hover {
              transform: translateY(-4px);
          }

          .shiting {
              font-size: 1.8rem;
              font-weight: 700;
              color: #2B5F8A;
              text-align: center;
              margin-bottom: 28px;
              letter-spacing: -0.5px;
          }

          .shiting i {
              margin-right: 8px;
              color: #4a6cf7;
              font-size: 1.8rem;
          }

          .biaodan form span {
              display: block;
              margin-bottom: 20px;
          }

          .biaodan label {
              display: block;
              font-weight: 600;
              color: #1e2f3e;
              margin-bottom: 8px;
              font-size: 0.9rem;
          }

          .biaodan select,
          .biaodan input {
              padding: 12px 16px;
              border: 1.5px solid #e2edf2;
              border-radius: 16px;
              font-size: 0.95rem;
              font-family: 'Inter', sans-serif;
              transition: all 0.2s;
              background: white;
          }

          .biaodan select {
              width: 100%;
          }

          .biaodan input {
              width: 92.8%;
          }

          .biaodan select:focus,
          .biaodan input:focus {
              outline: none;
              border-color: #2B5F8A;
              box-shadow: 0 0 0 3px rgba(43, 95, 138, 0.1);
          }

          .biaodan button {
              width: 100%;
              background: linear-gradient(105deg, #2B5F8A, #4a6cf7);
              color: white;
              border: none;
              padding: 14px 20px;
              border-radius: 40px;
              font-size: 1rem;
              font-weight: 600;
              cursor: pointer;
              transition: all 0.2s;
              margin-top: 8px;
              font-family: 'Inter', sans-serif;
          }

          .biaodan button:hover {
              transform: translateY(-2px);
              box-shadow: 0 8px 20px rgba(43, 95, 138, 0.3);
          }

          /* 响应式布局 */
          @media (max-width: 968px) {
              .main_bg1 {
                  padding: 60px 0;
              }

              .ckst {
                  flex-direction: column;
                  padding: 36px 28px;
              }

              .ckst-info {
                  width: 100%;
                  text-align: center;
                  padding: 40px 24px;
                  justify-content: center;
              }

              .info-features {
                  align-items: center;
              }

              .biaodan {
                  width: 100%;
                  max-width: 480px;
                  margin: 0 auto;
              }

              .shiting {
                  font-size: 1.6rem;
              }
          }

          @media (max-width: 640px) {
              .ckst {
                  padding: 28px 20px;
              }

              .biaodan {
                  padding: 28px 20px;
              }

              .ckst-info h2 {
                  font-size: 1.6rem;
              }
          }

          /* 试听课程 end */

          /* 常见问题 stat */
          .cjwt {
              display: table;
              /* padding-top: 60px; */
          }

          .cjwt ul {
              margin-left: -88px;
          }

          .cjwt ul li {
              width: 556px;
              margin-left: 167px;
              margin-bottom: 22px;
              font-size: 16px;
          }

          .cjwt ul li .sequence {
              width: 35px;
              height: 35px;
              line-height: 35px;
              color: #FFF;
              text-align: center;
              margin-right: 20px;
              background: #2c99f4;
          }

          .cjwt ul li .question {
              display: inline-block;
              text-decoration: none;
              color: #3c495a;
              line-height: 35px;
              font-weight: 400;
              font-size: 16px;
          }

          .cjwt ul li .content {
              overflow: hidden;
          }

          .cjwt ul li .content a {
              line-height: 35px;
          }

          .cjwt ul li .click {
              overflow: hidden;
          }

          .cjwt ul li .click a {
              width: 120px;
              line-height: 35px;
              text-align: center;
              background: #ec1b1d;
              color: #fff;
          }

          .cjwt ul li .click a:hover {
              background: #cc1517;
          }

          /* 常见问题 end */


          /* 联系我们 star */
          .contact-box {
              /* background: #ffffff;
            padding: 40px 0 60px; */
          }

          .contact-main {
              display: flex;
              flex-direction: column;

              /* margin-top: 50px; */
          }

          .contact-main .contact-top-box {
              display: flex;
          }

          .qrcode-img {
              flex: 0.8;
              text-align: center;
          }

          .qrcode-img img {
              width: 300px;
              height: 300px;
          }

          .contact-top-box .contact-info {
              flex: 1.2;
              text-align: left;
          }

          .contact-top-box .contact-info .contact-title {
              display: flex;
              align-items: center;
          }

          .contact-top-box .contact-info .contact-title i {
              display: block;
              font-size: 50px;
              color: #014f9a;
              margin-top: 7px;
          }

          .contact-top-box .contact-info .contact-title .contact-label {
              line-height: 80px;
              border-bottom: 2px #c3c3c3 solid;
              flex: 1;
              font-size: 29px;
              font-weight: 700;
              margin-left: 30px;
          }

          .contact-top-box .contact-info .contact-desc {
              font-size: 23px;
              margin-left: 80px;
              margin-top: 80px;
          }

          .contact-top-box .contact-info .contact-desc .desc-label {
              display: flex;
          }

          .contact-top-box .contact-info .contact-desc .desc-label span {
              flex: 1;
          }

          .contact-bottom-box {
              /* margin-top: 20px; */
          }

          .contact-bottom-box .contact-bottom-title .contact-label {
              background: #18538d;
              line-height: 2px;
              display: flex;
              justify-content: center;
          }

          .contact-bottom-box .contact-bottom-title .contact-label span {
              background: #fff;
              width: 400px;
              font-size: 30px;
              font-weight: 700;
              text-align: center;
          }

          .contact-bottom-box .contact-bottom-main .school-list {
              /* margin-top: 50px; */

              display: flex;
              flex-wrap: wrap;
              column-gap: 13px;
              row-gap: 26px;
          }

          .contact-bottom-box .contact-bottom-main .school-list .school-item {
              width: 20%;
              background: #FFF;
              border: 1px solid #0c468f;
              color: #0c468f;
              padding: 10px 29px;
              font-size: 23px;
              cursor: pointer;


              transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              text-align: center;
          }

          .contact-bottom-box .contact-bottom-main .school-list .school-item:hover {
              transform: scale(1.05);
              /* 增加整体的放大效果 */
              box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
              /* 鼠标悬停时的阴影效果 */

              background: #0c468f;
              border: 1px solid #fff;
              color: #fff;
          }

          /* 联系我们 end */

          /* 电商资讯 star */
          .dszx {
              width: 1400px;
              overflow: hidden;
          }

          .dszxT {
              height: 56px;
          }

          .dszxT ul {
              width: 1400px;
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 60px;
          }

          .dszxT ul li {
              float: left;
              /* margin-right: 20px; */
          }

          .dszxT ul li a {
              display: inline-block;
              width: 181px;
              text-align: center;
              height: 54px;
              line-height: 54px;
              font-size: 20px;
              color: #095199;
              border-radius: 8px;
              border: solid 1px #095199;
          }

          .dszxT ul li.con03Cur a {
              display: inline-block;
              background: #095199;
              color: #fff;
          }

          .dszxT ul li a:hover {
              display: inline-block;
              background: #095199;
              color: #fff;
          }

          .dszxBon {
              overflow: hidden;
              margin-top: 30px;
              display: none;
          }

          .dszx_l {
              display: table;
          }

          .dszx_l .tuijian {
              width: 850px;
              display: table;
          }

          .dszx_l .tuijian .chart,
          .chart img {
              width: 425px;
              height: 200px;
          }

          .dszx_l .tuijian .writing {
              overflow: hidden;
          }

          .dszx_l .tuijian .writing h3 {
              width: 387px;
              height: 38px;
              line-height: 38px;
              font-size: 16px;
              font-weight: bold;
              overflow: hidden;
          }

          .dszx_l .tuijian .writing .content {
              width: 387px;
              height: 160px;
              line-height: 180%;
              overflow: hidden;

              display: flex;
              flex-direction: column;
              justify-content: space-between;
          }

          .dszx_l .tuijian .writing .content .writing-content-desc {
              line-height: 27px;
          }

          .dszx_l .tuijian .writing .content .writing-content-time {
              display: flex;
              column-gap: 10px;
              justify-content: end;
              color: #999;
              font-size: 16px;
          }


          .dszx_l .article {
              margin-top: 15px;
              border-top: solid 1px #f2f2f2;
          }

          .dszx_l .article ul {
              width: 850px;
              padding-top: 10px;
          }

          .dszx_l .article ul li {
              height: 32px;
              line-height: 32px;
              padding-left: 10px;
              font-size: 16px;
              background: url(http://www.mede.com.cn/images/ghzx_bg.jpg) 0px 13px no-repeat;
          }

          .dszx_l .article ul li .span1 {
              padding-right: 10px;
          }

          .dszx_l .article ul li .span2 {
              width: 410px;
              height: 32px;
              overflow: hidden;
          }

          .dszx_l .article ul li .span3 {
              color: #999;
          }

          .dszx_r {
              width: 450px;
              height: 354px;
              overflow: hidden;
          }

          /* 电商资讯 end */

/* ===== from index.css: 优势服务 tab + 讲师轮播 ===== */
.tab-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	gap: 20px;
}

/* 每个TAB按钮样式 - 完全按照图片设计 */
.tab-button {
	flex: 1;
	/* 平均平铺 */
	background-color: #ffffff;
	border: none;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
	text-align: left;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	margin-bottom: 20px;
}

/* 移除第一个按钮的左边框 */
.tab-button:first-child {
	border-left: none;
}

.tab-button:hover {
	background-color: #f8f9fa;
}

/* 选中的TAB按钮样式 - 底部有蓝色边框 */
.tab-button.active {
	border-bottom: 5px solid #00f5fe;
}

/* 按钮内容容器 */
.tab-content {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 20px;
	justify-content: center;
}

/* 左侧数字 - 灰色 */
.tab-number {
	font-size: 24px;
	font-weight: 600;
	color: #666;
	/* 灰色数字 */
	min-width: 40px;
}

/* 右侧文本 - 深灰色 */
.tab-text {
	text-align: left;
	color: #333;
	/* 深灰色文字 */
}

.tab-main-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

/* 内容区域 */
.content-section {
	display: none;
	animation: fadeIn 0.5s ease-in-out;
}

.content-section.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/**------优势服务----------------------结束------------------**/


/**------师资团队轮播样式----------------------开始------------------**/
/* 轮播图容器 */
.slider-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.slider {
	position: relative;
	width: 100%;
	/* height: 100%; */
}

.slider-inner {
	display: flex;
	transition: transform 0.5s ease-in-out;
	/* height: 100%; */
}

/* 单个讲师卡片 */
.slide {
	flex: 0 0 20%;
	/* 一行显示5个讲师 */
	height: 100%;
	/* padding: 0 10px; */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.slide:hover {
	transition: transform 0.5s ease-in-out;
}

.instructor-photo {
	position: relative;
	overflow: hidden;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 230px;
	height: 265px;
	text-align: center;
}

.instructor-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.instructor-photo:hover img {
	transform: scale(1.05);
}

.instructor-info {
	text-align: center;
	width: 230px;
	display: flex;
	gap: 10px;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	border-radius: 0 0 15px 15px;
	margin-top: 0;
}

.instructor-name {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	text-indent: 15px;
	margin-bottom: 0;
}

.instructor-title {
	font-size: 14px;
	color: #666;
}

.try-button {
	display: inline-block;
	padding: 8px 20px;
	background-color: #1a6dbb;
	color: white;
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s;
	border: none;
	cursor: pointer;
}

.try-button:hover {
	background-color: #155fa3;
	transform: translateY(-2px);
	box-shadow: 0 5px 10px rgba(26, 109, 187, 0.3);
}

/* 左右箭头 */
.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	border-radius: 50%;
	font-size: 24px;
	color: #1a6dbb;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
	z-index: 10;
}

.arrow:hover {
	background-color: #1a6dbb;
	color: white;
}

.arrow-left {
	left: 20px;
}

.arrow-right {
	right: 20px;
}

/* 指示点 */
.dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s;
}

.dot.active {
	background-color: #1a6dbb;
	transform: scale(1.2);
}

/* 响应式调整 */
@media (max-width: 1200px) {
	.slide {
		flex: 0 0 33.333%;
		/* 一行显示3个 */
	}
}

@media (max-width: 992px) {
	.slide {
		flex: 0 0 50%;
		/* 一行显示2个 */
	}
}

@media (max-width: 768px) {
	.slide {
		flex: 0 0 100%;
		/* 一行显示1个 */
	}
}

/* 现代立体师资卡片样式 */
.teacher-card {
	position: relative;
	width: 100%;
	height: 450px;
	perspective: 1000px;
	margin: 0 auto;
}

.card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
	border-radius: 20px;
	overflow: hidden;
	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.08),
		0 1px 3px rgba(0, 0, 0, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: 2;
}

.teacher-card:hover .card-inner {
	transform: translateY(-8px) scale(1.02);
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.15),
		0 5px 15px rgba(0, 0, 0, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.card-shadow {
	position: absolute;
	bottom: -15px;
	left: 10%;
	width: 80%;
	height: 20px;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, transparent 70%);
	border-radius: 50%;
	filter: blur(10px);
	transition: all 0.4s ease;
	z-index: 1;
}

.teacher-card:hover .card-shadow {
	bottom: -25px;
	opacity: 0.6;
	transform: scale(1.1);
}

.card-image-wrapper {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	/*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
}

.image-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.teacher-image {
	width: auto;
	max-width: 85%;
	height: auto;
	max-height: calc(100% - 40px);
	object-fit: cover;
	display: block;
	margin: 20px auto;
	transition: transform 0.5s ease;
	filter: brightness(0.95);
}

.teacher-card:hover .teacher-image {
	transform: scale(1.1);
	filter: brightness(1);
}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.1) 60%,
			rgba(0, 0, 0, 0.3) 100%);
	transition: all 0.4s ease;
}

.teacher-card:hover .image-overlay {
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.05) 60%,
			rgba(0, 0, 0, 0.2) 100%);
}

.card-badge {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
	z-index: 3;
	animation: pulse 2s infinite;
}

@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
		box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
	}

	50% {
		transform: scale(1.05);
		box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
	}
}

.badge-text {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}

.card-content {
	position: relative;
	padding: 20px 25px;
	background: #fff;
	height: 190px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}

.teacher-name {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a2e;
	margin: 0;
	line-height: 1.3;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	transition: all 0.3s ease;
}

.teacher-card:hover .teacher-name {
	transform: translateX(5px);
}

.teacher-desc {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.6;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.card-decoration {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #667eea 100%);
	background-size: 200% 100%;
	animation: shimmer 3s linear infinite;
}

@keyframes shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

/* 响应式调整 */
@media (max-width: 1200px) {
	.teacher-card {
		height: 440px;
	}

	.card-image-wrapper {
		height: 280px;
	}

	.card-content {
		height: 160px;
	}

	.teacher-name {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.teacher-card {
		height: 400px;
	}

	.card-image-wrapper {
		height: 250px;
	}

	.card-content {
		padding: 15px 20px;
	}

	.teacher-name {
		font-size: 18px;
	}

	.teacher-desc {
		font-size: 13px;
	}
}

/**------师资团队轮播样式----------------------结束------------------**/

/* 新版师资卡片 star */
.slider .slider-inner {
	width: 1200px;
	/* margin: 0 auto; */
	position: relative;
	gap: 20px;
}


.slider .swiper-slide {
	height: 326px;
	background: #fff;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative;

	/* flex: 0 0 22%; */
	flex: 0 0 23%;
}

.slider .swiper-slide .swiper-main_top {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slider .swiper-slide .swiper-main_top img {
	transition: all .5s;
	width: 90%;
	transform: scale(1.05);
	position: absolute;
	bottom: 0;
	left: 14px;
	transform-origin: bottom;
}

.slider .swiper-slide:hover .swiper-main_top img {
	transform: scale(1.1)
}

.slider .swiper-slide .swiper-main_bottom {
	width: 100%;
	height: 66px;
	flex: none;
	display: flex;
	align-items: center;
	padding: 0 14px;
	box-sizing: border-box
}

.slider .swiper-slide .teacher-name {
	font-size: 18px;
	color: #242f3e;
	font-weight: 700;
	margin-right: 8px;
	flex: none
}

.slider .swiper-slide .teacher-title {
	font-size: 14px;
	color: #53586c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.slider .swiper-slide .teacher-info-mask {
	width: 100%;
	height: 0;
	padding: 20px 20px 0;
	box-sizing: border-box;
	background: rgba(15, 20, 31, .7);
	border-radius: 10px 10px 0 0;
	backdrop-filter: blur(10px);
	position: absolute;
	top: 260px;
	left: 0;
	transition: all .5s;
	/* animation: move-4c8e1988 infinite */
}

.slider .swiper-slide .teacher-info-mask .teacher-desc {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	color: #fff;
	line-height: 18px
}

.slider .swiper-slide .teacher-info-mask .teacher-info {
	margin-top: 19px;
	width: 100%;
	height: 132px;
	font-size: 14px;
	font-family: Source Han Sans CN, Source Han Sans CN-Regular;
	font-weight: Regular;
	text-align: left;
	color: #fff;
	line-height: 22px;
	word-break: break-all;
	letter-spacing: .4px;
	white-space: wrap;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	text-overflow: ellipsis;
	overflow: hidden
}

.slider .swiper-slide:hover .teacher-info-mask {
	display: block;
	height: 260px;
	top: 0
}

.slider .audition-box {
	width: 124px;
	position: absolute;
	bottom: 78px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	height: 30px;
	background: #e5ecfe;
	border-radius: 19px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 9px 0 3px;
	cursor: pointer
}

.slider .audition-box span {
	font-size: 13px;
	color: #2383d2;
	font-weight: 700;
	padding: 0 5px
}

.slider .audition-box img:first-child {
	width: 24px;
	height: 24px
}

.slider .audition-box img:last-child {
	width: 19px;
	height: 13px
}

/* 新版师资卡片 end */

/* 新版 优秀服务tabItem star */
.tab-home-about-container {
	max-width: 1400px;
	border-radius: 8px;
	border: 1px solid rgba(208, 229, 251, 0.8);
	background: linear-gradient(115deg, rgba(241, 249, 255, 0.96) 0%, rgba(224, 238, 251, 0.93) 58%, rgba(215, 231, 247, 0.92) 100%), radial-gradient(circle at 88% 20%, rgba(149, 187, 224, 0.2) 0%, rgba(149, 187, 224, 0) 65%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
	padding: clamp(10px, 1.1vw, 13px) clamp(12px, 1.3vw, 16px) clamp(14px, 1.8vw, 19px);
}

.tab-home-about-container .tab-title {
	margin: 0;
	color: #0f1f33;
	font-size: clamp(20px, 2.3vw, 22px);
	line-height: 1.2;
	font-weight: 700;
}

.tab-home-about-container .tab-desc {
	margin: 12px 0 9px;
    /* padding-top: 11px; */
    border-top: 1px solid rgba(143, 174, 204, 0.45);
    font-size: clamp(11px, 0.9vw, 15px);
    line-height: 1.65;
    color: #3f556b;
    font-weight: 600;

    display: flex;
    align-items: center;

    height: 85px;
}

.tab-home-about-container .tab-desc .tab-desc-text {
	color: #3f556b;
	font-weight: 600;
	font-size: 15px;

}

.tab-home-about-container .tab-desc .highlight-text {
	font-size: 17px;
	color: #0062b9;
}

/* tab-body-1 star */
.tab-home-about-container .tab-body-1 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-1 .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(6px, 0.8vw, 9px);

	height: 347px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .gallery-left-item {
	background: #fff;
	border: 1px solid #e2f1ff;
	border-radius: 10px;
	padding: 7px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .gallery-left-item .img-wrap {
	width: 100%;
	height: 155px;

	overflow: hidden;
	border-radius: 6px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .gallery-left-item .img-wrap img {
	width: 100%;
	/* height: clamp(80px, 9.5vw, 120px); */
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);
	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .img-wrap img:hover {
	transform: scale(1.2);
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-right {
	overflow: hidden;

	height: 347px;
	border-radius: 6px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-right img {
	width: 100%;
	height: 100%;
	/* height: clamp(170px, 20vw, 250px); */
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);
	object-fit: cover;

	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-right:hover img {
	transform: scale(1.2);
}

/* tab-body-1 end */

/* tab-body- star */
.tab-home-about-container .tab-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(196px, 21vw, 300px);
	gap: clamp(8px, 1vw, 12px);
	height: 347px;
}

.tab-home-about-container .tab-body .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-left {
	overflow: hidden;
	border-radius: 6px;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-left img {
	/* width: 100%;
	height: 100%; */
	/* height: clamp(170px, 20vw, 250px); */
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);
	object-fit: cover;

	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-left:hover img {
	transform: scale(1.2);
}


.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(6px, 0.8vw, 9px);
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right .gallery-right-item {
	overflow: hidden;
	border-radius: 6px;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right img {
	/* width: 100%; */
	/* height: clamp(80px, 9.5vw, 120px); */
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);

	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right img:hover {
	transform: scale(1.2);
}

.tab-home-about-container .tab-body .tab-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: clamp(6px, 1.8vw, 17px);
	padding: 30px 15px 30px 15px;
	background: #fff;
	border-radius: 10px;
}

.tab-home-about-container .tab-body .tab-list li {
	border-radius: 5px;
	background: #f4f6fb;
	display: flex;
	align-items: center;
	padding: 0 clamp(8px, 1vw, 12px) 0 clamp(8px, 1vw, 12px);
	position: relative;
	color: #27313f;
	font-size: clamp(11px, 0.95vw, 13px);
	line-height: 1.2;
}

.tab-home-about-container .tab-body .tab-list li img {
	width: 19px;
	height: 13px;
	margin-right: 5px;
}

.tab-home-about-container .tab-body .tab-list li span {
	font-size: 14px;
	font-weight: 600;
}

/* tab-body end */

/* tab-body-3 star */
.tab-home-about-container .tab-body-3 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-3 .tab-gallery {
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-left {
	height: 347px;

	display: flex;
    justify-content: center;
    align-items: center;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-left img {
	width: 92%;
	height: 92%;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 347px;
	flex-wrap: wrap;
	margin-left: 20px;
	justify-content: center;

	padding-top: 15px;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right .link-item {
	margin-bottom: 22px;
	width: 387px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #fff;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	color: #3a3d4b;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right .link-item:hover {
	color: #f8323c;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right .link-item .num {
	margin-right: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAh1BMVEUAAACCzv9fqv9+yf9YpP9/y/+AzP9dqf+Bz/9dqf9WoP+Bzf+Azf9hrP9kr/9Zo/9cp/9fqv9lsP9Tnv9irf9NmP9ZpP9Wof9os/9suP9Qm/9Gkf9KlP9yvv9ptv9Djf9vvP90wP92w/9uuv9Aiv94xf8+iP98yf96x/88hf85g/9/zP83gP/BPhiMAAAAEHRSTlMAVFPz29mlpYqK89zc3NlWVfGx2AAAAVBJREFUSMeVkNl2gkAUBNs9e0gEFRHXCCr8//elcYZcc0KSnvtc1Wem4K43Hg3K8nQ6Ho/7/X63y/N8u90e0jRdrxeLxTsvjuM3nsMfq6r0vMdz4l18BN5d5XkKxjv8Ox9F0S3vn7NreduPv3gKPdu/5Q8/+UaYAU/6PvkZevbf7n0KxlMYd/VJf+XnGJVaf8/PMRD6G09B7e/5KaQ+xk+h9DeeQtg+Bam/8Uuo/Z2wpCD0t30KUn/jE0j9jU+g9DGegtLfeAph+8kKSn/jKSj9bX9FQeyftALxED6D1t/h5DMofYynIPS39/AQtp9toPYn7wSlv+1vNpB7tkIg/wGpv/EU5D4NT0Htnzm+QNh+UUDtT544hRehv+2fz5gEvP8q9HWe+PkCPEv9ibdCX+1TEL9QwL38fvI1GkPfr68C+sN/+hvvBOB1Mnz4u7/n608eIdwzHIfmVgAAAABJRU5ErkJggg==);
	background-position: 0 0;
	background-size: 48px 48px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	border-radius: 10px 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

/* tab-body-3 end */

/* tab-body-4 star */
.tab-home-about-container .tab-body-4 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-4 .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 25px;
	row-gap: 8px;
	height: 347px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap {
	width: 100%;
	height: 170px;

	position: relative;
	background: linear-gradient(180deg, rgba(10, 63, 148, 0) 23%, rgba(9, 16, 32, .72));
	border-radius: 4px;
	overflow: hidden;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	z-index: 1;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;

	object-fit: cover;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .titlle {
	position: absolute;
	left: 16px;
	top: 134px;
	height: 15px;
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	color: #fff;
	line-height: 15px;
	transition: all .3s;

	z-index: 10;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .title-line {
	margin-top: 10px;
	width: 85px;
	height: 3px;
	background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
	z-index: 10;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .sub-title {
	position: absolute;
	left: 16px;
	top: 170px;
	opacity: .8;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	color: #fff;
	line-height: 13px;
	transition: all .3s;
	z-index: 10;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap:hover .titlle {
	top: 105px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap:hover .sub-title {
	top: 145px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right {
	margin-left: 10px;
	background: #fff;
	border: 1px solid #e2f1ff;
	border-radius: 10px;
	padding: 12px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right .img-wrap {
	overflow: hidden;
	border-radius: 10px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right .img-wrap img {
	border-radius: 10px;
	width: 100%;
	height: 323px;
	object-fit: cover;
	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right .img-wrap img:hover {
	transform: scale(1.2);
}

/* tab-body-4 end */

/* tab-body-5 star */
.tab-home-about-container .tab-body-5 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-5 .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item {
	position: relative;
	transition: all .5s;
	height: 347px;
	overflow: hidden;
	border-radius: 10px;
}

/* .tab-home-about-container .tab-body-5 .tab-gallery .gallery-item:hover {
	transform: translateY(-10px);
} */
.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item img {
	/* border-radius: 5px; */
	height: 310px;

	width: 100%;
    border-radius: 15px 15px 0 0;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info {
	width: 335px;
	height: 143px;
	padding: 20px 16px 0;
	box-sizing: border-box;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .8), #fff 52%);
	border-radius: 10px;
	backdrop-filter: blur(10px);
	transform: translateY(-30px);
	backdrop-filter: blur(5px);
	transition: all .5s;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item:hover .gallery-info {
	transform: translateY(-105px);
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info .title {
	margin-top: 6px;
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 700;
	color: #202228;
	line-height: 15px;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info .title-line {
	margin-bottom: 12px;
	width: 181px;
	height: 5px;
	filter: sepia(1) saturate(5) hue-rotate(202deg) brightness(0.88);
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info .desc {
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	color: #77798d;

/* ===== from all.min.css: Font Awesome 6 ===== */
 .fa {
     font-family: var(--fa-style-family, "Font Awesome 6 Free");
     font-weight: var(--fa-style, 900)
 }

 .fa,
 .fa-brands,
 .fa-classic,
 .fa-regular,
 .fa-sharp,
 .fa-solid,
 .fab,
 .far,
 .fas {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: var(--fa-display, inline-block);
     font-style: normal;
     font-variant: normal;
     line-height: 1;
     text-rendering: auto
 }

 .fa-classic,
 .fa-regular,
 .fa-solid,
 .far,
 .fas {
     font-family: "Font Awesome 6 Free"
 }

 .fa-brands,
 .fab {
     font-family: "Font Awesome 6 Brands"
 }

 .fa-1x {
     font-size: 1em
 }

 .fa-2x {
     font-size: 2em
 }

 .fa-3x {
     font-size: 3em
 }

 .fa-4x {
     font-size: 4em
 }

 .fa-5x {
     font-size: 5em
 }

 .fa-6x {
     font-size: 6em
 }

 .fa-7x {
     font-size: 7em
 }

 .fa-8x {
     font-size: 8em
 }

 .fa-9x {
     font-size: 9em
 }

 .fa-10x {
     font-size: 10em
 }

 .fa-2xs {
     font-size: .625em;
     line-height: .1em;
     vertical-align: .225em
 }

 .fa-xs {
     font-size: .75em;
     line-height: .08333em;
     vertical-align: .125em
 }

 .fa-sm {
     font-size: .875em;
     line-height: .07143em;
     vertical-align: .05357em
 }

 .fa-lg {
     font-size: 1.25em;
     line-height: .05em;
     vertical-align: -.075em
 }

 .fa-xl {
     font-size: 1.5em;
     line-height: .04167em;
     vertical-align: -.125em
 }

 .fa-2xl {
     font-size: 2em;
     line-height: .03125em;
     vertical-align: -.1875em
 }

 .fa-fw {
     text-align: center;
     width: 1.25em
 }

 .fa-ul {
     list-style-type: none;
     margin-left: var(--fa-li-margin, 2.5em);
     padding-left: 0
 }

 .fa-ul>li {
     position: relative
 }

 .fa-li {
     left: calc(var(--fa-li-width, 2em)*-1);
     position: absolute;
     text-align: center;
     width: var(--fa-li-width, 2em);
     line-height: inherit
 }

 .fa-border {
     border-radius: var(--fa-border-radius, .1em);
     border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
     padding: var(--fa-border-padding, .2em .25em .15em)
 }

 .fa-pull-left {
     float: left;
     margin-right: var(--fa-pull-margin, .3em)
 }

 .fa-pull-right {
     float: right;
     margin-left: var(--fa-pull-margin, .3em)
 }

 .fa-beat {
     -webkit-animation-name: fa-beat;
     animation-name: fa-beat;
     -webkit-animation-delay: var(--fa-animation-delay, 0s);
     animation-delay: var(--fa-animation-delay, 0s);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
     animation-timing-function: var(--fa-animation-timing, ease-in-out)
 }

 .fa-bounce {
     -webkit-animation-name: fa-bounce;
     animation-name: fa-bounce;
     -webkit-animation-delay: var(--fa-animation-delay, 0s);
     animation-delay: var(--fa-animation-delay, 0s);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
     animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
 }

 .fa-fade {
     -webkit-animation-name: fa-fade;
     animation-name: fa-fade;
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
     animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
 }

 .fa-beat-fade,
 .fa-fade {
     -webkit-animation-delay: var(--fa-animation-delay, 0s);
     animation-delay: var(--fa-animation-delay, 0s);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s)
 }

 .fa-beat-fade {
     -webkit-animation-name: fa-beat-fade;
     animation-name: fa-beat-fade;
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
     animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
 }

 .fa-flip {
     -webkit-animation-name: fa-flip;
     animation-name: fa-flip;
     -webkit-animation-delay: var(--fa-animation-delay, 0s);
     animation-delay: var(--fa-animation-delay, 0s);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
     animation-timing-function: var(--fa-animation-timing, ease-in-out)
 }

 .fa-shake {
     -webkit-animation-name: fa-shake;
     animation-name: fa-shake;
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, linear);
     animation-timing-function: var(--fa-animation-timing, linear)
 }

 .fa-shake,
 .fa-spin {
     -webkit-animation-delay: var(--fa-animation-delay, 0s);
     animation-delay: var(--fa-animation-delay, 0s);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal)
 }

 .fa-spin {
     -webkit-animation-name: fa-spin;
     animation-name: fa-spin;
     -webkit-animation-duration: var(--fa-animation-duration, 2s);
     animation-duration: var(--fa-animation-duration, 2s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, linear);
     animation-timing-function: var(--fa-animation-timing, linear)
 }

 .fa-spin-reverse {
     --fa-animation-direction: reverse
 }

 .fa-pulse,
 .fa-spin-pulse {
     -webkit-animation-name: fa-spin;
     animation-name: fa-spin;
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
     animation-timing-function: var(--fa-animation-timing, steps(8))
 }

 @media (prefers-reduced-motion:reduce) {

     .fa-beat,
     .fa-beat-fade,
     .fa-bounce,
     .fa-fade,
     .fa-flip,
     .fa-pulse,
     .fa-shake,
     .fa-spin,
     .fa-spin-pulse {
         -webkit-animation-delay: -1ms;
         animation-delay: -1ms;
         -webkit-animation-duration: 1ms;
         animation-duration: 1ms;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-transition-delay: 0s;
         transition-delay: 0s;
         -webkit-transition-duration: 0s;
         transition-duration: 0s
     }
 }

 @-webkit-keyframes fa-beat {

     0%,
     90% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     45% {
         -webkit-transform: scale(var(--fa-beat-scale, 1.25));
         transform: scale(var(--fa-beat-scale, 1.25))
     }
 }

 @keyframes fa-beat {

     0%,
     90% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     45% {
         -webkit-transform: scale(var(--fa-beat-scale, 1.25));
         transform: scale(var(--fa-beat-scale, 1.25))
     }
 }

 @-webkit-keyframes fa-bounce {
     0% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     10% {
         -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
         transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
     }

     30% {
         -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
         transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
     }

     50% {
         -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
         transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
     }

     57% {
         -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
         transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
     }

     64% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     to {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }
 }

 @keyframes fa-bounce {
     0% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     10% {
         -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
         transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
     }

     30% {
         -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
         transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
     }

     50% {
         -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
         transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
     }

     57% {
         -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
         transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
     }

     64% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     to {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }
 }

 @-webkit-keyframes fa-fade {
     50% {
         opacity: var(--fa-fade-opacity, .4)
     }
 }

 @keyframes fa-fade {
     50% {
         opacity: var(--fa-fade-opacity, .4)
     }
 }

 @-webkit-keyframes fa-beat-fade {

     0%,
     to {
         opacity: var(--fa-beat-fade-opacity, .4);
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     50% {
         opacity: 1;
         -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
         transform: scale(var(--fa-beat-fade-scale, 1.125))
     }
 }

 @keyframes fa-beat-fade {

     0%,
     to {
         opacity: var(--fa-beat-fade-opacity, .4);
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     50% {
         opacity: 1;
         -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
         transform: scale(var(--fa-beat-fade-scale, 1.125))
     }
 }

 @-webkit-keyframes fa-flip {
     50% {
         -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
         transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
     }
 }

 @keyframes fa-flip {
     50% {
         -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
         transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
     }
 }

 @-webkit-keyframes fa-shake {
     0% {
         -webkit-transform: rotate(-15deg);
         transform: rotate(-15deg)
     }

     4% {
         -webkit-transform: rotate(15deg);
         transform: rotate(15deg)
     }

     8%,
     24% {
         -webkit-transform: rotate(-18deg);
         transform: rotate(-18deg)
     }

     12%,
     28% {
         -webkit-transform: rotate(18deg);
         transform: rotate(18deg)
     }

     16% {
         -webkit-transform: rotate(-22deg);
         transform: rotate(-22deg)
     }

     20% {
         -webkit-transform: rotate(22deg);
         transform: rotate(22deg)
     }

     32% {
         -webkit-transform: rotate(-12deg);
         transform: rotate(-12deg)
     }

     36% {
         -webkit-transform: rotate(12deg);
         transform: rotate(12deg)
     }

     40%,
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 }

 @keyframes fa-shake {
     0% {
         -webkit-transform: rotate(-15deg);
         transform: rotate(-15deg)
     }

     4% {
         -webkit-transform: rotate(15deg);
         transform: rotate(15deg)
     }

     8%,
     24% {
         -webkit-transform: rotate(-18deg);
         transform: rotate(-18deg)
     }

     12%,
     28% {
         -webkit-transform: rotate(18deg);
         transform: rotate(18deg)
     }

     16% {
         -webkit-transform: rotate(-22deg);
         transform: rotate(-22deg)
     }

     20% {
         -webkit-transform: rotate(22deg);
         transform: rotate(22deg)
     }

     32% {
         -webkit-transform: rotate(-12deg);
         transform: rotate(-12deg)
     }

     36% {
         -webkit-transform: rotate(12deg);
         transform: rotate(12deg)
     }

     40%,
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 }

 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     to {
         -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }

 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     to {
         -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }

 .fa-rotate-90 {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .fa-rotate-180 {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .fa-rotate-270 {
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg)
 }

 .fa-flip-horizontal {
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1)
 }

 .fa-flip-vertical {
     -webkit-transform: scaleY(-1);
     transform: scaleY(-1)
 }

 .fa-flip-both,
 .fa-flip-horizontal.fa-flip-vertical {
     -webkit-transform: scale(-1);
     transform: scale(-1)
 }

 .fa-rotate-by {
     -webkit-transform: rotate(var(--fa-rotate-angle, none));
     transform: rotate(var(--fa-rotate-angle, none))
 }

 .fa-stack {
     display: inline-block;
     height: 2em;
     line-height: 2em;
     position: relative;
     vertical-align: middle;
     width: 2.5em
 }

 .fa-stack-1x,
 .fa-stack-2x {
     left: 0;
     position: absolute;
     text-align: center;
     width: 100%;
     z-index: var(--fa-stack-z-index, auto)
 }

 .fa-stack-1x {
     line-height: inherit
 }

 .fa-stack-2x {
     font-size: 2em
 }

 .fa-inverse {
     color: var(--fa-inverse, #fff)
 }

 .fa-file-alt:before,
 .fa-file-lines:before,
 .fa-file-text:before {
     content: "\f15c"
 }

 .fa-calendar-alt:before,
 .fa-calendar-days:before {
     content: "\f073"
 }

 .fa-bars:before,
 .fa-navicon:before {
     content: "\f0c9"
 }

 .fa-paint-brush:before,
 .fa-paintbrush:before {
     content: "\f1fc"
 }

 .fa-users:before {
     content: "\f0c0"
 }

 .fa-chevron-up:before {
     content: "\f077"
 }

 .fa-repeat:before {
     content: "\f363"
 }

 .fa-fire:before {
     content: "\f06d"
 }

 .fa-train:before {
     content: "\f238"
 }

 .fa-image:before {
     content: "\f03e"
 }

 .fa-rotate-back:before,
 .fa-rotate-backward:before,
 .fa-rotate-left:before,
 .fa-undo-alt:before {
     content: "\f2ea"
 }

 .fa-check-circle:before,
 .fa-circle-check:before {
     content: "\f058"
 }

 .fa-shield-alt:before,
 .fa-shield-halved:before {
     content: "\f3ed"
 }

 .fa-chart-line:before,
 .fa-line-chart:before {
     content: "\f201"
 }

 .fa-diamond:before {
     content: "\f219"
 }

 .fa-camera-alt:before,
 .fa-camera:before {
     content: "\f030"
 }

 .fa-clock-four:before,
 .fa-clock:before {
     content: "\f017"
 }

 .fa-cny:before,
 .fa-jpy:before,
 .fa-rmb:before,
 .fa-yen-sign:before,
 .fa-yen:before {
     content: "\f157"
 }

 .fa-location-dot:before,
 .fa-map-marker-alt:before {
     content: "\f3c5"
 }

 .fa-magnifying-glass:before,
 .fa-search:before {
     content: "\f002"
 }

 .fa-chevron-down:before {
     content: "\f078"
 }

 .fa-chalkboard-teacher:before,
 .fa-chalkboard-user:before {
     content: "\f51c"
 }

 .fa-store:before {
     content: "\f54e"
 }

 .fa-chevron-left:before {
     content: "\f053"
 }

 .fa-chevron-right:before {
     content: "\f054"
 }

 .fa-briefcase:before {
     content: "\f0b1"
 }

 .fa-video-camera:before,
 .fa-video:before {
     content: "\f03d"
 }

 .fa-graduation-cap:before,
 .fa-mortar-board:before {
     content: "\f19d"
 }

 .fa-sr-only,
 .fa-sr-only-focusable:not(:focus),
 .sr-only,
 .sr-only-focusable:not(:focus) {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border-width: 0
 }

 :host,
 :root {
     --fa-style-family-brands: "Font Awesome 6 Brands";
     --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
 }

 .fa-brands,
 .fab {
     font-weight: 400
 }

 :host,
 :root {
     --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
 }

 .fa-regular,
 .far {
     font-weight: 400
 }

 :host,
 :root {
     --fa-style-family-classic: "Font Awesome 6 Free";
     --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
 }

 @font-face {
     font-family: "Font Awesome 6 Free";
     font-style: normal;
     font-weight: 900;
     font-display: block;
     src: url(/webfonts/fa-solid-900.woff2) format("woff2")
 }

 .fa-solid,
 .fas {
     font-weight: 900
 }