/* ===== Mobile: 768px and below ===== */
@media screen and (max-width: 768px) {
  /* ----- Base Reset ----- */
  html {
    font-size: 10px;
  }
  body {
    font-size: 1.4rem;
  }
  .content {
    padding: 0 20px;
  }
  .swiper_content {
    padding: 10px 20px;
  }
  .only_mobile {
    display: block;
  }
  body.fixed {
    padding-right: 0;
  }
  .gap {
    gap: 20px;
  }

  /* ----- Typography ----- */
  .head .line_title {
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .head .line_title:before {
    width: 2.5rem;
  }
  .head h1 {
    font-size: 26px;
    line-height: 1.3;
  }
  .head h2 {
    font-size: 22px;
    line-height: 1.3;
  }
  .head p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 12px;
  }
  .btn {
    line-height: 42px;
    font-size: 14px;
    padding: 0 20px;
  }
  .btn_border.black {
    line-height: 40px;
  }
  span.more {
    font-size: 1.5rem;
  }

  /* ----- General Flex Wraps ----- */
  .head.flex,
  .head > .flex {
    flex-wrap: wrap;
    gap: 10px;
  }

  /* ----- Swiper Buttons ----- */
  .swiper_btns div {
    width: 40px;
    height: 40px;
  }
  .swiper_btns div::after {
    width: 14px;
    height: 14px;
  }
  .swiper_btns.middle {
    width: 100%;
    position: static;
    transform: none;
    margin-top: 20px;
    justify-content: center;
  }

  /* ----- Header ----- */
  header {
    padding: 10px 0;
  }
  header .logo img {
    width: 18rem;
    transform: none;
  }
  header .right .btn {
    display: none;
  }
  header .right {
    gap: 18px;
  }
  header .right .btn_lang {
    margin-left: 0;
    font-size: 14px;
  }
  header nav .close_box + div {
    padding-top: 30px;
  }
  header ul.menu > li > a {
    line-height: normal;
  }

  /* ----- Page Numbers ----- */
  .page_nums {
    padding: 25px 0;
  }
  .page_nums ul {
    padding: 0;
    flex-wrap: wrap;
    gap: 20px;
  }
  .page_nums ul li {
    width: calc(50% - 10px);
  }
  .page_nums ul li strong span:nth-of-type(1),
  .page_nums ul li strong span:nth-of-type(2) {
    font-size: 3rem;
  }
  .page_nums ul li p {
    font-size: 12px;
  }

  /* ----- Breadcrumbs ----- */
  .breadcrumbs a {
    font-size: 14px;
  }
  .breadcrumbs a:after {
    width: 10px;
    height: 10px;
  }

  /* ============================
     HOME PAGE
  ============================ */
  .home_banner {
    padding: 10rem 0 8rem;
  }
  .home_banner .head h1 {
    font-size: 26px;
    line-height: 1.3;
    max-width: unset;
    margin-bottom: 15px;
  }
  .home_banner .head p {
    font-size: 14px;
    line-height: 1.6;
    max-width: unset;
    margin-bottom: 20px;
  }
  .home_banner .btns {
    flex-wrap: wrap;
    gap: 10px;
  }
  .home_banner .btns .btn {
    font-size: 14px;
    line-height: 42px;
  }

  /* Home Equipment */
  .home_equipment {
    padding: 50px 0;
  }
  .home_equipment .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .home_equipment .head p {
    padding-top: 15px;
  }
  .home_equipment .main {
    flex-wrap: wrap;
  }
  .home_equipment .main .left {
    width: 100%;
    padding: 30px 0;
  }
  .home_equipment .main .left:before {
    width: calc(100% + 40px);
    left: -20px;
    right: -20px;
    border-radius: 0;
  }
  .home_equipment .main .left .swiper-slide > a > .flex {
    flex-wrap: wrap;
  }
  .home_equipment .main .left .info {
    width: 100%;
    padding: 0 0 20px;
  }
  .home_equipment .main .left .info strong {
    font-size: 22px;
  }
  .home_equipment .main .left .info p {
    font-size: 14px;
    line-height: 1.6;
  }
  .home_equipment .main .left .img {
    width: 100%;
    padding-left: 0;
  }
  .home_equipment .main .right {
    width: 100%;
    padding-left: 0;
    display: none;
  }

  /* Home Wealth / Flow */
  .home_wealth {
    padding-bottom: 50px;
  }
  .home_wealth .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .home_wealth .main {
    flex-wrap: wrap;
  }
  .home_wealth .left {
    width: 100%;
    padding-left: 0;
    display: flex;
    justify-content: center;
  }
  .home_wealth .left .circle_flow {
    width: 280px;
    height: 280px;
  }
  .home_wealth .left .circle_flow .dot {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 1.5rem;
  }
  .home_wealth .left .circle_flow .dot span {
    font-size: 13px;
    bottom: calc(100% + 5px);
  }
  .home_wealth .left .info p {
    font-size: 1.5rem;
  }
  .home_wealth .left .info strong {
    font-size: 2.5rem;
  }
  .home_wealth .left .info span {
    font-size: 1.3rem;
  }
  .home_wealth .right {
    width: 100%;
    margin-top: 30px;
  }
  .home_wealth .right strong {
    font-size: 22px;
  }
  .home_wealth .right p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Home Case */
  .home_case {
    padding: 40px 0;
  }
  .home_case > .flex,
  .home_case .swiper_case_main .swiper-slide > .flex {
    flex-wrap: wrap;
  }
  .home_case .left {
    width: 100%;
  }
  .home_case .left .img {
    aspect-ratio: 16/10;
  }
  .home_case .right {
    width: 100%;
    padding: 30px 20px;
  }
  .home_case .right .head .title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  .home_case .right .head p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .home_case .right .head {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .home_case .right .items {
    gap: 30px;
  }
  .home_case .right .item strong {
    font-size: 2.8rem;
  }
  .home_case .swiper_btns.middle {
    position: static;
    transform: none;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
  }

  /* Home About */
  .home_about {
    padding: 50px 0;
  }
  .home_about .head {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .home_about .head h2 {
    font-size: 22px;
    line-height: 1.3;
    max-width: unset;
    margin-bottom: 15px;
  }
  .home_about .head p {
    max-width: unset;
    margin-bottom: 20px;
  }
  .home_about .nav {
    position: static;
    background: transparent;
    margin-top: 15px;
  }
  .home_about .nav ul {
    gap: 15px;
    padding: 0;
    flex-wrap: wrap;
  }
  .home_about .nav li {
    font-size: 15px;
    line-height: 35px;
    padding-top: 0;
  }
  .home_about .items {
    margin-top: 30px;
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .home_about .items .item {
    padding-bottom: 25px;
  }
  .home_about .items .item strong {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .home_about .items .item p {
    font-size: 14px;
    line-height: 1.6;
    padding-right: 0;
  }
  .home_about .items .img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }

  /* Home Applications */
  .home_applications {
    padding: 50px 0;
  }
  .home_applications .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .home_applications .main > .flex {
    flex-wrap: wrap;
  }
  .home_applications .left {
    width: 100%;
  }
  .home_applications .left ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
  }
  .home_applications .left li {
    gap: 15px;
    padding: 12px 0;
  }
  .home_applications .left li .icon {
    width: 25px;
    height: 25px;
  }
  .home_applications .left li p {
    font-size: 14px;
    flex: 1;
  }
  .home_applications .left li span {
    width: 15px;
    height: 15px;
  }
  .home_applications .right {
    width: 100%;
    margin-top: 20px;
  }
  .home_applications .right strong {
    font-size: 20px;
  }
  .home_applications .right p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Home Quality */
  .home_quality {
    padding: 50px 0;
  }
  .home_quality .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .home_quality .head .flex.between {
    flex-wrap: wrap;
  }
  .home_quality .head p {
    max-width: unset;
  }
  .home_quality .main .flex.between {
    flex-wrap: wrap;
  }
  .home_quality .main .left {
    width: 100%;
  }
  .home_quality .main .right {
    width: 100%;
  }
  .home_quality .swiper_cer_img .swiper-slide {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .home_quality .swiper_cer_img .swiper-slide .img img {
    height: 60px;
  }
  .home_quality .swiper_cer_img .swiper-slide p {
    font-size: 16px;
    margin-top: 30px;
  }

  /* Home News */
  .home_news {
    padding: 50px 0;
  }
  .home_news .news_top {
    padding-bottom: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 15px;
  }
  .home_news .nav li {
    font-size: 14px;
    line-height: 36px;
    padding: 0 15px;
  }
  .home_news .swiper_btns {
    width: 100%;
    max-width: unset;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: left;
  }
  .news_item .img {
    aspect-ratio: 16/10;
    margin-bottom: 15px;
  }
  .news_item .info .date {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .news_item .info strong {
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 12px;
  }
  .home_news p.center {
    margin-top: 30px;
  }

  .home_quality .swiper_btns{
    margin-bottom: 20px;
  }

  /* ============================
     FOOTER
  ============================ */
  .footer_contact {
    padding: 50px 0 60px;
  }
  .footer_contact .head .subtitle {
    font-size: 18px;
    gap: 15px;
  }
  .footer_contact .head h2 {
    font-size: 24px;
    margin-top: 10px;
  }
  .footer_contact .head {
    margin-bottom: 30px;
  }
  .footer_contact .main {
    max-width: unset;
  }
  .footer_contact .main p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .footer_contact .main .btns .btn {
    line-height: 44px;
    font-size: 14px;
  }

  /* Footer Top - Accordion */
  .footer_top {
    padding: 40px 0;
  }
  .footer_top .flex {
    flex-wrap: wrap;
  }
  .footer_top .col.info_col {
    width: 100%;
    flex: unset;
    margin-bottom: 20px;
  }
  .footer_top .col.info_col .btn {
    line-height: 42px;
  }
  .footer_top .logo img {
    width: 20rem;
  }
  .footer_top .info_col p {
    font-size: 14px;
    line-height: 1.6;
    max-width: unset;
  }
  .footer_top .col {
    width: 100%;
    flex: unset;
    padding-top: 0;
  }
  .footer_top .col:last-child {
    flex: unset;
  }
  .footer_top .col strong {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background-color: var(--primary);
    color: white;
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
  }
  .footer_top .col strong:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url('../img/mobile-menu/select.svg') no-repeat center/contain;
    filter: contrast(0) brightness(100);
    transition: all 0.3s;
  }
  .footer_top .col.active strong:after {
    transform: rotate(180deg);
  }
  .footer_top .col strong + div {
    padding: 15px 20px 15px;
    display: none;
  }
  .footer_top .col ul li a {
    font-size: 14px;
  }
  .footer_top .col ul li + li {
    margin-top: 8px;
  }

  /* Footer Contact Info */
  .footer_contact_info > .flex {
    flex-wrap: wrap;
    gap: 25px;
  }
  .footer_contact_info .right > .flex {
    flex-wrap: wrap;
    gap: 20px;
  }
  .footer_contact_info .right a {
    font-size: 15px;
  }
  .footer_contact_info .socials {
    gap: 25px;
  }
  .news_item .img span{
    font-size: 13px;
  }

  /* Copyright */
  .copyright > .flex {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    text-align: center;
  }
  .copyright p {
    font-size: 13px;
    width: 100%;
  }
  .copyright div ul {
    justify-content: center;
  }

  /* ============================
     PRODUCT PAGE
  ============================ */
  .product_breadcrumb {
    padding: 15px 0 0;
  }
  .product_preview {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .product_preview .content > .flex {
    flex-wrap: wrap;
  }
  .product_preview .left {
    width: 100%;
  }
  .product_preview .right {
    width: 100%;
    padding-top: 25px;
  }
  .product_preview .right .cat {
    font-size: 13px;
  }
  .product_preview .right h1 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .product_preview .right .desc {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .product_preview .right > ul li {
    font-size: 15px;
    padding-left: 25px;
  }
  .product_preview .right > ul {
    margin-bottom: 25px;
  }
  .product_preview .right .btns {
    flex-wrap: wrap;
  }
  .product_preview .right .btns .btn {
    line-height: 44px;
    font-size: 14px;
    width: 100%;
    flex: unset;
  }
  .product_preview .right .tags ul li{
    font-size: 13px;
  }
  .product_preview .right .tags {
    margin-top: 25px;
    padding-top: 15px;
  }
  .product_preview .nav_tools .swiper_btn {
    height: 70px;
    width: 35px;
    min-width: 35px;
    display: none;
  }

  /* Product Overview */
  .product_overview {
    padding: 50px 0;
  }
  .product_overview .head {
    margin-bottom: 30px;
  }
  .product_overview .items .item + .item {
    margin-top: 40px;
  }
  .product_overview .items .item .flex {
    flex-wrap: wrap;
    gap: 20px;
  }
  .product_overview .items .item .flex .col {
    flex: unset;
    width: 100%;
  }
  .product_overview .items .item .flex .col h3 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .product_overview .items .item .flex .col p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Product Industry */
  .product_industry {
    padding: 50px 0;
  }
  .product_industry .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .product_industry .swiper_btns {
    width: 100%;
    max-width: unset;
    position: static;
    transform: none;
    margin-top: 20px;
    justify-content: center;
  }
  .swiper_product_industry .swiper-slide .info {
    padding: 20px;
  }
  .swiper_product_industry .swiper-slide .info h3 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .swiper_product_industry .swiper-slide .info p {
    font-size: 14px;
    line-height: 1.5;
  }

  /* About Service (shared) */
  .about_service {
    padding: 50px 0;
  }
  .about_service .head {
    padding-bottom: 25px;
    margin-bottom: 20px;
  }
  .about_service .nav {
    margin-bottom: 25px;
  }
  .about_service .nav ul {
    flex-wrap: wrap;
    gap: 10px;
  }
  .about_service .nav li {
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    min-width: unset;
  }
  .about_service .swiper_about_service .swiper-slide > .flex {
    flex-wrap: wrap;
  }
  .about_service .swiper_about_service .left {
    width: 100%;
  }
  .about_service .swiper_about_service .right {
    width: 100%;
    padding-bottom: 0;
    margin-top: 20px;
  }
  .about_service .swiper_about_service .right span {
    font-size: 18px;
  }
  .about_service .swiper_about_service .right strong {
    font-size: 20px;
    margin: 10px 0 8px;
  }
  .about_service .swiper_about_service .right p {
    font-size: 14px;
    line-height: 1.6;
  }
  .about_service .swiper_about_service .right li {
    font-size: 15px;
  }
  .about_service .swiper_about_service .right .btn {
    margin-top: 20px;
  }

  /* Product Designed */
  .product_designed {
    padding: 50px 0;
  }
  .product_designed .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .product_designed .items {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .product_designed .items .item {
    padding: 25px;
  }
  .product_designed .items .item strong {
    font-size: 20px;
  }
  .product_designed .items .item p {
    font-size: 14px;
    line-height: 1.6;
    min-height: unset;
    padding-bottom: 20px;
    margin-bottom: 15px;
  }
  .product_designed .items .item .icon {
    position: static;
    margin-top: 15px;
  }
  .product_designed .items .item .icon img {
    height: 60px;
  }

  /* Product Model Table */
  .product_model {
    padding: 50px 0 30px;
  }
  .product_model .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .product_model table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .product_model table th {
    padding: 12px 15px;
    font-size: 14px;
  }
  .product_model table td {
    padding: 10px 15px;
    font-size: 13px;
  }

  /* Product Talk */
  .product_talk {
    padding: 40px 0;
  }
  .product_talk .head {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .product_talk .head .flex {
    flex-wrap: wrap;
    gap: 12px;
  }
  .product_talk .head h2 {
    font-size: 22px;
    line-height: 1.3;
    max-width: unset;
  }
  .product_talk .head p {
    max-width: unset;
    font-size: 14px;
    line-height: 1.6;
  }
  .product_talk .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-top: 25px;
  }
  .product_talk .items .item {
    padding: 20px 15px;
  }
  .product_talk .items .item:after {
    height: 3px;
  }
  .product_talk .items .img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
  }
  .product_talk .items .img img {
    width: 60%;
    height: 60%;
  }
  .product_talk .items .item strong {
    font-size: 15px;
    white-space: normal;
    margin-bottom: 8px;
  }
  .product_talk .items .item p {
    font-size: 13px;
    line-height: 1.5;
    min-height: unset;
  }
  .product_talk .items .item .icon {
    margin-top: 15px;
    width: 35px;
    height: 35px;
  }
  .product_talk .items .item .icon:after {
    width: 12px;
    height: 12px;
  }

  /* ============================
     ABOUT PAGE
  ============================ */
  .about_banner {
    padding: 80px 0 50px;
  }
  .about_banner .head h1 {
    font-size: 26px;
    line-height: 1.3;
    max-width: unset;
    margin-bottom: 15px;
  }
  .about_banner .head p {
    font-size: 14px;
    line-height: 1.6;
    max-width: unset;
    margin-bottom: 20px;
  }
  .about_banner .btns {
    flex-wrap: wrap;
    gap: 10px;
  }

  /* About Company */
  .about_company {
    padding: 50px 0;
  }
  .about_company .content > .flex {
    flex-wrap: wrap;
    gap: 30px;
  }
  .about_company .left {
    width: 100%;
  }
  .about_company .left .img {
    aspect-ratio: 16/10;
  }
  .about_company .left .info {
    padding: 15px 20px;
  }
  .about_company .left .info strong {
    font-size: 3rem;
  }
  .about_company .left .info p {
    font-size: 13px;
  }
  .about_company .right h2 {
    font-size: 22px;
    line-height: 1.3;
    max-width: unset;
    margin-bottom: 20px;
  }
  .about_company .right .head {
    margin-bottom: 20px;
  }
  .about_company .right .items {
    gap: 30px;
    flex-wrap: wrap;
  }
  .about_company .right .items .item strong {
    font-size: 3rem;
  }

  /* About History */
  .about_history {
    padding: 50px 0;
    overflow: hidden;
  }
  .about_history .head {
    margin-bottom: 30px;
  }
  .about_history .swiper_history {
    margin-bottom: 50px;
  }
  .about_history .swiper_history strong {
    font-size: 3rem;
  }
  .about_history .swiper_history strong:after {
    height: 8rem;
  }
  .about_history .swiper_history .info p {
    font-size: 16px;
  }
  .about_history .swiper_history .info span {
    font-size: 14px;
    line-height: 1.5;
  }
  .about_history .swiper_history_btns .swiper-slide {
    font-size: 16px;
  }

  /* About Production */
  .about_production {
    padding: 50px 0;
  }
  .about_production .head {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .about_production .items {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 30px;
  }
  .about_production .items .item {
    padding: 25px 20px;
  }
  .about_production .items .item strong {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .about_production .items .item p {
    font-size: 14px;
    line-height: 1.6;
  }
  .about_production .items .img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }

  /* About Certification */
  .about_certification {
    padding: 50px 0;
  }
  .about_certification .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .about_certification .main > .flex {
    flex-wrap: wrap;
  }
  .about_certification .main .right {
    width: 100%;
  }
  .about_certification .swiper_cer_img .swiper-slide {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .about_certification .swiper_cer_img .swiper-slide .img img {
    height: 60px;
  }
  .about_certification .swiper_cer_img .swiper-slide p {
    font-size: 16px;
    margin-top: 30px;
  }

  /* About Strength */
  .about_strength {
    padding: 50px 0;
  }
  .about_strength .head {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .about_strength .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .about_strength .items .item:nth-of-type(1) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .about_strength .num_con {
    padding: 25px 0;
  }
  .about_strength .num_con ul {
    flex-wrap: wrap;
    gap: 20px;
  }
  .about_strength .num_con ul li {
    width: calc(50% - 10px);
    text-align: center;
  }
  .about_strength .num_con ul li strong {
    font-size: 3rem;
  }
  .about_strength .num_con ul li p {
    font-size: 12px;
  }
  .about_strength .num_con ul li:before {
    display: none;
  }

  /* About Map */
  .about_map {
    padding: 50px 0;
  }
  .about_map .content > .flex {
    flex-wrap: wrap;
    gap: 30px;
  }
  .about_map .left {
    width: 100%;
    min-width: unset;
  }
  .about_map .right {
    width: 100%;
  }
  .about_map .right .img {
    width: 100%;
  }
  .about_map .nums ul {
    gap: 20px;
  }
  .about_map .nums ul li strong {
    font-size: 3rem;
  }

  /* About Values */
  .about_values {
    padding: 50px 0;
  }
  .about_values .head {
    margin-bottom: 30px;
  }
  .about_values .main > .flex {
    flex-wrap: wrap;
  }
  .about_values .left {
    width: 100%;
  }
  .about_values .left .img {
    aspect-ratio: 16/10;
  }
  .about_values .right {
    width: 100%;
    margin-top: 30px;
  }
  .about_values .items {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-top: 0;
  }
  .about_values .items .item {
    padding-bottom: 20px;
  }
  .about_values .items .item strong {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .about_values .items .item p {
    font-size: 14px;
    line-height: 1.6;
  }
  .about_values .items .img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
}