.company_intro {
  width: calc(500*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  height: calc(80*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  z-index: 9;
  bottom: calc(-40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tabs {
  display: flex;
}
.company_intro a{
  display: block;
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1)
}
.tab {
  width: calc(240*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(80*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  cursor: pointer;
  color: #333;
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.tab .img_tabs_icon {
  width: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab .img_tabs_icon img {
  width: calc(26*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab i {
  font-size: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.tab.active i {
  color: white;
}
.tab.active .img_tabs_icon img {
  filter: brightness(0) invert(1);
}
.tab.active {
  width: calc(240*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(80*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/icon_bg.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.tab i.active {
  color: #fff;
}
.tab:not(.active) .i {
  color: #0078d7;
}
.research-content {
  width: 100%;
  margin-bottom: calc(120*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .rese-content {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
}
.research-content .rese-content .swiper-resecont {
  padding-top: calc(66*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}
.research-content .resea-cobutton {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(128*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tab-header {
  display: flex;
  position: relative;
  height: calc(70*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  align-items: center;
  justify-content: center;
  border: 1px solid #023894;
  margin-top: calc(54*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list {
  display: flex;
  border-bottom: 1px solid #EEEEEE;
  padding-top: calc(72*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(50*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-left {
  width: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-left img {
  width: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(280*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-right {
  margin-left: calc(43*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-top: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-right .right-01 {
  font-size: calc(28*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #000000;
  position: relative;
  margin-bottom: calc(32*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-right .right-01::after {
  content: "";
  display: block;
  width: calc(328*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(6*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/s.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-right .right-02 {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #222222;
  margin-bottom: calc(46*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tabs-top-list .tabs-top-right .right-03 {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #505157;
  line-height: calc(26*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tb-list {
  padding-top: calc(50*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: calc(50*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tb-list:last-child {
  border: none;
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs {
  width: calc(278*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(360*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs .it-conaetbak {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs img {
  width: calc(278*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(360*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs .it-conaetbak {
  width: calc(278*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(154*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs .item-cont {
  position: absolute;
  bottom: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs .item-cont span {
  display: block;
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #ffffff;
  margin-bottom: calc(13*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.research-content .resea-cobutton .tabs-list .tb-list .ta-item-tabs .item-cont i {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #ffffff;
}
.research-content .resea-cobutton .tab-title {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #3a3a40;
  cursor: pointer;
  position: relative;
  z-index: 2;
  width: calc(300*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(70*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(70*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
}
.research-content .resea-cobutton .tab-title.active {
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #fff;
  width: calc(300*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(70*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(70*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  background: #023894;
}
.research-content .resea-cobutton .tab-highlight {
  position: absolute;
  bottom: calc(-14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 0;
  height: calc(2*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background-color: #023894;
  z-index: 1;
}
.tabs-cont-top {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(175*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tabs-cont-top span {
  font-size: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #050505;
  display: block;
  margin-bottom: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tabs-cont-top i {
  font-size: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 300;
  color: #999999;
}
.mySwiper {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content {
  display: flex;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-left {
  width: calc(600*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(67*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-left img {
  width: calc(600*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right {
  padding-top: calc(17*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img {
  width: 100%;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img img {
  max-width: 100%;
  max-height: 100%;
  margin-bottom: calc(39*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img i {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #16293a;
  line-height: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 {
  position: absolute;
  bottom: calc(17*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a {
  width: calc(168*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(53*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: calc(28.5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #023894;
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #023894;
  border-radius: calc(28.5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: transparent;
  z-index: 1;
  pointer-events: none;
  transition: border-color 0.3s;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #023894;
  border-radius: calc(28.5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a:hover,
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a:focus {
  color: #fff;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a:hover::after,
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a:focus::after {
  transform: scaleX(1);
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a:hover img,
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a:focus img {
  filter: brightness(0) invert(1);
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo img {
  margin-left: calc(6*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  width: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transition: filter 0.3s;
  margin-bottom: 0;
}
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a > span,
.mySwiper .swiper-wrapper .swiper-slide .sw-content .resea-right .res-top-img .incont-3 .a-gengduo a > img {
  position: relative;
  z-index: 2;
}
.swiper-prev-next {
  position: absolute;
  right: 0;
  bottom: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  z-index: 99;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  font-weight: bold;
  color: #333 !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  font-weight: bold;
  color: #333;
  transition: color 0.3s ease;
}
.swiper-button-next,
.swiper-button-prev {
  width: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 0 !important;
  margin-left: calc(13*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transition: color 0.3s ease;
  border: 1px solid #E3E4E6;
}
.swiper-button-next:hover:after {
  color: white !important;
}
.swiper-button-prev:hover:after {
  color: white !important;
}
.swiper-button-next:hover {
  background: #023894 !important;
  border: 1px solid #023894 !important;
}
.swiper-button-prev:hover {
  background: #023894 !important;
  border: 1px solid #023894 !important;
}
.swiper-button-next,
.swiper-button-prev {
  position: initial !important;
}
.tab-rongyu {
  width: 100%;
  background-color: #f6f7fa;
  padding-bottom: calc(100*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.custom-tab-container {
  width: 100%;
  font-family: Arial, sans-serif;
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(111*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-nav {
  position: relative;
}
.tab-img-mapen {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  margin-top: calc(57*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list {
  width: 100%;
  height: calc(290*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #ffffff;
  display: flex;
  align-items: center;
  margin-bottom: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list .tab-img-left {
  width: calc(380*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(250*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-left: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list .tab-img-left img {
  width: calc(380*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(250*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list .tab-img-right {
  margin-left: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list .tab-img-right .tab-text01 {
  font-size: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #050505;
  margin-bottom: calc(32*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list .tab-img-right .tab-text02 {
  width: calc(726*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #7a8189;
  line-height: calc(28*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(75*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-img-mapen .tab-img-list .tab-img-right .tab-text03 {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #a0a5ab;
}
.tab-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
.tab-item {
  margin-right: calc(90*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  cursor: pointer;
  transition: color 0.3s ease;
  white-space: nowrap;
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #3A3A40;
}
.cutab-rl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-right-search {
  width: calc(350*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(60*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #fff;
  border-radius: calc(6*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-right-search form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-right-search form input {
  border: none;
  background: transparent;
  padding-left: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-right-search form ::-webkit-input-placeholder {
  color: #757575;
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.tab-right-search form button {
  cursor: pointer;
  width: calc(70*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(60*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-item.active-tab {
  color: #023894;
  font-weight: bold;
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.active-indicator {
  position: absolute;
  bottom: calc(-14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 0;
  height: 2px;
  width: calc(72*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  background-color: #023894;
  transition: all 0.3s ease;
}
.tab-panels {
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pagination-prev,
.pagination-next {
  background: #fff !important;
}
.pagination-item {
  background-color: #fff !important;
}
.pagination-item:hover {
  background-color: #023894 !important;
}
.pagination-item.active {
  background-color: #023894 !important;
}
.pagination-prev:hover,
.pagination-next:hover {
  background-color: #023894 !important;
  color: #fff !important;
}