@charset "UTF-8";
@media (min-width: 1200px) {
  .container,
  .container-fluid {
    max-width: 100%; } }

/*******************************************
*******************HEADER*******************
********************************************/
.header-ttc .header-ttc-wrap {
  max-width: 90%; }
  .header-ttc .header-ttc-wrap .header-ttc-left .header-ttc-logo img {
    max-height: 88px;
    width: auto;
    padding: 5px 0; }
  .header-ttc .header-ttc-wrap .header-ttc-left .header-ttc-nav-list {
    gap: 20px; }
    .header-ttc .header-ttc-wrap .header-ttc-left .header-ttc-nav-list .header-ttc-nav-item a {
      color: #FFF;
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase; }
  .header-ttc .header-ttc-wrap .header-ttc-right .header-ttc-location a {
    display: inline-flex;
    align-items: center;
    gap: 8px; }
    .header-ttc .header-ttc-wrap .header-ttc-right .header-ttc-location a span {
      color: #FFF;
      font-size: 14px;
      font-weight: 600; }
  .header-ttc .header-ttc-wrap .header-ttc-right .header-ttc-search-form {
    background: initial; }
    .header-ttc .header-ttc-wrap .header-ttc-right .header-ttc-search-form button {
      padding-left: 0;
      padding-right: 0; }

/*******************************************
*******************INDEX********************
********************************************/
.slideeforindex .slick-dots li {
  border: 1px solid #fff;
  opacity: 1;
  cursor: pointer; }
  .slideeforindex .slick-dots li.slick-active {
    border: 0; }

.slideeforindex .hero-banner-content .hero-banner-inner.container {
  max-width: 90%; }

.slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-title {
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  font-family: "Inter Display";
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 160% */ }

.slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc .hero-banner-desc-line {
  margin-top: 18px; }

.slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p {
  max-width: 500px;
  color: #FFF;
  font-family: "Inter Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; }

.product-slider-line {
  width: 2px; }

.product-slider-section {
  padding-bottom: 0; }
  .product-slider-section .product-slider-heading .product-slider-line {
    width: 1px;
    color: #CE181E;
    height: 60px;
    margin-bottom: 26px; }
  .product-slider-section .product-slider-heading .product-slider-title-wrap {
    margin-top: 20px; }
  .product-slider-section .product-slider .slick-slide {
    margin: 0 50px; }
  .product-slider-section .product-slider .product-slide-item {
    gap: 35px; }
    .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-subtitle {
      color: #FFF;
      font-family: "Inter Display";
      font-size: 25px;
      font-style: normal;
      font-weight: 600;
      margin-bottom: 5px;
      line-height: 40px;
      /* 160% */ }
    .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-description {
      color: #FFF;
      font-family: "Inter Display";
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5; }
    .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-arrow-button {
      border: 0; }
      .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-arrow-button:hover {
        background: transparent; }
    .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0;
      border: 1px solid #eee;
      max-width: 300px;
      max-height: 100%;
      margin-left: auto;
      transform: translateY(-40%);
      margin-right: 25px; }
  .product-slider-section .product-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 24px;
    gap: 15px;
    position: absolute;
    left: 50%;
    bottom: 70px;
    transform: translateX(-50%);
    z-index: 9; }
  .product-slider-section .product-slider .slick-dots li {
    border: 1px solid #fff;
    opacity: 1;
    cursor: pointer;
    background: #242424; }
    .product-slider-section .product-slider .slick-dots li.slick-active {
      border: 0;
      background: #CE181E; }

.home-section .home-section-wrap {
  grid-template-columns: 450px auto; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-image {
    height: 100%; }
    .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-image img {
      height: 100%; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore {
    z-index: 99;
    transform: translateX(80px);
    position: relative; }
    .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 {
      font-size: 78px; }
    .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-desc.titlefor2 {
      color: #FFF;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      /* 150% */ }
    .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn {
      margin-top: 52px;
      align-items: center;
      justify-content: space-between; }
      .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn svg {
        width: 20px;
        height: 15px;
        fill: transparent; }
  .home-section .home-section-wrap .home-section-small-items .home-section-item.home-section-item--small .home-section-item-image {
    height: 100%; }
    .home-section .home-section-wrap .home-section-small-items .home-section-item.home-section-item--small .home-section-item-image img {
      height: 100%; }
  .home-section .home-section-wrap .home-section-small-items .home-section-item.home-section-item--small .home-section-item-content.seleconx .home-section-item-divider {
    margin-bottom: 0; }
  .home-section .home-section-wrap .home-section-small-items .home-section-item.home-section-item--small .home-section-item-content.seleconx .home-section-item-number {
    margin: 22px 0;
    color: #FFF;
    font-family: "Inter Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */ }
  .home-section .home-section-wrap .home-section-small-items .home-section-item.home-section-item--small .home-section-item-content.seleconx .home-section-item-title {
    color: #FFF;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "SVN-Radiant Slender";
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    /* 125% */
    min-height: 100px; }

.savanibanner .banner .banner__content .posivanic {
  margin-top: 100px; }
  .savanibanner .banner .banner__content .posivanic .banner__subtitle {
    color: #FFF;
    font-family: "Inter Display";
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; }
  .savanibanner .banner .banner__content .posivanic .banner__title {
    color: #FFF;
    font-family: "SVN-Radiant Slender";
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px; }

.savanibanner .banner .banner__content .banner__description {
  color: #FFF;
  text-align: justify;
  font-family: "Inter Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 166.667% */
  margin-top: 100px; }

.project-section {
  background: #242424;
  padding: 80px 20px; }
  .project-section .project-section__header .project-section__subtitle {
    margin: 26px 0;
    display: block;
    color: #CE181E;
    text-align: center;
    font-family: "Inter Display";
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    /* 160% */ }
  .project-section .project-section__slider .container {
    max-width: 90%;
    margin: 0 auto; }
  .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info {
    padding: 30px; }
    .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info h3 {
      color: #FFF;
      font-family: "Inter Display";
      font-size: 23px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 4px; }
    .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info span {
      color: #FFF;
      font-family: "Inter Display";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
    .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info .project-slider__icon {
      margin-top: 50px; }
  .project-section .project-section__slider .project-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 24px;
    gap: 8px;
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
    z-index: 9; }
  .project-section .project-section__slider .project-slider .slick-dots li {
    border: 1px solid #fff;
    opacity: 1;
    cursor: pointer;
    background: #242424; }
    .project-section .project-section__slider .project-slider .slick-dots li.slick-active {
      border: 0;
      background: #CE181E; }
  .project-section .project-section__slider .project-slider .next.slick-arrow {
    right: -50px; }
  .project-section .project-section__slider .project-slider .prev.slick-arrow {
    left: -50px; }

.blog-section {
  padding: 90px 0; }
  .blog-section .container {
    max-width: 90%; }
    .blog-section .container .blog-section__header .blog-section__subtitle {
      color: #CE181E;
      text-align: center;
      font-family: "Inter Display";
      font-size: 23px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      /* 160% */ }
    .blog-section .container .blog-section__header .blog-section__title {
      margin-top: 18px;
      color: #FFF;
      text-align: center;
      font-family: "SVN-Radiant Slender";
      font-size: 58px;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 50px;
      line-height: 80px; }
    .blog-section .container .blog-section__content {
      gap: 58px; }
      .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large img {
        border: 0; }
      .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info {
        padding-top: 41px; }
        .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__date {
          margin-bottom: 22px;
          color: #8C8C8C;
          font-family: "Inter Display";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
          .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__date .blog-post__line {
            width: 40px;
            margin-right: 13px; }
        .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__title a {
          color: #FFF;
          text-align: justify;
          font-family: "Inter Display";
          font-size: 23px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
        .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__excerpt {
          margin-top: 10px;
          overflow: hidden;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          display: -webkit-box;
          line-height: 25px;
          /* 138.889% */
          font-family: "Inter Display";
          font-size: 16px;
          font-style: normal;
          font-weight: 400; }
      .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small {
        gap: 40px; }
        .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small img {
          width: 42%; }
        .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__date {
          color: #8C8C8C;
          font-family: "Inter Display";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
          .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__date .blog-post__line {
            width: 40px;
            margin-right: 10px; }
        .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title {
          margin-top: 15px; }
          .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a {
            color: #FFF;
            text-align: justify;
            font-family: "Inter Display";
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }

.wrapperMain_content {
  min-height: 0;
  padding-bottom: 0; }

footer .footer__top.container {
  max-width: 90%;
  margin: 0 auto;
  gap: 100px; }
  footer .footer__top.container .footer__col {
    flex: initial; }
    footer .footer__top.container .footer__col.footer__col--info {
      width: 30%; }
      footer .footer__top.container .footer__col.footer__col--info h4 {
        color: var(--White, #FFF);
        text-align: justify;
        font-family: "Inter Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        /* 155.556% */ }
      footer .footer__top.container .footer__col.footer__col--info ul li {
        color: #FFF;
        font-family: "Inter Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 155.556% */
        margin-bottom: 15px; }
        footer .footer__top.container .footer__col.footer__col--info ul li i {
          width: 18px;
          height: 22px;
          font-size: 16px; }
      footer .footer__top.container .footer__col.footer__col--info .footer__sub p {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px;
        margin-bottom: 10px; }
        footer .footer__top.container .footer__col.footer__col--info .footer__sub p strong {
          display: block;
          margin-bottom: 5px; }
    footer .footer__top.container .footer__col.footer__col--menu {
      width: 15%; }
      footer .footer__top.container .footer__col.footer__col--menu h4 {
        color: var(--White, #FFF);
        text-align: justify;
        font-family: "Inter Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /* 222.222% */ }
      footer .footer__top.container .footer__col.footer__col--menu ul li {
        margin-bottom: 0; }
        footer .footer__top.container .footer__col.footer__col--menu ul li a {
          color: var(--White, #FFF);
          font-family: "Inter Display";
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          line-height: 40px; }

footer .footer__bottom .container {
  max-width: 90%;
  margin: 0 auto; }

@media (min-width: 1025px) and (max-width: 1440px) {
  .savanibanner .banner .banner__content .banner__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 64px; }
  .savanibanner .banner .banner__content .posivanic {
    margin-top: 65px; }
  .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info h3 {
    font-size: 21px; }
  .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info {
    padding: 20px; }
  .blog-section__right .blog-post {
    margin-bottom: 30px; } }

@media (min-width: 1441px) and (max-width: 1920px) {
  .savanibanner .banner .banner__content .banner__description {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 115px; } }

/**********************************************
*              page.vechungtoi		          *
*       			 Trang Giới Thiệu             *
**********************************************/
.about-us-ttc .vechungtoitemp {
  background-color: #242424;
  padding-top: 95px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap {
    max-width: 90%; }
    .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-subtitle {
      color: #CE181E !important;
      font-family: "Inter Display";
      font-size: 25px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      margin-bottom: 15px; }
    .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-title {
      color: #FFF;
      font-family: "SVN-Radiant Slender";
      font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 80px; }
    .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-text {
      width: 800px;
      height: 550px;
      border-radius: 0 30px 0 0;
      background: var(--Linear, linear-gradient(180deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%));
      box-shadow: initial;
      padding: 0; }
      .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-text .content-q {
        color: #FFF;
        text-align: justify;
        font-family: "Inter Display";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        max-width: 90%;
        padding-top: 100px;
        padding-left: 50px;
        padding-right: 25px; }
    .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-image {
      margin-top: auto;
      border-radius: 0; }
      .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-image picture img {
        border-radius: 30px 0 0 30px; }

.about-us-ttc .vechungtoitemp-2 {
  background-color: #242424;
  padding-top: 0; }
  .about-us-ttc .vechungtoitemp-2 .vechungtoitemp-2-wrap .vechungtoitemp-2-text {
    max-width: 70%;
    margin: 0 auto 40px; }
    .about-us-ttc .vechungtoitemp-2 .vechungtoitemp-2-wrap .vechungtoitemp-2-text .vechungtoitemp-2-paragraph {
      color: #FFF;
      font-family: "Inter Display";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      text-align: left;
      line-height: 30px; }

.about-us-ttc .vechungtoipartner {
  background-color: #242424;
  padding-top: 20px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap {
    max-width: 90%; }
    .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head {
      max-width: 80%;
      margin: 0 auto;
      text-align: left; }
      .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading {
        color: #CE181E;
        font-family: "SVN-Radiant Slender";
        font-size: 60px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        margin-bottom: 19px; }
      .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-desc {
        color: #FFF;
        text-align: justify;
        font-family: "Inter Display";
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; }
      .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-divider {
        margin-top: 100px;
        margin-bottom: 26px; }
      .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-subtitle {
        color: #CE181E;
        text-align: center;
        font-family: "Inter Display";
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px; }
      .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-title {
        color: #FFF;
        text-align: center;
        font-family: "SVN-Radiant Slender";
        font-size: 60px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        /* 133.333% */ }
    .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-logos {
      margin-top: 62px; }

/**********************************************
*              page.tamnhinsumenh		        *
*       			 Trang Sứ Mệnh                *
**********************************************/
.about-us-tnsm .tamnhinsumenh {
  background-color: #242424;
  padding-top: 95px;
  padding-bottom: 50px; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap {
    max-width: 90%; }
    .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left {
      max-width: 20%; }
      .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-subtitle {
        color: #CE181E;
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px;
        /* 160% */
        margin-bottom: 15px; }
      .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-title {
        color: #FFF;
        font-family: "SVN-Radiant Slender";
        font-size: 60px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        /* 133.333% */ }
    .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-line {
      color: #CE181E;
      width: 133px; }
    .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-right {
      max-width: 50%;
      margin-left: 50px; }
      .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-right .tamnhinsumenh-content {
        color: #FFF;
        text-align: justify;
        font-family: "Inter Display";
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
        margin-top: 90px; }

.about-us-tnsm .tamnhinsumenh-mission {
  margin: 0 auto;
  background-color: #1d1d1d; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap {
    max-width: 90%; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-banner {
    position: relative;
    display: inline-block; }
    .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-banner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: black;
      opacity: 0.5;
      pointer-events: none; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap {
    position: relative; }
    .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
      position: absolute;
      color: #FFF;
      font-family: "SVN-Radiant Slender";
      font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 80px;
      /* 133.333% */
      position: absolute;
      bottom: 210px;
      left: 80px;
      z-index: 1; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5px);
    padding: 30px; }
    .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box p {
      color: #FFF;
      text-align: justify;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 150% */ }
    .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box .tamnhinsumenh-mission-arrow {
      text-align: center; }

.about-us-tnsm .giatricotloi {
  padding-top: 100px;
  padding-bottom: 130px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-title {
    color: #FFF;
    text-align: center;
    font-family: "SVN-Radiant Slender";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    margin-bottom: 50px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle {
    opacity: 1;
    mix-blend-mode: initial;
    height: 300px;
    width: 300px; }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content {
      padding: 20px;
      max-width: 80%; }
      .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content h3 {
        color: #FFF;
        text-align: center;
        font-family: "Inter Display";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 150% */
        text-transform: uppercase; }
      .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content p {
        color: #FFF;
        font-family: "Inter Display";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 1.1px; }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle:nth-child(1) {
      background: linear-gradient(0deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%); }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle:nth-child(2) {
      background: linear-gradient(180deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%); }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle:nth-child(3) {
      background: var(--Linear, linear-gradient(180deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%)); }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle.center {
      z-index: 4; }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle.left {
      bottom: -45px;
      transform: translateX(-15%);
      z-index: 3; }
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle.right {
      bottom: -45px;
      transform: translateX(15%);
      z-index: 3; }

/**********************************************
*              page.chungnhan		              *
*       			 Trang Chứng Nhân               *
**********************************************/
.chungnhancer {
  background: #242424;
  padding-top: 50px; }
  .chungnhancer .chungnhancer-wrap {
    max-width: 90%; }
    .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-line {
      height: 60px;
      background: #CE181E;
      margin-bottom: 25px; }
    .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-subtitle {
      color: #CE181E !important;
      text-align: center;
      font-family: "Inter Display";
      font-size: 25px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px; }
    .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-title {
      color: #FFF;
      text-align: center;
      font-family: "SVN-Radiant Slender";
      font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 80px; }
    .chungnhancer .chungnhancer-wrap .js-chungnhancer-slider .slick-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 99;
      background: transparent;
      border: none;
      outline: none; }
      .chungnhancer .chungnhancer-wrap .js-chungnhancer-slider .slick-btn svg {
        width: 25px; }
      .chungnhancer .chungnhancer-wrap .js-chungnhancer-slider .slick-btn.prev {
        left: -50px; }
      .chungnhancer .chungnhancer-wrap .js-chungnhancer-slider .slick-btn.next {
        right: -50px; }

/**********************************************
*              page.chungnhan		              *
*       			 Trang Chứng Nhân               *
**********************************************/
.hethongdaychuyen {
  background: #242424;
  padding-top: 50px; }
  .hethongdaychuyen .hethongdaychuyen-wrap {
    max-width: 90%; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-divider {
      height: 60px;
      background: #CE181E;
      margin-bottom: 25px; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-subtitle {
      color: #CE181E !important;
      text-align: center;
      font-family: "Inter Display";
      font-size: 25px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
      color: #FFF;
      text-align: center;
      font-family: "SVN-Radiant Slender";
      font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 80px; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-desc {
      color: #8C8C8C;
      text-align: center;
      font-family: "Inter Display";
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      margin-top: 23px; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .hethongdaychuyen-item {
      background: transparent;
      box-shadow: initial; }
      .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .hethongdaychuyen-item .hethongdaychuyen-text h3 {
        color: #FFF;
        font-family: "Inter Display";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 45px;
        /* 150% */ }
      .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .hethongdaychuyen-item .hethongdaychuyen-text p {
        color: #FFF;
        text-align: justify;
        font-family: "Inter Display";
        font-size: 15 x;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 99;
      background: transparent;
      border: none;
      outline: none; }
      .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn svg {
        width: 25px; }
      .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.prev {
        left: 17%; }
      .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.next {
        right: 17%; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-dots {
      display: flex !important;
      justify-content: center;
      margin-top: 24px;
      gap: 8px;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      z-index: 9; }
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-dots li {
      border: 1px solid #fff;
      opacity: 1;
      cursor: pointer;
      background: #242424; }
      .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-dots li.slick-active {
        border: 0;
        background: #CE181E; }

@media (max-width: 767px) {
  .product-slider-section .product-slider-heading .product-slider-title-wrap {
    margin-top: 0; }
  footer .footer__top.container .footer__col.footer__col--info {
    width: 100%; }
  footer .footer__top.container .footer__col.footer__col--menu {
    width: 100%; }
  footer .footer__top.container {
    max-width: 100%;
    margin: 0 auto;
    gap: 20px; }
  .project-section .project-section__slider .project-slider .prev.slick-arrow {
    left: 0; }
  .project-section .project-section__slider .project-slider .next.slick-arrow {
    right: 0; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small img {
    width: 100%; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small {
    gap: 15px; } }

@media (max-width: 992px) {
  .home-section .home-section-wrap {
    display: block; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore {
    z-index: 99;
    transform: none;
    position: relative;
    padding: 10px;
    width: 100%; }
  .blog-section .container .blog-section__header .blog-section__title {
    font-size: 41px; }
  .savanibanner .banner__logo {
    position: initial; }
  .savanibanner .banner__decor {
    position: initial; }
  .savanibanner .banner .banner__content .posivanic {
    margin-top: 0;
    margin-left: 0;
    position: initial;
    transform: none; }
  .savanibanner .banner .banner__content .banner__description {
    margin-top: 0;
    margin-left: 0;
    position: initial; }
  .savanibanner .banner__content {
    width: 100%;
    position: initial;
    padding: 10px;
    transform: none;
    height: 100%;
    background: #333; }
  .savanibanner .banner__overlay {
    display: none; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-title {
    font-size: 40px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-text .content-q {
    color: #FFF;
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    max-width: 97%;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 25px; }
  .about-us-ttc .vechungtoitemp-2 .vechungtoitemp-2-wrap .vechungtoitemp-2-text {
    max-width: 100%;
    margin: 0 auto 40px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading {
    color: #CE181E;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    margin-bottom: 19px; }
    .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading br {
      display: none !important; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap {
    max-width: 100%; }
  .about-us-ttc .vechungtoitemp {
    background-color: #242424;
    padding-top: 26px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head {
    max-width: 100%; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-desc {
    font-size: 20px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-title {
    font-size: 40px; }
  .vechungtoipartner-logos-inner {
    justify-content: flex-start; }
  .vechungtoipartner-logos-inner > div {
    flex: 0 0 calc(100% / 2); }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left {
    max-width: 100%; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-right .tamnhinsumenh-content {
    margin-top: 0; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-right {
    max-width: 100%;
    margin-left: 0; }
  .about-us-tnsm .tamnhinsumenh {
    background-color: #242424;
    padding-top: 20px; }
  .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-title {
    font-size: 40px; }
  .chungnhancer .chungnhancer-wrap .js-chungnhancer-slider .slick-btn.next {
    right: 0; }
  .chungnhancer .chungnhancer-wrap .js-chungnhancer-slider .slick-btn.prev {
    left: 0; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; } }

.product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-vendor-icon {
  color: #FFF;
  font-family: "SVN-Radiant Slender";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }

@media (min-width: 992px) {
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    min-height: auto; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
    position: absolute;
    color: #FFF;
    font-family: "SVN-Radiant Slender";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    position: relative;
    bottom: 121px;
    left: 0;
    z-index: 1; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap {
    position: relative;
    transform: translateY(-44%); }
  .about-us-tnsm .giatricotloi {
    margin-top: -1%; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content h3 {
    font-size: 20px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content p {
    font-size: 20px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle {
    opacity: 1;
    mix-blend-mode: initial;
    height: 460px;
    width: 460px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle.left {
    bottom: -310px;
    transform: translateX(-47%);
    z-index: 3; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle.right {
    bottom: -310px;
    transform: translateX(45%);
    z-index: 3; }
  .about-us-tnsm .giatricotloi {
    padding-top: 100px;
    padding-bottom: 130px;
    padding-bottom: 370px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .hethongdaychuyen-item .hethongdaychuyen-text h3 {
    font-size: 30px; } }

@media (max-width: 767px) {
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    position: relative;
    bottom: 111px;
    left: 80px;
    z-index: 1; } }

@media (min-width: 992px) {
  .templcollection .ttc-search-bar .filter-btn {
    font-size: 20px; }
  .templcollection .ttc-search-bar input[type="text"] {
    font-size: 20px; }
  .templcollection .ttc-search-bar button.search-btn {
    font-size: 20px; }
  .templcollection .ttc-search-bar {
    max-width: 100%; }
  .filter-group label {
    font-size: 20px !important;
    text-transform: uppercase; }
  .popopffilter-header .title {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 20px; }
  .producttemplateall .usage-icon-circle img {
    max-width: 100%;
    height: auto;
    min-width: 95px; } }

.templcollection .tile-image {
  height: 100%; }

.mega-menu__brand,
.mega-menu__title {
  cursor: pointer; }

.header-ttc-nav-item a.active,
.header-ttc-nav-item a:hover {
  color: #e63946 !important; }

@media (min-width: 1024px) {
  .project-section__slider .blog-card__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    aspect-ratio: 3 / 1.7; } }

@media (min-width: 1024px) and (max-width: 1600px) {
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-title,
  .project-section .project-section__header .project-section__subtitle,
  .blog-section .container .blog-section__header .blog-section__subtitle {
    font-size: 20px; }
  .hero-banner-subtitle {
    font-size: 60px; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc .hero-banner-desc-line {
    height: 2px; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p {
    font-size: 14px; }
  .product-slider-label,
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-subtitle,
  .savanibanner .banner .banner__content .posivanic .banner__subtitle {
    font-size: 20px; }
  .product-slider-title,
  .titlelienquan .product-title,
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-vendor-icon,
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1,
  .savanibanner .banner .banner__content .posivanic .banner__title,
  .project-section__title,
  .blog-section .container .blog-section__header .blog-section__title {
    font-size: 40px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-desc.titlefor2,
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn,
  .savanibanner .banner .banner__content .banner__description,
  .project-section__desc {
    font-size: 14px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore {
    transform: translateX(260px); }
  .savanibanner .banner .banner__content .banner__description {
    margin-top: 0;
    transform: translateY(130px); }
  .home-section .home-section-wrap .home-section-small-items .home-section-item.home-section-item--small .home-section-item-content.seleconx .home-section-item-title {
    font-size: 30px; }
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__date {
    font-size: 12px; }
  footer .footer__top.container .footer__col.footer__col--menu h4,
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__title a,
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a,
  .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info h3,
  footer .footer__top.container .footer__col.footer__col--info h4 {
    font-size: 20px; }
  footer .footer__top.container .footer__col.footer__col--menu ul li a,
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__excerpt,
  .project-section .project-section__slider .project-slider .project-slider__image .project-slider__info span {
    font-size: 14px; } }

@media (min-width: 1024px) {
  .header-ttc-nav-item .menucap2 {
    min-width: 300px; } }

footer .footer__top.container .footer__col.footer__col--info ul li {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: nowrap; }

footer .footer__top.container .footer__col.footer__col--info ul li {
  font-size: 14px;
  line-height: 22px; }

.product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
  border: 0; }

.home-section .home-section-wrap {
  width: 100%; }

/*****************************************************
*******************************************
***************************************
************************************
*********************************/
.slideeforindex .slick-dots {
  position: absolute;
  top: 65%;
  right: 50px;
  transform: translateY(-50%);
  width: 30px;
  flex-direction: column;
  gap: 15px; }
  .slideeforindex .slick-dots li {
    width: 16px;
    height: 16px;
    background-color: transparent; }
    .slideeforindex .slick-dots li.slick-active {
      background: #CE181E; }

.slick-dots li {
  width: 16px;
  height: 16px;
  background-color: transparent;
  gap: 15px; }
  .slick-dots li.slick-active {
    background: #CE181E; }

@media (min-width: 1024px) {
  .project-section {
    padding-bottom: 100px; } }

.blog-section .blog-section__right .blog-post img {
  border-radius: 20px; }

.blog-section .blog-section__right .blog-post {
  margin-bottom: 40px; }

.blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a {
  line-height: 1.5; }

.blog-section .container .blog-section__content .blog-section__left .blog-post {
  margin-bottom: 20px; }

.blog-section {
  padding-bottom: 40px; }

.footer__bottom {
  background: #CE181E; }

.footer__social a {
  margin-left: 15px; }

.product-slider-section .product-slider-heading .product-slider-title-wrap {
  margin-top: 5px; }

.product-slider-section .product-slider-heading .product-slider-line {
  margin-bottom: 15px; }

.product-slider-section {
  background-color: #242424; }

.home-section-item-btn {
  background-color: #ce181e; }

@media (min-width: 1024px) and (max-width: 1600px) {
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-description {
    font-size: 16px; }
  .product-slider-section .product-slider .slick-slide {
    margin: 0 30px; }
  .product-slider-title,
  .titlelienquan .product-title {
    line-height: 50px; }
  .home-section .home-section-wrap {
    grid-template-columns: 440px auto; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-desc.titlefor2 {
    line-height: 24px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 {
    font-size: 55px !important; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore {
    transform: translateX(140px); }
  .savanibanner .banner .banner__content .banner__description {
    margin-top: 0;
    transform: translateY(50px); }
  .project-section__desc {
    max-width: 650px; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a {
    line-height: 1.3;
    color: #FFF;
    text-align: justify;
    font-size: 17px !important; } }

.home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn:hover {
  color: #fff; }

.hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.prev {
  left: 15%; }

.hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.next {
  right: 15%; }

.project-section .project-section__header .project-section__subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0;
  margin-top: 10px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .project-section .project-section__header .project-section__subtitle {
      font-size: 20px; } }

.project-section__title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .project-section__title {
      font-size: 40px; } }

@media (min-width: 1024px) {
  .templcollection .container {
    max-width: 90%; } }

.contact-tabs-section {
  position: relative;
  z-index: 3; }

.flex-section-bkg {
  height: 275px;
  background: var(--Linear, linear-gradient(180deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%));
  position: relative;
  margin-top: -150px;
  z-index: 1; }

.pagecontactfull {
  padding-bottom: 100px; }

.pagecontactfull .container {
  max-width: 90%; }

.phoi-canh {
  background: #242424;
  padding-top: 50px; }
  .phoi-canh .container {
    max-width: 90%;
    margin: 0 auto;
    text-align: center; }
    .phoi-canh .container .ttc-search-section .ttc-subtitle {
      margin-top: 26px;
      font-size: 23px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #CE181E;
      text-align: center; }
    .phoi-canh .container .ttc-search-section .ttc-title {
      font-size: 58px;
      font-style: normal;
      font-weight: 400;
      line-height: 80px;
      color: #FFF;
      text-align: center;
      font-family: "SVN-Radiant Slender" , sans-serif; }
    .phoi-canh .container .ttc-search-section .slick-slider-3img {
      padding-bottom: 50px; }
      .phoi-canh .container .ttc-search-section .slick-slider-3img img {
        margin: 0 auto;
        display: block; }
      .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-btn {
        position: absolute;
        top: 45%;
        transform: translateY(-45%);
        z-index: 99;
        background: transparent;
        border: none;
        outline: none; }
        .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-btn svg {
          width: 22px; }
        .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-btn.prev {
          left: -28px; }
        .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-btn.next {
          right: -28px; }
      .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-dots li {
        border: 1px solid #fff;
        opacity: 1;
        cursor: pointer;
        background: #242424; }
        .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-dots li.slick-active {
          border: 0;
          background: #CE181E; }

#pagination .pagination > li > span.current,
#pagination .pagination > li a.current {
  border-color: #CE181E; }

.about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-subtitle {
      font-size: 20px; } }

.about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-title {
      font-size: 40px; } }

.about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-subtitle {
      font-size: 20px; } }

.about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-title {
      font-size: 40px; } }

.about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-subtitle {
      font-size: 20px; } }

.about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-title {
      font-size: 40px; } }

.about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
      font-size: 40px; } }

.about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-title {
      font-size: 40px; } }

.chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-subtitle {
      font-size: 20px; } }

.chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-title {
      font-size: 40px; } }

.hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-subtitle {
      font-size: 20px; } }

.hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
      font-size: 40px; } }

.templcollection .ttc-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .templcollection .ttc-subtitle {
      font-size: 20px; } }

.templcollection .ttc-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .templcollection .ttc-title {
      font-size: 40px; } }

.producttemplateall .product-heading .product-code,
.producttemplateall .product-heading .product-code {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .producttemplateall .product-heading .product-code,
    .producttemplateall .product-heading .product-code {
      font-size: 20px; } }

.producttemplateall .product-heading .product-title,
.producttemplateall .banner-360-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .producttemplateall .product-heading .product-title,
    .producttemplateall .banner-360-title {
      font-size: 40px; } }

.contact-section-label {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .contact-section-label {
      font-size: 20px; } }

.contact-section-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .contact-section-title {
      font-size: 40px; } }

.phoi-canh .container .ttc-search-section .ttc-subtitle {
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .phoi-canh .container .ttc-search-section .ttc-subtitle {
      font-size: 20px; } }

.phoi-canh .container .ttc-search-section .ttc-title {
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .phoi-canh .container .ttc-search-section .ttc-title {
      font-size: 40px; } }

@media (min-width: 1024px) and (max-width: 1600px) {
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-text .content-q,
  .about-us-ttc .vechungtoitemp-2 .vechungtoitemp-2-wrap .vechungtoitemp-2-text .vechungtoitemp-2-paragraph {
    font-size: 16px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-subtitle,
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-subtitle,
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-subtitle,
  .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-subtitle,
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-subtitle,
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
    margin-bottom: 0; }
  .vechungtoitemp-head {
    margin-bottom: 20px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading {
    font-size: 40px;
    line-height: 60px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-desc {
    font-size: 20px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-logos {
    margin-top: 15px; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-right .tamnhinsumenh-content {
    font-size: 20px;
    line-height: 32px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box p {
    font-size: 16px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    min-height: 300px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap {
    transform: translateY(-50%); }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content h3 {
    font-size: 16px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content p {
    font-size: 15px; }
  .chungnhancer-slider {
    margin-top: 20px; }
  .chungnhancer-head {
    margin-bottom: 20px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-desc {
    font-size: 14px;
    line-height: 27px;
    margin-top: 0; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.prev {
    left: 20%; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.next {
    right: 20%; }
  .templcollection .ttc-title {
    line-height: 50px; }
  .templcollection .ttc-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    max-width: 70%;
    margin: 0 auto; }
  .templcollection .ttc-search-bar .filter-btn {
    font-size: 16px; }
  .templcollection .ttc-search-bar input[type="text"] {
    font-size: 14px; }
  .templcollection .ttc-search-bar button.search-btn {
    font-size: 16px;
    padding: 15px 10px; }
  .popopffilter-header .title {
    font-size: 16px; }
  .filter-group label {
    font-size: 15px !important; }
  .popopffilter.active .popopffilter-panel button.btn-apply {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500; }
  .templcollection .tile-title,
  .producttemplateall .product-specs-title {
    font-size: 20px; }
  .templcollection .tile-subtitle {
    font-size: 14px; }
  .producttemplateall .product-heading .product-title {
    line-height: 30px; }
  .producttemplateall .product-specs-table * {
    font-size: 14px; }
  .producttemplateall .usage-icon-label {
    font-size: 14px; }
  .producttemplateall .container {
    max-width: 90%; }
  .producttemplateall .product-heading {
    margin-bottom: 20px; }
  .home-banner-info-title {
    font-size: 30px !important;
    line-height: 40px !important; }
  .producttemplateall .product-heading .product-code,
  .producttemplateall .product-heading .product-code,
  .project-info__title {
    font-size: 20px !important; }
  .project-info__table *,
  .main-article__excerpt,
  .side-article__excerpt,
  .blog-card__excerpt,
  .articlecontentvob * {
    font-size: 14px !important; }
  .firsta .blog-card__date,
  .blog-card__date {
    font-size: 12px !important; }
  .main-article__title {
    font-size: 25px !important; }
  .side-article__list a {
    font-size: 18px !important; }
  .home-banner-demo-title {
    font-size: 40px !important; }
  .contact-section-wrap {
    padding-top: 50px; }
  .contact-section-label {
    font-size: 20px !important; }
  .contact-section-title {
    font-size: 40px !important;
    line-height: 60px !important; }
  .contact-section-right {
    margin-top: 100px !important; }
  .contact-block-title {
    font-size: 20px !important; }
  .contact-block-line {
    font-size: 14px !important;
    margin: 15px 0 !important; }
  .contact-tabs-section {
    margin-top: 50px; }
  .contact-tabs-heading,
  .faq-group-title {
    font-size: 40px !important;
    line-height: 50px !important; }
  section.faq-group {
    margin-top: 0; }
  .faq-item-number {
    font-size: 100px !important; }
  .faq-item-title {
    font-size: 30px !important; }
  .faq-question .faq-question-content {
    font-size: 14px !important; }
  .faq-item {
    margin-bottom: 0 !important;
    padding-bottom: 40px !important; }
  .phoi-canh .container .ttc-search-section .slick-slider-3img .item-slick {
    padding: 0 25px; }
  .savanibanner .banner .banner__content .posivanic {
    margin-top: 65px; }
  .savanibanner .banner .banner__content .posivanic .banner__title {
    line-height: 70px; } }

@media (min-width: 1024px) and (max-width: 1400px) {
  .savanibanner .banner .banner__content .posivanic {
    margin-top: 55px; }
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(35px); } }

@media (max-width: 767px) {
  .phoi-canh .container .ttc-search-section .ttc-subtitle {
    font-size: 13px; }
  .phoi-canh .container .ttc-search-section .ttc-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; }
  .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-btn {
    display: none !important; }
  .header-ttc .header-ttc-wrap {
    max-width: 100%; }
  .header-ttc-lang {
    min-width: 22px; }
  .s-lines {
    display: none; }
  .header-ttc-right {
    max-width: auto;
    margin-left: auto;
    gap: 10px; } }

li.has-sub > a {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.has-sub.active svg {
  transform: rotate(90deg); }

@media (max-width: 767px) {
  .hero-banner-content {
    bottom: 0;
    top: 10px; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p {
    max-width: 100%; }
  .slideeforindex .slick-dots {
    position: absolute;
    top: initial;
    right: 0;
    bottom: 15px;
    transform: initial;
    width: 100%;
    flex-direction: initial;
    gap: 15px;
    border: 0;
    display: flex !important;
    justify-content: center; }
  .slideeforindex .slick-dots li {
    width: 10px;
    height: 10px; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-title {
    font-size: 21px; }
  .hero-banner-subtitle br {
    display: none; }
  .hero-banner-subtitle {
    font-size: 17px;
    margin-bottom: 0; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-title {
    margin-bottom: 0; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc .hero-banner-desc-line,
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p br {
    display: none; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; }
  .product-slider-section .product-slider-heading .product-slider-line {
    height: 40px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-title {
    line-height: 55px; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-title {
    line-height: 55px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-title {
    line-height: 55px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
    line-height: 55px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-title {
    line-height: 55px; }
  .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-title {
    line-height: 55px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
    line-height: 55px; }
  .templcollection .ttc-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .templcollection .ttc-title {
    line-height: 55px; }
  .producttemplateall .product-heading .product-code,
  .producttemplateall .product-heading .product-code {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .producttemplateall .product-heading .product-title,
  .producttemplateall .banner-360-title {
    line-height: 55px; }
  .contact-section-label {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .contact-section-title,
  .product-slider-title,
  .product-heading.titlelienquan .product-title {
    line-height: 35px; }
  .phoi-canh .container .ttc-search-section .ttc-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px; }
  .phoi-canh .container .ttc-search-section .ttc-title {
    line-height: 55px; }
  .product-slider-heading {
    margin-bottom: 10px; }
  .product-slider {
    margin-top: 0; }
  .product-slider-section .product-slider .slick-slide {
    margin: 0 15px; }
  .product-slider-label {
    font-size: 20px; }
  .product-slider {
    margin: 0 15px; }
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
    width: 80%;
    height: 100%;
    max-width: 300px;
    max-height: 100%;
    margin-left: auto;
    transform: translateY(-100%);
    margin-right: 10px; }
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-subtitle {
    font-size: 16px; }
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-vendor-icon {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px; }
  .product-slide-bottom-right {
    display: none; }
  .product-slide-bottom {
    grid-template-columns: 1fr; }
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-left .product-description {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 11px; }
  .product-slider-section .product-slider .product-slide-item {
    gap: 15px; }
  .product-slider-section .product-slider .slick-dots {
    justify-content: center;
    margin-top: 20px;
    gap: 15px;
    padding-bottom: 30px;
    position: initial;
    transform: initial; }
  .product-slider-section .product-slider .slick-dots li {
    width: 10px;
    height: 10px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore {
    padding: 10px 5px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 {
    font-size: 40px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 br {
    display: none; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-desc.titlefor2 {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    line-height: 23px;
    max-width: 100%; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn {
    margin-top: 15px; }
  .home-section-item-btn {
    padding: 5px 18px;
    text-decoration: none;
    border-radius: 4px;
    width: 170px;
    height: 45px;
    font-size: 16px;
    font-weight: 400;
    line-height: 33px; }
  .home-section-item--large {
    min-width: 100%; }
  .home-section-item-content {
    background: rgba(0, 0, 0, 0.4); }
  .home-section-small-items {
    margin-top: 10px; }
  .seleconx.home-section-item-content {
    justify-content: center;
    padding-left: 35px; }
  .home-section-small-items .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    padding: 0;
    margin: 0; }
  .home-section-small-items .slick-dots li {
    border: 1px solid #fff;
    width: 12px;
    height: 12px;
    display: block; }
  .home-section-small-items .home-section-item {
    margin-bottom: 0; }
  .savanibanner .banner .banner__content .posivanic .banner__subtitle,
  .project-section .project-section__header .project-section__subtitle,
  .blog-section .container .blog-section__header .blog-section__subtitle {
    font-size: 20px; }
  .savanibanner .banner .banner__content .posivanic .banner__title,
  .project-section__title,
  .blog-section .container .blog-section__header .blog-section__title {
    font-size: 26px;
    line-height: 40px; }
  .savanibanner .banner .banner__content .banner__description,
  .project-section__desc {
    font-size: 14px;
    line-height: 24px; }
  .savanibanner .banner__logo {
    width: 80px; }
  .savanibanner .banner__content {
    padding: 10px 15px; }
  .project-slider .slick-slide {
    margin: 0; }
  .project-section {
    padding: 30px 20px 60px; }
  .project-section .project-section__header .project-section__linevi svg {
    height: 40px; }
  .project-section .project-section__slider .project-slider .slick-dots li {
    width: 12px;
    height: 12px; }
  .blog-section {
    padding: 30px 0; }
  .blog-section .container .blog-section__header .blog-section__title {
    margin-top: 0;
    margin-bottom: 10px; }
  .blog-section .container {
    max-width: 100%; }
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info {
    padding-top: 11px;
    font-size: 12px; }
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__title a {
    font-size: 16px; }
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__excerpt {
    line-height: 20px;
    font-size: 14px; }
  .blog-section .container .blog-section__content {
    gap: 5px; }
  .footer__col ul * {
    color: #fff !important; }
  footer .footer__top.container .footer__col.footer__col--menu ul li a {
    font-size: 14px;
    line-height: 30px; }
  .footer__bottom {
    padding: 15px; }
  footer .footer__bottom .container {
    max-width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center; }
  .footer__bottom .footer__social a svg {
    width: 40px; }
  #mobileMenuTrigger {
    outline: none; }
  /***************************DONE HOME ********************************************/
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-subtitle {
    font-size: 20px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-head .vechungtoitemp-title {
    font-size: 26px;
    line-height: 40px; }
  .vechungtoitemp {
    padding: 30px 0; }
  .vechungtoitemp-head {
    margin-bottom: 20px; }
  .about-us-ttc .vechungtoitemp .vechungtoitemp-wrap .vechungtoitemp-body .vechungtoitemp-text .content-q {
    font-size: 14px;
    line-height: 23px;
    max-width: 100%;
    padding: 12px; }
  .about-us-ttc .vechungtoitemp-2 .vechungtoitemp-2-wrap .vechungtoitemp-2-text .vechungtoitemp-2-paragraph {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading {
    font-size: 26px;
    line-height: 40px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-desc {
    font-size: 14px;
    line-height: 23px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-subtitle {
    font-size: 20px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-title {
    font-size: 26px;
    line-height: 40px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-logos {
    margin-top: 0; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-subtitle {
    font-size: 20px; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-left .tamnhinsumenh-title {
    font-size: 26px;
    line-height: 40px; }
  .tamnhinsumenh-row {
    gap: 0; }
  .tamnhinsumenh-line {
    margin: 0; }
  .about-us-tnsm .tamnhinsumenh .tamnhinsumenh-wrap .tamnhinsumenh-row .tamnhinsumenh-right .tamnhinsumenh-content {
    margin-top: 20px;
    font-size: 14px;
    line-height: 23px; }
  .about-us-tnsm .tamnhinsumenh {
    padding-bottom: 10px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap .tamnhinsumenh-mission-heading {
    line-height: 55px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 26px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    font-size: 14px;
    line-height: 23px;
    padding: 13px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box p {
    font-size: 14px;
    line-height: 23px;
    padding: 13px; }
  .tamnhinsumenh-mission-arrow {
    margin-top: 0; }
  .about-us-tnsm .giatricotloi {
    padding-top: 20px;
    padding-bottom: 30px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-title {
    font-size: 26px;
    line-height: 40px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-title {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 10px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content {
    max-width: 100%; }
  .chungnhancer .chungnhancer-wrap .chungnhancer-head .chungnhancer-title {
    font-size: 26px;
    line-height: 40px; }
  .chungnhancer .chungnhancer-wrap {
    max-width: 100%; }
  .chungnhancer-head {
    margin-bottom: 10px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-title {
    font-size: 26px;
    line-height: 40px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-head .hethongdaychuyen-desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 23px;
    max-width: 100%; }
  .slick-current.slick-active .hethongdaychuyen-text {
    padding: 15px 0; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .hethongdaychuyen-item .hethongdaychuyen-text h3 {
    font-size: 17px !important;
    line-height: 25px !important; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .hethongdaychuyen-item .hethongdaychuyen-text p {
    font-size: 14px;
    line-height: 23px; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-dots li {
    width: 12px;
    height: 12px; }
  .templcollection .ttc-subtitle,
  .producttemplateall .product-heading .product-code {
    font-size: 20px !important; }
  .templcollection .ttc-title {
    font-size: 26px;
    line-height: 40px;
    margin-top: 10px; }
  .templcollection .ttc-desc {
    font-size: 14px;
    line-height: 23px; }
  .templcollection .ttc-search-bar button.search-btn {
    font-size: 16px;
    padding: 15px 20px;
    border-radius: 10px;
    transform: initial; }
  .producttemplateall .product-heading .product-title,
  .producttemplateall .banner-360-title {
    font-size: 26px;
    line-height: 40px; }
  .templcollection .ttc-subtitle {
    margin-top: 20px; }
  .templcollection .tile-title {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px; }
  .slick-dots li.slick-active {
    width: 12px !important;
    height: 12px !important; }
  .home-blog-grid__items {
    grid-template-columns: 1fr !important; }
  .home-banner-demo-title {
    font-size: 19px !important;
    max-width: 80% !important;
    line-height: 21px !important; }
  .articlecontentvob * {
    font-size: 14px !important; }
  .contact-section-wrap {
    padding-top: 30px; }
  .contact-section-label {
    font-size: 20px !important; }
  .contact-section-title,
  .faq-group-title,
  .contact-tabs-heading {
    font-size: 26px !important;
    line-height: 40px !important; }
  .contact-section-title br {
    display: none; }
  .phoi-canh .container .ttc-search-section .slick-slider-3img .slick-dots li {
    width: 12px !important;
    height: 12px !important; } }

@media (min-width: 1366px) and (max-width: 1500px) {
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
    max-width: 260px; }
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(70px); }
  .savanibanner .banner__decor {
    background-size: contain;
    height: 100%; }
  .savanibanner .banner .banner__content .posivanic {
    margin-top: 47px; } }

@media (min-width: 1024px) and (max-width: 1600px) {
  .templcollection .ttc-search-bar .filter-btn {
    font-size: 20px; }
  .templcollection .ttc-search-bar .filter-btn svg {
    margin-left: 15px;
    width: 32px;
    height: 16px; } }

@media (min-width: 992px) {
  .templcollection .ttc-search-bar button.search-btn {
    min-width: 140px;
    display: flex;
    justify-content: space-between; }
  .templcollection .tile-list {
    gap: 50px; } }

.templcollection .ttc-search-bar button.search-btn {
  font-size: 16px;
  padding: 11px 20px;
  border-radius: 10px;
  transform: scale(0.95);
  right: 0; }

.relativebox {
  position: relative; }
  .relativebox .tile-image22 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    object-fit: cover; }

.tile-item:hover .tile-image22 {
  opacity: 1; }

#pagination .pagination > li {
  border-radius: 6px;
  overflow: hidden; }

.filter-group label {
  text-transform: initial; }

.popopffilter.active .popopffilter-panel button.btn-apply {
  text-transform: initial; }

@media (max-width: 767px) {
  .producttemplateall .product-heading .product-title,
  .producttemplateall .banner-360-title {
    font-size: 30px; } }

.side-article__image img {
  border-radius: 20px !important; }

.side-article__excerpt,
.blog-card__excerpt {
  text-transform: lowercase; }

.side-article__excerpt::first-letter,
.blog-card__excerpt::first-letter {
  text-transform: uppercase; }

.side-article__list a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.blog-card__title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.blog-card__excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.home-store .home-store-wrap .home-store-data .home-store-data-main .home-store-data-main-wrap h2 {
  font-size: 26px;
  font-weight: 500; }

.pStore {
  background: #242424; }
  .pStore .titleStyle1 .title a {
    color: #fff;
    text-align: center;
    font-family: "SVN-Radiant Slender" , sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px; }
  .pStore .titleStyle1 .sub-title {
    color: #CE181E;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    display: block; }
  .pStore .home-store .home-store-wrap .home-store-data .home-store-data-state .home-store-data-state-item {
    border: 1px solid #242424;
    background: linear-gradient(#242424, #CE181E); }
    .pStore .home-store .home-store-wrap .home-store-data .home-store-data-state .home-store-data-state-item.active {
      background: #fff; }

.home-store .home-store-wrap .home-store-data .home-store-data-main .home-store-data-main-wrap h2 {
  color: #fff; }

.pStore .home-store {
  padding-top: 20px;
  padding-bottom: 50px; }

.funb a {
  background: #ce181e;
  padding: 15px 20px;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  width: 300px;
  text-align: center;
  font-family: 'Inter Display';
  font-weight: 600;
  font-size: 23px;
  line-height: 30px;
  border-radius: 10px; }
  .funb a:hover {
    color: #fff; }

.home-section-small-items {
  overflow: hidden; }

@media (min-width: 1200px) and (max-width: 1364px) {
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(55px) !important; }
  .filter-item input[type="checkbox"]:checked + label::after {
    top: 7px !important; } }

@media (min-width: 1365px) and (max-width: 1500px) {
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(95px) !important; }
  .filter-item input[type="checkbox"]:checked + label::after {
    top: 7px !important; } }

@media (min-width: 1501px) and (max-width: 1660px) {
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(-60px) !important; }
  .filter-item input[type="checkbox"]:checked + label::after {
    top: 10px !important; } }

@media (min-width: 1601px) and (max-width: 1837px) {
  .savanibanner .banner .banner__content .posivanic {
    margin-top: 95px; }
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(-15px) !important; }
  .filter-item input[type="checkbox"]:checked + label::after {
    top: 10px !important; }
  .product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
    margin-right: 55px;
    max-width: 270px; } }

@media (min-width: 1838px) {
  .savanibanner .banner .banner__content .banner__description {
    transform: translateY(0px) !important; }
  .filter-item input[type="checkbox"]:checked + label::after {
    top: 10px !important; } }

.product-slider-heading.prod-ls {
  margin-top: 40px; }

.blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large img {
  border-radius: 20px; }

.banner-360-image img {
  width: 100%; }

.producttemplateall .imagebanner img,
.templcollection .banner_image img,
.about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-banner {
  width: 100%; }

.footer__bottom {
  margin-top: 0; }
  .footer__bottom .container {
    color: #fff; }

.product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
  border: 10px solid #000; }

.producttemplateall.prodcut-all-ttcs .galproductl img {
  box-shadow: -20px 10px 40px 0 #000; }

@media (min-width: 1000px) {
  .producttemplateall.duanprduct-all .product-slider-heading {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px; } }

.header-ttc-nav-item .menucap2 {
  border-radius: 0 0 0 0;
  background: #0d0d0d; }

.main-article__image img,
.blog-card__image img {
  border-radius: 20px !important; }

footer .footer__top.container .footer__col.footer__col--info ul li,
footer .footer__top.container .footer__col.footer__col--info .footer__sub p,
footer .footer__top.container .footer__col.footer__col--menu ul li a {
  font-size: 15px; }

footer .footer__top.container .footer__col.footer__col--menu ul li a {
  transition: color 0.3s ease-in-out; }
  footer .footer__top.container .footer__col.footer__col--menu ul li a:hover {
    color: #ce181e;
    text-decoration: none; }

.fillcontent h1 {
  font-size: 16px !important; }

.fillcontent h2 {
  font-size: 14px !important; }

.fillcontent h3 {
  font-size: 12px !important; }

/* Heading */
.articlecontent h1 {
  font-size: 22px; }

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

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

/* Body text */
.articlecontent p,
.articlecontent span,
.articlecontent li,
.articlecontent td,
.articlecontent th,
.articlecontent div,
.articlecontent a,
.articlecontent strong,
.articlecontent em,
.articlecontent blockquote {
  font-size: 14px; }

/* Heading */
.producttemplateall section.product-specs h1 {
  font-size: 16px; }

.producttemplateall section.product-specs h2 {
  font-size: 14px; }

.producttemplateall section.product-specs h3 {
  font-size: 12px; }

.producttemplateall section.product-specs p,
.producttemplateall section.product-specs span,
.producttemplateall section.product-specs li,
.producttemplateall section.product-specs td,
.producttemplateall section.product-specs th,
.producttemplateall section.product-specs div,
.producttemplateall section.product-specs a,
.producttemplateall section.product-specs strong,
.producttemplateall section.product-specs em,
.producttemplateall section.product-specs blockquote {
  font-size: 14px; }

@media (max-width: 767px) {
  .scene-360 {
    display: none !important; }
  .slideeforindex .hero-banner-content .hero-banner-inner.container {
    max-width: 100%; } }

@media (max-width: 767px) and (max-width: 767px) {
  .seleconx.home-section-item-content {
    justify-content: flex-end; } }

@media (max-width: 767px) {
  .hero-banner-subtitle br {
    display: block; }
  .hero-banner-subtitle {
    font-size: 30px; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-title {
    font-size: 16px;
    line-height: 16px; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p,
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-desc.titlefor2 {
    font-size: 14px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 {
    font-size: 30px; }
  .savanibanner .banner .banner__content .posivanic .banner__subtitle,
  .project-section .project-section__header .project-section__subtitle,
  .blog-section .container .blog-section__header .blog-section__subtitle {
    font-size: 16px; }
  .savanibanner .banner .banner__content .posivanic .banner__title,
  .project-section__title,
  .blog-section .container .blog-section__header .blog-section__title {
    font-size: 30px; }
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__title a {
    font-size: 18px; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__date {
    font-size: 12px; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a {
    font-size: 14px;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title {
    margin-top: 5px; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small img {
    height: 100px !important; }
  .site-footer {
    padding-bottom: 30px !important; }
  .footer__bottom .container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    flex-wrap: wrap; }
    .footer__bottom .container .footer__copy {
      font-size: 13px;
      order: 2; }
    .footer__bottom .container .footer__social {
      order: 1;
      margin-bottom: 5px; }
  .producttemplateall .imagebanner .overlplay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 86.92%);
    height: 70%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 9; }
  .producttemplateall .imagebanner img {
    aspect-ratio: 2 / 1 !important;
    height: 335px; }
  .producttemplateall .gridproductnew .galproductl {
    margin-top: -100px; }
  .producttemplateall .freefykkl {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px; }
  .dimension-box {
    padding: 0; }
  .dimension-text {
    font-size: 25px;
    line-height: 20px; }
  .dimension-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 15px 13px 0;
    border-right: 1px solid #fff;
    margin-right: 15px; }
  .dimension-icon svg {
    width: 24px !important;
    height: 24px !important; } }

.product-slider-section .product-slider .product-slide-item .product-slide-bottom .product-slide-bottom-right .product-color-image {
  border-color: #242424; }

@media (min-width: 2500px) {
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box p {
    color: #FFF;
    text-align: justify;
    font-size: 24 x;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    height: 430px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap {
    max-width: 1600px; }
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content p {
    line-height: 30px; } }

.footer__col {
  flex: initial !important; }

@media (min-width: 992px) {
  .footer__top {
    display: grid !important;
    grid-template-columns: 0.16fr 0.24fr 0.2fr 0.2fr 0.2fr;
    gap: 30px; }
    .footer__top > div {
      width: 100% !important; } }

.social-links-list {
  display: flex;
  gap: 10px; }

@media (max-width: 767px) {
  .site-footer {
    padding-top: 20px !important; }
  .footer__col--logo img {
    max-width: 70px; }
  .suportaed {
    right: 15px !important;
    bottom: 92px !important; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc .hero-banner-desc-line,
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p br {
    display: block; }
  .hero-banner-content {
    bottom: 50px;
    align-items: flex-end; } }

.phoi-canh .container .ttc-search-section .slick-slider-3img .item-slick a {
  margin: 0 25px;
  display: block; }

.contact-section-blocks .contact-block-line * {
  color: #fff !important; }

.suportaed {
  top: initial !important; }

.mobilehot {
  position: fixed;
  right: 47px;
  bottom: 25px;
  z-index: 9; }
  @media (max-width: 767px) {
    .mobilehot {
      right: 15px; } }

.vechungtoipartner .des2bunle {
  color: #FFF;
  text-align: justify;
  font-family: "Inter Display";
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px; }
  @media (max-width: 1199px) {
    .vechungtoipartner .des2bunle {
      font-size: 14px !important; } }

@media (max-width: 1199px) {
  .header-ttc .header-ttc-wrap {
    max-width: 100%; } }

@media (max-width: 1050px) {
  .header-ttc .header-ttc-wrap .header-ttc-left .header-ttc-nav-list .header-ttc-nav-item a {
    color: #FFF;
    font-size: 12px; } }

@media (min-width: 992px) {
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content p {
    font-size: 18px; } }

@media (min-width: 992px) {
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-wrap {
    position: absolute;
    bottom: 0;
    max-width: 90%;
    margin: 0 auto;
    display: block !important;
    left: 0;
    right: 0;
    z-index: 99;
    transform: translateY(-30%); }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    height: auto; } }

@media (min-width: 1024px) and (max-width: 1600px) {
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore {
    transform: translateX(55px); }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn {
    margin-top: 35px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 {
    font-size: 60px !important; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading {
    font-size: 35px; }
  .home-section .home-section-wrap {
    grid-template-columns: 350px auto; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box {
    height: auto;
    min-height: initial; } }

@media (min-width: 1601px) {
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-title.titlefor1 {
    font-size: 70px;
    line-height: 95px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-desc.titlefor2 {
    line-height: 30px;
    width: 100%;
    max-width: 250px; }
  .home-section .home-section-wrap .home-section-item.home-section-item--large .home-section-item-content .ramcore .home-section-item-btn {
    width: 250px; }
  .about-us-ttc .vechungtoipartner .vechungtoipartner-wrap .vechungtoipartner-head .vechungtoipartner-heading {
    font-size: 50px; } }

.blog-section__right .blog-post__excerpt {
  font-size: 14px;
  color: #bbb;
  line-height: 1.5;
  line-height: 22px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box; }

.setfomat h1 {
  font-size: 22px !important; }

.setfomat h2 {
  font-size: 20px !important; }

.setfomat h3 {
  font-size: 18px !important; }

.setfomat * {
  font-size: 14px !important;
  color: #ccc; }

.blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small img {
  width: 100%;
  object-fit: initial;
  aspect-ratio: initial; }

@media (min-width: 992px) {
  .blog-img-rights {
    width: 35%; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small {
    gap: 30px; }
  .blog-section__right .blog-post__info {
    padding: 0 0 0 15px;
    width: 65%; } }

@media (min-width: 1024px) and (max-width: 1600px) {
  .blog-section .blog-section__content .blog-section__right .blog-post.blog-post--small {
    gap: 15px; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a {
    font-size: 16px !important; } }

@media (min-width: 2500px) {
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a {
    font-size: 18px;
    line-height: 30px; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small .blog-post__info .blog-post__title a,
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__title a {
    font-size: 26px !important;
    line-height: 40px; }
  .blog-section__right .blog-post__excerpt,
  .blog-section .container .blog-section__content .blog-section__left .blog-post.blog-post--large .blog-post__info .blog-post__excerpt {
    font-size: 17px !important;
    line-height: 40px; } }

@media (max-width: 767px) {
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small {
    flex-direction: column; }
  .blog-img-rights {
    width: 100%; }
    .blog-img-rights img {
      width: 100% !important;
      height: auto !important; }
  .blog-section .container .blog-section__content .blog-section__right .blog-post.blog-post--small img {
    width: 100% !important;
    height: auto !important; } }

@media (min-width: 992px) {
  .footer__top {
    grid-template-columns: 0.3fr 0.3fr 0.2fr 0.3fr;
    gap: 100px; }
  .footer__top > div:nth-child(3) {
    padding-left: 50px; }
  footer.site-footer.container {
    padding-left: 90px !important;
    padding-right: 90px !important; }
  .footer__top > div:nth-child(1) a img {
    display: block;
    margin-left: auto; }
  .slider-qs {
    margin-bottom: 100px; } }

@media (min-width: 1000px) and (max-width: 1336px) {
  .footer__top {
    grid-template-columns: 0.2fr 0.3fr 0.3fr 0.3fr;
    gap: 30px; }
  .footer__top > div:nth-child(3) {
    padding-left: 0; }
  footer.site-footer.container {
    padding-left: 40px !important;
    padding-right: 40px !important; } }

@media (min-width: 1336px) and (max-width: 1600px) {
  .footer__top > div:nth-child(3) {
    padding-left: 30px; }
  .footer__top > div:nth-child(4) {
    padding-left: 30px; }
  .footer__top {
    gap: 30px; } }

@media (min-width: 1300px) and (max-width: 1600px) {
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.prev {
    left: 24%; }
  .hethongdaychuyen .hethongdaychuyen-wrap .hethongdaychuyen-slider .slick-btn.next {
    right: 25%; } }

@media (min-width: 2500px) {
  .about-us-tnsm .giatricotloi .giatricotloi-wrap .giatricotloi-chart .circle .circle-content p {
    font-size: 20px !important; }
  .slideeforindex .hero-banner-content .hero-banner-inner .hero-banner-desc p {
    font-size: 24px; } }

.side-article__list li > a {
  font-size: 14px; }

#mobileMenuTrigger svg {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin: 0px 0;
  position: relative;
  top: 2px;
  z-index: 2; }

.side-article__list,
.faq-question-content ul {
  list-style: none !important;
  margin: 0;
  padding: 0; }

.side-article__list li, .faq-question-content li {
  margin: 0 0 8px; }

.side-article__list li > a, .faq-question-content > li {
  position: relative;
  display: block;
  padding-left: 1.25rem; }
  .side-article__list li > a:hover, .faq-question-content > li:hover {
    text-decoration: none; }

.side-article__list li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  transform: translateY(-50%); }

.faq-question-content li {
  position: relative;
  padding-left: 20px; }

.faq-question-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  transform: translateY(-50%); }

.side-article__excerpt strong {
  font-weight: 400;
  font-size: 14px;
  color: #ccc; }

.home-blog-grid__item .blog-card__excerpt * {
  text-transform: initial !important; }

@media (max-width: 767px) {
  .tamnhinsumenh-mission-box-wrap {
    gap: 0px; }
  .about-us-tnsm .tamnhinsumenh-mission .tamnhinsumenh-mission-boxes .tamnhinsumenh-mission-box-wrap .tamnhinsumenh-mission-box p {
    margin-bottom: 0; }
  .home-blog-grid__item .blog-card__excerpt * {
    text-transform: initial !important; } }

@media (max-width: 992px) {
  .footer__top > div * {
    color: #fff !important; }
  .rights-contenvq {
    margin-top: 30px; }
  .chungnhancer-slider {
    margin-top: 0; }
  .slider-qs {
    margin-bottom: 40px; }
  .header-ttc-lang {
    min-width: 50px; }
  .articlecontentvob {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0; }
  .home-section-small-items {
    margin: 0; }
  .project-section .project-section__slider .project-slider .slick-dots {
    margin-top: 0px;
    gap: 8px;
    bottom: -40px; }
  .home-section-small-items .slick-dots {
    bottom: 7px; }
  .chungnhancer-item img {
    width: 85%;
    margin: 0 auto; }
  .articlecontentvob img {
    height: auto; }
  .project-slider .next.slick-arrow,
  .project-slider .prev.slick-arrow {
    top: 20%; }
    .project-slider .next.slick-arrow svg,
    .project-slider .prev.slick-arrow svg {
      width: 16px; } }

.articlecontentvob * {
  font-family: 'Inter Display', sans-serif !important; }

.section-catalogq {
  padding-bottom: 150px; }
  .section-catalogq .new-cataloguse {
    padding-bottom: 0; }
  .section-catalogq .profile-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 100px; }
    .section-catalogq .profile-section .profile-bg {
      width: 100%;
      background: rgba(0, 0, 0, 0.45); }
      .section-catalogq .profile-section .profile-bg .bg-img {
        width: 100%;
        height: auto;
        display: block; }
    .section-catalogq .profile-section .profile-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 60px 20px;
      top: 120px; }
      .section-catalogq .profile-section .profile-overlay .profile-container {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 40px;
        color: #fff; }
        .section-catalogq .profile-section .profile-overlay .profile-container .profile-left {
          margin-top: 100px; }
          .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .title {
            color: #FFF;
            font-family: "SVN-Radiant Slender";
            font-size: 80px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%; }
          .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .subtitle {
            margin: 15px 0 34px;
            text-transform: uppercase;
            color: #CE181E;
            font-family: "Inter Display";
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            line-height: 40px; }
          .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons {
            display: flex;
            gap: 20px; }
            .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 70px;
              height: 70px;
              border: 1px solid rgba(255, 255, 255, 0.5);
              border-radius: 9999px; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn span {
                border-radius: 50%;
                background: #fff;
                transition: all 0.3s;
                border-radius: 57.273px;
                border: 1px solid #000;
                background: #FFF;
                width: 57px;
                height: 57px;
                display: flex;
                align-items: center;
                justify-content: center; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn svg {
                width: 24px;
                height: 24px; }
                .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn svg path {
                  transition: all 0.3s; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.dow-l:hover {
                background: transparent;
                border-color: #CE181E; }
                .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.dow-l:hover span {
                  background: #CE181E; }
                  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.dow-l:hover span svg path {
                    stroke: #ffffff; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.pdf-l:hover {
                background: transparent;
                border-color: #CE181E; }
                .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.pdf-l:hover span {
                  background: #CE181E; }
                  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.pdf-l:hover span svg path {
                    fill: #ffffff; }
        .section-catalogq .profile-section .profile-overlay .profile-container .profile-right img {
          max-width: 453px;
          width: 100%;
          border-radius: 4px;
          box-shadow: 7px 7px 5px 0 rgba(0, 0, 0, 0.1); }
  @media (max-width: 991px) {
    .section-catalogq .profile-section .profile-overlay .profile-container {
      flex-direction: column;
      text-align: center; }
      .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .title {
        font-size: 36px; }
      .section-catalogq .profile-section .profile-overlay .profile-container .profile-right img {
        max-width: 280px; } }
  .section-catalogq .full-width-bkg-resd {
    width: 100%;
    background: var(--Linear, linear-gradient(180deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%));
    height: 160px;
    display: block;
    margin-top: -100px; }
  .section-catalogq .catalogue-section {
    display: grid;
    justify-content: center;
    margin: 0 100px;
    max-width: 90%;
    gap: 68px;
    grid-template-columns: 1fr 1fr;
    border-radius: 10px; }
  .section-catalogq .catalogue-card {
    max-width: 100%;
    min-height: 502px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://cdn.hstatic.net/files/200001005471/file/rectangle_6789.png) no-repeat center;
    background-size: initial; }
  .section-catalogq .catalogue-image img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    padding: 0 1px; }
  .section-catalogq .catalogue-content {
    padding: 45px 43px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 20px 20px; }
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-title,
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-subtitle {
    color: #fff;
    font-family: "Inter Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0; }
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-title {
    line-height: 35px; }
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-subtitle {
    line-height: 130%; }
  .section-catalogq .catalogue-actions {
    display: flex;
    gap: 10px; }
  .section-catalogq .btn-icon {
    width: 40px;
    height: 40px;
    background: #1f1f1f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s; }
    .section-catalogq .btn-icon:hover {
      background: #444; }
  .section-catalogq .icons-flexitems {
    display: flex;
    gap: 20px; }
    .section-catalogq .icons-flexitems .icon-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 9999px; }
      .section-catalogq .icons-flexitems .icon-btn span {
        width: 57px;
        height: 57px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #000;
        background: #fff;
        transition: all 0.3s; }
        .section-catalogq .icons-flexitems .icon-btn span svg path {
          transition: all 0.3s; }
      .section-catalogq .icons-flexitems .icon-btn.pdf-l:hover {
        background: transparent;
        border-color: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.pdf-l:hover span {
          background: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.pdf-l:hover path {
          fill: #fff; }
      .section-catalogq .icons-flexitems .icon-btn.dow-l:hover {
        background: transparent;
        border-color: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.dow-l:hover span {
          background: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.dow-l:hover path {
          stroke: #fff; }

.section-catalogq {
  padding-bottom: 150px; }
  .section-catalogq .new-cataloguse {
    padding-bottom: 0; }
  .section-catalogq .profile-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 100px; }
    .section-catalogq .profile-section .profile-bg {
      width: 100%;
      background: rgba(0, 0, 0, 0.45); }
      .section-catalogq .profile-section .profile-bg .bg-img {
        width: 100%;
        height: auto;
        display: block; }
    .section-catalogq .profile-section .profile-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 60px 20px;
      top: 120px; }
      .section-catalogq .profile-section .profile-overlay .profile-container {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 40px;
        color: #fff; }
        .section-catalogq .profile-section .profile-overlay .profile-container .profile-left {
          margin-top: 100px; }
          .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .title {
            color: #FFF;
            font-family: "SVN-Radiant Slender";
            font-size: 80px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%; }
          .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .subtitle {
            margin: 15px 0 34px;
            text-transform: uppercase;
            color: #CE181E;
            font-family: "Inter Display";
            font-size: 25px;
            font-style: normal;
            font-weight: 600;
            line-height: 40px; }
          .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons {
            display: flex;
            gap: 20px; }
            .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 70px;
              height: 70px;
              border: 1px solid rgba(255, 255, 255, 0.5);
              border-radius: 9999px; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn span {
                border-radius: 50%;
                background: #fff;
                transition: all 0.3s;
                border-radius: 57.273px;
                border: 1px solid #000;
                background: #FFF;
                width: 57px;
                height: 57px;
                display: flex;
                align-items: center;
                justify-content: center; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn svg {
                width: 24px;
                height: 24px; }
                .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn svg path {
                  transition: all 0.3s; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.dow-l:hover {
                background: transparent;
                border-color: #CE181E; }
                .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.dow-l:hover span {
                  background: #CE181E; }
                  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.dow-l:hover span svg path {
                    stroke: #ffffff; }
              .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.pdf-l:hover {
                background: transparent;
                border-color: #CE181E; }
                .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.pdf-l:hover span {
                  background: #CE181E; }
                  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn.pdf-l:hover span svg path {
                    fill: #ffffff; }
        .section-catalogq .profile-section .profile-overlay .profile-container .profile-right img {
          max-width: 453px;
          width: 100%;
          border-radius: 4px;
          box-shadow: 7px 7px 5px 0 rgba(0, 0, 0, 0.1); }
  @media (max-width: 991px) {
    .section-catalogq .profile-section .profile-overlay .profile-container {
      flex-direction: column;
      text-align: center; }
      .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .title {
        font-size: 36px; }
      .section-catalogq .profile-section .profile-overlay .profile-container .profile-right img {
        max-width: 280px; } }
  .section-catalogq .full-width-bkg-resd {
    width: 100%;
    background: var(--Linear, linear-gradient(180deg, rgba(206, 24, 30, 0.3) 0%, rgba(206, 24, 30, 0) 100%));
    height: 160px;
    display: block;
    margin-top: -100px; }
  .section-catalogq .catalogue-section {
    display: grid;
    justify-content: center;
    margin: 0 100px;
    max-width: 90%;
    gap: 68px;
    grid-template-columns: 1fr 1fr;
    border-radius: 10px; }
  .section-catalogq .catalogue-card {
    max-width: 100%;
    min-height: 502px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://cdn.hstatic.net/files/200001005471/file/rectangle_6789.png) no-repeat center;
    background-size: initial; }
  .section-catalogq .catalogue-image img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    padding: 0 1px; }
  .section-catalogq .catalogue-content {
    padding: 45px 43px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 20px 20px; }
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-title,
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-subtitle {
    color: #fff;
    font-family: "Inter Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0; }
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-title {
    line-height: 35px; }
  .section-catalogq .icons.catalogue-subtitle-catalog .catalogue-subtitle {
    line-height: 130%; }
  .section-catalogq .catalogue-actions {
    display: flex;
    gap: 10px; }
  .section-catalogq .btn-icon {
    width: 40px;
    height: 40px;
    background: #1f1f1f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s; }
    .section-catalogq .btn-icon:hover {
      background: #444; }
  .section-catalogq .icons-flexitems {
    display: flex;
    gap: 20px; }
    .section-catalogq .icons-flexitems .icon-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 9999px; }
      .section-catalogq .icons-flexitems .icon-btn span {
        width: 57px;
        height: 57px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #000;
        background: #fff;
        transition: all 0.3s; }
        .section-catalogq .icons-flexitems .icon-btn span svg path {
          transition: all 0.3s; }
      .section-catalogq .icons-flexitems .icon-btn.pdf-l:hover {
        background: transparent;
        border-color: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.pdf-l:hover span {
          background: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.pdf-l:hover path {
          fill: #fff; }
      .section-catalogq .icons-flexitems .icon-btn.dow-l:hover {
        background: transparent;
        border-color: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.dow-l:hover span {
          background: #CE181E; }
        .section-catalogq .icons-flexitems .icon-btn.dow-l:hover path {
          stroke: #fff; }

@media (max-width: 991px) {
  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .title {
    font-size: 20px;
    line-height: 35px; }
  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .subtitle {
    margin: 15px 0;
    font-size: 16px; }
  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons {
    justify-content: center; }
  .section-catalogq .profile-section .profile-overlay .profile-container {
    max-width: 100%;
    width: 100%; }
  .section-catalogq .profile-section .profile-overlay {
    top: 20px; }
  .section-catalogq .profile-section {
    overflow: initial; }
  .section-catalogq .full-width-bkg-resd {
    height: 250px; }
  .section-catalogq .catalogue-section {
    margin: 0;
    max-width: 100%;
    gap: 0;
    grid-template-columns: 1fr;
    border-radius: 10px; }
  .section-catalogq .catalogue-content {
    padding: 20px 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 20px 20px;
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column; }
  .section-catalogq .icons-flexitems .icon-btn {
    width: 50px;
    height: 50px; }
  .section-catalogq .icons-flexitems .icon-btn span {
    width: 37px;
    height: 37px; }
  .section-catalogq .catalogue-card {
    margin-top: 40px;
    min-height: 352px; }
  .section-catalogq .icons-flexitems {
    margin-top: 15px; }
  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn {
    width: 50px;
    height: 50px; }
  .section-catalogq .profile-section .profile-overlay .profile-container .profile-left .icons .icon-btn span {
    width: 40px;
    height: 40px; } }

@media screen and (min-width: 1366px) and (max-width: 1536px) {
  .section-catalogq .profile-section .profile-overlay {
    top: 0px; } }

@media (min-width: 2500px) {
  .section-catalogq .profile-section .profile-overlay {
    top: 74%;
    transform: translateY(-74%); } }

.section-catalogq .catalogue-card .catalogue-image {
  overflow: hidden; }

.section-catalogq .catalogue-card .catalogue-image img {
  transition: 0.3s all ease; }

.section-catalogq .catalogue-card:hover .catalogue-image img {
  transform: scale(1.2);
  transition: 0.3s all ease; }

.section-catalogq .catalogue-content {
  border: 1px solid #525252;
  border-top: 0; }