body {
  font-family: 'Poppins';
}
.sidebar-box select {
    -webkit-appearance: none;
 
    background-color: #ffffff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNSURBVHgBldJRCoAgDAZgt4uWRA/RIdJDhESEddFqJZHUJvqD4Jx+MFApyrj42tFShYnfwVWgAn93EEynK5uDTH4b9v0woTo0YtylhqMLZUgIdo1eCbC52Behvb0MeA7c7A2N9gLMmBzSt/quIb6YwlLID5IwDA9FhIVYLAqHiJCESUgS+mIpJCsu89efakh8T17Yy7QAAAAASUVORK5CYII='), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%), linear-gradient(to bottom, #ffffff 0%, red 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
  }

  @media(max-width: 767px) {
    #receipt .row {
      height: 90px;
    }
  }

  @media(min-width: 767px) {
    #receipt .row {
      height: 40px;
    }
  }

  .receipt-label {
    font-weight: bold;
  }

  #receipt .row:nth-of-type(2n) {
    background: #f7f7f78f;
  }

  #receipt .row:nth-of-type(2n+1) {
    background: #cccccc1f;
  }

  #receipt h3 {
    width: 100%;
  }

  #receipt {
    width: 90%;
    display: block;
    margin: 30px auto;
    background: url(https://daltonllantas.com/search/img/receipt/background.png);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  }

  .btn-dalton:visited,
  .btn-dalton:hover,
  .btn-dalton:active {
    color: white;
  }

  .btn-dalton {
    color: white;
    background: #ea0d2a;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    min-width: 50px;
    width: 133px;
    display: inline-block;
    text-align: center;
    border: 2px solid #ea0d2a;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    overflow: hidden;
  }

  .btn-dalton.service-btn {
    font-size: 14px;
  }

  .btn-dalton.inactive {
    color: #ea0d2a;
    background-color: #fff;
    border: 2px solid gray;
  }

  input.dalton-input:focus,
  input.dalton-input:focus-visible,
  input.dalton-input:focus-within,
  select.dalton-select:focus {
    border: none;
    border-bottom: 1px solid #313bc2;
  }

  input.dalton-input::placeholder,
  input.dalton-input::-webkit-input-placeholder,
  input.dalton-input:-moz-placeholder,
  input.dalton-input::-moz-placeholder {
    color: #565656;
  }

  .btn-wide {
    display: block;
    width: 90%;
    margin: 15px auto;
    font-weight: bold;
    height: 55px;
  }

  textarea.dalton-input {
    height: 118px;
  }

  .dalton-input,
  .dalton-select {
    border: none;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
    display: block;
    width: 100%;
    height: 44px;
    color: #565656;
  }

  .dalton-invalid {
    border: 2px solid red;
  }

  .dalton-invalid::before {
    content: "*"
  }

  input.dalton-invalid:-ms-input-placeholder,
  input.dalton-invalid::-webkit-input-placeholder,
  input.dalton-invalid:-moz-placeholder,
  input.dalton-invalid::-moz-placeholder,
  input.dalton-invalid::placeholder {
    color: red !important;
  }

  .dalton-title {
    text-align: center;
    padding: 20px;
  }f

  .label-dalton {
    display: block;
    width: 100%;
    margin: 10px 0;
  }

  .workshop-btn-area {
    margin-top: 45px;
    margin-bottom: 10px;
  }

  
  .invisible {
    display: none;
} 
/*
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  -webkit-box-shadow: 1px 2px 11px 2px rgba(183, 182, 182, 0.75);
  box-shadow: 1px 2px 11px 2px rgba(183, 182, 182, 0.75);
}
*/

/* nuevo */
body{
  background-color: #E5E5E5;
}

.row {
  margin-right:revert;
  margin-left: revert;
  justify-content: space-between;
}
.elemet_textA_1{
  
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 49px;
/* identical to box height, or 196% */

text-align: center;
letter-spacing: -0.02em;
height: 49px;
color: #FF2946;
}
.elemet_textA{

  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 37px;
  /* or 123% */
  
  text-align: center;
  
  color: #000000;
}
.elemet_textAb{
    
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-size: 45px;
  line-height: 46px;
  /* or 102% */
  
  text-align: center;
  
  color: #000000;
}
.elemet_textb{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  /* or 133% */
  
  text-align: center;
  letter-spacing: -0.02em;
  
  color: #878787;
}
.elemet_textc{
  background: #DFE7ED;
border-radius: 5px;
}

.text_label{
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */

letter-spacing: -0.02em;

color: #878787;

}
.formcontrol{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #878787;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 14px;

  
}
.hr{ 
  
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 64vh!important;
  width: 4px;
  margin-top: -14px;
  margin-left: 36px; 
  background: #DFE7ED;
border-radius: 5px;    
}
.hrnormal{
  display: none;
}
.sombra{
  box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 20%);
  border-radius: 5px;
}
.sombrap{
  box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 20%);
  border-radius: 10px;
}

.border_radis_superior{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.border_radis_inferior{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 20%);
}
.hr1{ 
  
  border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 52vh!important;
    width: 4px;
    margin-top: 18px;
    margin-left: 36px;
    background: #DFE7ED;
    border-radius: 5px;
}
.hrleftAngendar{ 
  
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 64vh!important;
  width: 4px;
  margin-top: 10px;
  margin-left: -9px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}
.hrleftpago{ 
  

  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 37vh!important;
  width: 4px;
  margin-top: 43px;
  margin-left: -9px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}
.hrleft{ 
  
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 74vh!important;
  width: 4px;
  margin-top: 43px;
  margin-left: -64px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}
.hrright{ 
  
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 74vh!important;
  width: 4px;
  margin-top: 43px;
  margin-left: 354px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}

.formcontrol_g{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #EBEDEF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 14px;
}

/* circulo */
*{
  margin: 0;
  padding: 0;
}
.bg{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #ccc;
  position: relative;
  margin: -38px auto;
}
.circle-right, .circle-left, .mask-right, .mask-left{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.circle-right, .circle-left{
  background: #930014;
}
.mask-right, .mask-left{
  background: #ccc;
}
.circle-right, .mask-right{
  clip: rect(0,80px,80px,40px);

}
.circle-left, .mask-left{
  clip: rect(0,40px,80px,0);
}
.text{
  width: 71px;
  height: 72px;
  line-height: 71px;
  text-align: center;
  color: #000000;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  top: 4px;
  left: 5px;

  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 25.9091px;
}
.rows_container1 button{
  width: 40%!important;
}
.rows_container2 img{
  width: 117px;
  margin-bottom: 25px;
}
.rows_container4 img{
  width: 285px;
  margin-bottom: 25px;
}
.rows_container4 button:hover{
  border: solid 0.3px #FF2946;color: #FF2946;
}
.rows_container4 button{
  border: solid 0.3px #989EA3;color: #989EA3;
}

.rows_container2 button:hover{
  border:#FF2946;
  background-color:#FF2946 ;
  color: white;
}
form .btn-default:hover{
  border:#FF2946;
  background-color:#FF2946 ;
  color: white;
}
form .btn-default{
  border:#FF2946;
  background-color:#FF2946 ;
  color: white;
}
.rows_container2 button{
  border:#989EA3;
  background-color:#989EA3 ;
  color: white;
  width: 236px;
  height: 44px;
}
.rows_container4 p{
  font-family: 'Roboto';
  min-height: 97px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
/* or 122% */

text-align: center;
letter-spacing: -0.02em;

}
.cols h6{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
/* or 115% */

text-align: center;
letter-spacing: -0.02em;
}
.cols p{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 19px;
  /* or 112% */
  
  text-align: justify;
  letter-spacing: -0.02em;
}
 .cols{
  background-color: #fff;
  padding: 30px;
  margin-bottom: 38px;
  /* width: 389.7px; */
  padding-top: 45px;
  padding-left: 26px;
  padding-bottom: 69px;
  padding-right: 31px;
  margin-right: 4%;
    margin-left: 4%;
    height: 367px;
}
.cols img{
  width: 75px;
  margin-bottom: 25px;
}
.btn_habla {
 
  background-color: #2DB774;
  border: #2DB774;
  height: 47px;
}
.container_4{
 background-color: white;
}
/* fin circulo */

/* lista */
button.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  /* min-height: 85px; ;
  line-height: 54px; */
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 20px;
background-color: white;
align-items: center;

color: #000000;

}

button.accordion.active, button.accordion:hover {
  background-color: white;
}

button.accordion:after {
  content: url("../citas/img/Group1057.png");
  font-size: 0px;
  color: #777;
  float: right;
  margin-top: -14px;
  margin-bottom: -19px;
  transform: scale(0.7);

 
}

button.accordion.active:after {
/*  content: "\2796";*/
content: url("../citas/img/Group184.png")

}
button.accordion.active {
 
  border-bottom:#eeeeee  solid 1px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  }
div.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
  margin-bottom: 25px;


  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
/* or 127% */

text-align: left;
letter-spacing: -0.02em;

color: #989EA3;
}

div.panel.show {
  padding-top: 2%;
  opacity: 1;
  max-height: 500px;
  border-top:#fff solid 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/* fin lista */

.rows_container4 .sub1{
  min-height: 32px;
}
.rows_container4 .col-md-4{
  margin-bottom: -31px;
}
.hrs{ 
  display: none;   
  }

  .imag{
    background-image: url('./img/Mask_group.png');
  }

  .rows_container2 p {
    height: 50px;
  }
  .agenda{
    margin-left: 42px;
  }
  .agendad{
    margin-left: 42px;
  }
  .agendads{
    margin-left: 42px;
  }
  .conta_1{
    padding-left: 133px;
    padding-right: 133px;
  }
  .conta_2{
    padding-left: 91px;
    padding-right: 91px;
  }
  .rows_container2 h6{
    font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 49px;
/* identical to box height, or 196% */

letter-spacing: -0.02em;

color: #989EA3;

  }
  .rows_container2 h4{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 35px;
    line-height: 42px;
    /* identical to box height, or 120% */
    
    text-align: center;
    
    color: #000000;
    
  }
  .rows_container2 p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    /* or 133% */
    
    text-align: center;
    letter-spacing: -0.02em;
    
    color: #878787;
    
    
  }
  #princ_ser p{
  text-align: center!important;
}
.contsolucionamos{
  text-align: center!important;
}
@media screen and (max-width:1423px) and (min-width: 1025px){
   .rows_container2 p {
    height: 65px;
  }
  .conta_1{
    padding-left: 133px;
    padding-right: 133px;
  }
  .conta_2{
    padding-left: 91px;
    padding-right: 91px;
  }
  .cols{
    background-color: #fff;
    padding: 30px;
    margin-bottom: 38px;
    /* width: 389.7px; */
    padding-top: 45px;
    padding-left: 26px;
    padding-bottom: 69px;
    padding-right: 31px;
    margin-right: 37px;
  }
  .text_label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px!important;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #878787;
}
#dalton-form{
  padding-left: 4px!important;
  padding-right: 4px!important;
}

}
.container_5_pr{
 margin-top: 100px; 
}
/* #schedule-select{
  border-radius: 5px!important;
} */

#servicioMs{
display: none;
}
#foteer{
  padding-top: 23px;
}
@media only screen and (max-width: 600px) {
  #servicioMs{
    display:inline;
    font-size: large;
    }
    #foteer{
      padding-top: 28px;
    }
  #servicioM{
    display:none;
  }
  .textfolio{
    text-align: center!important;
    
  }
  .divfolio{
    text-align: center;
  }
.div_confirmp{
  padding-left: initial!important;
  padding-right: initial!important;
}
.di_seccionl {
  border-right: solid 2px #FFFF!important;
}

.di_seccionr {
}
  .row_modss{
    width: 60%!important;
  }
  .row_mods{
    width: 40%!important;
  }
  #schedule-select{
    border-radius: 5px!important;
  }
  .container_5_pr{
    margin-top: 80px; 
   }
  .div_confirm .imgllaves{
    width: 16%!important;
  }
   .div_confirm label{
    text-align: center!important;
  }
  .div_confirm{
    text-align: center!important;
  }
  .divfolio{
    text-align: center!important;
  }
  .div_confirm .mb-3{
    text-align: center;!important;
  }
  .cont_preguntas{
    width: 100%!important;
  }
  button.accordion {
font-family: 'Roboto'!important;
font-style: normal!important;
font-weight: 700!important;
font-size: 18px!important;
line-height: 22px!important;
/* or 122% */

display: flex!important;
align-items: center!important;

color: #000000!important;

}
.contsolucionamos{
  padding: 21px!important;
  padding-top: 15px;
}
a h4{
  font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-size: 35px;
line-height: 42px;
/* identical to box height, or 120% */

text-align: center;

color: #FF2946;

}
.contsolucionamos .sub1 {
  font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-size: 25px;
line-height: 42px;
/* or 168% */

text-align: center;
height: auto!important;
color: #000000;
}
.contsolucionamos p {
  
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* or 122% */
   
  letter-spacing: -0.02em;
  
  color: #989EA3;
}
  #save-appointment{
    margin-top: 20px;
    width: 89%!important;
    height: 44px!important;
    margin-left: -10px;
  }

  .cont_form{
    width: 96%!important;
  }

  .modelo_f{
    padding-right: 1px!important;
  }
.border_lateral{
  border-right: white!important;
}

  #princ_ser{
    padding-left: 0px!important;
    padding-right: 2px!important;
    margin-top: -37px!important;
  }
  .conta_1{
    padding-left: 0px;
    padding-right: 0px;
  }
  .conta_2{
    padding-left: 10px;
    padding-right: 10px;
  }

  .rows_container4 .col-md-4{
    margin-bottom: 0px;
  }
  .rows_container4 .sub1{
    height: 52px;
  }
  .hrnormal{
    display:grid;
  }
  .agenda{
    margin-left: 1px;
  }
  .agendad{
    margin-left: 17px;
  }
  .agendads{
    margin-left: 1px;
  }
  .rows_container2 p {
    height: 75px;
  }
  .hrs{ 
    display:grid;  
    }
  .hr{ 
  display: none;   
  }
  .hr1{ 
    display: none;   
    }
    
  .hrleft{ 
    display: none;   
    }
    .hrright{ 
      display: none;   
      }
    .hrleftAngendar{ 
      display: none;   
      }
      .hrleftpago{ 
        display: none;   
        }
  .text_label{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 111% */
    
    letter-spacing: -0.02em;
    
    color: #878787;
  
  }
  .rows_container4 .col-md-12{
    display: none;
  }
  .marfin{
    margin-bottom: 30px;
  }
  .rows_container4 img{
    width: 215px!important;
    height: auto!important;
    margin-bottom: 0px!important;
  }

  .cols{
    background-color: #fff;
    margin-left: 19px;
    margin-bottom: 38px;
    padding-bottom: 20px!important;
    height: auto!important;
  }
  .btn_habla {
    width: 100%!important;
    background-color: #2DB774;
    border: #2DB774;
    height: 47px;
    margin-right: -3px!important;
  }
  .rows_container1 button{
    width: 100%!important;
    background-color: #FF2946;
    border: #FF2946;
  }
  .conoce_todo{
    padding-top: 36px!important;
  }
  .top-mobil{
    padding-top: 27px!important;
  }
  .pago_row {
    padding-top: 48px!important;
    padding-bottom: 44px!important;
}
  .btn_pago{
    margin-top: -65px;
    width: 270px!important;
  }
  .btn_factura{
    width: 270px!important;
    margin-top: -19px;
  }
  .rows_container4 button{
    width: 100%;
  }
  .elemet_textA_1 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 23px!important;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FF2946;
    /* height: 49px; */
    padding: 10px!important;
    
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.title_preguntas {
  font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 25px;
/* identical to box height, or 100% */

text-align: center;
letter-spacing: -0.02em;

color: #FF2946;
}

    .elemet_textA{
    
      font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 37px;
/* or 123% */

text-align: center;

color: #000000;
    }

    
.subtitle_preguntas{
  font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-size: 33px;
line-height: 42px;
/* identical to box height, or 127% */

text-align: center;

color: #000000;
}
    .elemet_textAb{
    
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* or 147% */
    padding-left: 20px!important;
    padding-right: 20px!important;
    text-align: center;
    letter-spacing: -0.02em;

    color: #989EA3;
    }
   
    .elemet_textb{
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 20px;
      /* or 133% */
      
      text-align: center;
      letter-spacing: -0.02em;
      
      color: #878787;
    }
    .elemet_textc{
      background: #DFE7ED;
    border-radius: 5px;
    }
}

@media screen and (max-width:2541px) and (min-width: 1665px){

/* 
  .rows_container3{
    padding-left: 175px!important;
    padding-right: 175px!important;
  }
  .cols {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 38px;
    width: 389.7px;
    padding-top: 45px;
    padding-left: 26px;
    padding-bottom: 69px;
    padding-right: 31px;
  }
  .colri{
      background-color: #fff;
      padding: 30px;
      margin-bottom: 38px;
      width: 471.7px;
      padding-top: 45px;
      padding-left: 48px;
      padding-bottom: 69px;
      padding-right: 58px;
      margin-right: 101px!important;
  } */

  .hrleftpago{ 
  

    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 34vh!important;
    width: 4px;
    margin-top: 43px;
    margin-left: -9px;
    background: #DFE7ED;
    border-radius: 5px;
    position: absolute;
  }
  .hrleft {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 71vh!important;
    width: 4px;
    margin-top: 43px;
    margin-left: -64px;
    background: #DFE7ED;
    border-radius: 5px;
    position: absolute;
}

.hrright {
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 72vh!important;
  width: 4px;
  margin-top: 43px;
  margin-left: 532px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}

.btn_habla{
  width: 471.7px!important;
   height: auto!important;
    margin-left: 73px;
}

 }

 @media screen and (max-width:3541px) and (min-width: 2544px){

  .hrleftpago{ 
  

    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 34vh!important;
    width: 4px;
    margin-top: 43px;
    margin-left: -9px;
    background: #DFE7ED;
    border-radius: 5px;
    position: absolute;
  }
  .hrleft {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 71vh!important;
    width: 4px;
    margin-top: 43px;
    margin-left: -64px;
    background: #DFE7ED;
    border-radius: 5px;
    position: absolute;
}

.hrright {
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 72vh!important;
  width: 4px;
  margin-top: 43px;
  margin-left: 744px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}

 }


 @media screen and (max-width:1664px) and (min-width: 1580px){



.hrright {
  border: none;
  border-left: 1px solid hsla(200, 10%, 50%,100);
  height: 72vh!important;
  width: 4px;
  margin-top: 43px;
  margin-left: 372px;
  background: #DFE7ED;
  border-radius: 5px;
  position: absolute;
}
.rows_container2 p {
  height: 21px;
}
/* .colri {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 38px;
  width: 389.7px;
  padding-top: 45px;
  padding-left: 26px;
  padding-bottom: 69px;
  padding-right: 31px;
  margin-right: 112px!important;
}
.cols {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 38px;
  width: 389.7px;
  padding-top: 45px;
  padding-left: 26px;
  padding-bottom: 69px;
}
.rows_container3{
  padding-left: 125px!important;
  padding-right: 125px!important;
} */
}
 
@media screen and (max-width:1579px) and (min-width: 1424px){



  .hrright {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 72vh!important;
    width: 4px;
    margin-top: 43px;
    margin-left: 372px;
    background: #DFE7ED;
    border-radius: 5px;
    position: absolute;
  }
  .rows_container2 p {
    height: 21px;
  }
  .colri {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 38px;
    width: 378px;
    padding-top: 45px;
    padding-left: 26px;
    padding-bottom: 69px;
    padding-right: 31px;
    margin-right: 43px!important;
  }
  .cols {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 38px;
    width: 378px;
    padding-top: 45px;
    padding-left: 26px;
    padding-bottom: 69px;
    margin-right: 0px;
    margin-left: 0px!important;
    height:367px;
  }
  .rows_container3{
    padding-left: 92px!important;
    padding-right: 92px!important;
  }
  .cont-fluid{
    width: 100%;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: auto;
    margin-left: auto;
  }
  }
   
  
  

 
 @media screen and (max-width:1403px) and (min-width:  1350px){



  .hrright {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 72vh!important;
    width: 4px;
    margin-top: 43px;
    margin-left: 372px;
    background: #DFE7ED;
    border-radius: 5px;
    position: absolute;
  }
  .text_label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #878787;
}

   }

   #Agendar_citasform{
     padding-bottom: 84px;
   }
   .pago_row{
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .elemet_textAbc{
    
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* or 147% */
    
    padding-left: 20px!important;
    padding-right: 20px!important;
    text-align: center;
    letter-spacing: -0.02em;
    padding-bottom: 63px;
    color: #989EA3;
  }

  @media screen and (max-width:1025px) and (min-width: 600px){



    .hrright {
      border: none;
      border-left: 1px solid hsla(200, 10%, 50%,100);
      height: 72vh!important;
      width: 4px;
      margin-top: 43px;
      margin-left: 372px;
      background: #DFE7ED;
      border-radius: 5px;
      position: absolute;
    }
    .rows_container2 p {
      height: 21px;
    }
    /* .colri {
      background-color: #fff;
      padding: 30px;
      margin-bottom: 38px;
      width: 389.7px;
      padding-top: 45px;
      padding-left: 26px;
      padding-bottom: 69px;
      padding-right: 31px;
      margin-right: 41px!important;
    }
    .cols {
      background-color: #fff;
      padding: 30px;
      margin-bottom: 27px;
      width: 264.7px;
      padding-top: 27px;
      padding-left: 26px;
      padding-bottom: 19px;
    }
    .rows_container3{
      padding-left: 51px!important;
      padding-right: 51px!important;
    } */
    }
    .btn {
     font-size: 14px!important;
       }

.folio_c{
  font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 22px;
/* identical to box height, or 110% */

text-align: right;
letter-spacing: -0.02em;
text-transform: capitalize;

color: #000000;
}

.textfolio{
  
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
/* or 133% */

text-align: right;
letter-spacing: -0.02em;

color: #878787;

}

.di_row{
  border-top: solid 2px #DFE7ED;
  border-bottom: solid 2px #DFE7ED;
  padding-bottom: 20px;
  padding-top: 20px;
}
.di_dentro{
  border-right: solid 2px #DFE7ED;
}

.circle-right{
  background: rgb(147 21 21);
}

.circle-left{
  background: linear-gradient(353deg, rgb(147 21 21) 0%, #FF2946 75%);
}

.di_seccionl {
  margin-bottom: 20px;
}
.di_seccionr {
}

body * {
  font-family: "Roboto";
}