/*============================================================================
   #Webcms
==============================================================================*/
@media (min-width:1921px) {
  .container-ilaby{
    max-width:1920px;
    margin-left: auto;
    margin-right: auto;
  }
}


/***********************************pop up ****************************************8*/



.vn-madal {
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.vn-pup-content {
  padding:16px;
}



.vn-img-pup img {
  width:100%;
}


.vn-pup-product {
  position:relative;
  height:auto;
}

.vn-close-pup {
  position:absolute;
  top:0px;
  right:0px;
  background-color: #ccc;
  cursor: pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  width: 30px;
  height: 30px;
}


.vn-value-img-pup {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.vn-value-img-pup img {
  width:100%;
  height:100%;
  object-fit: cover;
}

.vn-value-img-pup.active {
   border: 2px solid #00BCC2;
}

.mySlidesindex img {
  width:100%;
  height:auto;
}

.button-pup .vn-button-checkout{
  width:100%;
  height: 42px;
}

.vn-pup-product .vn-product-information{
  margin-top: 20px;
  padding: 20px;
  height: 200px;
  overflow-y: scroll;
}

.vn-product-information::-webkit-scrollbar-track {
  background: #E9E9E9
}

.vn-product-information::-webkit-scrollbar {
  width: 4px;
}

.vn-product-information::-webkit-scrollbar-thumb {
  background: #C6C6C6;
}



.vn-pup-product .vn-product-information .vn-content-information {
  height: 62%;
}


.modal-dialog-centered {
  display: block !important;
  padding-top: 150px;
  align-items: center;
  min-height: subtract(100%, $modal-dialog-margin * 2);
}

@media (min-width: 992px){
.modal-dialog{
    width: 968px !important;
  }
}

/***********************************and pop up*******************************************/
@media (max-width:769px) {
  .modal-dialog-centered {
  display: flex;
  align-items: flex-end !important;

}

.modal-dialog-centered {
  display: flex !important;
  padding-top: 0px;
  align-items: center;
  min-height: subtract(100%, $modal-dialog-margin * 2);
}
  
  .vn-madal {
    width: 100%;
    height: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  .vn-pup-content {
    padding:16px;
    height: 580px;
    overflow-y: scroll;
  }
}

.col-6-vn1 {
  width:50% !important;
  padding:5px;
}


.vn-banner {
  position: relative;
  /*background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
  background-size: cover;
  height: auto ;
  display:flex;
  /*padding: 0 20px;*/
}
 
.vn-left-banner {
  background: linear-gradient( 180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);
  width: 10%;
  height: 100%;
}

.vn-reight-banner {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.vn-reight-banner img {
  object-fit: cover;
  width:100%;
  height:100%;
}

.vn-planes {
  position: absolute;
  bottom: 0px;
  right: 0px;
    width: 36%;
    height: 89%;
}

.vn-planes img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vn-text-banner {
  position: absolute;
  top: 16%  ;
  left: 46%;
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 66px;
  text-transform: uppercase;
  color: #804652;
}

.vn-small-text {
  font-size: 38px;
  font-weight: 400;
  color: #804652;
}

.vn-big-text1 {
  padding-top: 10px;
  font-size: 58px;
  font-family:  Alfa Slab One;
  font-weight: 400;
  line-height: 66px;
  text-transform: initial;
}

.vn-text-end {
  padding-top: 20px;
  /*font-family: "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 33px;
  line-height: 38px;
  color: #804652;
  text-transform: initial;
  display:flex;
      align-items: center;
}

.vn-slide-banner {
  overflow:hidden;
  position: absolute;
  bottom: 20px;
  width: 100%;
}


@media( min-width:1022px){
  .vn-slide-banner .swiper-wrapper{
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      margin-left: 1%;
      display: flex;
      transition-property: transform;
      box-sizing: content-box;
      justify-content: center !important;
  }
  
  
  
}

.vn-slide-banner .slick-slider{
    padding: 0 11px ;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.vn-small-banner .slick-slide {
  margin: 0px 9px !important;
  width: 462px;
}

.vn-small-banner .slick-list {
  margin: 0 -10px !important;
   height: 238px !important;
}

.vn-small-baner-content {
  width: 100% !important;
  /*max-height: 238px !important;*/
  height:auto;
    
  border: 2px solid #FFFFFF;
  overflow: hidden;
}



      /*.vn-small-baner-content.swiper-slide {*/
      /*  width: 30% !important;*/
      /*}*/

      /*.vn-small-baner-content.swiper-slide:nth-child(2n) {*/
      /*  width: 30% !important;*/
      /*}*/
      
      /*.vn-small-baner-content.swiper-slide:nth-child(3n) {*/
      /*  width: 30%!important;*/
      /*}*/

      /*.vn-small-baner-content.swiper-slide:nth-child(4n) {*/
      /*  width: 30% !important;*/
      /*}*/

@media(min-width:1022px){
  .vn-small-baner-content {
  width: 100% !important;
  border-radius: 8px;
  /*max-height: 238px !important;*/
  height:auto;
  border: 2px solid #FFFFFF;
  overflow: hidden;
  }
}

.vn-small-baner-content img {
 width: 100% !important;
  height: 100% !important;
  background-size: cover;
  /*border: 2px solid #FFFFFF;*/
  /*object-fit: contain;*/
  box-sizing: border-box;
  overflow: hidden;
}

.vn-line {
  border-bottom: 1px solid #804652;
    width: 30px;
   
    margin-right: 10px;
}

.vn-slide-index-mobile .row,
.vn-container31 .row{
  --bs-gutter-x: 0.25rem;
}

.vn-slide-index-mobile .col-6,
.vn-container31 .col-6{
  padding: 0 3px;
}

.vn-mobile-baner-content {
  width:100%;
 height:238px;
}

.vn-mobile-baner-content img {
  width: 100% !important;
  height: 100% !important;
  /*object-fit: cover;*/
}

@media only screen and (min-width: 769px){
  .vn-banner-mobiles {
    display: none;
  }
}

@media (max-width: 769px){
  .vn-banner {
    display: none;
  }
  
  .vn-slide-banner {
    position:relative;
    bottom:0px;
  }
}

p {
  margin: 0;
}

/*.col-2dot4,  small*/
/*.col-sm-2dot4, small*/
/*.col-md-2dot4, */
/*.col-lg-2dot4, */
/*.col-xl-2dot4 { */
/*    position: relative;*/
/*    width: 100%;*/
/*    min-height: 1px;*/
/*    padding-right: 15px;*/
/*    padding-left: 15px;*/
/*}*/
.col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
@media (min-width: 540px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}
@media (min-width: 720px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 960px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding:0 8px !important;
  }
}
@media (min-width: 1140px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.vn-value-commitment-title {
  font-size: 24px;
  font-weight: 700;
  /*text-shadow: 4px -1px 0.2em #fff, -4px 1px 0.2em #fff, 0px 2px 0.2em #fff;*/
  text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
  text-transform: uppercase;
  letter-spacing: -2px;
}

.bg-dich-vu {
  height: auto;
  background-size: cover; 
  background-repeat: round;
}

.vn-value-commitment1 {
  /*font-family: "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 20px 10px;
  text-align: center;
}

.vn-value-commitment-text {
  /*margin-top: 6px;*/
  display: block;
  font-size: 16px;
  font-weight: 500;
}

.vn-commitment {
  background: #FFFFFF;
  /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);*/
  display: flex;
  justify-content:space-around;
  height: 80px;
  align-items: center;
  padding: 0px 180px;
}

@media (max-width: 768px) {
  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
    display: grid;
    grid-template-columns: auto auto;
    height: auto;
    padding: 0px 10px;
  }

  .vn-mid1 {
    display: none;
  }

  .vn-value-commitment1 {
    /*font-family:  "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    padding: 4px 10px;
    text-align: center;
    max-width:100%;
    box-sizing: border-box;
  }
}

@media (max-width: 1025px) {
  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content:space-around;
    height: 124px;
    align-items: center;
    padding: 0px 10px;
  }
}

.vn-mid2{
  display: none;
  border-bottom: 1px solid #B8B8B8;
  padding: 0 0px;
  margin-right: 0px;
  width: 100%;
  opacity: 0.6;
}

@media (max-width: 426px) {
  .vn-commitment{
    display: block;
    padding: 0px 9px;
  }
  
  .vn-mid2 {
    display: block;
  }
  
  .vn-value-commitment1 span,
  .vn-value-commitment-title {
    font-size: 12px;
  }
  
  /*.vn-value-commitment1 {*/
  /*  padding: 13px 0 !important;*/
  /*}*/
  .vn-value-commitment-title {
    letter-spacing: -1px;
  }
}

.vn-sale-ofday {
  padding: 0px 3px;
  position: relative;
  background: #F7F7F7;
  height: auto;
  background-size: cover;
  background-repeat: round;
}

.vn-sale-ofday34 {
  padding: 0px 8px;
  position: relative;
  background: #F7F7F7;
  height: auto;
  background-size: cover;
  background-repeat: round;
}

.vn-bgr {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
}

.bgr-img-pc {
  display: block;
}

.bgr-img-mb {
  display: none;
}

.total-flash-sale {
  display: block;
  width: 100%;
  height: 14px;
  background: #f0f0f0;
  border-radius: 30px;
}

.text-buyed {
  background: red;
  border-radius: 30px;
  color: red;
  height: 14px;
  line-height: 14px;
  text-align: center;
}

.nav-count-buyed {
  position: absolute;
  width: 100%;
  font-size: 11px;
  line-height: 14px;
  color: #000;
}

@media (max-width: 768px) {
  .vn-sale-ofday34 {
    padding: 0px 4px;
    position: relative;
    background: #F7F7F7;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .bgr-img-pc {
    display: none;
  }
  
  .bgr-img-mb {
    display: block;
  }
}

.vn-name-sale {
  margin-top:8px;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  /*padding-bottom: 14px;*/
}

.vn-name-sale1 {
  padding-top: 20px;
  display:flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  /*padding-bottom: 14px;*/
  left: -13px;
  top:0px;
  /*position: absolute;*/
}

.vn-name-sale1 img {
  height: 60px;
  width: 130px;
}

.vn-slide-index1 {
  overflow-x: hidden;
  /*margin-top: 15px;*/
  padding-top: 15px;
}

.vn-slide-index {
  margin-top: 25px;
  overflow-x: hidden;
}

.tvh-product-img img {
	width: 100%;
}

.tvh-pro-evaluate .tvh-pro-star-icon .fa,
.tvh-pro-evaluate .tvh-pro-star-icon .far {
	color: #FFBF1A;
}

.tvh-product-price{
  font-weight: bold;
}

.tvh-product-price .tvh-price_default {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
}

.vn-sale {
  z-index:99;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(/ILABY/Rectangle\ 71.png);
  width: 49px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vn-sale1 {
   z-index:9999999;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 34px;
  background-color:rgba(255,212,36,.9);
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vn-sale1 p {
  font-weight: 600;
  font-size:14px;
}

.vn-sale p {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 8px;
  
}



.vn-mid{
  border-right: 2px solid #B8B8B8;
  padding: 0 10px;
  margin-right: 22px;
  height: 16px;

}

.vn-mid1{
  border-right: 1px solid #B8B8B8;
  padding: 0 0px;
  margin-right: 0px;
  height: 30px;
}



.vn-next {
  margin-top: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin-bottom: 10px;*/
}


.vn-big-category {
  position: relative;
}

.vn-big-category img {
  width: 100%;
}

.vn-text-category {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 201px;
  background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
  opacity: 0.6;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.vn-content-r {
  text-align: center;
  margin-bottom: 10px;
}

.vn-category-name {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 800;
  font-size: 17px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}


.vn-category-sl {
  color: #FFFFFF;
}

.vn-category-sl span {
  color: #FFCB07;
}

.vn-small-category {
  position: relative;
  height: 300px;
  height: 292px;
  margin-bottom: 12px;
}

.vn-small-category img {
  width: 100%;
  height: 100%; 
  object-fit: cover ;
}

.asd {
  height: 604px;
}


.vn-name-category {
  margin-top: 30px;
  /*font-family: "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 34px;
  line-height: 32px;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}

.vn-product {
  position: relative;
}

.vn-background {
  position: relative;
  background-size: cover;
  background-repeat: round;

}

.vn-bgr-left {
  position:absolute;
  bottom: -50px;
}

.vn-bgr-left img {
  width: 100%;
}

.vn-bgr-reight {
  position: absolute;
  right: 0px;
  top: -111px;
}

.vn-prd-index {
  width: 20%;
}


.vn-padding {
  padding: 0 50px;
}

@media only screen and (max-width: 1025px){
  .vn-padding {
    padding: 0 20px;
  }

}

@media only screen and (min-width: 1025px){
  .vn-bot {
    border-bottom: 1px solid #C4C4C4;
  }
  .vn-bd-top {
    /*margin-top: 20px;*/
    border-top: 1px solid #C4C4C4;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1023px){ 
    .vn-bd-top {
    border-top: 0;
    /*padding-top: 10px;*/
  }
}


.vn-logo {
  text-align: center;
  padding: 10px 0;
}

.vn-text-logo {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 34px;
  line-height: 32px;
  text-align: center;
  color: #000000;
}

.vn-collection {
  height:auto;
  max-height: 470px;
  width: 100%;
}

.vn-collection img {
  height: 100%;
  width: 100%;
}

.vn-button-collection {
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.vn-button-collection button{
 border-radius: 2px;
 background: #00BCC2;
 text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  /*font-family: "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 32px;
  border: none;
  outline: none;
  margin-left: 10px;
  width: 200px;
  height: 53px;
}

.vn-top {
  margin-top: 20px;
  margin-bottom: 20px;
}

.vn-forlow {
  max-height: 470px;
  height:auto;
  width: 100%;
}

.vn-forlow img {
  height: 100%;
  width: 100%;
}

.vn-button-forlow {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.vn-button-forlow button{
 border-radius: 2px;
 background: #FFCB07;
 text-align: center;
 /*font-family: "SF Pro Display",sans-serif;*/
 font-style: normal;
 font-weight: 600;
 font-size: 16px;
 line-height: 32px;
 text-align: center;
 text-transform: uppercase;
 border: none;
 color: #000000;
  width: 272px;
  height: 53px;
  margin-left: 10px;
}

.vn-name-ct a{
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  color: #000000;
}

.vn-name-category-index {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}


/*.vn-link-sp  {*/
/*  padding-top: 22px; */
/*}*/

.vn-link-sp a {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  text-align: right;
  text-decoration-line: underline;
  color: #00BCC2;
  }
.vn-link-sp a:hover {
  color: #00BCC2;
}

.vn-back-ground {
  background-size: cover;
  text-align: center;
  /*margin-top: 30px;*/
  height: auto;
  background: #00BCC2;
  position: relative;
}

.vn-bay{
  position: absolute;
  right: 100px;
  top: 30px;
}

.vn-tit {
 padding-top: 30px;
  display: flex;
  justify-content: center;
}

.vn-title-ps {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 34px;
  text-transform: uppercase;  
  color: #FFFFFF;
}

.vn-conten {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.vn-content-ps {

  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  width: 82%;
}






.vn-slide-kh {
  padding-top: 30px;
}


.vn-slide-coment {
  padding: 20px;
  background: #FFFFFF;
  display: flex;
  min-height: 360px;

}

.vn-content-left {
  width: 55%;
  text-align: initial;
  padding: 10px;
}




.vn-content-right {
  display: flex;
  height:auto;
  max-height:300px;
  width:45%;
  align-items: center;
}

.vn-content-right img{
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius: 5px;
}

.vn-text-comment {
  padding-top: 20px;
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  }

.vn-name-people {
  padding-top: 20px;
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  color: #000000;
  height: 58px;
  padding-bottom: 4px; 
}


.vn-name-people span {
  font-weight: 600;
}


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 13px !important;
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  display: inline-block;
  border-radius: 50% !important;
  background: #FFFFFF!important;
  opacity: .2;
}




.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
  color: #fff;
}


.vn-next-slide {
  position: absolute;
  right: 0px;
  top: 0px%;
  height: 100%;
  display: flex;
  width: 13%;
  color: #fff;
  z-index: 1011;
  top: 0px;
  align-items: center;
  background: linear-gradient(
270deg
, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.3;
  justify-content: flex-end;
}

.swiper-slide.swiper-slide-active .vn-next-slide {
  display:none;
}

.vn-parameter {
  height: 644px;
  background-size: cover;
}

.vn-context {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  color: #000000;
}

.vn-small-context {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: #323232;
  padding: 10px 0 14px 0;
}


.vn-padding-1 {
  padding: 0 250px;
}
.vn-ctext {
  width: 44%;
  padding-top: 60px
}

.vn-box-parameter {
  width: 65%;
}

.vn-box-ct {
  position: relative;
  padding: 20px 30px;
  height: 130px;
  background: #ffffff;
  margin-top: 23px;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.02);
}

.vn-line-left{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 30px;
  width: 30px;
  border-left: 1px solid #FFCB07;
  border-bottom: 1px solid #FFCB07;
}

.vn-box-ct p {
  /*font-family: "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 800;
  font-size: 38px;
  line-height: 26px;
  color: #00BCC2;
}

.vn-box-ct p sup{
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
  color: #00BCC2;
}

.vn-box-ct .vn-sm-ct{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding-left: 4px;
  line-height: 26px;
  color: #000000;
}

.vn-link-page {
 position: relative;
 height:100%;
}

.vn-opcyti {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 144px;
  background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
  opacity: 0.6;
  padding-bottom: 15px;
}

.vn-opcyti p {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 800;
  font-size: 17px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  
}

.vn-link-page img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}

.vn-bgr-bot {
  display:flex;
  align-items: flex-end;
}


.vn-bgr-bot img {
  width:100%;
  height:auto;
  max-height: 436px;
}

.vntop {
  margin-top: 30px;
}

.vn-cauchuyen {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 34px;
   text-transform: uppercase;
  color: #000000;
  padding-bottom: 10px;
  /*padding-left: 30px;*/
}

.vn-ct-cauchuyen {
  background-size: cover;
  width: 100%;
  background-color: #00BCC2;
  padding: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #FFFFFF;
  min-height: 338px;
}


@media (max-width:991px) {
    .vn-ct-cauchuyen {
    width: 100%;
    background-color: #00BCC2;
    padding: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
    min-height: 265px;
  }
  
  .vntop .col-12,
  .tvh-container {
    padding: 0 4px;
  }
}

.vn-ct-cauchuyen .vn-signatures {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 27px;
  color: #FFFFFF;
  font-weight: 700;
  padding-top: 20px;
  font-family: Dancing Script !important;
}


.vn-ceo {
  font-weight: 400;
  font-size: 20px;
}

.vn-flex-end {
  display: flex;
  align-items: flex-end;
  height: 100%;
}

@media (max-width: 768px) {
  #vn-flex-end {
    display:none;
  }
}

@media only screen and (max-width:1023px) {
  /*.vn-bgr-bot {*/
  /*  display:none;*/
  /*}*/
}

.vn-registration-member {
  text-align: center;
}

.vn-title-member {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 34px;
  text-align: center;
  color: #000000;
}

.vn-conten-member {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #323232;
  padding: 20px 254px;
}

.vn-registration-member button {
  background: #FFCB07;
  border-radius: 3px;
  width: 294px;
  height: 58px;
  border: none;
  outline: none;
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 40px;
}

.vn-blog-id {
  width: 100%;
  /*height: 55%;*/
}


.vn-blog-id img {
  width: 100%;
  height:100%;
  object-fit: cover;
  
}

.vn-banner-mobiles2 a {
  color:#444;
}

.vn-blog-content .vn-title-blog {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

p.vn-t {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vn-blog-content .vn-time-blog {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323232;
  /*padding: 10px 0;*/
}

.vn-blog-content .vn-time-blog span {
  font-size: 16px;
  font-weight: 500;
  color: #BCBCBC;
}

.vn-blog-content .vn-text-blog {
  /*font-family:  "SF Pro Display",sans-serif;*/
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #323232;
}

.vn-slide-index-mobile {
  display: none;
}

.vn-link-ctgry {
  text-align: center;
  color: #000000;
}

.vn-link-ctgry p a{
  color: #000000;
}

.vn-container1 {
  padding: 0 19px;
}

.vn-container2 {
  display: flex;
  justify-content: center;
}

.vn-container3 {
  padding: 0 250px;
}



@media ( max-width:1025px ){
  .vn-container3 {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 426px){
  .vn-collection {
    max-height: 176px;
  }

  .vn-button-collection button {
    width: 120px;
    height: 35px;
    font-weight: 800;
    font-size: 11px;
    line-height: 32px;
  }

  .vn-forlow{
    height: 176px;
  }

  .vn-button-forlow button{
    width: 186px;
    height: 35px;
    font-weight: 800;
    font-size: 11px;
    line-height: 32px;
  }
}


@media only screen and (max-width: 769px){
  /*.vn-button-collection button {*/
  /*  margin-bottom: 30px;*/
  /*}*/

  .vn-name-category-index {
    display: flex;
    justify-content: center;
    margin-bottom: 11px;
  }

  .vn-link-sp {
    display: none;
  }

}

@media only screen and (min-width: 769px){

  .vn-link-ctgry {
    display: none;
  }
}

.vn-tp {
  margin-top: 30px;
}




/***************************************************new update**************************************************************************/



.vn-value-commitment1 strong {
  color: #00BCC2;
}

@media ( max-width:1025px ){
  /*.vn-banner {*/
  /*  height:500px;*/
  /*}*/
  /*.vn-small-baner-content {*/
  /*  width: 100% !important;*/
  /*  height: 150px !important;*/
  /*}*/
  
}


@media ( max-width:769px ){
  .vn-slide-index {
    display:none;
  }
  .vn-slide-index-mobile {
    display: block;
  }
  .vn-sale-ofday {
    height: auto;
  }
  .vn-name-sale {
    font-size: 23px;
    margin-top: 17px;
  }
}

@media ( max-width:325px ){
  .tvh-product-action .tvh-btn-add {
    padding: 3px;
    /*width: 137px;*/
    font-size: 13px;
  }
  
  .tvh-product-action .tvh-btn-order {
    color: #FFBF1A;
    padding: 2px 10px 3px;
    font-weight: 400;
    background-color: #fff;
    border: 2px solid #FFBF1A;
    font-size: 12px;
  }
}
/************************************************************************************************************************************************/

.vn1-col-5 {
  width: 50% ;
  padding: 0 5px;
}
.vn-row {
  width: 100%;
  display: flex;
}

.vn-col-lv1 {
  width: 50%;
  padding: 20px 0;
}

.vn-col-lv12 {
  width: 50%;
  padding: 10px 0;
  height: 605px;
}


.vn-col-4 {
  width: 33%;
  padding: 0 7px;
  max-height: 599px;
  height:auto;
}

.vn-height {
  height: 49%;
}

.vn-slide-kh {
  padding: 10px 15px 30px 15px;
  
}


.vn-big-category img {
  width: 100%;
  height: 100%;
}

.vn-big-category {
  position: relative;
  height: 100%;
}

/*.vn-zezo-banner {*/
/*  background-size: cover;*/
/*  background-color: #C4C4C4;*/
/*  width: 100%;*/
/*  height: 604px;*/
  
/*}*/

.vn-zezo-banner {
  width: 100%;
  height: 100%;
  background-repeat: round;
}

@media ( max-width:1025px ){
  .vn-col-4 {
    width: 33%;
    padding: 0px 4px;
    max-height: 371px;
    height:auto;
  }

  .vn-text-category {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 50%;
    background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
    opacity: 0.6;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .vn-height {
    height: 49%;
  }
  .vn-small-category {
    position: relative;
    height: 300px;
    height: 49%;
    margin-bottom: 8px;
}
  .vn-container1 {
    padding: 0 15px;
  }
}

@media(max-width:425px) {
  .vn-container1 {
    padding: 0 5px;
  }
}


.vn-mobile-category {
  height:410px;
  margin-bottom: 10px;
}

.vn-mobile-category2{
  height: 300px;
}

.vn-big-cgr-mb{
  position: relative;
}


.vn-big-cgr-mb2{
  margin-top:10px;
  position: relative;
  width:100%;
}


.vn-big-cgr-mb2 img{
  height:100%;
  width:100%;
  object-fit:cover;
}



.vn-parameter {
  margin-top: 50px;
  height: 644px;
  background-size: cover;
  background-position-x: 85%;
}



.vn-text-mobile-category {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 50%;
  background: linear-gradient( 
359.17deg
, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
  opacity: 0.6;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.vn-big-cgr-mb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 540px;
}

@media ( max-width:1025px ){
  .vn-content-left {
    width: 100%;
    text-align: initial;
    padding: 10px;
  }

  .vn-box-parameter {
    width: 74%;
}
  .vn-content-right {
    display: flex;
    align-items: center;
    width: 300px;
  }

  .vn-content-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

  .vn-conten {
    padding-top: 20px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  .vn-next-slide {
    position: absolute;
    right: 0px;
    top: -48%;
    height: 100%;
    display: flex;
    width: 13%;
    color: #fff;
    z-index: 1011;
    top: 0px;
    align-items: center;
    background: linear-gradient( 
270deg
 , #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.3;
    justify-content: flex-end;
}

}

/*.vn-banner-mobiles2 {*/
/*  padding: 0 30px;*/
/*}*/

.vn-banner-mobile2 .slick-slide {
  margin: 0 10px !important;
}

.vn-banner-mobile2 .slick-list {
  margin: 0 -10px !important;
}

@media ( max-width:993px ){
    .vn-box-parameter {
      width: 100%;
  }
  
    .vn-title-member {
    /* font-family: "SF Pro Display",sans-serif; */
    font-style: normal;
    font-weight: normal;
    font-size: 26x;
    line-height: 34px;
    text-align: left;
    color: #000000;
  }
  
  .vn-cauchuyen {
    /* font-family: "SF Pro Display",sans-serif; */
    padding-top: 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 34px;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align:center;
}
  
  
  .vn-parameter {
    height:auto;
  }
  
  .vn-box-ct .vn-sm-ct {
    padding-top: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    padding-left: 4px;
    line-height: 20px;
    color: #000000;
  }
  
  .vn-box-ct {
    position: relative;
    padding: 17px;
    height: 101px;
    background: #ffffff;
    margin-top: 16px;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 2%);
}
}


@media ( max-width:769px ){
  .vn-pc-category {
    display: none;
  }

  .vn-content-right img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }

  .vn-box-parameter {
      width: 100%;
  }

  .vn-ctext {
    width: 100%;
    padding-top: 30px;
  }

  .vn-parameter {
    margin-top: 30px;
    height: auto;
    background-size: cover;
    background-position-x: 0%;

  }
  .vn-next3 {
    margin-bottom: 0px;
    display: block;
    margin-top: 10px;
  }

  .vn-back-ground {
    text-align: center;
    /*margin-top: 30px;*/
    height: auto;
    background: #00BCC2;
    position: relative;
  }

  .vn-slide-coment {
    padding: 0px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #FFFFFF;
    display: flex;
    height: auto;
    flex-direction: column-reverse;
  } 

  .vn-next-slide{
    display: none;
  }

  .vn-content-right {
    display: flex;
    align-items: center;
    width: 100%;
    max-height:800px;
    text-align: center;
    justify-content: center;
  }

  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
  }
}

.tvh-point {
  position:unset;
}

.tvh-point .swiper-pagination-bullet {
  background-color:#00BCC2 !important;
}

@media ( max-width:429px ){
  .vn-content-ps {
    /*font-family:  "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    padding: 10px;
  }
  
  .vn-css-toi .tvh-product-price {
    height:40px;
  }
  
  .vn-mobile-baner-content {
    height:185px;
  }
  .vn-conten {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
  
  }

  .vn-tit {
    padding-top: 24px;
    display: flex;
    justify-content: center;
  }

  .vn-title-ps {
    /*font-family: "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    color: #FFFFFF;
  }
}

@media ( max-width:426px ){
  .vn-content-ps {
    /*font-family: "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    padding: 10px;
  }
  
  .vn-conten {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
  
  }

  .vn-tit {
    padding-top: 24px;
    display: flex;
    justify-content: center;
  }

  .vn-title-ps {
    /*font-family:  "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 34px;
    text-transform: uppercase;
    color: #FFFFFF;
  }
}

.vn-h {
  width:100%;
  margin-top: 15px;
}
.vn-mobile {
  margin-top:20px;
}

@media ( min-width:769px ){
  .vn-mobile{
    display: none;
  }
}


@media(max-width:1440px) {
  .vn-col-4 {
    width: 33%;
    padding: 0 5px;
    max-height: 450px;
    height:auto;
  }
  
  .vn-link-page {
    position: relative;
    height: 100%;
  }
  
  .vn-small-category {
    position: relative;
    margin-bottom: 9px;
  }
  
  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 2%);
    display: flex;
    justify-content: space-around;
    height: 124px;
    align-items: center;
    padding: 0px 60px;
  }
  
  .vn-banner {
    position: relative;
    /*background: linear-gradient(180deg , #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
    background-size: cover;
    /*height: 580px;*/
    display: flex;
  }
}

@media(max-width:1367px) {
  .vn-col-4 {
    width: 33%;
    padding: 0 5px;
    max-height: 427px;
    height:auto;
  }
  
  .vn-small-category {
    position: relative;
    margin-bottom: 8px;
  }
  
  .vn-text-category {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 85px;
    background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
    opacity: 0.6;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  
  .vn-banner {
    position: relative;
    /*background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
    background-size: cover;
    /*height: 512px;*/
    display:flex;
  }

  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 2%);
    display: flex;
    justify-content: space-around;
    height: 97px;
    align-items: center;
    padding: 0px 72px;
  }
  
  .vn-link-page {
    position: relative;
    height: 100%;
  }
}

@media(max-width:1025px){
  .vn-conten-member {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    padding: 20px 10px;
  }
  
  .vn-link-page {
    position: relative;
    height: 100%;
  }
  
  .vn-opcyti p {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  
  .vn-col-4 {
    width: 33%;
    padding:0px 3px;
    max-height: 319px;
    height:auto;
  }
  
  .vn-small-category {
    position: relative;
    margin-bottom: 7px;
  }
  
  .vn-category-name {
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  
  .vn-banner {
    position: relative;
    /*background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
    background-size: cover;
    display:flex;
  } 
  
  .vn-text-banner {
    position: absolute;
    top: 16%  ;
    left: 46%;
    /*font-family:  "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 66px;
    text-transform: uppercase;
    color: #804652;
  }
  
  .vn-small-text {
    font-size: 38px;
    font-weight: 400;
    color: #804652;
  }
  
  .vn-big-text1 {
    padding-top: 0px;
    font-size: 46px;
    font-family:  Alfa Slab One;
    font-weight: 400;
    line-height: 66px;
    text-transform: initial;
  }
  
  .vn-text-end {
    padding-top: 1px;
    /* font-family: "SF Pro Display",sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 38px;
    color: #804652;
    text-transform: initial;
    display: flex;
    align-items: center;
  }
  
  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 2%);
    display: flex;
    justify-content: space-around;
    height: 97px;
    align-items: center;
    padding: 0px 6px;
  }
}

@media ( max-width:769px ){
  .vn-mobile-category {
    height: 230px;
    margin-bottom: 10px;
  }

  .vn-mobile-category2{
    height: 167px;
  }

  .vn-big-cgr-mb{
    position: relative;
    max-height: 540px;
  }
  
  .vn-big-cgr-mb2 {
    max-height: 359px;
  }

  .vn-link-page {
    position: relative;
    height: 100%;
    margin-top: 12px;
  }
}

@media(max-width:769px){
  .vn-conten-member {
      /*font-family:  "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #323232;
    padding: 20px 10px;
  }
  
  .vn-pc-hident1 {
    display:none;
  }
  
  .vn-slide-coment {
    justify-content: flex-end;
    padding: 0px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #FFFFFF;
    display: flex;
    height: auto;
    flex-direction: column-reverse;
    margin-left: 2px;
    min-height: 548px;
}

  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
    display: grid;
    grid-template-columns: auto auto;
    height: auto;
    padding: 0px 10px;
  }

  .vn-mid1 {
    display: none;
  }

  .vn-value-commitment1 {
    /*font-family:  "SF Pro Display",sans-serif;*/
    font-style: normal;
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
    max-width:100%;
    box-sizing: border-box;
  }
}

@media ( max-width:766px ){
  .vn-commitment {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
    display: block;
    height: auto;
    padding: 0px 0px;
  }
}

@media ( max-width:426px ){
  .vn-big-cgr-mb {
    position: relative;
    height: 364px;
  }
  
  /*.vn-big-cgr-mb2 {*/
  /*  height: 170px;*/
  /*}*/
  
  .vn-mid2 {
    display: block;
  }
}

@media ( max-width:375px ){
  .vn-big-cgr-mb {
    position: relative;
    /*height: 320px;*/
  }
  
  /*.vn-big-cgr-mb2 {*/
  /*  height: 162px;*/
  /*}*/
}

.swiper-pagination-bullet-active {
  width: 26px !important;
  height: 10px !important;
  display: inline-block;
  border-radius: 5px !important;
  background-color: #FFFFFF!important;
  opacity: .2;
}

.vn-blog-index1 {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}


.vn-log {
  width:100%;
  height:100%;
  padding:15px;
}

.vn-log2 {
 max-width: 345px;
  height:100%;
  padding:5px;
}

.vn-relative {
  position:relative;
  height:auto;
}


@media(max-width:769px) {
  .vn-blog-index1 {
    display: flex;
    flex-flow: column;
  }
  
  .vn-log2 {
    max-width:100%;
    height: 220px;
    padding: 5px;
  }
  
  .vn-log2:nth-child(4) {
    padding-right: 5px;
  }
  
  .vn-log2:nth-child(1) {
    padding-left: 5px;
  }
}

.vn-banner-mobile2 .slick-slide {
  opacity:0.5;
}

.vn-banner-mobile2 .slick-center {
  opacity:1;
}


@media(max-width:538px) {
  .vn-log2 {
    max-width:100%;
    height: 160px;
    padding: 5px;
  }
}

@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1423px !important;
  }
}

@media (max-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1255px !important;
  }
}

@media (max-width: 992px){
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1130px !important;
  }

  .vn-br{
    display:none;
  }
}

@media (max-width:1200px){
  .vn-name-people {
    padding-top: 6px;
    /* font-family: "SF Pro Display",sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    height: 36px;
    padding-bottom: 4px;
  }
  
  .vn-text-comment {
    padding-top: 10px;
    /* font-family: "SF Pro Display",sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #000000;
    height: 70px;
  }
}

@media (max-width:768px) {
  .vn-text-comment {
    height:auto;
  }
}

.vn-bgr-loader{
  display:none;
  background-color:rgba(0,0,0,0.4);
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:100000;
}

.vn-loadder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader{
  border: 10px solid #444 !important;
  border-radius: 50%;
  border-top: 10px solid !important;
  width: 80px;
  height: 80px;
  color:red !important;
  display:block;
  -webkit-animation: 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 10;
}
 /*Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.vn-nghiem {
  position:relative;
}

.vn-bn-to {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.vn-bn-to img {
  width:100%;
  height:100%;
}


.vn-shopee-ft {
  width:38px;
  height:38px;
  padding-top: 2px;
}

.vn-shopee-ft img{
  width:100%;
  height:100%;
  border-radius: 6px;
  overflow: hidden;
}


.vn-con {
  display:flex;
  justify-content:space-between;
}

.vn-grandchildren1 {
  height:0px;
  overflow:hidden;
  cursor: pointer;
}

.vn-grandchildrenw {
  padding-left:30px!important;
  height:0px;
  overflow:hidden;
  cursor: pointer;
}

.vn-grandchildrenw.active{
  height:auto;
  transition:1.5s;
  /*transform: translate(10px);*/
}


.vn-grandchildren1.active{
  height:auto;
  transition:1.5s;
  /*transform: translate(10px);*/
}

.vn-grandchildren1.active a {
  color: #000;
}

.vn-grandchildren {
  height:0px;
  cursor:pointer;
  overflow:hidden;

}

.vn-sm-item{
  padding-left:50px;
}

.vn-sm-item a{
  color:#000000;
}


.vn-grandchildren.active{
  height:auto;
  transition:1.5s;
}

.button-pup {
margin-top:15px;
}

.vn-opens{
  display:block;
}

.vn-closes{
  display:none;
}

.vn-open-grandchildren.active .vn-closes {
  display:block;
}
.vn-open-grandchildren.active .vn-opens {
  display:none;
}

.vn-opens1{
  display:block;
    transition: all 0.5s;
}

.vn-closes1{
  display:none;
}

.vn-open-grandchildren2 {
  padding-right: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.vn-open-grandchildren1.active .vn-closes1 {
  display:block;
}
.vn-open-grandchildren2.active .vn-opens1 {
  transform: rotate(180deg);
}
.vn-open-grandchildren1.active .vn-opens1 {
  transform: rotate(180deg);
}

.vn-set-time {
  display:flex;
  gap: 5px;
  padding-left: 15px;
}

.vn-time-sale {
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  color:#ffffff;
  border-radius: 5px;
  text-transform: lowercase;
  background-color: #00BCC2;
  font-size:19px;
}

@media(max-width: 425px){
  .vn-time-sale {
    padding: 0 5px;
    font-size: 16px;
  }
}

.vn-flashsale-quality {
  position:relative;
  width:100%;
  height:16px;
  margin-bottom:10px;
  border-radius:8px;
  background-size:cover;
  background-repeat: round;
  overflow:hidden;
  display:flex;
  justify-content:flex-end;
}

.vn-flashsale-quality-number{
  right: 0px;
  position: absolute;
  font-size: 12px;
  top: 0px;
  width: 100%;
  text-align: center;
  color:#FFF;
  height: 100%;
  z-index: 30;
}

.vn-bgr-flsale{
  height:100%;
  /*width:70%;*/
  right: 0px;
  top:0px;
  background: transparent;
  position: absolute;
}

.flash-sale-progress-bar__complement-sizer {
  width:100%;
  background: #fff;
  float: right;
  position: relative;
  height: 20px;
}

.flash-sale-progress-bar__complement-color {
  width:100%;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffbda6;
}

@media(max-width:768px) {
  .vn-bn-to img {
    width: 100%;
    height: 350px;
    object-fit: cover;
  }
  
  .vn-content-ps {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
  }
}

@media(max-width:426px) {
  .vn-bn-to img {
    width: 100%;
    height: 203px;
    object-fit: cover;
  }
  
  .vn-content-right img {
    width: 100%;
    height: 367px;
    object-fit: cover;
  }
  
  .vn-context {
    /* font-family: "SF Pro Display",sans-serif; */
    font-style: normal;
    font-weight: 600;
    font-size: 29px;
    text-transform: uppercase;
    color: #000000;
  }
}
@media(max-width:345px) {
  div#count .tvh-price_default { 
    font-size: 13px !important;
  }
  
  div#count .tvh-price_new {
    font-size: 11px !important;
  }
}

@media(max-width:375px) {
  div#count .tvh-price_default { 
    font-size: 14px;
  }
  
  div#count .tvh-price_new {
    font-size: 12px;
  }
  
  div#count .tvh-btn-add {
    width: auto;
    font-size: 13px;
  }
  
  .vn-bn-to img {
    width:100%;
    height: 189px;
    object-fit: cover;
  }

  .vn-content-right img {
    width: 100%;
    height: 356px;
    object-fit: cover;
  }
  
  .vn-context {
    /* font-family: "SF Pro Display",sans-serif; */
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
    color: #000000;
  }
}


.vn-sale1:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: -4px;
  position: absolute;
  border-color: transparent rgba(255,212,36,.9);
  border-style: solid;
  border-width: 0 20px 4px;
}

#payment_method_bacs {
  display:none;
}

.vn-relative {
  position:relative;
}
.vn-relative:hover .vn-absolute {
  opacity:1;
  transition: 300ms ease-in;
  visibility: visible;

}

.vn-absolute {
  opacity:0;
  visibility: hidden;
  position:absolute;
  bottom:0;
  width:100%;
  transition: 300ms ease-in;
}
.vn-absolute button {
  width:100% !important;
  margin:0 !important;
}


@media(max-width:769px ){
  .vn-absolute{
    display:none;
  }
}

.vn-rettingq {
  font-weight: 600;
  color: yellowgreen;
}

.tvh-menu-product .col-xl-3 {
  padding:0 8px;
}

.page-sale {
  padding:30px 0px;
}

.vn-page-gioithieu img {
  width:100%;
  height:auto;
  object-fit: cover;
  object-position: top;
}

.vn-introduce{
  padding: 30px 0;
}

.vn-content-introduce2 {
  font-family: RocoiLinotte;
 text-align:center;
 line-height: 37px;
  margin-bottom: 20px;
}

.vn-content-introduce2 p {
  /*font-family: RocoiLinotte !important;*/
  text-align:center;
  font-size: 54px;
  font-weight: 900;
  color: #00BCC2;
}

.vn-content-introduce2 span {
  /*font-family: RocoiLinotte !important;*/
  text-align:center;
  font-size: 24px;
  font-weight: 700;
}

.vn-conten-blue {
  width:100%;
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 10px 20px;
}
.vn-content-while {
  width:100%;
  padding: 10px 20px;
}

@media(max-width:769px){
  .vnimg-pc{
    display:none;
  }
}

.vn-qualliti {
  display: flex;
  align-items: center;
  margin-top:10px;
}

.vn-img-color {
  display: flex;
}

.vn-status {
  margin-top: 10px;
}

.vn-select-size {
  margin-top: 10px;
}

.vn-seleect-color {
  margin-top: 7px;
}

.vn-name-product {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 5px;
}

.vn-price {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
}

.vn-status {
  margin-top: 10px;
}

.vn-name-size {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

#text-color, #text-size, #color-productmb, #size-mb, #vn-value-color {
  font-weight: 700;
  color: red;
}

.vn-btn_numberplus button {
  border: 1px solid #f2f2f2;
  background-color: #fff;
  color: #A7A7A7;
  width: 40px;
  height: 35px;
}

.vn-btn_numberplus input {
  border: 1px solid #F2F2F1;
  width: 40px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  outline: none;
}

.vn-btn_numberplus {
  display: flex;
  margin-left: 18px;
  align-items: center;
}

.vn-name-size {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}


select {
  border: none;
  width: 100px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

.sale-name {
  text-align: center;
  padding-top: 10px !important;
  font-weight: 700;
  font-size: 20px;
}

@media(max-width:959px){
  .vn-las:last-child{
    display:none;
  }
}

.page-sale .col-12 {
  margin-bottom:20px;
}

#tvh-option {
  border: 1px solid #444;
  border-radius: 4px;
  outline: none;
}

.tvh-header-mobile-categoriese.btn-toggle-nav.active #down {
  transition: all 0.5s;
  transform:rotate(180deg)
}

.vn-im {
  display:flex;
  justify-content: space-between;
}

.vn-s {
  display:flex;
  align-items: center;
  justify-content:center;
}

.vn-wf {
  width:25%;
  margin-right:20px;
}

@media(max-width:768px){
  .vn-wf {
    width:50%;
  }
}

.vn-mobile-bot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 3000;
  box-shadow: 4px 0 10px rgb(0 0 0 / 15%);
  padding: 0;
}

.vn-bottom-navbar {
  display: none;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 12px;
  flex-wrap: wrap;
}

.vn-bottom-navbar a:hover {
  color: #8a8a8f;
}

.vn-bottom-navbar-item {
  text-align: center;
  font-weight: 500;
  color: #8a8a8f;
  font-size: 11px;
  width: calc(100%/5);
  display: inline-block;
}

.vn-bottom-navbar-item .vn-item-cate-after,
.vn-bottom-navbar-item.active .vn-item-cate-before {
  display:none;
}

.vn-bottom-navbar-item.active .vn-item-cate-after,
.vn-bottom-navbar-item .vn-item-cate-before {
  display:block;
}

.vn-bottom-navbar-item a {
  font-weight: 500;
  color: #8a8a8f;
  font-size: 11px;
}

.vn-bottom-navbar-item.active .vn-item-cate{
  color: #00BCC2;
}

.vn-bottom-navbar-item i {
  font-size: 31px;
}

@media (max-width:768px) {
  .tvh-textHeaderPromotion {
    position:relative;
  }
  
  .tvh-textHeaderPromotion span {
    position:absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #000000;
  }
  
  .tvh-endow-title {
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
  }
  
  .tvh-menu-endow {
    padding: 0 10px;
  }
  
  .tvh-menu-endow .col-6 {
    padding:0 5px;
    margin-bottom:10px;
  }
  
  .tvh-collum {
    border-radius: 10px;
    overflow: hidden;
    /*box-shadow: 0 2px 9px rgb(0 0 0 / 12%);*/
  }
  
  .tvh-collum-text {
    color: #212121;
    text-align: center;
    visibility: hidden;
    opacity: 1;
    height: 0;
  }
}

.vn-overlay-bot {
  display:none;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 64px;
  width: 100%;
  height: calc(100% - 64px);
  z-index: 10;
  background-color:#fff;
  overflow-y: auto;
  overflow-x: hidden;
}

.noscoll {
  overflow:hidden;
}

.tvh-hdCateBlock {
  display: flex;
  height: 48px;
  align-items: center;
  border-bottom: 1px solid #dde1ef;
  padding: 0 15px;
}

.tvh-oneItemsCate {
  margin-right: 20px;
  height: 48px;
  line-height: 48px;
  font-size:14px;
  font-weight:700;
}

.tvh-oneItemsCate.active {
  color: #00BCC2;
  font-weight:700;
  border-bottom: 2px solid #00BCC2;
}

.tvh-menu-container {
  height:100%;
}

.tvh-showOneCate {
  position: relative;
  height: calc(100% - 88px);
  width: 80px;
  overflow-x: hidden;
  overflow-y: auto;
}

.tab-panelss {
	clear: left;
	width: 100%;

}

.tab-panelss .tvh-panel {
	display: flex;
	flex-wrap: wrap;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	/*transform: translate(0, 25px);*/
	/*transition: transform 2.5s ease, opacity 1s ease 0.3s;*/
}

.tab-panelss .tvh-panel.show {
	height: auto;
	opacity: 1;
	/*transform: translate(0, 0);*/
}

.tvh-leftTabChild2 {
  text-align: center;
  display: inline-flex;
  align-items: center;
  height: 80px;
  justify-content: center;
  width: 80px;
  background: #f8f8f8;
  overflow: hidden;
  border-bottom: 1px solid #eef2fe;
  font-size: 14px;
  font-weight: 600;
}

.tvh-leftTabChild2.active {
  background-color: #fff;
  color: #00BCC2;
}

.tvh-rightContentChild3 {
  position: fixed;
  background: #fff;
  top: 94px;
  right: 0;
  width: calc(100% - 80px);
  overflow-x: hidden;
  overflow-y: scroll;
   padding: 15px; 
   display: none; 
  /*max-height: 500px;*/
  /*height: calc(100% - 88px);*/
}

a.tvh-moreLinkChild2 {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
  background: #feeeea;
  font-size: 14px;
  color: #ee4d2d;
  font-weight: 500;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.tvh-rightContentChild3 span {
  font-size:14px;
  color:#000;
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.tvh-rightContentChild3 .col-6 {
  margin-bottom:15px;
}

@media(max-width:768px){
  .vn-bottom-navbar {
    display:flex;
  }
  .logo-pancake {
    margin-bottom: 65px;
  }
}

/*user*/
.tvh-user {
  display: flex;
  align-items: center;
  justify-content: center;
}

.iconCircle {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 100px;
  background-color: #feeeea;
  border-radius: 50%;
}

.linkCircle {
  display: inline-block;
  margin: 0 auto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-top: 18px;
  width: 100%;
}

.avatarUserMobile .linkCircle p {
  text-align: center;
}
    
.avatarUserMobile .linkCircle p a {
  color: #000;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 1px;
}

.avatarUserMobile .linkCircle .span {
  width: 200px;
  height: 24px;
  background: #ee4d2d;
  border-radius: 100px;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
}

.listControlUser ul li a {
  display: inline-flex;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  align-items: center;
  padding: 14px 0;
  position: relative;
}

.tvh-containerUserFont {
  width: 300px;
}

.iconLeftU {
  width: 32px;
  height: 32px;
  background: #feeeea;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  margin-right: 16px;
}

.iconRightU {
  float: right;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.userSignOut {
  text-align: center;
  margin-top: 90px;
  padding-bottom: 90px;
}

.userSignOut a {
  display: inline-block;
  height: 48px;
  width: 100%;
  text-align: center;
  line-height: 48px;
  background: #feeeea;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  color: #ee4d2d;
}

.vn-conten-menu-slide {
  width:100%;
  height:600px;
}

@media(max-width:768px) {
  .tvh-itemsTabMain-content {
    width:100%;
   height:auto
  }
  
  .bannerCategoryTab img {
    width:100%;
    min-height:150px;
    border:2px solid #fff;
    overflow:hidden;
  }
  
  .buyByTypeIcon img {
    object-fit: cover;
    height: 40px;
    width: 40px;
  }
  
  .owl-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 600;
  }
  
  .tvh-owl-stage {
    display: flex;
    flex-wrap: wrap;
  }
  
  .owl-item {
    align-items: center;
    width: calc(50% - 10px);
    margin-right: 5px;
    border: 1px solid #dde1ef;
    background-color: #fff;
    padding: 8px 10px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 9px;
    flex-wrap: wrap;
    margin-left: 5px;
    border-radius: 8px;
  }
  
  a.buyByTypeItems {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
  }
  
  .buyByTypeIcon {
    border-radius: 8px;
    overflow: hidden;
    margin-right:10px;
  }
  
  h5.titleBuyType {
    padding-top: 18px;
    border-top: 8px solid #EAEAEA;
    font-weight: 600;
    font-size: 16px;
    color: #00BCC2;
    margin-bottom: 14px;
    text-transform: uppercase;
    padding-left: 10px;
  }
  
  .itemsTabHot {
    margin:10px;  
  }
  
  .itemsTabHot .titleBuyType {
    font-weight: 600;
    font-size: 16px;
    color: #00BCC2;
    text-transform: uppercase;
  }
  
  .contentPromotionTab {
    padding: 0 5px;
  }
  
  .contentPromotionTab .row {
    --bs-gutter-x: 0.25rem;
  }

  .contentPromotionTab .col-6 {
    padding: 0 3px;
  }
  
  .itemBannerProHome img {
    width:100%;
    /*height:140px;*/
  }
}

.vn-bn-small {
  width: 100%;
  padding:10px;
}


@media(max-width:768px){
  .vn-bn-small {
    position: relative;
    padding:0px;
  }
  
  .img-endow-success img {
    width:35px;
    height:35px;
  }
}

.tab-panelsss {
	clear: left;
	width: 100%;
}

.tab-panelsss .tvh-panell {
	display: flex;
	flex-wrap: wrap;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

.tab-panelsss .tvh-panell.show {
	height: auto;
	opacity: 1;
}

.tvh-sidebar-menu-no-scrollbar {
  padding:10px 0;
}

.tvh--scrollbar.active {
  color:#00BCC2;
  padding-bottom:5px;
  border-bottom:2px solid #00BCC2;
}

.tvh-header-scrollbar {
  display: flex;
  border-bottom:1px solid #eaeaea;
  white-space: nowrap;
  overflow-x: auto;
}

.tvh-header-scrollbar::-webkit-scrollbar {
  display: none;
}

.tvh--scrollbar {
  font-weight:600;
  margin:0 10px;
}

.sidebar-menu--item img {
  width: 55px;
  height: 55px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 12px;
  object-fit: cover;
}

.tvh--showOneCate {
  list-style: none;
  padding: 20px 10px;
  margin-bottom: 0;
  overflow-y: auto;
}

.itemsMenuChild2 {
  align-items:center;
}

.itemsMenuChild2 a {
  color:#000;
  font-size:14px;
}

.sidebar.hidden-md-up {
  width:100%;
}

li.sidebar-menu--item {
  align-items: center;
  justify-content: space-between;
}

.open-node {
  width:100%;
  height:56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.data-lvl1  {
  transform: translate(300px);
  position: absolute;
  top: 0px;
  transition: 0.5s;
  height:100%;
}

.vn-chaus{
  display:none;
}

.tvh-titleChil3 {
  display: flex;
  align-items: center;
  height: 42px;
  border-bottom: 1px solid #eaeaea;
  width:100%;
  padding-left: 10px;
}

.tvh-titleChil3 .fa-chevron-left {
  padding-right:15px;
  font-weight: 400;
}

.tvh-titleChil3 span {
  font-weight:600;
  color:#00BCC2;
}

.prev-node-title {
  padding:10px;
}

.prev-node-title .row.pt-15-mb {
  --bs-gutter-x: 0.5rem;
}

.imageChild2MenuMb .col-4 {
  padding: 0 5px;
}

.itemsMenuChild3 a {
  color:#000;
}

.itemsMenuChild3 span {
  width: 100%;
  display: block;
  font-size: 13px;
}

.tvh-endow-img {
  padding:10px;
}

.footer-ilabyinfo {
  border-top:8px solid #eee;
}

.footer-ilabyinfo__content {
  padding:10px;
}

.footer-ilabyinfo__content p {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}

.footer-ilabyinfo__content li {
  list-style: inside;
}

.footer-ilabyinfo__content a {
  color: #000;
  font-weight: 300;
  font-size:15px;
}


/*mã giảm giá*/
#endow-close {
  display:none;
}

.endow-tvh {
  background-color: #000000d6;
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  height: 100px;
  text-align: center;
  font-size: 14px;
}

.swiper-pagination1 {
  text-align:center;
} 

.swiper-pagination1 .swiper-pagination-bullet {
  background-color: #6c757d !important;
}

.tvh__promotionss .tvh-collum-img img {
  width:75%;
}

@media(max-width:425px){
  .tvh__promotionss .tvh-collum-img img {
    width:100%;
  }
}


@media(max-width:768px) {
  .vn-banner-mb {
    display:block !important;
  }
  
  .vn-banner-mb-title {
    display:block !important;
    margin: 15px 5px 10px 5px;
    font-weight: 600;
  }
  
  .vn-banner-pc {
    display:none !important;
  }
  
  .vn-banner-pc-title {
    display:none !important;
  }
}

.vn-banner-mb {
  display:none ;
}

.vn-banner-mb-title {
  display:none;
}

.vn-banner-pc {
  display:block;
}

.vn-banner-pc-title {
  display:block;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom:15px;
  font-weight: 700;
  font-size: 20px;
}