@import url(./root1.css);
@import url("/assets/source/css/style-font.css");

* {
  font-family: 'Open Sans', sans-serif;
}

.overflow_clip {
  overflow: clip;
}

.logo-img {
  width: 48px;
}

.ff_montserrat {
  font-family: 'Open Sans', sans-serif; /* 备选字体增强兼容性 */
  font-size: 32px; /* 根据设计调整 */
  color: #007bff; 
}

.faq_btm_bor {
  border: 0.5px solid black;
  opacity: 30%;
}

/*==========Navbar===========*/
.nav_text {
  font-size: 14px;
}

.cursor_pointer {
  cursor: pointer;
}

.opacity_80 {
  opacity: 80%;
}

/*new code */
.hover_opacity_full:hover {
  opacity: 100% !important;
}

/*new code */
.toggle_line_one {
  transform-origin: left;
  transform: rotate(45deg) translate(-1px, -7px);
}

/* update code */
.toggle_line_two {
  background-color: transparent !important;
}

.toggle_line_three {
  transform-origin: left;
  transform: rotate(-45deg) translate(1px, 5px);
}

/* update code */

/*=============hero-section=========*/
.max_w_482 {
  max-width: 482px;
}

.hero_mail_left_image {
  min-width: clamp(320px, 55.25vw, 531px);
  max-width: clamp(320px, 55.25vw, 531px);
  top: -15%;
  right: 0;
}

/* update code */
.background_dark_blue {
  background-image: url(../images/webp/hero-section-bg.webp);
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
}

/*=====counter-section======*/
#counter-cards .counter_box {
  padding: 31px 24px;
  border-radius: 12px;
  border: 1px solid #dcdcdc;
  transition: all 300ms linear;
  height: 100%;
}

/* updated code*/
.counter_mt_n {
  margin-top: -50px !important;
}

.counter_top_space {
  margin-top: -130px !important;
}

#counter-cards .counter_box:hover {
  border: 1px solid #0d76ff;
  background-color: #f4f9ff;
}

/*======card-section======*/
.primary_business_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #dcdcdc;
}

.primary_business_card h2 {
  max-width: 268px;
}

.primary_business_card:hover {
  border: 1px solid #0d76ff;
  background-color: #f4f9ff;
  transition: all 300ms linear;
}

.layer_busniess_ariya {
  transform: translateY(-14%);
}

.learm_more_button {
  padding: 14px 28px;
  transition: all 300ms linear;
}

.max_w_300 {
  max-width: 300px;
}

.text_blue {
  color: #0d76ff;
}

.blue_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 1000px;
  opacity: 0px;
  background: #0078ff0d;
  transition: all 0.3s linear;
}

.primary_business_card:hover .blue_circle_box {
  background-color: #0d76ff !important;
}

.primary_business_card:hover .blue_circle_box svg path {
  fill: white;
  transition: all 0.3s linear;
}

/*======Core Competencies=======*/
.core_competencies_box {
  transition: all 0.3s linear !important;
  border: 1px solid #ffffff1f;
  background: #102339;
  padding: 20px;
}

.pb_6 {
  padding-bottom: 6px;
}

.view-all-box {
  background-image: url(/assets/images/webp/view-all-btn-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.core_competencies_my_custom {
  margin-top: 97px;
  margin-bottom: 97px;
}

.mb-56 {
  margin-bottom: 56px;
}

.core_competencies_py_custom {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-20 {
  padding: 20px !important;
}

.max-width-388 {
  max-width: 388px;
}

.core_competencies_box .competencies-card-icon {
  transition: all 0.3s linear;
  width: 84px !important;
  height: 84px !important;
}

.core_competencies_box {
  position: relative;
}

.core_competencies_box:hover::after {
  background: #00f3b91a;
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

section .container .row .core_competencies_box:hover {
  background: #00f3b91a;
}

.core_competencies_box:hover .competencies-card-icon {
  background: var(--gredient);
  transition: all 0.3s linear !important;
}

.core_competencies_box:hover span svg path {
  fill: white;
  transition: all 0.3s linear !important;
}

.view-all-box {
  width: 100%;
  height: 100%;
}

.view-all-btn {
  background: linear-gradient(#0078ff, #37eebc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.core_competencies_bg_layer {
  background-image: url(../images/webp/backgroundImage.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}

/*========Strategic Business Partnerships======*/
.gap-60 {
  gap: 60px !important;
}

.image-gap {
  gap: 64px !important;
}

.gap-40 {
  gap: 40px !important;
}

.business_left_image_1 {
  left: -2%;
  bottom: -24% !important;
}

.business-right-image {
  right: 0;
  bottom: -65% !important;
}

.leading_58 {
  line-height: 82%;
}

.sub_heading {
  max-width: 712px;
}

.partnership_w {
  max-width: 883px;
}

.max_w_674 {
  max-width: 674px;
}

.image_card {
  gap: 32px;
}

.image_card2 {
  gap: 32px;
}

.img_modification {
  width: 70px;
  height: 70px;
}

.img_modification2 {
  width: 218.75px;
  height: 70px;
}

.img_modification3 {
  width: 211.03px;
  height: 70px;
}

.img_modification4 {
  width: 57px;
  height: 70px;
}

.img_modification5 {
  width: 66.38px;
  height: 70px;
}

.img_modification6 {
  width: 174.13px;
  height: 70px;
}

.img_modification7 {
  width: 62px;
  height: 62px;
}

.img_modification8 {
  width: 68.25px;
  height: 70px;
}

/*==========Accordion======*/
.custom_py_careers {
  padding-top: 132px;
  padding-bottom: 132px;
}

.career-left-image {
  bottom: -150%;
  right: 84%;
}

.career-right-image {
  top: -130%;
  left: 85%;
}

#career .career_main_typo {
  max-width: 675px;
}

#career .accordion-button::after {
  display: none;
}

.accordion_box {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  height: 100%;
}

.accordion_box h3 {
  font-size: var(--fs-lg);
  line-height: 150%;
  font-weight: 600;
}

.accordion_box ul {
  padding-left: 24px;
  margin-bottom: 0 !important;
}

.accordion_box ul li p {
  font-size: var(--fs-md);
  color: var(--off-white);
  line-height: 150%;
  font-weight: 400;
}

/* on Collapse */
#career .accordion-button,
#career .accordion-body {
  padding: 0 !important;
}

#career .accordion-button,
#career .accordion-item {
  background-color: transparent !important;
  border: 0;
  color: white;
}

/* on open */
#career .accordion-button:not(.collapsed) {
  color: white !important;
  background-color: transparent !important;
}

#career .accordion-header .accordion-button.collapsed {
  font-size: var(--fs-lg);
  line-height: 120%;
  font-weight: 600;
}

#career .accordion-header .accordion-button.collapsed span {
  font-size: var(--fs-sm);
  line-height: 150%;
  font-weight: 400;
}

#career .accordion-header .accordion-button:not(.collapsed) {
  font-size: 32px;
  line-height: 120%;
  font-weight: 600;
}

#career .accordion-header .accordion-button:not(.collapsed) span {
  font-size: var(--fs-lg);
  line-height: 150%;
  font-weight: 600;
}

#career .accordion-header {
  padding-bottom: 22px;
}

#career .accordion-button:not(.collapsed) .hr_line {
  opacity: 0;
}

#career .hr_line {
  transform: translateY(6px);
  border-width: 0.1px !important;
  opacity: 0.2;
}

/*=====CASE-STUDY section=======*/
.case_study_bg_img {
  background-image: url(../images/webp/backgroundImage.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}

#career {
  background-image: url(../images/webp/careers-bg-wave.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}

#case_study .py-70 {
  padding-bottom: 70px;
  padding-top: 70px;
}

#case_study .case-study {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58.51px;
  text-align: left;
  color: #ffffff;
  padding-left: 30px;
  white-space: nowrap;
  padding-bottom: 30px;
}

#case_study .study-color {
  color: #0d76ff;
}

#case_study .z-index-3 {
  z-index: 3;
}

#case_study .max_w_388 {
  max-width: 388px;
}

#case_study .case_study_box {
  border: 1px solid rgb(255, 255, 255, 0.12);
  background-color: rgb(255, 255, 255, 0.06);
  border-radius: 16px;
  position: relative;
}

#case_study .case_study_box:hover::after {
  background: #00f3b91a;
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#case_study .case_study_box:hover {
  background: #00f3b91a;
}

#case_study .learn_more_button {
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#case_study .image_tag {
  bottom: 7% !important;
  left: 5% !important;
}

#case_study .pl-5 {
  padding-left: 5px;
}

#case_study .gap-24 {
  gap: 24px;
}

#case_study .circle-img {
  top: 6%;
}

#case_study .circle {
  right: 0%;
  bottom: 10%;
}

#case_study .image_border_rounded {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

#case_study .svg:hover {
  width: 30px;
  transition: all 200ms linear;
}

.case_cards_image_size {
  max-width: 362px;
  min-height: 260px;
  object-fit: cover;
  object-position: center;
}

/* ----------------------------------------------app marketing classes--------------------------------- */

.gap_22 {
  gap: 22px;
}

.app_marketing_nav {
  border-bottom: none !important;
}

.nav {
  flex-wrap: nowrap !important;
}

.overflow-x-auto {
  overflow-x: scroll;
}

.card {
  min-width: 50px !important;
  height: 53px !important;
}

.card:hover {
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
}

.card:hover .card-text {
  color: white !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.accordion-button {
  padding: 18px 24px !important;
}

.app_marketing_nav .nav-link {
  border: none !important;
}

.nav-link.active {
  background-color: transparent !important;
}

.border_rounded_15 {
  border-radius: 100px !important;
}

.border_rounded_15:not(.collapsed) {
  border-radius: 15px !important;
}

.box-shadow {
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: rgba(1, 1, 1, 1) !important;
  background-color: #f4f9ff !important;
  box-shadow: none !important;
}

.accordion-item:not(.collapsed) {
  background-color: #f4f9ff;
  border: 1px solid rgba(13, 118, 255, 1);
}

.a-btn::after {
  background-image: url("/assets/images/svg/icon.svg") !important;
  background-position: center;
}

.left-img {
  left: 0;
  bottom: 20%;
}

.right-img {
  right: 0;
  bottom: 20%;
}

.fade:not(.show) {
  display: none !important;
}

.app_marketing_nav .nav-item.show .nav-link,
.app_marketing_nav .nav-link.active {
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
  border: 0 !important;
  color: white !important;
  height: 100%;
  border-radius: 5px !important;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
}

/* ..........get in touch */
.get_touch {
  padding: 48px 0 48px 0;
}

.leading_24 {
  line-height: 120%;
}

.forms {
  padding: 14px 24px;
  border: solid 1px var(--off-white);
  border-radius: 100px;
  width: 100%;
  outline: none;
  font-family: "Open Sans", sans-serif;
}

.Textarea_modification {
  height: 97px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  resize: none;
  padding: 14px 24px;
  outline: none;
}

.submit_btn {
  padding: 14px 28px;
  border-radius: 100px;
  width: 100%;
  margin-top: 36px;
  color: var(--white);
  transition: all linear 300ms;
}

.submit_btn:hover {
  --gredient: linear-gradient(103.58deg, #37eebc 6.83%, #0078ff 109.09%);
  transition: all linear 300ms;
}

.leading_21 {
  line-height: 21.29px;
}

.img_modify {
  max-width: 521px;
}

.max_w_558 {
  max-width: 558px;
}

.english-logo-w {
  width: 40%;
}

.footer-background {
  background-color: #001429;
}

.footer-icon:hover {
  transform: scale(1.09);
}

.footer-line {
  border: 1px solid #ffffff;
  opacity: 20%;
}

.footer-text {
  opacity: 80%;
}

.footer-text:hover {
  color: #ffffff;
  opacity: 100%;
}

.footer-name:hover {
  color: var(--white);
}

.pl-156 {
  padding-left: 156px;
}

.bg-effect {
  left: 0;
  top: 2%;
}

.bg-effect-2 {
  right: 0;
  bottom: 2%;
}

.footer-name {
  list-style-type: none;
  opacity: 80%;
}

.fs-16 {
  font-size: var(--fs-md);
}

.color-white {
  color: var(--white);
}

.footer-galaxy {
  opacity: 80%;
}

.standing-line {
  height: 19px;
  border: 1px solid #ffffff;
  opacity: 20%;
}

.footer-media-icon a {
  width: 48px;
  height: 48px;
  background: var(--gredient-2);
}

.layer {
  top: -16%;
}

.z-10 {
  z-index: 10;
}

/*======Cookies======*/
.cookies_box {
  border: 2px solid black;
  bottom: 20px;
  left: 20px;
  z-index: 90;
  padding: 24px;
}

.pop-w {
  max-width: 692px;
}

.cookies-text {
  max-width: 700px;
}

.cookies-btn {
  max-width: 120px;
  width: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 300ms linear;
  border: 1.5px solid black;
}

.cookies-btn:hover {
  background-color: var(--black) !important;
  color: var(--white) !important;
}

.top_n_250 {
  top: -250px;
}

.learn_btn {
  text-decoration: underline 1px;
}

.footer_bottom_blue_layer {
  background: linear-gradient(103.58deg, #0078ff 6.83%, #37eebc 109.09%);
  border-radius: 9999999px;
  height: 430px;
  top: 455px;
  opacity: 0.2;
  width: 100%;
  filter: blur(150px);
}

.hero-layer img {
  margin-bottom: -2px;
}

/*===========responsive===========*/
.scroll_top {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.259);
  box-shadow: 0 0 20px -10px #000;
  z-index: 99;
  background: white;
}

.scroll_top svg {
  height: 24px;
  width: 24px;
}

.hero-logo-img {
  /* height: 49px;
  width: 49px; */
  height: 65px;
  width: 65px;
  margin-top: -10px;
}

.header_logo {
  max-width: 300px;
}

@media (max-width: 1368px) {
  .nav_text {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .navbar-link {
    display: flex;
    flex-direction: column;
    background: #001429 !important;
    width: 100%;
    position: fixed;
    justify-content: center;
    bottom: 0;
    right: -100% !important;
    top: 0%;
    z-index: 99;
    transition: all 0.3s linear !important;
  }

  .pl-156 {
    padding-left: 100px;
  }

  .show-navbar {
    right: 0 !important;
  }

  .menu-btn {
    width: 35px;
    align-content: center !important;
    background: none;
    display: block;
    z-index: 100;
  }

  .line {
    height: 3px;
    border-radius: 3px;
    display: flex;
    margin: 3px;
    background: white;
    transition: all 300ms linear;
  }

  /* update code */

  .line-1 {
    width: 13px;
  }
}

@media (max-width: 1199.8px) {
  .hero-logo-img {
    /* height: 42px;
    width: 42px; */
    height: 62px;
    width: 62px;
  }

  .counter_mt_n {
    margin-top: 100px !important;
  }

  .counter_top_space {
    margin-top: -5px !important;
  }

  .nav_text {
    font-size: var(--fs-lg);
  }
}

@media (max-width: 991.98px) {
  .cookies-text {
    max-width: 600px;
  }

  .core_competencies_bg_layer {
    background-size: cover;
  }

  #career,
  .case_study_bg_img {
    background-size: cover;
  }

  .core_competencies_box .competencies-card-icon {
    width: 76px !important;
    height: 76px !important;
  }

  .custom_py_careers {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case_cards_image_size {
    max-width: 462px;
    min-height: 313px;
  }

  .counter_mt_n {
    margin-top: -65px !important;
  }

  .hero_img_mt_n {
    margin-top: -80px !important;
  }

  .core_competencies_my_custom {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .hero_mail_left_image {
    position: unset !important;
    transform: translate(0%, 33%);
  }

  .animation-img {
    top: -30%;
  }

  .animation-img-right {
    top: -30%;
    right: 0;
  }

  .app-marketing-card {
    display: flex;
    flex-wrap: wrap;
  }

  .pl-156 {
    padding-left: 0;
  }

  .layer {
    top: -8%;
  }

  .english-logo-w {
    width: 50%;
  }
}

@media (max-width: 767.98px) {
  .cookies_box {
    left: 5px;
    bottom: 5px;
  }

  .cookies-text {
    max-width: 525px;
  }

  .nav_text {
    font-size: var(--fs-xl);
  }

  .custom_py_careers {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .counter_mt_n {
    margin-top: -48px !important;
  }

  .hero_img_mt_n {
    margin-top: -50px !important;
  }

  .core_competencies_my_custom {
    margin-top: 64px;
    margin-bottom: -20px;
  }

  .case_cards_image_size {
    max-width: 100%;
    min-height: 313px;
  }

  .hero_mail_left_image {
    min-width: clamp(284px, 44.25vw, 531px);
    max-width: clamp(284px, 44.25vw, 531px);
    top: 15%;
    right: 5%;
  }

  .logo-img {
    width: 70%;
  }

  /* update code */
  #counter-cards .counter_box {
    padding: 28px 20px;
  }

  /* new code*/
  .accordion-heading {
    font-size: 48px;
  }

  .career-text {
    font-size: 16px !important;
  }

  section .container .case-study-card .Card {
    margin-bottom: 30px;
  }

  .main-heading {
    padding-bottom: 0px;
    font-size: 30px;
  }

  .f-column {
    flex-direction: column;
  }

  .main-paragraph {
    padding-bottom: 0px;
  }

  .footer-img {
    width: 130px;
    height: 24px;
  }

  .svg {
    width: 38px;
    height: 38px;
  }

  .svg {
    width: 38px;
    height: 38px;
  }

  .accordion-heading {
    font-size: 48px !important;
  }

  .Careers_accordion .accordion_text {
    font-size: 16px !important;
  }

  .accordion-pera {
    font-size: 16px !important;
  }

  .Careers_accordion .btn_text {
    font-size: 20px !important;
  }

  .image_card {
    gap: 50px;
  }

  .img_modification2 {
    width: 218px;
  }

  .img_modification3 {
    width: 211px;
  }

  .leading_58 {
    line-height: 82%;
  }

  .image_card2 {
    gap: 50px;
  }

  .strategic_business {
    padding: 80px 0 80px 0;
  }

  .get_touch {
    padding: 80px 0 80px 0;
  }

  .layer {
    top: -6%;
  }

  .english-logo-w {
    width: 70%;
  }
}

@media (max-width: 578px) {
  .header_logo {
    max-width: 200px;
  }

  .hero-logo-img {
    /* height: 28px;
    width: 28px; */
    height: 35px;
    width: 35px;
    margin-top: -5px;
  }

  .cookies-btn {
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #career .accordion-header .accordion-button:not(.collapsed) {
    font-size: 24px;
  }

  .core_competencies_my_custom {
    margin-top: 0px;
    margin-bottom: -20px;
  }

  .footer-media-icon a img {
    width: 32px !important;
    height: 32px !important;
  }

  .accordion-button {
    padding: 14px 18px !important;
  }

  .accordion-button:not(.collapsed) {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: rgba(1, 1, 1, 1) !important;
    background-color: #f4f9ff !important;
    box-shadow: none !important;
  }

  .counter_mt_n {
    margin-top: 0px !important;
  }

  .hero_img_mt_n {
    margin-top: -20px !important;
  }

  .case_cards_image_size {
    max-width: 100%;
    min-height: 318px;
  }

  .image-gap {
    gap: 30px !important;
  }

  .img_modification {
    width: 50px;
    height: 50px;
  }

  .img_modification2 {
    width: 150px;
    height: 60px;
  }

  .img_modification3 {
    width: 100px !important;
    height: 40px;
  }

  .img_modification4 {
    width: 47px;
    height: 50px;
  }

  .img_modification5 {
    width: 50px;
    height: 50px;
  }

  .img_modification6 {
    width: 90px;
    height: 50px;
  }

  .img_modification7 {
    width: 42px;
    height: 42px;
  }

  .img_modification8 {
    width: 48px;
    height: 48px;
  }

  .core_competencies_py_custom {
    padding-top: 56px;
    padding-bottom: 48px;
  }

  #counter-cards .counter_box {
    padding: 20px 16px;
  }

  /* new code*/
  .px_max_sm_2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* new code */

  .Card {
    margin-bottom: 30px;
  }

  .f-column {
    flex-direction: column;
  }

  .case-study {
    font-size: 30px !important;
  }

  .main-paragraph {
    padding-bottom: 0px;
  }

  .layer {
    top: -3%;
  }

  .fs-14 {
    font-size: var(--fs-sm);
  }

  .app-marketing-card {
    gap: 8px !important;
  }

  .mb-0 {
    margin-bottom: 0 !important;
  }

  .a-btn::after {
    height: 14px !important;
  }

  .margin {
    margin-bottom: 20px;
  }

  .ps_sm_10 {
    padding-left: 10px;
  }

  .gap {
    gap: 15px !important;
  }

  /* popup */
  .cookies_box {
    margin-right: 4px;
    margin-left: 4px;
    padding: 16px;
    bottom: 8px;
  }

  .cookies-text {
    max-width: 322px;
  }
}

.gap_y_3 {
  row-gap: 16px;
}

@media (min-width: 768px) {
  .obj_mobile_contain {
    object-fit: contain;
  }

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

@media (min-width: 1536px) {
  .hero-layer {
    height: 400px;
  }

  .hero_pt_2xl {
    padding-top: 80px !important;
  }

  .counter_mt_n {
    margin-top: -100px !important;
  }

  .hero_mail_left_image {
    top: 20%;
  }
}

@media (min-width: 1920px) {
  .hero_mail_left_image {
    right: calc(- (100vw - 5%) / 2);
  }

  .counter_mt_n {
    margin-top: -50px !important;
  }

  .hero_mail_left_image {
    top: 20%;
  }
}

nav select {
  background: transparent;
  border: 0;
  color: white;
}

nav select option {
  background: #0000009c;
  color: var(--off-white);
}

.img_lang {
  height: 24px;
  width: 24px;
}

.select_lang {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.168);
  width: 100%;
  border-radius: 4px !important;
  height: 59px;
  overflow: hidden;
}

.select_lang .position-relative a p {
  padding-left: 6px;
  width: 100%;
}

.select_lang .position-relative a {
  opacity: 0.6;
  transition: all 300ms linear;
}

.select_lang .position-relative a:hover {
  opacity: 1;
}

.select_lang .position-relative a:nth-child(2)::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 111%;
  background: rgba(255, 255, 255, 0.226);
  height: 1px;
  transition: all 300ms linear;
}

.select_lang:hover .position-relative a:nth-child(2)::after {
  background: rgb(255, 255, 255);
}

.select_lang .img_lang {
  height: 16px;
  width: 16px;
}

.select_lang:hover {
  border-color: var(--off-white);
}

.rotate_180 {
  transform: rotate(180deg);
}

.card_kr_text {
  min-width: 60px !important;
  padding: 0 !important;
}

.card_kr_text button {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.kr_w_100 {
  min-width: 100px !important;
}

.kr_w_80 {
  min-width: 80px !important;
}


.pe-sm-h2 {
  min-width: 30px;
}