.breadcrumbs-box{
  a{
    color: var(--Black) !important;
  }
  .separator{
    color: var(--Black) !important;
  }
}
.ProductDetail{
  .ImgBox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0.5rem;
    grid-row-gap:0.5rem;
    border-radius: var(--b-radius);
    overflow: hidden;
        list-style:none;
        .DetailImg:nth-child(1) { grid-area: 1 / 1 / 3 / 3; }
    }
    .BtnOtherImg{
      left:1.5rem;
      bottom:0.5rem;
      border-radius: calc(var(--b-radius) * 2);
    }
    .OtherImg {
      top:-100%;
      right:0;
      left:0;
      height: 100%;
      transition:all 0.9s ease-in;
      width: 100%;
      height: 100vh;
      transform: translateY(-100%);
      z-index: 99999;
      
      bottom: 0;
      
      .InnerOtherImg{
        border-radius: var(--b-radius);
        img{
          border-radius: var(--b-radius);
        }
      }
     
  }
  .PerPrice{
    border-radius: var(--b-radius);
  }
  .TitleProduct{
    border-bottom: 0.1rem solid var(--Silver);
  }
  .TopDetailTour{
    border-radius: var(--b-radius);
    .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{
      left: 0;
      
    }
  }

  
  
  svg{
    width: 1rem;
    height: 1rem;
  }
  .SideDetail{
    border-radius: var(--b-radius);
    box-shadow:var(--box-shadow);
    .addToBasket {
      border: 0.15rem solid var(--Hcolor) !important;
      outline: unset !important;
      border-radius: var(--b-radius);
    }
    .InnerSidebar{
      p{
        margin: 0;
        padding: 0;
      }
      .input-group{
        display: flex;
        align-items: center;
        input{
          line-height: 2rem!important;
          border: 0.1rem solid var(--Silver);
          height: unset!important;
          display: inline-flex;
          border-radius: var(--b-radius);
          text-align: center !important;
          width: 5rem;
        }
        span{
          display: inline-flex;
          line-height: 2rem;
          button{
            border: unset !important;
            background: unset;
            font-size: 1.5rem;
          
            color:var(--accent-color3);
          }
        }
        
      }
     
    }
  }
  


}
.HeaderDetailVisa{
  transform:translateY(-5.5rem);
	background-image:url('/portals/0/bg-crumb.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
	width: 100%;
	z-index:0;
	padding-top:4rem;
	padding-bottom:4rem;
  .InnerHeader{
    transform:translateY(6rem);
	   box-shadow: var(--box-shadow);      
	border-radius: var(--b-radius);
	width:67vw;
  }
}
.BoxSummaryProduct{
  p{
    margin: 0;
  }
}
.AboutTour {
  list-style: none;
  li:not(:last-child){
  border-bottom: 0.1rem solid var(--Lsilver);
  }
  li{
    padding:1rem 0;
    .item{
      cursor: pointer;
      padding:0.5rem 0;
    }
    .answer{
      border-bottom: 0.1rem solid var(--Silver);
      
      p{
        margin: 0;
        line-height: 2rem;
      }
    }
  }
 
  
}
.DocumentTour{
  .ValueIcon{
    border-radius: 100%;
    svg{
      width: 1.42rem;
      height:1.42rem;
    }
  }
}
.ServiceTour{
  span{
    &::before{
      content:"";
      width:0.4rem;
      height: 0.4rem;
      background-color:var(--Black);
      border-radius: 100%;
      position: absolute;
      right: 0;
      top: 1rem;
    }
  }
}
.FaqDetail{
  .item{
    position: relative;
    &::after{
      background-image:url("/Portals/0/faq-arrow.svg");
      background-repeat: no-repeat;
      background-size:contain;
      width:1.5rem;
      height: 1.5rem;
      content:"";
      position: absolute;
      left: 0;
    }
  }
}