body {
        background-color: #f9f9fb;
        color: #333;
    }

    .astro-logo {
        color: #c2188b;
        font-weight: bold;
        font-size: 2rem;
    }

    .modal-container-cadastro {

        width: 400px;
    }

    .mensagem {
        margin-bottom: 20px;
        margin-top: 25px;
    }

    .text-astro {
        font-size: 21px;
    }

    .usuario {
        color: rgb(167 28 77);
        font-weight: 600;
    }

    .assistente {
        font-weight: 400;
    }

    .git-carregando {
        object-fit: none;
        width: 61px;
        height: 20px;
    }

    .digitando::after {
        content: "|";
        animation: blink 0.7s infinite;
      }
  
      @keyframes blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0; }
      }

    .box {
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        padding: 25px;
        margin-bottom: 30px;
    }

    .box-light {
        background-color: #fce7f3;
    }

    .btn-custom {
        background-color: rgb(167 28 77) !important;
        color: #fff !important;
        font-weight: 500;
    }

    .container-astrid {
        background-color: #fdf2f8;
        padding: 40px 0;
        justify-content: center;
        align-items: center;
        gap: 50px;
        margin: 40px 0;
        border-radius: 16px;
        box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.1);

    }

    .astro-icon {
        width: 160px;
        border-radius: 100%;
    }

    .description-header {
        width: 760px;
        margin: 0 auto;
        color: rgb(107 114 128);
    }

    .container-astrid {
        width: 900px;
        margin: 40px auto;
    }

    .container-astrid-nav {
        padding: 0;
    }

    .container-astrid-nav li {
        list-style: none;
    }

    .container-astrid-nav li {
        list-style: none;
        margin-bottom: 10px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .container-astrid-nav li:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a71c4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3Cpath d='M4 17v2'/%3E%3Cpath d='M5 18H3'/%3E%3C/svg%3E");
        width: 24px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
    }


    .button-astrid {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #a71c4d;
        width: 250px;
        height: 45px;
        cursor: pointer;
        border-radius: 8px;
        margin-top: 30px;
        gap: 5px;
        font-size: 16px;
    }

    .container-especialista {
        width: 900px;
        margin: 40px auto;
    }

    .btn-especialista {
        text-align: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #a71c4d;
        width: 250px;
        height: 45px;
        cursor: pointer;
        border-radius: 8px;
        margin-top: 30px;
        gap: 5px;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0 !important;
    }

    .btn-telefone-especialista {

        text-align: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #a71c4d;
        width: 250px;
        height: 45px;
        cursor: pointer;
        border-radius: 8px;
        margin-top: 30px;
        gap: 5px;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0 !important;
    }

    .icon-header-modal {
        border-radius: 100%;
    }

    .btn-modal {
        background: rgb(167 28 77) !important;

    }

    .usuario {}

    .btn-modal-cadastro {
        background: rgb(167 28 77) !important;
        border-color: rgb(167 28 77) !important;

    }

    .form-control,
    .form-control:focus {
        box-shadow: unset !important;
        outline: none;
    }


    .icon-btn-modal {
        color: #fff;
    }

    .modal-footer {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .typing-loader {
        display: flex;
        gap: 5px;
        padding: 8px 12px;
        background: #f1f3f5;
        border-radius: 10px;
        width: fit-content;
    }

    .typing-loader span {
        width: 8px;
        height: 8px;
        background: #888;
        border-radius: 50%;
        animation: bounce 0.6s infinite alternate;
    }

    .typing-loader span:nth-child(2) {
        animation-delay: 0.2s;
    }

    .typing-loader span:nth-child(3) {
        animation-delay: 0.4s;
    }

    .title-especialista {
        font-size: 23px;
        width: 600px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .description-especialista {
        width: 720px;
        margin: 0 auto;
    }

    @keyframes bounce {
        to {
            transform: translateY(-5px);
            opacity: 0.6;
        }
    }

    .text-bot {
        font-size: 14px;
    }

    .text-menssage {
        background: #a71c4d !important;
        color: #fff;
        padding: 8px;
        border-radius: 5px;
        max-width: 80%;
    }

    .mensagem-assistente {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .container-mensagem-fixa {

        max-width: 100%;
    }

    .text-usuario {
        max-width: 100%;
        display: flex;
        align-items: end;
        justify-content: flex-end;
    }

    .img-astrid-icon {
        width: 40px;
        border-radius: 100%;
    }

    .modal-dialog {
        max-width: 800px !important;
    }

    @media only screen and (max-width: 890px) {

        .container-astrid {
            flex-direction: column;
            box-shadow: unset;
            width: 100%;
        }

        .btn-especialista {

            margin-bottom: 15px !important;
        }

        .description-header {
            text-align: center;
            width: 100%;
            font-size: 18px;
        }

        .text-astro {
            font-size: 18px;
        }

        .button-astrid {
            margin: 0 auto;
        }

        .text-bloco-text {
            text-align: start;
            padding: 15px;
        }

        .container-especialista {
            width: 100%;
        }

        .description-astrid li:before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a71c4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3Cpath d='M4 17v2'/%3E%3Cpath d='M5 18H3'/%3E%3C/svg%3E");
            width: 50px;
            height: 24px;
            background-size: contain;
            background-repeat: no-repeat;
            display: flex;
        }

        .description-astrid li:first-child {
            gap: 0;
        }

        .title-astrid {
            text-align: center;
            font-size: 32px;
        }

        .description-astrid {
            font-size: 20px;
            text-align: center;
            padding: 10px;
        }

        .btn-telefone-especialista {
            margin-top: 0;
        }

        .container-astrid-nav li:before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a71c4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3Cpath d='M4 17v2'/%3E%3Cpath d='M5 18H3'/%3E%3C/svg%3E");
            width: 50px;
            height: 24px;
            background-size: contain;
            background-repeat: no-repeat;
            display: flex;
        }

        .container-astrid-nav :first-child {
            gap: 0;
        }

        .container-astrid-nav {
            padding: 10px;
        }

        .container-btn-especialista {
            flex-direction: column;
            gap: 0px !important;
        }

        .title-especialista {
            font-size: 18px;
            margin-bottom: 15px;
            width: 100%;
        }

        .description-especialista {
            text-align: center;
            color: rgb(107 114 128);
            width: 100%;
        }

    }