.product_info {
    max-width: 100vw;
    width: 100%;
    height: auto;
/*     overflow: hidden; */
    margin-top: 5rem;
  }
  .breadcrumb_product_info {
padding-top: 1.4rem;
    width: 86.5rem;
    margin: 0 auto;
	  margin-bottom:1.5rem;
  }
  .breadcrumb_product_info > a,
  .breadcrumb_product_info > span {
    color: var(--greyscaletext-80-primary, #262626);
    text-align: justify;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.05rem */
  }
  .breadcrumb_product_info > a {
    opacity: 0.5;
    margin-right: 0.44rem;
    text-transform: uppercase;
  }
  .container_product_info {
   width: 100%;
    max-width: 86.5rem;
    display: flex;
    margin: 0 auto;
    /* padding: 1.5rem 7.5rem; */
    justify-content: space-between;
	  margin-bottom :1.5rem;
  }
  .product_info_images {
    width: 50%;
    height: 35rem;
  }
  .product_info_text {
    width: 50%;
  }
  .product_info_images {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
  }
  .mySwiperMainProduct {
    width: 85%;
    height: 35rem;
  }
  .mySwiperThumbProduct {
    width: 15%;
    height: 35rem;
    overflow: hidden;
    margin-right: 0.81rem !important;
  }
  
  .plusImageTextProduct {
    position: absolute;
    z-index: 2;
    bottom: 6%;
    left: 5%;
    width: fit-content;
    height: fit-content;
    color: var(--greyscaletext-80-primary, #262626);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.8rem */
	  background-color: #ccccccc9;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
  }
.plusImageTextProduct svg {
	transform: rotate(-90deg);
}
/* .swiper-button-disabled {
	display:none;
} */
  .mySwiperThumbProduct .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
  }
  
  .mySwiperThumbProduct .swiper-wrapper .swiper-slide {
    opacity: 0.4;
  }
  .mySwiperThumbProduct .swiper-wrapper .swiper-slide-thumb-active {
    opacity: 1;
  }
  .btnLeft_slide_PII,
  .btnRight_slide_PII {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffffb8;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    cursor: pointer;
	 transform:scale(2);
	  opacity:0;
	  transition:0.5s ease-in-out;
  }
.plusImageTextProduct {
	opacity:0 ;
	transition:0.5s ease-in-out;
}
.plusImageTextProduct:hover {
	opacity:1;
}
.mySwiperThumbProduct:hover + .plusImageTextProduct {
		opacity:1;
	transition:0.5s ease-in-out;
}
.product_info_images:hover .btnLeft_slide_PII, .product_info_images:hover .btnRight_slide_PII {
    transform: scale(1);
    opacity: 1;
    transition: 0.5s ease-in-out;
}
  .btnLeft_slide_PII {
    left: 20%;
    top: 50%;
  }
  .btnRight_slide_PII {
    right: 5%;
    top: 50%;
  }
  /* Product Info Text */
  .product_info_text {
    display: flex;
    flex-direction: column;
    padding-left: 2.27rem;
    width: 40.5625rem;
  }
  .titlePIT {
    display: flex;
    align-items: center;
  }
  .titlePIT > span {
    color: var(--greyscaletext-80-primary, #262626);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.5rem */
    display: block;
    margin-right: 0.75rem;
  }
  .btnFollowPIT {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.875rem 0.25rem 0.625rem;
    background: rgba(1, 81, 33, 0.1);
    backdrop-filter: blur(3px);
    border-radius: 99rem;
    cursor: pointer;
    transition: 0.3s ease-in;
    margin-bottom: 0.5rem;
  }
  .btnFollowPIT:hover {
    background-color: #015121;
    transition: 0.3s ease-in;
  }
  .btnFollowPIT:hover > span {
    color: white;
    transition: 0.3s ease-in;
  }
  .btnFollowPIT:hover > svg path {
    stroke: white;
    transition: 0.3s ease-in;
  }
  .btnFollowPIT > svg {
    width: 0.5625rem;
    height: 0.5625rem;
    margin-right: 0.25rem;
  }
  .btnFollowPIT > span {
    color: var(--Foundation-Green-Normal, var(--Library-Title, #015121));
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 0.9rem */
  }
  .nameProductPIT {
    overflow: hidden;
    color: var(--Mu-text, #0c482f);
    width: 32.375rem;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.1rem */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.5rem;
  }
  .startRatePIT {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
  }
  .startRatePIT > svg {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.25rem;
  }
  .startRatePIT .RatePITStar {
    color: var(--mu-thng-cam, #ff6b00);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.05rem */
    margin-right: 0.5rem;
  }
  .startRatePIT .RatetextPIT {
    color: var(--greyscaletext-40-tag, #6a6a6a);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 1.05rem */
  }
  .descPIT {
    color: var(--greyscaletext-50, #454545);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1.25rem;
  }
  .dowloadPIT {
    width: 100%;
    background-color: #015121;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    cursor: pointer;
  }
  .dowloadPIT > span {
    color: var(--greyscaletext-0, #fff);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 128.6%; /* 1.286rem */
    display: block;
    margin-right: 0.25rem;
  }
  .dowloadPIT > svg {
    width: 1rem;
    height: 1rem;
  }
  .listInformationPIT {
    margin-top: 1.63rem;
  }
  .itemListInformationPIT {
    display: flex;
    flex-direction: column;
    width: 100%;
  
    border-radius: 0.25rem;
    cursor: pointer;
  }
  .titleInformationPIT {
    display: flex;
    justify-content: space-between;
    padding: 0.94rem 1rem;
  }
  .titleInformationPIT > span {
    color: var(--greyscaletext-90, #1d1d1d);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 1.6875rem */
  }
  .titleInformationPIT .iconTitleInformation {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
  }
  .titleInformationPIT .iconTitleInformation .plusIconPIT {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
  }
  .titleInformationPIT .iconTitleInformation .MinusIconPIT {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
  }
  .lineItemPIT {
    display: block;
    width: 100%;
    height: 1px;
    background: #b6d4c2;
    align-self: center;
  }
  .contentItemInforPIT {
    height: 0;
    padding: 0 1rem;
    overflow: hidden;
    transition: 0.5s ease-in-out;
  }
  .contentItemInforPIT,
  .contentItemInforPIT > span,
  .contentItemInforPIT > p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .contentItemInforPIT > strong {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-right: 0.38rem;
    display: inline-block;
    margin-bottom: 0.44rem;
  }
  .contentItemInforPIT table,
  .contentItemInforPIT td,
  .contentItemInforPIT th {
    border: 1px solid #ddd;
    text-align: center;
  }
  .expanded {
    padding: 0.94rem 1rem;
    transition: 0.5s ease-in-out;
  }
  .product_info_bullet_slide {
    width: 20rem !important;
    position: absolute;
    bottom: -5% !important;
    left: 16% !important;
    z-index: 4;
  }
  
  .product_info_bullet_slide .swiper-pagination-bullet {
    background-color: #ccc !important;
    width: 2rem !important;
    height: 0.25rem !important;
    border-radius: 0 !important;
  }
  .product_info_bullet_slide .swiper-pagination-bullet-active {
    background-color: #262626 !important;
    width: 2rem !important;
    height: 0.25rem !important;
    border-radius: 0 !important;
  }
  @media (max-width: 768px) {
	  .product_info {
		  margin-top:3rem;
	  }
	  .breadcrumb_product_info {
		  width:100%;
	  }
	  .nameProductPIT {
		  width:100%;
	  }
    .breadcrumb_product_info {
      padding: 0rem 1rem;
      padding-top: 1.5rem;
    }
    .container_product_info {
      padding: 1.5rem 1rem;
      flex-direction: column;
    }
    .product_info_images {
      width: 100%;
      flex-direction: column;
    }
    .mySwiperThumbProduct {
      width: 100%;
      height: 3.5rem;
    }
    .mySwiperMainProduct {
      width: 100%;
      height: auto;
      margin-bottom: 1rem;
    }
    .btnLeft_slide_PII,
    .btnRight_slide_PII {
      width: 2.5rem;
      height: 2.5rem;
    }
    .btnLeft_slide_PII {
      left: 6%;
      top: 29%;
    }
    .btnRight_slide_PII {
      right: 6%;
      top: 29%;
    }
    .plusImageTextProduct {
      bottom: 4%;
      left: 88%;
      font-size: 1rem;
    }
    .product_info_images {
      height: fit-content;
    }
    .product_info_text {
      width: 100%;
      padding-top: 2rem;
      padding-left: 0;
    }
  }
  /*styles Popup*/
  .popUpDownLoad {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    background: #b0ccc28c;
    z-index: 999;
    top: 0;
    left: 0;
    backdrop-filter: blur(10px);
    justify-content: flex-end;
    display: flex;
    transform: translateX(120%);
    transition:0.5s ease-in-out ;
  }
  .openpopup{
    transform: translateX(0);
    transition:0.5s ease-in-out ;
  }
  .contentPopupDownload {
    width: 60%;
    height: 100%;
    border-radius: 2.625rem 0rem 0rem 2.625rem;
    background-color: white;
    position: relative;
    padding: 2.25rem 1.81rem;
  }
  .closePopupDowload svg {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 5%;
    top: 3%;
    cursor: pointer;
  }
  .titlePopupDownload {
    color: var(--Colors-Primary-Black, #000);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .formatFilePopup {
    display: flex;
    margin-top: 2rem;
    flex-wrap: wrap;
    cursor: pointer;
  }
  .itemFormatFilePopup {
    display: flex;
    border: 1px solid #aaa;
    width: fit-content;
    border-radius: 99rem;
    padding: 0.25rem 1.5rem;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
  }

  .itemFormatFilePopup.active {
      background-color: #D5E5E0;
  }
  .inforItemFormatFP {
    display: flex;
    flex-direction: column;
  }
  .contentFileDownload {
    background-color: #e7e7e7;
    margin-top: 1rem;
    height: 60%;
  }
  .contentFileDownload {
    padding: 1rem;
    border-radius: 0.5rem;
  }
  .titleContentFilesDownload {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .titleContentFilesDownload > span {
    color: var(--Colors-Primary-Black, #000);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }
  .tickAllitemFileDownload {
    display: flex;
    align-items: center;
    width: 27%;
  }
  .tickAllitemFileDownload > span {
    color: var(--Colors-Primary-Black, #000);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .tickAllitemFileDownload input {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
  }
  .tickAllitemFileDownload input:checked {
    accent-color: #015121;
  }
  .itemDownLoadInList {
    background: white;
    width: 98%;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
  .leftItemDownload > input {
    width: 1rem;
    height: 1rem;
    margin-right: 1.5rem;
    accent-color: #015121;
  }
  .inforItemDownload {
    display: flex;
    flex-direction: column;
  }
  .inforItemDownload > span:first-child {
    color: #008435;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 0.25rem;
  }
  .leftItemDownload {
    display: flex;
    align-items: center;
  }
  .inforItemDownload > span:nth-child(2) {
    color: var(--Colors-Primary-Black, #000);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-bottom: 0.25rem;
  }
  .tagsItemDownload {
    display: flex;
    flex-wrap: wrap;
  }
  .tagsItemDownload span {
    color: #008435;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.25rem 1rem;
    background-color: #b0ccc2;
    width: fit-content;
    border-radius: 99rem;
    margin-right: 0.5rem;
  }
  .link3dItemDownload svg {
    transition: 1s ease-in-out;
  }
  .link3dItemDownload:hover {
    transform: rotate3d(1, 1, 1, 360deg);
    transition: 1s ease-in-out;
  }
  
  .inforItemFormatFP {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0.5rem 0;
	margin-left:0.5rem;
  }
  .inforItemFormatFP span:last-child {
    color: #aaa;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .containerBtnPopup {
    display: flex;
    align-self: center;
    justify-content: space-between;
    margin-top: 1rem;
  }
  .containerBtnPopup span {
    display: block;
    width: 50%;
    color: #8d8d8d;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .containerBtnPopup button:last-child {
    justify-content: center;
    background-color: #016027;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    color: white;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .containerBtnPopup button:first-child {
    color: var(--Colors-Primary-Black, #000);
    text-align: center;
    font-size: 1rem;
    margin-right: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .btnsCloseandDownload svg {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
  }
  .btnsCloseandDownload {
    display: flex;
    align-items: center;
  }
  .listItemDownload  {
    height: 90%;
    overflow-y: scroll;
  }
  .listItemDownload::-webkit-scrollbar {
    width: 12px; 
  }
  
  .listItemDownload::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 99rem; 
  }
  
  .listItemDownload::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 99rem !important; 
  
  }
  
  /* Custom scrollbar for Firefox */
  .listItemDownload {
    scrollbar-width: thin;
  }
  .itemDownLoadInList:hover{
    background-color: #D5E5E0;
  }
  .checkedBackground {
    background-color: #D5E5E0;
  }
  @media (max-width:768px){
    .contentPopupDownload {
      width: 100%;
      border-radius: 0;
      padding: 1.5rem 1rem;
    }
    .titlePopupDownload{
      font-size: 1.5rem;
      width: 60%;
      display: block;
    }
    .formatFilePopup{
      justify-content: space-around;
    }
    .containerBtnPopup {
      flex-direction: column-reverse;
    }
    .containerBtnPopup span {
      width: 100%;
    }
    .btnsCloseandDownload {
      justify-content: space-between;
      width: 100%;
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .popUpDownLoad{
      height: fit-content;
      overflow-y: scroll;
    }
    .contentPopupDownload{
      height: 100vh;
      overflow-y: scroll;
    }
  }