#first-section {
        height: 752px;
        background-image: url('../../assets/static/dogandcat.svg') !important;
        /* Substitua pelo caminho real da sua imagem */
        background-size: cover;
        /* Isso faz com que a imagem cubra toda a área da div */
        background-position: center;
        /* Isso centraliza a imagem na div */
        margin-bottom: 74px;
}

#first-section .content .adotapet {
        margin-left: 31px;
        margin-top: 127.6px;
}

#first-section .content .text-first-section {
        color: white;
        margin-left: 32px;
        margin-top: 55px;
}

#second-section {
        background-image: url('../../assets/static/bg-second-section.png') !important;
        background-size: cover;
        /* Isso faz com que a imagem cubra toda a área da div */
        background-position: center;
        /* Isso centraliza a imagem na div */
        /* margin-bottom: 74px; */
}

#second-section .content {
        display: flex;
        justify-content: space-around;
        flex-direction: column;

}

#second-section .content .card {
        width: 540px;
        height: 264px;
}

#second-section .content .fundo-cachorro {
        background-image: url('../../assets/static/cachorro-card.png') !important;
}

#second-section .content .fundo-gato {
        background-image: url('../../assets/static/gato-card.png') !important;
}

#second-section .content .fundo-conecta {
        /*background-image: url('../../assets/static/conecta.png') !important;*/
        background: #fff;
}

#second-section .content .cor-laranja {
        border: 2px solid #DD570C;
}

#second-section .content .card .card-title {
        margin-left: 34px;
        font-family: DM Sans;
        font-size: 24px;
        font-weight: 700;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: left;
        color: #1E5D78;
}

#second-section .content .card .card-title-laranja {
        margin-left: 34px;
        font-family: DM Sans;
        font-size: 24px;
        font-weight: 700;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: left;
        color: #DD570C;
}

#second-section .card-text {
        font-family: DM Sans;
        font-size: 17px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: left;
        margin-left: 34px;
        color: #1B2029;
}

#second-section .content .card .btn-verde {
        width: 235px;
        height: 48px;
        margin-left: 34px;
        border: 2px solid #1E5D78;
        background-color: #ffffff;
        color: #1E5D78;
        text-align: center;
        top: 1224px;
        left: 162px;
        padding: 0px, 16px, 0px, 16px;
        border-radius: 4px;
        gap: 10px;
        padding-top: 10px;
}

#second-section .content .card .btn-verde:hover {
        background-color: #1E5D78;
        color: white;
}

#second-section .content .card .btn-laranja {
        width: 235px;
        height: 48px;
        margin-left: 34px;
        border: 2px solid #DD570C;
        background-color: #ffffff;
        color: #1E5D78;
        text-align: center;
        top: 1224px;
        left: 162px;
        padding: 0px, 16px, 0px, 16px;
        border-radius: 4px;
        gap: 10px;
        padding-top: 10px;
        color: #DD570C;
}

#second-section .content .card .btn-laranja:hover {
        color: white;
        background-color: #DD570C;
}

#second-section .content .card .btn-azul {
        width: 235px;
        height: 48px;
        margin-left: 34px;
        border: 2px solid #1474ff;
        background-color: #ffffff;
        color: #1E5D78;
        text-align: center;
        top: 1224px;
        left: 162px;
        padding: 0px, 16px, 0px, 16px;
        border-radius: 4px;
        gap: 10px;
        padding-top: 10px;
        color: #1474ff;
        margin-top: 25px !important;
}

#second-section .content .card .btn-azul:hover {
        background-color: #1474ff;
        color: #ffffff;
}

#third-section {
        background-image: url('../../assets/static/bg-third-section.png') !important;
        background-size: cover;
        /* Isso faz com que a imagem cubra toda a área da div */
        background-position: center;
        /* Isso centraliza a imagem na div */
}

#third-section .title-third-section>h1 {
        color: #1E5D78;
}

#third-section .card {
        font-size: 16px;
}

#third-section .item-card-photo {
        width: 258.5px;
        height: 564px;
        border: none;
        border: 2px solid #00A5C7;
        border-radius: 8px;
}

#third-section .card-title {
        font-family: DM Sans;
        font-size: 25px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0px;
        text-align: left;
        color: #00A5C7;
}

#third-section .card-img-top {
        background-color: #ffffff;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        height: 225px !important;
        width: 255px !important;
        border: 1px solid #1474FF;
        box-sizing: border-box;
        border-radius: 4px;
}

#third-section .img-background {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: 1px solid blue;
        box-sizing: border-box;
        border-radius: 4px;
}

#third-section .img-expand-thumb {
        display: block;
        transition: all 0.3s ease-in-out, background-color 0ms;

}

#third-section .img-expand-thumb:hover {
        cursor: pointer;
        z-index: 9;
        background-size: contain;
        transform: scale(1.48);
        background-color: transparent;
        border: none;
}

#third-section .truncate-container {
        display: flex;
        align-items: center;
        height: 3.125em;
        overflow: hidden;
        /*background: blue;*/
}

#third-section .card-tag {
        display: inline-flex;
        margin-bottom: 15px;
        align-items: center;
}


#third-section .descricao-animal {
        position: fixed;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.2 !important;
        margin-top: 0;
        margin-bottom: 0.5rem;
        margin-block-start: 1.67em;
        margin-block-end: 1.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
}

#third-section .truncate-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        /*width: 100%;*/
        /*text-align: justify;*/
        /*background: red;*/
}

#third-section .padding-right-remove {
        padding-right: 0px !important;
}

#third-section .btn.btn-outline-light.w-100.fs-5.border.border-2 {
        color: #00A5C7;
        border: 2px solid #00A5C7 !important;
        background-color: white;
}

#third-section a.btn.btn-outline-light.w-100.fs-5.border.border-2:hover {
        background: #00A5C7;
        color: white !important;
}

#third-section .owl-item.active {
        display: flex;
        width: 335px !important;
        justify-content: center;
}

#third-section .btn {
        color: #ffffff;
        margin-top: 10px;
        justify-content: center;
        background-color: #00A5C7;
        margin-bottom: 96px;
}

#third-section .third-section-title {
        font-size: 2.5rem;
        display: flex;
        justify-content: center;
        /* margin-top: 30px; */
        margin-bottom: 40px;
        text-align: center;
        color: #1E5D78 !important;
        font-weight: 700;
}

#fourth-session .quadrado {
        width: 1110px;
        height: 120px;
        top: 2457px;
        left: 128px;
        background-color: #00A5C726;
        border-radius: 1%;
        display: flex;
        justify-content: space-around;
        border-radius: .25rem;
}

#fourth-session .btn-primary {
        text-align: center;
        margin-top: 35px;
        padding-top: 10px;
        width: 255px;
        height: 48px;
        background-color: #00A5C7 !important;
        border: 2px solid #00A5C7;
}

#fourth-session .title {
        margin-top: 10px;
        color: #1E5D78;
        font-family: DM Sans;
        font-size: 16px;
        letter-spacing: 0px;
}

#fourth-session {
        margin-bottom: 127px;
}

#fifth-session {
        margin-bottom: 273px !important;
}

#third-section p.third-section-title {
        padding-top: 70px;
}