@font-face {
    font-family: Exo_2;
    src: url("../fonts/Exo_2/static/Exo2-Regular.ttf");
}

:root{
    --green:#00a19a;
    --lightGray: #f7f7f7;
    --gray: #F2F2F2;
    --darkGray: #999999;
    --lightBlue: #bfe7e6;
    --blue: #00A19A;
    --orange: #f4a718;
}

*{
    font-family: Montserrat, sans-serif;
}

#sidebar {
    position: fixed;
    right: -172px;
    top: 60svh;
    transition: 2.5s;
}

#sidebar:focus{
    right: 0px;
}

.bg-gray{
    background-color: var(--gray);
}

.bg-nav{
    background-color: #ffffffb3;
}

.bg-button{
    background-color: #4EB7CD;
}

.bg-footer{
    background-color: #41B1C3;
}

.bg-form{
    background-color: white;
    border-radius: 3rem;
}

.bg-phone{
    background-color: #40b1c3;
}

.bg-gradient{
    background-image: linear-gradient(#41b1c3, #7fcff5);
}

.bg-grey{
    background-color:#EEEEEE;
}

.bg-table{
    background-color:#959595;
}

.aboutusBorder{
    border: solid #41B1C3;
    border-radius: 4rem;
}

.contactLogos{
    width: 15%;
}

th{
    border-right: white solid;
}

.blueTitle{
    color: #41B1C3;
}

.subrayadoAzul{
    text-decoration: underline  19px;
}

h1 span {
    background: linear-gradient(0deg, rgba(255,0,255,0) 0%, rgba(255,0,255,0) 0%, #80CFF5 -70%, #80CFF5 48%, rgba(255,0,255,0) 41%);
}

h1 span.spanDark {
    background: linear-gradient(0deg, rgba(255,0,255,0) 0%, rgba(255,0,255,0) 0%, #007EBF -70%, #007EBF 48%, rgba(255,0,255,0) 41%);
}

body {
    margin:0;
    background-color: white;
    overflow-x: hidden;
}

section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 400px;
}

.wave-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.wave-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 70px;
}

.wave-top .shape-fill {
    fill: #FFFFFF;
}

.wave-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.wave-bottom svg {
    position: relative;
    display: block;
    width: calc(235% + 1.3px);
    height: 155px;
}

.wave-bottom .shape-fill {
    fill: #FFFFFF;
}

.mySwiper {
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

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

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23AAC4D7'%2F%3E%3C%2Fsvg%3E") !important;
  }
  
  .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23AAC4D7'%2F%3E%3C%2Fsvg%3E") !important;
  }

.card{
    border-radius: 4.5rem!important;
    /* border-image: linear-gradient(#41b1c3, #7fcff5) 30!important; */
    border-width: 5px!important;
    border-style: solid!important;
    border-color: #41b1c3;
    

    /* border-radius: 4rem!important;
    border: 5px solid transparent; 
    background: linear-gradient(#41b1c3, #7fcff5) border-box; 
    -webkit-mask:
       linear-gradient(#fff 0 0) padding-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; 
            mask-composite: exclude;  */
}

.card img{
    object-position: bottom;
}

.indexBtn{
    border: 5px solid #4EB7CD;
    color: #4EB7CD;
}
.indexBtn:hover{
    background-color: #4EB7CD;
    color: white;
}

.imgHeader{
    height: 15vh;
    object-position: bottom;
}

.socialIcons{
    width: 15%;
}

.dropdown-item{
    color: white!important;
    border-bottom: 1px solid #007EBF!important;

}
.dropdown-item:hover{
    background-color:#80CFF5!important;
}

.btn-outline-light{
    border: 4px solid;
}

.buttonTable{
    background-color: #41B1C3;
    color: white;
    border-radius: 0;
}

.buttonTable:hover{
    background-color:#E6F5F7;
    color: #41B1C3;
}

.buttonOxford:hover{
    color: #3C3C3A;
    border-color: #3C3C3A;
    background-color: transparent;
}

.textTable:hover{
    color: #80CFF5;
}

.modal-content{
    border-radius: 2rem;
    padding: 1rem;
}

.more-info-white{
    color: white;
    text-decoration: none;
    transition: 0.2s;
}

.more-info-white:hover{
    color: #41B1C3;
    text-decoration: none;
}

.more-info-blue{
    color: #4EB7CD;
    text-decoration: none;
    transition: 0.2s;
}

.more-info-blue:hover{
    color: #41B1C3;
    text-decoration: none;
}

.text-decoration-none-white, .text-decoration-none-white:hover, .text-decoration-none-black, .text-decoration-none-black:hover{
    text-decoration: none;
}

.text-decoration-none-white, .text-decoration-none-white:hover{
    color: white;
}

.text-decoration-hover-white{
    color: #3C3C3A;
    text-decoration: none;
    transition: 0.2s;
}

.text-decoration-hover-white:hover{
    color: white;
    text-decoration: none;
}
.text-decoration-hover-white .object-cover:hover{
    filter: opacity(0.7);
}

.object-cover{
    object-fit: cover;
}

.HPInput {
    display: block;
    line-height: 0;
    width: 0;
    height: 0;
    padding: 0;
    border: 0 !important;
    overflow: hidden;
}

@media (min-width: 576px) {
    .position-sm-static {
        position: static !important;
    }
    .position-sm-relative {
        position: relative !important;
    }
    .position-sm-absolute {
        position: absolute !important;
    }
    .position-sm-fixed {
        position: fixed !important;
    }
    .position-sm-sticky {
        position: sticky !important;
    }
    .d-sm-none {
        display:none !important;
    }

    .w-sm-50{
        width: 50%!important;
    }

    
    .imgHeader{
        height: 30vh;
    }
}

@media (min-width: 768px) {
    .position-md-static {
        position: static !important;
    }
    .position-md-relative {
        position: relative !important;
    }
    .position-md-absolute {
        position: absolute !important;
    }
    .position-md-fixed {
        position: fixed !important;
    }
    .position-md-sticky {
        position: sticky !important;
    }
    .d-md-none {
        display:none !important;
    }

    
    .imgHeader{
        height: 30vh;
    }

}

@media (min-width: 992px) {
    .position-lg-static {
        position: static !important;
    }
    .position-lg-relative {
        position: relative !important;
    }
    .position-lg-absolute {
        position: absolute !important;
    }
    .position-lg-fixed {
        position: fixed !important;
    }
    .position-lg-sticky {
        position: sticky !important;
    }
    .d-lg-none {
        display:none !important;
    }

    .w-lg-50{
        width: 50%!important;
    }

    .w-lg-65{
        width: 65%!important;
    }

    .text-bottom{
        display: flex;
        align-items: baseline;
    }

    .imgHeader{
        height: 30vh;
    }

    .swiper-slide {
        max-height: 25vh;
    }
    
    .swiper-slide-active {
        min-height: 30vh;
        min-width: 30vw;
    }
}

@media (min-width: 1200px) {
    .position-xl-static {
        position: static !important;
    }
    .position-xl-relative {
        position: relative !important;
    }
    .position-xl-absolute {
        position: absolute !important;
    }
    .position-xl-fixed {
        position: fixed !important;
    }
    .position-xl-sticky {
        position: sticky !important;
    }
    .d-xl-none {
        display:none !important;
    }

    .imgHeader{
        height: 64vh;
    }
}

/* Legal pages: keep content below the absolute navigation without changing hero pages. */
.legal-page-shell {
    padding-top: 13rem;
    padding-bottom: 3rem;
    max-width: 1140px;
}
.legal-content h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.legal-content h3 {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
}
.legal-content p,
.legal-content li {
    line-height: 1.65;
}
.legal-content table th,
.legal-content table td {
    vertical-align: top;
}

@media (max-width: 991.98px) {
    .legal-page-shell {
        padding-top: 7.5rem;
    }
}