@import "../animations/fade-6zR0kWu.css";

.text-justify {
    text-align: justify;
}

.contact-info {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 150px;
}

.text-marge {
    padding-right: 140px;
}

.blue-card {
    max-width: 400px;
    position: absolute;
    bottom: 5%;
    right: 2%;
    transform: translate(50%, 50%);
}

    @media (max-width: 1000px) {
        #page-wrapper .card {
            max-width: 90%;
            padding: 1rem !important;
        }

        #page-wrapper h1 {
            font-size: 3rem;
        }

        #page-wrapper .card-body {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-bottom: 0;
        }

        #page-wrapper .text-justify {
            text-align: center;
            padding-right: 0 !important;
            margin-right: 0 !important;
        }

        .text-marge {
            padding-right: 0px !important;
        }

        .blue-card {
            position: relative !important;
            transform: none;
            margin: 0 auto;
            text-align: center;
            max-width: 100%;
            width: auto;
        }

        .blue-card h3 {
            text-align: center;
        }
    }