﻿.supportSection {
    z-index: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.supportCardContainer {
    display: flex;
    margin: auto;
    flex-direction: column;
    gap: 1rem;
    padding: 28px 0 34px 0;
    align-items: center;
    width: 500px;
    background-repeat: no-repeat;
    background-position-x: center;
    position: absolute;
    justify-content: space-between;
}

.vectorImg {
    z-index: -1;
    top: 28px;
    left: 124px;
    position: absolute;
}

.supportButton {
    padding: 14px 32px;
    gap: 16px;
    border-radius: 4px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 327px;
    color:black;
}

#callUs {
    width: 214px;
    text-decoration: none;
}

    .supportButton img {
        width: 24px;
        height: 24px;
    }


@media screen and (max-width:768px) {

    .buttonContainer {
        display: flex;
        flex-direction: column;
        gap: 19.5px;
    }

    .vectorImg {
        top: 41px;
        right: 2px;
    }

    .supportCardContainer {
        max-width: 280px;
        padding: 32px 24px 21px;
    }

    .supportButton {
        width: 100%;
    }
}