body{
  font-family: 'Roboto', sans-serif;
}
.s-content strong {

  font-weight: 600;

}

.s-content a {

  color: #1d559f;

}

.s-content em {

  font-style: italic;

}

.s-content .aligncenter {

  display: block;

  text-align: center;

  margin: auto;

}

.s-content .alignright {

  display: block;

  text-align: right;

  margin-left: auto;

}

.s-content .alignleft {

  display: block;

  text-align: left;

  margin-right: auto;

}

.s-content ol {

  list-style: decimal;

  margin-left: 15px;

  margin-bottom: 10px;

}



.s-content ul {

  list-style: initial;

  margin-left: 15px;

  margin-bottom: 10px;

}



.s-content li {

  list-style: inherit;

  margin-bottom: 5px;

}



.s-content p {

  margin-bottom: 10px;

}



.s-content img {

  display: block;

  max-width: 100%;

  margin: 10px auto;

  width: auto !important;

  object-fit: contain;

  height: auto !important;

}



.s-content table,

.s-content iframe {

  max-width: 100%;

  width: 100%;

}



.s-content table {

  border-collapse: collapse;

  width: 100%;

  border: solid 1px #0000006e;

}



.s-content table td {

  border-collapse: collapse;

  border: solid 1px #0000006e;

  padding: 3px;

}



.s-content h1,

.s-content h2,

.s-content h3,

.s-content h4,

.s-content h5,

.s-content h6 {

  display: block;

  margin-left: 0;

  margin-right: 0;

  font-weight: bold;

}



.s-content h1 {

  font-size: 2em;

  margin-top: 0.67em;

  margin-bottom: 0.67em;

}



.s-content h2 {

  font-size: 1.5em;

  margin-top: 0.3em;

  margin-bottom: 0.3em;

}



.s-content h3 {

  font-size: 1.17em;

  margin-top: 0.5em;

  margin-bottom: 0.5em;

}



.s-content h4 {

  font-size: 1em;

  margin-top: 0.6em;

  margin-bottom: 0.6em;

}



.s-content h5 {

  font-size: 0.83em;

  margin-top: 0.8em;

  margin-bottom: 0.8em;

}



.s-content h6 {

  font-size: 0.67em;

  margin-top: 0.8em;

  margin-bottom: 0.8em;

}



.swiper-container {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

}



.swiper-slide {

    background-size: cover;

    background-position: center;

}





.gallery-top {

    border: 1px solid #b3b3b3;

    margin-bottom: 10px;

}

.gallery-top .swiper-slide a{

  display: block;

  padding: 20px;

}

.gallery-top .swiper-slide img{

    max-height: 500px;

    object-fit: contain;

}





.gallery-thumbs {

    box-sizing: border-box;

    padding: 10px 0;

}



.gallery-thumbs .swiper-slide {

    width: 25%;

    height: 100%;

    border: 1px solid #b3b3b3;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    display: block;

}

.gallery-thumbs .swiper-slide .img{

  padding: 5px;

  display: block;

}



.gallery-thumbs .swiper-slide img{

    max-width: 100%;

    height: 100px;

    object-fit: contain;

}



.gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

.detail_product .title{

  font-size: 30px;

  font-weight: 900;

  color: #0d7036;

}

.price strong{

  font-size: 24px;

  font-weight: 900;

  margin-right: 10px;

  color: #0d7036;

}

.product{

  padding-top: 50px;

  padding-bottom: 50px;

}

.title_all{

  font-size: 30px;

  color: #25aade;

}

.nav_tab_custom .nav-link{

  color: #000;

  font-size: 20px;

  padding: 10px 15px;

  /* margin-right: 30px; */
  position: relative;

}
.nav_tab_custom .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #0d7036;
  transition: width 0.3s ease;
}

.nav_tab_custom .nav-link:hover::after,
.nav_tab_custom .nav-link.active::after,
.nav_tab_custom .show>.nav-link::after {
  width: 100%;
}

.nav_tab_custom .nav-link.active, .nav_tab_custom .show>.nav-link{

  color: #0d7036;

  background-color: #fff;

}
.tab-content > .active {
  padding: 1rem;
  border-radius:0.75rem;
  background: #EDF4F2;
}

strong{

  font-weight: 900;

}

.overlay_pro {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #00000052;

    transform: scale(0);

    transition: all .3s;

    opacity: 0;

    visibility: hidden;

    color: rgb(255 255 255) !important;

    font-size: 40px;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.gallery-top .swiper-slide:hover .overlay_pro {

    transform: scale(1);

    opacity: 1;

    visibility: visible;

    transition: .3s;

}

@media all and (max-width: 1200px){

  .gallery-top .swiper-slide img{

    max-height: 400px;

  }

  

}

@media all and (max-width: 576px){

  .gallery-top .swiper-slide img{

    max-height: 300px;

  }

  .gallery-thumbs .swiper-slide img{

    height: 60px;

  }
  .nav_tab_custom .nav-link{

    font-size: 18px;
    padding: 8px 10px;

  }

}

@font-face {
  font-family: "Roboto";

  src: url("../fonts/Roboto-SemiBold.ttf") format("truetype");

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Roboto";

  src: url("../fonts/Roboto-Medium.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Roboto";

  src: url("../fonts/Roboto-Regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Roboto";

  src: url("../fonts/Roboto-Bold.ttf") format("truetype");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}