#traslado_info{
  display:none;
}

#Factura_Info{
  display:none;
}

#Datos_Persona_Fisica{
  display:none;
}

#Datos_Persona_Moral{
  display:none;
}
#otraciudad
{
  display: none;
}
#varias_medidas
{
  display:none;
}

#varias_20ST,#varias_40ST,#varias_40HC,#varias_53HC
{
  display:none;
}

.fondo-izquierda
{/*
  background-blend-mode: darken;
  background-color: rgba(0, 0, 0, 0.45);
  background-image: url("assets/img/contenedor-fondo.jpg");
  background-size: cover;
  background-position: center center;*/
  background-color: #870d0d; /* Cambia el color a tu preferencia */
height: 100%; /* Asegura que la columna ocupe toda la altura de la fila */
display: flex; /* Usa flexbox para centrar verticalmente el contenido */
justify-content: center; /* Centra el contenido horizontalmente */
align-items: center; /* Centra el contenido verticalmente */
background-clip: padding-box;  
}

.bg-gradient-primary-to-secondary {
  background: #f35c1e;
  background: linear-gradient(135deg, #f35c1e 0%, #ffbc00 100%);
  }

.text-gradient
  {
  background: -webkit-linear-gradient(315deg, #f35c1e 0%, #ffbc00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

  .profile .dots-4 svg {
      fill: #131313 !important;
  }

  .profile .dots-4 svg {
      fill: #131313 !important;
  }
  .profile .dots-2 svg {
      fill: #131313 !important;
  }

  .input-group-text{
      background-color: #ffffff;
  }

  .btn-success {
      --bs-btn-color: #fff;
      --bs-btn-bg: #09cb5a;
      --bs-btn-border-color: #09cb5a;
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #157347;
      --bs-btn-hover-border-color: #146c43;
      --bs-btn-focus-shadow-rgb: 60, 153, 110;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #146c43;
      --bs-btn-active-border-color: #13653f;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: #198754;
      --bs-btn-disabled-border-color: #198754;
  }

  .zoom-button{
      animation: zoom-in-zoom-out 1s ease-in-out,  pulse 1s ease infinite;
     

  }

  @keyframes zoom-in-zoom-out {
  0% {
      transform: scale(1, 1);
  }
  50% {
      transform: scale(1.1, 1.1);
  }
  100% {
      transform: scale(1, 1);
  }
  }

  #prev-step-1{
    display: none;
  }
  #next-step-3{
    display: none;
  }

  #solicitar_coti{
    display: none;
  }

  #Datos_Compra{
    display: none;
  }

  .bg-success{
    background-color: #1cd01c !important;
  }

  .fade-in-e{
    animation: fadeIn 1s;
  }


  .fade-left{
    animation: fadeInLeft 1s;
  }

  .fade-left{
    animation: fadeInRight 1s;
  }




  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }



  @keyframes fadeInRight {
    0% {
       opacity: 0;
       transform: translateX(20px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
 }

 #datos_contenedor{
 display: none;
 }

 #datos_traslado{
  display: none;
 }


 #next-step-2{
  display: none;
 }
 #next-prev-2{
  display: none;
 }


 .hide{
  display: none;
 }

 #next-prev-1{
  display: none;
 }

 .progress{
  background: #fff !important;
 }

 #datos_factura{
  display: none;
 }

 #final-step{
  display: none;
 }


 #next-prev{
  display: none;
 }

 .card-header{
  border-bottom: none;
 }


 
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
  
  .check-icon {
      width: 80px;
      height: 80px;
      position: relative;
      border-radius: 50%;
      box-sizing: content-box;
      border: 4px solid #09cb5a;
      
      &::before {
          top: 3px;
          left: -2px;
          width: 30px;
          transform-origin: 100% 50%;
          border-radius: 100px 0 0 100px;
      }
      
      &::after {
          top: 0;
          left: 30px;
          width: 60px;
          transform-origin: 0 50%;
          border-radius: 0 100px 100px 0;
          animation: rotate-circle 4.25s ease-in;
      }
      
      &::before, &::after {
          content: '';
          height: 100px;
          position: absolute;
         
          transform: rotate(-45deg);
      }
      
      .icon-line {
          height: 5px;
          background-color: #09cb5a;
          display: block;
          border-radius: 2px;
          position: absolute;
          z-index: 10;
          
          &.line-tip {
              top: 46px;
              left: 14px;
              width: 25px;
              transform: rotate(45deg);
              animation: icon-line-tip 1s;
          }
          
          &.line-long {
              top: 38px;
              right: 8px;
              width: 47px;
              transform: rotate(-45deg);
              animation: icon-line-long 1s;
          }
      }
      
      .icon-circle {
          top: -4px;
          left: -4px;
          z-index: 10;
          width: 80px;
          height: 80px;
          border-radius: 50%;
          position: absolute;
          box-sizing: content-box;
          border: 4px solid #09cb5a;
      }
      
      .icon-fix {
          top: 8px;
          width: 5px;
          left: 26px;
          z-index: 1;
          height: 85px;
          position: absolute;
          transform: rotate(-45deg);
          
      }
  }
}

@keyframes rotate-circle {
  0% {
      transform: rotate(-45deg);
  }
  5% {
      transform: rotate(-45deg);
  }
  12% {
      transform: rotate(-405deg);
  }
  100% {
      transform: rotate(-405deg);
  }
}

@keyframes icon-line-tip {
  0% {
      width: 0;
      left: 1px;
      top: 19px;
  }
  54% {
      width: 0;
      left: 1px;
      top: 19px;
  }
  70% {
      width: 50px;
      left: -8px;
      top: 37px;
  }
  84% {
      width: 17px;
      left: 21px;
      top: 48px;
  }
  100% {
      width: 25px;
      left: 14px;
      top: 45px;
  }
}

@keyframes icon-line-long {
  0% {
      width: 0;
      right: 46px;
      top: 54px;
  }
  65% {
      width: 0;
      right: 46px;
      top: 54px;
  }
  84% {
      width: 55px;
      right: 0px;
      top: 35px;
  }
  100% {
      width: 47px;
      right: 8px;
      top: 38px;
  }
}


#folio-nombre{
  text-transform: capitalize;
}


.phone {
  position:fixed;
  width:60px;
  height:60px;
  bottom:20px;
  right:25px;
  background-color:#00cc10;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.phone-icon {
  font-size: 26px;
    line-height: 2.2;
}

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:90px;
  right:25px;
  background-color:#0C9;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  font-size: 32px;
    line-height: 1.8;
}

.whatsapp:hover,.whatsapp-icon:hover{
  color:#fff;
  background-color: #128C7E;
}




.phone:hover,.phone-icon:hover{
  color: #fff;
  animation: vibrate 0.2s ease-in-out infinite;
}

.phone-icon:hover{
 
}

@keyframes vibrate
{
  0%   {transform: rotate(0)}
  25%  {transform: rotate(10deg)}
  50%  {transform: rotate(0deg)}
  75%  {transform: rotate(-10deg)}
  100% {transform: rotate(0)}
}

.card-footer{
  border-top:none;
}


.default-center{
  margin-left: auto;
  margin-right: auto;
  display: block;
}



@media (max-width: 600px){
    
.img-center-r{
    display:block!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.text-center-r{
    text-align:center!important;
}
}


.fixed-top {
    position: fixed;
    top: 0!important;
    
}



@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(44,63,204, 0.4);
    box-shadow: 0 0 0 0 rgba(44,63,204, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(44,63,204, 0);
      box-shadow: 0 0 0 10px rgba(44,63,204, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(44,63,204, 0);
      box-shadow: 0 0 0 0 rgba(44,63,204, 0);
  }
}