@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  /*
  background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(../img/cascada.gif);
    background-size: cover; 
    */
          /*background-repeat: no-repeat;*/
    /*background-attachment: fixed  */
  }

body {
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden; 
}

main {
  display: block;
  padding-top: 120px;

}

.content_lack {
  background-color: blueviolet;
  width: 50%;
  height: 420px;
  margin: 0 auto;
  padding: 25px 25px 25px 25px;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
 /*border-style: none;*/
  vertical-align: top;
  margin: 0 auto;
  line-height:0;
  max-width: 100%;
  width: 100%;
  border: solid 1px rgba(114,114,114,1);
  border-radius: 3px;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],

button {
  --webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  --webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*===========================*
  -----* CONFIGURACION *-----
 *===========================*/

*,
::after,
::before {
  box-sizing: border-box;
}

/*===========================*
  -----* VARIABLES *-----  
 *===========================*/

:root {
  --contenedor-75: 50%;
  --contenedor-75: 75%;
  --contenedor-80: 80%;
  --contenedor-90: 90%;
  --contenedor-98: 98%;
  --contenedor-100: 100%;
  --fondo: #050818;
  --fuente: "Open Sans", sans-serif;
}

/*===========================*
  ---* ESTILOS GENERALES *---  
 *===========================*/

body {
  font-family: var(--fuente);
  font-size: 18px;
  color: rgb(5, 2, 30);
  margin: 0px 0px;
  padding: 0px 0px;
}

p {
  line-height: 27px;
}

.rezise__contentt {
  display: block;
  width: 100%;
  min-height:min-content;
  line-height: 0px;
  overflow: hidden;
  background-color: #F5BA1F;
}

/*===========================*
  ----* CONTENEDOR-FONDO *---  
 *===========================*/
 .fondo__vidrio {background-color: rgba(15, 14, 68, 0.5);}
 .fondo__hueso {background-color: rgba(25, 26, 24, 0.5);}
 .fondo__suave {background-color: rgba(248, 248, 236, 0.7);}
 .fondo__blue {background-color: rgba(116, 128, 252, 0.7);}
 .fondo__pastel {background-color: rgba(121, 118, 76, 0.7);}
/*===========================*
  ---* COLORES DE TEXTOS *---  
 *===========================*/
.blanco {color:rgb(255, 255, 255)}
.azul {color:blue}

/*===========================*
  ------* CONTENEDOR *-------  
 *===========================*/
 .contenedor-50 {
  max-width: 50%;
  width: var(--contenedor-50);
  overflow: hidden;
}

.contenedor-75 {
  max-width: 75%;
  width: var(--contenedor-75);
  overflow: hidden;
}

.contenedor-80 {
  max-width: 80%;
  width: var(--contenedor-80);
  overflow: hidden;
}

.contenedor-90 {
  display: block;
  max-width: var(--contenedor-90);
  width: var(--contenedor-90);
  overflow-y: hidden;
  /*
  background-color:rgba(104, 104, 104, 0.07)
  */
}

.contenedor-98 {
  max-width: 98%;
  width: var(--contenedor-98);
  overflow: hidden;
}

.contenedor-100 {
  max-width: 100%;
  width: var(--contenedor-100);
  overflow: hidden;

}
/*===========================*
  --------* MARGIN'S *-------  
 *===========================*/

.margin__00__auto {margin:  0px auto;}
.margin__05__auto {margin: 05px auto;}
.margin__10__auto {margin: 10px auto;}
.margin__15__auto {margin: 15px auto;}
.margin__20__auto {margin: 20px auto;}
.margin__25__auto {margin: 25px auto;}
.margin__30__auto {margin: 30px auto;}
.margin__35__auto {margin: 35px auto;}
.margin__40__auto {margin: 40px auto;}
.margin__45__auto {margin: 45px auto;}
.margin__50__auto {margin: 50px auto;}

.margin__00__00 {margin: 00px 00px;}
.margin__05__05 {margin: 05px 05px;}
.margin__10__10 {margin: 10px 10px;}
.margin__15__15 {margin: 15px 15px;}
.margin__20__20 {margin: 20px 20px;}
.margin__25__25 {margin: 25px 25px;}
.margin__30__30 {margin: 30px 30px;}

.margin__auto {margin: auto;}


.grid {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
}
/*-----------------------------------------------------*/
/* Tamaño grande, para computadoras y TV's  */
/*-----------------------------------------------------*/
.big-col-1  { grid-template-columns: repeat(1,  1fr); }
.big-col-2  { grid-template-columns: repeat(2,  1fr); }
.big-col-3  { grid-template-columns: repeat(3,  1fr); }
.big-col-4  { grid-template-columns: repeat(4,  1fr); }
.big-col-5  { grid-template-columns: repeat(5,  1fr); }
.big-col-6  { grid-template-columns: repeat(6,  1fr); }
.big-col-7  { grid-template-columns: repeat(7,  1fr); }
.big-col-8  { grid-template-columns: repeat(8,  1fr); }
.big-col-9  { grid-template-columns: repeat(9,  1fr); }
.big-col-10 { grid-template-columns: repeat(10, 1fr); }
.big-col-11 { grid-template-columns: repeat(11, 1fr); }
.big-col-12 { grid-template-columns: repeat(12, 1fr); }

/* Rango de columnas que se quiere utilizar  juntas */
/*--------------------------------------------------*/
.big-span-1  { grid-column: span 1; }
.big-span-2  { grid-column: span 2; }
.big-span-3  { grid-column: span 3; }
.big-span-4  { grid-column: span 4; }
.big-span-5  { grid-column: span 5; }
.big-span-6  { grid-column: span 6; }
.big-span-7  { grid-column: span 7; }
.big-span-8  { grid-column: span 8; }
.big-span-9  { grid-column: span 9; }
.big-span-10 { grid-column: span 10; }
.big-span-11 { grid-column: span 11; }
.big-span-12 { grid-column: span 12; }

@media screen and (max-width: 992px) {
    /* Tamaño mediano, para tablet's  med=mediano*/
    /*-----------------------------------------------------*/
    .med-col-1  { grid-template-columns: repeat(1,  1fr); }
    .med-col-2  { grid-template-columns: repeat(2,  1fr); }
    .med-col-3  { grid-template-columns: repeat(3,  1fr); }
    .med-col-4  { grid-template-columns: repeat(4,  1fr); }
    .med-col-5  { grid-template-columns: repeat(5,  1fr); }
    .med-col-6  { grid-template-columns: repeat(6,  1fr); }
    .med-col-7  { grid-template-columns: repeat(7,  1fr); }
    .med-col-8  { grid-template-columns: repeat(8,  1fr); }
    .med-col-9  { grid-template-columns: repeat(9,  1fr); }
    .med-col-10 { grid-template-columns: repeat(10, 1fr); }
    .med-col-11 { grid-template-columns: repeat(11, 1fr); }
    .med-col-12 { grid-template-columns: repeat(12, 1fr); }

    /* Rango de columnas que se quiere utilizar juntas (tablet) */
    /*----------------------------------------------------------*/
    .med-span-1  { grid-column: span 1; }
    .med-span-2  { grid-column: span 2; }
    .med-span-3  { grid-column: span 3; }
    .med-span-4  { grid-column: span 4; }
    .med-span-5  { grid-column: span 5; }
    .med-span-6  { grid-column: span 6; }
    .med-span-7  { grid-column: span 7; }
    .med-span-8  { grid-column: span 8; }
    .med-span-9  { grid-column: span 9; }
    .med-span-10 { grid-column: span 10; }
    .med-span-11 { grid-column: span 11; }
    .med-span-12 { grid-column: span 12; }

}


@media screen and (max-width: 576px) {
    /* Tamaño pequeño , para telefonos  sml=small*/
    /*-----------------------------------------------------*/
    .sml-col-1  { grid-template-columns: repeat(1,  1fr); }
    .sml-col-2  { grid-template-columns: repeat(2,  1fr); }
    .sml-col-3  { grid-template-columns: repeat(3,  1fr); }
    .sml-col-4  { grid-template-columns: repeat(4,  1fr); }
    .sml-col-5  { grid-template-columns: repeat(5,  1fr); }
    .sml-col-6  { grid-template-columns: repeat(6,  1fr); }
    .sml-col-7  { grid-template-columns: repeat(7,  1fr); }
    .sml-col-8  { grid-template-columns: repeat(8,  1fr); }
    .sml-col-9  { grid-template-columns: repeat(9,  1fr); }
    .sml-col-10 { grid-template-columns: repeat(10, 1fr); }
    .sml-col-11 { grid-template-columns: repeat(11, 1fr); }
    .sml-col-12 { grid-template-columns: repeat(12, 1fr); }

    /* Rango de columnas que se quiere utilizar juntas (tablet) */
    /*----------------------------------------------------------*/
    .sml-span-1  { grid-column: span 1; }
    .sml-span-2  { grid-column: span 2; }
    .sml-span-3  { grid-column: span 3; }
    .sml-span-4  { grid-column: span 4; }
    .sml-span-5  { grid-column: span 5; }
    .sml-span-6  { grid-column: span 6; }
    .sml-span-7  { grid-column: span 7; }
    .sml-span-8  { grid-column: span 8; }
    .sml-span-9  { grid-column: span 9; }
    .sml-span-10 { grid-column: span 10; }
    .sml-span-11 { grid-column: span 11; }
    .sml-span-12 { grid-column: span 12; }

  }

/*===========================*
  ------* COMPONENTES *------  
 *===========================*/

.card {

  padding: 5px 10px;
  /*border: solid 0.01em rgba(114,114,114,1);*/
  text-align: justify;
  border-radius: 1px;

  /*box-shadow: 0px 0px 0px 10px rgba(221, 221, 221, 0.05);*/
}
/*  -------------------------------Fue pasado a galery_estilos -------------- 
.bicolor:nth-child(2n) {
  background-color: rgba(215, 207, 244, 0.3);
  border-right: solid 1px rgba(22, 21, 21, 0.3);
  border-bottom: solid 1px rgba(22, 21, 21, 0.3);
  padding: 25px;
}
.bicolor:nth-child(2n+1) {
  background-color: rgba(176, 169, 91, 0.3);
  border-right: solid 1px rgba(22, 21, 21, 0.3);
  border-bottom: solid 1px rgba(22, 21, 21, 0.3);
  padding: 25px;
}
*/
/*===========================*
  -------*  HEADER  *--------  
 *===========================*/
 .nav_content {
  position: fixed;
  background-image: url(holas.gif);
  /*background: rgba(104, 104, 104, 0.5);*/
  border-bottom: solid 1px rgba(114,114,114,1);
  width: 100%;

  top: 0;
  }
.nav {
  display: flex;
  flex-wrap: wrap;
  margin: 15px auto;  
}
.nav .contenedor-100 {
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto;
  /*border:#33c6e0 solid 1px ;*/

}
.nav a {
  background: rgba(114,114,114,1);
  color: silver;
  text-decoration: none;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 3px 2%;
  transition: 0.1s ease all;
  font-size: 15px;
  box-shadow: 3pm;
  margin: 0 auto;
  border-top: solid 1px rgb(230, 230, 230);
  border-right: solid 1px rgb(175, 176, 182);
  border-left: solid 1px rgb(230, 230, 230);
  border-bottom: solid 1px rgb(175, 176, 182);
  border-radius: 2px;

}

.nav .activo,
.nav a:hover {
  color:#ffff00;
  border-top: solid 1px rgb(10, 10, 10);
  border-right: solid 1px rgb(230, 230, 230);
  border-left: solid 1px rgb(23, 23, 24);
  border-bottom: solid 1px rgb(230, 230, 230);

  border-radius: 2px;
  text-decoration-skip-ink:initial;
}

.nav_logo {
 vertical-align: middle;
  max-height: 120px;
  height: 120px;
  max-width: 120px;
  width: 120px;
  border:#ffff00 solid 1px ;
  overflow: hidden;
  padding: auto;
  margin: 0 auto;
 }
 .nav_empresa {
   vertical-align: middle;
   top: 2px;
   border:#ffff00 solid 1px ;

 }
 .nav_search {
  margin: 0 auto;
  background: lightslategray;
 }
 .nav_login {
  background: rgb(16, 124, 72);
  color: rgb(255, 255, 255);
  text-decoration: none;
  padding: 1px 50px;
  transition: 0.1s ease all;
  font-size: 14px;
  margin: 0 auto;
  border-bottom: solid 3px rgb(175, 176, 182);
  border-right: solid 3px rgb(175, 176, 182);
  border-top: solid 1px rgb(175, 176, 182);
  border-left: solid 1px rgb(175, 176, 182);
  border-radius: 3px;

}
/*===========================*
  -----* L  O  G  I  N *-----  
 *===========================*/
 .login {
   font-size: 1em;
 }
/*===========================*
  -----*  VERTICAL-NAV *-----  
 *===========================*/
 .nav-vertical-content {
    margin: 0px 0px;
    padding: 0px 0px;
    position: fixed;
    width: 10%;
    z-index: 55;
 }
 .loguito {
  display: block;
    /*
    width: 10vw;
    height: 20vh;
    font-size: 10vh;
/*  max-height: 195px;
  height: 190px;
  max-width: 210px;
  width: 205px;
*/

  width: 99%;
  max-width: 100%;
  max-height: 50%;
  margin-left: 0px;
}
/*
.loguito img {
  border: 5px solid rgb(136, 41, 89);
  width: 98%;
  max-width: 100%;
  max-height: 40%;

}*/
.nav-flex {
  display: flexbox;
  width: 100%;
  position: relative;
}

.nav-vertical {
   top: 200px;
   margin-left: -38px;
}
 .nav-vertical ul {
  list-style: none;
 }
 
 .nav-vertical ul li a {
   display: inline-block;
   width: 40px;
   height: 40px;
   color: white;
   font-size: 25px;
   background-color: rgba(33, 33, 36,0.5);
   border: solid 0.05em rgba(104, 104, 104, 0.5);
   border-radius: 5px;
   padding: 10px 10px;
   text-decoration: none;
   margin: 5px 0px;
   -webkit-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

.nav-vertical ul li .activo,  
.nav-vertical ul li a:hover{
    color: chartreuse;
    padding: 10px 15px 10px 5px;
 }
 
 .social {
   position: fixed;
   top: 200px;
   right: 2px;
   z-index: 60;
   width: 50px;
 }

.position_fixed {
  top: 200px;
  right: 2px;
  position: fixed;
}
 
.social ul {
  list-style: none;
  text-decoration: none;
 }

 .social ul li .icon-facebook {background: rgba(1, 52, 129, 0.7);/*#3b5998; */ }
 .social ul li .icon-twitter {background: rgba(2, 101, 249, 0.7);/*#00abf0;*/ }
 .social ul li .icon-youtube {background: rgba(218, 50, 39, 0.7);/*#c42a2a;*/ }
 .social ul li .icon-gplus {background: rgba(32, 89, 2, 0.7);/*#050818;*/ }
 .social ul li .icon-mail {background: rgba(82, 85, 90, 0.7);/*#050818;*/ }
 .social ul li .icon-comment {width: 32px; background: rgba(68, 207, 4, 0.7);/*#050818;*/ }

 .social ul li a {
   display: inline-block;
   color: white;
   border-radius: 3px;
   padding: 2px 2px;
   /*width: 40px;*/
   margin: auto;
   text-decoration: none;
   -webkit-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   text-align: center;
   aspect-ratio: 3/3;  /* Proporcion de la imagen ancho / alto */
   align-items: center;
 }

 .social ul li a:hover {
   padding: -1px 0px 0px 5px;
   background-color: #050818;
   /*width: 30px;*/
   font-size: 1.5em;
 }

/*===========================*
  ------*   FUENTES   *------  
 *===========================*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  text-align: center;
}
.text__center {text-align: center;}
.text__start  {text-align: start}
.text__end    {text-align: end;}
.text__left   {text-align: left;}
.text__right  {text-align: right;}

.float__left   {float: left;}
.float__right  {float: right;}

.display__block {display: block;}

.display__flex_column {
  display: flex;
  flex-direction: column;
  justify-items: auto;
}
.display__flex_row {
  display: flex;
  flex-direction: row;
  justify-items: auto;
}

.zise__025{width:  25px; overflow: hidden;}
.zise__050{width:  50px; overflow: hidden;}
.zise__075{width:  75px; overflow: hidden;}
.zise__100{width: 100px; overflow: hidden;}
.zise__125{width: 125px; overflow: hidden;}
.zise__150{width: 150px; overflow: hidden;}

.display-1 {
  font-weight: 700;
  font-size: 64px;
  color: #F5BA1F;
}

.display-2 {
  font-weight: 700;
  font-size: 54px;
  color: #F5BA1F;
}
.display-3 {
  font-weight: 700;
  font-size: 44px;
  /*color: #F5BA1F;
  background: -webkit-linear-gradient(rgb(2, 25, 97),rgb(124, 93, 249),rgb(2, 25, 97));*/
 /* background: -webkit-linear-gradient(rgb(255, 230, 0),rgb(255, 230, 0),rgb(51, 0, 255),rgb(255, 0, 0),rgb(255, 0, 0));
   
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  color:rgb(2, 2, 26);
  padding: 0 0 15px 0;
 }


.display-5 {
  font-weight: 700;
  font-size: 30x;
  color: #F5BA1F;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}
/*===========================*
  ------*   SLIDERS   *------  
 *===========================*/

#slider__content{
    display: block;
    width: 80%;
    position: relative;
    /*border: 0.07em solid rgba(133, 130, 130, 0.05);*/
    border: 0.02em solid rgb(39, 33, 33);
    line-height: auto;
    margin-left: 20%;
    margin-top: 10%;

}

#slider__content-full{
    display: block;
    width: 85%;
    position: relative;
    /*border: 0.07em solid rgba(133, 130, 130, 0.05);*/
    border: 0.02em solid rgb(39, 33, 33);
    line-height: auto;
    margin-left: 10%;
    margin-top: 5%;

}

.slider__imagen {
  /*border-style: none;*/
   margin-top: -20%;
   margin-left: -10%;
   line-height:0;
   max-width: 100%;
   width: 100%;
   border: solid 1px rgba(114,114,114,1);
   border-radius: 3px;
   aspect-ratio: 4/3;  /* Proporcion de la imagen ancho / alto */

   }

.slider__float
    {
    display: block;
    background-color: rgba(104, 104, 104, 0.5);
    margin: 0% auto;
    top: 35%;
    padding: 2px 20px;
    width: 100%;
    position: absolute;
    z-index: 50;
    }
.slider__context {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.slider__titulo_main {
  display: block;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  color:rgb(4, 4, 82)
}
.slider__titulo {
  display: block;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color:rgb(19, 21, 75)
}
.slider__texto {
  text-align: justify;
  color:rgb(2, 2, 26)
}
#slaider__content img{
			width: 100%;
}

.article__img__circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.article__content {
  display: block;
  line-height: auto;
  margin: 10% 8%;
}

.article__content_img {
  display: block;
  width: 100%;
  border: 0.02em solid rgba(23, 21, 42, 0.5);
  margin-left: 5%;
  margin-top: 10%;
  margin-bottom: 10%;
  padding-bottom: 15px;
}
.article__img__rectang {
  border: solid 1px #050818;
  margin-left: -10%;
  margin-top: -10%;
  aspect-ratio: 4/2.8;  /* Proporcion de la imagen ancho / alto */

}

.botton__contents {
    display: flex;
    width: 100%;
    margin-top: 0px;
}
button{
		padding: 2px;
		border: 0.03em solid rgba(213, 210, 210, 0.01);
		font-size: 20px;
		background-color: rgb(48, 42, 109, 0.01);
    color: hsl(0, 6%, 90%, 0.2);
	/*	position: absolute;
		top:45%;  */
		cursor: pointer;
    width: 10%;
}

.next{
      
   	  border-radius: 10px 0px 0px 10px;
   	  margin-left: 90%;
}
.prew{
   	  border-radius: 0px 10px 10px 0px;
}


#video-player {
  width: 640px;
  height: 360px;
  margin: 0 auto;
}
#video {
  width: 100%;
  height: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
    background-color: #F5BA1F;
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    min-height: 280px;
}

.testimonials .testimonial-item .testimonial-img {
    width: 90px;
    height: 95px;
    border-radius: 50%;
    margin: -40px 0 -25px 40px;
    position: relative;
    z-index: 2;
    border: 6px solid #fff;
}

.testimonials .testimonial-item h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 15px;
    color: #111;
}

.testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #999;
    margin: 0 0 0 2px;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
    color: #ffe7a0;
    font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    color: #111;
    position: relative;
    background-color: brown;
}

.testimonials .testimonial-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    color: #111;
    position: relative;
    top: 10px;
}

.testimonials .testimonial-item p {
    font-style: italic;
    margin: 0 5px 0 5px;
    padding: 20px 20px 40px 20px;
    background: #fafafc;
    position: relative;
    border-radius: 6px;
    position: relative;
    z-index: 1;
}

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid var(--color-primary);
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color-primary);
}


@media screen and (max-width: 992px) {
  .slider__float  {top: 30%;}
  .slider__titulo, .slider__titulo_main {font-size: 1.2em;}
  .slider__texto  {font-size: 1em;}
  
  .display-1 {
    font-weight: 500;
    font-size: 54px;
    color: #F5BA1F;
  }

  .display-2 {
    font-weight: 500;
    font-size: 44px;
    color: #F5BA1F;
  }

  .display-3 {
    font-weight: 500;
    font-size: 34px;
    color: #F5BA1F;
  }


  .display-5 {
    font-weight: 500;
    font-size: 20x;
    color: #F5BA1F;
  }

}

@media screen and (max-width: 576px) {
  .slider__float  {top: 15%;}
  .slider__titulo, .slider__titulo_main{font-size: 0.75em;}
  .slider__texto  {font-size: 12px;}

   .display-1 {
    font-weight: 500;
    font-size: 54px;
    color: #F5BA1F;
  }

  .display-2 {
    font-weight: 500;
    font-size: 44px;
    color: #F5BA1F;
  }

  .display-3 {
    font-weight: 500;
    font-size: 34px;
    color: #F5BA1F;
  }


  .display-5 {
    font-weight: 500;
    font-size: 20x;
    color: #F5BA1F;
  }

}