#top {
    height: 50vh;
    width: 100%;
    background: url('../../img/partner/Banner.png') no-repeat right;
    background-size: cover;
    /* color: gray; */
    color: #088D8B;
    font-weight: 700;
    text-shadow: 0px 0px 4px rgb(255, 255, 255);
    font-size: 1em;
}

#top .content {
    max-width: 600px;
    justify-content: center;
    align-items: center;
    padding-bottom: 5%;
}

#products {
    position: relative;
    top: -6em;
    margin-bottom: -6em;
}
.products {
    background-color: white;
    text-align: center;
    font-weight: 400;
    color: #363636;
    box-shadow: 0px 3px 26px #00000029;
    border-radius: 8px;
    font-size: .8em;
    padding: .5em 0;
    margin-bottom: 2em;
}
.products .col {
    white-space: pre-line;
    padding: 0;
}
.products .col img {
    padding-bottom: 8px;
    height: 5em;
}
.products .col a {
    color: #07BEBB;
    font-weight: 500;
}
#steps .card {
    flex-direction: unset;
    display: flex;
    align-items: center;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0px 2px 16px #0000001c;
    height: 100%;
    padding: 10px;
}
#steps ul {
    list-style-type: none;
    width: max-content;
    font-size: .9em;
    margin-bottom: inherit;
    font-weight: 500;
}
span#circle {
    color: white;
    font-size: 1.4rem;
    min-width: 2.5rem;
    background-color: #07BEBB;
    margin-right: 1rem;
    text-align: center;
    border-radius: 50%;
    line-height: 2.5rem;
}
#steps h5 {
    text-align: center;
    color: #07BEBB;
    font-weight: 600;
}
span#title {
    font-size: 1rem;
    font-weight: bold;
    white-space: pre-line;
}
#steps ul li:before {    
    font-family: 'Font Awesome 5 Free';  
    content: "\f0da";
    padding-right: 10px;
    color: #07BEBB;
    font-weight: 900;
}
#info button {
    font-weight: 700;
    font-size: 16px;
    padding: 1em 4em;
    background-color: #07BEBB;
    color: white;
    border-radius: 30px;
    border: 0;
    margin-top: 1em;
    margin-bottom: 2em;
}
.modal#contact-budget .modal-header {
    text-align: center;
    text-shadow: 1px 1px 1px #0000002b;
    background-color: #07BEBB;
    color: white;
}
.modal#contact-budget .modal-header h4 {
    font-weight: 700;
    text-align: center;
}
.modal#contact-budget .modal-content {
    border-radius: 8px;
}
.md-form input[type="text"]:focus, .md-form input[type="password"]:focus, .md-form input[type="email"]:focus {
    box-shadow: 0 1px 0 0 #07BEBB!important;
    border-bottom: 1px solid #07BEBB!important;
}
label {
    font-weight: 600;
    color: black!important;
}
.md-form label.active {
    font-weight: 500;
    color: #9F9F9F!important;
}
.form-control, .custom-select {
    color: black!important;
    font-weight: 600;
}
.custom-select {
    border: unset;
    border-bottom: 1px solid #ced4da;
    padding: .6rem 0 .4rem 0;
}
.md-form {
    margin: 10px;
}
#budget button {
    font-weight: 700;
    padding: 1em 4em;
    background-color: #07BEBB;
    color: white;
    border-radius: 30px;
    border: 0;
    margin-top: 15px;
}
#infos h5 {
    color: #07BEBB;
    font-weight: 600;
    padding-right: 3em;
}
#infos .product {
    font-size: .9rem;
    margin: 1em 0;
    padding: 1em;
    padding-right: 3em;
    display: grid;
    grid-template-areas:
    'image content content content content';
    background: #FFFFFF;
    box-shadow: 0px 2px 8px #00000011;
    border: 0.3px solid #00000011;
    border-radius: 13px;
    border-left: 6px solid #07BEBB5C;
}
#infos .image {
    grid-area: image; 
    padding: 0 2em;
}
#infos .content {
    grid-area: content; 
    text-align: left;
    font-size: 1em;
    font-weight: 500;
}

#infos .details{
    margin-bottom: 33px;
}

.p-0{
    padding: 0;
}

.m-0{
    margin: 0;
}

.budget button {
    font-weight: 700;
    padding: 1em 4em;
    background-color: #07BEBB;
    color: white;
    border-radius: 30px;
    border: 0;
    margin-top: 15px;
}

#intro .text {
    font-size: .8em;
    margin: 0 2rem;
    background-color: #07BEBB82;
    border-radius: 20px 20px 0 0;
    padding: .8rem;
    font-weight: 600;
    color: white;
    text-shadow: 1px 1px 1px #1A7775E3;
    padding-bottom: 10px;
}

@media (min-width: 1400px) {
    #top {
        font-size: 1.4em;
    }
}
#video img {
    height: 1.5rem;
    margin-right: 10px;
}
#video {
    background-color: #07BEBB;
    color: white;
    font-weight: 600;
    padding: 12px 35px;
    border-radius: 30px;
}
@media (max-width: 600px) {
    #video img {
        height: 1rem;
        margin-right: 5px;
    }
    #video {
        font-size: .8rem;
        padding: 10px 12px;
        white-space: nowrap;
    }
}
@media (max-width: 1330px){

    #top{
        text-shadow: none;
    }

    .opacity{
        opacity: 0.5;
        background-color: #FFF;
        width: inherit;
        height: inherit;
        position: absolute;
        transition: 2s;
    }
}

@media(min-width: 760px) and (max-width: 992px){
    #steps .card{
        height: 120px;
    }
}

@media(min-width: 993px) and (max-width: 1200px){
    #steps .card{
        height: 90px;
    }
}

@media(min-width: 1201px){
    #steps .card{
        height: 80px;
    }
}

@media (min-width: 1600px) {
    #intro .text {
        margin: 0 6%;
        padding-bottom: 10px;
    }
    #top {
        font-size: 1.4em;
    }

    #top .content {
        max-width: 700px;
        justify-content: center !important;
        align-items: center !important;
    }

    #intro .text {
        font-size: 1em;
    }
    .row#products {
        top: -8rem;
    }
}