@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --gmp-yellow:#FF9015;
    --gmp-light-yellow:#ffc686;
    --gmp-orange:#FF5100;
    --gmp-grey:#4F4F4F;
    --gmp-light-grey:#F5F6FA;
    --gmp-blue:#06326B;
    --gmp-light-blue:#0667B4;
    --gmp-white:#fff;
}
body{
    font-family: "Urbanist", sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
    font-family: "Urbanist", sans-serif;
    color:var(--gmp-grey);
    margin:0
}
#mainNav{
    font-family: "Urbanist", sans-serif;
}
.banner{
    background-image: url(../img/fondo-header3.png);
    background-size: cover;
    padding: 64px 120px
}
@media screen and (max-width:991px){
    .banner{
        padding: 24px
    }
}
.orange-gmp{
    color:var(--gmp-orange);
}
.blue-gmp{
    color: var(--gmp-blue);
}
.yellow-gmp{
    color: var(--gmp-yellow);
}
/*BUTTONS*/
.btn-gmp{
    padding: 4px 24px;
    font-size:14px;
    font-weight: 600;
    border-radius: 50px;
    max-width:380px;
    outline: none;
    border:none;
    text-decoration:none
}
.primary-gmp-button{
    background: var(--gmp-blue);
    color:#fff;
}
.primary-gmp-button:hover{
    background: var(--gmp-light-blue);
    color:#fff;
}
.secondary-gmp-button{
    background: var(--gmp-yellow);
    color:#fff;
}
.secondary-gmp-button:hover{
    background: var(--gmp-light-yellow);
    color:#fff;
}
.a-gmp{
    text-decoration: none;
    font-size:16px;
    font-weight: 600;
}
/*BUTTONS*/
/*FORM CONTENT BANNER*/
.banner--content-dual-form{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 32px;
}
.banner--form{
    border-radius: 16px;
    background: #f5f6faeb;
    padding:65px 24px;
    max-width: 328px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative
}
.banner--form>form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.banner--form--title{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.banner--form--title>p,banner--form--title>h3{
    margin:0
}
.banner--form--title>p{
    font-size: 16px;
}
.banner--form--title>h3{
    font-size: 24px;
}
.banner--form--footer{
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}
.banner--form--footer>p{
    margin:0;
    font-size:14px
}
.form--label{
    max-width: 57px;
    position: absolute;
    top: -2px;
    right: 24px;
}
@media screen and (max-width:991px){
    .banner--content-dual-form{
        flex-direction: column
    }
}
/*FORM CONTENT BANNER*/
/*CONTENTS*/
.content-section{
    padding:64px 120px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.content-header{}
.content-header>h2{
    margin: 0;
    font-size:32px;
}
.content-header>p{
    margin: 0;
    font-size:24px;
}
.content-section-gray-bkg{
    background-color:var(--gmp-light-grey)
}
.content-section-blue-bkg{
    background-color:var(--gmp-light-blue);
}
.content-section--row{
    flex-direction: row;
}
.financial-content{
    align-items: center;
    justify-content: space-between;
}
.financial-content :first-child{
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex:2
}
.financial-content :last-child{
    flex:1
}
@media screen and (max-width:991px){
    .content-section{
        padding:24px
    }
    .content-section--row{
        flex-direction: column;
    }
    .content-section--row>div>img{
        width:100%
    }
}
/*CONTENTS*/
.section-perk{
    padding:32px 24px;
    border:4px solid var(--gmp-light-grey);
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:24px;
    flex:1
}
.section-perk>p,.section-perk>h4{
    margin:0;
}
.section-perk>p{
    text-align: left;
}
.perk-content{
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.section-perk--row{
    padding:32px 24px;
    border:4px solid var(--gmp-light-grey);
    border-radius: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:24px;
    max-width: 100%;
}
.other-perk-content--row{
    display: flex;
    flex-direction: row;
    gap: 32px;
}
.other-perk-content{
    display:flex;
    flex-direction:column;
    gap:32px
}
.other-section-perk{
    background:var(--gmp-white);
    border-radius:24px;
    padding:24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:24px;
    flex:1
}
.other-section-perk>div>p{
    margin:0;
    font-size:16px;
}
.other-section-perk>div{
    display: flex;
    flex-direction: column;
    gap:8px;
}
.other-section-perk>div>h4{
    margin:0;
    font-size:24px;
    color:var(--gmp-yellow)
}
@media screen and (max-width:991px){
    .perk-content{
        flex-direction: column
    }
    .section-perk{
        width:100%:
        max-width:100%
    }
    .section-perk--row{
        flex-direction: column
    }
    .other-perk-content--row{
        flex-direction: column
    }
    .other-section-perk{
        flex-direction: column
    }
}
/*CONTACT SECTION*/
.contact-content{
    justify-content: space-between
}
.contact-element{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
@media screen and (max-width:991px){
    .contact-element{
        gap: 16px;
    }
    .contact-element>img{
        width:32px!important
    }
}
/*CONTACT SECTION*/
/*PARTNERS*/
.partner-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
}
@media screen and (max-width:991px){
    .partner-content{
        flex-direction: column;
    }
}
/*PARTNERS*/
.navbar-collapse{
justify-content: flex-end;
}