/*============================================================================
   #Webcms
==============================================================================*/
  .vn-hr{
        margin-top: 75px;
            position: relative;

  }

  .content-banh{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 36px;
    /*margin-top: 74px;*/
  }
  .giua {
    text-align:center;
        display: flex;
        justify-content: center;
  }
  .tron{
    width: 80.67px;
    height: 80.67px;
    left: 20.17px; 
    top: 20.17px; 
    border-radius: 327.71px;
    border: 2.78px white solid;
  }
  
  .vn-class {
        display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .box-tks {
    /*margin-top:81px;*/
    height:100%;
    position: relative;
  }
  
  
  .content-tk{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30%;
    color:#7a640a;
    text-align: center;
    line-height: initial;
  }
  
  .content-tk p {
    margin-bottom:0px;
    font-size: 48px;
  }
  
  
  .content-tk img {
    
    width: 65px;
    margin-bottom: 16px;

  }
  
  .bgr-vn{
    height: 95vh;
    background-image: url(https://statics.pancake.vn/web-media/fe/c6/50/9c/8fc533e0eac5bc24fa49de6301885d4af3d328ba2a0a0704eba0d755.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*background-repeat-y: 30px;*/
    background-position-y: 100%;
  }
  
  
 .total-tks {
    
    color: white;
    margin-top: 25px;
        font-size: 16px;
    font-weight: 500;
  }
  
  .up-scase {
    text-transform: uppercase;
  }
  
  
  
  
  
.bgr-box {
      background-color: #F9F7F4;
}
  
  
.contn{
    margin: 0 50px;
    padding: 65px 0;
}

.box-col {
  padding: 30px;
  width:100%;
  border:1px solid #e3d9cd;
   background-color:#f7f4ef;
   border-bottom:none;
   padding-top: 62px;
  
}

.box-col table {
  width:100%;
}

.title-invoice {
  color:#cd9a60;
      padding-bottom: 14px;
}
  


.line {
  border-bottom:1px solid #e0d6ca;
}


.vn-price{
    text-align: end;
    width: 30%;
    font-size: 18px;
}

.name-cake {
  width:55%;
  letter-spacing: 2px;
 font-size: 13px;
  color: black;
  font-weight: 400;
}

.vn-soluong {
  width:15%;
   text-align: end;
}

.padding-bottom-14 {
  padding: 15px 0;
}

.title-payment {
color: black;
    font-weight: 400;
    letter-spacing: 2px;
    word-spacing: 4px;
    width: 60%;
    font-size: 17px;
      

}
  
.pay-menthot {
  width:40%;
  text-align: end;
}

.total-price {
  font-weight: bold;
  font-size: 21px;
  letter-spacing: 3px;
}
  
.title-tks  p {
  font-size: 34px;
  color: black;
  font-weight: 400;
      margin-bottom: 10px;

}

.title-tks  span {
  color:#cd9a60;
}

.title-tks {
  margin-bottom:30px;
}
  
.text-vat{
  font-size: 12px;
  letter-spacing: 3px;
  font-weight: 400;
}

.warning p {
  margin-bottom:0px;
  color: #cd9a60;
}

.warning .title {
  font-weight: 500;
}

.warning {
  margin:20px 0;
}
  
p.content-w {
    font-size: 13px;
    word-spacing: 3px;
    letter-spacing: 2px;
}


.boxs {
    --size: 5px;
    --p: 2.5px;
    --R: 5.59px /*sqrt(var(--size)*var(--size) + var(--p)*var(--p))*/;
    height: 20px;
    
    /* margin: 1px 0; */
    -webkit-mask: radial-gradient(var(--R) at left 50% var(--d,top) calc(var(--size) + var(--p)),#000 99%,#0000 101%) calc(50% - 2*var(--size)) 0/calc(4*var(--size)) 100%, radial-gradient(var(--R) at left 50% var(--d,top) calc(-1*var(--p)),#0000 99%,#000 101%) left 50% var(--d,top) var(--size)/calc(4*var(--size)) 100% repeat-x;
    background: #f7f4ef;
    border: none;
    border-left: 1px solid #e3d9cd;
    border-right: 1px solid #e3d9cd;
}
.boxs + .boxs {
  --d: bottom;
}

.ship-img  {
 text-align:center;
}

.ship-img {
      margin-bottom: 33px;
}

.policy {
    font-size: 28px;
    color: black;
    font-weight: 300;
    height: 75px;
    display: flex;
    align-items: center;
}
 #customers tr{
   max-height:103px;
}

.content-policy ul {
 
    margin: 30px 0;

  padding-left: 16px;
}


.content-policy{
      padding: 43px 0;
    color: black;
    font-weight: 400;
}

.content-policy ul.list-policy li {
    margin: 30px 0;
}



.text-color {
  color: #cd9a60;
}

.vn-soluong {
    width: 15%;
    text-align: center;
    color: #cd9a60;
    font-weight: 500;
}

.text-vat {
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 400;
}

.title-payment {
    color: black;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: -2px;
    width: 60%;
    font-size: 14px;
}

.vn-price.padding-bottom-14 ,.pay-menthot {
   color: #000000;
       font-weight: 400;
}




@media only screen and (max-width: 1440px) {
  .total-price {
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 3px;
  }
  
  .vn-price {
    text-align: end;
    width: 30%;
    font-size: 16px;
}
  
}

@media only screen and (max-width: 600px) {
  
  .bgr-vn{
    height: 95vh;
    background-image: url(https://statics.pancake.vn/web-media/41/df/ee/cd/08a771822f554b0959016d076f75dfa6e0d5378a128c15ba5b754e32.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*background-repeat-y: 30px;*/
    background-position-y: 100%;
  }
  
  
  
  .content-tk img {
    width: 50px;
    margin-bottom: 6px;
}
  
  
  
  
  
  
  
  .content-tk {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 32%;
    color: #7a640a;
    text-align: center;
    line-height: initial;
    width: 100%;
}
  
  .bgr-vn {
    height: 60vh;
    
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-repeat-y: 30px;
      background-position-y: 43%;
  }

 .content-tk p {
    margin-bottom: 0px;
    font-size: 26px;
}

.total-tks {
    color: white;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
}
  .contn {
    margin: 0px 15px;
    padding: 65px 0;
  }
  
  .contn .col-md-4 {
    margin-top:15px;
  }
  
  .total-price {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
  }
  
  .title-payment {
    color: black;
    font-weight: 400;
    letter-spacing: 2px;
    word-spacing: 4px;
    width: 60%;
    font-size: 13px;
  }
  
  .vn-price {
    text-align: end;
    width: 30%;
    font-size: 15px;
  }
  
  .vn-soluong {
    width: 13%;
    text-align: center;
  }
  
  .title-tks {
    margin-bottom: 4px;
  }
  
  

}


.tk-text {
  text-align: center;
  color: white;
  font-size: 48px;
  font-family: Aboreto;
  font-weight: 400;
  word-wrap: break-word;
  line-height: normal;
}
.vns-ss{
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start; 
  align-items: center;
  gap: 36px; 
  display: inline-flex
}

.text-2k{
  text-align: center;
  color: white; 
  font-size: 24px;
  font-weight: 400;
  word-wrap: break-word;
  line-height: normal;
}

@media only screen and (max-width: 425px){
  .total-price {
      font-weight: bold;
      font-size: 13px;
      letter-spacing: 2px;
  }
  .relative.giua img {
    width:31px;
  }
  .vns-ss{
     gap: 9px; 
  }
  .text-2k {
    font-size:12px;
  }
  
  .tk-text {
    font-size: 12px;
  }
  
  .content-banh {
     margin-top: 0px; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 9px;
}
  
  .vn-price {
      text-align: end;
      width: 30%;
      font-size: 14px;
  }
}