/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: 'Questrial-Regular';
    src: url('../fonts/Questrial-Regular.ttf');
}
body {
    font-family: 'Questrial-Regular' !important;
    font-size:1.3em !important;
    font-display:auto;
}
.pd-0{
    padding-left:0px!important;
    padding-right:0px!important;
}
h1{
    font-size:2.5rem !important;
}
.t-big {
    font-size: 4rem !important;
}
.bg-index {
    background-image: url('../img/bg-index.svg');
    height:100%;
    background-repeat:no-repeat;
}
.bg-prueba {
    background-image: url('../img/prueba.svg');
    height: 100%;
    background-repeat: no-repeat;
}
.bg-about {
    background-image: url('../img/bg-about-us-2.svg');
    height: 100%;
    background-repeat: no-repeat;
}
.bg-about2 {
    background-image: url('../img/12.svg');
    height: 100%;
    background-repeat: no-repeat;
}
.bg-services {
    background-image: url('../img/bg-services.svg');
    height: 100%;
    background-repeat: no-repeat;
}
.bg-services2 {
    background-image: url('../img/7.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-services3 {
    background-image: url('../img/14.svg');
    height: 100%;
    background-repeat: no-repeat;
}

.bg-clients {
    background-image: url('../img/2.svg');
    height: 100%;
    background-repeat: no-repeat;
}
.bg-contact {
    background-image: url('../img/bg-contact.svg');
    height: 100%;
    background-repeat: no-repeat;
}
.bg-form {
    background-image: url('../img/bg-contact-form.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.bg-form-2 {
    background-image: url('../img/bg-form.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.bg-maps {
    background-image: url('../img/bg-maps.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.pt-15 {
    padding-top: 10rem;
    padding-bottom:5rem
}
.pt-11 {
    padding-top: 11rem;
    padding-bottom:12rem;
}
.prl-10 {
    padding-right: 9rem;
    padding-left: 0rem;
}
.prl-11 {
    padding-right: 0rem;
    padding-left: 6rem;
}
.prl-12 {
    padding-right: 5rem;
    padding-left: 24rem;
}

.txt-b {
    color: #021d49;
}
.txt-g {
    color: #53575a;
}
.bg-b {
    background-color: #202346;
}
.bg-a {
    background-color: #926f0c !important;
}
.bg-g {
    background-color: #53575a !important;
}
.btn-g {
    color: #fff!important;
    background-color: #53575a !important;
    font-size:15px!important;
}
.txt-ul {
    font-size: 15px;
    list-style: none;
   padding-left: 0px;
}
/*Navbar*/
.navbar {
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0%), 0 2px 4px rgb(0 0 0 / 0%) !important;
    padding-top: 0.5625rem !important;
}
.nav-item {
    text-align-last: center;
    font-family: 'Questrial-Regular' !important;
    padding-right: 45px;
    padding-left: 15px;
}
.nav-item, a {
    color: #fff !important;
    font-size:18px;
}

.nav-link.active {
    border-color: #1b5a7a;
    border: 4px;
}

.nav-link.active {
    border-bottom: 4px solid #1b5a7a !important;
}

footer{
    font-size:0.88em;
}
.a-f{
    font-size:0.9em;

}
.bg-footer {
    background-image: url('../img/bg-footer.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
.icon-a {
    color: #926f0c;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #ffffff !important;
    background-color: #202346 !important;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: all .2s linear;
}
::placeholder{
    color:#fff !important;
}
.btn-light {
    color: #fff!important;
    background-color: #202346 !important;
}



@media (min-width: 250px) and (max-width: 767px) {
    .bg-services2 {
        background-image:none!important;
        
    }
    .txt-1{
        color:#fff !important;
    }
}
@media (min-width: 250px) and (max-width: 110px) {
    .img-v {
        width:300px!important;
    }
}
  
   
.menu3  li:after {
    content: "";
    position: absolute;
    width: 5%;
    height: 1px;
    display: block;
    transition: all 0.3s ease;
    bottom: 25%;
}

.menu3 li:hover::after {
    width: 8%;
    height: 2px;
    background-color: #fff;
}


.menu[data-animation="bonus"] a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}
.menu {
    display: flex;
    justify-content: center;
}

 

    .menu a {
        position: relative;
        display: block;
        padding: 15px;
    }

        .menu a::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #fff;
            z-index: 1;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.5s ease-in-out;
        }

        .menu a:hover::before {
            transform: scaleX(1);
        }


@media (min-width: 1400px) and (max-width:28000px) {
    .img3 {
        right: 30px;
    }
    .img2 {
        left: 112px;
    }
   
}
@media (min-width: 1402px) and (max-width:28000px) {
 
    .img2 {
        left: 0px;
    }
}
@media (min-width: 1800px) and (max-width:1900px) {
    

    .img2 {
        left: 35px !important;
    }
}