:root{
    --body: transparent;

    --primary: #740343; 
    --secondary: #fc617c; 
    --tertiary: #f7c7a4; 

    --primary-text: #fff; 
    --secondary-text: #fff; 
    --tertiary-text: #fff; 

    --text: #fff; 
    --text-specialty: #707584;
    --calendar-text: #a1a1a1;

    --service-gradient: #f7c7a469; 
}

body {
    background-image: 
        url(images/overlay2.png), 
        url(images/overlay4.svg);
    background: linear-gradient(45deg, #726193, #e37b7c 20%, #ffe4b4);
}

a {
    color: #740343;
}

a:hover {
    color: #540531;
}

.card-container {
    box-shadow: none;
    background-color: transparent;
}

.btn,
.service__btn {
    border-radius: 100px;
}

.skills3 ul li {
    background-color: #feebd7;
    border-radius: 100px;
    color: #9a6c8e !important;
    font-size: 0.8rem;
}

.profecionals__profecional,
.info-container {
    border-radius: 10px;
}

.info-container {
    background-color: var(--tertiary);
}

.info-container > div > p {
    color: #fff;
}

.info-container > h3 {
    color: #fff;
}

.btn--whatsapp {
    background-color: #41d274;
}

.fa-linkedin {
    color: #fff !important;
}

.fa-instagram {
    color: #fff !important;
}

.fa-facebook {
    color: #fff !important;
}


.fa-twitter {
    color: #fff;
}

.datepicker table tr td.day:hover {
    color: #ffffff !important;
}

.datepicker table tr td.disabled:hover {
    color: var(--calendar-text) !important;
}

.arrow-content {
    background-color: var(--body);
}

.service {
    background-color: var(--tertiary);
}

.step-4__card {
    background-color: var(--tertiary) !important;
}

.step-4__card > h6 {
    color: var(--secondary-text) !important;
}

.step-2__title {
    background-color: #f8c8a578;
}

.datepicker table tr td.active.active {
    color: var(--primary-text) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background-color: var(--primary);
    cursor: pointer;
}

.datepicker table tr td.disabled:hover {
    background-color: transparent;
}

.info-container,
.step-4__card,
.step-5__event-info,
.profecionals__profecional {
    background-color: #ffffff08 !important;
    box-shadow: 0px 2px 8px #c474848f;  
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #6d6c6c !important;
}

.datepicker table tr td.active.disabled:hover {
    color: #fff !important;
}

@media (max-width: 575px) {
    body {
        background-color: var(--body);
    }
}