.discount-explain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: rgb(3, 3, 108);
  text-align: justify;
  text-justify: inter-word;
  background-color: rgb(250, 244, 135);
  border: solid;
  padding: 20px;
  margin-top: 20px;
  border-radius: 6px;
}

.p1-explain, .p2-explain, .p3-explain,
 .p4-explain, .p5-explain, .p6-explain,
 .p7-explain, .p8-explain {
  margin-top: 0px;
  margin-bottom: 0px;
}

.p1-explain, .p3-explain, .p5-explain, .p7-explain {
  font-size: 19px;
  font-weight: bold;
  
  
}

.p2-explain, .p4-explain, .p6-explain {
  margin-bottom: 20px;
}

.days-in-p2-explain {
  color: rgb(250, 4, 4);
  font-weight: 550;
}

.reservDate-ir {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  height: 30px;
  
}

.input-date {
  height: 25px;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  padding-left: 4px;
  
}

.button-ir {
  height: 29px;
  width: 60px;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  padding-top: 4px;
  cursor: pointer;
}

.entred-date {
  display: flex;
  color: rgb(2, 2, 81);
  background-color: rgb(140, 169, 240);
  height: 36px;
  width: 300px;
  min-width: 180px;
  padding-top: 3px;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
}

.discount-in-entered-date {
  color: rgb(122, 4, 4);
  font-size: 13px;
  font-weight: 200;
}

.change-button {
 font-size: 12px;
 height: 25px;
 margin-left: 10px;
 padding-top: 2px;
 border-radius: 5px;
 background-color: rgb(231, 241, 241);
 cursor: pointer;
}

.more-discount {
  display: flex;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: rgb(187, 3, 3);
  margin-top: 13px;
}

.type-service-container {
  display: flex;
  margin-top: 30px;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(247, 248, 249, 0), rgba(247, 248, 249, 0), rgba(99, 201, 229));
  background-color: white;
}

.car-image-radio {
  height: 80px;
  border: none;
  background-color: transparent;
}

.car-type {
  display: flex;
  flex-direction: column;
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  
  margin-left: 30px;
  
}

.car-type-rows {
  display: flex;
  align-items: center;
  
}

.radio {
  margin-bottom: 6px;
  margin-left: -18px;
  cursor: pointer;
}

.label-radio {
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
}

.services{
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 20px;
  margin-bottom: 30px;
}


.service-checkbox-label {
  display: flex;
  align-items: center;
  
  
}

.service-label {
  font-size: 14px;
  font-weight: bold;
  margin-left: 3px;
}

.service-price {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: brown;
  margin-left: 10px;
}

.service-description {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(76, 72, 72);
  font-size: 12px;
  margin-bottom: 10px;
  margin-left: 24px;
  margin-right: 20px;
}


.promocion-price-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
  
}

.ahorro-precio-normal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  border: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 3px 5px;
}
.div-precio-normal, .div-total-descuento, .div-ahorro {
  margin-top: 5px;
}
.normal-price, .descuento, .ahorro {
  font-weight: bold;
  margin-left: px;
  color: red;
}


.Promocion-label {
  font-size: 16px;
}



.Promocion-label{
  margin-left: 30px;
}

.promocion-price {
  font-size: 16px;
  font-weight: bold;
  color: blue;
  margin-left: 5px;
}

.button-rezervar {
  font-size: 13px;
  font-weight: bold;
  align-items: center;
  width: 120px;
  height: 40px;
  margin-left: 30px;
  background-color: black;
  color: white;
  border: none;
  border-radius:20px ;
  cursor: pointer;
  
}

.type-services-customerData{
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.selected-car-type {
  width: 80%;
  min-width: 200px;
  height: 30px;
  border-radius: 3px;
  text-align: center;
  padding-top: 10px;
  background-color: rgb(1, 1, 55);
  color: white;
  font-weight: bold;
  font-size: 20px;
}

.selected-service-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  min-width: 200px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  background-color: rgb(179, 177, 177);
  color: rgb(38, 1, 72);
}

.service-line {
  padding-bottom: 5px;
}

.finalPrice-changeButton{
  display: flex;
  align-items: center;
}

.final-price {
  font-weight: bold;
  font-size: 20px;
  background-color: rgb(250, 250, 19);
  width: 30%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 8px;
  border-radius: 20px;
  min-width: 150px;
}

.input-rezervar {
  display: flex;
  flex-direction: column;
  width: 80%;
  text-align: left;
  align-items: center;
  padding-top: 14px;
  margin-top: 10px;
  border-radius: 3px;
  background-color: rgb(179, 177, 177);
  min-width: 200px;
}

.label-message-enterData {
  font-size: 16px;
  font-weight: bold;
  color: rgb(184, 4, 4);
}





.label-conditions {
  
  border: solid;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align: justify;
  text-justify: inter-word;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin: 12px;
  min-width: 200px;
}

.service-checkbox, .delivery-checkbox, .terms-checkbox {
  transform: scale(1.3);
  cursor: pointer;
}

.inputs {
  width: 302px;
  display: flex;
  flex-direction: column;
  min-width: 298px;
}

.telefono-patente {
  display: flex;
  margin-bottom: 10px;
}

.input-name {
  height: 25px;
  font-size: 14px;
  width: 294px;
  border-radius: 4px;
  border: none;
  margin-bottom: 10px;
  padding: 0px 4px;
} 
.input-telefono {
  font-size: 14px;
  width: 138px;
  height: 25px;
  margin-right: 5px;
  border-radius: 4px;
  border: none;
  padding: 0px 4px;
}
.input-patente {
  text-transform: uppercase;
  font-size: 14px;
  width: 138px;
  height: 25px;
  margin-left: 5px;
  border-radius: 4px;
  border: none;
  padding: 0px 4px;
}
.input-message {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-radius: 4px;
  border: none;
  margin-bottom: 10px;
}

.div-delivery-checkbox {
  display: flex;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  min-width: 170px
}

.label-delivery-checkbox {
  margin-left: 2px;
}

.pagar-3000 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.label-3000 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: brown;
  margin-left: 5px;
}
.pagar-button { 
  height: 60px;
  width: 200px;
  font-size: 27px;
  /*border: solid;
  background-color: transparent;
  width: 120px;
  /*background-image: url('/images/btn-flow-negro.png'); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  
}



@media (max-width: 1100px){
  .discount-explain {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }
  .reservDate-ir {
    font-size: 22px;
    margin-top: 30px;
    height: 50px;
  }
  .input-date {
    height: 46px;
    width: 160px;
    font-size: 20px;
    font-weight: bold;
    margin-left: 5px;
    padding-left: 5px;
  }
  
  .button-ir {
    height: 47px;
    width: 70px;
    font-size: 18px;
    padding-top: 4px;

  }

  
  .entred-date {
    
    height: 50px;
    width: 380px;
    min-width: 350px;
    padding-top: 3px;
    border-radius: 25px;
  }

  .discount-in-entered-date {
    
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 2px;
  }
  
  .change-button {
    font-size: 14px;
    height: 29px;
    margin-left: 13px;
  }

  .more-discount {
    font-size: 15px;
  }

  .car-image-radio {
    height: 130px;
  }
  
  .car-type {
    width: 370px;
    margin-left: -10px;
    min-width: 365px;
  }
  .radio {
    transform: scale(1.6);
    margin-left: -30px;
  }
  .label-radio {
    font-size: 16px;
    margin-left: 3px;
  }
  .services{
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
  }
  .service-checkbox, .delivery-checkbox, .terms-checkbox {
    transform: scale(1.6);
  }
  .service-label, .service-price {
    font-size: 18px;
    margin-left: 5px;
  }

  .ahorro-precio-normal{
    font-size: 15px;
  }

  .Promocion-label, .promocion-price {
    font-size: 20px;
  }
  
  .button-rezervar {
    font-size: 20px;
    width: 180px;
    height: 60px;
    border-radius:30px ;
  }
  .selected-car-type {
    width: 90%;
    height: 40px;
    padding-top: 15px;
    font-size: 24px;  
  }
  .selected-service-name {
    width: 90%;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 24px;
  }
  .finalPrice-changeButton{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .final-price {
    font-size: 24px;
    width: 45%;
    padding-top: 10px;
    padding-bottom: 8px;
    border-radius: 25px;
  }
  .input-rezervar {
    width: 90%;
    min-width: 550px;
  }
  .label-message-enterData {
    font-size: 16px;
  }
  .label-conditions {
    font-size: 16px;
  }

  .inputs {
    width: 330px;
    min-width: 330px;

  }
  .telefono-patente {
    margin-bottom: 5px;
  }
  
  .input-telefono, .input-patente {
    height: 36px;
    width: 152px;
    font-size: 22px;
    margin-top: 4px;
    margin-bottom: 5px;
  }

  .input-name{
    width: 322px;
    min-width: 322px;
    height: 36px;
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 5px;
  }

  .input-message {
    font-size: 15px;
  }
  
  .label-delivery-checkbox {
    font-size: 14px;
    margin-left: 5px;
  }

  .pagar-3000 {
    margin-top: 20px;
    margin-bottom: 23px;
  }
  .label-3000 {
    font-size: 15px;
    margin-left: 8px;
  }
    
  .pagar-button { 
    height: 70px;
    font-size: 35px;
    width: 198px;
    
      
  }
  
  
}