.bodycont{
  width: 100%;
  display: block;
  min-height: 100vh;
  min-height: 100svh;
  padding-bottom: 25px;
}

.i-arrow.open{
  rotate: -180deg;
}

@media (min-width: 767px) {
.home-branches{
  width: 100%;
  display: block;
}
.review-and-pay-sched-50{
  display: flex;
  align-items: center;
  width: 35%;
  }
}
@media (max-width: 767px) {
  .home-branches{
    width: 100%;
    display: block;
  }
  .review-and-pay-sched-50{
    display: flex;
    align-items: center;
    }
}




@media (min-width: 767px) {
.iops-opensearchonly{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1026;
}
.iops-opensearchonly.inact{
  display: none;
}

}
@media (max-width: 767px) {
  .iops-opensearchonly{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1026;
  }
  .iops-opensearchonly.inact{
    display: none;
  }
}





@media (min-width: 767px) {
  .iops-order-homestart-set-searhresult{
    width: 100%;
    border-bottom: 1px solid rgb(136, 136, 136);
    padding-top: 15px;
    padding-bottom: 15px;
    height: 60px;
    display: flex;
  }
  .set-searhresult-text-order{
    width: 100%;
    display: block;
 text-align: left;
font-size: 14pt;
color: #747474;
  }
  .set-searhresult-text-home{
    width: 100%;
    display: block;
 text-align: center;
font-size: 14pt;
color: #747474;
  }
}
@media (max-width: 767px) {
  .iops-order-homestart-set-searhresult{
    width: 100%;
    border-bottom: 1px solid rgb(136, 136, 136);

    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: 45px;
    display: flex;
  }
  .set-searhresult-text-order{
    width: 100%;
    display: block;
 text-align: left;
font-size: 12.5pt;
color: #747474;
  }
  .set-searhresult-text-home{
    width: 100%;
    display: block;
 text-align: center;
font-size: 12.5pt;
color: #747474;
  }
}










@media (min-width: 766px) {

  .iops-order-homestart{
    width: 100%;
    display: block;
    position: relative;
  }
  .iops-order-homestart-container{
    max-width: 530px;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 100px;
  }
  .iops-order-homestart-set{
    width: 100%;
    border-bottom: 1px solid rgb(136, 136, 136);
    padding-top: 15px;
    padding-bottom: 15px;
    height: 110px;
    
    display: flex;
  }
  .iops-order-homestart-set-contain{
    width: 100%;
    display: flex;
    padding-left: 15px;

  }
  .iops-order-homestart-set-img{
    min-width: 120px;
    max-width: 120px;
    width: 120px;
    text-align: center;
    padding-right: 35px;
    display: flex;
    align-items: center;
  }
  .iops-order-homestart-set-img img{
    width: 100%;
    pointer-events: none;
  }
  .iops-order-homestart-set-text-contain{
    width: 100%;
    display: block;
    position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  
  }
  .iops-order-homestart-set-text-1{
    font-size: 14pt;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-family: "Lato", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .iops-order-homestart-set-text-2{
    font-size: 14pt;
    color: #2a2626;
    position: absolute;
    bottom: 0;
  }
  .iops-order-homestart-set-text-2 span{
    font-size: 11pt;
    color: #766969;
  }


  .iops-order-contain-active{
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  .iops-order-homestart-set-order-contain{
    width: fit-content;
    display: flex;
    align-items: center;
    position: relative;
  }
  .iops-order-homestart-set-order-btn{
    box-shadow: none;
    outline: 0;
    border:none;
    cursor: pointer;
    background-color: #f6f6f6;
    font-size: 13pt;
    color: #000;
    padding:10px 20px;
    border-radius: 12px;
  }
  

  .iops-pr-qty{
    position: absolute;
    bottom: 0;
    color: rgb(146, 159, 166);
    text-align: center;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    width: 100%;
    display: block;

  }
  .iops-pr-qty.active{
color: #000;
  }


.or-more-contain{
  width: 100%;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.or-more-img{
  width: 36px;
}
.or-more-textactive{
  width: 36px;
  text-align: center;
  color: #fff;
  font-size: 12.5pt;
  position: absolute;
  left: 49.5%;
  transform: translate(-50%, 0);
  top: 35%;
}




}
@media (max-width: 766px) {
  .iops-order-contain-active{
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .iops-order-homestart{
    width: 100%;
    display: block;
    position: relative;
  }
  .iops-order-homestart-container{
    width: 100%;
    display: block;
    padding-top: 20px;
    padding-bottom: 80px;
  }
  .iops-order-homestart-set{
    width: 100%;
    border-bottom: 1px solid rgb(136, 136, 136);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100px;
    
    background-color: #fff;
    display: flex;
  }
  .iops-order-homestart-set-contain{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
  }
  .iops-order-homestart-set-img{
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    text-align: center;
    padding-right: 25px;
    display: flex;
    align-items: center;
  }
  .iops-order-homestart-set-img img{
    width: 100%;
    pointer-events: none;
  }
  .iops-order-homestart-set-text-contain{
    width: 100%;
    display: block;
    position: relative;
  
  
  }
  .iops-order-homestart-set-text-1{
    font-size: 14pt;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-family: "Lato", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .iops-order-homestart-set-text-2{
    font-size: 14pt;
    color: #2a2626;
    position: absolute;
    bottom: 0;
  }
  .iops-order-homestart-set-text-2 span{
    font-size: 11pt;
    color: #766969;
  }
  
  .iops-order-homestart-set-order-contain{
    width: fit-content;
    display: flex;
    align-items: center;
  }
  .iops-order-homestart-set-order-btn{
    box-shadow: none;
    outline: 0;
    border:none;
    cursor: pointer;
    background-color: #f6f6f6;
    font-size: 13pt;
    color: #000;
    padding:10px 20px;
    border-radius: 12px;
  }
  
  .iops-pr-qty{
    position: absolute;
    bottom:-2px;
    color: rgb(146, 159, 166);
    text-align: center;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    width: 100%;
    display: block;

  }
  .iops-pr-qty.active{
    color: #000;
      }
.or-more-contain{
  position: relative;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.or-more-img{
  width: 36px;
}
.or-more-textactive{
  width: 36px;
  text-align: center;
  color: #fff;
  font-size: 12pt;
  position: absolute;
  left: 49.5%;
  transform: translate(-50%, 0);
  top: 35%;
}
}





@media (min-width: 766px) {
.order-for-desk{
  width: 100%;
  display: grid;
  gap:15px;
   grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    max-width: 1230px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.order-food-set{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  height: 270px;
  position: relative;
}

}
@media (max-width: 766px) {
.order-for-desk{
  display: block;
  width: 100%;
}
  .order-food-set{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    height: 270px;
    position: relative;
  }
  
}

.am-order-0{
  width: 100%;
  background-color: #fff;
  display: block;
}
.am-order-0-contain{
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
}


.am-spot-section{
  width: 100%;
  display: block;
}

.am-spot-note-body{
  padding-top: 5px;
  padding-bottom: 5px;
 display: block;
  width: 100%;
  background-color: #f7fbfd;
}
.am-spot-note{
  padding-left: 15px;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.4px;
}
.am-spotlight{
  display: block;
  width: 100%;
  height: 120px;
  background-color: #d9d9d9;
}

.am-add-customer-section{
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  height: 85.2px;
}

.am-add-customer-container{
display: flex;
width: 80%;
}
.am-add-customer-flex{
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 766px) {
  .am-add-customer-img-1-flex{
    width: 50px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


.am-img-rider{
  width: 34px;
}
.am-img-plus{
  width: 29px;
}

@media (min-width: 766px) {

  .am-add-customer-dna-1-flex{
    display: block;
    padding-left: 15px;
    width:90%;
  }
}



.delivery-pickup-top{
  width: 100%;
  display: block;
  margin-bottom: 4px;
}
.delivery-pickup{
  color: #111111;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.delivery-pickup-value{
  color: #272727;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 8.0pt;
  font-style: normal;
  font-weight:100;
  letter-spacing: 0.4px;
}

.deliverypickup-address{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  margin-bottom: 5px;
  width: 100%;
  display: block;
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
}


@media (min-width: 766px){
  .deliverypickup-name{
    width: 100%;
    display: block;
    color: #9b9b9b;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: light;
    letter-spacing: 0.4px;
  }
}
@media (max-width: 766px){
  .deliverypickup-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    width: 100%;
    display: block;
    color: #9b9b9b;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: light;
    letter-spacing: 0.4px;
  }
}







@media (min-width: 766px) {
.am-add-customer-flex-80{
  width: 80%;
  display: flex;
  align-items: center;
}






  .am-add-customer-order-1-flex{
    margin-left: auto;
    display: flex;
    padding-right: 15px;
    align-items: center;
    width: 20%;
  }
  .delivery-order-btn{
    margin-left: auto;
    min-width:150px;
    background-color: #f8f6ed;
    display: flex;
    align-items: center;
    border-radius: 10px;
  }
  .delivery-order-btn:active,
  .delivery-order-btn:focus{
opacity: 0.5;
  }

  .delivery-order-now{
    color: #713D03;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.9px;
    padding: 10px 15px;
    cursor: pointer;
    
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }

  .delivery-order-now:hover,
  .delivery-order-now:active{
opacity: 0.5;
  }

  
.arrow-container{
  position: absolute;
  margin-left: auto;
  /*! padding-right: 15px; */
  display: flex;
  cursor: pointer;
  right: 18px;
  width: 35px;
  height: 35px;
  align-items: center;
}
}

.arrow-container:before{
  position: absolute;
  content: '';
  height: 20px;
  width: 1px;
  border-left: 1px solid #e0e0e0;

}

.arrow-downorder{
  margin-left: 5px;
  width: 12px;
  transform: rotate(0deg);
  margin-bottom: 1px;
  margin-left: 10px;
  margin-top: 4px;
}

.recent-orders-body{
  width: 100%;
  display: block;
  background-color: #f7fbfd;
  padding-top: 6px;
  padding-bottom: 6px;
}
.recent-orders{

  padding-left: 15px;
  color: rgba(99,129,144,0.7);
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}

@media (min-width: 766px){
  .recent-iops{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: space-between;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 766px){
  .recent-iops{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: space-between;
  }
}



.recent-orders-iops{
  color: #9d9d9d;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.recent-orders-iops-viewall{
  color: #ea2524;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}




@media (min-width: 767px) {
  .recent-sections{
    border-top: 1px solid #d9d9d9;
    width: 100%;
    display: block;
    background-color: #fff;
    min-height: 50vh;
    padding-bottom: 50px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .recent-sections{
    border-top: 1px solid #d9d9d9;
    width: 100%;
    display: block;
    background-color: #fff;
    min-height: 50vh;
    padding-bottom: 25px;
  }
}

@media (min-width: 767px) {
  .notif-recent-set{
    width: 100%;
    display: flex;
    padding-top: 15px;
    flex-wrap: wrap;
    background-color: #f7f8f8;
    height: 98px;
  }
  .recent-set{
    width: 100%;
    display: flex;
    padding-top: 15px;
    flex-wrap: wrap;
    background-color: #f7f8f8;
    height: 98px;
  }
}
@media (max-width: 767px) {
  .notif-recent-set{
    width: 100%;
    display: flex;
    padding-top: 15px;
    flex-wrap: wrap;
    background-color: #f7f8f8;
    height: 98px;
  }
  .recent-set{
    width: 100%;
    display: flex;
    padding-top: 15px;
    flex-wrap: wrap;
    background-color: #f7f8f8;
    height: 98px;
  }
}


.recent-set-flex-contain{
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.recent-image-left{
 
  width: 50px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recent-status-img{
  width: 40px;
}

.recent-customer-dna-1-flex{
  display: block;
  padding-left: 15px;
  width:100%;
}
.recent-flex-top-1{
  width: 100%;
  display: flex;
  align-items: center;
  height: 22px;
  padding-right: 15px;
}
.recent-dots-container{
  margin-left: auto;
  display: flex;
  align-items: center;

 
  position: absolute;
  right: 17px;
  height: 30px;
  width: 30px;
cursor: pointer;

opacity: 1;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.recent-dots-container:focus,
.recent-dots-container:hover{
  opacity: 0.5;
}


.recent-dots-img{
  width: 25px;
  margin-left: auto;
  filter: brightness(0%);
-webkit-filter: brightness(0%);
-moz-filter: brightness(0%);
}


.recent-pickup-top{
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.recent-ordernumber{
  color: #222222;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.3px;
}

.recent-flex-top-2{
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
  height: 30px;
}

.pickupstatus{
  color: #969696;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;


  width: 70%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}





.pickupstatus-price{
  margin-left: auto;


  color: rgb(39, 39, 39);
  text-align: right;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.pickupstatus-price.success{
  color: rgb(28, 207, 31) !important;
}



.recent-flex-top-3{
  width: 100%;
  display: flex;
  align-items: center;
padding-right: 15px;
height: 22px;
}

.recent-orderdate{
  color: #766F66;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.recent-reorder{
  cursor: pointer;
  margin-left: auto;
  display: block;


  padding: 5px 10px;
  border-radius: 20px;
background-color: #fff;
  color: #713D03;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.8pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;

  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.recent-reorder:focus,
.recent-reorder:hover{
  opacity: 0.5;
}

.recent-border-contain{
  padding-top: 8px;
  width: 100%;
  display: block;
  
}
.recent-border-bottom{
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}


.recent-load-bar{
  width: 30px;
  height: 91px;
  position: absolute;
  top: -40px;
}
.recent-load-gifcontain{
  width:30px;
  position: absolute;
  width: 30px;
  top: 6px;
  left: 16px;
  height: 5px;
  overflow: hidden;
}




.nocustomer-add{
  display: flex;
  align-items: center;
  color: #999999;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  height: 100%;
}


.processing-number{
  color: #434343;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.3px;
}
.processing-text{
  color: #134056;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.processing-date{
  color: #713D03;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.redtext{
  color: rgb(240, 83, 89);
}
.greentext{
  color: rgb(28, 207, 31);
}
.process-totalval{
  color: #000000;
  text-align: right;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.process-reorder{
  color: #713D03;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}


.clickables{
cursor: pointer;
}


.newuser-container-top{
  width: 100%;
  display: flex;
  align-items: center;
  /*padding-top: 15px;
  padding-bottom: 15px;
  */
  height: 60px;
  border-bottom: 1px solid rgba(190,201,190,0.4);
  position:relative;

}

.newuser-container-top-arrowleft-box{
  cursor: pointer;
position: absolute;
width: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.arrow-padleft25{
  padding-left: 25px;
}



@media (min-width: 767px) {
  .newuser-container-top-right-box{
    cursor: pointer;
  position: absolute;
  width: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  right: 0;
  }
}
@media (max-width: 767px) {
  .newuser-container-top-right-box{
    cursor: pointer;
  position: absolute;
  width: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  right: 0;
  }
}




.box-padleft25{
  padding-right: 25px;
}



.newuser-container-top-close{
  margin-top: 5px;
  width: 14px;
}



.newuser-container-top-arrowleft{
  margin-top: 5px;
  width: 8px;
}

@media (min-width: 766px) {

  .newuser-container-top-name{
    color: #31090C;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 15.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 500px;


    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}




.modal-pad-container{
  display: block;
  width: 100%;
}
.modal-pad15{
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 767px) {
  .modal-pad25{

  }
}
@media (max-width: 767px) {
  .modal-pad25{
    padding-left: 25px;
    padding-right: 25px;
  }
}



.choose-one{
  color: #31090C;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;


  margin-top: 15px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-bottom: 15px;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

.customer-information{
  color: #000000;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.2pt;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.4px;
  margin-top: 15px;
  margin-bottom: 40px;
}

.customer-input-file-full{
  width: 100%;
  display: flex;
}
.customer-input-file-50{
  width: 50%;
  position: relative;
  border-radius: 0 !important;
}
.customer-input-file-100{
  width: 100%;
  position: relative;
  border-radius: 0 !important;
}

.customer-input-file-relative{
  width: 100%;
  position: relative;
  display: block;
}

.customer-input-style-1{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
outline: none;
text-decoration: none;
border-top: none;
border-left: none;
border-right: none;
width: 100%;
border-bottom: 1px solid rgb(23, 146, 209);

padding-right: 35px;
padding-bottom: 5px;
color: #31090C;
text-align: left;
text-decoration: none;
font-family: 'Helvetica Neue',Arial;
font-size: 12.0pt;
font-style: normal;
font-weight: 400;
letter-spacing: 0.3px;

border-radius: 0 !important;
}

.customer-input-style-1.valid{
  border-bottom: 1px solid rgb(190, 201, 190);
}










.customer-input-style-2{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
outline: none;
text-decoration: none;
border-top: none;
border-left: none;
border-right: none;
width: 100%;
border-bottom: 1px solid rgb(23, 146, 209);

padding-right: 35px;
padding-bottom: 5px;
color: #31090C;
text-align: left;
text-decoration: none;
font-family: 'Helvetica Neue',Arial;
font-size: 12.0pt;
font-style: normal;
font-weight: 400;
letter-spacing: 0.3px;
border-radius: 0 !important;
}

.customer-input-style-2.valid{
  border-bottom: 1px solid rgb(190, 201, 190);
}


.label-input-1{
  position: absolute;
  color: #EF480F;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;

  /*
  transition: transform 0.7s;
*/
transition: 0.2s ease all;
}


.customer-input-style-1::placeholder{
  color: #638190;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}


.label-input-1.valid{
  position: absolute;
  color: rgb(23, 146, 209);
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  /*
  or
  top:-20px;
  */
  transform:translateY(-25px);
  
}








.label-email-1{
  position: absolute;
  color: #EF480F;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;

  /*
  transition: transform 0.7s;
*/
transition: 0.2s ease all;
}
.customer-email-style-1::placeholder{
  color: #638190;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}


.label-email-1.valid{
  position: absolute;
  color: rgb(23, 146, 209);
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  /*
  or
  top:-20px;
  */
  transform:translateY(-25px);
}
.label-email-1.valid > .label-email-extralabel{
display: none;
}


.label-email-1.invalid{
  position: absolute;
  color: rgb(239, 72, 15);
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  transform:translateY(-25px);
}

.input-space-20{
  margin-bottom: 20px;
}
.input-space-30{
  margin-bottom: 30px;
}
.input-space-40{
  margin-bottom: 40px;
}


.label-input-1-mobile{
position: absolute;
color: #638190;
text-align: left;
text-decoration: none;
font-family: 'Helvetica Neue',Arial;
font-size: 12.0pt;
font-style: normal;
font-weight: 400;
letter-spacing: 0.3px;
}



input.naupd::-webkit-outer-spin-button,
input.naupd::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.naupd[type=number] {
  -moz-appearance: textfield;
}
.naupd{
  padding-left: 40px;
}



input.mynumcustom::-webkit-outer-spin-button,
input.mynumcustom::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.mynumcustom[type=number] {
  -moz-appearance: textfield;
}
.mynumcustom{
  padding-left: 40px;
}


.number-bottom{
  height: 24.2px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgb(23, 146, 209);
}






.howwillcustomer-order{
display: block;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;

  color: #EF480F;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.dp-check-contain{
  width: 100%;
  display: block;
  padding-bottom: 40px;
}


.customer-discount-container{
  
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.customer-discount-text-container{
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
}

.customer-discount-text{
  color: #666666;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.customer-discount-text-optional{
  margin-left: auto;
  color: #999999;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.customer-discount-text-added{
  color: #1792D1;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.customer-delivery-fee-last{
  width: 100%;
  display: flex;
  align-items: center;
}
.customer-delivery-fee-last-1{
  color: #000000;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.customer-delivery-fee-last-2{
  padding-left: 15px;
  color: #638190;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.4px;
}


.user-list-blocks{
  width: 100%;
  display: block;
}

@media (min-width: 767px) {
  .user-list-container{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .user-list-container{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
  }
}



.customer-pinlocation-container{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}



.mini-pinlocation-container-pickup{
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}


.customer-pinlocation-container-pickup{
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.customer-discount-img-container{
  display: flex;
  align-items: center;
  justify-items: center;
  width: 25px;
  margin-right: 10px;
  text-align: center;
}
.customer-discount-img{
  width: 22px;
}



.user-list-img{
  width: 25px;
}

.customer-pinlocation-img{
  width: 25px;
  margin-right: 10px;
}

.customer-pinlocation-img-pickupcont{
  width: 25px;
  height: 25px;
  margin-right: 10px;
  position: relative;
}
.customer-pinlocation-pickupimg{
  width: 22px;
  position: absolute;
  top: 30px;
}


.mini-pinlocation-img-pickupcont{
  width: 25px;
  height: 25px;
  margin-right: 10px;
  position: relative;
}
.mini-pinlocation-pickupimg{
  width: 22px;
  position: absolute;
  top: 26px;
}


.user-list-box{
  position: relative;
display: flex;
align-items: center;
height: 66px;
width: 100%;
}

.customer-pinlocation-box{
  position: relative;
background-color: #fbfbf8;
display: flex;
align-items: center;
height: 66px;
width: 100%;
border: 1px solid rgba(190,201,190,0.4);
border-radius: 10px;
cursor: pointer;
}

.mini-pinlocation-box-pickup{
  position: relative;
background-color: transparent;
display: flex;
align-items: center;
width: 100%;
}

.customer-pinlocation-box-pickup{
  position: relative;
background-color: #fbfbf8;
display: flex;
align-items: center;
width: 100%;
border: 1px solid rgba(190,201,190,0.4);
border-radius: 10px;
cursor: pointer;
}
.customer-pinlocation-text-pickup-container{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 40px;
}

.customer-pinlocation-text-pickup{
  display: block;
  margin-bottom: 5px;
  color: #134056;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.customer-pinlocation-text-pickup-2{
  display: block;
  margin-bottom: 10px;
  color: #638190;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.customer-pinlocation-text-pickup-3{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}



.customer-pinlocation-text-pickup-3-box{
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 4px 8px;
  border: 1px solid rgba(190,201,190,0.4);
  border-radius: 8px;
  margin-left: 5px;
  margin-right: 5px;
  
}
.customer-pinlocation-text-pickup-3-box-img{
  width: 20px;
}
.customer-pinlocation-text-pickup-3-box-text{
  padding-left: 10px;
  color: #666;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}


.save-customer-btn{
  margin-top: 25px;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  background-color: #1792D1;
  border-radius: 25px;
  text-align: center;
  opacity: 0.5;
  pointer-events: none;
}
.save-customer-btn.active{
  opacity: 1;
  cursor: pointer;
  pointer-events:all;
}

.save-customer-span{
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
}



.user-list-btncontainer{
width: 80%;
cursor: pointer;
}

.customer-pinlocation-text{
  color: #1792D1;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-left: 15px;
}


.user-list-text-1{
  color: #666666;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding-left: 15px;
  margin-bottom: 5px;
}
.user-list-text-2{
  color: #638190;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
  padding-left: 15px;
}


.customer-pinlocation-note{
  color: #A8B0B4;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 21px;
  padding-left: 35px;
}

.customer-pinlocation-details{
  display: block;
  color: #929FA6;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 17px;
  padding-left: 35px;
}
.customer-pinlocation-details-filled{
  color: #3F6678;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 19px;
  padding-left: 35px;
  margin-bottom: 10px;


  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


.customer-pinlocation-addnote{
  display: block;
  color: #929FA6;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 17px;
  padding-left: 35px;
}
.customer-pinlocation-addnote-filled{
  color: #3F6678;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 19px;
  padding-left: 35px;
  margin-bottom: 5px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}








.customer-border-contain{
  padding-top: 8px;
  width: 100%;
  display: block;
  
}
.customer-border-bottom{
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}



@media (min-width: 767px) {
  .user-edit-arrow-container{
    position: absolute;
    right: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  }
}
@media (max-width: 767px) {
  .user-edit-arrow-container{
    position: absolute;
    right: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  }
}

.user-edit-arrow-img{
width: 8px;
margin-left: auto;
}


.customer-pinlocation-arrow{
  position: absolute;
  right: 15px;
width: 8px;
}

.customer-pinlocation-text-selected{
  color: #638190;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 20px;
  padding-right: 50px;
  padding-left: 15px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}


.padded{
  width: 100%;
  height: 20svh;
  height: 20vh;
}




.order-section{
  width: 100%;
  background-color: #fff;
  display: block;
}
.order-nav{
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: flex;
  align-items: center;
}

.order-nav-back-container{
  position: absolute;
  width: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
}
.order-nav-back{
  width: 30px;
}
.order-nav-title{
  margin-left: auto;
  margin-right: auto;
  
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
}


.order-nav-input-section{
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: flex;
  align-items: center;
}
.order-nav-input-img-contain{
  min-width: 50px;
  text-align: left;
}
.order-nav-input-img{
  width: 30px;
}

.order-nav-input-container{
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}




.order-nav-input-search-img{
  position: absolute;
  width: 15px;
  top: 11px;
  left: 8px;
}
.order-nav-input{

  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  text-decoration: none;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  border: 1px solid #d9d9d9;
  background-color: #EEF4F6;
  
  height: 36px;
  padding-right: 10px;
  padding-left: 30px;

  color: #000000;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;

  border-radius: 5px;


  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.order-nav-input::placeholder{
color: #82888C;
}

.order-nav-input:focus {
background-color: #fff;
border-color: rgb(23, 146, 209);
}





.order-nav-cancelsearch-container{

display: none;
  cursor: pointer;
  padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}




.search-c{
  display: block;
  color: #638190;
text-decoration: none;
font-family: 'SF Pro Display',Arial;
font-size: 11.0pt;
font-style: normal;
font-weight: 500;
letter-spacing: 0.4px;
}
.search-go{
  color: #1792D1;
  display: none;
text-decoration: none;
font-family: 'SF Pro Display',Arial;
font-size: 11.0pt;
font-style: normal;
font-weight: 500;
letter-spacing: 0.4px;
}


.review-nav-border-contain-full{
  width: 100%;
  display: block;

}

.order-nav-border-contain{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
}




@media (min-width: 767px) {
  .order-nav-border-contain.shadowon{
  }
  .order-nav-border-bot{
    height: 10px;
    border-bottom:none;
  }
}

@media (max-width: 767px) {
  .order-nav-border-contain.shadowon{
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
  }

  .order-nav-border-contain.shadowon > .order-nav-border-bot{
    box-shadow: rgba(33, 35, 38, 0.4) 0px 3px 3px -3px;
    border-bottom: none;
  }
  .order-nav-border-bot{
    height: 10px;
    border-bottom: 1px solid #d9d9d9;
    transition: box-shadow 0.3s ease-in-out;
  }
}



.review-nav-border-bot{
  height: 1px;
  border-bottom: 1px solid #d9d9d9;
  transition: box-shadow 0.3s ease-in-out;
}




.order-food-batch{
  width: 100%;
  display: block;
  position: relative;
  height: 270px;
}

.order-food-img-contain{
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.order-food-img{
  width: 100%;
  height: 0;
  padding-top: 100%;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.order-food-foodname{
  color: #134056;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.7px;
  height:40px;

  display: flex;
  align-items: first baseline;

  width: 200px;
}

.order-food-foodprice{

  color: #638190;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.4px;

}
.order-food-text-set{
  width: 70%;
  display: block;
}

.order-food-foodimg{
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 200px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;

opacity: 1;
}

.order-food-foodimg:focus,
.order-food-foodimg:hover{
opacity: 0.5;
}




.order-food-sh{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.order-food-set-border{
  width: 100%;
  background-color:#d9d9d9;
  height: 1px;
  display: block;
  margin-top: 10px;
  margin-right: 15px;
}



@media (min-width: 767px) {
  .order-section-stick{
    display: block;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .order-section-stick{
    display: block;
    /*position: sticky;*/
    position: relative;
    width: 100%;
    background-color: #fff;
    top: 0;
    z-index: 1;
  }
}



.order-food-set-section{
  padding-top:10px ;
}

.order-bot-div{
  height: 15svh;
  height: 15vh;
  display: block;
  width: 100%;
}


@media (min-width: 767px) {
.order-bot-div-resp{
  height: 50px;
  display: block;
  width: 100%;
}
  .order-food-buynow{
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-color: #fff;
    display: block;
  }
}
@media (max-width: 767px) {
  .order-bot-div-resp{
    height: 15svh;
    height: 15vh;
    display: block;
    width: 100%;
  }
  .order-food-buynow{
    bottom: 0;
    width: 100%;
    position: sticky;
    background-color: #fff;
    display: block;
  }
}

@media (min-width: 767px) {
  .order-food-buynow-padd{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .order-food-buynow-padd{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


@media (min-width: 767px) {
  .order-food-buynow-border{
    display: none;
  }
  
  .order-food-buynow-box{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
  background-color: #1792d1;
  border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .order-food-buynow-border{
    width: 100%;
    display: block;
    height: 1px;
    background-color: #d9d9d9;
  }
  
  .order-food-buynow-box{
    width: 100%;
    display: flex;
  background-color: #1792d1;
  border-radius: 8px;
  }
}



.order-food-buynow-box-items-container-left{
  width: 50%;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  cursor: pointer;
}
.order-food-buynow-box-items-container-left:hover,
.order-food-buynow-box-items-container-left:focus{
opacity: 0.5;
}


.order-food-buynow-box-items-container-right{
  width: 50%;
  display: flex;
  align-items: center;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.order-food-buynow-box-items-container-right:hover,
.order-food-buynow-box-items-container-right:focus{
opacity: 0.5;
}

.order-food-buynow-box-items-arrow{
  width: 10px;
}
.order-food-buynow-box-items-arrow-right{
  width: 4px;
}

.order-food-buynow-box-items{
  margin-left: 6px;
  color: #F6E569;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 17px;
}
.order-food-buynow-box-items-price{
  margin-right: 6px;
  margin-left: auto;
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 19px;
}




.input-sc{
  width: 100%;
  border: none;
}

.search-close-container{
padding: 10px;
  position: absolute;
  right: 5px;
  cursor: pointer;
display: none;
}
.search-close{
  width: 10px;
}

.order-food-basket-container{
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 15px;
  right: 11px;

  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  opacity: 1;
}

.order-food-basket-container:focus,
.order-food-basket-container:hover{
  opacity: 0.5;
}

.empty-cart-img{
  width: 45px;
}

.order-food-basket-container-added{
  position: absolute;
  right: 0;
  bottom: 15px;
  display: flex;
  align-items: center;
}
.order-food-basket-container-added-relative{
  position: relative;
  width: 45px;
  cursor: pointer;

  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.order-food-basket-container-added-relative:focus,
.order-food-basket-container-added-relative:hover{
  opacity: 0.5;
}


.order-food-basket-container-added-qty{
  position: absolute;

  text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 14.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;

    top: 16px;
    width: 40px;
    left: 2px;
    right: 0px;
    text-align: center;
    display: block;
}

.order-food-basket-container-minus-relative{
  width: 20px;
  height: 100%;
  position: relative;
  text-align: right;
  padding-top: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.order-food-basket-container-minus-relative:focus,
.order-food-basket-container-minus-relative:hover{
  opacity: 0.5;
}


.minus-cart-img{
  width: 18px;
}

.order-food-basket-container-added-combine{
  display: block;
  position: relative;
}

.order-food-basket-container-added-totalprice{
  position: absolute;
bottom: 0;
right: 0;
min-width:80px;
text-align: center;

  color: #713D03;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.4px;
}


.close-round{
  cursor: pointer;
  display: block;
  width: 35px;
  margin-left: auto;
  margin-right: 20px;
  margin-top: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}

.close-round:focus,
.close-round:hover{
  opacity: 0.5;
}



.close-basic-body{
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-right: 20px;
  cursor: pointer;
  display: block;
  
  

  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.close-basic{
width: 16px;
}

.close-basic-body:focus,
.close-basic-body:hover{
  opacity: 0.5;
}






.add-contain-prod{
  display: flex;
  align-items: center;
  border: 1px solid rgba(217,217,217,0.7);
  border-radius: 5px;
  width: 100px;
  justify-content: space-evenly;
  height: 32px;
  margin-bottom: 5px;
}





input.prod-input-text::-webkit-outer-spin-button,
input.mynumcustom::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  text-align: center;
}
input.prod-input-text[type=number] {
  -moz-appearance: textfield;
  margin: 0;
  text-align: center;
}


.prod-input-text-contain{
  height: 32px;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  position: relative;
  display: block;
  border: none;
  box-sizing: border-box;
}


.prod-input-text{
  background-color: #0CA5F3;
width: 100%;
height: 100%;
position: absolute;
padding: 0;
margin: 0;

/*
border: none;
box-shadow: 0 0 0 1px #434343;
*/
border: none;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 500;
pointer-events: none;

-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.prod-input-text.on{
  background-color: #666;
  color: #fff;
}
.add-stle{
  border: none;
  background-color: #fff;
height: 30px;
min-width: 30px;
width: 30px;
max-width: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}




.minus-style{
background-color: #fff;
height: 30px;
min-width: 30px;
width: 30px;
max-width: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: none;
}
.minus-style.on img{
  background-color: #fff;
  filter: grayscale(1);
}


.order-food-basket-container-inputs{
  position: absolute;
  right: 0;
  bottom: 25px;
  display: flex;
  align-items: center;
}

.order-food-basket-container-inputs-totalprice{
  position: absolute;
bottom: 0;
right: 0;
min-width:100px;
text-align: center;

  color: #713D03;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.4px;
}


.modal-prod-multiple{
width: 100%;
display: block;
}

.modal-prod-multiple-img-contain{
  max-width: 400px;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  max-height: 250px;
  overflow: hidden;
  margin-bottom: 25px;
}
.modal-prod-multiple-img{
 width: 100%;
 object-position: center;
 object-fit: cover;
}

.modal-prod-multiple-name{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 500px;

  display: block;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;

  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 15.0pt;
  font-style: normal;
  font-weight: 460px;
  letter-spacing: 0.4px;
}

.modal-prod-multiple-sets{
  width: 100%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  height: 95px;
}
.modal-prod-multiple-sets-flex{
  display: flex;
  width: 100%;
}
.modal-prod-multiple-sets-left{
  min-width: 135px;
  display: block;
}
.modal-prod-multiple-sets-remain{
  width: 100%;
  display: block;
  color: #134056;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-bottom: 5px;
}
.modal-prod-multiple-sets-price{
  width: 100%;
  display: block;
  color: #713D03;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.modal-prod-multiple-sets-right{
  width: 100%;
  display: flex;
  align-items: center;
}

.qty-totaladded{
  color: rgb(146, 159, 166);
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-left: 15px;
}
.qty-totaladded.on{
color: rgb(113, 61, 3);
}


.modal-prod-multiple-sets-border{
  margin-top: 25px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}



.modal-prod-multiple-buy-contain{
  width: 100%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  height: 42px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.5;
  margin-bottom: 15px;
  pointer-events: none;
}



.modal-prod-multiple-buy-contain.on{
  width: 100%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  height: 42px;
  overflow: hidden;
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

.modal-prod-multiple-buy-btn{
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #1792d1;
  width: 100%;
  height: 100%;
}


.modal-prod-multiple-buy-addbasket{
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 14px;
  padding-left: 10px;
}


.modal-prod-multiple-buy-ip{
  display: flex;
  align-items: center;
  margin-left: auto;
}
.modal-prod-multiple-buy-items{
  color: #EAE7D0;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 17px;

  margin-right: 20px;
  text-align: right;
  min-width: 110px;
}


.modal-prod-multiple-buy-totalprice{
  color: #EFEFEF;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 17px;
  margin-left: auto;
  padding-right: 10px;

text-align: right;
  position: relative;
  min-width: 100px;
}
.modal-prod-multiple-buy-totalprice::before{
  position: absolute;
  content: '';
  height: 16px;
  width: 1px;
  border-left: 1px solid #fff;
  left: -10px;
  top: 1px;
}


@media (min-width: 767px) {
  .review-and-pay-container{
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  
}
@media (max-width: 767px) {
  .review-and-pay-container{
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  
}

.review-and-pay-title-red-1{
  padding-top: 20px;
  padding-bottom: 10px;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;

  padding-left: 15px;
}

.review-and-pay-title-black-1{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;

  padding-left: 15px;
  margin-bottom: 8px;
}


.review-and-pay-submini-1last{
  color: #929FA6;
text-decoration: none;
font-family: 'SF Pro Display',Arial;
font-size: 10.0pt;
font-style: normal;
font-weight: 400;
letter-spacing: 0.4px;

padding-left: 15px;
margin-bottom: 10px;
}


.review-and-pay-submini-1{
  color: #929FA6;
text-decoration: none;
font-family: 'SF Pro Display',Arial;
font-size: 10.0pt;
font-style: normal;
font-weight: 400;
letter-spacing: 0.4px;

padding-left: 15px;
margin-bottom: 5px;
}


.review-and-pay-title-red-2{
  padding-top: 10px;
  padding-bottom: 10px;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;

  padding-left: 15px;
}

.review-and-pay-submini-2{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;

padding-left: 15px;
margin-bottom: 3px;
}

.review-and-pay-submini-3{
  color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;

padding-left: 15px;
margin-bottom: 10px;
}

.review-and-pay-submini-3-clamp{
  color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;

padding-left: 15px;
margin-bottom: 10px;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}



.review-and-pay-title-red-3{
  padding-bottom: 10px;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;

  padding-left: 15px;
}


.review-and-pay-title-red-3-flex{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;

  padding-top: 15px;
  padding-left: 15px;
}
.review-and-pay-title-red-3-flex span{
  color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-left: 5px;
}







.review-and-pay-sched-text{
  color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  margin-right: 10px;
}


.review-and-pay-select-contain{
  min-width: 130px;
  padding-right: 8px;

  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}


.review-and-pay-specialmsg{
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-bottom: 15px;
  cursor: pointer;

  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.review-and-pay-specialmsg:hover,
.review-and-pay-specialmsg:active{
opacity: 0.5;
}



.review-and-pay-specialmsg-img-container{
  display: flex;
  align-items: center;
  justify-items: center;
  width: 25px;
  margin-right: 10px;
  text-align: center;
}
.review-and-pay-specialmsg-img{
  width: 22px;
}

.review-and-pay-specialmsg-text-container{
  width: 100%;
  display: flex;
  align-items: center;
}

.review-and-pay-specialmsg-text{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.4px;
}


.review-and-pay-order-details-title{
  margin-top: 10px;
  padding-left: 15px;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.review-and-pay-order-details-container{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.review-and-pay-order-details-flex{
  width: 100%;
  display: flex;
  align-items: center;
  height: 90px;
  border-bottom: 1px solid #d9d9d9;
}

.review-and-pay-order-num{
  height: 50px;
  width: 40px;

  border: 1px solid rgba(213,214,220,0.5);
  border-radius: 8px;
  background-color: #fffefc;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #000000;
  text-align: center;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.review-and-pay-order-item-container{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-left: 15px;
}

.review-and-pay-order-item-1{
  display: block;
  width: 100%;
  color: #134056;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-bottom: 5px;
}

.review-and-pay-order-item-2container{
  display: flex;
  width: 100%;
}

.review-and-pay-order-item-2{
  color: #713D03;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.review-and-pay-order-item-2v2{
  margin-left: auto;
  color: #434343;
  text-align: right;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.review-and-pay-order-1stborder{
 width: 100%;
 background-color:#d9d9d9;
 height: 0.8px;
 display: block;
}

.review-and-pay-order-subotal-contain{
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.review-and-pay-order-subotal-1{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.review-and-pay-order-subotal-2{
  margin-left: auto;
  color: #000000;
text-decoration: none;
font-family: 'SF Pro Display',Arial;
font-size: 12.0pt;
font-style: normal;
font-weight: 500;
letter-spacing: 0.4px;
}

.review-and-pay-less{
  padding-left: 15px;
  color: #9419F4;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
}



.review-and-pay-discount-contain{
  width: 100%;
  display: block;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

.review-and-pay-discount-contain-flex{
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.review-and-pay-discount-1stborder{
  width: 100%;
  background-color:#d9d9d9;
  height: 0.8px;
  display: block;
 }

.review-and-pay-less-discount-1{
  color: #000000;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.review-and-pay-less-discount-2{
  margin-left: auto;
  color: #000000;
  text-align: right;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.review-and-pay-grandtotal-block{

  width:100%;
  padding-left: 10px;
  padding-right: 10px;
}
.review-and-pay-grandtotal-flex{
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #f9f7f5;
  border-radius: 8px;
  border: 1px solid rgba(190,201,190,0.3);
  height: 40px;
}
.review-and-pay-grandtotal-1{
  padding-left: 15px;
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.review-and-pay-grandtotal-2{
  margin-left: auto;
  padding-right: 15px;
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.review-and-pay-rewardscode-block{
  width: 100%;
  display: block;
}

.review-and-pay-rewardscode-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  position: relative;
}
.review-and-pay-rewardscode-1{
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;

  opacity: 1;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.review-and-pay-rewardscode-1:hover,
.review-and-pay-rewardscode-1:active{
  opacity: 0.5;
}


.review-and-pay-rewardscode-2{
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  cursor: pointer;

  opacity: 1;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.review-and-pay-rewardscode-2:hover,
.review-and-pay-rewardscode-2:active{
  opacity: 0.5;
}



.review-and-pay-rewardscode-2::before{
  position: absolute;
  content: '';
  height: 20px;
  width: 1px;
  border-left: 1px solid #d9d9d9;
  left: 0px;
  top: 15px;
}


.review-and-pay-rewardscode-img-1{
  width: 20px;
}
.review-and-pay-rewardscode-img-2{
  width: 15px;
}
.review-and-pay-rewardscode-text{
  padding-left: 15px;
  padding-right: 15px;
  color: #713D03;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}


.review-and-pay-pamyentopt-block{
  width: 100%;
  display: block;
  padding-left: 10px;
  padding-right: 25px;
  margin-bottom: 20px;
}

.review-and-pay-pamyentopt-flex{
  width: 100%;
  display: flex;
  align-items: center;
}

.review-and-pay-pamyentopt-1{
  display: flex;
  align-items: center;
}
.review-and-pay-pamyentopt-red{
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.review-and-pay-pamyentopt-red-1{
  color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-left: 5px;
}

.review-and-pay-pamyentopt-2{
  display: flex;
  align-items: center;
  margin-left: auto;
}
.review-and-pay-pamyentopt-black{
  color: rgba(49,9,12,0.7);
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}


.review-and-pay-selection-block{
width: 100%;
padding-left: 15px;
padding-right: 15px;
}

.review-and-pay-selection-contain{
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 370px;
  width: 100%;
  border-radius: 8px;
  border:1px solid rgba(58,50,41,0.15);
  background-color: #f8fafb;
  overflow: hidden;
  position: relative;
}

.review-and-pay-selection-set{
  width: 100%;
  border-bottom: 1px solid rgba(58,50,41,0.15);
background-color: #f8fafb;
  -webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.review-and-pay-selection-set.on{
  background-color: #fff;
}

.review-and-pay-selection-set.on .review-and-pay-startradio > .review-and-pay-rightprice{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
}


.review-and-pay-selection-set:last-child {
  border-bottom: none;
}


.review-and-pay-startradio{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;

  width: 100%;
  display: flex;
  align-items: center;
}

.review-and-pay-rightprice{
  margin-left: auto;
  color: #666666;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;

  position: absolute;
  right: 15px;
}



.review-and-pay-submit-container{
  width: 100%;
  display: block;
  margin-top: 20px;
}


.review-and-pay-submit-btn:active{
  background-color: #007cba;
  box-shadow: #106a979b 0 2px 10px;
}
.review-and-pay-submit-btn{
border:none;

  margin-left: auto;
  margin-right: auto;
max-width: 370px;
width: 100%;
background-color: #1792d1;
border-radius: 8px;

height: 44px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;


  color: #FFFFFF;
text-decoration: none;
font-family: 'SF Pro Display',Arial;
font-size: 12.0pt;
font-style: normal;
font-weight: 600;
letter-spacing: 0.4px;

opacity: 1;

/*
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
*/


}






.mini-pinlocation-text-pickup{
  display: block;
  margin-bottom: 5px;
  color: #134056;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.mini-pinlocation-text-pickup-2{
  display: block;
  margin-bottom: 10px;
  color: #638190;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.mini-pinlocation-text-pickup-3{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}



.mini-pickup-nearest{
  color: #0CA5F3;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 17px;
  margin-bottom: 5px;
}


.optional-cash{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  display: flex;
  width: 100%;
  justify-content: right;
  align-items: center;
}

.optional-cash-text{
  color: #666666;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-right: 15px;
}

.cod-optional::placeholder{
  font-size: 10pt;
}
.cod-optional{

  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  text-decoration: none;


  height: 40px;
  width: 100px;

  border: 1px solid rgba(213,214,220,0.5);
  border-radius: 8px;
  background-color: #fffefc;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #000000;
  text-align: center;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}



@media (min-width: 767px) {
  .iops-help-center{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
  }
  .iops-notif-center{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
  }
  
.iops-help-title-contain{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.iops-notif-title-contain{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.iops-branches-title-contain{
  width: 100%;
  display: block;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}



.iops-help-send-contain{
  width: 100%;
  display: block;
}
.iops-help-send.active{
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}
.iops-help-send{
  width: 100%;
  outline: 0;
  border: none;
  color: #fff;
  font-size: 14pt;
  padding: 10px 15px;
  border-radius: 8px;
  background-color: #ff5a41;
  opacity: 0.5;
  pointer-events: none;
}
.iops-help-title{
  font-size: 18pt;
  color: #000;
  }
  .iops-notif-title{
    font-size: 18pt;
    color: #000;
    }
}
@media (max-width: 767px) {
  .iops-help-center{
    width: 100%;
    display: block;
  }
  .iops-notif-center{
    width: 100%;
    display: block;
  }
.iops-help-title-contain{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.iops-notif-title-contain{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.iops-branches-title-contain{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.iops-help-send-contain{
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: block;
}
.iops-help-send.active{
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}
.iops-help-send{
  width: 100%;
  outline: 0;
  border: none;
  color: #fff;
  font-size: 14pt;
  padding: 10px 15px;
  border-radius: 8px;
  background-color: #ff5a41;
  opacity: 0.5;
  pointer-events: none;
}
.iops-help-title{
  font-size: 18pt;
  color: #000;
  }
  .iops-notif-title{
    font-size: 18pt;
    color: #000;
    }
}




.iops-help-excn{
  width: 100%;
  background-color:#f7f7f7;
  padding: 10px 15px;
justify-content: center;
  position: relative;
  display: flex;
  align-items: center;
}
.iops-help-excn-text{
  color: #000;
  font-size: 11pt;
}
.iops-help-excn-arrow{
  position: absolute;
  right: 18px;
  width: 8px;
  pointer-events: none;
}


.iops-help-hmwhy{
  width: 100%;
  display: block;
  text-align: center;
  color: #5e5e5e;
  font-size: 18pt;
  padding-top: 25px;
  padding-bottom: 20px;
}

@media (min-width: 767px) {
.notif-recent-contain{
  width: 100%;
  border-top: 1px solid #d9d9d9;
}
.branches-recent-contain{
  width: 100%;
}
.branches-recent-border{
  width: 100%;
  border-top: 1px solid #d9d9d9;
}



.notif-flex-top-1{
  width: 100%;
  display: flex;
  align-items: center;
  height: 22px;
  padding-right: 15px;
}

.recent-ordernumber.mbnew{
color: #00a2ff;
font-weight: bold;
}
}
@media (max-width: 767px) {
  .notif-recent-contain{
    width: 100%;
    border-top: 1px solid #d9d9d9;
  }
  .branches-recent-contain{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .branches-recent-border{
    width: 100%;
    border-top: 1px solid #d9d9d9;
  }


  .notif-flex-top-1{
    width: 100%;
    display: flex;
    align-items: center;

    height: 22px;
  }
  .recent-ordernumber.mbnew{
    color: #00a2ff;
    font-weight: bold;
    }
}

@media (min-width: 767px) {
  .order-now-fixed{
  display: none;
  }
}
@media (max-width: 767px) {
  .order-now-fixed{
    cursor: pointer;
    background-color: #f8ba00;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    border-radius: 35px;
    font-weight: bold;
    height: 70px;
    width: 70px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 5%;
    right: 5%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }
}




@media (min-width: 767px) {
  .iopsreview-and-pay-sched{
    width: 100%;

    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .iopsreview-and-pay-sched{
    width: 100%;
 
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 767px) {

  .iopsreview-and-pay-title-red-2{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EF480F;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 15px;
  }



  

  .iopsreview-and-pay-name-1{
    color: #7c7e7f;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  
  padding-left: 15px;
  margin-bottom: 10px;
  }
  .iopsreview-and-pay-name-2{
    color: #929FA6;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
  
  padding-left: 15px;
  margin-bottom: 10px;
  }


  .iopsreview-and-pay-name-3{
    color: #929FA6;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
  
  padding-left: 15px;
  margin-bottom: 10px;
  }




  .iopsreview-and-pay-title-red-2a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EF480F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 14.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 15px;
  }

  .iopsreview-and-pay-name-1a{
    color: #7c7e7f;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  
  padding-left: 15px;
  margin-bottom: 10px;
  }
  .iopsreview-and-pay-name-2a{
    color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 1px;
  
  padding-left: 15px;
  margin-bottom: 15px;
  }

}
@media (max-width: 767px) {
  .iopsreview-and-pay-title-red-2{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EF480F;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    padding-left: 15px;
  }
  .iopsreview-and-pay-name-1{
    color: #7c7e7f;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.5pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  
  padding-left: 15px;
  margin-bottom: 8px;
  }
  .iopsreview-and-pay-name-2{
    color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 0.4px;
  
  padding-left: 15px;
  margin-bottom: 8px;
  }
  .iopsreview-and-pay-name-3{
    color: #929FA6;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 0.4px;
  
  padding-left: 15px;
  margin-bottom: 5px;
  }


  .iopsreview-and-pay-title-red-2a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EF480F;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    padding-left: 15px;
  }
  .iopsreview-and-pay-name-1a{
    color: #7c7e7f;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 11.5pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  
  padding-left: 15px;
  margin-bottom: 8px;
  }
  .iopsreview-and-pay-name-2a{
    color: #929FA6;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 0.4px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
  }




}


@media (min-width: 767px) {
.iopsreview-and-pay-2s{
  display: flex;
  align-items: first baseline;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-bottom: 15px;
}
.iopsreview-and-pay-2s-1{
  color: #414141;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 1px;
  min-width: 150px;
}
.iopsreview-and-pay-2s-2{
  color: #8b8b8b;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 1px;
}


}
@media (max-width: 767px) {
  .iopsreview-and-pay-2s{
    display: flex;
    align-items: first baseline;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-bottom: 15px
  }
  .iopsreview-and-pay-2s-1{
    color: #414141;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.4px;
    min-width: 140px;
  }
  .iopsreview-and-pay-2s-2{
    color: #8b8b8b;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.4px;
  }
  
}


@media (min-width: 767px) {
  .iopsreview-and-pay-2sa{
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .iopsreview-and-pay-special-2a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EF480F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 13.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .iopsreview-and-pay-specialopt-2a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #9a9a9a;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 13.0pt;
    font-style: normal;
    letter-spacing: 1px;
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .iopsreview-and-pay-2sa{
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .iopsreview-and-pay-special-2a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #EF480F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  .iopsreview-and-pay-specialopt-2a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #9a9a9a;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.5pt;
    font-style: normal;
    letter-spacing: 0.4px;
    padding-left: 8px;
  }
}

@media (min-width: 767px) {
  .iopscustomer-tellus-container{
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    margin-bottom: 10px;
  }
  .iopscustomer-tellus-container:hover{
opacity: 0.5;
  }


  .iopscustomer-tellus-img-container{
    display: flex;
    align-items: center;
    justify-items: center;
    width: 25px;
    margin-right: 10px;
    text-align: center;
  }
  .iopscustomer-tellus-img{
    width: 22px;
  }
  .iopscustomer-tellus-text-container{
    width: 100%;
    display: flex;
    align-items: center;
  }

  .iopscustomer-tellus-text-noadded{
    color: #000;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
  }

  .iopscustomer-tellus-text-added{
    color: #ff9300;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
  }
  
}
@media (max-width: 767px) {
  .iopscustomer-tellus-container{
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    margin-bottom: 10px;
  }
  .iopscustomer-tellus-container:hover{
opacity: 0.5;
  }


  .iopscustomer-tellus-img-container{
    display: flex;
    align-items: center;
    justify-items: center;
    width: 25px;
    margin-right: 10px;
    text-align: center;
  }
  .iopscustomer-tellus-img{
    width: 22px;
  }
  .iopscustomer-tellus-text-container{
    width: 100%;
    display: flex;
    align-items: center;
  }
  .iopscustomer-tellus-text-noadded{
    color: #000000;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
  }
  .iopscustomer-tellus-text-added{
    color: #ff9300;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
  }
}


@media (min-width: 767px) {
  .iopsreview-and-pay-order-item-2{
    color: #929FA6;
    text-align: left;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
  }
  .revprice-00{
    font-size: 10pt;
    vertical-align: top;
  }
  .iopsreview-and-pay-order-item-container{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 15px;
    position: relative;
  }
  .iopsreview-and-pay-order-item-2right{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

  }
  .iopsreview-and-pay-order-item-2right-text1{
  color: #929FA6;
  text-align: right;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
  display: block;
  }
  .iopsreview-and-pay-order-item-2right-text2{
    color: #929FA6;
    text-align: right;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    }

    .review-and-pay-order-item-1{
      display: block;
      width: 100%;
      color: #4d4d4d;
      text-align: left;
      text-decoration: none;
      font-family: "Lato", sans-serif;
      font-size: 13.5pt;
      /*! font-style: normal; */
      /*! font-weight: lighter; */
      letter-spacing: 0.3px;
      margin-bottom: 5px;
      font-weight: 500;
      font-style: normal;
    }
    

}
@media (max-width: 767px) {
  .iopsreview-and-pay-order-item-2{
    color: #929FA6;
    text-align: left;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
  }
  .revprice-00{
    font-size: 10pt;
    vertical-align: top;
  }
  .iopsreview-and-pay-order-item-container{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 15px;
    position: relative;
  }
  .iopsreview-and-pay-order-item-2right{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

  }
  .iopsreview-and-pay-order-item-2right-text1{
  color: #929FA6;
  text-align: right;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
  display: block;
  }
  .iopsreview-and-pay-order-item-2right-text2{
    color: #929FA6;
    text-align: right;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    }

    .review-and-pay-order-item-1{
      display: block;
      width: 100%;
      color: #4d4d4d;
      text-align: left;
      text-decoration: none;
      font-family: "Lato", sans-serif;
      font-size: 13.5pt;
      font-style: normal;
      font-weight: lighter;
      letter-spacing: 0.3px;
      margin-bottom: 5px;
    }
    
}

@media (min-width: 767px) {
  .orderdetailslast-contain{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .iopsreview-and-pay-title-orderdetailslast{
    color: #EF480F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 13.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  .iopsreview-and-pay-title-orderdetailslast2{
    color: #212121;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 16.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
    position: relative;
  }
  .iopsreview-and-pay-title-gt{
    position: absolute;
    top: -23px;
    color: #a5a5a5;
    text-decoration: none;
    font-family: 'Helvetica';
    font-size: 11pt;
    font-style: normal;
    letter-spacing: 0.4px;
    white-space: nowrap;
    font-weight: lighter;
  }
  .iopsreview-and-pay-order-details-container{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .orderdetailslast-contain{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .iopsreview-and-pay-title-orderdetailslast{
    color: #EF480F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 13.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  .iopsreview-and-pay-title-orderdetailslast2{
    color: #212121;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 16.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
    position: relative;
  }
  .iopsreview-and-pay-title-gt{
    position: absolute;
    top: -23px;
    color: #a5a5a5;
    text-decoration: none;
    font-family: 'Helvetica';
    font-size: 11pt;
    font-style: normal;
    letter-spacing: 0.4px;
    white-space: nowrap;
    font-weight: lighter;
  }
  .iopsreview-and-pay-order-details-container{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 25px;
  }
}


@media (min-width: 767px) {
  .iopsreview-paymentoptions-title{
    display: block;
    text-align: center;
    color: #31090C;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 13.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
   }
}
@media (max-width: 767px) {
  .iopsreview-paymentoptions-title{
    display: block;
    text-align: left;
    color: #EF480F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 13.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
    padding-left: 15px;
   }
}

@media (min-width: 767px) {
  .iopsreview-and-pay-selection-contain{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 8px;
    border:1px solid rgba(58,50,41,0.15);
    background-color: #f8fafb;
    overflow: hidden;
    position: relative;
  }
  .iopsreview-and-pay-selection-block{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    }
    
}
@media (max-width: 767px) {
  .iopsreview-and-pay-selection-contain{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 8px;
    border:1px solid rgba(58,50,41,0.15);
    background-color: #f8fafb;
    overflow: hidden;
    position: relative;
  }
  .iopsreview-and-pay-selection-block{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    }
    
}


@media (min-width: 767px) {
  .iops-sect4-body-container{
    width: 100%;
    display: block;
    position: relative;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:100px;
  }
  .cart-details-nav{
    padding-left: 15px;
    padding-right: 15px;
    height: 80px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .cart-details-title{
    width: 100%;
    display: block;
    text-align: center;
    color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
  }
  .order-divider{
    width: 100%;
    height: 1px;
    display: block;
    background-color: #ebefeb;
  }
  .order-summary{
    color: #000000;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .order-sumtable-2{
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }
  .order-amount-paid{
    color: #72AB4C;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 23px;
  }
  .order-amount-paid-2{
  color: #72AB4C;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 23px;
  margin-left: auto;
  }
  .order-amount-div1{
    color: #638190;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 11.5pt;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 19px;
  }
  .order-amount-div1-2{
    margin-left: auto;
    color: #134056;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 11.5pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 19px;
  }

  
  .order-full-details{
    padding-top: 15px;
    padding-bottom: 8px;
    color: #000000;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 21px;
  }
  .order-full-details-customer{
    color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
  }
  .order-full-details-customer-name{
    color: #713D03;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
    }
    .order-full-details-customer-number{
      color: #929FA6;
      text-decoration: none;
      font-family: 'SF Pro Display',Arial;
      font-size: 10.0pt;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      margin-bottom: 4px;
    }
    .order-full-details-customer-email{
      color: #929FA6;
      text-decoration: none;
      font-family: 'SF Pro Display',Arial;
      font-size: 10.0pt;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      margin-bottom: 8px;
    }
    .order-full-details-customer-delivery-title{
      color: #EF480F;
      text-decoration: none;
      font-family: 'SF Pro Display',Arial;
      font-size: 10.0pt;
      font-style: normal;
      font-weight: 500;
      letter-spacing: 0.4px;
      margin-bottom: 8px;
    }
    .iops-donepay{
      padding-left: 0 !important;
    }

}
@media (max-width: 767px) {
  .iops-sect4-body-container{
    width: 100%;
    display: block;
    position: relative;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:100px;
  }
  .cart-details-nav{
    padding-left: 15px;
    padding-right: 15px;
    height: 80px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .cart-details-title{
    width: 100%;
    display: block;
    text-align: center;
    color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
  }
  .order-divider{
    width: 100%;
    height: 1px;
    display: block;
    background-color: #ebefeb;
  }
  .order-summary{
    color: #000000;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .order-sumtable-2{
    display: flex;
    width: 100%;
    margin-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .order-amount-paid{
    color: #72AB4C;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 23px;
  }
  .order-amount-paid-2{
  color: #72AB4C;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 23px;
  margin-left: auto;
  }
  .order-amount-div1{
    color: #638190;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 19px;
  }
  .order-amount-div1-2{
    margin-left: auto;
    color: #134056;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 19px;
  }
  .order-full-details{
    padding-top: 15px;
    padding-bottom: 8px;
    color: #000000;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 21px;
    padding-left: 15px;
  }
  .order-full-details-customer{
    color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
  }
  .order-full-details-customer-name{
    color: #713D03;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
    }
    .order-full-details-customer-number{
      color: #929FA6;
      text-decoration: none;
      font-family: 'SF Pro Display',Arial;
      font-size: 10.0pt;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      margin-bottom: 4px;
    }
    .order-full-details-customer-email{
      color: #929FA6;
      text-decoration: none;
      font-family: 'SF Pro Display',Arial;
      font-size: 10.0pt;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0.4px;
      margin-bottom: 8px;
    }
    .order-full-details-customer-delivery-title{
      color: #EF480F;
      text-decoration: none;
      font-family: 'SF Pro Display',Arial;
      font-size: 10.0pt;
      font-style: normal;
      font-weight: 500;
      letter-spacing: 0.4px;
      margin-bottom: 8px;
    }
}

.ordshed-1{
  color: #713D03;
}
@media (min-width: 767px) {

  .order-full-details-customer-contain{
    margin-top: 20px;
    background-color: #f9f7f5;
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .review-and-pay-order-subotal-1{
    color: #000000;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  .review-and-pay-order-subotal-2{
    margin-left: auto;
    color: #000000;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  }
  .ios-total-success-payment{
    width: 100%;
  }
}


@media (max-width: 767px) {
  .ios-total-success-payment{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .order-full-details-customer-contain{
    margin-top: 20px;
    background-color: #f9f7f5;
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .review-and-pay-order-subotal-1{
    color: #000000;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  .review-and-pay-order-subotal-2{
    margin-left: auto;
    color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  }
}



@media (min-width: 767px) {


  .iops-dscnt-body{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    position: relative;
    overflow-y: auto;
  }
  .iops-dscnt-top{
  position: sticky;
  background-color: #fff;
  top: 0;
  width: 100%;
  height: 70px;
  padding-top: 25px;
  z-index: 1024;

  border-bottom: 1px solid #d9d9d9;
  }
  .iops-dscnt-flex{
    width: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  
  .iops-dscnt-left{
    display: block;
  flex-shrink: 0;
    width: 120px;
  }
  
  .iops-dscnt-img-close{
    width: 18px;
  }
  .iops-dscnt-left-close{
    cursor: pointer;
    padding-left: 15px;
    width: 100%;
    display: block;
  }
  
  .iops-dscnt-left-confirm{
    display: inline-block;
    text-align: center;
    padding:5px 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 12pt;
    background-color: #1692d0;
    font-family: 'Helvetica Neue',Arial;
  }
  
  .iops-dscnt-mid{
    width: 100%;
    display: block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  .iops-dscnt-mid-text{
    color: #616161;
    font-size: 12pt;
    font-family: 'Helvetica Neue',Arial;
  }
  
  
  .iops-dscnt-right{
    display: block;
    flex-shrink: 0;
    width: 120px;
    text-align: right;
  }
  .iops-dscnt-right-add{
    width: 100%;
    display: block;
    cursor: pointer;
    padding-right: 15px;
  }
  .iops-dscnt-img-add{
    width: 18px;
  }
  
  .iops-dscnt-added{
    width: 100%;
    display: block;
    position: relative;
  }
  .iops-dscnt-nocards{
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    width: 100%;
    text-align: center;
    color: #999999;
    font-size: 12pt;
  }
  
  .iops-minidscnt-container{
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
   }
  
  .iops-minidscnt-provide{
    color: #3c697f;
    font-family: 'Helvetica Neue',Arial;
    font-size: 12.5pt;
    margin-bottom: 15px;
  }
  
  .iops-minidscnt-setflex{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .iops-minidscnt-setflex-left{
    flex-shrink: 0;
    width: 150px;
    color: #638190;
    font-size: 11pt;
    font-family: 'Helvetica Neue',Arial;
  }
  .iops-minidscnt-setflex-right{
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  }
  
  
  .iops-minidscnt-setflex-select{
    width: 100%;
    border: 1px solid #3c697f;
    border-radius: 6px;
    background-color: #fff;
  }
  
  
  .iops-minidscnt-setflex-textbox{
    width: 100%;
    border: 1px solid #3c697f;
    border-radius: 6px;
    height: 36.8px;
    background-color: #fff;
  
    padding-left: 15px;
    padding-right: 15px;
    color: #31090C;
    text-decoration: none;
    outline: 0;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.0pt;
  }
  
  .iops-dscnt-cardset{
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
  }
  .iops-dscnt-cardset-container{
    width: 100%;
    display: block;
    border-top: 1px solid #d9d9d9;
    position: relative;
    overflow: hidden;
  }
  
  .dscnt-cards-block1{
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 15px;
  }
  .dscnt-cards-text-1{
    color: #638190;
    text-align: left;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  .dscnt-cards-text-2{
    width: 100%;
    display: block;
    color: #713D03;
    text-align: left;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 9.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
  }
  
  .dscnt-cards-right-flex{
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .dscnt-cards-right-flex-edit{
    width: 40px;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .dscnt-cards-right-flex-edit:hover{
  opacity: 0.5;
  }
  
  
  .dscnt-cards-right-flex-edit-img{
    width: 18px;
  }
  .dscnt-cards-right-flex-delete{
    width: 40px;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .dscnt-cards-right-flex-delete:hover{
    opacity: 0.5;
    }
  
  .dscnt-cards-right-flex-delete-img{
    width: 18px;
  }
  .nodatayt{
    opacity: 0.5;
  }
  
   
  .iops-details-df-confirm{
  
    width: 100%;
      display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #1792d1;
    height: 35px;
    border-radius:17px;
    
      color: #FFFFFF;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    cursor: pointer;
    
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    margin-bottom: 10px;
    }
    .iops-details-df-confirm.on{
      opacity: 1;
      -webkit-transition: all 0.3s ease;                  
      -moz-transition: all 0.3s ease;                 
      -o-transition: all 0.3s ease;   
      -ms-transition: all 0.3s ease;          
      transition: all 0.3s ease;
    }
    .iops-details-df-confirm:hover,
    .iops-details-df-confirm:focus{
      opacity: 0.5;
    }
}
@media (max-width: 767px) {


  .iops-dscnt-body{
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    position: relative;
    overflow-y: auto;
  }
  .iops-dscnt-top{
  position: sticky;
  background-color: #fff;
  top: 0;
  width: 100%;
  height: 70px;
  padding-top: 25px;
  z-index: 1024;
 
  border-bottom: 1px solid #d9d9d9;
  }
  .iops-dscnt-flex{
    width: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  
  .iops-dscnt-left{
    display: block;
  flex-shrink: 0;
    width: 120px;
  }
  
  .iops-dscnt-img-close{
    width: 18px;
  }
  .iops-dscnt-left-close{
    cursor: pointer;
    padding-left: 15px;
    width: 100%;
    display: block;
  }
  
  .iops-dscnt-left-confirm{
    display: inline-block;
    text-align: center;
    padding:5px 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 12pt;
    background-color: #1692d0;
    font-family: 'Helvetica Neue',Arial;
  }
  
  .iops-dscnt-mid{
    width: 100%;
    display: block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  .iops-dscnt-mid-text{
    color: #616161;
    font-size: 12pt;
    font-family: 'Helvetica Neue',Arial;
  }
  
  
  .iops-dscnt-right{
    display: block;
    flex-shrink: 0;
    width: 120px;
    text-align: right;
  }
  .iops-dscnt-right-add{
    width: 100%;
    display: block;
    cursor: pointer;
    padding-right: 15px;
  }
  .iops-dscnt-img-add{
    width: 18px;
  }
  
  .iops-dscnt-added{
    width: 100%;
    display: block;
    position: relative;
  }
  .iops-dscnt-nocards{
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    width: 100%;
    text-align: center;
    color: #999999;
    font-size: 12pt;
  }
  
  .iops-minidscnt-container{
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
   }
  
  .iops-minidscnt-provide{
    color: #3c697f;
    font-family: 'Helvetica Neue',Arial;
    font-size: 12.5pt;
    margin-bottom: 15px;
  }
  
  .iops-minidscnt-setflex{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .iops-minidscnt-setflex-left{
    flex-shrink: 0;
    width: 150px;
    color: #638190;
    font-size: 11pt;
    font-family: 'Helvetica Neue',Arial;
  }
  .iops-minidscnt-setflex-right{
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  }
  
  
  .iops-minidscnt-setflex-select{
    width: 100%;
    border: 1px solid #3c697f;
    border-radius: 6px;
    background-color: #fff;
  }
  
  
  .iops-minidscnt-setflex-textbox{
    width: 100%;
    border: 1px solid #3c697f;
    border-radius: 6px;
    height: 36.8px;
    background-color: #fff;
  
    padding-left: 15px;
    padding-right: 15px;
    color: #31090C;
    text-decoration: none;
    outline: 0;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.0pt;
  }
  
  .iops-dscnt-cardset{
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
  }
  .iops-dscnt-cardset-container{
    width: 100%;
    display: block;
    border-top: 1px solid #d9d9d9;
    position: relative;
    overflow: hidden;
  }
  
  .dscnt-cards-block1{
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 15px;
    
  }
  .dscnt-cards-text-1{
    color: #638190;
    text-align: left;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  .dscnt-cards-text-2{
    width: 100%;
    display: block;
    color: #713D03;
    text-align: left;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 9.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
  }
  
  .dscnt-cards-right-flex{
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .dscnt-cards-right-flex-edit{
    width: 40px;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .dscnt-cards-right-flex-edit:hover{
  opacity: 0.5;
  }
  
  
  .dscnt-cards-right-flex-edit-img{
    width: 18px;
  }
  .dscnt-cards-right-flex-delete{
    width: 40px;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .dscnt-cards-right-flex-delete:hover{
    opacity: 0.5;
    }
  
  .dscnt-cards-right-flex-delete-img{
    width: 18px;
  }
  .nodatayt{
    opacity: 0.5;
  }
  
   
  .iops-details-df-confirm{
  
    width: 100%;
      display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #1792d1;
    height: 35px;
    border-radius:17px;
    
      color: #FFFFFF;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    cursor: pointer;
    
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    margin-bottom: 10px;
    }
    .iops-details-df-confirm.on{
      opacity: 1;
      -webkit-transition: all 0.3s ease;                  
      -moz-transition: all 0.3s ease;                 
      -o-transition: all 0.3s ease;   
      -ms-transition: all 0.3s ease;          
      transition: all 0.3s ease;
    }
    .iops-details-df-confirm:hover,
    .iops-details-df-confirm:focus{
      opacity: 0.5;
    }
}

.iops-details-df-confirm-container{
  width: 100%;
  display: block;
  padding-bottom: 30px;
  padding-top: 30px;
}

@media (min-width: 767px) {
  .iops-more-mainbody{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    position: relative;
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  .iops-more-mainbody{
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    position: relative;
    overflow-y: auto;
  }
}





@media (min-width: 767px) {


  .iops-tellus-closecontainer{
    width: 60px;
    padding-top: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
  }
  .iops-tellus-closeimg{
    width: 18px;
  }







  .iops-more-closecontainer{
    width: 60px;
    padding-right: 10px;
    padding-top: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
  }
  .iops-more-closeimg{
    width: 18px;
  }
  .iops-more-body{
    width: 100%;
    display: block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;

  }




.iops-more-body-set-flex{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.iops-more-body-set-flex-left{
  width: 200px;
  flex-shrink: 0;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px
}
.iops-more-body-set-flex-right{
  width: 200px;
  flex-shrink: 0;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: rgb(28, 207, 31);
}

.iops-more-body-set-flex-2{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.iops-more-body-set-flex-1a{
  width: 200px;
  flex-shrink: 0;
  color: #2F1C06;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.iops-more-body-set-flex-1b{
  width: 200px;
  flex-shrink: 0;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
  color: rgb(28, 207, 31);
}

.iops-more-body-set-flex-3{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.iops-more-body-set-flex-3a{
  width: 100%;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px;
}


.iops-more-body-set-flex-4{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.iops-more-body-set-flex-4a{
  color: #31090C;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
}


.iops-more-body-set-flex-5{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.iops-more-body-set-flex-5-boxes{
  cursor: pointer;
  background-color: #f8f6ed;
  border-radius: 8px;
  width: 23.5%;
  height: 65px;
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  
}
.iops-more-body-set-flex-5-boxes:hover{


filter: gray;
-webkit-filter: grayscale(1); 
}



.iops-more-body-set-flex-5-img-contain{
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 40px;
}
.iops-more-body-set-flex-5-img{
  width: 28px;
}
.iops-more-body-set-flex-5-text{
  text-align: center;
  display: block;
  width: 100%;
  color: #134056;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 8.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.9px;
}
.iops-more-body-set-flex-5-text-small{
  text-align: center;
  display: block;
  width: 100%;
  color: #134056;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 7.5pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.9px;
}
.iops-more-set-section{
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

.iops-more-body-hdwd{
  width: 100%;
  border-radius: 8px;
  background-color: #f8f6ed;
  height: 160px;
  display: block;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
.iops-hdwd-text{
  width: 100%;
  display: block;
  text-align: center;
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
  line-height: 22px;
  margin-bottom: 10px;
}
.iops-hdwd-text-2{
  width: 100%;
  display: block;
  text-align: center;
  color: #638190;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.9px;
  line-height: 18px;
  margin-bottom: 15px;
  
}


.iops-more-hdwd-rating{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.iops-more-hdwd-rating-start{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
.iops-hdwd-yesno-active{
  background-color: #f8f6ed !important;
}

.iops-hdwd-yesno{
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 63px;
  height: 63px;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.iops-hdwd-yesno:hover{
  background-color: #f8f6ed;
}




.iops-more-hdwd-rating-box{
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f6ed;
  width: 63px;
  height: 63px;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.iops-more-hdwd-rating-box:hover{
  background-color: #fff;
}

.iops-more-hdwd-rating-box-img{
  width: 55px;
}

.iops-more-hdwd-gotit{
  width: 100%;
  display: none;
  background-color: #fff;
  position: absolute;
  height: 100%;
  top: 0;
}

.iops-more-hdwd-comment{
  width: 100%;
  display: none;
  background-color: #fff;
  padding-top: 50px;
  position: absolute;
  height: 100%;
  top: 0;
}

.comment-cancel-text{
  display: inline-block;
  background-color: #f8f6ed;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius:16px;
  color:#713D03;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 15px;
}

.comment-save-text{
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: table;
  background-color: #fbfaf6;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius:16px;
  color:#33b1f1;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 400;
}


.comment-gotit-text{
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: table;
  background-color: #f8f6ed;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius:16px;
  color:#2F1C06;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 13pt;
  font-style: normal;
  font-weight: 400;
}

.iops-gotitclose-container{
  width: 60px;
  padding-right: 10px;
  padding-top: 10px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
}
.iops-gotitclose-img{
  width: 18px;
}

.iops-gotit-title{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 18.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-top: 15px;
  padding-bottom: 20px;
  display: block;
  width: 100%;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.iops-gotit-text-1{
  color: #666666;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 13.5pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}


}
@media (max-width: 767px) {

  .iops-tellus-closecontainer{
    width: 60px;

    padding-top: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
  }
  .iops-tellus-closeimg{
    width: 18px;
  }


  .iops-more-closecontainer{
    width: 60px;
    padding-right: 10px;
    padding-top: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
  }
  .iops-more-closeimg{
    width: 18px;
  }
  .iops-more-body{
    width: 100%;
    display: block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;

  }




.iops-more-body-set-flex{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.iops-more-body-set-flex-left{
  width: 200px;
  flex-shrink: 0;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px
}
.iops-more-body-set-flex-right{
  width: 200px;
  flex-shrink: 0;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: rgb(28, 207, 31);
}

.iops-more-body-set-flex-2{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.iops-more-body-set-flex-1a{
  width: 200px;
  flex-shrink: 0;
  color: #2F1C06;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.iops-more-body-set-flex-1b{
  width: 200px;
  flex-shrink: 0;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
  color: rgb(28, 207, 31);
}

.iops-more-body-set-flex-3{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.iops-more-body-set-flex-3a{
  width: 100%;
  color: #EF480F;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px;
}


.iops-more-body-set-flex-4{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.iops-more-body-set-flex-4a{
  color: #31090C;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
}


.iops-more-body-set-flex-5{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.iops-more-body-set-flex-5-boxes{
  cursor: pointer;
  background-color: #f8f6ed;
  border-radius: 8px;
  width: 23.5%;
  height: 65px;
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
  
}
.iops-more-body-set-flex-5-boxes:hover{


filter: gray;
-webkit-filter: grayscale(1); 
}



.iops-more-body-set-flex-5-img-contain{
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 40px;
}
.iops-more-body-set-flex-5-img{
  width: 28px;
}
.iops-more-body-set-flex-5-text{
  text-align: center;
  display: block;
  width: 100%;
  color: #134056;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 8.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.9px;
}
.iops-more-body-set-flex-5-text-small{
  text-align: center;
  display: block;
  width: 100%;
  color: #134056;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 7.5pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.9px;
}
.iops-more-set-section{
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

.iops-more-body-hdwd{
  width: 100%;
  border-radius: 8px;
  background-color: #f8f6ed;
  height: 160px;
  display: block;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
.iops-hdwd-text{
  width: 100%;
  display: block;
  text-align: center;
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
  line-height: 22px;
  margin-bottom: 10px;
}
.iops-hdwd-text-2{
  width: 100%;
  display: block;
  text-align: center;
  color: #638190;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.9px;
  line-height: 18px;
  margin-bottom: 15px;
  
}


.iops-more-hdwd-rating{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.iops-more-hdwd-rating-start{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
.iops-hdwd-yesno-active{
  background-color: #f8f6ed !important;
}

.iops-hdwd-yesno{
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 63px;
  height: 63px;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.iops-hdwd-yesno:hover{
  background-color: #f8f6ed;
}




.iops-more-hdwd-rating-box{
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f6ed;
  width: 63px;
  height: 63px;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
}
.iops-more-hdwd-rating-box:hover{
  background-color: #fff;
}

.iops-more-hdwd-rating-box-img{
  width: 55px;
}

.iops-more-hdwd-gotit{
  width: 100%;
  display: none;
  background-color: #fff;
  position: absolute;
  height: 100%;
  top: 0;
}

.iops-more-hdwd-comment{
  width: 100%;
  display: none;
  background-color: #fff;
  padding-top: 20px;
  position: absolute;
  height: 100%;
  top: 0;
}

.comment-cancel-text{
  display: inline-block;
  background-color: #f8f6ed;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius:16px;
  color:#713D03;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  margin-left: 15px;
  margin-bottom: 15px;
}

.comment-save-text{
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: table;
  background-color: #fbfaf6;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius:16px;
  color:#33b1f1;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 13.5pt;
  font-style: normal;
  font-weight: 400;
}


.comment-gotit-text{
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: table;
  background-color: #f8f6ed;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius:16px;
  color:#2F1C06;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 13.5pt;
  font-style: normal;
  font-weight: 400;
}


.iops-gotitclose-container{
  width: 60px;
  padding-right: 10px;
  padding-top: 10px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
}
.iops-gotitclose-img{
  width: 18px;
}

.iops-gotit-title{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 16.5pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-top: 15px;
  padding-bottom: 40px;
  display: block;
  width: 100%;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.iops-gotit-text-1{
  padding-left: 15px;
  padding-right: 15px;
  color: #666666;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 12.5pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 50px;
}
}


.iops-dscnt-cardset-delete{
  width: 100%;
  background-color: #ef480f;
  position: absolute;
  height: 100%;
  transition: all 0.5s ease;
  margin-left: -100%;
  z-index: 1026;
}
.iops-dscnt-cardset-delete.deletenow{
margin-left: 0;
}

.iops-dscnt-cardset-delete-flex{
  padding-top: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
.iops-del-title{
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
}
.iops-del-text{
  color: #D9D9D9;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.iops-del-yes{
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  padding: 5px 15px;
  border-radius: 7px;
  border:1px solid #fff;
  margin-left: auto;
  cursor: pointer;
}
.iops-del-no{
  color: #D9D9D9;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 11.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  padding: 5px 15px;
  cursor: pointer;
}

.iops-del-left{
  width: 50%;
}
.iops-del-right{
  width: 50%;
  display: flex;
  align-items: center;
}










.iops-specialinstructions-title{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 14.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  width: 100%;
  margin-bottom: 15px;
}


.iops-specialinstructions-text{
  display: block;
  width: 100%;
  color: #638190;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-bottom: 15px;
}


.iops-specialinstructions-span{
  color: #134056;
}


.iops-specialinstructions-save.iopsdisabled{
  pointer-events: none;
  opacity: 0.5;
}
.iops-specialinstructions-save{
  color: #1792D1;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 16.0pt;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
  cursor: pointer;
  display: table;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.iops-specialinstructions-save:hover{
opacity: 0.5;
}

.iops-specialinstructions-savenotice-text{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 16.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 25px;
}

.iops-specialinstructions-savenotice-gotit.iopsdisable{
  pointer-events: none;
  opacity: 0.5;
}
.iops-specialinstructions-savenotice-gotit{
  color: #0CA5F3;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 16.0pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  background-color: #f5f6f5;
  cursor: pointer;
  display: table;
  padding: 5px 15px;
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  opacity: 1;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.iops-specialinstructions-savenotice-gotit:hover{
opacity: 0.5;
}


@media (min-width: 767px) {
.iops-tellus-sp1{
  width: 100%;
  display: block;
  padding-left: 15px;
    padding-right: 15px;
}
.iops-tellus-sp2{
  width: 100%;
  display: none;
  padding-top: 25%;
  padding-left: 15px;
    padding-right: 15px;
    height: 100%;
}
}
@media (max-width: 767px) {
  .iops-tellus-sp1{
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }

  .iops-tellus-sp2{
    padding-top: 25%;
    width: 100%;
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
  }
}

.iops-tellus-body{
  width: 100%;
  display: block;
  position: relative;
}


.clear-input-container{
  position: absolute;
  top: 0;right: 0;
  cursor: pointer;
  width: 25px;
  display: none;
}
.clear-input-img{
  width: 15px;
}


.clear-inputorder-container{
  position: absolute;
  top: 32%;
  right: 0;
  cursor: pointer;
  width: 25px;
  display: none;
}
.clear-inputorder-img{
  width: 15px;
}
@media (min-width: 767px) {
  .topclear-input-container{
    position: absolute;
    top: 25%;
    right: 0;
    cursor: pointer;
    width: 25px;
    display: none;
  }
}
@media (max-width: 767px) {
  .topclear-input-container{
    position: absolute;
    top: 30%;
    right: 0;
    cursor: pointer;
    width: 25px;
    display: none;
  }
}



.topclear-input-img{
  width: 15px;
}





@media (min-width: 767px) {

  .iops-more-norate{
    width: 100%;
    display: block;
  }
  
  .iops-more-yesrate{
    width: 100%;
    display: none;
    height: 100%;
  }
  
  
  .iops-more-yesrate-rating-box{
    border-radius: 8px;
    display: flex;
    align-items: center;
  width: 100%;
  height: calc(100% - 15px);
  }
  .iops-more-yesrate-rating-box-img{
    width: 55px;
  }
  
  
  .iops-more-yesrate-rating-text{
    padding-left: 20px;
    color: #400D0F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.9px;
    line-height: 22px;
  
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .iops-more-yesrate-rating-date{
    display: block;
    width: 100%;
    text-align: right;
    color: #134056;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 9.0pt;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.9px;
    line-height: 16px;
    padding-bottom: 15px;
  }
  
}
@media (max-width: 767px) {

  .iops-more-norate{
    width: 100%;
    display: block;
  }
  
  .iops-more-yesrate{
    width: 100%;
    display: none;
    height: 100%;
  }
  
  
  .iops-more-yesrate-rating-box{
    border-radius: 8px;
    display: flex;
    align-items: center;
  width: 100%;
  height: calc(100% - 15px);
  }
  .iops-more-yesrate-rating-box-img{
    width: 55px;
  }
  
  
  .iops-more-yesrate-rating-text{
    padding-left: 20px;
    color: #400D0F;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.9px;
    line-height: 22px;
  
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .iops-more-yesrate-rating-date{
    display: block;
    width: 100%;
    text-align: right;
    color: #134056;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 9.0pt;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.9px;
    line-height: 16px;
    padding-bottom: 15px;
  }
  
}




.warning-red{
color: #EF480F !important;
}


@media (min-width: 767px) {

  .iops-greennotice{
    width: 100%;
    display: block;
    position: relative;
    background-color: #56b947;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
   /*
    cursor: pointer;
        
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    */
  }

  
  
  .iops-greennotice-flex{
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 12pt;
    color: #fff;
    letter-spacing: 0.9px;
    font-family: 'SF Pro Display',Arial;
  }
  .iops-greennoticeimg{
    position: absolute;
    right: 15px;
    width: 7px;
  }
}
@media (max-width: 767px) {

  .iops-greennotice{
    width: 100%;
    display: block;
    position: relative;
    background-color: #56b947;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    /*
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    */
  }

  
  
  .iops-greennotice-flex{
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 11pt;
    color: #fff;
    letter-spacing: 0.9px;
    font-family: 'SF Pro Display',Arial;
  }
  .iops-greennoticeimg{
    position: absolute;
    right: 15px;
    width: 7px;
  }
}


.iops-search-force{
  display: block;
  width: 100%;
  position: relative;
}

.signin-pink-text{
  color: #ed2484;
}





@media (min-width: 767px) {

  .iops-noaccount-body{
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
  .iops-noaccount-title{
    color: #2F1C06;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 20pt;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.9px;
    margin-bottom: 15px;
  }
  
  .iops-noaccount-context{
    width: 100%;
    display: block;
    color: #909090;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 14pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px;
    margin-bottom: 20px;
  }
  
  .iops-noaccount-btn01{
    display: block;
    width: 100%;
    border: 1px solid #ff4339;
    background-color: #ff4339;
    border-radius: 12px;
    padding: 8px 15px;
    margin-bottom: 15px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .iops-noaccount-btn01:hover{
opacity: 0.5;
  }

  .iops-noaccount-btn01-text{
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 16pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px; 
    position: relative;
  }
  .iops-noaccount-btn01-text2{
    color: #e0e0e0;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px;
    padding-left: 5%;
  }
  .iops-noaccount-btn01-arrow{
    position: absolute;
    width: 7px;
    right: 0;
  }
  
  
  
  
  .iops-noaccount-btn02{
    display: block;
    width: 100%;
    border: 1px solid #dadada;
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 8px 15px;
    cursor: pointer;
 
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .iops-noaccount-btn02:hover{
opacity: 0.5;
  }

  .iops-noaccount-btn02-text{
    width: 100%;
    display: flex;
    align-items: center;
    color: #1e1e1e;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 16pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px; 
    position: relative;
  }
  .iops-noaccount-btn02-arrow{
    position: absolute;
    width: 7px;
    right: 0;
  }
  
  .iops-noaccount-body-flex{
    display: block;
  width: 100%;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
max-width: 500px;
  }
}
@media (max-width: 767px) {

  .iops-noaccount-body{
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
  .iops-noaccount-title{
    color: #2F1C06;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 20pt;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.9px;
    margin-bottom: 15px;
  }
  
  .iops-noaccount-context{
    width: 100%;
    display: block;
    color: #909090;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 14pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px;
    margin-bottom: 15px;
  }
  
  .iops-noaccount-btn01{
    display: block;
    width: 100%;
    border: 1px solid #ff4339;
    background-color: #ff4339;
    border-radius: 12px;
    padding: 8px 15px;
    margin-bottom: 15px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .iops-noaccount-btn01:hover{
opacity: 0.5;
  }


  .iops-noaccount-btn01-text{
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 16pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px; 
    position: relative;
  }
  .iops-noaccount-btn01-text2{
    color: #e0e0e0;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px;
    padding-left: 5%;
  }
  .iops-noaccount-btn01-arrow{
    position: absolute;
    width: 7px;
    right: 0;
  }
  
  
  
  
  .iops-noaccount-btn02{
    display: block;
    width: 100%;
    border: 1px solid #dadada;
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 8px 15px;
    cursor: pointer;

    opacity: 1;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .iops-noaccount-btn02:hover{
opacity: 0.5;
  }


  .iops-noaccount-btn02-text{
    width: 100%;
    display: flex;
    align-items: center;
    color: #1e1e1e;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 16pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.9px; 
    position: relative;
  }
  .iops-noaccount-btn02-arrow{
    position: absolute;
    width: 7px;
    right: 0;
  }
  
  .iops-noaccount-body-flex{
    display: flex;
    align-items: center;
    height: 100%;
  }
}


@keyframes iopsload {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes iopsload {
  to { -webkit-transform: rotate(360deg); }
}

.iops-loadingpage{
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index:2024;
  background:rgba(250, 250, 252, 0.8) !important;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  overflow: hidden;
}
.iops-loadingpage-icon{
  position: relative;
  margin-top: 20%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  width: 100px;
}
.iops-loadingpage-icon::after{
  content: '';
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #a1a1a1;
  animation: iopsload 1s ease-in-out infinite;
  -webkit-animation: iopsload 1s ease-in-out infinite;
  top: 0;
  left: 25%;
  z-index: 1028;
}

.myfilter{
  position: absolute;
  width: 100%;
  z-index: 1025;
}
ul.myfilter li{
  
  display:none;
  padding: 5px;
  color: #000;
  font-size: 14pt;
  background-color: #fff;
  cursor: pointer;
  box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);
}
ul.myfilter li:focus{
  outline: none;
  box-shadow:inset 0px 0px 0px 1px rgb(255, 0, 0);
  z-index: 1026;
}




.iop-fee-details{
  width: 100%;
  padding-bottom: 5px;
  display: block;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
}
.iop-fee-details-1{
  width: 100%;
  display:block;
}
.iop-fee-details-set{
  display: flex;
  align-items: center;
  font-size: 12pt;
  color: #a5a5a5;
  font-style: 'SF Pro Display',Arial;
  line-height: 1.5;
}
.iop-fee-details-set span{
  color: #a5a5a5;
  font-size: 11.5pt;
  margin-left: auto;
}





@media (min-width: 767px) {

  .iop-fee-details-final{
    width: 100%;
    padding-bottom: 5px;
    display: block;
    padding-right: 15px;
    margin-bottom: 30px;
  }
.details-final-container{
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 8px;
}

}
@media (max-width: 767px) {

  .iop-fee-details-final{
    width: 100%;
    padding-bottom: 5px;
    display: block;

    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .details-final-container{
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
  }
}

.iop-fee-details-1{
  width: 100%;
  display:block;
}
.iop-fee-details-set{
  display: flex;
  align-items: center;
  font-size: 12pt;
  color: #a5a5a5;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 1px;
  font-family: "Lato", sans-serif;
}
.iop-fee-details-set span{
  color: #a5a5a5;
  font-size: 11.5pt;
  margin-left: auto;
}


.iops-search-order-back-desktop{
  width: 45px;
  display: none;
  align-items: center;
  cursor: pointer;
}
.iops-search-order-back-desktop.showdback{
  display: flex;
}
.iops-back-dsk-img{
  width:35px;
  cursor: pointer;
}
.reviewonly-desktop-container{
display: none;
box-sizing: border-box;
max-width: 650px;
padding-right: 95px;
width: 100%;

}
.reviewonly-desktop-container.reviewnow{
display: block;
}

.reviewonly-desktop{
  width: 100%;
  align-items: center;
  display: flex;
  
}
.reviewonly-title{
  text-align: center;
  width: 100%;
  display: block;

  color: #000;
  font-size: 16pt;
  font-family: 'SF Pro Display',Arial;
}


.registration-v2-section{
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

.registraion-bg{
  background-color: #f8f6f5 !important;
}


.iops-regv2-cancel{
  display: inline-block;
  color: #0A0202;
  text-decoration: none;
  font-size: 12.0pt;
  letter-spacing: 0.5px;
  text-transform: none;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
  background-color: #efe8df;
  border: 1px solid #efe8dfe9;
  padding: 7px 20px;
  border-radius: 20px;
  cursor: pointer;
}

@media (min-width: 767px) {
  .iops-regv2-cancel-dots{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .iops-regv2-cancel-dots{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    cursor: pointer;
  }
}





@media (min-width: 767px) {
  .iops-terms-push-body{
width: 100%;
display: block;
box-sizing: border-box;
  }
  .iops-terms-push-container{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: block;
    position: relative;
  }

  .iops-terms-push-texts{
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    display: block;
    word-wrap: break-word;
    color: #666666;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    padding-bottom: 50px;
  }


}
@media (max-width: 767px) {
  .iops-terms-push-body{
    width: 100%;
    display: block;
  }
  .iops-terms-push-container{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: block;
    position: relative;
  }
  .iops-terms-push-texts{
    width: 100%;
    display: block;
    word-wrap: break-word;
    color: #666666;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 12.0pt;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
    padding-bottom: 50px;
  }
}



@media (min-width: 767px) {

  .view-terms{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    color: #429dee;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  
}
@media (max-width: 767px) {

  .view-terms{
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    color: #429dee;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 12pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
  }
  
}



@media (max-width: 767px) {
  .bodyzoom{
    background-color: #000;
  }


  .zoomout.mode{
    overflow: auto;
  height: calc(var(--vh, 1vh) * 100);
    transition: 0.3s ease-in-out 0s;
    background-color: #fbfbfb;
    }

  .zoomout{
    background-color: #fbfbfb;
    min-height: 100%;
    }
  
    .zoomout.readyoriginal{
      transform:translate3d(0px,0px,0px) scale(1) !important;
      overflow: auto;
    height: calc(var(--vh, 1vh) * 100);
      transition: 0.3s ease-in-out 0s;
      }
  
  
    .zoomout.active
    {
      overflow-x: hidden;
      transform:translate3d(0px,0px,0px) scale(0.95) !important;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom:none;
      border-left:1px solid rgb(238, 238, 238);
      border-right:1px solid rgb(238, 238, 238);
      border-top:1px solid rgb(238, 238, 238);
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }

    .zoomout::-webkit-scrollbar.active{
      display: none;
    }
  
}



@media (min-width: 767px) {
.iops-chat-push-body{
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.iops-chat-push-container{
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
background-color: #fff;
}

.chat-title{
  color: #000000;
  text-decoration: none;
  font-family: 'SF Pro Display',Arial;
  font-size: 18.0pt;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: none;
  text-align: left;
}

.iops-chat-close{
  width: 50px;
  height: 50px;
  display: flex;
align-items: center;
  justify-content: end;
 margin-left: auto;
  cursor: pointer;
}
.iops-chat-close:active{
  transition: all .25s;
  transform: scale(0.9);
}


.iops-chat-close img{
  width: 40px;
}
.chat-title-container{
  width: 100%;
display: block;
padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  position: sticky;
  z-index: 1027;
  top: 0;
  background: #fff;



  max-width: 800px;
  margin-left: auto;
  margin-right: auto;


}
.chat-title-container-set{
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #acacac;
  margin-bottom: 30px;
}


.iops-chat-body-start{
width: 100%;
display: block;
padding-left: 15px;
padding-right: 15px;

color: #666666;
text-decoration: none;
font-family: "Lato", sans-serif;
font-size: 14.0pt;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: none;
line-height: 1.5;
}

.iops-chat-intro-1{
  color: #060606;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 18pt;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 20px;
}
.iops-chat-intro-1-a{
  color: #000;
}

.iops-chat-intro-2{
  color: #666666;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 25px;
}
.iops-chat-intro-2-a{
  color: #000;
}



.iops-chat-intro-privacy-body{
  background-color: #ffffe0;
  width: 100%;
  display: block;
  border-radius: 15px;
  padding: 15px 20px;
}

.iops-chat-privacy-link{
  color: #157efb;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 20px;
}
.iops-chat-privacy-text{
  color: #989898;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 20px;
}
.iops-chat-privacy-text-2{
  color: #989898;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
}


.iops-chat-forms{
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}



.iops-chat-solo{
  display: block;
  position: relative;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;

  margin-bottom: 30px;
}

.reg-chat-style-1{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
outline: none;
text-decoration: none;
width: 100%;
box-shadow:0px 2px 0px #EF480F;
padding-right: 35px;
padding-bottom: 5px;
border-radius: 0 !important;
background: transparent;

color: #000000;
text-align: left;
text-decoration: none;
font-family: 'SF Pro_16.0.0_system',Arial;
font-size: 14.0pt;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: none;
border: navajowhite;
}

.reg-chat-style-1.valid{


 box-shadow:0px 1px 0px rgb(213, 214, 220);
}

.chat-inputlabel-1{
  position: absolute;
  color: #c8c9cb;
  text-align: left;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 12.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
transition: 0.2s ease all;
}

.chat-inputlabel-1.valid{
  position: absolute;
  color: #EF480F;
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 9.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  transform:translateY(-20px);
}
.chat-inputlabel-1.invalid{
  position: absolute;
  color:rgb(23, 146, 209);
  text-decoration: none;
  font-family: 'Helvetica Neue',Arial;
  font-size: 10.0pt;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
  transform:translateY(-20px);
}
.iopsreg-chat-container{
  position: absolute;
  top: 0;right: 0;
  cursor: pointer;
  width: 25px;
  display: none;
}
.clear-iopsreg-chat-img{
  width: 15px;
}



.iops-chat-submit-contain{
  width: 100%;
  display: block;

}
.iops-chat-submit{
  color: #EF480F;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
  display: table;
  margin-left: auto;
  margin-right: auto;

  padding: 10px 20px;

  opacity: 0.5;
  pointer-events: none;
}
.iops-chat-submit:active{
  transition: all .25s;
      transform: scale(0.9);
}

.iops-chat-submit.valid{
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}

}




@media (max-width: 767px) {
  .iops-chat-push-body{
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  .iops-chat-push-container{
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  background-color: #fff;
  }
  
  .chat-title{
    color: #000000;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 18.0pt;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: none;
    text-align: left;
  }
  
  .iops-chat-close{
    width: 50px;
    height: 50px;
    display: flex;
  align-items: center;
    justify-content: end;
   margin-left: auto;
    cursor: pointer;
  }
  .iops-chat-close:active{
    transition: all .25s;
    transform: scale(0.9);
  }

  .iops-chat-close img{
    width: 40px;
  }
  .chat-title-container{
    width: 100%;
  display: block;
  padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
   background-color: #fff;
   border-top-left-radius: 22px;
   border-top-right-radius: 22px;
    z-index: 1027;
  }
  .chat-title-container-set{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #acacac;
    margin-bottom: 25px;
  }
  
  
  .iops-chat-body-start{
  width: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  
  color: #666666;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14.0pt;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: none;
  line-height: 1.5;
  }
  
  .iops-chat-intro-1{
    color: #060606;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 16pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 15px;
    text-align: center;
  }
  .iops-chat-intro-1-a{
    color: #000;
  }
  
  .iops-chat-intro-2{
    color: #666666;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .iops-chat-intro-2-a{
    color: #000;
  }
  
  
  
  .iops-chat-intro-privacy-body{
    background-color: #ffffe0;
    width: 100%;
    display: block;
    border-radius: 15px;
    padding: 15px 20px;
  }
  
  .iops-chat-privacy-link{
    color: #157efb;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .iops-chat-privacy-text{
    color: #989898;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .iops-chat-privacy-text-2{
    color: #989898;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
  }
  
  
  .iops-chat-forms{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  
  
  .iops-chat-solo{
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  
  .reg-chat-style-1{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  outline: none;
  text-decoration: none;
 border: none;
  width: 100%;
  
  box-shadow:0px 2px 0px #EF480F;
  padding-right: 35px;
  padding-bottom: 5px;
  border-radius: 0 !important;
  background: transparent;
  
  color: #000000;
  text-align: left;
  text-decoration: none;
  font-family: 'SF Pro_16.0.0_system',Arial;
  font-size: 14.0pt;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: none;

  }
  
  .reg-chat-style-1.valid{
    box-shadow:0px 1px 0px rgb(213, 214, 220);
  }
  
  .chat-inputlabel-1{
    position: absolute;
    color: #c8c9cb;
    text-align: left;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 12.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
  transition: 0.2s ease all;
  }
  
  .chat-inputlabel-1.valid{
    position: absolute;
    color: #EF480F;
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 9.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    transform:translateY(-20px);
  }
  .chat-inputlabel-1.invalid{
    position: absolute;
    color:rgb(23, 146, 209);
    text-decoration: none;
    font-family: 'Helvetica Neue',Arial;
    font-size: 10.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    transform:translateY(-20px);
  }
  .iopsreg-chat-container{
    position: absolute;
    top: 0;right: 0;
    cursor: pointer;
    width: 25px;
    display: none;
  }
  .clear-iopsreg-chat-img{
    width: 15px;
  }
  
  
  
  .iops-chat-submit-contain{
    width: 100%;
    display: block;
  
  }
  .iops-chat-submit{
    color: #EF480F;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    display: table;
    margin-left: auto;
    margin-right: auto;
  
    padding: 10px 20px;
  
    opacity: 0.5;
    pointer-events: none;
  }
  .iops-chat-submit:active{
    transition: all .25s;
        transform: scale(0.9);
  }
  .iops-chat-submit.valid{
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
  }
  
  }


  .iops-chat-btn{
    width: 60px;
    cursor: pointer;
    position: fixed;
    bottom: 5%;
    right: 5%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 1027;
    background-color: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
  }

  .iops-chat-gif{
    width: 100%;
    pointer-events: none;
  }


.iops-chat-verify-container{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  display: none;
}
  .iops-verify-intro-1{
    color: #666666;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 14.0pt;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .iops-verify-intro-1-a{
    color: #000;
  }

 
  @media (min-width: 767px) {
    .chatv2otpenter-code-inputcontain{
      display: flex;
      align-items: center;
      width: 100%;
      gap: 15px;
    }
    .chatv2otp-input{
      width: 40px;
      height: 60px;
      border: 1px solid rgb(153, 153, 153);
      background-color: #efefef;
      outline: 0;
      text-decoration: none;
    
      color: #000000;
      text-align: center;
      text-decoration: none;
      font-family: "Lato", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 24.0pt;
      border-radius: 5px;
    }
    .chatv2otp-input:valid{
    background-color: #fff;
    }

    .iopsreg-chat-endchat{
      /*! position: absolute; */
      right: 15px;
      cursor: pointer;
      color: #0076ba;
      padding: 8px 20px;
      background-color: #f4f4f4;
      border: 1px solid #d0d0d0;
      font-size: 14pt;
      border-radius: 40px;
      font-family: "Lato", sans-serif;
      font-weight: 500;
      font-style: normal;
      margin-left: auto;
    }
    .iopsreg-chat-endchat:active{
      transition: all .25s;
      transform: scale(0.9);
    }

  }
  @media (max-width: 767px) {
    .chatv2otpenter-code-inputcontain{
      display: flex;
      align-items: center;
      width: 100%;
      gap: 15px;
    }
    .chatv2otp-input{
      width: 45px;
      height: 60px;
      border: 1px solid rgb(153, 153, 153);
      background-color: #efefef;
      outline: 0;
      text-decoration: none;
    
      color: #000000;
      text-align: center;
      text-decoration: none;
      font-family: "Lato", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 24.0pt;
      border-radius: 5px;
    }
    .chatv2otp-input:nth-child(4) {
      margin-left: 20px;
    }

    .chatv2otp-input:valid{
    background-color: #fff;
    }

    .iopsreg-chat-endchat{
      /*! position: absolute; */
      right: 15px;
      cursor: pointer;
      color: #0076ba;
      padding: 8px 20px;
      background-color: #f4f4f4;
      border: 1px solid #d0d0d0;
      font-size: 14pt;
      border-radius: 40px;
      font-family: "Lato", sans-serif;
      font-weight: 500;
      font-style: normal;
      float: right;
      margin-left: auto;
    }
    .iopsreg-chat-endchat:active{
      transition: all .25s;
      transform: scale(0.9);
    }
  }


  .iops-chatmode-container{
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    
  }

  .iops-chatmode-links{
    display: flex;
    align-items: center;
    background-color: #f4f4f4;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 20px;
    cursor: pointer;
  }


  .iops-chatmode-links-text{
    font-size: 14pt;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #777777;
    width: calc(100% - 25px);
  }


.iops-chatmode-links-text-2nd{
  font-size: 14pt;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  width: calc(100% - 25px);
}
.iops-chatmode-links-text-2ndspan{
  color: #9a9a9a;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  
}


.iops-chatmode-arrow{
  width: 8px;
  margin-left: auto;
}

.iops-chatmode-text{
  font-size: 14pt;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #777777;
  margin-bottom: 25px;
}
.iops-chatmode-text-a{
  color: #000;
}

.iops-chatmodev3-title{
  display: block;
  text-align: center;
  font-size: 16pt;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  margin-bottom: 25px;
}
.iops-chatmodev3-text{
  font-size: 14pt;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #777777;
  margin-bottom: 25px;
  line-height: 2;
}
.iops-chatmodev3-text-a{
color: #000;
}

.iops-chatmodev2-text{
  font-size: 16pt;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #777777;
  margin-bottom: 25px;
}

.iops-chatmode-title{
  font-size: 18pt;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.iops-chatmodev3-entry{
  width: 100%;
  display: block;
  box-sizing: border-box;
}


.iops-chatmodev3-chaton{
  width: 100%;
  display: none;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 50px;
}




.iops-chat-reply{
  text-align: left;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
font-size: 14pt;
  display: table;
margin-bottom: 15px;
border: 1px solid #EFEFEF;
padding: 10px 10px;
background-color: #fff;
border-radius: 5px;
}
.iops-chat-user{
  display: table;
  margin-left: auto;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 16pt;
  margin-bottom: 15px;
  padding: 10px 10px;
  background-color: #4cc4ff;
  border-radius: 5px;
}