/*******************Slider***********************/
.InnerSlider {
  top: 30%;
  right: 14%;
  margin-top: -1rem;
}

.SwipperSliderHome .swiper-pagination-bullet {
  background-color: var(--coolblue);
  /* padding: 0.08rem 0.9rem; */
  border-radius: 0.5rem;
}

.SwipperSliderHome .swiper-pagination-bullet-active {
  background-color: var(--coolperpul);
}

.ButtonLinkProduct {
  border-radius: var(--b-radius);
}

.ArrowButton {
  bottom: 2rem;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
  /* right: 12%; */
  top: 50%;
  transform: translateY(-50%);
  padding: 0 1rem;
}

.ButtonSlider {

  border-radius: var(--b-radius);
  font-size: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.1rem;
  opacity: 0.5;

}

.ButtonSlider svg {
  width: 1.5rem;


}
@media(min-width:431px){
  .SliderMeta{
    gap:1rem;
  }
}
@media(max-width:430px){
  .SliderMeta{
    gap:0;
  }
}
/***************************Item Story******************************/
.story-wrapper {
  z-index: -1;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.story-wrapper.active {
  position: fixed;
  z-index: 222222;
  width: 100vw;
  right: 0;
  left: 0;
  background: rgba(215, 215, 215, 0.8);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  top:0;

}

.story-wrapper.active .Story {
  max-width: 40vw;
  max-height: 90vh;
}



.autoplay-progress .progress {
  height: 0.2em;
  background: var(--custom-color10);
}

.story-thumbs .swiper-slide {
  border-radius: 50%;
  cursor: pointer;
}

.ImgThumbnail {
  border-radius: 10rem;
  padding: 0.2rem;
  border: 0.1rem solid #FF3737;
  /* width: 5rem; */
  height: auto;
}

.overfllow-hidden {
  overflow: hidden;
}

.story-thumbs p {
  text-align-last: center !important;
}

/******************latest news*******************/
.BoxArticle {
  border: 0.1rem solid var(--grey);
  border-radius: 0.8rem;
  overflow: hidden;
}

.BoxArticle svg {
  width: 1rem;
  height: auto;
}

.ItemTitleNews::after {
  display: block;
  border-bottom: 0.1rem solid var(--accent-color);
  width: 93%;
  height: auto;
  position: absolute;
  content: '';
  margin: 1rem auto 0 auto;
  text-align: center;
}

.ItemTitleRight,
.ItemTitleLeft {
  z-index: 1;
}

/***********************Item Options**********************/

.over-hidden {
  overflow: hidden;
}

.wraper_history>.box_history:nth-of-type(even) {
  flex-direction: row-reverse;
}

.wraper_history>.box_history:nth-of-type(even) .reverse {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.wraper_history>.box_history:nth-of-type(even) .revirse_title {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.box_history .line {
  width: 0.1rem;
  height: 100%;
  background-color: var(--grey);
  position: relative;
}

.box_history .line::after {
  position: absolute;
  top: 50%;
  left: -0.5rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: white;
  border: 1px solid var(--grey);
  content: "";
  transform: translateY(-50%);
}

.box_history .line::before {
  width: 1rem;
  height: 0.1rem;
  background-color: var(--grey);
  position: absolute;
  top: 50%;
  left: -1.5rem;
  content: "";
  transform: translateY(-50%);
}

.wraper_history>.box_history:nth-of-type(even) .line::before {
  left: 0.5rem;
}

.summary_txt {
  text-align: justify;
  line-height: 2.5;
}

.h-custom {
  height: 218px;
  overflow: auto;
}

/*************************Faq Page***************************/
.primary-accordion {
  border-top: 0.1rem solid var(--accent-color);
  border-bottom: 0.1rem solid var(--accent-color);
  margin: 2rem 0;
}

.primary-accordion.ItemFaq {
  border: none !important;
}

.primary-accordion .item {
  position: relative;
  transition: all ease-in-out 300ms;
  padding: 0 1em;
  cursor: pointer;
}

.primary-accordion .item strong {
  cursor: pointer;
}


.ItemFaq.primary-accordion .answer p {
  margin: 0;
}



.primary-accordion .answer.hideanswer {
  max-height: 0;
  transition: all ease-in-out 0.3s;
  border: none;
}

.primary-accordion .item:has(+ .answer:not(.hideanswer)):after {
  transform: rotate(225deg);

}


.primary-accordion .item::after {
  transition: all ease-in-out 300ms;
  position: absolute;
  content: " ";
  transform: rotate(45deg);
  border: 0.2rem solid var(--accent-color);
  border-left: 0.2rem solid transparent;
  border-top: 0.2rem solid transparent;
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  left: 0.5em;
  top: 0.5em;
  cursor: pointer;

}

.Faq-CategoryName strong {
  font-weight: normal;
  font-size: 1rem;
}

.Faq-Category ul{
  list-style: none;
}
.Faq-CategoryWrapper li.node.level_0{
filter: grayscale();
}
.Faq-CategoryWrapper li.node.level_0.active{
filter: none;
}

.Faq-CategoryWrapper li.node.level_0 img{
  height:6.2rem;
  width: auto;
}
.primary-accordion.ItemFaq {
  border: none !important;
}


.primary-accordion .item strong {
  cursor: pointer;
}

.primary-accordion .answer {
  max-height: 50rem;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
  border: 0.1rem solid var(--grey);
  border-radius: 0 0 var(--b-radius) var(--b-radius);
  border-top: 0;
}

.ItemFaq.primary-accordion .answer.hideanswe p {
  border: none
}

.ItemFaq.primary-accordion .answer p {
  margin: 0 2rem;
  padding: 1rem 0;
  border-top: 0.1rem solid var(--grey);
}

.ItemFaq.primary-accordion .item {
  border: 0.1rem solid var(--grey);
  border-radius: var(--b-radius);
  transition: all ease-in-out 300ms;
  cursor: pointer;
}

.ItemFaq.primary-accordion .item.active {
  border-bottom: none;
  border-radius: var(--b-radius) var(--b-radius) 0 0
}

.primary-accordion .item:has(+ .answer:not(.hideanswer)):after {
  transform: rotate(225deg);

}


.primary-accordion .item::after {
  transition: all ease-in-out 300ms;
  position: absolute;
  content: " ";
  transform: rotate(45deg);
  border: 0.2rem solid var(--accent-color);
  border-left: 0.2rem solid transparent;
  border-top: 0.2rem solid transparent;
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  left: 2rem;
  top: 35%;
  cursor: pointer;
}

.Faq-CategoryName strong {
  font-weight: normal;
  font-size: 1rem;
}

/************************Search*************************/
.search_input .input {
  display: flex;
  position:relative;
}
.search_input .input::after{
  content:'';
  display:block;
  width:0.1rem;
  position:absolute;
  border-right:0.1rem solid var(--grey);
  right: 8%;
  bottom:15%;
  height:65%
}
.search_input .input input {
  width: 100%;
  height: 3rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.5rem;
  text-align: right;
  padding: 0 3rem;
}

.search_input  {
  position:relative;
}


.ItemSearchFaq .do_search{
  position:absolute;
  right:0;
  top:0;
  bottom: 0;
  background-color: transparent;
  background-image:url(/Portals/0/search-icon.png);
  background-repeat: no-repeat;
  background-position: 60% 50%;
  color:transparent;
}
.search_input .input input::after{
    border-left:0.1rem solid var(--grey);
    content:'';
    position:absolute;
    width:0.1rem;
    height:100%;
    right: 0;
}
#dnn_ctr3497_ViewEasyDNNNewsSearch_pnlSimpleSearch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;

}
/***********************News**************************/
.ItemMetaDetail{
  gap:5rem
}
.ListContents{
  border-radius:var(--b-radius);
}
.BoxDescArticle{
  background:rgba(0,0,0,0.7);
  right:0;
  bottom:0;
  left: 0;
}
.BoxLastNews{
  border-radius: var(--b-radius);
  overflow: hidden;
  margin: 0 -0.7rem;
}
.BoxDescArticle svg{
  width:1rem;
}
#SidebarListNews {
  border:0.1rem solid var(--grey);
  padding:0 0.5rem;
  border-radius:var(--b-radius);
}
#SidebarListNews ul{
  list-style:none;
  margin:0;
}
#SidebarListNews h4{
  border-bottom:0.1rem solid var(--grey);
  
}
.ItemCategoryNews {
  position:relative;
}
.ItemCategoryNews::after{
  display:block;
  content:'';
  position:absolute;
  left:0.5rem;
  width:0.4rem;
  height:0.4rem;
  border:0.1rem solid var(--grey);
  top:35%;
  transform:rotate(45deg);
  border-right:none;
  border-top:none;
}
.ItemMetaDetail svg{
  width:0.7rem;
}
.BoxImgNews img{
  border-radius: var(--b-radius);
}
@media (max-width:768px){
  .ArrowButton{
    bottom: 1rem;
  }
  .InnerSlider{
    top:20%;
  }
}
/**********************comments**********************/
.FormCommentNews{
  border-radius: var(--b-radius);
  overflow: hidden;
}
.FormCommentNews input{
  border: 0.1rem solid var(--grey);
  border-radius: var(--b-radius);
  line-height:2.5rem;
}
.FormCommentNews textarea{
    border: 0.1rem solid var(--grey);
  border-radius: var(--b-radius);
}
.FormCommentNews .edNews__commentsSubmitComment{
  background-color:var(--coolperpul);
  color:var(--white);
  padding:0.5rem 2rem;
  display:block;
  margin-top:1rem;
  border-radius:var(--b-radius);
  text-align:center;
  cursor: pointer;
}
.TitleCommentsBlog{
  border-bottom:0.1rem solid var(--grey);
}
.TitleCommentsBlog svg{
  width:1.2rem;
}
@media (max-width:430px){
  .story-wrapper.active .Story{
    max-width: 90vw;
    max-height: auto;
  }
}
.box_card_offer_nabiarticle{
border: 1px solid var(--grey);
}
.box_card_offer_nabiarticle:hover .btn_read_product {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
}
.btn_read_product{
  transition: all 0.4s 0.2s;
    width: 70%;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}
.box_card_offer_nabiarticle:hover .btn_read_product {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
}
.PurchaseGuid img{
  width: 100%;
}
@media (max-width:430px){
  .ItemMetaDetail{
    gap:2rem;
  }
  .Faq-CategoryWrapper li.node.level_0 img{
    width:auto;
    height: 3rem;
  }
  .Faq-CategoryName strong{
    font-size: 0.75rem;
  }
  .Faq-CategoryWrapper li.node.level_0.active strong{
    font-weight: bold;
  }
}
.box_card_offer_nabi {
  border: 1px solid var(--grey);
  border-radius: var(--b-radius);
}
@media(min-width:767px){
  .ImgThumbnail {

    /* width: 6rem; */

  }
}

.story-wrapper .swiper-wrapper {
  justify-content: center;
}