@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,800");

body {
  font-family: "Poppins";
}

#wrapper {
  width: 1280px;
}

.bg_header {
  background: url("../img/bg_header.png") no-repeat right top;
}

#header .logo {
  background: url("../img/AI-Center.webp") no-repeat center;
  margin-top: 40px;
}

#header .top_menu {
  margin-top: 55px;
}

#header .top_menu ul li {
  list-style: none;
  display: inline;
}

.top_menu a {
  color: #0065b4;
  font-size: 14px;
  font-weight: bold;
}

/*sprites icon*/
.bg-b_fine {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -10px -10px;
  display: inline-block;
}

.bg-b_improve {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -94px -10px;
  display: inline-block;
}

.bg-b_time {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -10px -94px;
  display: inline-block;
}

.bg-b_integrate {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -94px -94px;
  display: inline-block;
}

.bg-b_quick {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -178px -10px;
  display: inline-block;
}

.bg-b_low {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -178px -94px;
  display: inline-block;
}

.bg-b_user {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -10px -178px;
  display: inline-block;
}

.bg-b_reduce {
  width: 64px;
  height: 64px;
  background: url("../img/css_sprites.webp") -94px -178px;
  display: inline-block;
}
.bg-leaflet {
  width: 16px;
  height: 18px;
  background: url("../img/css_sprites.webp") -290px -262px;
  display: inline-block;
  margin-right: 5px;
}
.bg-slide {
  width: 18px;
  height: 17px;
  background: url("../img/css_sprites.webp") -337px -290px;
  display: inline-block;
  margin-right: 5px;
}
.bg-AI_icon {
  width: 45px;
  height: 62px;
  background: url("../img/css_sprites.webp") -262px -170px;
  display: inline-block;
  margin-right: 15px;
}
.bg-blockchain_icon {
  width: 56px;
  height: 60px;
  background: url("../img/css_sprites.webp") -178px -178px;
  display: inline-block;
  margin-right: 15px;
}
.bg-iot_icon {
  width: 55px;
  height: 60px;
  background: url("../img/css_sprites.webp") -262px -10px;
  display: inline-block;
  margin-right: 15px;
}
.bg-datascience_icon {
  width: 55px;
  height: 60px;
  background: url("../img/css_sprites.webp") -262px -90px;
  display: inline-block;
  margin-right: 15px;
}

.bg-f_automatic {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -10px -262px;
  display: inline-block;
}

.bg-f_bigdata {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -80px -262px;
  display: inline-block;
}

.bg-f_device {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -150px -262px;
  display: inline-block;
}

.bg-f_scalabe {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -220px -262px;
  display: inline-block;
}

.bg-f_rich {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -337px -10px;
  display: inline-block;
}

.bg-f_remote {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -337px -80px;
  display: inline-block;
}

.bg-f_cloud {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -337px -150px;
  display: inline-block;
}

.bg-f_high {
  width: 50px;
  height: 50px;
  background: url("../img/css_sprites.webp") -337px -220px;
  display: inline-block;
}
/*-------------------------------*/

.benifit {
  border: solid 0.5px #cecece;
  width: 270px;
  height: 212px;
  border-radius: 25px 0px 25px 0px;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 40px;
}

.benifit p {
  width: 210px;
  font-family: "Segoe UI";
  font-size: 18px;
  text-align: center;
  margin: auto;
}

.benifit img {
  margin-bottom: 20px;
}

.text_big {
  color: #0066b4;
  font-size: 40px;
  font-weight: 800;
}

.text_medium {
  color: #222222;
  font-size: 30px;
  font-weight: 500;
}

.h_120 {
  height: 120px;
}

.hr {
  border-bottom: solid 2.5px;
  border-color: #5e5e5e;
  width: 58px;
  margin-bottom: 25px;
}

.rec {
  border-radius: 25px 0px 25px 0px;
  background-color: #27c8d2;
  height: 42px;
  text-align: center;
  padding-top: 12px;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 3px;
  padding: 13px 35px 13px 35px;
}

.text_sm {
  font-family: "Segoe UI";
  font-size: 14px;
  color: #222222;
  width: 80%;
}

.section_title,
.contact-title {
  color: #222222;
  font-weight: 500px;
  font-size: 30px;
  text-align: center;
  margin-top: 50px;
}

#feature {
  background: url("../img/bg_feature.webp") no-repeat center;
  height: 706px;
}

.feature ul li {
  list-style: none;
  font-family: "Segoe UI";
  font-size: 24px;
  color: #ffffff;
  text-align: left;
  line-height: 24px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.feature ul li img {
  margin-right: 20px;
}

.feature-left {
  padding-left: 70px;
}

.feature-header {
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  margin-top: 150px;
  font-weight: 800;
}

.solution-item {
  border-radius: 25px 0px 25px 0px;
  border: solid 1px #27c8d2;
  height: 42px;
  color: #27c8d2;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  float: left;
  margin-right: 15px;
  padding: 12px 20px 0px 20px;
}

.solution-item img {
  margin-right: 10px;
}

.solution-item a {
  color: inherit;
  text-decoration: none;
}

.explore-more {
  color: #222222;
  font-size: 14px;
  font-weight: bold;
  font-family: "Segoe UI";
  margin-top: 25px;
}

.about-us-header {
  color: #0c91d1;
  font-size: 40px;
  font-weight: 800;
  margin-top: 120px;
  margin-bottom: 10px;
  text-align: center;
}

.rec_no_bg_a1,
.rec_no_bg_a2,
.rec_no_bg_a3 {
  border-radius: 25px 0px 25px 0px;
  border: #259dd8 solid 1px;
  text-align: center;
  font-size: 20px;
  float: left;
  height: 140px;
  margin-right: 30px;
  padding: 15px 20px 0px 20px;
  color: #4c4c4c;
}

.rec_no_bg_a1 {
  width: 430px;
  margin-left: 0px;
  vertical-align: middle;
  line-height: 86px;
  justify-content: center;
  align-items: center;
}

.rec_no_bg_a2 {
  width: 360px;
  vertical-align: middle;
  line-height: 86px;
  justify-content: center;
  align-items: center;
}

.rec_no_bg_a3 {
  width: 430px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
.about-sub h1 {
  color: #2c6cb4;
  margin-top: 0;
  font-size: 48px;
}
.about-sub h5 {
  font-size: 20px;
}
.about-us-sub {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 70px;
}

.col-sm-6 {
  padding-left: 100px;
}

.tma-bg1-img,
.tma-bg2-img {
  width: 100%;
}

.tma-bg1-img img {
  width: 650px;
  height: 300px;
  margin-left: -85px;
}

.TMA-favicon {
  margin-left: 100px;
}

.tma-bg2-img img {
  width: 560px;
  height: 300px;
  margin-left: -85px;
}

.about-us-sub img {
  position: absolute;
}

.tma-center-content {
  font-family: "Segoe UI";
  font-size: #222222;
  font-size: 16px;
}

.tma-center-title {
  color: #000000;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

.tma-center-title:after,
.section_title:after {
  content: "";
  display: block;
  width: 58px;
  padding-top: 20px;
  border-bottom: 2.5px solid #5e5e5e;
}

.section_title:after {
  margin: 0 auto;
}

#our-solution {
  background: url("../img/bg_solution.webp") no-repeat center;
  padding-top: 200px;
  margin-top: 100px;
}

.footer1 {
  height: 690px;
  margin-top: 130px;
}

.contact-bg {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.contact-bg img {
  width: 100%;
}

.contact-title {
  z-index: 2;
  position: relative;
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
}

.contact-address {
  position: relative;
  z-index: 2;
  background-color: #2c3074;
  width: 600px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 12px;
  border-radius: 15px;
}

.addr-map {
  padding: 12px;
  background-color: white;
}

.addr_map_title {
  font-size: 18px;
  color: black;
  font-weight: bold;
  padding-bottom: 8px;
}

iframe {
  width: 540px;
  height: 250px;
  border-radius: 10px;
}

#footer2 {
  margin-top: -200px;
  background-color: #2c3074;
  z-index: 3;
  color: white;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 30px;
}

.contact-bg img {
  margin-left: -15px;
}

.footer2-img {
  width: 250px;
  margin: 0 auto;
}

.footer2-img .img-dolphin {
  width: 100%;
}

.footer2-title-sm {
  position: relative;
  padding-top: 2%;
  font-size: 30px;
  font-family: "Segoe UI";
}

.footer2-inf {
  padding-top: 2%;
  font-size: 14px;
}

.footer2-inf a,
.rec a {
  color: #ffffff;
  text-decoration: none;
}

.scroll_to_top {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #1eb2ff;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 20px;
  display: none;
  border-radius: 50%;
}

.scroll_to_top i {
  font-size: 45px;
  color: #ffffff;
}

.scroll_to_top:hover {
  text-decoration: none;
}

.shadow-3 {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.radius-20 {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.padding-15 {
  padding: 25px;
  height: 340px;
}
.about-img {
  height: 85px;
  object-fit: contain;
  overflow: hidden;
  margin-bottom: 2.5em;
  align-items: center;
  margin-top: 15px;
}
.logo-tma {
  width: 180px;
}
.logo-tma img {
  max-width: 180px;
}
.logo-tic {
  width: 270px;
}
.logo-tic img {
  max-width: 270px;
}
.about-content {
  margin-bottom: 2em;
  line-height: 1.6;
  color: #4c4c4c;
  font-size: 16px;
}
.about-content a {
  color: #399cd5;
  margin-bottom: 5px;
  display: block;
}

.section-title {
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans",
    "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box-shadow {
  -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.31);
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.31);
}
#about-us {
  margin-bottom: 5em;
  font-family: "Poppins";
}
#wrapper #content .brands-recog {
  margin-top: 7em;
}

#about-us {
  padding-top: 4%;
  padding-bottom: 4%;
}

@media (min-width: 1500px) {
  #about-us .container {
    width: 1200px;
  }
}

#about-us .about-card {
  background: #fff;
  max-width: 920px;
  padding: 6.5% 30px;
  margin: 0 auto;
  margin-bottom: 4.6%;
  border-radius: 20px;
  margin-top: 3em;
}

#about-us .about-card .rightside > img {
  display: inline-block;
  max-width: 280px;
  width: 100%;
}

#about-us .about-card .title > a {
  font-size: 18px;
  display: inline-block;
  color: #399cd5;
}

#about-us .about-card .content {
  font-size: 16px;
  font-weight: 400;
  color: #4c4c4c;
}

#about-us .industry h5 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 36px;
  color: #0076bf;
}

#about-us .industry h5 .pink-highlight {
  color: #ea5579;
  font-size: 60px;
  vertical-align: sub;
  margin-right: 7px;
}

#about-us .industry .descbox {
  background: #fff;
  padding: 20px 5px;
  font-size: 26px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

#about-us .industry .descbox.blue-box {
  border: 3px solid #10a5ec;
  color: #10a5ec;
}

#about-us .industry .descbox.pink-box {
  border: 3px solid #ea5579;
  color: #ea5579;
}

#about-us .industry .descbox.light-greenbox {
  border: 3px solid #36bdb1;
  color: #36bdb1;
}

#about-us .industry .descbox.violet-box {
  border: 3px solid #903c96;
  color: #903c96;
}

#about-us .industry .descbox img {
  margin-right: 15px;
}

.section-title.contact::after {
  background-color: #fff;
}

.descbox {
  font-weight: 700;
  line-height: 1.67;
  padding: 35px 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.descbox.orange {
  background-image: linear-gradient(57deg, #f36f27, #f08f3f);
}

.descbox.blue {
  background-image: linear-gradient(57deg, #0079c1, #0da7e0);
}

.descbox.pink {
  background-image: linear-gradient(57deg, #ea5578, #ee868a);
}

.descbox.green {
  background-image: linear-gradient(91deg, #299c91, #2cbeb0);
}

.screenshot {
  margin-top: 5em;
}
.swiper-pagination {
  position: initial;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  margin-right: 15px;
}
.swiper-wrapper {
  z-index: 0;
}
.swiper-wrapper p {
  color: #000;
}
.swiper-pagination-bullet {
  background: none !important;
  border: 1px solid #ccc;
  opacity: unset;
  padding: 3px;
}

.swiper-pagination-bullet-active {
  background: #ccc !important;
}
.swiper-container {
  width: 100%;
  /*overflow: inherit;*/
  padding: 14px 0 2% 0;
  margin: 10px 0;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 640px;
  height: 300px;
  background: #fff;
}
.swiper-slide .imgBx {
  width: 100%;
  overflow: hidden;
}
.swiper-slide img {
  padding: 0px;
}
.swiper-slide .details span {
  padding-bottom: 15px;
}
.swiper-slide .details {
  box-sizing: border-box;
  font-size: 15px;
  padding: 20px;
  text-align: center;
  color: #0076bf;
}
.swiper-slide .details h4 {
  margin: 0;
  padding-bottom: 15px;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
}
.swiper-slide .top {
  padding: 20px 38px 0 10px;
}
.swiper-slide .last {
  padding: 20px 10px 0 41px;
}
.swiper-slide .top h4,
.swiper-slide .diff h4 {
  padding-bottom: 0 !important;
}
.swiper-slide .top p,
.swiper-slide .diff p {
  padding-top: 15px;
}
.pswp__bg {
  opacity: 0.7 !important;
}