.socialmedia-area {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .socialmedia-area ul li a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border-radius: 15px;
        border: 1px solid rgb(157 157 157 / 65%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary-color1);
        transition: 0.35s;
    }
    .socialmedia-area ul li a:hover {
        color: var(--title-color);
        background-color: var(--primary-color1);
        border-color: var(--primary-color1);
    }
    .socialmedia-area ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .alert-message-warning {
        color: #db585a;
        background-color: #ff482030;
        border-color: #db57594f;
    }

    .alert-message-success {
        color: #0f5132;
        background-color: #90f7c8;
        border-color: #badbcc;
    }