/**
 * ----------------------------------------------
 * Font Faces
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * Font Sizes
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * COLOR CODES
 * ----------------------------------------------
 *
*/
/**
* ----------------------------------------------
* Shadows CODES
* ----------------------------------------------
*
*/
/**
 * ----------------------------------------------
 * Loop classes
 * ----------------------------------------------
 *
*/
/**
 * ----------------------------------------------
 * Theme colors
 * ----------------------------------------------
 *
*/
/*
* @description Set transition
* Pass transition single properties E.g @include transition(border 0.3s ease-in-out) => transition: border 0.3s ease-in-out; -webkit-transition: border 0.3s ease-in-out;
*/
/*
* @description Set transform
* Pass transform value E.g @include transform(scale(0.3)) => transform: scale(0.3); -webkit-transform: scale(0.3);
*/
/*
* @description Set delay in transition
* Pass transition delay E.g @include transition-delay(1s) => transition-delay: 1s; -webkit-transition-delay: 1s.
*/
/*
* @description This mixin is used to create position
* Pass position like absolute, fixed etc. and give top, bottom, left, right, index.
* All params are optional, After passing all things it's generate the css.
* E.g @include position(absolute, 10px, 10px, 10px, 10px, 1) => position: absolute;top:10px;bottom:10px;left:10px;right:10px;index:1;
* Another E.g @include position(absolute, 10px, 10px, 10px, 10px) => position: absolute;top:10px;bottom:10px;left:10px;right:10px;
*/
/*
* @description This mixin is used to create border
* Pass direction like top, bottom, left, right and give width of the border, style of border like solid, dashes etc, color of the border and pass null if you want border all the sides. E.g @include border(null, 1px, solid, #000) => border: 1px solid #000;
* Another E.g @include border(left, 1px, solid, #000) => border-left: 1px solid #000;
*/
/*
* @description This mixin is used to create grediant button
* Pass grediant value, clip type, clip type 2, origin E.g @include gradient($gred) => background-image: $grad; ---> used to include grediant background
* Another E.g @include gradient($gred,padding-box, border-box, border-box) => background-image: $grad;background-clip: padding-box, border-box; background-origin: border-box;---> this used to create button gred.
*/
/*
* @description This mixin is used to create text grediant
* Pass grediant value E.g @include text-gradient($gred) => background-image: $grad; -webkit-text-fill-color: transparent; -webkit-background-clip: text;
*/
/*
* @description This mixin is used to create greyscale the image or others
* Pass greyscale percentage E.g @include grayScale(100%) => filter: grayscale(100%);-webkit-filter: grayscale(100%);
*/
/*
* @description This mixin is used to create animation
* Pass animation name percentage E.g @include animation(slideIn) => ;animation-name: slideIn; -webkit-animation-name: slideIn
*/
/*
* @description This mixin is used to create animation duration
* Pass animation name percentage E.g @include animation-duration(1s) => animation-duration: 1s; -webkit-animation-duration: 1s;
*/
/*
* @description This mixin is used to create animation function 
* Pass animation timing function E.g @include animation-function(cubic-bezier(0.81, 0.15, 0.26, 0.99)) => animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99); -webkit-animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
*/
/*
* @description Get theme color
* Pass object and key of obj, Get value from variables 
*/
/*
* Convert px to rem Unit
*/
/**
* ----------------------------------------------
* Grediant CODES
* ----------------------------------------------
*
*/
body{
    min-width: 500px;
}
a:hover {
  color: #EA3E2D; }

.scroll-top:hover .scroll-top-icon {
  background-color: #EA3E2D; }

.text-primary {
  color: #0095A9 !important; }
    
.text-secondary {
  color: #DB0C44; }

.text-grediant {
  background-image: linear-gradient(to right, #fff 0%, #fff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; }

.grediant-overlay {
  background-image: linear-gradient(0deg, #0095A9  0%, #0095A9  100%); }

.bg-grediant {
  background-image: linear-gradient(0deg, #EA3E2D 0%, #DB0C44 100%);
  color: #ffffff; }

.bg-primary {
  background: #EA3E2D !important; }

.close:hover {
  color: #EA3E2D; }

.more-link:after {
  background: #EA3E2D; }

.more-link:hover {
  color: #EA3E2D; }

.btn-primary {
  background-image: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%);
  color: #ffffff; }
  .btn-primary:hover {
    color: #ffffff; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%);
    color: #ffffff; }

.btn-outline-primary {
  border: 1px solid transparent;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #EA3E2D, #DB0C44);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  color: #000000; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    border-color: transparent;
    background-color: #EA3E2D;
    background-image: linear-gradient(to right, #EA3E2D 0%, #DB0C44 100%);
    background-clip: border-box, padding-box;
    background-origin: border-box;
    color: #ffffff;
    box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1); }

.btn-outline-white:hover {
  color: #0095A9;
  background: #ffffff; }

.btn-white {
  color: #0095A9; }

.preloader .bar-loader span {
  background: #0095A9; }

.header.link-nav.fixed-nav .navbar-nav .nav-link.active, .header.link-nav.fixed-nav .navbar-nav .nav-link:hover {
  color: #0095A9; }

.owl-carousel .owl-dots .owl-dot:hover:after, .owl-carousel .owl-dots .active:after {
  background: #EA3E2D; }

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  color: #EA3E2D; }

.swiper-pagination.pagination-white .swiper-pagination-bullet:hover, .swiper-pagination.pagination-white .swiper-pagination-bullet-active {
  background: #EA3E2D; }

.header.fixed-nav .btn-white {
  background-image: linear-gradient(122deg, #0095A9 0%, #0095A9, #0095A9 100%);
  color: #ffffff; }
  .header.fixed-nav .btn-white:hover {
    border-color: transparent; }

.heading-dot {
  background: linear-gradient(122deg, #EA3E2D 0%, #DB0C44, #EA3E2D 100%); }

.footer-nav .navbar-nav .nav-link:hover {
  color: #EA3E2D; }

.swiper-pagination .swiper-pagination-bullet-active {
  background: #EA3E2D; }

/*# sourceMappingURL=../maps/app.css.map */

.faq-list{
    list-style: circle;
}

.titulo_faq{
    margin-left: 30px;
    list-style: circle;
    font-size: 14px;
}
.titulo_faq h4{
color: white;
    line-height: 2;
 
}
#titulo_principal{
    font-family: 'Quicksand' sans-serif;
    font-size: 51px;
    line-height: 1.2;
 }
 @media (max-width: 479px) {
    #titulo_principal {
      font-size: 34px; }}
     .textos-puntos{
    font-size: 16px;
    line-height: 40px;
}
@media (max-width: 479px) {
.textos-puntos {
      font-size: 14px; }}
    
    
    

.textos-puntos img{
    padding-bottom: 6px;
    padding-right: 6px;
    max-height: 29px;
}