section.exames {
    padding-bottom: 30px;
}
section.exames .text-introduction{
    padding-top: 40px;
    padding-bottom: 8px;
    margin: 0 auto;
    width: 990px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
section.exames .text-introduction:before{
    content: "";
    position: absolute;
    width: 95%;
    height: 2px;
    background-color: #b5a073;
    bottom: 0;
}
section.exames .text-introduction p{
    font-size: 16.67px;
    font-weight: 500;
}
section.exames .radiologia {
    padding-left: 60px;
    padding-bottom: 100px;
}
section.exames .radiologia h2{
    margin-bottom: 37px;
    font-size: 25px;
    font-weight: 600;
}
section.exames .radiologia .wrapper{
    display: flex;
    justify-content: space-between;
}
section.exames .radiologia .wrapper .group{
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 87px;
    width: 488px;
}
section.exames .radiologia .wrapper .group::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 17px;
    width: 2px;
    height: 50%;
    background-color: #b5a073;
}
section.exames .radiologia .wrapper .group .item{
    padding-left: 20px;
}
section.exames .radiologia .wrapper .group .item h3{
    display: flex;
    align-items: center;
    position: relative;
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 8px;
}
section.exames .radiologia .wrapper .group .item h3::after{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #b5a073;
    left: -20px;
}
section.exames .radiologia .wrapper .group .item p{
    font-size: 16.67px;
    font-weight: 500;
}
section.planejamento{
    background-color: var(--marrom);
    color: #fff;
    min-height: 357px;
    padding: 23px 0;
}
section.planejamento h2{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 52px;
    padding-left: 48px;
}
section.planejamento .wrapper{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}
section.planejamento .wrapper .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    row-gap: 16px;
}
section.planejamento .wrapper .item:nth-child(2) .icon{
    font-size: 145px;
}
section.planejamento .wrapper .item .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 157px;
    height: 157px;
    border-radius: 8px;
    outline: 5px solid #fff;
    font-size: 120px;
}
section.planejamento .wrapper .item h3{
    font-size: 20.83px;
    font-weight: 500;
}
section.sono {
    padding: 38px 0;
}
section.sono .texto-sono {
    padding-left: 48px;
    margin-bottom: 35px;
}
section.sono .texto-sono h2{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 30px;
}
section.sono .texto-sono ul{
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    padding-left: 67px;
    list-style: none;
}
section.sono .texto-sono ul li{
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    position: relative;
    display: flex;
    align-items: center;
}
section.sono .texto-sono ul li::after{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #b5a073;
    border-radius: 50%;
    left: -24px;
}
section.sono .gallery{
    width: 100%;
    height: 615px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(80px, 0.8fr) 0.8fr 1fr 1fr minmax(80px, 1fr);
    grid-template-areas: 
    "image1 image1 image2 image2 image5"
    "image1 image1 image2 image2 image5"
    "image1 image1 image2 image2 image5"
    "image1 image1 image3 image4 image5"
    "image1 image1 image3 image4 image5"
    "image1 image1 image3 image4 image5"
    "image1 image1 image3 image4 image5"
    "image6 image6 image6 image6 image6"
    "image6 image6 image6 image6 image6"
    "image6 image6 image6 image6 image6"
    "image6 image6 image6 image6 image6"
    "image6 image6 image6 image6 image6"
    "image6 image6 image6 image6 image6";
}
section.sono .gallery .image{
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    background-color: red;
}
section.sono .gallery .image:hover img{
    filter: none;
}
section.sono .gallery .image img{
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.sono .gallery .image1{
    grid-area: image1;
}
section.sono .gallery .image2{
    grid-area: image2;
}
section.sono .gallery .image3{
    grid-area: image3;
}
section.sono .gallery .image4{
    grid-area: image4;
}
section.sono .gallery .image5{
    grid-area: image5;
}
section.sono .gallery .image6{
    grid-area: image6;
}
section.link-footer .wrapper h3,
section.link-footer .wrapper h4{
    color: var(--marrom);
}
section.link-footer .wrapper h4{
    font-style: italic;
}
section.lead{
    background-image: url("../img/leads/exames.webp");
}
section.lead .box-form .wrapper {
    row-gap: 20px;
}
section.lead .box-form .group-button{
    margin-top: 0;
}
section.lead .box-form .group-button button{
    background-color: var(--marrom);
    color: #fff;
}

@media(max-width: 768px){
    section.exames .text-introduction{
        padding-top: 0;
        width: 100%;
    }
    section.exames .radiologia{
        padding-left: 0;
    }
    section.exames .radiologia .wrapper{
        flex-direction: column;
        row-gap: 40px;
    }
    section.exames .radiologia .wrapper .group{
        width: 100%;
        row-gap: 40px;
    }
    section.planejamento .wrapper {
        row-gap: 50px;
    }
    section.planejamento .wrapper .item{
        flex-basis: 30%;
    }
    section.sono .texto-sono{
        padding-left: 0;
    }
    section.sono .texto-sono ul{
        padding-left: 22px;
    }
}