:root {
    --color-light-blue: #0080FF;
    --color-dark-blue: #0019A6;
    --color-white: #FAF9F6;
    --color-gray: #807F7F;
    --color-black: #1E1E1E;
}

.btn {
    margin: 0 auto;
    border: none;
    width: 10em;
    height: 3.5em;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: #1C1A1C;
    cursor: pointer;
    transition: all 450ms ease-in-out;
}

.contact-button {
    position: relative;
    top: 0px;
    height: 3.5em;
    width: 10em;
}

.sparkle {
    fill: #AAAAAA;
    transition: all 800ms ease;
}


.inquire {
    width: 14.5em;
    height: 4.5em;
    background: var(--color-white);
}

.custom-button {
    position: relative;
    top: 50px;
}

@media (max-width: 768px) {
    .custom-button {
        top: 0;
    }
}

.consult {
    position: relative;
    top: 50px;
    width: 13em;
    height: 4.5em;
    background: var(--color-black);
}


.inquire .text {
    color: var(--color-black);
    font-size: 20px;
}

.text {
    font-weight: 600;
    color: white;
    font-size: medium;
}

.btn:hover {
    background: linear-gradient(90deg, #0080FF, #0019A6);
    box-shadow:
        0px 0px 50px 0px #0080ff85;
    transform: translateY(-2px);
}

.btn:hover .text {
    color: white;
}

.btn:hover .sparkle {
    fill: white;
    transform: scale(1.2);
}

.quote {
    position: relative;
    top: -20px;
}

.btnViewGallary{
    font-size: 20px;
}