.top-image {
  
  
  /*.box {
        .content {
            p {
                font-weight: bold;
                text-align: center;
                font-size: 0.9rem;

                @media (min-width: 768px) {
                    font-size: 0.7rem;
                }
				@media (min-width: 440px) {
                    font-size: 0.5rem;
                }
                @media (min-width: 1024px) {
                    font-size: 1rem;
                }
            }
        }

        .contact-us {
            background-color: $red;

            span {
                text-align: center;
                font-size: 0.9rem;

                @media (min-width: 768px) {
                    font-size: 0.8rem;
                }

                @media (min-width: 1024px) {
                    font-size: 1rem;
                }
            }

            a {
                text-align: center;
                font-size: 0.9rem;

                @media (min-width: 768px) {
                    font-size: 0.8rem;
                }

                @media (min-width: 1024px) {
                    font-size: 1rem;
                }
            }
        }
    }*/ }
  @media (min-width: 1024px) {
    .top-image {
       } }
  .top-image .swiper {
    width: 100%;
    height: 100%;
    overflow-x: hidden; }
    .top-image .swiper .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center; }
      .top-image .swiper .swiper-slide .content-slider {
        right: 0;
        top: 1rem;
        color: #000;
		      padding-top: 0.8rem;
    padding-right: 1.5rem;
        width: 45%; }
        .top-image .swiper .swiper-slide .content-slider .title-slider {
          font-size: 0.7rem;
          font-weight: 800;
          line-height: 1.3rem;
          letter-spacing: -0.1px;;
          margin-bottom: 0; }
        .top-image .swiper .swiper-slide .content-slider .text-slider {
          display: none; }
        @media (max-width: 992px) {
          .top-image .swiper .swiper-slide .content-slider .btn-box a {
            font-size: 0.6rem;
            font-weight: 800;
            padding: 5px; }
            .top-image .swiper .swiper-slide .content-slider .btn-box a:first-child {
               } }
@media (max-width: 500px) {
	.top-image .swiper .swiper-slide .content-slider .title-slider {
    font-size: 0.5rem;
    font-weight: 800;
    line-height: 1.3rem;
    letter-spacing: 0px;
    margin-bottom: 0;
    padding-top: 1.8rem;
}
           }
        @media (min-width: 1024px) {
          .top-image .swiper .swiper-slide .content-slider {
            right: 1rem;
            top: 50%;
            color:#1a1a1a;
            width: 45%;
			          padding-right: 5rem;
            transform: translateY(-50%); }
            .top-image .swiper .swiper-slide .content-slider .title-slider {
              font-size: 1.6rem;
              font-weight: 800;
              line-height: 3rem; }
            .top-image .swiper .swiper-slide .content-slider .text-slider {
              line-height: 2rem;
              font-size: 1rem;
              display: block; } }
      .top-image .swiper .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    @media (max-width: 1024px) {
      .top-image .swiper .swiper-pagination {
        display: none; } }
    .top-image .swiper .swiper-pagination .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      background-color: #D9D9D9;
      opacity: 1;
      border-radius: 5px !important; }
    .top-image .swiper .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #A41010; }

.info-details-section {
  position: unset;
  top: -45px;
  z-index: 1; }
  @media (min-width: 1024px) {
    .info-details-section {
      position: relative; } }
  .info-details-section .info-details {
    border-radius: 1rem;
    height: 90px; }
    .info-details-section .info-details .cart {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .info-details-section .info-details .cart span:nth-child(2) {
        font-size: 0.9rem;
        font-weight: bold; }
        @media (max-width: 768px) {
          .info-details-section .info-details .cart span:nth-child(2) {
            font-size: 0.75rem; } 
.info-details-section .info-details {
    border-radius: 1rem;
    height: 90px;
    margin-top: 50px;
}
.top-image {
    position: relative;
    top: 50px;
}
}
      .info-details-section .info-details .cart span:nth-child(1) {
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #C13F4E;
        font-size: 1rem; }
        @media (min-width: 768px) {
          .info-details-section .info-details .cart span:nth-child(1) {
            height: 35px;
            font-size: 1.5rem; } }

.home-pcat .border-bottom {
  border-bottom: 1px solid #A8A8A8 !important; }

.home-pcat .pcat-title-box {
  border-radius: 1rem;
  height: 200px; }
  @media (min-width: 992px) {
    .home-pcat .pcat-title-box {
      height: 400px; } }
  .home-pcat .pcat-title-box .pcat-title {
    font-size: 0.9rem;
    font-weight: 800;
    text-align: center; }
    @media (min-width: 992px) {
      .home-pcat .pcat-title-box .pcat-title {
        font-size: 1.8rem; } }

.home-pcat .pcat-contnt-box {
  height: 200px; }
  @media (min-width: 992px) {
    .home-pcat .pcat-contnt-box {
      height: 400px; } }
  .home-pcat .pcat-contnt-box .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    padding: 0.5rem; }
    .home-pcat .pcat-contnt-box .swiper .swiper-wrapper {
      height: 93%;
      justify-content: end; }
      .home-pcat .pcat-contnt-box .swiper .swiper-wrapper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2) !important;
        /* Center slide text vertically */
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0.5rem;
        position: relative;
        /*&::before {
                        content: "";
                        width: 100%;
                        height: 100%;
                        background-color: #C13F4E;
                        border-radius:1rem;
                        z-index:-1;
                        position:absolute;
                        left:0;
                        top:10%;
                    }*/ }
        .home-pcat .pcat-contnt-box .swiper .swiper-wrapper .swiper-slide:hover {
          box-shadow: 0px 4px 1px 0px #C13F4E, 0 1px 2px #C13F4E !important;
          /*transition: all 0.3s cubic-bezier(.25,.8,.25,1)*/ }
        .home-pcat .pcat-contnt-box .swiper .swiper-wrapper .swiper-slide .text-theme {
          font-size: 0.9rem; }
          @media (max-width: 992px) {
            .home-pcat .pcat-contnt-box .swiper .swiper-wrapper .swiper-slide .text-theme {
              font-size: 0.8rem; } }
    .home-pcat .pcat-contnt-box .swiper .swiper-button-next, .home-pcat .pcat-contnt-box .swiper .swiper-button-prev {
      top: 0;
      width: 20px;
      height: 20px;
      background-color: #fff;
      border-radius: 5px; }
      @media (min-width: 992px) {
        .home-pcat .pcat-contnt-box .swiper .swiper-button-next, .home-pcat .pcat-contnt-box .swiper .swiper-button-prev {
          width: 30px;
          height: 30px; } }
      .home-pcat .pcat-contnt-box .swiper .swiper-button-next:after, .home-pcat .pcat-contnt-box .swiper .swiper-button-prev:after {
        display: none; }
      .home-pcat .pcat-contnt-box .swiper .swiper-button-next svg, .home-pcat .pcat-contnt-box .swiper .swiper-button-prev svg {
        width: 10px !important; }
        @media (min-width: 992px) {
          .home-pcat .pcat-contnt-box .swiper .swiper-button-next svg, .home-pcat .pcat-contnt-box .swiper .swiper-button-prev svg {
            width: 12px !important; } }
    .home-pcat .pcat-contnt-box .swiper .swiper-button-prev {
      right: 75% !important; }
      @media (min-width: 992px) {
        .home-pcat .pcat-contnt-box .swiper .swiper-button-prev {
          right: 90% !important; } }

.gallery-home .gallery-home-title .h2, .gallery-home .gallery-home-title p.h3 {
  font-weight: 800; }
  @media (max-width: 992px) {
    .gallery-home .gallery-home-title .h2, .gallery-home .gallery-home-title p.h3 {
      font-size: 1.3rem; } }

.gallery-home .gallery-home-content {
  height: 250px; }
  .gallery-home .gallery-home-content p {
    color: #aeaeae; }
  .gallery-home .gallery-home-content .mCSB_container {
    margin-right: 30px;
    margin-left: 0; }
  .gallery-home .gallery-home-content .mCSB_scrollTools {
    left: auto;
    right: 0; }
    .gallery-home .gallery-home-content .mCSB_scrollTools .mCSB_draggerContainer {
      background: #aeaeae;
      width: 2px;
      margin-left: 7px; }
      .gallery-home .gallery-home-content .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
        display: none; }

.gallery-home .gallery-home-slider .swiper {
  width: 100%;
  height: 100%; }
  .gallery-home .gallery-home-slider .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center; }
    .gallery-home .gallery-home-slider .swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 1rem; }
  .gallery-home .gallery-home-slider .swiper .swiper-button-next, .gallery-home .gallery-home-slider .swiper .swiper-button-prev {
    width: 20px;
    height: 20px;
    background-color: #c13f4e;
    border-radius: 50%;
    padding: 8px;
    /*
                svg {
                    width: 10px !important;

                    @media (min-width: 992px) {
                        width: 12px !important;
                    }
                }*/ }
    @media (min-width: 992px) {
      .gallery-home .gallery-home-slider .swiper .swiper-button-next, .gallery-home .gallery-home-slider .swiper .swiper-button-prev {
        width: 35px;
        height: 35px; } }
    .gallery-home .gallery-home-slider .swiper .swiper-button-next:after, .gallery-home .gallery-home-slider .swiper .swiper-button-prev:after {
      display: none; }
  .gallery-home .gallery-home-slider .swiper .swiper-button-next {
    left: 1.3rem;
    transform: translateX(-50%); }
  .gallery-home .gallery-home-slider .swiper .swiper-button-prev {
    right: 1.1rem;
    transform: translateX(50%); }

/*@import "Home/products";*/
.main-content {
  background-color: #F9F9F9; }
  .main-content .title h1 {
    display: flex;
    justify-content: start;
    font-size: 1.5rem; }
  .main-content .paragraph {
    background-color: #dedede;
    border-radius: 1rem; }
    @media (min-width: 1024px) {
      .main-content .paragraph {
        border-radius: 50px; } }
    .main-content .paragraph .paragraph-title h1, .main-content .paragraph .paragraph-title p {
      text-align: center; }
    .main-content .paragraph .paragraph-title h1 {
      color: #434343;
      font-weight: 800;
      font-size: 1.2rem; }
      @media (min-width: 1024px) {
        .main-content .paragraph .paragraph-title h1 {
          font-size: 2rem; } }
    .main-content .paragraph .paragraph-title p {
      color: #434343;
      font-size: 1.1rem;
      font-weight: 800; }
      @media (min-width: 1024px) {
        .main-content .paragraph .paragraph-title p {
          font-size: 1.5rem; } }
    .main-content .paragraph .paragraph-text {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-align: center;
      line-height: 2rem; }
    .main-content .paragraph .icon {
      width: 40px;
      height: 80px;
      top: 0;
      left: 50%;
      transform: translate(-50%, -65%);
      background: #C13F4E;
      border-radius: 10px; }
  .main-content .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #707070;
    font-size: 1.1rem; }
  .main-content .modal .modal-dialog .modal-content .modal-header .close {
    margin: 0;
    padding: 0; }

@media (max-width: 768px) {
  .paragraph .MCScroll .mCSB_scrollTools {
    display: none !important; } 
.main-content .paragraph .icon {
      width: 30px;
      height: 50px;
      top: 0;
      left: 50%;
      transform: translate(-50%, -65%);
      background: #C13F4E;
      border-radius: 10px; }
}

.articles .main-title .line-left {
  width: 25%;
  height: 1px;
  background: #C4C4C4;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

  @media (min-width: 1024px) {
    .articles .main-title .line-left {
      width: 40%;
      left: 0;
      top: 50%;
      transform: translateY(-50%); } }
  .articles .main-title .line-left:after {
    content: "";
    width: 50%;
    height: 10px;
    background: #D9D9D9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%); }
    @media (min-width: 1024px) {
      .articles .main-title .line-left:after {
        width: 60px;
        height: 15px; } }

.articles .main-title .line-right {
  width: 25%;
  height: 1px;
  background: #C4C4C4;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 1024px) {
    .articles .main-title .line-right {
      width: 40%;
      right: 0;
      top: 50%; } }
  .articles .main-title .line-right:after {
    content: "";
    width: 50%;
    height: 10px;
    background: #D9D9D9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media (min-width: 1024px) {
      .articles .main-title .line-right:after {
        width: 60px;
        height: 15px; } }

.articles .main-title a {
  color: #000; }

.articles .main-title strong {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  font-weight: bold;
  color: #434343; }
  @media (min-width: 1024px) {
    .articles .main-title strong {
      font-size: 1.5rem; } }

.articles .box {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-radius: 1.5rem;
  transition: 0.5s; }
  .articles .box:hover {
    transform: translateY(-0.5rem);
    transition: 0.5s; }
  .articles .box .image {
    position: relative; }
  .articles .box .box-content {
    position: relative; }
    .articles .box .box-content .title {
      font-size: 1.3rem;
      font-weight: bold; }
      .articles .box .box-content .title a {
        color: #434343;
        transition: color 0.3s ease-in-out; }
        .articles .box .box-content .title a:hover {
          color: #145B9C; }
    .articles .box .box-content .paragraph {
      font-size: 0.9rem;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 83px; }
      @media (min-width: 768px) {
        .articles .box .box-content .paragraph {
          min-height: 90px; } }
      .articles .box .box-content .paragraph p {
        line-height: 2; }
    .articles .box .box-content .show-all {
      position: relative; }
      .articles .box .box-content .show-all .btn-show-all {
        font-size: 0.9rem;
        border-bottom: 1px solid #C13F4E;
        color: #C13F4E; }

.form-home-root .form-box-tell {
  color: #434343; }
  .form-home-root .form-box-tell p {
    font-size: 0.8rem;
    font-weight: 800; }
  .form-home-root .form-box-tell div.d-flex {
    border-radius: 1rem; }
  .form-home-root .form-box-tell a, .form-home-root .form-box-tell span {
    color: #7A7A7A;
    font-size: 1rem;
    font-weight: 800; }
    .form-home-root .form-box-tell a span, .form-home-root .form-box-tell span span {
      color: #7A7A7A;
      font-size: 1rem;
      font-weight: 800; }

.form-home-root .form-box .form-row .form-group label {
  display: block; }

.form-home-root .form-box .form-row .form-group input, .form-home-root .form-box .form-row .form-group textarea {
  border: 1px solid #C4C4C4;
  border-radius: 0.8rem;
  width: 100%; }

.form-home-root .form-box .form-row .form-group input::placeholder {
  color: #CCCACA;
  font-size: 0.75rem; }

.form-home-root .form-box .form-row .form-group textarea {
  width: 100%;
  border: 1px solid #C4C4C4;
  border-radius: 0.8rem;
  color: #CCCACA;
  font-size: 0.75rem; }

.brand-section .brands {
  box-shadow: 0 0 7px 1px rgba(128, 128, 128, 0.17); }

.brand-section .brands-mobile .swiper-button-next, .brand-section .brands-mobile .swiper-button-prev {
  color: #000; }
  .brand-section .brands-mobile .swiper-button-next:after, .brand-section .brands-mobile .swiper-button-prev:after {
    font-size: 1rem; }

@media (max-width: 375px) {
.top-image .swiper .swiper-slide .content-slider .title-slider {
        font-size: 0.5rem;
        font-weight: 800;
        line-height: 1.3rem;
        letter-spacing: 0.5px;
        margin-bottom: 0;
        padding-top: 0;
    }
	.top-image .swiper .swiper-slide .content-slider {
    right: 0;
    top: 1rem;
    color: #000;
    padding-top: 0.8rem;
    padding-right: 1.5rem;
    width: 65%;
}
}