@media only screen and (max-width: 576px) {
    @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
    .menu-item > .menu-link-item {
      width: max-content;
      font-size: 14px !important;
      color: #2b2d54;
    }
  
    .header-nav-bar .header-menu {
      width: 100vw;
      align-items: flex-start;
    }
  
    .icon-home-nav {
      color: #0d4c92;
    }
  
    .detail__sticky {
      display: none;
    }
  
    .d-mobile-none {
      display: none;
    }
  
    .header-title .ttdt-header {
      width: 300px;
    }
  
    .shareToHome {
      display: none;
    }
  
    .container,
    .container-sm {
      max-width: 100%;
    }
  
    .header-img {
      height: 300px;
    }
  
    .sdt-title-footer {
      color: var(--darkdefault-212529, #212529);
      text-align: center;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
      letter-spacing: 0.024px;
    }
  
    .sdt-design-by {
      display: contents;
    }
  
    .sdt-percent {
      top: 40%;
      left: 30%;
    }
  
    .ttdt-header {
      font-weight: 700;
      font-size: 18px;
    }
  
    .hcm-header {
      font-family: "Merriweather";
      font-weight: 700;
      font-size: 14px;
    }
  
    .logo-hcm {
      text-align: center;
    }
  
    .header-img {
      height: 300px;
    }
  
    .li-title-mobile {
      padding: 17px;
    }
  
    .title-mobile {
      line-height: 17px;
      font-weight: bold;
      font-size: 8px;
      margin: 0;
      color: #980500;
    }
  
    .image-banner-header {
      height: 22vh !important;
      padding: 50px 0 !important;
    }
  
    div#page {
      display: block;
    }
  
    p.fz55 {
      font-weight: bold;
      font-size: 20px;
      line-height: 44px;
      text-align: center;
      color: #fff600;
      text-shadow: 2px 0 0 #ff0000, -2px 0 0 #ff0000, 0 2px 0 #ff0000,
        0 -2px 0 #ff0000, 1px 1px #ff0000, -1px -1px 0 #ff0000, 1px -1px 0 #ff0000,
        -1px 1px 0 #ff0000;
    }
  
    span#title-header {
      font-size: 14px;
    }
  
    img.logo1.img-fluid2 {
      width: auto;
      height: 40px;
    }
  
    img.logo2.img-fluid2 {
      width: auto;
      height: 40px;
    }
  
    #wrapper {
      padding-top: 0px !important;
    }
  
    .home-text > button {
      min-width: 105px !important;
    }
  
    .header-title-two-line {
      width: 100vw;
    }
    .ttdt-header-top {
      width: 100vw;
      font-size: 12px;
      line-height: 13px;
    }
    .ttdt-header-bottom {
      font-size: 25px;
      line-height: 15px;
    }
    .container-fluid.wrapper {
      padding: 10px 15px;
    }
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
      -webkit-transform: translate3d(240px, 0, 0);
      transform: translate3d(240px, 0, 0);
      transition: max-height 100ms ease-in-out;
    }
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
      -webkit-transform: translate3d(440px, 0, 0);
      transform: translate3d(440px, 0, 0);
      transition: max-height 100ms ease-in-out;
    }
  
    ul.ace-menu-mobile li a {
      color: white;
      line-height: 39px;
      padding: 0px 5px;
      font-size: 12px;
    }
  
    .li-title-mobile {
      padding: 17px;
    }
  
    .title-mobile {
      line-height: 17px;
      font-weight: bold;
      font-size: 8px;
      margin: 0;
      color: #980500;
    }
  
    .image-banner-header {
      height: 22vh !important;
      padding: 50px 0 !important;
    }
  
    div#page {
      display: block;
    }
  
    p.fz55 {
      font-weight: bold;
      font-size: 20px;
      line-height: 44px;
      text-align: center;
      color: #fff600;
      text-shadow: 2px 0 0 #ff0000, -2px 0 0 #ff0000, 0 2px 0 #ff0000,
        0 -2px 0 #ff0000, 1px 1px #ff0000, -1px -1px 0 #ff0000, 1px -1px 0 #ff0000,
        -1px 1px 0 #ff0000;
    }
  
    span#title-header {
      font-size: 14px;
    }
  
    img.logo1.img-fluid2 {
      width: auto;
      height: 40px;
    }
  
    img.logo2.img-fluid2 {
      width: auto;
      height: 40px;
    }
  
    #wrapper {
      padding-top: 0px !important;
    }
  
    .home-text > button {
      min-width: 105px !important;
    }
  
    header.header-main-nav {
      height: 750px;
      background: #ffffff;
      /* border-bottom: 1px solid #0D4C92; */
    }
  
    .header-top-main {
      height: 670px;
    }
  
    header.header-main-nav > div > .info-right.same-header {
      display: none;
    }
    .wrapper {
      overflow: hidden;
    }
  
    .hero-bottom {
      display: none !important;
    }
  
    .food-left__img {
      width: 100% !important;
    }
  
    .food-img {
      width: 100% !important;
    }
  
    .subscribe-main {
      gap: 30px;
      flex-direction: column-reverse;
      display: flex;
      justify-content: space-between;
      align-items: start;
    }
  
    .news-box__title {
      width: 100%;
    }
  
    .investor-top {
      flex-direction: column;
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 25px;
    }
  
    .investor-box__text {
      font-size: 12px;
    }
  
    .cuture-content {
      flex-direction: column;
      gap: 60px;
    }
  
    .food-left {
      width: 100%;
    }
  
    .destination-box__img {
      height: 100%;
    }
  
    .destination-group {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .destination-box:nth-child(3) {
      grid-row: 4;
    }
  
    .destination-box__text {
      padding-bottom: 10px;
    }
  
    .info-right__box_right {
      margin-left: auto;
      margin-right: 0;
    }
    span.toggle-mobile-menu {
      display: block;
      zoom: 2.3;
      color: #ffffff;
      font-weight: 700;
    }
    .info-right {
      background: transparent;
      height: 53px;
      width: 53px;
    }
  
    .info-left {
      display: none !important;
    }
  
    .header-top {
      background: none;
    }
  
    .menu-logo-90 {
      display: flex;
      height: 45px;
      width: 45px;
    }
  
    .menu-logo__image-90 {
      width: 45px;
      object-fit: contain;
    }
  
    .header a:after {
      background: none;
    }
  
    div#page {
      width: 48px;
      display: block;
    }
  
    .mobile-search {
      display: flex;
    }
  
    .form-search-mobile {
      padding-left: 20px;
      padding-right: 10px;
      width: 100%;
      padding-bottom: 18px;
    }
  
    .header-main-mobile {
      display: flex;
      justify-content: center;
    }
  
    .menu-logo-70 {
      display: flex;
      height: 70px;
      width: 70px;
      margin-bottom: 12px;
    }
  
    .menu-logo__image-70 {
      width: 70px;
      object-fit: cover;
    }
  
    .header-main {
      display: flex;
      align-items: center;
      height: 53px;
      background-image: url("/o/portal-home-multi-theme/images/hcm/bg-mobile.png");
    }
  
    iframe {
      display: none;
    }
  
    .food-left__img iframe {
      display: block;
    }
  
    .chat-bot {
      height: 33px;
    }
  
    .title-chutruong {
      font-size: 16px !important;
      margin: 0;
      line-height: 16.5px !important;
    }
  
    .card-body .text-clamp {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      max-height: 4.5em;
    }
  
    h5.card-title.text-clamp {
      font-size: 16px;
    }
  
    .text-2-line-view {
      font-size: 22px;
    }
  
    .title-indexone {
      padding: 15px 15px 0px;
    }
  
    .txt-title-van-hoa {
      font-size: 25px;
    }
  
    .activities-title-pct {
      font-size: 20px;
    }
    .bg-F8F9FA.mr-15pt.box-shadow-right-15pt {
      margin: auto;
    }
    .makeshortnews-main-title-pctt {
      font-size: 16px;
    }
    .ml-15pt {
      margin: auto !important;
    }
  
    .position-pct,
    .city-pct {
      font-size: 20px;
    }
    .name-pct {
      font-size: 40px;
    }
    .main-image-pct-anh-video img {
      height: auto;
    }
    .sdt-title-footer-noidung {
      font-size: 13px;
    }
    .date-weather {
      display: none !important;
    }
    .custom-by-portal-hcm img {
      height: auto;
    }
    /* navigation menu mobile - portal_normal.ftl */
    .header-main-nav {
      display: block;
      position: fixed;
      top: 0;
      transform: translateX(100%);
      width: 80%;
      height: 100vh;
      background: white;
      z-index: 1000;
      overflow-y: auto;
      transition: transform 0.3s ease-out;
      right: 0;
    }
  
    .header-main-nav.show {
      transform: translateX(0);
      overflow: hidden;
    }
  
    .header-nav-bar .menu-top {
      width: 100%;
      flex-direction: column;
      padding-top: 78px;
      justify-content: flex-start;
      height: 60%;
      display: flex;
      align-items: normal;
    }
  
    .menu-link-item {
      width: 100%;
      display: block;
    }
    /* navigation menu mobile - navigation.ftl */
    /* logo-home */
    .mobile-menu-header {
      position: fixed;
      top: 0;
      right: 0;
      width: 100%;
      padding: 15px;
      background: white;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 1001;
    }
    .mobile-menu-header .home-btn {
      background-color: unset;
    }
    .mobile-menu-header .logo-home {
      display: flex;
      align-items: center;
    }
    .mobile-menu-header .home-btn {
      padding: 8px 0;
    }
    .mobile-menu-header .home-btn img {
      width: 24px;
      height: 24px;
    }
    .menu-item.home-menu-item {
      display: none;
    }
    /* sidebar-sub */
    .mobile-sidebar-items .fs-14px {
      font-size: 14px;
    }
    .mobile-sidebar-items {
      margin-top: auto;
      padding: 15px;
      background: #d9f2e6;
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
    }
    .mobile-sidebar-items .sidebar-sub-item {
      padding: 12px 0;
    }
    .mobile-sidebar-items .sidebar-sub-item:last-child {
      border-bottom: none;
    }
    .mobile-sidebar-items .text-blue {
      color: var(--vt-c-green) !important;
    }
  
    .menu-sidebar-btn {
      display: none;
    }
  
    .mobile-menu-header img {
      height: 24px;
    }
  
    .close-menu-btn {
      background: none;
      border: none;
      padding: 10px;
    }
  
    .menu-item {
      width: 100%;
      border-bottom: 1px solid #e5e5e5;
      padding-left: 0 !important;
    }
    .menu-top li:last-child {
      border-bottom: none !important;
    }
    .menu-link-item {
      font-size: 16px;
      padding: 10px 0;
    }
  
    .ace-menu-child {
      position: static !important;
      display: none;
      padding-left: 20px;
    }
    /* search bar mobile - navigation.ftl */
    .mobile-search-bar {
      position: relative;
      padding-right: 15px;
    }
  
    .mobile-search-bar .search-bar {
      width: 100%;
      border-radius: 8px;
      padding: 0 15px 8px 0;
    }
  
    .mobile-search-bar .search-input {
      width: 100%;
      background: transparent;
      border: none;
      outline: none;
      color: #2b2d54;
      font-size: 14px;
    }
  
    .mobile-search-bar .search-btn {
      background: transparent;
      border: none;
      padding: 8px;
    }
  
    .mobile-search-bar .search-btn img {
      width: 20px;
      height: 20px;
    }
  
    /* language toggle mobile */
    .mobile-lang-toggle {
      padding: 0 8px;
    }
  
    .mobile-lang-toggle .lang-link {
      text-decoration: none;
    }
  
    .mobile-lang-toggle p {
      color: #555555;
      font-size: 20px;
      font-weight: 500;
    }
  
    /* header-bar */
    .header-bar .stock-item-name {
      padding: 2px;
      font-size: 10px;
      font-weight: 500;
    }
    .stock-item-detail p:first-child {
      font-weight: 400;
      font-size: 10px;
    }
    .stock-item-detail .headline-h3 {
      font-size: 14px;
      font-weight: 500;
    }
    .menu-top .menu-link-item:hover .red-dot {
      display: none;
      bottom: 2px;
      width: 8px;
      height: 8px;
    }
    .menu-top .menu-link-item {
      display: flex;
    }
    .menu-top .menu-active {
      background-color: unset !important;
      color: #ed1c24 !important;
      padding: 0 !important;
    }
  
    .ttsk-page .news-img {
      height: 290px !important;
    }
    .ttsk-page .xemthem-btn {
      margin: 20px auto 0 !important;
    }
    .ttsk-page .title-t2 {
      font-weight: 500;
      color: #555555;
    }
    /* spdv-page */
    .spdv-page {
      background: url(/documents/37629/38824/BG-spdv-mb.svg/f2b3b67e-0751-bb44-1f4a-71baa4879150?t=1739004308171) !important;
      background-size: cover !important;
      background-position: center !important;
    }
  
    /* ve BSR */
    .thong-diep-section {
      padding: 14px 15px !important;
    }
    .thong-diep-section .mask-2 img {
      height: 380px !important;
    }
  
    .thong-diep-section .banner-section .headline-h1 {
      font-size: 18px;
      font-weight: 600;
    }
    .thong-diep-section .thongdiep-content .headline-h1 {
      font-size: 18px;
      font-weight: 600;
    }
    .thong-diep-section .thongdiep-title img {
      height: 28px !important;
      margin-left: 10px !important;
    }
    .thong-diep-section .thongdiep-content .body-t2 {
      font-size: 12px;
      font-weight: 400;
    }
    .thong-diep-section .thongdiep-body {
      line-height: 20px;
    }
    .thong-diep-section .mr-3 {
      margin-right: 10px !important;
    }
    .thong-diep-section .thongdiep-content {
      gap: 0 !important;
    }
    /* Hình thành và phát triển */
    .ht-pt-section .headline-h2 {
      font-weight: 600;
    }
    .ht-pt-section .mock-year .caption-regular {
      font-size: 12px !important;
      font-weight: 500 !important;
    }
  
    .ht-pt-section .body-t2 {
      font-size: 12px !important;
      font-weight: 400 !important;
    }
    .ht-pt-section .mock-right {
      font-size: 12px;
      font-weight: 500;
    }
    .tlkd-section .headline-h2 {
      font-weight: 600;
    }
    .tlkd-section .title-t1 {
      font-size: 14px;
    }
    .tlkd-section .title-t1 {
      font-size: 14px;
    }
    .tlkd-section .body-t2 {
      font-weight: 400;
    }
    .tlkd-section .text-555 {
      color: #2b2d54;
    }
  
    .tamnhin-section .tn-sm-title {
      font-weight: 500;
    }
    .tamnhin-section .tn-sm-title {
      font-weight: 400;
    }
    .gtcl-section .headline-h2 {
      font-weight: 600;
      font-size: 18px;
    }
    .gtcl-section .title-t1 {
      font-size: 14px;
      font-weight: 500;
    }
    /* tn-sm-section */
    .tn-sm-section .sumenh-content {
      border-radius: 50%;
      background-size: 84% !important;
    }
  
    .tn-sm-section {
      padding: 5px 15px !important;
    }
    .gtcl-section {
      padding: 0 15px 16px 15px !important;
    }
    .gtcl-section #coreValueCarouselMobile .carousel-control-prev {
      left: -23px !important;
    }
    .gtcl-section #coreValueCarouselMobile .carousel-control-next {
      right: -23px !important;
    }
    .gt-nmld-dungquat-section .gt-nmld-dungquat-content .headline-h2 {
      font-weight: 600;
    }
    .gt-nmld-dungquat-section .xem-them-btn {
      margin-top: 32px !important;
    }
    .tochuc-navbar .navbar-item.active {
      font-size: 18px !important;
      font-weight: 600 !important;
    }
    .cctc-navbar .cctc-navbar-item {
      font-size: 12px !important;
      font-weight: 400 !important;
    }
    .cctc-section .thanhvien .chucvu {
      font-size: 16px !important;
      font-weight: 300 !important;
    }
    .cctc-section .thanhvientop .tenthanhvien,
    .cctc-section .thanhvien .tenthanhvien {
      font-size: 16px !important;
      font-weight: 500 !important;
    }
  
    .htql-section {
      padding-top: 14px !important;
      padding-bottom: 36px !important;
    }
    .htql-section .htql-content {
      margin-left: 20px;
      height: unset !important;
    }
    .htql-section .htql-bg {
      margin-left: 20px;
      height: 84% !important;
    }
    .htql-section .headline-h2 {
      font-size: 16px;
      font-weight: 600;
    }
    .htql-section .htql-content .noiDung {
      font-size: 10px !important;
      font-size: 400 !important;
    }
    .htql-section .anhMinhHoa {
      height: 262px !important;
    }
  
    .loinhan-section {
      background: #f2fff9 !important;
    }
  
    .loinhan-section .body-t2 {
      color: var(--vt-c-green) !important;
    }
  
    .journal-content-article .banner-section .headline-h1 {
      font-size: 18px;
      font-weight: 600;
    }
    .journal-content-article .noidung-tinh-template .text-center {
      font-weight: 600;
    }
    .journal-content-article .noidung-tinh-template p,
    .journal-content-article .noidung-tinh-template li {
      font-size: 14px;
      line-height: 22px;
      font-weight: 300;
    }
  
    .journal-content-article .loinhan-section .body-t2 {
      font-size: 12px;
    }
    .accordion-item .accordion-header {
      text-align: left;
    }
    .spotlight-title-y p {
      font-weight: 600 !important;
    }
    .spotlight-y {
      height: 22px !important;
      width: 4px !important;
    }
    .title-gtc-nmld {
      font-size: 12px !important;
    }
    .gioithieuchung-content {
      background-image: url(/documents/37629/38824/Mask+group.svg/8397c9d9-b8ca-bf0b-8e52-bfa5a1c69254?t=1739086353282) !important;
      background-repeat: no-repeat !important;
      background-position: right top !important;
    }
    .journal-content-article .noidung-tinh-template h4 {
      font-size: 14px !important;
    }
    .journal-content-article .noidung-tinh-template p strong {
      font-size: 14px !important;
      font-weight: 300;
    }
    .giaychungnhan .headline-h3 {
      font-size: 18px;
      font-weight: 600;
    }
    .giaychungnhan .mask {
      background: linear-gradient(
        31deg,
        #00a7b5 21.16%,
        #05a058 40%,
        rgba(255, 255, 255, 0) 178.65%
      ) !important;
    }
    .giaychungnhan .carousel-control-prev-icon {
      background-image: url(/documents/37629/38824/fi_arrow-right-ic.svg/67e6b097-e1b6-1ccd-dadc-b53629809990?t=1739111209172) !important;
      transform: rotate(180deg) !important;
    }
    .giaychungnhan .carousel-control-next-icon {
      background-image: url(/documents/37629/38824/fi_arrow-right-ic.svg/67e6b097-e1b6-1ccd-dadc-b53629809990?t=1739111209172) !important;
    }
    .side-news .xemthem-link {
      color: var(--vt-c-green) !important;
    }
    .slogan-section .headline-h3 {
      font-size: 18px;
      font-weight: 600;
    }
  
    #fragment-0-zmqa .headline-h2 .ml-2 {
      font-size: 18px;
      font-weight: 600;
    }
    .sanpham-menu-container .headline-h3 {
      font-size: 18px;
      font-weight: 600;
    }
    .slogan-section .body-t2:nth-child(1) {
      font-size: 12px;
      font-weight: 400;
      color: #2b2d54 !important;
    }
    /* spdv-page */
    .content-spdv .title-spdv {
      font-size: 14px;
      font-weight: 500;
    }
    .content-spdv .title-spdv::before {
      font-size: 16px;
      top: -4px;
    }
    .content-spdv .description-spdv {
      font-size: 14px;
    }
    .container-spdv-mobile {
      display: none;
      justify-content: space-between;
      align-items: center;
      background: url(/documents/37629/38824/banner-xang-mobile.svg/700acea9-41ca-5293-aa54-3a887aa1b578?t=1739169112427)
        no-repeat center center !important;
      background-size: cover;
      color: white;
      padding: 8px !important;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      flex-direction: column;
    }
    .container-spdv-mobile .content-box-wrapper {
      position: relative;
      padding: 6px;
      background-color: unset;
      border-radius: unset;
      border: unset;
      border-image-source: linear-gradient(
        35deg,
        rgba(255, 255, 255, 0.6) 10.43%,
        rgba(255, 255, 255, 0) 42.07%,
        rgba(29, 161, 242, 0) 57.34%,
        rgba(29, 161, 242, 0.5) 90.37%
      );
      border-image-slice: 1;
      box-sizing: border-box;
      background-clip: border-box;
      background-image: url(/documents/37629/38824/Group+48095565.svg/790842f0-5b1b-4639-e5ef-dc3493a2faa1?t=1739158939696);
      background-repeat: no-repeat;
    }
    .container-spdv-mobile .content-box {
      flex: 1;
      border-radius: 10px;
      background: unset;
      padding: 20px;
      border: unset;
      border-image-source: unset;
      border-image-slice: 1;
      backdrop-filter: unset;
      background-clip: unset;
    }
    .stat-item .stat-label {
      font-size: 14px;
      font-weight: 500;
    }
    .spdv-contact-title {
      font-weight: 500;
      font-size: 16px !important;
      text-align: center;
    }
    .spdv-contact-p {
      font-size: 14px !important;
      font-weight: 400 !important;
      padding: 0 15px;
      text-align: center;
    }
  
    .contact-button img {
      width: 16px !important;
      height: 16px !important;
    }
    .back-button-container {
      display: none !important;
    }
    .journal-content-article .banner-section {
      height: 80px;
    }
    .journal-content-article .banner-section .banner {
      height: 80px;
    }
    .spdv-xang-container {
      margin-left: 15px;
      margin-right: 15px;
    }
    .spdv-xang-container .spdv-img-background {
      width: 100%;
      height: auto;
    }
    .spdv-xang-container .spdv-img-background-last {
      width: 100%;
      height: auto;
    }
    .container-spdv-banner {
      margin-left: 15px;
      margin-right: 15px;
    }
    .content-spdv {
      padding: 12px 20px !important;
    }
    .contact-button {
      padding: 10px 40px !important;
      font-size: 16px !important;
      gap: 5px !important;
    }
    .text-container-spdv-detail {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px;
    }
  
    /* Tuyển dụng */
    .tuyendung-bar {
      flex-direction: column-reverse !important;
      align-items: start !important;
    }
    .tuyendung-bar .tuyendung-p {
      display: none;
    }
    .tuyendung-bar .search-tuyendung {
      width: 100%;
      height: 40px;
      padding: 0;
    }
    .tuyendung-bar .search-tuyendung-content {
      padding-left: 12px;
      gap: 16px;
    }
    .tuyendung-bar .select-tuyendung {
      width: 64%;
      height: 40px;
      position: relative;
    }
    .tuyendung-bar .btn-search-tuyendung {
      width: 113px;
      height: 40px;
      position: absolute;
      bottom: 24px;
      right: 16px;
    }
    .tuyendung-bar .btn-input-tuyendung {
      padding: 0;
      font-size: 14px;
      font-weight: 300;
    }
    .tuyendung-bar select {
      height: 40px !important;
    }
  
    .mobile-footer .footer-logo {
      width: 120px;
      height: auto;
      margin-bottom: 20px;
    }
  
    .mobile-footer .footer-mobile-section {
      border-bottom: 1px solid rgba(224, 224, 224, 0.5);
    }
  
    .mobile-footer .footer-mobile-section:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    .ml-18px {
      margin-left: 18px;
    }
    .mobile-footer .icon {
      width: 20px;
      height: 20px;
      min-width: 20px;
    }
  
    .mobile-footer .icon-small {
      width: 16px;
      height: 16px;
      min-width: 16px;
    }
  
    .mobile-footer p {
      font-size: 14px;
      line-height: 1.4;
      color: var(--main-color-text);
      margin: 0;
    }
  
    .mobile-footer .contact-info {
      flex-wrap: wrap;
      gap: 8px;
    }
  
    .mobile-footer .contact-info span {
      font-size: 13px;
      color: var(--main-color-text);
    }
  
    .mobile-footer .contact-info > div {
      margin-right: 12px;
    }
  
    @media (max-width: 375px) {
      .mobile-footer .contact-info {
        flex-direction: row;
        align-items: flex-start;
      }
  
      .mobile-footer .contact-info > div {
        margin-right: 0;
        margin-bottom: 8px;
      }
    }
  }