@font-face {
    font-family: "Monserrat", sans-serif !important;
    src: url('../FONTS/Montserrat-Regular.woff2') format("woff2");

}

body{
    font-family: "Open Sans",sans-serif;
}


.container {
  max-width: 960px;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color:#3cc0c6;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: white;
  transition: color .15s ease-in-out;
    text-decoration: none;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

.form-karan
{
    background: url("../IMG/bienestar-laboral-cupon-landing-page-karan.webp");
    background-size: cover;
    min-height: 1026px;
    background-repeat: no-repeat;
}

.form-label
{
    font-size: 21px;
}

.form-control,.form-select
{
    font-size: 1.5rem;
    height: 60px;
}

.mycounter
{
    height: 179px;
    width: 179px;
}

.bd-greenkaran
{
    border: solid 3px #70b3b9;
    width: inherit;
    height: inherit;
}

.bd-greenkaran h1
{
    font-size: 34px;
    color: #70b3b9;
}

.bg-radientone
{
    background: rgb(2,0,36);
background: linear-gradient(0deg, rgb(2 0 36 / 0%) 0%, rgb(251 251 251 / 0%) 35%, rgb(84 224 252 / 33%) 100%);
}


.bg-radienttwo
{
    background: linear-gradient(90deg, #03a9f405 35%, rgb(255 255 255 / 0%) 100%);
}



.bg-mango
{
    background-color: #f2e9a7;
}

#omigratoria{
    padding: 36px;
}

.fg-moradooscurokaran
{
    color: #563c79 !important
}

.statscard p
{
    font-size: 23px;
    color: #70b3b9;
}

.ticketform
{
    background: #5ac2c8;
    padding: 19px 28px;
    min-height: 158px;
}

#form-top{
    background: url("../IMG/bienestar-laboral-cupon-landing-page-karan-turquesa.webp");
    min-height: 150px;
    background-repeat: no-repeat;
}

#form-bottom{
    background: url("../IMG/bienestar-laboral-cupon-landing-page-karan-blanco.webp");
    min-height: 150px;
    background-repeat: no-repeat;
}

.bg-gray
{
    background-color: #efeeee !important;
}

.btn-primary
{
    background-color: #f20a7d;
    font-weight: 700;
    border: solid 4px #ffffff;
}

.btn-primary:hover
{
    background-color: #3cc0c6;
    border-color: white;
}

.bg-green
{
    background-color: #5ac2c8;
}

.contac {

    background-color: #f20a7d;
    background-repeat: no-repeat;

}

input.ka-input {
    width: 69%;
    margin-bottom: 1%;
    padding: 11px;
    border-radius: 10px;
    box-shadow: none;
    border: solid 1px gray;
}

.fondoDegradado {
    background: #76bcc1;
    background: linear-gradient(180deg,rgba(118,188,193,1) 0%,rgba(86,60,121,1) 100%);
}

.fg-white
{
    color: white !important;
}

.fg-morado
{
    color: #f20a7d !important;
}

.bg-white
{
    background-color: white !important;
}

.bg-moradoclaro
{
    background-color:#9790b1;
}

.bg-lightgreen
{
    background-color:#a5d1c9;
}

.bg-greenkaran
{
    background-color:#48bac1 ;
}

.bg-moradokaran
{
    background-color:#655774 ;
}


.fondo-azul {
    background: #01C8D0;
    padding: 200px 0px;
}

.fondo-azul p {
    color: #fff;
    font-size: 1.5rem;
}

.fondo-azul h2 {
    font-size: 2rem;
    color: #fff;
    font-weight: 800;
}

.contenedor-txt p {
    font-weight: 600;
    font-size: 1.3rem;
    color: #3cc0c6;
    text-align: left;
    margin-top: 0px !important;
}

.mision-home {
    padding: 6% 14px 0px 14px;
}

.mision-home p {
    color: #3cc0c6 !important;
    font-size: 2rem;
    text-align: center;
}

.frase-home {
    background-image: url(../IMG/bienestar-laboral-fondo-blanco-con-esfera-karan.webp);
    background-size: contain;
    padding: 100px 0px;
    font-size: 1.5rem;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right center;
    font-family: "Open Sans", sans-serif;
}

.mision-contenido {
    background-image: url(../IMG/bienestar-laboral-fondo-blanco-largo-karan.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
}

.frase-home p {
    padding: 0px 10%;
    font-size: 2.2rem;
    color: #888888;
    font-family: "Open Sans", sans-serif;
}

.mision-contenido p {
    padding: 0px 10%;
    font-size: 1.8rem;
    color: #888888;
    font-family: "Open Sans", sans-serif;
}

.mision-contenido-movil p {
    padding: 0px 10%;
    font-size: 2.2rem;
    color: #888888;
    font-family: "Open Sans", sans-serif;
}

.krn-containerBoxed {
    width: 100%;
    padding: 0 20px !important;
    float: none !important;
    position: relative;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: block !important;
}

.cita-cliente
{
    font-style: italic;
    font-size: 2rem !important;
    text-align: center;
    padding-bottom: 40px;
    color: white;
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 1.475em;
    color: white;
}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 50px !important;
   color: white !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 50px !important;
    color: white !important;
}

#PSdesc
{

    background-color: #91d3cb;
    color: white;
    border-radius: 20px;
    margin-bottom: 20px;
}
#CPdesc
{
    background-color: #45bac1;
    color: white;
    border-radius: 20px;
    margin-bottom: 20px;
}

#seeall {
    background-color: #6b696c;
    width: 150px;
    text-align: center;
    padding: 8px;
    color: white;
    margin-left: 30%;
    border-radius: 14px;
}

#CVdesc
{
    background-color: #9992b3;
    color: white;
    border-radius: 20px;
    margin-bottom: 20px;
}

#Edesc
{
    background-color: #655774;
    color: white;
    border-radius: 20px;
    margin-bottom: 20px;
}

h2.socio
{
    font-weight: 800;
    font-size: 1.5rem;
    color: #888888;
    text-align: center;
    margin-bottom: 0px !important;
}
.nav-item:hover
{

}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}



/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
  
  
}

@media (max-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
  
   .mision-contenido {
   padding: 60px 0px;
   
} 
  
  .mision-contenido p {
    padding: 0px 10%;
    font-size: 1.3rem;
    color: #888888;
    font-family: "Open Sans", sans-serif;
}

.frase-home {
    padding: 58px 0px;
   
}

.frase-home p {
    padding: 0px 10%;
    font-size: 1.2rem;
    color: #888888;
    font-family: "Open Sans", sans-serif;
}

.mision-home p {
    color: #3cc0c6 !important;
    font-size: 1.4rem;
    text-align: center;
}

  
}