@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.color-white {
  color: #fff;
}

.color-black-100 {
  color: #121314;
}

.color-black-90 {
  color: #2c2d2e;
}

.color-black-80 {
  color: #494a4a;
}

.color-black-70 {
  color: #656667;
}

.color-black-60 {
  color: #828383;
}

.color-black-50 {
  color: #9f9fa0;
}

.color-black-40 {
  color: #bcbcbc;
}

.color-black-30 {
  color: #d8d8d9;
}

.color-black-20 {
  color: #f5f5f5;
}

.color-green-100 {
  color: #399c3f;
}

.color-green-90 {
  color: #52a957;
}

.color-green-80 {
  color: #6bb56f;
}

.color-green-70 {
  color: #84c287;
}

.color-green-60 {
  color: #9cce9f;
}

.color-green-50 {
  color: #cce5ce;
}

.color-red-100 {
  color: #e30d20;
}

.color-red-90 {
  color: #e72c3c;
}

.color-red-80 {
  color: #ea4a58;
}

.color-red-70 {
  color: #ee6874;
}

.color-red-60 {
  color: #f18690;
}

.color-yellow-100 {
  color: #fab933;
}

.color-yellow-90 {
  color: #fbc24d;
}

.color-yellow-80 {
  color: #fccb66;
}

.color-yellow-70 {
  color: #fdd480;
}

.color-yellow-60 {
  color: #fddc99;
}

.bg-white {
  background-color: #fff;
}

.bg-black-100 {
  background-color: #121314;
}

.bg-black-90 {
  background-color: #2c2d2e;
}

.bg-black-80 {
  background-color: #494a4a;
}

.bg-black-70 {
  background-color: #656667;
}

.bg-black-60 {
  background-color: #828383;
}

.bg-black-50 {
  background-color: #9f9fa0;
}

.bg-black-40 {
  background-color: #bcbcbc;
}

.bg-black-30 {
  background-color: #d8d8d9;
}

.bg-black-20 {
  background-color: #f5f5f5;
}

.bg-green-100 {
  background-color: #399c3f;
}

.bg-green-90 {
  background-color: #52a957;
}

.bg-green-80 {
  background-color: #6bb56f;
}

.bg-green-70 {
  background-color: #84c287;
}

.bg-green-60 {
  background-color: #9cce9f;
}

.bg-green-50 {
  background-color: #cce5ce;
}

.bg-red-100 {
  background-color: #e30d20;
}

.bg-red-90 {
  background-color: #e72c3c;
}

.bg-red-80 {
  background-color: #ea4a58;
}

.bg-red-70 {
  background-color: #ee6874;
}

.bg-red-60 {
  background-color: #f18690;
}

.bg-yellow-100 {
  background-color: #fab933;
}

.bg-yellow-90 {
  background-color: #fbc24d;
}

.bg-yellow-80 {
  background-color: #fccb66;
}

.bg-yellow-70 {
  background-color: #fdd480;
}

.bg-yellow-60 {
  background-color: #fddc99;
}

.gap-2 {
  gap: 2px;
}

.gap-4 {
  gap: 4px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

.gap-14 {
  gap: 14px;
}

.gap-16 {
  gap: 16px;
}

.gap-18 {
  gap: 18px;
}

.gap-20 {
  gap: 20px;
}

.gap-22 {
  gap: 22px;
}

.gap-24 {
  gap: 24px;
}

.gap-26 {
  gap: 26px;
}

.gap-28 {
  gap: 28px;
}

.gap-30 {
  gap: 30px;
}

.gap-32 {
  gap: 32px;
}

.gap-34 {
  gap: 34px;
}

.gap-36 {
  gap: 36px;
}

.gap-38 {
  gap: 38px;
}

.gap-40 {
  gap: 40px;
}

.gap-42 {
  gap: 42px;
}

.gap-44 {
  gap: 44px;
}

.gap-46 {
  gap: 46px;
}

.gap-48 {
  gap: 48px;
}

.gap-50 {
  gap: 50px;
}

.row-gap-2 {
  row-gap: 2px;
}

.row-gap-4 {
  row-gap: 4px;
}

.row-gap-6 {
  row-gap: 6px;
}

.row-gap-8 {
  row-gap: 8px;
}

.row-gap-10 {
  row-gap: 10px;
}

.row-gap-12 {
  row-gap: 12px;
}

.row-gap-14 {
  row-gap: 14px;
}

.row-gap-16 {
  row-gap: 16px;
}

.row-gap-18 {
  row-gap: 18px;
}

.row-gap-20 {
  row-gap: 20px;
}

.row-gap-22 {
  row-gap: 22px;
}

.row-gap-24 {
  row-gap: 24px;
}

.row-gap-26 {
  row-gap: 26px;
}

.row-gap-28 {
  row-gap: 28px;
}

.row-gap-30 {
  row-gap: 30px;
}

.row-gap-32 {
  row-gap: 32px;
}

.row-gap-34 {
  row-gap: 34px;
}

.row-gap-36 {
  row-gap: 36px;
}

.row-gap-38 {
  row-gap: 38px;
}

.row-gap-40 {
  row-gap: 40px;
}

.row-gap-42 {
  row-gap: 42px;
}

.row-gap-44 {
  row-gap: 44px;
}

.row-gap-46 {
  row-gap: 46px;
}

.row-gap-48 {
  row-gap: 48px;
}

.row-gap-50 {
  row-gap: 50px;
}

.column-gap-2 {
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.column-gap-4 {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.column-gap-6 {
  -moz-column-gap: 6px;
       column-gap: 6px;
}

.column-gap-8 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.column-gap-10 {
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.column-gap-12 {
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.column-gap-14 {
  -moz-column-gap: 14px;
       column-gap: 14px;
}

.column-gap-16 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.column-gap-18 {
  -moz-column-gap: 18px;
       column-gap: 18px;
}

.column-gap-20 {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.column-gap-22 {
  -moz-column-gap: 22px;
       column-gap: 22px;
}

.column-gap-24 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.column-gap-26 {
  -moz-column-gap: 26px;
       column-gap: 26px;
}

.column-gap-28 {
  -moz-column-gap: 28px;
       column-gap: 28px;
}

.column-gap-30 {
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.column-gap-32 {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.column-gap-34 {
  -moz-column-gap: 34px;
       column-gap: 34px;
}

.column-gap-36 {
  -moz-column-gap: 36px;
       column-gap: 36px;
}

.column-gap-38 {
  -moz-column-gap: 38px;
       column-gap: 38px;
}

.column-gap-40 {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.column-gap-42 {
  -moz-column-gap: 42px;
       column-gap: 42px;
}

.column-gap-44 {
  -moz-column-gap: 44px;
       column-gap: 44px;
}

.column-gap-46 {
  -moz-column-gap: 46px;
       column-gap: 46px;
}

.column-gap-48 {
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.column-gap-50 {
  -moz-column-gap: 50px;
       column-gap: 50px;
}

.font-10 {
  font-size: 10px;
}

.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

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

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

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-26 {
  font-size: 26px;
}

.font-28 {
  font-size: 28px;
}

.font-30 {
  font-size: 30px;
}

.font-32 {
  font-size: 32px;
}

.font-34 {
  font-size: 34px;
}

.font-36 {
  font-size: 36px;
}

.font-38 {
  font-size: 38px;
}

.font-40 {
  font-size: 40px;
}

.font-42 {
  font-size: 42px;
}

.font-44 {
  font-size: 44px;
}

.font-46 {
  font-size: 46px;
}

.font-48 {
  font-size: 48px;
}

.font-50 {
  font-size: 50px;
}

.weight-100 {
  font-weight: 100;
}

.weight-200 {
  font-weight: 200;
}

.weight-300 {
  font-weight: 300;
}

.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.weight-600 {
  font-weight: 600;
}

.weight-700 {
  font-weight: 700;
}

.weight-800 {
  font-weight: 800;
}

.weight-900 {
  font-weight: 900;
}

.text-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.cursor-pointer:hover {
  cursor: pointer;
}

* {
  font-family: "Fira Sans", sans-serif;
}

body {
  background-color: #fff;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.container {
  padding-left: 72px;
  padding-right: 72px;
  max-width: 100%;
}

.btn-red {
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #e30d20;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 12px;
  gap: 8px;
  text-decoration: none;
  transition: all;
  transition-duration: 300ms;
  border: none;
}
.btn-red:hover {
  background-color: #d0000a;
}
.btn-red:focus, .btn-red:active {
  background-color: #980e15;
}

.btn-white {
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
  color: #399c3f;
  font-size: 14px;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 12px;
  gap: 8px;
  text-decoration: none;
  transition: all;
  transition-duration: 300ms;
  border: none;
}
.btn-white:hover {
  background-color: #f5f5f5;
}
.btn-white:focus, .btn-white:active {
  background-color: #d8d8d9;
}

.navbar {
  height: 90px;
  border-bottom: 1px solid #f5f5f5;
}
.navbar .navbar-brand img {
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.navbar .nav-item .nav-link {
  color: #9f9fa0;
}
.navbar .nav-item .nav-link:hover {
  color: #2c2d2e;
}
.navbar .nav-item .nav-link.active {
  font-weight: 600;
  color: #2c2d2e;
}

.swiperHomepage {
  top: 90px;
}
.swiperHomepage .bg-gradient-slider {
  background: linear-gradient(to right, rgb(18, 19, 20), transparent);
  min-height: 500px;
  height: auto;
}
.swiperHomepage .bg-gradient-slider img {
  position: relative;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  min-height: 500px;
  width: 100%;
  display: block;
}
.swiperHomepage .bg-gradient-slider .content {
  position: absolute;
  top: 50%;
  left: 72px;
  transform: translateY(-50%);
  text-align: left;
  max-width: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.swiperHomepage .bg-gradient-slider .content h3 {
  font-size: 48px;
  font-weight: 900;
}
.swiperHomepage .bg-gradient-slider .content p {
  font-size: 24px;
  font-weight: 500;
}
.swiperHomepage .swiper-pagination {
  position: absolute;
  top: 50%;
  left: unset;
  right: -12px;
  transform: translate(-50%, 0);
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  rotate: 90deg;
}
.swiperHomepage .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 0.5;
  margin: 0 12px 0 0;
}
.swiperHomepage .swiper-pagination .swiper-pagination-bullet:last-child {
  margin: 0;
}
.swiperHomepage .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #e30d20;
  outline: 1px solid #fff;
}

.card-overlay {
  max-height: 235px;
  height: -moz-fit-content;
  height: fit-content;
  width: calc(100% - 144px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.card-overlay .content {
  background-color: rgba(18, 19, 20, 0.65);
  width: 100%;
  border-radius: 12px;
  border: 2px solid #fff;
  overflow: hidden;
  position: relative;
}
.card-overlay .content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  position: absolute;
}
.card-overlay .content .box {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  padding: 24px;
}
.card-overlay .content .box h6 {
  font-size: 24px;
  font-weight: 700;
}
.card-overlay .content .box a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.home-about {
  margin-top: 215px;
}
.home-about h2 {
  font-size: 48px;
  font-weight: 300;
  color: #121314;
  margin-bottom: 48px;
}
.home-about .frame-video {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.home-about .frame-video iframe {
  width: 100%;
  height: 100%;
}

.home-explore {
  padding-left: 72px;
}
.home-explore .content h2 {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
}

.home-press-release h2,
.home-media-coverage h2 {
  color: #121314;
  font-size: 40px;
  font-weight: 700;
}
.home-press-release .content img,
.home-media-coverage .content img {
  border-radius: 12px;
  min-height: 240px;
  max-height: 240px;
}
.home-press-release .content .contributor,
.home-media-coverage .content .contributor {
  margin-top: 16px;
  margin-bottom: 8px;
}
.home-press-release .content .contributor p,
.home-media-coverage .content .contributor p {
  font-size: 14px;
  font-weight: 600;
  color: #494a4a;
}
.home-press-release .content h6,
.home-media-coverage .content h6 {
  font-size: 20px;
  font-weight: 600;
  color: #121314;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.home-press-release .content .category,
.home-media-coverage .content .category {
  margin-top: 16px;
}
.home-press-release .content .category .tags,
.home-media-coverage .content .category .tags {
  border-radius: 100px;
  padding: 4px 12px;
  background-color: #fab933;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #494a4a;
  font-weight: 500;
}

.home-our-people {
  padding-left: 72px;
}
.home-our-people .content h2 {
  font-size: 48px;
  font-weight: 800;
  color: #121314;
}
.home-our-people .swiperOurPeople .swiper-slide {
  width: 300px;
}
.home-our-people .swiperOurPeople .swiper-slide img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
}
.home-our-people .swiperOurPeople .swiper-button-next.swiper-button-disabled,
.home-our-people .swiperOurPeople .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.home-our-people .swiperOurPeople .swiper-button-next,
.home-our-people .swiperOurPeople .swiper-button-prev {
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 12px;
}
.home-our-people .swiperOurPeople .swiper-button-next::after,
.home-our-people .swiperOurPeople .swiper-button-prev::after {
  display: none;
}

.profile-description {
  margin-top: 90px;
}
.profile-description h1 {
  font-size: 64px;
  font-weight: 900;
}

.profile-content-img {
  width: 100%;
  height: 350px;
}
.profile-content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.profile-counter {
  background-color: #fccb66;
}
.profile-counter h6 {
  font-size: 48px;
  color: #121314;
}
.profile-counter p {
  font-size: 24px;
  color: #494a4a;
}
.profile-counter .custom-divide {
  position: relative;
}
.profile-counter .custom-divide:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #121314;
  transform: translateY(-50%);
}

.profile-our-core-values .position-sticky {
  top: 108px;
}
.profile-our-core-values .tagline {
  font-size: 16px;
  color: #494a4a;
  margin-bottom: 12px;
}
.profile-our-core-values h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.profile-our-core-values .card-box {
  border: 1px solid #d8d8d9;
  border-radius: 12px;
  padding: 32px 24px;
}
.profile-our-core-values .card-box img {
  margin-bottom: 24px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
  height: 200px;
}

.profile-vision-and-mission h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.profile-vision-and-mission img {
  width: 100%;
  height: 100%;
  max-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}
.profile-vision-and-mission .accordion {
  margin-top: 50px;
}
.profile-vision-and-mission .accordion .accordion-item {
  border: none;
  border-radius: 0 !important;
}
.profile-vision-and-mission .accordion .accordion-item .accordion-button {
  border-radius: 0 !important;
  padding: 8px 0;
  font-size: 18px;
  font-weight: 700;
  color: #399c3f;
  border-bottom: 1px solid #d8d8d9;
  justify-content: space-between;
}
.profile-vision-and-mission .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.profile-vision-and-mission .accordion .accordion-item .accordion-button:not(.collapsed) .ti {
  transform: rotate(180deg);
}
.profile-vision-and-mission .accordion .accordion-item .accordion-button:focus {
  box-shadow: unset;
}
.profile-vision-and-mission .accordion .accordion-item .accordion-button::after {
  display: none;
}
.profile-vision-and-mission .accordion .accordion-item .accordion-body {
  padding: 8px 0;
  border-bottom: 1px solid #d8d8d9;
}

.swiperProfile .bg-gradient-slider {
  background: linear-gradient(to bottom, rgb(18, 19, 20), rgba(18, 19, 20, 0.5));
  min-height: 500px;
  height: auto;
}
.swiperProfile .bg-gradient-slider img {
  position: relative;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  max-height: 500px;
  width: 100%;
  display: block;
}
.swiperProfile .bg-gradient-slider .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 80%;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 50%;
  justify-content: space-between;
}
.swiperProfile .bg-gradient-slider .content h3 {
  font-size: 32px;
  font-weight: 900;
}
.swiperProfile .bg-gradient-slider .content p {
  font-size: 16px;
  font-weight: 500;
}
.swiperProfile .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 0.5;
  margin: 0 12px 0 0;
}
.swiperProfile .swiper-pagination .swiper-pagination-bullet:last-child {
  margin: 0;
}
.swiperProfile .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #e30d20;
  outline: 1px solid #fff;
}

.profile-bod .position-sticky {
  top: 108px;
}
.profile-bod .position-sticky h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.profile-bod .position-sticky a {
  margin-top: 50px;
  color: #121314;
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
}
.profile-bod .card-box img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.profile-bod .card-box .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background-color: #fff;
}
.profile-bod .card-box .content h6 {
  font-size: 18px;
  font-weight: 500;
  color: #121314;
}
.profile-bod .card-box .content p {
  font-size: 14px;
  color: #121314;
}

.profile-kaishan {
  height: 350px;
}
.profile-kaishan.content {
  background-color: rgba(18, 19, 20, 0.5);
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.profile-kaishan.content .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  position: absolute;
}
.profile-kaishan.content .box img {
  height: 150px;
}
.profile-kaishan.content .box h6 {
  font-size: 48px;
  font-weight: 900;
  color: #fff;
}

.project-description {
  margin-top: 90px;
}
.project-description h1 {
  font-size: 64px;
  font-weight: 900;
}
.project-description img {
  margin: 50px 0;
  max-height: 400px;
}

.project-smgp,
.project-sgi {
  height: 600px;
}
.project-smgp.content,
.project-sgi.content {
  background-color: rgba(18, 19, 20, 0.5);
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.project-smgp.content .bg,
.project-sgi.content .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  position: absolute;
}
.project-smgp.content .box h6,
.project-sgi.content .box h6 {
  font-size: 48px;
  font-weight: 900;
  color: #fff;
}
.project-smgp .border-icon,
.project-sgi .border-icon {
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  cursor: pointer;
}

.project-sorik-marapi .position-sticky,
.project-sokoria .position-sticky {
  top: 108px;
}
.project-sorik-marapi .tagline,
.project-sokoria .tagline {
  font-size: 16px;
  color: #494a4a;
  margin-bottom: 12px;
}
.project-sorik-marapi h3,
.project-sokoria h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.project-sorik-marapi .card-box,
.project-sokoria .card-box {
  border: 1px solid #d8d8d9;
  border-radius: 12px;
  padding: 32px 24px;
}

.project-smgp-traction .position-sticky,
.project-sgi-traction .position-sticky {
  top: 108px;
}
.project-smgp-traction h3,
.project-sgi-traction h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
  margin-bottom: 12px;
}
.project-smgp-traction .card-box,
.project-sgi-traction .card-box {
  border: 1px solid #d8d8d9;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.project-smgp-traction .card-box::before,
.project-sgi-traction .card-box::before {
  content: "";
  position: absolute;
  top: -110px;
  left: -110px;
  width: 175px;
  height: 175px;
  background-color: #cce5ce;
  border-radius: 100%;
  z-index: -1;
}
.project-smgp-traction .card-box .ti,
.project-sgi-traction .card-box .ti {
  font-size: 36px;
  color: #399c3f;
}
.project-smgp-traction .card-box h6,
.project-sgi-traction .card-box h6 {
  font-size: 32px;
  font-weight: 700;
  color: #121314;
  margin: 24px 0 8px 0;
}
.project-smgp-traction .card-box p,
.project-sgi-traction .card-box p {
  font-size: 16px;
  font-weight: 500;
  color: #494a4a;
}

.project-community-smgp .custom-divide {
  position: relative;
  align-content: center;
}
.project-community-smgp .custom-divide:not(:nth-child(3), :nth-child(6))::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 80%;
  background-color: #fab933;
  transform: translateY(-50%);
}
.project-community-smgp .custom-divide .content-divide {
  max-width: 55%;
  margin: 0 auto;
}

.project-community-smgp h3,
.project-community-sgi h3 {
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 12px;
}

.project-community-smgp img {
    max-height: 300px;
}

.project-community-sgi img {
    max-height: 400px;
}

.project-community-smgp .content-local h6,
.project-community-sgi .content-local h6 {
  color: #fab933;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 8px;
}
.project-community-smgp .content-local p,
.project-community-sgi .content-local p {
  color: #fff;
  font-size: 20px;
}

.project-gallery-smgp,
.project-gallery-sgi {
  position: relative;
}
.project-gallery-smgp::before,
.project-gallery-sgi::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #399c3f;
  width: 100%;
  height: 50%;
}
.project-gallery-smgp .swiperSmgp,
.project-gallery-smgp .swiperSgi,
.project-gallery-sgi .swiperSmgp,
.project-gallery-sgi .swiperSgi {
  max-height: 600px;
  height: 100%;
  margin-bottom: 24px;
}
.project-gallery-smgp .swiperSmgp .swiper-slide,
.project-gallery-smgp .swiperSgi .swiper-slide,
.project-gallery-sgi .swiperSmgp .swiper-slide,
.project-gallery-sgi .swiperSgi .swiper-slide {
  max-height: 600px;
}
.project-gallery-smgp .swiperSmgp .swiper-slide img,
.project-gallery-smgp .swiperSgi .swiper-slide img,
.project-gallery-sgi .swiperSmgp .swiper-slide img,
.project-gallery-sgi .swiperSgi .swiper-slide img {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 24px;
}
.project-gallery-smgp .swiperSmgpThumbnail .swiper-slide,
.project-gallery-smgp .swiperSgiThumbnail .swiper-slide,
.project-gallery-sgi .swiperSmgpThumbnail .swiper-slide,
.project-gallery-sgi .swiperSgiThumbnail .swiper-slide {
  width: 125px;
  height: 125px;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0.5;
  cursor: pointer;
}
.project-gallery-smgp .swiperSmgpThumbnail .swiper-slide img,
.project-gallery-smgp .swiperSgiThumbnail .swiper-slide img,
.project-gallery-sgi .swiperSmgpThumbnail .swiper-slide img,
.project-gallery-sgi .swiperSgiThumbnail .swiper-slide img {
  width: 125px;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.project-gallery-smgp .swiperSmgpThumbnail .swiper-slide.swiper-slide-thumb-active,
.project-gallery-smgp .swiperSgiThumbnail .swiper-slide.swiper-slide-thumb-active,
.project-gallery-sgi .swiperSmgpThumbnail .swiper-slide.swiper-slide-thumb-active,
.project-gallery-sgi .swiperSgiThumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  border: 4px solid #399c3f;
}

.project-kaishan {
  height: 350px;
}
.project-kaishan.content {
  background-color: rgba(18, 19, 20, 0.5);
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.project-kaishan.content .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  position: absolute;
}
.project-kaishan.content .box img {
  height: 150px;
}
.project-kaishan.content .box h6 {
  font-size: 48px;
  font-weight: 900;
  color: #fff;
}

.technology-description {
  margin-top: 90px;
}
.technology-description h1 {
  font-size: 64px;
  font-weight: 900;
}

.technology-content-img {
  width: 100%;
  height: 350px;
}
.technology-content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.technology-counter {
  background-color: #008fbe;
}
.technology-counter h6 {
  font-size: 48px;
  color: #ffffff;
}
.technology-counter p {
  font-size: 24px;
  color: #ffffff;
}
.technology-counter .custom-divide {
  position: relative;
}
.technology-counter .custom-divide:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
  transform: translateY(-50%);
}

.technology-kaishan {
  position: relative;
}
.technology-kaishan h1 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
  margin-bottom: 24px;
}
.technology-kaishan img {
  margin-top: 16px;
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
}
.technology-kaishan::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #008fbe;
  z-index: -1;
}

.technology-engineer-future .position-sticky {
  top: 108px;
}
.technology-engineer-future .tagline {
  font-size: 16px;
  color: #494a4a;
  margin-bottom: 12px;
}
.technology-engineer-future h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.technology-engineer-future .card-box {
  border: 1px solid #d8d8d9;
  border-radius: 12px;
  padding: 32px 24px;
}

.technology-map {
  background-color: #008fbe;
}
.technology-map img {
  width: 100%;
  height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 48px;
}
.technology-map h6 {
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.technology-advanced-manufacture h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.technology-advanced-manufacture .accordion {
  margin-top: 50px;
}
.technology-advanced-manufacture .accordion .accordion-item {
  border: none;
  border-radius: 0 !important;
}
.technology-advanced-manufacture .accordion .accordion-item .accordion-button {
  border-radius: 0 !important;
  padding: 8px 0;
  font-size: 18px;
  font-weight: 700;
  color: #399c3f;
  border-bottom: 1px solid #d8d8d9;
  justify-content: space-between;
}
.technology-advanced-manufacture .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.technology-advanced-manufacture .accordion .accordion-item .accordion-button:not(.collapsed) .ti {
  transform: rotate(180deg);
}
.technology-advanced-manufacture .accordion .accordion-item .accordion-button:focus {
  box-shadow: unset;
}
.technology-advanced-manufacture .accordion .accordion-item .accordion-button::after {
  display: none;
}
.technology-advanced-manufacture .accordion .accordion-item .accordion-body {
  padding: 8px 0;
  border-bottom: 1px solid #d8d8d9;
}
.technology-advanced-manufacture .swiperTech {
  height: 100%;
  min-height: 350px;
  max-height: 350px;
}
.technology-advanced-manufacture .swiperTech .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.technology-advanced-manufacture .swiperTech .swiper-slide .bg-gradient-slider {
  background: linear-gradient(to top, rgba(18, 19, 20, 0.5), transparent);
  min-height: 350px;
  max-height: 350px;
  height: 100%;
}
.technology-advanced-manufacture .swiperTech .swiper-slide .bg-gradient-slider img {
  position: relative;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  min-height: 350px;
  max-height: 350px;
  width: 100%;
  display: block;
}
.technology-advanced-manufacture .swiperTech .swiper-slide .bg-gradient-slider .content {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.technology-advanced-manufacture .swiperTech .swiper-slide .bg-gradient-slider .content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff !important;
}
.technology-advanced-manufacture .swiperTech .swiper-slide .bg-gradient-slider .content p {
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
}
.technology-advanced-manufacture .swiperTech .swiper-button-next.swiper-button-disabled,
.technology-advanced-manufacture .swiperTech .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.technology-advanced-manufacture .swiperTech .swiper-button-next,
.technology-advanced-manufacture .swiperTech .swiper-button-prev {
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 8px;
}
.technology-advanced-manufacture .swiperTech .swiper-button-next::after,
.technology-advanced-manufacture .swiperTech .swiper-button-prev::after {
  display: none;
}

.investor-description {
  margin-top: 90px;
}
.investor-description h1 {
  font-size: 64px;
  font-weight: 900;
}

.investor-content-img {
  width: 100%;
  height: 350px;
}
.investor-content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.investor-relation .position-sticky {
  top: 108px;
}
.investor-relation .tagline {
  font-size: 16px;
  color: #494a4a;
  margin-bottom: 12px;
}
.investor-relation h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
  margin-bottom: 12px;
}

.career-description {
  margin-top: 90px;
}
.career-description h1 {
  font-size: 64px;
  font-weight: 900;
}

.career-content-img {
  width: 100%;
  height: 350px;
}
.career-content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.career-our-people .position-sticky,
.career-wellness-program .position-sticky {
  top: 108px;
}
.career-our-people .tagline,
.career-wellness-program .tagline {
  font-size: 16px;
  color: #494a4a;
  margin-bottom: 12px;
}
.career-our-people h3,
.career-wellness-program h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}

.career-current-opportunities .position-sticky {
  top: 108px;
}
.career-current-opportunities .tagline {
  font-size: 16px;
  color: #494a4a;
  margin-bottom: 12px;
}
.career-current-opportunities h3 {
  font-size: 32px;
  font-weight: 900;
  color: #121314;
}
.career-current-opportunities .box {
  background-color: #f5f5f5;
  padding: 16px;
}
.career-current-opportunities .box .status {
  font-size: 20px;
  color: #494a4a;
  margin-bottom: 12px;
}
.career-current-opportunities .box .position {
  font-size: 20px;
  color: #121314;
  margin-bottom: 12px;
}
.career-current-opportunities .box .desc {
  color: #121314;
}
.career-current-opportunities .box .category {
  margin: 24px 0;
}
.career-current-opportunities .box .category .tags {
  border-radius: 100px;
  padding: 4px 12px;
  background-color: #fab933;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #494a4a;
  font-weight: 500;
}

.career-gallery .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 250px);
  gap: 16px;
}
.career-gallery .gallery .gallery-item {
  border-radius: 12px;
  overflow: hidden;
}
.career-gallery .gallery .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.career-gallery .gallery .item-large {
  grid-column: span 2;
}
.career-gallery .gallery .item-tall {
  grid-row: span 2;
}

.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #121314;
}

.form-control {
  height: 40px;
  font-size: 14px;
  color: #121314;
  border-radius: 8px;
  border: 1px solid #d8d8d9;
  padding: 0 10px;
}
.form-control::file-selector-button {
  display: none;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  line-height: 38px;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #fff;
}

.input-group-text {
  border-radius: 8px;
  background-color: #d8d8d9;
  color: #828383;
  cursor: pointer;
}

.publication-description {
  margin-top: 90px;
}
.publication-description h1 {
  font-size: 64px;
  font-weight: 900;
}

.publication-content-img {
  width: 100%;
  height: 350px;
}
.publication-content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.publication-media h2 {
  color: #121314;
  font-size: 40px;
  font-weight: 700;
}
.publication-media .content img {
  border-radius: 12px;
  min-height: 240px;
}
.publication-media .content .contributor {
  margin-top: 16px;
  margin-bottom: 8px;
}
.publication-media .content .contributor p {
  font-size: 14px;
  font-weight: 600;
  color: #494a4a;
}
.publication-media .content h6 {
  font-size: 20px;
  font-weight: 600;
  color: #121314;
  margin-bottom: 8px;
}
.publication-media .content .read-more {
  border-bottom: 1px solid #f5f5f5;
}

.detail-publication {
  margin-top: 90px;
}
.detail-publication .position-sticky {
  top: 108px;
}
.detail-publication .detail-content h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #121314;
}
.detail-publication .detail-content img {
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
  margin-bottom: 24px;
}
.detail-publication .detail-content p {
  color: #828383;
  font-weight: 300;
}
.detail-publication .detail-content a {
  margin-top: 24px;
}
.detail-publication .publication-media .content img {
  min-height: 200px;
}

footer {
  border-top: 1px solid #f5f5f5;
}
footer img {
  height: 35px;
  margin-bottom: 24px;
}
footer h6 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #121314;
}
footer a {
  text-decoration: none;
  font-size: 14px;
  color: #494a4a;
}
footer .copyright {
  border-top: 1px solid #f5f5f5;
  margin-top: 24px;
}
footer .copyright p {
  text-align: center;
  font-size: 12px;
  color: #828383;
}

.modal-apply span {
  font-size: 14px;
  font-weight: 500;
  color: #121314;
}
.modal-apply h6 {
  font-size: 18px;
  font-weight: 700;
  color: #399c3f;
}
.modal-apply .job {
  margin-top: 24px;
  font-size: 14px;
  color: #121314;
  font-weight: 600;
  text-align: justify;
}
.modal-apply ul {
  padding-left: 12px;
}
.modal-apply ul li {
  font-size: 14px;
  color: #121314;
  text-align: justify;
}

.modal-apply p {
  font-size: 14px;
  text-align: justify;
}
.modal-apply form {
  margin-top: 24px;
}

.modal-dialog {
  max-width: 768px;
}

@media (min-width: 993px) and (max-width: 1200px) {
  .swiperHomepage .bg-gradient-slider .content {
    padding: 0 24px;
    max-width: 100%;
    left: 0;
  }
  .card-overlay {
    gap: 24px;
  }
  .home-about .frame-video {
    min-height: 400px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .swiperHomepage .bg-gradient-slider .content {
    padding: 0 24px;
  }
  .home-about .frame-video {
    min-height: 400px;
  }
}
@media (max-width: 1200px) {
  .home-our-people,
  .home-explore {
    padding-left: 24px;
  }
  .swiperHomepage .bg-gradient-slider .content {
    max-width: 100%;
    left: 0;
  }
  .home-about h2 {
    font-weight: 800;
    margin-bottom: 24px;
  }
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .card-overlay {
    width: 100%;
    transform: unset;
    max-height: -moz-fit-content;
    max-height: fit-content;
    left: 0;
  }
  .home-about {
    margin-top: 0;
  }
  .home-slider {
    top: 65px;
    margin-bottom: 100px;
  }
  .home-slider .swiperHomepage {
    top: 0;
  }
  .swiperHomepage .bg-gradient-slider img,
  .swiperHomepage .bg-gradient-slider {
    min-height: 350px;
  }
  .swiperHomepage .bg-gradient-slider .content p,
  .profile-description p,
  .profile-counter p,
  .profile-our-core-values .tagline,
  .profile-our-core-values .card-box p,
  .font-16,
  .font-18,
  .font-20,
  .swiperProfile .bg-gradient-slider .content p,
  .profile-kaishan.content .box a,
  .project-description p,
  .project-smgp.content .box p,
  .project-sgi.content .box p,
  .project-smgp-traction .card-box p,
  .project-sgi-traction .card-box p,
  .project-community-sgi p,
  .project-community-smgp .content-local p,
  .project-community-sgi .content-local p,
  .project-community-smgp p,
  .technology-description p,
  .technology-counter p,
  .technology-engineer-future p,
  .technology-advanced-manufacture p,
  .investor-description p,
  .investor-relation .tagline,
  .investor-relation a,
  .career-description p,
  .publication-description p,
  .career-our-people p,
  .career-our-people .tagline,
  .career-wellness-program .tagline,
  .career-wellness-program p,
  .career-current-opportunities .tagline,
  .career-current-opportunities .box .desc,
  .career-current-opportunities .box .status,
  .detail-publication .detail-content p,
  .detail-publication .detail-content a {
    font-size: 14px;
  }
  .profile-counter h6,
  .profile-our-core-values .card-box h6,
  .technology-counter h6,
  .technology-engineer-future .card-box h6,
  .detail-publication .detail-content h1 {
    font-size: 20px;
  }
  .swiperHomepage .bg-gradient-slider .content h3,
  .home-about h2,
  .home-explore .content h2,
  .home-press-release h2,
  .home-media-coverage h2,
  .publication-media h2,
  .home-our-people .content h2,
  .profile-description h1,
  .profile-our-core-values h3,
  .profile-vision-and-mission h3,
  .swiperProfile .bg-gradient-slider .content h3,
  .profile-bod h3,
  .profile-kaishan.content .box h6,
  .project-description h1,
  .project-smgp.content .box h6,
  .project-sgi.content .box h6,
  .project-smgp-traction h3,
  .project-sgi-traction h3,
  .project-smgp-traction .card-box h6,
  .project-sgi-traction .card-box h6,
  .project-kaishan.content .box h6,
  .project-community-smgp h3,
  .project-community-sgi h3,
  .project-community-smgp .content-local h6,
  .project-community-sgi .content-local h6,
  .technology-description h1,
  .technology-engineer-future h3,
  .technology-advanced-manufacture h3,
  .investor-description h1,
  .investor-relation h3,
  .technology-kaishan h1,
  .career-description h1,
  .publication-description h1,
  .career-our-people h3,
  .career-wellness-program h3,
  .career-current-opportunities h3 {
    font-size: 24px;
  }
  .detail-publication .detail-content img {
    height: 250px;
  }
  .detail-publication .detail-content img,
  .detail-publication .detail-content h1 {
    margin-bottom: 16px;
  }
  .detail-publication .detail-content a {
    margin-top: 16px;
  }
  .technology-kaishan h1 {
    margin-bottom: 12px;
  }
  .technology-kaishan img {
    margin-top: 12px;
  }
  .technology-kaishan::after {
    background-color: #fff;
  }
  .technology-map img {
    height: 300px;
    margin-bottom: 24px;
  }
  .technology-map h6 {
    font-size: 18px;
  }
  .swiperHomepage .swiper-pagination {
    transform: unset;
    rotate: 0deg;
    top: unset;
    right: unset;
    width: 100%;
  }
  .swiperHomepage .swiper-pagination .swiper-pagination-bullet,
  .swiperProfile .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 8px 0 0;
  }
  .profile-content-img,
  .technology-content-img,
  .investor-content-img {
    height: 200px;
  }
  .profile-our-core-values .card-box {
    padding: 16px;
  }
  .profile-our-core-values .card-box img {
    height: 150px;
  }
  .swiperProfile .bg-gradient-slider,
  .swiperProfile .bg-gradient-slider img {
    min-height: 300px;
  }
  .swiperProfile .bg-gradient-slider .content {
    width: 100%;
    height: 70%;
  }
  .profile-kaishan.content .box img,
  .project-kaishan.content .box img {
    height: 100px;
  }
  .profile-kaishan {
    height: 280px;
  }
  .profile-vision-and-mission .accordion,
  .profile-bod .position-sticky a,
  .technology-advanced-manufacture .accordion {
    margin-top: 16px;
  }
  .gap-48 {
    gap: 24px;
  }
  .project-smgp,
  .project-sgi {
    height: 300px;
  }
  .project-smgp .border-icon,
  .project-sgi .border-icon {
    width: 36px;
    height: 36px;
  }
  .project-smgp .border-icon .font-24,
  .project-sgi .border-icon .font-24 {
    font-size: 20px;
  }
  .project-sorik-marapi img,
  .project-sokoria img {
    height: 60px;
    margin: 0 auto;
    display: block;
  }
  .project-gallery-smgp .swiperSmgp,
  .project-gallery-smgp .swiperSgi,
  .project-gallery-sgi .swiperSmgp,
  .project-gallery-sgi .swiperSgi,
  .project-gallery-smgp .swiperSmgp .swiper-slide,
  .project-gallery-smgp .swiperSgi .swiper-slide,
  .project-gallery-sgi .swiperSmgp .swiper-slide,
  .project-gallery-sgi .swiperSgi .swiper-slide {
    max-height: 300px;
    margin-bottom: 12px;
  }
  .project-gallery-smgp .swiperSmgp .swiper-slide img,
  .project-gallery-smgp .swiperSgi .swiper-slide img,
  .project-gallery-sgi .swiperSmgp .swiper-slide img,
  .project-gallery-sgi .swiperSgi .swiper-slide img {
    height: 300px;
  }
  .project-gallery-smgp .swiperSmgpThumbnail .swiper-slide,
  .project-gallery-smgp .swiperSgiThumbnail .swiper-slide,
  .project-gallery-sgi .swiperSmgpThumbnail .swiper-slide,
  .project-gallery-sgi .swiperSgiThumbnail .swiper-slide,
  .project-gallery-smgp .swiperSmgpThumbnail .swiper-slide img,
  .project-gallery-smgp .swiperSgiThumbnail .swiper-slide img,
  .project-gallery-sgi .swiperSmgpThumbnail .swiper-slide img,
  .project-gallery-sgi .swiperSgiThumbnail .swiper-slide img {
    width: 65px;
    height: 65px;
    border-radius: 8px;
    border: 1px solid #399c3f !important;
  }
  .project-description a {
    width: 100% !important;
  }
  .project-community-smgp .custom-divide .content-divide {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .home-our-people .swiperOurPeople .swiper-slide img {
    height: 250px;
  }
  .home-our-people .swiperOurPeople .swiper-slide {
    width: 250px;
  }
  .home-our-people .swiperOurPeople .swiper-button-next,
  .home-our-people .swiperOurPeople .swiper-button-prev {
    height: 36px;
    width: 36px;
    border-radius: 8px;
  }
  .home-our-people .swiperOurPeople .swiper-button-next .font-24,
  .home-our-people .swiperOurPeople .swiper-button-prev .font-24 {
    font-size: 20px;
  }
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .navbar {
    height: 65px;
  }
  .navbar .navbar-brand img {
    height: 30px;
  }
  .home-press-release .content h6,
  .home-media-coverage .content h6,
  .publication-media .content h6,
  .home-about a {
    font-size: 16px;
  }
  .home-our-people p,
  .home-media-coverage .content p,
  .publication-media .content p,
  .home-explore p,
  .home-about p,
  .card-overlay .content .box a,
  .card-overlay .content .box p {
    font-size: 14px;
  }
  .home-press-release .content .category .tags,
  .home-media-coverage .content .category .tags,
  .publication-media .content .category .tags,
  .home-press-release .content .contributor p,
  .home-media-coverage .content .contributor p,
  .publication-media .content .contributor p,
  .career-current-opportunities .box .category .tags {
    font-size: 12px;
  }
  .gap-36 {
    gap: 12px;
  }
  .profile-description,
  .project-description,
  .technology-description,
  .investor-description,
  .career-description,
  .publication-description,
  .detail-publication {
    margin-top: 65px;
  }
  .profile-counter .custom-divide:nth-child(2)::after,
  .technology-counter .custom-divide:nth-child(2)::after {
    display: none;
  }
}
@media (max-width: 768px) {
    .career-gallery .gallery {
  grid-template-rows: repeat(3, 150px);
}
  .home-our-people,
  .home-explore {
    padding-left: 12px;
  }
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .swiperHomepage .bg-gradient-slider .content {
    padding: 0 12px;
  }
  .home-about .frame-video {
    min-height: 350px;
    border-radius: 12px;
  }
  .card-overlay .content .box h6 {
    font-size: 20px;
  }
  .project-community-smgp .custom-divide::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .profile-counter .custom-divide:not(:last-child)::before,
  .technology-counter .custom-divide:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 25%;
    height: 1px;
    background-color: #121314;
    transform: translateX(-50%);
  }
  .profile-counter .custom-divide:not(:last-child)::after,
  .profile-counter .custom-divide:nth-child(1)::after,
  .technology-counter .custom-divide:not(:last-child)::after,
  .technology-counter .custom-divide:nth-child(1)::after {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */