.flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
.justify-content-cneter{
    justify-content: center;
}
.flex-column{
    flex-direction: column;
}
.section-line {
    width: 80px;
    height: 2px;
    margin: 0 auto;
    background: #111
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.gap-2r {
    gap: 2rem
}

.w-full {
    width: 100%
}

.mb-0 {
    margin-bottom: 0 !important
}

.font-20 {
    font-size: 20px !important
}

.text-\[\#636363\] {
    --tw-text-opacity: 1;
    color: rgb(99 99 99 / var(--tw-text-opacity))
}

a {
    cursor: pointer
}

.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid {
    display: grid
}

.gap-\[30px\] {
    gap: 30px
}

.gap-5p {
    gap: 5px
}



.shadow-\[0_0_50px_0_rgba\(196\2c 206\2c 213\2c 0\.2\)\] {
    --tw-shadow: 0 0 50px 0 rgba(196, 206, 213, 0.2);
    border: 1px solid #ebeeeb;
    --tw-shadow-colored: 0 0 50px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background: #fff
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.md\:pt-\[40px\] {
    padding-top: 40px
}

.justify-center {
    justify-content: center
}

.bg-\[\#48CDA0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(72 205 160 / var(--tw-bg-opacity))
}

.service-shape {
    position: relative
}

.disponibility {
    font-size: 13px;
    border-radius: 15px;
    height: 30px !important;
    width: min-content;
    padding: 0 10px;
    float: right;
    text-wrap: nowrap;
    margin-top: -26px
}

.rounded-btn {
    display: flex;
    padding: 7px;
    border-radius: 42px;
    display: flex;
    align-items: center
}

.before\:opacity-\[0\.16\]::before {
    content: var(--tw-content);
    opacity: .16
}

.service-shape::before {
    position: absolute;
    left: 16%;
    bottom: 70%;
    z-index: 0;
    height: 23px;
    width: 70%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: '';
    content: var(--tw-content)
}

.before\:bg-\[\#79DAB9\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color:#989999
}

.profile {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    width: 100%;
    align-items: center
}

.img-profile a {
    position: relative
}

.img-profile img {
    height: 60px;
    width: 60px;
    border-radius: 50%
}

.font-bold {
    font-weight: 700
}

.black {
    color: #090b0e
}

.xl\:text-\[25px\] {
    font-size: 20px
}

.font-bold {
    font-weight: 700
}

small {
    font-size: 80%;
    color: #333
}

.mb-\[15px\] {
    margin-bottom: 6px
}

span.bg-accent1_rgb {
    background: #fff6e9;
    color: #57524a;
    font-size: 10px
}

.text-\[14px\] {
    font-size: 14px
}

.uppercase {
    text-transform: uppercase
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.details {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

[dir="ltr"] .link-button {
    padding-left: 18px
}

.link-button {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #777676;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 28px
}

.mt-\[10px\] {
    margin-top: 10px
}

[dir="ltr"] .link-button::before {
    content: "";
    left: 0
}

.link-button::before {
    position: absolute;
    top: 36%;
    height: 7px;
    width: 7px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: '';
    content: var(--tw-content);
    left: -12px
}

.before\:bg-\[\#48CDA0\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #b1a7a7
}

.text-white {
    color: #fff !important
}

.h-\[40px\] {
    height: 40px
}

.w-\[40px\] {
    width: 40px
}

[hover-tooltip] {
    position: relative;
    cursor: pointer
}

.bg-accent1 {
    --tw-bg-opacity: 1;
    background-color: #e76f51;
    border: 1px solid #e76f51
}

.gap-4r {
    gap: 2rem
}

.h-\[50px\] {
    height: 40px
}



.Footer_backgroundImage__bg_S_ {
    width: 7%
}

.Footer_crownWrapper__kjVKN {
    display: flex;
    align-items: center;
    justify-content: center
}

.Footer_backgroundImage__bg_S_ svg {
    color: #fff;
    fill: #fff;
    height: 40px
}

.Footer_icon__7yN_X {
    position: relative;
    width: 50px;
    height: 15px;
    left: calc(50% - 25px);
    top: 0
}

.Footer_icon__7yN_X svg {
    color: #fff
}

.Footer_title__7ywZX {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #1c1c1c;
    line-height: 17px
}

.about10-icon-box1 {
    background-color: rgb(99 98 98 / 10%);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    margin-top: 30px;
    transition: all 0.4s
}

.black {
    color: #000
}

.text b {
    color: #11819b
}


.image2 img {
    width: 67%;
    border-radius: 8px
}


.white {
    color: #fff
}

.w-\[50px\] {
    width: 40px
}

.consultations.block-1 {
    margin-top: 15px
}

.consultations {
    display: flex;
    justify-content: space-evenly
}

[hover-tooltip] {
    &:hover {
        &::before {
            content: attr(hover-tooltip);
            font-size: 12.5px;
            width: 161px;
            text-align: center;
            position: absolute;
            display: inline-block;
            text-transform: none;
            top: 40px;
            animation: fade-in 300ms ease;
            background: #5a5959;
            border-radius: 4px;
            padding: 4px 10px;
            color: #fff;
            z-index: 3
        }

        &::after {
            content: '';
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border: 1px solid #000;
            border-color: #5a5959 #fff0 #fff0 #fff0;
            border-width: 4px 6px 0;
            animation: fade-in 300ms ease;
            z-index: 1;
            transform: rotate(180deg);
            top: 36px
        }
    }
}

.hover\:bg-accent1:hover {
    --tw-bg-opacity: 1;
    background-color: #e76f51;
    color: #fff
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}


.available{
      --tw-bg-opacity: 1;
    background-color: rgb(72 205 160 / var(--tw-bg-opacity))!important;
        border: 1px solid rgb(72 205 160) !important;
}
.available::before{
      --tw-bg-opacity: 1;
    background-color: rgb(121 218 185 / var(--tw-bg-opacity));
}
.orange{
  --tw-bg-opacity: 1;
    background-color: rgb(230 188 19 / var(--tw-bg-opacity));
}
.orange::before{
  --tw-bg-opacity: 1;
    background-color:rgb(230 188 19 / var(--tw-bg-opacity))
}
.gray{
      background-color: #a7a7a7;
}
.gray::before{
      --tw-bg-opacity: 1;
    background-color: #a7a7a7;
}
.gap-1r{
    gap: 1rem;
}
.button-hat {
    position: absolute;
    top: -16px;
    left: -17px;
    height: 45px !important;
    width: 45px !important;
    filter: drop-shadow(0 2px 1px rgb(0 0 0 / .25));
    border-radius: 0px !important;
    border: none;
    opacity: .7;
}
.btn-expert {
    border: 1px solid #2a4743;
    font-size: 18px;
    padding: 15px 30px 15px 30px;
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    border-radius: 0 0 0 0;
    background: #4e7d76;
    color: #fff;
    font-family: 'Ibarra Real Nova';
}
.position-absolute {
    position: absolute;
}.blurCard {
    opacity: .5;
    filter: blur(4px);
}.cardTitle {
    color: #632c2c;
    font-size: 26px;
    margin-bottom: 0;
}
.z-1{
    z-index: 1;
}
.gold_color{
        color: #ff8a00;
}
.status-spinner {
    width: 22px;
    height: 22px;
    border: 3px solid rgba(255, 255, 255, .3);
    border-top: 3px solid #fff;
    border-radius: 50%;
    animation: spin .8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.bg-busy {
    background-color: #e6bc13 !important;
    border: 1px solid #e6bc13 !important;
    cursor: no-drop;
}
.bg-\[\#ED5F38\] {
    --tw-bg-opacity: 1;
    background-color: #a7a7a7;
        cursor: no-drop !important;
    border: 1px solid #a7a7a7;
}
.orange{
  --tw-bg-opacity: 1;
    background-color: rgb(230 188 19 / var(--tw-bg-opacity));
    border: 1px solid rgb(230 188 19 / var(--tw-bg-opacity))
}