.bd-why {
  background-image: url(./../public/images/services/eclipse.svg);
}

.bd-why-1 {
  background-image: url(./../public/images/services/eclipse1.svg);
}

.bd-leader {
  background-image: url(./../public/images/our-team/ellipse.svg);
}

.bd-banner {
  background-image: url(./../public/images/shared/banner/ellipse2.svg);
}

.bd-banner-24 {
  background-image: url(./../public/images/shared/banner/ellipse24.svg);
}

.bd-banner-24-1 {
  background-image: url(./../public/images/shared/banner/ellipse24_1.svg);
}

.bd-banner-service-24 {
  background-image: url(./../public/images/services/Ellipse_24.svg);
}

.bd-world-map {
  background-image: url(./../public/images/philosophy/world_map.svg);
}

.bd-fb {
  background-image: url(./../public/images/shared/footer/contact-us_fb.png);
}

.bd-in {
  background-image: url(./../public/images/shared/footer/contact-us_in.png);
}
.bd-x {
  background-image: url(./../public/images/shared/footer/contact-us_x.png);
}
.bd-yt {
  background-image: url(./../public/images/shared/footer/contact-us_yt.png);
}

.bd-drive {
  background-image: url(./../public/images/shared/images/drive-innovation-bg.png);
}

.bd-view-image-icon {
  background-image: url(./../public/images/shared/images/view-image-icon.svg);
}

.bd-say-about {
  background-image: url(./../public/images/shared/footer/say-about-us_1.png);
}
.bd-five-stars {
  background-image: url(./../public/images/shared/footer/five-stars.png);
}

.bd-say-about-2 {
  background-image: url(./../public/images/shared/footer/say-about-us_2.png);
}

.bd-client-1 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_1.png);
}

.bd-client-2 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_2.png);
}

.bd-client-3 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_3.png);
}

.bd-client-4 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_4.png);
}

.bd-client-5 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_5.png);
}

.bd-client-6 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_6.png);
}

.bd-client-7 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_7.png);
}

.bd-client-8 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_8.png);
}

.bd-client-10 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_10.png);
}

.bd-client-11 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_11.png);
}

.bd-client-12 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_12.png);
}

.bd-client-13 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_13.png);
}

.bd-client-14 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_14.png);
}

.bd-client-15 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_15.png);
}

.bd-client-16 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_16.png);
}

.bd-client-17 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_17.png);
}

.bd-client-18 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_18.png);
}

.bd-client-9 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_9.png);
}

.bd-client-9 {
  background-image: url(./../public/images/shared/footer/say-about-us_client_9.png);
}

.bd-tech-frontend-1 {
  background-image: url(./../public/images/shared/footer/our-tech_frontend_1.png);
}

.bd-tech-frontend-2 {
  background-image: url(./../public/images/shared/footer/our-tech_frontend_2.png);
}

.bd-tech-frontend-3 {
  background-image: url(./../public/images/shared/footer/our-tech_frontend_3.png);
}

.bd-tech-frontend-4 {
  background-image: url(./../public/images/shared/footer/our-tech_frontend_4.png);
}

.bd-tech-frontend-5 {
  background-image: url(./../public/images/shared/footer/our-tech_frontend_5.png);
}

.bd-tech-frontend-6 {
  background-image: url(./../public/images/shared/footer/our-tech_frontend_6.png);
}

.bd-tech-backend-1 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_1.png);
}

.bd-tech-backend-2 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_2.png);
}

.bd-tech-backend-3 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_3.png);
}

.bd-tech-backend-4 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_4.png);
}

.bd-tech-backend-5 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_5.png);
}

.bd-tech-backend-6 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_6.png);
}

.bd-tech-backend-7 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_7.png);
}

.bd-tech-backend-8 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_8.png);
}

.bd-tech-backend-9 {
  background-image: url(./../public/images/shared/footer/our-tech_backend_9.png);
}

.bd-tech-mobile-1 {
  background-image: url(./../public/images/shared/footer/our-tech_mobile_1.png);
}

.bd-tech-mobile-2 {
  background-image: url(./../public/images/shared/footer/our-tech_mobile_2.png);
}

.bd-tech-mobile-3 {
  background-image: url(./../public/images/shared/footer/our-tech_mobile_3.png);
}

.bd-tech-mobile-4 {
  background-image: url(./../public/images/shared/footer/our-tech_mobile_4.png);
}

.bd-tech-ai-1 {
  background-image: url(./../public/images/shared/footer/our-tech_ai_1.png);
}

.bd-tech-ai-2 {
  background-image: url(./../public/images/shared/footer/our-tech_ai_2.png);
}

.bd-tech-ai-3 {
  background-image: url(./../public/images/shared/footer/our-tech_ai_3.png);
}

.bd-tech-ai-4 {
  background-image: url(./../public/images/shared/footer/our-tech_ai_4.png);
}

.bd-tech-ai-5 {
  background-image: url(./../public/images/shared/footer/our-tech_ai_5.png);
}

.bd-tech-ai-6 {
  background-image: url(./../public/images/shared/footer/our-tech_ai_6.png);
}

.bd-tech-blockchain-1 {
  background-image: url(./../public/images/shared/footer/our-tech_blockchain_1.png);
}

.bd-tech-blockchain-2 {
  background-image: url(./../public/images/shared/footer/our-tech_blockchain_2.png);
}

.bd-tech-blockchain-3 {
  background-image: url(./../public/images/shared/footer/our-tech_blockchain_3.png);
}

.bd-tech-cloud-1 {
  background-image: url(./../public/images/shared/footer/our-tech_cloud_1.png);
}

.bd-tech-cloud-2 {
  background-image: url(./../public/images/shared/footer/our-tech_cloud_2.png);
}

.bd-tech-cloud-3 {
  background-image: url(./../public/images/shared/footer/our-tech_cloud_3.png);
}

.bd-contact-us-1 {
  background-image: url(./../public/images/shared/footer/contact-us_1.png);
}

.bd-contact-us-2 {
  background-image: url(./../public/images/shared/footer/contact-us_2.png);
}

.bd-we-serve-banner-bg {
  background-image: url(./../public/images/shared/footer/we-serve-banner-bg.png);
}

.we-serve-banner-img {
  background-image: url(./../public/images/shared/footer/we-serve-banner-img.png);
}

.bd-our-portfolio-1 {
  background-image: url(./../public/images/shared/footer/our-portfolio_1.png);
}

.bd-our-portfolio-2 {
  background-image: url(./../public/images/shared/footer/our-portfolio_2.png);
}

.bd-our-portfolio-3 {
  background-image: url(./../public/images/shared/footer/our-portfolio_3.png);
}

.bd-our-portfolio-4 {
  background-image: url(./../public/images/shared/footer/our-portfolio_4.png);
}

.bd-our-portfolio-5 {
  background-image: url(./../public/images/shared/footer/our-portfolio_5.png);
}

.bd-our-portfolio-6 {
  background-image: url(./../public/images/shared/footer/our-portfolio_6.png);
}

.bd-say-about-us-bg {
  background-image: url(./../public/images/shared/footer/say-about-us-bg.png);
}

.bd-drive-innovation-bg {
  background-image: url(./../public/images/shared/footer/drive-innovation-bg.png);
}

.bd-kaopiz-contact-footer-bg {
  background-image: url(./../public/images/shared/footer/kaopiz-contact-footer-bg.png);
}

.bd-drive-water-mask-bg {
  background-image: url(./../public/images/sub-pages/drive/water-mask.svg);
}

.bd-ai-language-vue-bg {
  background-image: url(./../public/images/ai-development/tech-stack/vuejs.png);
}

.bd-ai-language-python-bg {
  background-image: url(./../public/images/ai-development/tech-stack/python.png);
}

.bd-ai-language-cplusplus-bg {
  background-image: url(./../public/images/ai-development/tech-stack/cplusplus.png);
}

.bd-ai-language-php-bg {
  background-image: url(./../public/images/ai-development/tech-stack/php.png);
}

.bd-ai-language-js-bg {
  background-image: url(./../public/images/ai-development/tech-stack/js.png);
}

.bd-ai-platform-tensorflow-bg {
  background-image: url(./../public/images/ai-development/tech-stack/tensorflow.png);
}

.bd-ai-platform-opencv-bg {
  background-image: url(./../public/images/ai-development/tech-stack/opencv.png);
}

.bd-ai-platform-keras-bg {
  background-image: url(./../public/images/ai-development/tech-stack/keras.png);
}

.bd-ai-platform-scikit-bg {
  background-image: url(./../public/images/ai-development/tech-stack/scikit_learn.png);
}

.bd-ai-platform-pytorch-bg {
  background-image: url(./../public/images/ai-development/tech-stack/pytorch.png);
}

.bd-ai-platform-caffe-bg {
  background-image: url(./../public/images/ai-development/tech-stack/caffe.png);
}

.bd-ai-cloud-aws-bg {
  background-image: url(./../public/images/ai-development/tech-stack/aws.png);
}

.bd-ai-cloud-google-bg {
  background-image: url(./../public/images/ai-development/tech-stack/google_cloud.png);
}

.bd-ai-cloud-azure-bg {
  background-image: url(./../public/images/ai-development/tech-stack/azure.png);
}

.bd-blockchain-smart-contract-1 {
  background-image: url(./../public/images/blockchain-en/tech-stack/smart-contract_1.png);
}

.bd-blockchain-smart-contract-2 {
  background-image: url(./../public/images/blockchain-en/tech-stack/smart-contract_2.png);
}

.bd-blockchain-smart-contract-3 {
  background-image: url(./../public/images/blockchain-en/tech-stack/smart-contract_3.png);
}

.bd-blockchain-experience-working-with-1 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_1.png);
}

.bd-blockchain-experience-working-with-2 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_2.png);
}

.bd-blockchain-experience-working-with-3 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_3.png);
}

.bd-blockchain-experience-working-with-4 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_4.png);
}

.bd-blockchain-experience-working-with-5 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_5.png);
}

.bd-blockchain-experience-working-with-6 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_6.png);
}

.bd-blockchain-experience-working-with-7 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_7.png);
}

.bd-blockchain-experience-working-with-8 {
  background-image: url(./../public/images/blockchain-en/tech-stack/experience-working-with_8.png);
}

.bd-blockchain-development-tool-1 {
  background-image: url(./../public/images/blockchain-en/tech-stack/development-tool_1.png);
}

.bd-blockchain-development-tool-2 {
  background-image: url(./../public/images/blockchain-en/tech-stack/development-tool_2.png);
}

.bd-blockchain-development-tool-3 {
  background-image: url(./../public/images/blockchain-en/tech-stack/development-tool_3.png);
}

.bd-blockchain-d-apps-development-1 {
  background-image: url(./../public/images/blockchain-en/tech-stack/d-apps-development_1.png);
}

.bd-blockchain-d-apps-development-2 {
  background-image: url(./../public/images/blockchain-en/tech-stack/d-apps-development_2.png);
}

.bd-blockchain-d-apps-development-3 {
  background-image: url(./../public/images/blockchain-en/tech-stack/d-apps-development_3.png);
}

.bd-cultural-avata-1 {
  background-image: url(./../public/images/cultural-activities/avata/BOD/huantc.jpg);
}
.bd-cultural-avata-2 {
  background-image: url(./../public/images/cultural-activities/avata/BOD/hoanglv.jpg);
}
.bd-cultural-avata-3 {
  background-image: url(./../public/images/cultural-activities/avata/BOD/hiendv.jpg);
}
.bd-cultural-avata-4 {
  background-image: url(./../public/images/cultural-activities/avata/BOD/huongpc.jpg);
}
.bd-cultural-avata-5 {
  background-image: url(./../public/images/cultural-activities/avata/BOD/quanvn.jpg);
}
.bd-cultural-avata-6 {
  background-image: url(./../public/images/cultural-activities/avata/BOD/banglh.jpg);
}
.bd-cultural-avata-7 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/canhntb.jpg);
}
.bd-cultural-avata-8 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/duongnh.jpg);
}
.bd-cultural-avata-9 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/duymv.jpg);
}
.bd-cultural-avata-10 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/halt.jpg);
}
.bd-cultural-avata-11 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/hapt.jpg);
}
.bd-cultural-avata-12 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/khuent.jpg);
}
.bd-cultural-avata-13 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/luctv.jpg);
}
.bd-cultural-avata-14 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/ngavt.jpg);
}
.bd-cultural-avata-15 {
  background-image: url(./../public/images/cultural-activities/avata/BOM/phuongnt.jpg);
}
.bd-cultural-avata-16 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/thomnt.JPG);
}
.bd-cultural-avata-17 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/chungnv.jpg);
}
.bd-cultural-avata-18 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/kiennt.jpg);
}
.bd-cultural-avata-19 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/linhdv.jpg);
}
.bd-cultural-avata-20 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/luanhv.jpg);
}
.bd-cultural-avata-21 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/toind.jpg);
}
.bd-cultural-avata-22 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/datbt.JPG);
}
.bd-cultural-avata-23 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/haind.jpg);
}
.bd-cultural-avata-24 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/hangnt.jpeg);
}
.bd-cultural-avata-25 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/hoangnh.png);
}
.bd-cultural-avata-26 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/hongtt.JPG);
}
.bd-cultural-avata-27 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/hieuhc.jpg);
}
.bd-cultural-avata-28 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/hungtm.jpg);
}
.bd-cultural-avata-29 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/huynd.jpg);
}
.bd-cultural-avata-30 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/linhtn.jpg);
}
.bd-cultural-avata-31 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/oanhntk.JPG);
}
.bd-cultural-avata-32 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/phuongnt.jpg);
}
.bd-cultural-avata-33 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/phuongpt.JPG);
}
.bd-cultural-avata-34 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/sonndc.jpg);
}
.bd-cultural-avata-35 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/sonnt.jpg);
}
.bd-cultural-avata-36 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/ngahq.JPG);
}
.bd-cultural-avata-37 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/trongpq.jpg);
}
.bd-cultural-avata-38 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/trungvl.jpg);
}
.bd-cultural-avata-39 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/tuantm.jpg);
}
.bd-cultural-avata-40 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/thongcx.jpg);
}
.bd-cultural-avata-41 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/quynhdt.JPG);
}
.bd-cultural-avata-42 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/thaitl.jpg);
}
.bd-cultural-avata-43 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/haitn.jpg);
}
.bd-cultural-avata-44 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/namnt.JPG);
}
.bd-cultural-avata-45 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/lucdv.jpg);
}
.bd-cultural-avata-46 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/dungbv.jpg);
}
.bd-cultural-avata-47 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/tienpd.jpg);
}
.bd-cultural-avata-48 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/nguyenqt.jpg);
}
.bd-cultural-avata-49 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/nghiant.jpg);
}
.bd-cultural-avata-50 {
  background-image: url(./../public/images/cultural-activities/avata/KHN/anhntm.JPG);
}

.swiper.say-about-us .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
}

.active-news-tab:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100%;
  height: 8px;
  background-color: #3c9cd7;
  border-radius: 2px 2px 0px 0px;
  opacity: 0px;
}

.stroke-text {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #3c9cd7;
}

input {
  min-width: 0;
}

@media (min-width: 1024px) {
  .inverted-rounded-tl {
    mask: top 0px left 156px /32px 32px radial-gradient(#000 16px, #0000 0px) no-repeat,
      top 156px left 0 /32px 32px radial-gradient(#000 16px, #0000 0px) no-repeat,
      radial-gradient(174px at -41px -41px, #0000 100%, #000 100%) 16px 16px
        no-repeat,
      conic-gradient(at 170px 170px, #000 75%, #0000 0);
  }

  .inverted-rounded-tr {
    mask: top 0px right 156px /32px 32px radial-gradient(#000 16px, #0000 0px) no-repeat,
      top 156px right 0 /32px 32px radial-gradient(#000 16px, #0000 0px) no-repeat,
      radial-gradient(174px at calc(100% + 41px) -41px, #0000 100%, #000 100%) -16px
        16px no-repeat,
      conic-gradient(at calc(100% - 170px) 170px, #0000 25%, #000 0);
  }

  .inverted-rounded-br {
    mask: right 0px bottom 156px /32px 32px radial-gradient(
          #000 16px,
          #0000 0px
        ) no-repeat,
      right 156px bottom 0 /32px 32px radial-gradient(#000 16px, #0000 0px) no-repeat,
      radial-gradient(
          174px at calc(100% + 41px) calc(100% + 41px),
          #0000 100%,
          #000 100%
        ) -16px -16px no-repeat,
      conic-gradient(
        from 90deg at calc(100% - 170px) calc(100% - 170px),
        #0000 25%,
        #000 0
      );
  }

  .inverted-rounded-bl {
    mask: left 0px bottom 156px /32px 32px radial-gradient(#000 16px, #0000 0px)
        no-repeat,
      left 156px bottom 0 /32px 32px radial-gradient(#000 16px, #0000 0px) no-repeat,
      radial-gradient(174px at -41px calc(100% + 41px), #0000 100%, #000 100%)
        16px -16px no-repeat,
      conic-gradient(from 180deg at 170px calc(100% - 170px), #0000 25%, #000 0);
  }
}

@keyframes pulse {
  0% {
    stroke-opacity: 0;
    stroke-width: 0;
    r: 4;
  }

  55% {
    stroke-opacity: 0.5;
    stroke-width: 30px;
    r: 3;
  }

  to {
    stroke-opacity: 0;
    stroke-width: 60px;
    r: 4;
  }
}

.pulse {
  stroke: #bdf4ff;
  stroke-width: 0;
  animation-duration: 2s;
  animation-name: pulse;
  animation-iteration-count: infinite;
}

.typewriter span.caret {
  margin-left: 4px;
  border-right: 2px solid;
  animation: caret 1s steps(1) infinite;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

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

.animate-fade-in-up {
  animation: fade-in-up 3s forwards;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.budget-card-title {
  clip-path: ellipse(55% 100% at top);
}

.menu-item:hover .menu-item-label {
  color: #3c9cd7;
}
.menu-item-label-active {
  color: #3c9cd7;
}
.menu-item:hover .menu-item-border {
  width: 100%;
  border-top: 2px solid #3c9cd7;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.menu-item-border-active {
  width: 100%;
  border-top: 2px solid #3c9cd7;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.custom-menu {
  z-index: 99;
}

.border-gray-box {
  border: 1px solid #d1d5db;
}
.swiper.onboarding-screen {
  align-items: center;
}
.swiper.onboarding-screen .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 1;
  transform: scale(1);
}
.swiper.onboarding-screen .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
  transform: scale(0.8);
}

.grid-we-love-kaopiz {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

.grid-we-love-kaopiz .grid__item {
  position: relative;
  will-change: transform;
  grid-column: var(--c);
  grid-row: var(--r);
}

.grid-we-love-kaopiz .grid__item-img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  background-size: cover;
  background-position: 50% 50%;
  will-change: transform, opacity;
  object-fit: cover;
}

.bd-our-office_gallery_1 {
  background-image: url(./../public/images/shared/images/our-office_gallery_1.png);
}

.bd-our-office_gallery_2 {
  background-image: url(./../public/images/shared/images/our-office_gallery_2.png);
}

.swiper.our-cultural-activity {
  align-items: center;
}
.swiper.our-cultural-activity .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 1;
  transform: scale(1);
}
.swiper.our-cultural-activity .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
  transform: scale(0.8);
}

div.wpforms-container-full
  .wpforms-field-container
  .form-privacy-consent-agreement
  fieldset
  .wpforms-disclaimer-description {
  border: none;
  background: transparent;
  height: auto;
  margin-top: 0;
  padding: 10px 10px 10px 0;
  overflow: hidden;
  float: left;
  display: contents;
  font-size: 18px;
}

div.wpforms-container-full
  .wpforms-field-container
  .form-privacy-consent-agreement
  fieldset
  .wpforms-disclaimer-description
  a {
  color: #3c9cd7 !important;
  text-decoration: underline;
}

div.wpforms-container-full
  .wpforms-field-container
  .form-privacy-consent-agreement
  fieldset
  ul {
  float: left;
}

div.wpforms-container-full .wpforms-field-container textarea,
div.wpforms-container-full .wpforms-field-container .wpforms-field input {
  border-radius: 0.5rem;
}

div.wpforms-container-full .wpforms-field-container .wpforms-required-label {
  display: none;
}

.wpforms-container .wpforms-field .wpforms-field-text {
  padding-top: 16px !important;
  padding-bottom: 0px !important;
}

.wpforms-container .wpforms-field-layout,
.wpforms-container .wpforms-field-textarea {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.wpforms-container .wpforms-field-text {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.wpforms-container .wpforms-field-description {
  color: #6b7280 !important;
}

.wpforms-container label {
  color: #6b7280 !important;
}

.wpforms-submit-container .wpforms-submit {
  width: 100%;
  padding: 6px 32px;
  border-radius: 8px !important;
  background-color: #3c9cd7 !important;
}

.wpforms-container .wpforms-confirmation-container-full {
  border-radius: 8px !important;
}

@media (max-width: 767.98px) {
  .wpforms-field-container .wpforms-field-label {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
  }

  .wpforms-field-container .wpforms-field-required,
  .wpforms-field-container .wpforms-field-medium {
    padding: 10px;
  }

  .form-intro {
    margin: 32px 0;
    font-weight: 400;
    font-size: 16px;
  }

  .wpforms-container .wpforms-field {
    padding-top: 8px !important;
    padding-bottom: 0px !important;
  }

  .wpforms-container .wpforms-field .wpforms-field-text {
    padding-top: 8px !important;
    padding-bottom: 0px !important;
  }

  .wpforms-container .wpforms-field-mail {
    padding-top: 8px !important;
    padding-bottom: 0px !important;
  }
  .wpforms-container .wpforms-field-layout {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .wpforms-container .wpforms-field-checkbox {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
  }

  .select-filter::after {
    line-height: 40px !important;
  }

  .detail-post img {
    margin-top: 24px;
  }

  .detail-post h4,
  .page-policy h4 {
    line-height: 1;
    font-size: 16px;
    margin: 20px 0 10px;
    font-weight: 600;
  }

  .detail-post h2,
  .page-policy h2 {
    line-height: 36px;
    font-weight: 400;
    font-size: 30px;
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .detail-post h3,
  .page-policy h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .detail-post p,
  .page-policy p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}

.detail-post iframe {
  width: 100% !important;
}

.pagination-items .page-numbers {
  width: 100%;
  height: 100%;
  display: flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

.detail-portfolio .short-description {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.faq-question-answer ul li {
  list-style-type: initial;
}

.portfolio-list select option:hover {
  color: #fff !important;
  background-color: #3c9cd7 !important;
}

.portfolio-list select:focus,
.portfolio-list select option:checked,
.portfolio-list select::after {
  border: transparent !important;
}

.faq-question-answer ul {
  padding: revert;
}

.form-consent-agreement {
  display: none;
  color: #000;
}

#industries,
#service,
#sortBy {
  -webkit-appearance: none;
  appearance: none;
}

.select-filter,
.select-filter-sort {
  position: relative;
}

.select-filter::after {
  content: url(./../public/images/shared/arrow-down-filter.svg);
  font-size: 1rem;
  right: 16px;
  position: absolute;
  pointer-events: none;
  line-height: 56px;
}

.select-filter-sort::after {
  content: url(./../public/images/shared/arrow-down-filter.svg);
  font-size: 1rem;
  right: 16px;
  position: absolute;
  pointer-events: none;
  line-height: 48px;
}

.upload-item-name {
  color: #0b2b5b;
}

.wpforms-error-container p {
  padding-bottom: 10px !important;
}

.detail-post {
  color: #374151;
}

.detail-post img {
  margin-top: 37px;
}

.detail-post h4,
.page-policy h4 {
  line-height: 1;
  margin: 20px 0 10px;
  font-weight: 600;
  font-size: 20px;
}

.detail-post h2,
.page-policy h2 {
  line-height: 1;
  font-weight: 600;
  font-size: 36px;
  margin-top: 48px;
  margin-bottom: 16px;
}

.detail-post h3,
.page-policy h3 {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  margin-top: 40px;
  margin-bottom: 16px;
}

.detail-post p,
.page-policy p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.detail-post ul,
.page-policy ul {
  padding: revert;
}

.detail-post ul li,
.page-policy ul li {
  list-style-type: initial;
}

.truncate-3-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Giới hạn tối đa 3 dòng */
  overflow: hidden;
  text-overflow: ellipsis;
}