@media (min-width: 1200px) {
    .menu_mobi,.menu_mobi_add{display: none;}
  }
  @media (max-width: 1199px) {
    .wrap-field .field-top .info-field{text-align: center;}
    .info-field__title{justify-content: center;}
    .logo-head{margin:0 auto;}
    .header .wrap-content{display: flex;align-items: center;justify-content: space-between;}
    .menu {
      display: none;
    }
  
    .menu-res {
      display: block;
    }
    .hidden-1200{display: none;}
    .head-bottom{position: sticky;top:0;}
    .header{border:none;position: relative;}
    .mm-panel{}
    .mm-navbar_sticky{}
    .icon_menu_mobi{margin:0px;}
    .menu_mobi {color: #fff;font-size: 18px;text-decoration: none;/* padding: 0px 10px; */display: block;height: 40px;cursor: pointer;background: var(--color-main);position: sticky;top: 0px;z-index: 11;}
    .menu_mobi_add {display:block;position: fixed;left: -100%;top: 0;background: #f3f3f3;z-index: 99999;color: #fff;height: 100vh;overflow: auto;line-height: 1.5;padding-top: 40px;padding-bottom: 20px;width: 85%;min-width: 140px;max-width: 440px;/* box-shadow: inset -4px 0px 8px rgba(0,0,0,0.3); */transition: 0.5s;}
    .menu_mobi_active { left: 0; transition: 0.5s; }
    .menu_mobi_add ul {list-style: none;padding: 0;}
    .menu_mobi_add ul li{}
    .menu_mobi_add ul li h2{font-size: 15px;}
    .menu_mobi_add ul li b{display:inline-block;vertical-align: top;margin-right: 8px;}
    .menu_mobi_add ul li b img{ display: inline-block; vertical-align: top; }
    .menu_mobi_add ul li a {text-decoration: none;color: #000;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);padding: 10px 40px 10px 0;margin-left: 20px;font-size: 14px;position: relative;text-transform: uppercase;text-align: left;}
    .menu_mobi_add ul li a.active2 {color: #000;font-weight: bold;}
    .menu_mobi_add ul li a i{position:absolute;/* height:100%; */right:0;top: 0px;bottom: 0px;border-bottom: 1px solid rgba(255,255,255,0.1);width: 41px;text-align:center;padding-top: 9px;/* transform:rotate(90deg); */border-left: 1px solid rgba(0,0,0,0.1);color: #6e6e6e;}
    .menu_mobi_add ul li a.active2 i{transform: rotate(-90deg);border-top: 1px solid rgba(0,0,0,0.1);border-left: none;}
    .menu_mobi_add ul ul {display:none;padding-left: 0;}
    .menu_mobi_add ul li ul li a {padding-left: 20px;color: #000;}
    .menu_mobi_add ul li ul li a img{display: none;}
    .menu_mobi_add ul li ul li ul li a { padding-left: 40px; }
    .close_menu {position: absolute;top: 5px;right: 7px;font-size: 15px;background: #fff;width: 30px;text-align: center;line-height: 25px;cursor: pointer;color: var(--color-main);}   
    .menu_baophu{margin:0;}
    .menu_baophu {background: #000;opacity: 0.8;z-index: 998;left: 0px;top: 0px;position: fixed;width: 100%;height: 100%;display: none;}
    
    #hamburger {display: block;width: 40px;height: 33px;position: relative;padding: 6px;/* border: 1px solid #000; */}
    #hamburger:before,#hamburger:after,#hamburger span {background: #fff;content: '';display: block;width: 75%;height: 1px;position: absolute;left: 0px;right: 0;margin: 0 auto;}
    #hamburger:before {top: 8px;}
    #hamburger span {top: 16px;}
    #hamburger:after {top: 24px;}
    #hamburger:before,#hamburger:after,#hamburger span {-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform,top,bottom,left,opacity;transition-property: transform,top,bottom,left,opacity;}
    .info-head i{font-size: 22px;}
    .info-head {
        margin: 0;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        gap: 5px;
        color: #fff;
        font-size: 21px;
        font-weight: bold;
    }
  }
  @media (max-width: 1024px) {
    .hidden-1024{display: none;}
  }
  @media (max-width: 1024px) {
    .yep {
      position: absolute;
      top: 0px;
      left: -6px;
      width: 30px;
      height: 50px;
      opacity: 0;
    }
    .check-toolbar { display: none; position: fixed; right: 30px; bottom: 100px; width: 18px; height: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99; }
    .check-toolbar label { position: absolute; bottom: 0; left: 6px; width: 6px; height: 50px; border-radius: 32px; background: linear-gradient(to bottom, #b3b3b3, #e6e6e6); cursor: pointer; transition: all 0.3s ease; opacity: 0.7; box-shadow: 0 0 5px #ccc; }
    .check-toolbar label:after { content: ''; position: absolute; bottom: 1px; left: -3px; width: 12px; height: 20px; border-radius: 3px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; }
    .check-toolbar input[type="checkbox"]:checked + label {background: var(--background-static);opacity: 1;}
    .check-toolbar input[type="checkbox"]:checked + label:after { transform: translateY(-29px); }
    .check-toolbar label:hover { background: linear-gradient(to bottom, #b3b3b3, #e6e6e6); }
    .check-toolbar label:hover:after { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  
    .hidden-toolbar { padding-top: 0px; transition: 0.7s; }
    .hidden-toolbar .toolbar { transform: translateY(120%); transition: 0.7s; }
    .hidden-toolbar .head { transform: translateY(-120%) !important; transition: 0.7s; }
    .show-toolbar .toolbar { transform: translateY(0); transition: 0.7s; }
    .check-toolbar { display: block; }
    .contact-input{
      margin-bottom: 15px;
    }
    .flex-cus,
    .row-video, .row-20 {
      margin-left: -5px;
      margin-right: -5px;
    }
  
    .mg-cus,
    .mg-video, .col-20 {
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .content-text img {
      height: auto !important;
    }
  
    .padding-top-bottom {
      padding: 2rem 0;
    }
  
    .pad-top {
      padding-top: 2rem;
    }
  
    .pad-bottom {
      padding-bottom: 2rem;
    }
  
    .mg-top {
      margin-top: 2rem;
    }
  
    .mg-bottom {
      margin-bottom: 2rem;
    }
  
    .title-detail-main {
      font-size: 20px;
    }
  
    .cart-fixed {
      bottom: 220px;
    }
  
    .btn-frame {
      display: none;
    }
  
    .cart-pro-detail {
      width: 100%;
      margin-top: 10px;
    }
  
    .pad-bottom {
      padding-bottom: 2rem !important;
    }
  
    .pad-top {
      padding-top: 2rem !important;
    }
  
    .padding-top-bottom {
      /* padding: 2rem 0 !important; */
    }
  
    
  
    .product-tool {
      opacity: 1;
      visibility: visible;
      position: initial;
    }
  
    .product-tool a span {
      display: none;
    }
  }
  @media only screen and (min-width: 992px) {
    
  }
  @media only screen and (max-width: 991px) {
    .wrap-why .why-item .why-item_img{display: none;}
    .cover-why{margin-top:0px;}
    .wrap-why .why-item{margin: 1rem calc(var(--bs-gutter-x) * -.5) 2rem;text-align: left;}
    .wrap-why .why-item .why-item_text{margin:0.3rem 0px;}
    .menu {
      display: none;
    }
    .menu-res {
      display: block;
    }
    .top-cart {
      margin-bottom: 2rem;
    }
    .othernews{
      position: initial;
    }
    .footer-title:after {
      width: 100%;
    }
  
    #fanpage-facebook {
      width: 300px;
      overflow: hidden;
      margin: auto;
    }
  
    .footer-news:nth-child(4) {
      width: 100%;
    }
  
    .footer-news:nth-child(3) {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .footer-news:nth-child(2) {
      width: 100%;
      margin: 20px 0;
    }
  
    .footer-news:nth-child(1) {
      width: 100%;
    }
  
    .time-news {
      display: none;
    }
  
    .copyright,
    .statistic {
      width: 100%;
      text-align: center;
    }
  
    .footer-ul li {
      width: calc(100% / 2 - 5px);
    }
  
    .footer-ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
    }
  }
  @media only screen and (min-width: 768px) {
    .procart-label .quantity-procart p:first-child {
      display: block;
    }
    .procart-label .quantity-procart p:last-child {
      display: none;
    }
    
  }
  @media only screen and (max-width: 767px) {
    .aau-home-project-card__body h3, .aau-home-project-card__body h3 a{font-size: 20px;}
    .aau-home-solution-card__body h3, .aau-home-process__item h3, .aau-home-product-card__body h3, .aau-home-proof-card__content h3, .aau-home-feature h3, .aau-home-solution-card__body h3 a, .aau-home-process__item h3 a, .aau-home-product-card__body h3 a, .aau-home-proof-card__content h3, .aau-home-feature h3 a{
        font-size: 20px;
    }
    .site-footer__bottom{padding-bottom: 5rem;}
    .aau-home-text-link{font-size: 14px;}
    .content-detail iframe{max-width: 100% !important;height: 250px;}
    .footer{padding-bottom: 3rem;}
    ul.social-top{display: flex;align-items: center;justify-content: center;margin: 0px !important;}
    .control-owl.control-dev button.owl-next{right:-10px;}
    .control-owl.control-dev button.owl-prev{left:-10px;}
    .control-product.control-owl button {
      width: 42px;
      height: 42px;
    }
    .control-product.control-owl button.owl-prev {
      left: 8px;
    }
    .control-product.control-owl button.owl-next {
      right: 8px;
    }
    .d-title-choose-list {
      padding: 14px;
      border-radius: 18px;
      gap: 14px;
    }
    .d-title-choose-list h2 {
      font-size: 24px;
    }
    .d-title-choose-cat {
      width: 100%;
      gap: 10px;
    }
    .choose_list {
      gap: 8px;
    }
    .choose_list span {
      min-height: 38px;
      padding: 8px 14px;
      font-size: 13px;
    }
    .btn_sp {
      width: 100%;
    }
    .btn_sp a {
      width: 100%;
      min-width: 100%;
      height: 42px;
    }
    .wrap-form-phone{margin-bottom: 2rem;}
    .icon_play{max-width: 50px;}
    .camket-pro-detail{margin-top:2rem;}
    .time-newshome{margin-bottom: 5px;}
    .news-slick h3 a.name-newshome{font-size: 15px;}
    .news-slick .img{width: 150px;}
    .news-slick{min-height: 110px;}
    .title-main span{font-size: 18px;}
    .box-product-in{margin-bottom: 15px;}
    .cover-info-product-in{
      width: calc(100% - 30px);
      margin-top: 10px;
  }
  
    .name-product-in{
      font-size: 18px;
      margin-bottom: 10px;
  }
    .price-product-in{
      font-size: 14px;
  }
    .price-product-in span{
      font-size: 14px;
  }
    .price-product-in span{}
    .cover-chungchi{padding:1.5rem;}
    .criteria-items .criteria-items__content div{font-size: 25px;}
    .criteria-items .criteria-items__content h3{font-size: 15px;}
    .footer-copyright,.footer-statistic{text-align: center;margin:2px 0px;}
    
    .item-video1 img {
      height: 250px;
    }
  
    .right-intro {
      width: 100%;
    }
  
    .left-intro {
      width: 100%;
      margin-bottom: 20px;
      padding-right: 0;
    }
  
    .left-pro-detail,
    .right-pro-detail {
      width: 100%;
      margin: 0px;
    }
  
    .left-pro-detail,
    .top-contact .article-contact {
      margin-bottom: 30px;
    }
  
    .pic-news {
    width: 40%;
    }
    .info-news{
      width: 60%;
      padding-left: 10px;
    }
    .name-news{
      font-size: 15px;
    }
    .desc-news.text-split{
      -webkit-line-clamp:2;
    }
  }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .d-title-choose-list {
      padding: 16px 18px;
      border-radius: 20px;
    }
    .d-title-choose-list h2 {
      font-size: 30px;
    }
    .d-title-choose-cat {
      gap: 12px;
    }
    .choose_list span {
      min-height: 40px;
      padding: 9px 16px;
    }
    .btn_sp a {
      min-width: 132px;
      height: 44px;
    }
    .control-product.control-owl button {
      width: 48px;
      height: 48px;
    }
  }
  @media only screen and (max-width: 575px) {
    .name-procart a {
      font-size: 13px;
    }
    .procart-label {
      font-size: 13px;
    }
    .toast-cus{
      left: 5px;
      width: calc(100% - 10px);
    }
    .box-readmore {
      width: calc(100% - 5px);
    }
    .newshome-scroll {
      width: 100%;
    }
  
    .newshome-intro {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .top-contact .form-contact .button-contact .file-contact span b {
      max-width: 105px;
    }
  
    .cart-pro-detail {
      flex-wrap: wrap;
    }
  
    .cart-pro-detail a {
      width: 100%;
      text-align: center;
      margin: 0px !important;
    }
  
    .cart-pro-detail a:first-child {
      margin-bottom: 5px !important;
    }
  }
  
  @media (min-width: 1200px){
    .hidden-xl{display: none !important;}
  }
  @media (min-width: 992px)  and (max-width: 1199px){
    .hidden-lg{display: none !important;}
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-md{display: none !important;}
  }
  @media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm{display: none !important;}
  }
  @media (max-width: 575px) {
    .hidden-xs{display: none !important;}
  }
  
  @media (max-width: 1399px) {
    .site-nav__list {
      gap: 4px;
    }
  
    .site-header__inner {
      min-height: 92px;
    }
  
    .site-nav .menu-main > li > a {
      padding: 0 10px;
    }
  }
  
  @media (max-width: 1199px) {
    .site-header {
      display: none;
    }
  
    .menu_mobi {
      display: block;
      height: auto;
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }
  
    .menu-bar-res {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 82px;
      width: calc(100% - 30px);
      margin: 0 auto;
    }
  
    .menu-bar-res__logo {
      max-width: 138px;
    }
  
    .menu-bar-res__phone {
      width: 46px;
      height: 46px;
      border-radius: 16px;
      background: var(--aa-red);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
  
    #hamburger {
      width: 44px;
      height: 44px;
      border-radius: 16px;
      background: var(--aa-navy);
      padding: 0;
    }
  
    #hamburger:before,
    #hamburger:after,
    #hamburger span {
      background: #fff;
      width: 20px;
    }
  
    #hamburger:before {
      top: 14px;
    }
  
    #hamburger span {
      top: 21px;
    }
  
    #hamburger:after {
      top: 28px;
    }
  
    .menu_mobi_add {
      background: #fff;
      padding-top: 70px;
    }
  
    .hero-banner--home .hero-banner__inner,
    .hero-banner--page .hero-banner__inner {
      min-height: auto;
      padding-top: 76px;
      padding-bottom: 76px;
    }
  
    .section-shell {
      padding: 72px 0;
    }
  
    .section-overview__grid,
    .story-grid,
    .dark-showcase,
    .contact-info-grid,
    .section-proof__inner,
    .site-footer__inner,
    .product-detail-hero {
      grid-template-columns: 1fr;
    }
  
    .stats-grid,
    .contact-card-grid,
    .product-grid,
    .project-grid,
    .mini-product-grid,
    .pillar-grid,
    .process-grid,
    .site-consult-form__grid,
    .product-detail-meta,
    .project-detail-meta {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .cta-banner__inner,
    .site-footer__bottom-inner {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .site-footer::before {
      width: 70%;
    }
  
    .site-footer__links {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .site-footer__contact-strip {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .site-footer__bottom-links {
      gap: 12px 18px;
    }
  }
  
  @media (max-width: 767px) {
    .hero-banner h1,
    .product-detail-summary h1 {
      font-size: 38px;
    }
  
    .hero-banner p {
      font-size: 15px;
    }
  
    .stats-grid,
    .contact-card-grid,
    .product-grid,
    .project-grid,
    .mini-product-grid,
    .pillar-grid,
    .process-grid,
    .site-consult-form__grid,
    .product-detail-meta,
    .project-detail-meta,
    .site-footer__links,
    .dark-showcase__gallery,
    .product-detail-thumbs {
      grid-template-columns: 1fr;
    }
  
    .cta-banner__inner,
    .site-footer__form-card,
    .article-surface,
    .section-overview__content,
    .story-card,
    .proof-card,
    .contact-card,
    .stats-card,
    .pillar-card,
    .process-card {
      padding: 22px;
    }
  
    .cta-banner__inner h2,
    .section-heading h2,
    .dark-showcase__content h2,
    .site-footer__form-card h3 {
      font-size: 30px;
    }
  
    .site-footer__links {
      gap: 18px;
    }
  
    .site-footer__bottom-inner {
      align-items: flex-start;
    }
  
    .site-footer__bottom-links {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .site-footer__headline {
      font-size: 34px;
    }
  
    .site-footer__form-heading {
      align-items: flex-start;
    }
  
    .site-footer__form-card {
      border-radius: 28px;
      padding: 26px 22px 24px;
    }
  
    .site-footer__contact-strip {
      gap: 14px;
    }
  
    .site-footer__qr-card {
      width: 100%;
      justify-content: flex-start;
    }
  }
  
  @media (max-width: 575px) {
    .hero-banner__actions,
    .catalogue-tags {
      width: 100%;
    }
  
    .site-button {
      width: 100%;
    }
  
    .cta-banner__inner {
      padding: 28px 22px;
    }
  }
  @media (max-width: 1199px) {
      .aau-foundation__grid,
      .aau-about-intro,
      .aau-proof-strip__inner,
      .aau-dark-banner__inner,
      .aau-capability,
      .aau-product-detail__grid,
      .aau-project-detail__body,
      .aau-timeline__item {
          grid-template-columns: 1fr;
      }
  
      .aau-showcase-grid,
      .aau-product-grid,
      .aau-product-grid--catalog,
      .aau-contact-grid,
      .aau-pillars-grid,
      .aau-process-grid,
      .aau-map-grid,
      .aau-value-grid,
      .aau-project-detail__meta {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  }
  
  @media (max-width: 767px) {
      .aau-section {
          padding: 52px 0;
      }
  
      .aau-home-hero {
          /* min-height: 560px; */
      }
  
      .aau-page-hero {
          min-height: 280px;
      }
  
      .aau-home-hero__actions {
          flex-direction: column;
      }
  
      .aau-showcase-grid,
      .aau-product-grid,
      .aau-product-grid--catalog,
      .aau-contact-grid,
      .aau-pillars-grid,
      .aau-process-grid,
      .aau-map-grid,
      .aau-value-grid,
      .aau-proof-strip__cards,
      .aau-project-detail__meta,
      .aau-copy-card__stats,
      .aau-highlight-card__stats,
      .aau-product-detail__meta {
          grid-template-columns: 1fr;
      }
  
      .aau-dark-banner__gallery,
      .aau-product-detail__thumbs {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-copy-card,
      .aau-highlight-card,
      .aau-value-card,
      .aau-contact-card,
      .aau-process-card,
      .aau-showcase-card__body,
      .aau-product-card__body,
      .aau-project-detail__content,
      .aau-product-detail__summary .article-surface,
      .aau-map-card {
          padding: 22px;
      }
  
      .aau-cta-panel__box {
          padding: 36px 24px;
      }
  
      .site-footer__qr img {
          width: 86px;
          height: 86px;
      }
  }
  
  @media (max-width: 1399px) {
      .aau-homepage .wrap-content,
      .aau-home-slider .wrap-content {
          width: calc(100% - 40px);
      }
  
      .aau-home-hero,
      .aau-home-hero__inner {
          /* min-height: 860px; */
      }
  
      .aau-home-solution-card__image img {
          height: 340px;
      }
  
      .aau-home-proof-card {
          min-height: 380px;
      }
  }
  
  @media (max-width: 1199px) {
      .aau-home-intro__grid,
      .aau-home-solution-grid,
      .aau-home-capability__grid,
      .aau-home-proof__grid {
          grid-template-columns: 1fr;
      }
  
      .aau-home-product-grid,
      .aau-home-brands__grid,
      .aau-home-brands__fallback {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-home-process__track {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          row-gap: 44px;
      }
  
      .aau-home-process__track:before {
          display: none;
      }
  
      .aau-home-hero__content {
          padding-left: 0;
      }
  
      .aau-home-hero__inner {
          justify-content: flex-start;
      }
  
      .aau-home-capability__badge {
          bottom: 24px;
      }
  }
  
  @media (max-width: 991px) {
      .aau-home-hero,
      .aau-home-hero__inner {
          /* min-height: 740px; */
      }
  
      .aau-home-hero__title {
          font-size: clamp(48px, 9vw, 70px);
      }
  
      .aau-home-slider__toolbar {
          top: auto;
          left: 14px;
          right: auto;
          bottom: 28px;
          transform: none;
          flex-direction: row;
          gap: 10px;
          padding: 10px 14px;
      }
  
      .aau-home-slider__pagination {
          flex-direction: row;
          gap: 8px;
      }
  
      .aau-home-slider__pagination .swiper-pagination-bullet {
          width: 10px;
          height: 10px;
      }
  
      .aau-home-slider__pagination .swiper-pagination-bullet-active {
          height: 10px;
          transform: scale(1.18);
      }
  
      .aau-home-intro__copy,
      .aau-home-solution-card__body,
      .aau-home-product-card,
      .aau-home-capability__content {
          /* padding-left: 28px; */
          /* padding-right: 28px; */
      }
  
      .aau-home-intro__copy {
          /* padding-top: 36px; */
          /* padding-bottom: 34px; */
      }
  
      .aau-home-capability__media {
          padding: 14px;
      }
  
      .aau-home-proof__header {
          flex-direction: column;
          align-items: flex-start;
      }
  }
  
  @media (max-width: 767px) {
      .aau-homepage .wrap-content,
      .aau-home-slider .wrap-content {
          width: calc(100% - 28px);
      }
  
      .aau-home-eyebrow {
          font-size: 10px;
          letter-spacing: 0.14em;
      }
  
      .aau-home-heading {
          margin-bottom: 34px;
      }
  
      .aau-home-heading h2,
      .aau-home-intro__copy h2,
      .aau-home-proof__header h2,
      .aau-home-capability__content h2 {
          font-size: clamp(30px, 8vw, 46px);
      }
  
      .aau-home-hero,
      .aau-home-hero__inner {
          /* min-height: 620px; */
      }
  
      .aau-home-hero__inner {
          padding: 84px 0 72px;
      }
  
      .aau-home-hero__content p,
      .aau-home-heading p,
      .aau-home-intro__copy p,
      .aau-home-solution-card__body p,
      .aau-home-process__item p,
      .aau-home-product-card__body p,
      .aau-home-proof-card__content p,
      .aau-home-feature p {
          font-size: 16px;
          line-height: 1.72;
      }
  
      .aau-home-hero__actions,
      .aau-home-process__track,
      .aau-home-product-grid,
      .aau-home-brands__grid,
      .aau-home-brands__fallback {
          grid-template-columns: 1fr;
      }
  
      .aau-home-hero__actions {
          display: grid;
          gap: 12px;
      }
  
      .aau-home-slider__toolbar {
          left: 14px;
          right: auto;
          bottom: 20px;
          padding: 8px 12px;
      }
  
      .aau-home-slider__nav {
          width: 48px;
          height: 48px;
      }
  
      .aau-home-slider__pagination {
          gap: 7px;
      }
  
      .aau-homepage .site-button,
      .aau-home-slider .site-button {
          width: 100%;
          min-width: 100%;
      }
  
      .aau-home-intro,
      .aau-home-solutions,
      .aau-home-process,
      .aau-home-products,
      .aau-home-proof,
      .aau-home-capability,
      .aau-home-brands {
          padding-top: 64px;
          padding-bottom: 64px;
      }
  
      .aau-home-intro__grid,
      .aau-home-solution-grid {
          gap: 20px;
      }
  
      .aau-home-intro__copy,
      .aau-home-solution-card__body,
      .aau-home-product-card,
      .aau-home-capability__content {
          /* padding-left: 22px; */
          /* padding-right: 22px; */
      }
  
      .aau-home-intro__copy {
          /* padding-top: 28px; */
          /* padding-bottom: 28px; */
      }
  
      .aau-home-intro__stats {
          grid-template-columns: 1fr;
          gap: 12px;
      }
  
      .aau-home-intro__media,
      .aau-home-product-card,
      .aau-home-proof-card,
      .aau-home-capability__media {
          border-radius: 26px;
          margin-top: 10px;
      }
  
      .aau-home-intro__media-frame,
      .aau-home-capability__image {
          border-radius: 22px;
      }
  
      .aau-home-intro__media img,
      .aau-home-solution-card__image img {
          height: 250px;
      }
  
      .aau-home-process__item {
          padding: 0 8px;
      }
  
      .aau-home-process__icon {
          width: 82px;
          height: 82px;
          margin-bottom: 16px;
      }
  
      .aau-home-product-card__image img {
          /* height: 178px; */
      }
  
      .aau-home-proof-card {
          min-height: 330px;
      }
  
      .aau-home-proof-card__footer {
          left: 18px;
          right: 18px;
          bottom: 18px;
          gap: 14px;
      }
  
      .aau-home-proof-card__badges {
          top: 16px;
          left: 16px;
      }
  
      .aau-home-proof-card__arrow {
          width: 52px;
          height: 52px;
          border-radius: 18px;
      }
  
      .aau-home-proof-card__arrow svg {
          width: 24px;
          height: 24px;
      }
  
      .aau-home-proof-card__content p {
          padding-right: 0;
      }
  
      .aau-home-capability__badge {
          /* right: 14px; */
          /* left: 14px; */
          min-width: 0;
          bottom: 14px;
          padding: 18px 20px;
          border-radius: 22px;
      }
      .aau-home-capability__badge strong{
        font-size: 20px;
      }
    .aau-home-capability__badge span{
      font-size: 12px;
    }
      .aau-home-capability__image img {
          min-height: 360px;
      }
  
      .aau-home-feature {
          grid-template-columns: 54px 1fr;
          gap: 14px;
      }
  
    .aau-home-feature__icon {
          width: 46px;
          height: 46px;
          border-radius: 14px;
      }
  }
  
  @media (max-width: 1199px) {
      .aau-project-case__stats,
      .aau-project-products__grid,
      .aau-project-related__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-project-case__content {
          padding-left: 24px;
          padding-right: 24px;
      }
  
      .aau-project-case__article--wide-gap {
          margin-top: 120px;
      }
  }
  
  @media (max-width: 767px) {
      .aau-project-case__section {
          min-height: 470px;
      }
  
      .aau-project-case__wrap--hero {
          padding-top: 42px;
          padding-bottom: 42px;
      }
  
      .aau-project-case__hero {
          padding-top: 0;
      }
  
      .aau-project-case__breadcrumbs .breadcrumb-item {
          font-size: 10px;
      }
  
      .aau-project-case__breadcrumbs .breadcrumb-item + .breadcrumb-item {
          padding-left: 18px;
      }
  
      .aau-project-case__breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
          left: 7px;
      }
  
      .aau-project-case__hero h1,
      .aau-project-case__cta-box h2,
      .aau-project-products__heading h2,
      .aau-project-related__heading h2 {
          font-size: clamp(30px, 8vw, 44px);
      }
  
      .aau-project-case__stats,
      .aau-project-products__grid,
      .aau-project-related__grid {
          grid-template-columns: 1fr;
      }
  
      .aau-project-case__stats {
          gap: 0;
      }
  
      .aau-project-case__stats > div {
          min-height: 0;
          padding: 18px;
      }
  
      .aau-project-case__quote {
          margin-top: 24px;
          font-size: 14px;
          line-height: 1.72;
      }
  
      .aau-project-case__content {
          padding-left: 0;
          padding-right: 0;
      }
  
      .aau-project-case__article--wide-gap {
          margin-top: 48px;
      }
  
      .aau-project-case__flow {
          margin-top: 34px;
          padding: 18px 18px 20px;
      }
  
      .aau-project-case__flow p {
          font-size: 14px;
          line-height: 1.8;
      }
  
      .aau-project-products {
          padding-top: 52px;
          padding-bottom: 46px;
      }
  
      .aau-project-products__heading {
          flex-direction: column;
          align-items: flex-start;
          padding-left: 0;
          padding-right: 0;
      }
  
      .aau-project-products__heading::after {
          display: none;
      }
  
      .aau-project-products__heading h2,
      .aau-project-products__heading a {
          padding-left: 0;
          padding-right: 0;
          background: transparent;
      }
  
      .aau-project-products__heading a::before {
          display: none;
      }
  
      .aau-project-products__heading a {
          padding-left: 0;
      }

      .aau-project-products__tabs {
          margin-left: 0;
          margin-right: 0;
          padding-bottom: 4px;
          flex-wrap: nowrap;
          overflow-x: auto;
      }

      .aau-project-products__tab {
          flex: 0 0 auto;
          padding: 14px 20px;
          font-size: 14px;
          white-space: nowrap;
      }

      .aau-project-products__empty {
          margin-left: 0;
          margin-right: 0;
          padding: 20px;
          font-size: 14px;
      }
  
      .aau-project-case__cta-box {
          padding: 34px 18px 38px;
      }
  }
  
  @media (max-width: 1199px) {
      .aau-about-intro-section__grid,
      .aau-about-strength__grid {
          grid-template-columns: 1fr;
          gap: 42px;
      }
  
      .aau-about-intro-section__copy,
      .aau-about-intro-section__media,
      .aau-about-intro-section__media-frame,
      .aau-about-history__content,
      .aau-about-history__media {
          max-width: none;
      }
  
      .aau-about-guiding__grid {
          gap: 28px;
      }
  
      .aau-about-strength__collage {
          margin: 0 auto;
      }
  
      .aau-about-services__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-about-history__track::before {
          left: 52px;
          margin-left: 0;
      }
  
      .aau-about-history__item,
      .aau-about-history__item.is-reverse {
          grid-template-columns: 104px minmax(0, 1fr);
          gap: 0 28px;
          align-items: start;
          min-height: 0;
          padding-bottom: 44px;
      }
  
      .aau-about-history__content,
      .aau-about-history__item.is-reverse .aau-about-history__content,
      .aau-about-history__item:not(.is-reverse) .aau-about-history__content {
          grid-column: 2;
          grid-row: 1;
          align-self: start;
          justify-self: stretch;
          padding: 0;
          text-align: left;
      }
  
      .aau-about-history__marker {
          grid-column: 1;
          grid-row: 1 / span 2;
          align-self: start;
          justify-self: center;
          margin-top: 10px;
          box-shadow: 0 0 0 12px #fff;
      }
  
      .aau-about-history__marker.is-red {
          width: 62px;
          height: 62px;
      }
  
      .aau-about-history__marker.is-red span {
          box-shadow:
              0 0 0 12px #fff,
              0 0 24px rgba(239, 35, 79, 0.28),
              0 14px 28px rgba(239, 35, 79, 0.18);
      }
  
      .aau-about-history__marker.is-red span::after {
          width: 18px;
          height: 18px;
      }
  
      .aau-about-history__media,
      .aau-about-history__item.is-reverse .aau-about-history__media,
      .aau-about-history__item:not(.is-reverse) .aau-about-history__media {
          grid-column: 2;
          grid-row: 2;
          align-self: start;
          justify-self: stretch;
          width: 100%;
          margin: 24px 0 0;
      }
  
      .aau-about-cta {
          padding-top: 82px;
          padding-bottom: 86px;
      }
  }
  
  @media (max-width: 767px) {
      .aau-about-page .wrap-content {
          width: calc(100% - 28px);
      }
  
      .aau-about-eyebrow {
          font-size: 11px;
          letter-spacing: 0.22em;
      }
  
      .aau-about-hero {
          min-height: 470px;
      }
  
      .aau-about-hero__inner {
          align-items: flex-end;
          padding-top: 42px;
          padding-bottom: 42px;
      }
  
      .aau-about-hero__copy {
          padding-top: 0;
      }
  
      .aau-about-breadcrumbs {
          gap: 18px;
      }
  
      .aau-about-breadcrumbs span {
          font-size: 10px;
      }
  
      .aau-about-breadcrumbs span:not(:last-child)::after {
          right: -11px;
      }
  
      .aau-about-hero h1,
      .aau-about-heading h2,
      .aau-about-intro-section__copy h2,
      .aau-about-strength__content h2,
      .aau-about-history__content h3,
      .aau-about-cta h2 {
          font-size: clamp(32px, 9vw, 48px);
      }
  
      .aau-about-hero p,
      .aau-about-intro-section__copy > p,
      .aau-about-guiding-card p,
      .aau-about-service-card p,
      .aau-about-strength-item p,
      .aau-about-history__content p,
      .aau-about-cta p {
          font-size: 15px;
          line-height: 1.72;
      }
  
      .aau-about-intro-section,
      .aau-about-guiding,
      .aau-about-services,
      .aau-about-strength,
      .aau-about-history,
      .aau-about-cta {
          padding-top: 64px;
          padding-bottom: 64px;
      }
  
      .aau-about-intro-section__stats,
      .aau-about-guiding__grid,
      .aau-about-services__grid {
          grid-template-columns: 1fr;
      }
  
      .aau-about-stat-card,
      .aau-about-guiding-card,
      .aau-about-service-card {
          border-radius: 28px;
      }
  
      .aau-about-stat-card {
          padding: 24px 22px 22px;
      }
  
      .aau-about-stat-card strong {
          font-size: 46px;
      }
  
      .aau-about-intro-section__media-frame {
          padding: 10px;
          border-radius: 30px;
      }
  
      .aau-about-intro-section__media-frame img {
          border-radius: 24px;
      }
  
      .aau-about-guiding-card {
          min-height: 0;
          padding: 32px 24px 28px;
      }
  
      .aau-about-guiding-card__icon {
          width: 72px;
          height: 72px;
      }
  
      .aau-about-guiding-card h3,
      .aau-about-service-card h3,
      .aau-about-strength-item h3 {
          font-size: 18px;
      }
  
      .aau-about-service-card {
          min-height: 0;
          padding: 28px 20px 24px;
      }
  
      .aau-about-strength__collage {
          min-height: 400px;
          max-width: 420px;
          padding-bottom: 8px;
      }
  
      .aau-about-strength__collage::before {
          inset: 44px 20px 0 0;
      }
  
      .aau-about-strength__image {
          border-radius: 22px;
      }
  
      .aau-about-strength__image--primary {
          width: min(64%, 236px);
      }
  
      .aau-about-strength__image--secondary {
          width: min(56%, 204px);
      }
  
      .aau-about-strength-item {
          grid-template-columns: 54px 1fr;
          gap: 18px;
      }
  
      .aau-about-strength-item__number {
          width: 48px;
          height: 48px;
          border-radius: 16px;
          font-size: 14px;
      }
  
      .aau-about-history__track::before {
          left: 23px;
      }
  
      .aau-about-history__item,
      .aau-about-history__item.is-reverse {
          grid-template-columns: 46px minmax(0, 1fr);
          gap: 0 18px;
          padding-bottom: 32px;
      }
  
      .aau-about-history__marker {
          width: 32px;
          height: 32px;
          margin-top: 6px;
          box-shadow: 0 0 0 8px #fff;
      }
  
      .aau-about-history__marker.is-red {
          width: 46px;
          height: 46px;
          box-shadow: none;
      }
  
      .aau-about-history__marker span {
          border-width: 3px;
      }
  
      .aau-about-history__marker.is-red span {
          box-shadow:
              0 0 0 8px #fff,
              0 0 18px rgba(239, 35, 79, 0.24),
              0 10px 20px rgba(239, 35, 79, 0.18);
      }
  
      .aau-about-history__marker.is-red span::after {
          width: 12px;
          height: 12px;
      }
  
      .aau-about-history__media img {
          min-height: 210px;
          border-radius: 24px;
      }
  
      .aau-about-cta__actions {
          flex-direction: column;
          gap: 14px;
      }
  
      .aau-about-cta .site-button {
          width: 100%;
          min-width: 100%;
          min-height: 56px;
          border-radius: 16px;
          font-size: 12px;
      }
  }
  
  @media (max-width: 1199px) {
      .aau-product-quality__grid,
      .aau-product-showcase__grid {
          grid-template-columns: 1fr;
          gap: 34px;
      }
      .aau-product-catalog-card__body{
        padding:15px;
      }
      .aau-product-catalog-card {
          /* width: calc(50% - 14px); */
      }
  
      .aau-product-related__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-product-feature-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-product-quality__media img {
          min-height: 420px;
      }
  }
  
  @media (max-width: 767px) {
      .aau-product-page .wrap-content,
      .aau-product-detail-page .wrap-content {
          width: calc(100% - 28px);
      }
  
      .aau-product-breadcrumbs,
      .aau-product-showcase__breadcrumbs {
          gap: 16px;
      }
  
      .aau-product-breadcrumbs span,
      .aau-product-showcase__breadcrumbs span {
          font-size: 10px;
      }
  
      .aau-product-breadcrumbs span:not(:last-child)::after,
      .aau-product-showcase__breadcrumbs span:not(:last-child)::after {
          right: -10px;
      }
  
      .aau-product-hero {
          min-height: 460px;
      }
  
      .aau-product-hero__inner {
          align-items: flex-end;
          padding: 46px 0;
      }
  
      .aau-product-hero__copy {
          padding-top: 0;
      }
  
      .aau-product-hero h1,
      .aau-product-showcase__content h1,
      .aau-product-section__heading h2,
      .aau-product-related__heading h2,
      .aau-product-quality__copy h2,
      .aau-product-cta__box h2 {
          font-size: clamp(32px, 9vw, 48px);
      }
  
      .aau-product-catalog,
      .aau-product-cta,
      .aau-product-section,
      .aau-product-related {
          padding-top: 62px;
      }
  
      .aau-product-catalog {
          padding-bottom: 70px;
      }
  
      .aau-product-catalog__heading {
          margin-bottom: 34px;
      }
  
      .aau-product-catalog__row {
          /* gap: 20px; */
      }
  
      .aau-product-catalog-card {
          width: 100%;
          border-radius: 15px;
      }
  
      .aau-product-catalog-card__image img {
          /* height: 240px; */
      }
  
      .aau-product-catalog-card__body {
          /* padding: 22px 22px 24px; */
      }
    .aau-product-catalog-card__body h3{font-size:18px;}
      .aau-product-catalog-card__body p {
          min-height: 0;
          font-size: 15px;
      }
      .aau-product-catalog-card__link{
        font-size: 10px;
      }
      .aau-product-quality {
          padding-top: 70px;
      }
  
      .aau-product-quality__copy {
          padding-bottom: 40px;
      }
  
      .aau-product-quality__media img {
          min-height: 300px;
          border-radius: 28px;
      }
  
      .aau-product-cta__box {
          padding: 46px 22px 50px;
          border-radius: 32px;
      }
  
      .aau-product-cta__box p,
      .aau-product-showcase__content p,
      .aau-product-section__intro,
      .aau-product-section__heading p,
      .aau-product-application p,
      .aau-product-quality__item p {
          font-size: 15px;
          line-height: 1.72;
      }
  
      .aau-product-showcase {
          padding-top: 16px;
      }
  
      .aau-product-showcase__panel {
          padding: 40px 0 34px;
          background: #f4f7fc;
      }
  
      .aau-product-showcase__grid {
          margin-top: 20px;
      }
  
      .aau-product-showcase__frame {
          padding: 12px;
          border-radius: 28px;
      }
  
      .aau-product-showcase__frame img {
          min-height: 280px;
      }
  
      .aau-product-showcase__button,
      .aau-product-cta__button,
      .aau-product-quickview__button {
          width: 100%;
          min-width: 100%;
      }
  
      .aau-product-showcase__trust,
      .aau-product-feature-list,
      .aau-product-related__grid {
          grid-template-columns: 1fr;
      }
  
      .aau-product-showcase__trust {
          gap: 14px;
          margin-top: 28px;
      }
  
      .aau-product-spec-table {
          border-radius: 24px;
      }
  
      .aau-product-spec-table__row {
          grid-template-columns: 1fr;
          gap: 10px;
          padding: 18px 18px 20px;
      }
  
      .aau-product-spec-table__row strong {
          font-size: 18px;
      }
  
      .aau-product-related-card__image {
          padding: 14px;
          border-radius: 26px;
      }
  
      .aau-product-related-card__image img {
          height: 220px;
      }
  
      .aau-product-quickview {
          grid-template-columns: 1fr;
      }
  }
  
  @media (max-width: 1199px) {
      .aau-process-steps__grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
      }
  
      .aau-process-step.is-accent {
          grid-column: span 2;
      }
  
      .aau-process-links__grid,
      .aau-contact-location__grid,
      .aau-design-projects__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-contact-team__grid,
      .aau-design-tools {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  
      .aau-contact-location__heading {
          grid-template-columns: 1fr;
      }
  }
  
  @media (max-width: 767px) {
      .aau-process-page .wrap-content,
      .aau-contact-page .wrap-content,
      .aau-design-page .wrap-content {
          width: calc(100% - 28px);
      }
  
      .aau-process-breadcrumbs,
      .aau-contact-breadcrumbs,
      .aau-design-breadcrumbs {
          gap: 16px;
      }
  
      .aau-process-breadcrumbs span,
      .aau-contact-breadcrumbs span,
      .aau-design-breadcrumbs span {
          font-size: 10px;
          letter-spacing: 0.12em;
      }
  
      .aau-process-breadcrumbs span:not(:last-child)::after,
      .aau-contact-breadcrumbs span:not(:last-child)::after,
      .aau-design-breadcrumbs span:not(:last-child)::after {
          right: -10px;
      }
  
      .aau-process-hero,
      .aau-design-hero {
          min-height: 430px;
      }
  
      .aau-process-hero__inner,
      .aau-design-hero__inner {
          padding: 48px 0 42px;
      }
  
      .aau-process-hero h1,
      .aau-design-hero h1,
      .aau-contact-hero h1,
      .aau-contact-location__heading h2,
      .aau-design-heading h2,
      .aau-design-cta__box h2 {
          font-size: clamp(34px, 8vw, 48px);
      }
  
      .aau-process-hero p,
      .aau-contact-hero p,
      .aau-process-link-card p,
      .aau-contact-location__heading p,
      .aau-design-intro,
      .aau-design-heading p,
      .aau-process-quote p,
      .aau-design-quote p,
      .aau-design-checklist li {
          font-size: 15px;
          line-height: 1.72;
      }
  
      .aau-solution-detail .aau-design-hero {
          min-height: 420px;
      }
  
      .aau-solution-detail .aau-design-hero__inner {
          padding: 28px 0 40px;
      }
  
      .aau-solution-detail__hero-title {
          font-size: clamp(34px, 10vw, 50px);
          line-height: 0.92;
      }
  
      .aau-solution-detail__hero-summary {
          width: 100%;
          margin-top: 20px;
          padding-left: 18px;
      }
  
      .aau-solution-detail__hero-summary::before {
          width: 3px;
          top: 2px;
          bottom: 2px;
      }
  
      .aau-solution-detail__hero-summary p {
          font-size: 15px;
          line-height: 1.72;
      }
  
      .aau-process-quote,
      .aau-design-quote {
          padding: 52px 0 36px;
      }
  
      .aau-process-steps {
          padding: 22px 0 56px;
      }
  
      .aau-process-steps__grid,
      .aau-process-links__grid,
      .aau-contact-team__grid,
      .aau-contact-location__grid,
      .aau-design-tools,
      .aau-design-projects__grid {
          grid-template-columns: 1fr;
          display: flex;
          flex-flow: column;
      }
  
      .aau-process-step,
      .aau-process-step.is-accent,
      .aau-contact-team-card {
          min-height: 0;
      }
  
      .aau-process-step,
      .aau-process-link-card,
      .aau-contact-team-card,
      .aau-contact-location-card__map,
      .aau-design-gallery__item img,
      .aau-design-project-card {
          border-radius: 28px;
      }
  
      .aau-process-step {
          padding: 28px 22px 24px;
      }
  
      .aau-process-step h3 {
          font-size: 20px;
      }
  
      .aau-process-links {
          padding: 48px 0 62px;
      }
  
      .aau-process-link-card {
          min-height: 0;
          padding: 30px 24px 32px;
      }
  
      .aau-process-link-card span {
          margin-top: 26px;
          font-size: 14px;
      }
  
      .aau-contact-hero {
          padding: 48px 0 58px;
      }
  
      .aau-contact-team {
          padding: 58px 0 32px;
      }
  
      .aau-contact-team-card {
          padding: 26px 22px 24px;
      }
  
      .aau-contact-team-card h3,
      .aau-contact-location-card__meta h3 {
          font-size: 22px;
      }
  
      .aau-contact-team-card__action {
          gap: 12px;
      }
  
      .aau-contact-team-card__action-icon {
          width: 24px;
          height: 24px;
          flex-basis: 24px;
      }
  
      .aau-contact-team-card__action--phone,
      .aau-contact-team-card__action--zalo {
          font-size: 15px;
      }
  
      .aau-contact-team-card.is-accent .aau-contact-team-card__action--phone {
          font-size: 18px;
      }
  
      .aau-contact-location {
          padding: 52px 0 62px;
      }
  
      .aau-contact-location__heading {
          gap: 18px;
          margin-bottom: 24px;
      }
  
      .aau-contact-location-card__meta {
          grid-template-columns: 40px minmax(0, 1fr);
          gap: 14px;
      }
  
      .aau-contact-location-card__number {
          width: 36px;
          height: 36px;
          font-size: 14px;
      }
  
      .aau-contact-location-card__map img {
          height: 260px;
      }
  
      .aau-design-section,
      .aau-design-gallery {
          padding-bottom: 56px;
      }
  
      .aau-design-tools {
          margin-top: 22px;
      }
  
      .aau-design-tool-card {
          min-height: 0;
          padding: 24px 18px;
      }
  
      .aau-design-gallery__stack {
          gap: 22px;
          margin-top: 22px;
      }
  
      .aau-design-projects {
          padding: 60px 0;
      }
  
      .aau-design-project-card__image img {
          height: 220px;
      }
  
      .aau-design-project-card__body {
          padding: 22px 20px 24px;
      }
  
      .aau-design-cta__box {
          padding: 54px 0 60px;
      }
  
      .aau-design-cta__box a {
          width: 100%;
          min-width: 100%;
      }
  
      .aau-solution-detail__hero-action {
          width: 100%;
          min-width: 100%;
          justify-content: space-between;
          min-height: 50px;
          margin-top: 26px;
          padding: 0 20px;
      }
  
      .aau-solution-detail__copy {
          gap: 28px;
      }
  
      .aau-solution-detail__richtext {
          gap: 18px;
      }
  
      .aau-solution-detail__richtext h2,
      .aau-solution-detail__richtext h3,
      .aau-solution-detail__richtext h4 {
          font-size: clamp(24px, 8vw, 34px);
      }
  
      .aau-solution-detail__richtext p,
      .aau-solution-detail__richtext li,
      .aau-solution-detail__richtext td,
      .aau-solution-detail__richtext th {
          font-size: 15px;
          line-height: 1.72;
      }
  
      .aau-solution-detail__richtext blockquote {
          padding: 18px 18px 18px 20px;
          border-radius: 0 20px 20px 0;
      }
  
      .aau-solution-detail__gallery .aau-design-gallery__item img {
          min-height: 260px;
      }
  
      .aau-solution-detail__products {
          padding-bottom: 60px;
      }
  
      .aau-solution-detail__products-head {
          grid-template-columns: 1fr;
          align-items: flex-start;
          gap: 18px;
          margin-bottom: 24px;
      }
  
      .aau-solution-detail__pills {
          justify-content: flex-start;
      }
  
      .aau-solution-detail__pills span {
          width: 100%;
      }
  
      .aau-solution-detail__related {
          padding-top: 60px;
      }
  }
  
  @media (max-width: 1199px) {
      .aau-solution-detail__products-head {
          grid-template-columns: 1fr;
          align-items: flex-start;
      }
  
      .aau-solution-detail__pills {
          justify-content: flex-start;
      }
  }