/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.precios {
    background-color: #FFF;
    border-radius: 25px;
    
}


.precios2 {
    background-color: #FFF;
     padding: 0;
    line-height: 20px;
	padding: 10px;
	border-radius: 2.2rem;
        color:#FFF;
    list-style-type: none;
margin-bottom: 0;
    text-align: center;
    background: #ff0000; /* Old browsers */
background-image: linear-gradient(to right top, #ffc700, #ffa600, #ff8200, #ff5800, #ff0000);}


.precios > tbody > tr:nth-of-type(odd) > * {
    background-color: #e2f0f8 ;
}

.precios thead th {
    text-transform: uppercase;
    text-align: left;
        color:#FF0000;
    
    
}

.bg-fa {
    background-image: url(../images/bg-fa-security.jpg); 
    background-size: contain; 
    padding: 120px 0px; 
    background-position: center;
}

.precios li {
    list-style-type: none;

   
}
 
.card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 16, 0.19), 0 0.3rem 0.3rem rgba(0, 0, 16, 0.23);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 16, 0.19), 0 0.3rem 0.3rem rgba(0, 0, 16, 0.23);
	background-color: rgb(255, 255, 255);
	padding: 0;
    width: 100%;
    max-width: 250px;

}

.pricing-features ul {
    margin: 0 10px;
  
}

.tituloxs {
    
    color: #FFF;
    text-transform: uppercase;
    background-color: #e30613;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    padding: 5px 0;
}

.precios2 label {
    
    color: #FFF;
    margin-bottom: 0px;
    
}

.precios2 li {
    
    font-size: 20px;
}

.section3 {

    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 6%, rgba(247,247,247,1) 29%, rgba(215,215,215,1) 100%);
    
}

.toggler-wrapper {
  display: block;
  width: 45px;
  height: 25px;
  cursor: pointer;
  position: relative;
    margin: auto;
}

.toggler-wrapper input[type="checkbox"] {
  display: none;
}

.toggler-wrapper input[type="checkbox"]:checked+.toggler-slider {
  background-color: #44cc66;
}

.toggler-wrapper .toggler-slider {
  background-color: #ccc;
  position: absolute;
  border-radius: 100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.toggler-wrapper .toggler-knob {
  position: absolute;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}



.toggler-wrapper.style-1 input[type="checkbox"]:checked+.toggler-slider .toggler-knob {
  left: calc(100% - 19px - 3px);
}

.toggler-wrapper.style-1 .toggler-knob {
  width: calc(25px - 6px);
  height: calc(25px - 6px);
  border-radius: 50%;
  left: 3px;
  top: 3px;
  background-color: #fff;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.pricing-features h2 {
    
    border-bottom: solid 1px #575757;
}

.tresconpr {
color: #FFF;
    background-image: url(../images/img-3con.jpg);
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.cincoconpr {
color: #FFF;
    background-image: url(../images/img-5con.jpg);
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.diezconpr {
color: #FFF;
    background-image: url(../images/img-10con.jpg);
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.veinticonpr {
color: #FFF;
    background-image: url(../images/img-25con.jpg);
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ilimiconpr {
color: #FFF;
    background-image: url(../images/img-ilcon.jpg);
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.pricing-title .5con {
    color: #FFF;
    background-color: red;

    background-image: linear-gradient(to right, #EB3349 0%, #F45C43  51%, #EB3349  100%);
    
}

.trescon {
    color: #FFF;
    background-color: red;
width: 20% !important;
background-image: linear-gradient(to right, #45829c 0%, #76b1cd  51%, #45829c  100%);    
}

.cincocon {
    color: #FFF;
    background-color: red;
width: 20% !important;
    background-image: linear-gradient(to right, #0069b4 0%, #009fe3  51%, #0069b4  100%);
    
}

.diezcon {
    color: #FFF;
    background-color: red;
width: 20% !important;
    background-image: linear-gradient(to right, #004899 0%, #0069b4  51%, #004899  100%);
    
}


.veinticon {
    color: #FFF;
    background-color: red;
width: 20% !important;
    background-image: linear-gradient(to right, #284492 0%, #6455a0  51%, #284492  100%);
    
}


.ilimicon {
    color: #FFF;
    background-color: red;
width: 20% !important;
     background-image: linear-gradient(to right, #EB3349 0%, #F45C43  51%, #EB3349  100%);
    
}

.pricing-features {
    color: #000;
    border: solid 1px #000;
    background-color: transparent;
    align-items: end;
    min-height: 400px;
}

.pricing-features ul {
   
    line-height: 14px;
}

.pricing-features .list-group-item {
    
color: #676767;
    background-color: transparent;
    border-bottom: solid 1px #676767;
}


.pricing-title h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
}

.pricing-title span {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
}

.pricing-price .price-tenure {
    color: #000;
    
}

         
.bluex {
    
                background-image: linear-gradient(to right, #1A2980 0%, #26D0CE  51%, #1A2980  100%);

    
}
         

         
         .blues {
            background-image: linear-gradient(to right, #2c3e50 0%, #3498db  51%, #2c3e50  100%);
     
          }

                
        
         
                  
         .btn-grad {
            background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%);
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
         
.tab-container {
    padding: 0;
}

.negrod {
    
    color: #dee2e6;
}

.negrod:after {
    
    background-color: #dee2e6;
}

.tabla2 > :not(caption) > * > * {
    padding: 2px;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}


@media only screen and (max-width: 767px) {
    
.bg-fa {
    background-image: url(../images/bg-fa-security-sm.jpg); 
    background-size: contain; 
    padding: 120px 0px; 
    background-position: top;
    background-repeat: no-repeat
}
}