/* Thin */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
}

/* ExtraLight */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}

/* Light */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}

/* SemiBold */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* ExtraBold */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
}

/* Black */
@font-face {
    font-family: "Heebo";
    src: url(../fonts/Heebo-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Rubik';
    src: url(../fonts/Rubik-Light.woff2) format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Rubik */

@font-face {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/PlayfairDisplaySC-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Regular.woff2) format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
}

.btn:focus,
.btn:active,
.btn-light:active:focus {
    box-shadow: none !important;
    outline: 0 !important
}

.landing-page .header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    background-color: #fff
}

.header-main .header-content {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    padding: 10px
}

.header-main .header-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px
}

.header-main .header-logo>a {
    text-decoration: none;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .3em;
    text-transform: uppercase
}
.label-btn{
color: #303A2B;
}
.header-logo img {
    max-width: 38%;
    height: auto
}

.headd {
    background-color: #f4f4f4 !important;
    padding: 12px
}

.footer-logo img {
    max-width: 28%;
    height: auto
}

.btn-read {
    color: #14012C;
    background-color: #f5dadd;
    border-color: #f8f9fa;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: .5rem 1.6rem;
    letter-spacing: .4px
}

.birthday {
    display: flex;
    flex-direction: column !important;
    width: 62%
}

.birthday label {
    font-size: 15px !important;
    color: #b9b3b5 !important
}

.birth {
    width: 100%;
    height: 50px;
    border: none;
    padding: -1px 15px;
    outline: 0;
    box-shadow: none;
    transition: all 0.3s;
    border-radius: 4px;
    margin-bottom: 0;
    margin-top: 0
}

.birth span {
    display: flex !important;
    align-items: center !important;
    font-size: 19px;
    font-weight: 400
}

.day {
    width: 72% !important;
    padding: 6px 15px !important;
    height: 45px !important;
    background-color: #f1f1f1 !important;
    float: left
}

.month {
    width: 72% !important;
    padding: 6px 15px !important;
    height: 45px !important;
    background-color: #f1f1f1 !important;
    float: left
}

.year {
    width: 72% !important;
    padding: 6px 15px !important;
    height: 45px !important;
    background-color: #f1f1f1 !important;
    float: left
}

.Day {
    width: 11% !important;
    padding: 6px 15px !important;
    height: 39px !important;
    background-color: #f1f1f1 !important
}

.Month {
    width: 13% !important;
    padding: 6px 15px !important;
    height: 39px !important;
    background-color: #f1f1f1 !important
}

.Year {
    width: 11% !important;
    padding: 6px 15px !important;
    height: 39px !important;
    background-color: #f1f1f1 !important
}

.Hour {
    width: 11% !important;
    padding: 6px 15px !important;
    height: 39px !important;
    background-color: #f1f1f1 !important
}

.Minute {
    width: 11% !important;
    padding: 6px 15px !important;
    height: 39px !important;
    background-color: #f1f1f1 !important
}

.check label {
    font-size: 10px;
    color: gray;
    text-align: start
}

.d-inline-block {
    display: inline-block
}

.concerns {
    display: flex;
    gap: 1rem
}

.free-read {
    display: flex;
    gap: 1rem
}

#alert p {
    color: #e33459;
    font-weight: 600
}

#alert {
    display: none;
    color: #c11e41;
    background-color: #efd0d5;
    width: 22%;
    left: 39%;
    text-align: center
}

.error-sign {
    background: #ffe2de !important;
    color: #c25444 !important;
    display: inline-block !important;
    font-weight: 500 !important;
    font-size: 14px !important
}

.concerns span {
    display: flex;
    align-items: center
}

.first_concern {
    display: flex;
    align-items: center;
    gap: .5rem
}

.first_concern span {
    font-weight: 500
}

.first_field {
    display: flex;
    align-items: center;
    gap: .5rem
}

.second_concern {
    display: flex;
    align-items: center
}

.modal-header-content {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.billing_bloc {
    margin-top: 10px;
    border-top: 2px solid #ee5f38
}

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

.ml-5p {
    margin-left: 5px
}

.billing_bloc ul {
    margin-left: 30px;
    margin-right: 30px
}

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

.mt-5rem {
    margin-top: 5rem !important
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.ltr\:pl-\[18px\] {
    padding-left: 18px
}

.before\:w-\[6px\]::before {
    content: var(--tw-content);
    width: 6px
}

.text-paragraph {
    --tw-text-opacity: 1;
    color: rgb(99 99 99 / var(--tw-text-opacity))
}

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

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y)
}

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

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

.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px
}

.relative {
    position: relative
}

.bg-accent11 {
    --tw-bg-opacity: 1;
    background-color: #e7a28f
}

.rounded-full {
    border-radius: 9999px
}

.justify-center {
    justify-content: center
}

.items-center {
    align-items: center
}

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

.flex {
    display: flex
}

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

.h-62 {
    height: 62px !important
}

.ltr\:before\:left-0::before {
    content: var(--tw-content);
    left: 0
}

.before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
}

::before,
::after {
    --tw-content: ''
}

.h-57 {
    height: 57px
}

.btn {
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}

.w-12 {
    width: 12%
}

.header-main .header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 10px
}

.header-main .header-nav>a {
    text-decoration: none;
    color: #000;
    display: inline-flex;
    align-items: center
}

.header-main .header-nav a img {
    width: 18px;
    height: 18px
}

.header-main .header-nav a span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #000;
    margin-inline-start: 10px
}

.landing-page .tarot-main {
    width: 100%;
    background-color: #fff
}

.free-your-mind-section {
    background-size: cover;
    width: 100%;
    padding: 100px 0;
    background-repeat: no-repeat;
    background: url(../elements/6.webp) #010101 !important
}

.alert-fill-danger {
    color: #fff;
    background-color: #DB504A;
    border-color: #DB504A
}

.alert {
    font-size: 1rem;
    font-weight: 500
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #fff0;
    border-radius: .25rem
}

.mdi-alert-circle::before {
    content: "\F0028"
}

.hidden {
    display: none !important
}

#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050
}

@keyframes wave {
    0% {
        top: 0;
        opacity: 1
    }

    50% {
        top: 30px;
        opacity: .2
    }

    100% {
        top: 0;
        opacity: 1
    }
}

.btn-primary a {
    color: #fff
}

.book-btn {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: .5rem 1.6rem;
    letter-spacing: .4px
}

.term {
    flex-direction: column;
    height: 135px !important;
    width: 100%;
    height: 50px;
    border: none;
    padding: 6px 15px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    margin-bottom: .5rem
}

.content-offers ul {
    display: block;
    width: 900px;
    margin: 0 auto;
    position: relative;
    height: 338px
}

.content-offers ul li {
    height: 276px;
    width: 27.33333%;
    background: #ddd8da;
    float: left;
    display: inline;
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
    border-radius: 7px;
    position: absolute;
    text-align: center;
    padding: 50px 30px
}

.expert {
    background-color: #fbfbfb;
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3)
}

.content-offers ul li:nth-child(2) {
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    height: 276px;
    width: 27.33333%;
    background: #ddd8da;
    float: left;
    display: inline;
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
    border-radius: 7px;
    position: absolute;
    text-align: center;
    padding: 50px 30px
}

.content-offers ul li:nth-child(3) {
    right: 0
}

.wrapper {
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: auto
}

.number {
    margin-right: 11px;
    margin-top: -3px
}

.header-appoitment {
    border-bottom: 2px solid #ff7f5b !important
}

.btn-appoitment {
    background-color: #f57854 !important;
    border-radius: 10px !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    border-color: #f57854 !important
}

button:hover span {
    animation-play-state: paused
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h5,
h5 {
    font-size: 1.25rem
}

h4 {
    font-size: 17px
}

.terms {
    display: flex;
    align-items: center;
    padding: .375em .75em .375em .375em;
    border-radius: 99em;
    transition: 0.25s ease
}

.legal {
    color: #0d6efd;
    text-decoration: underline !important;
    font-weight: 500
}

input[type="checkbox"]#terms {
    background-color: #00005c
}

.offers {
    background-color: #373536;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    width: 258px;
    height: 199px
}

.content-offers {
    display: flex;
    gap: 2rem;
    margin-left: -16rem
}

.button-part {
    margin-bottom: .5rem
}

label.label-form {
    justify-content: start
}

label {
    display: flex;
    font-weight: 500;
    margin-bottom: .375em;
    justify-content: center;

    input {
        position: absolute;
        left: -9999px;

        &:checked+span {
            background-color: mix(#fff, #00005c, 84%);

            &:before {
                box-shadow: inset 0 0 0 .4375em #00005c
            }
        }
    }
}

.w-1\/4 {
    width: 24%;
    font-size: 16px;
    color: #222;
    height: 100%
}

.comment-field {
    width: 100%
}

input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0 5px;
    padding: initial;
    border: initial
}

.book-btn:hover {
    opacity: 0.8 !important;
    background-color: #14012C !important;
    border-color: #14012C !important
}

.cust-btn.btn-primary:hover {
    opacity: 0.8 !important;
    background-color: #14012C !important;
    border-color: #14012C !important
}

.btn-get-free {
    margin-left: 168px
}

.buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem
}

.person-button {
    color: #000 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    border-radius: 4px;
    font-weight: 500 !important;
    padding: .4rem 2rem;
    font-size: 18px;
    margin-top: 20px
}

.person-button:hover {
    color: #f8f9fa !important;
    background-color: #fff0
}

.tarot-main .form {
    display: flex;
    align-items: center;
    background-color: #FAFAFA
}

.tarot-main .contact-us {
    width: 100%;
    padding: 0 0;
    padding-bottom: 100px
}

.contact-us .contact-us-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.contact-us .section-heading {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 67px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #14012C
}

.contact-us .section-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    color: #14012C
}

.personal-info-section {
    background-image: url(../images/img3.jpg);
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover
}

.personal-info-section .info-content-part h5 {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 67px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #FFF;
    text-align: center
}

.personal-info-section .info-content-part p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    color: #FFF
}

.personal-info-section .image-content {
    margin-top: 60px;
    display: flex;
    align-items: center
}

.personal-info-section .person-image {
    display: flex;
    justify-content: center;
    align-items: center
}

.personal-info-section .image-content h6 {
    font-family: 'Playfair Display SC';
    font-style: italic;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #FFF
}

.title-btn {
    font-family: 'Playfair Display SC';
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #FFF;
    display: flex;
    justify-content: center;
    text-align: center
}

.personal-info-section .image-content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    color: #FFF;
    text-align: left;
    line-height: 2.5rem
}

.footer-part {
    background-color: #F4F4F4;
    padding: 0
}

.footer-part .footer-content {
    border-bottom: 1px solid #BEBEBE;
    padding-bottom: 60px
}

.footer-part .footer-logo h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px
}

.footer-part .footer-logo p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 33px;
    color: #505050
}

.footer-part .footer-label {
    margin-top: 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 38px;
    letter-spacing: .05em;
    color: #272926;
    margin-bottom: 6px
}

.close {
    margin: -7.5rem -.5rem -.5rem auto !important
}

.error-label {
    font-family: Lexend, sans-serif;
    color: #a82929;
    font-size: 17px !important;
    margin-bottom: 28px;
    padding: 10px 0;
    background-color: #a8292923;
    border: 1.5px solid #a82929;
    border-radius: 5px;
    width: 42%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 14rem
}

.footer-part .link-part a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 33px;
    color: #505050;
    display: block;
    text-decoration: none
}

.footer-part .link-part a:hover {
    color: #000;
    text-decoration: underline
}

.footer-link-content {
    padding: 28px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer-link-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 26px;
    text-transform: capitalize;
    color: #272926;
    margin-bottom: 0
}

.footer-link-content p span {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: black;
    text-decoration: none !important;
}

.footer-part .social-part a {
    font-size: 26px;
    text-decoration: none;
    color: #272926;
    margin-right: 32px
}

.footer-part .social-part a:last-child {
    margin-right: 0
}

.footer-part .social-part a:hover {
    opacity: .8
}

.our-analys {
    padding: 100px 0;
    background-color: #fff
}

.our-analys #result {
    margin-top: 60px
}

.our-analys h6 {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 67px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #14012C;
    text-align: center
}

.our-analys p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    color: #14012C
}

.our-analys .verticle-tab-part {
    display: flex;
    align-items: center
}

.our-analys .tab-content .tab-pane img {
    width: 100%;
    border-radius: 7px;
    border: 1px solid #000;
    min-width: 1080px
}

.our-analys .nav-link {
    background-color: transparent !important
}

.our-analys .nav-link.active img {
    background-color: #b5b2b2
}

.our-analys .nav-link img {
    width: 180px;
    height: 260px;
    background: #EEE;
    border: 1px solid #A6A6A6;
    border-radius: 7px;
    padding: 10px 16px
}

.tarot-main .form {
    display: flex;
    align-items: center;
    background-color: #FAFAFA
}

.form .form-img {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 100%
}

.form .form-img img {
    width: 507px;
    height: 840px
}

.val-phone {
    padding: 0rem 0rem .5rem
}

.form .form-part {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    flex-direction: column;
    text-align: center;
    padding: 20px 42px
}

.form .form-part .section-heading {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #14012C
}

.form .form-part .section-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #14012C
}

.form .form-part form {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.my {
    margin-bottom: 0.5rem !important
}

.form- {
    width: 50%
}

.phone-mail {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    width: 100%
}

.form-phone input {
    padding-left: 7rem !important
}

.form-phone {
    width: 50%
}

.form .form-part .form-input {
    background-color: rgb(14 14 14 / .04);
    width: 100%;
    height: 45px;
    border: none;
    padding: 6px 15px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    margin-bottom: .5rem
}

textarea.form-input.textarea {
    height: 60px !important
}

.field-birth::placeholder {
    color: #cccccc !important;
    font-weight: 400;
    font-size: 12px
}

.phone::placeholder {
    color: #cccccc !important;
    font-weight: 400
}

.form .form-part .form-input::placeholder,
.form .form-part label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-top: .2rem
}

.text-area-part {
    height: 100px !important
}

.text-area-part::placeholder {
    padding-top: 6px
}

.text-area {
    font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.mb-40 {
    margin-bottom: 40px
}

.mb-4 {
    margin-bottom: 4rem
}

.mb-4p {
    margin-bottom: 4px
}

.w-50 {
    width: 50% !important
}

.form .form-part input[type='checkbox'] {
    width: 20px;
    height: 15px
}

.consult a {
    display: flex;
    padding: 0 20px
}

.modal-header-content .btn {
    padding: 10px
}

.modal-header-content .btn svg path {
    fill: #f0724f
}

.lg\:pb-\[60px\] {
    padding-bottom: 90px
}

@media (min-width:1024px) {
    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:py-\[60px\] {
        padding-top: 90px
    }

    .lg\:pb-\[60px\] {
        padding-bottom: 90px
    }

    .lg\:pl-\[60px\] {
        padding-left: 60px
    }

    .lg\:pb-\[1rem\] {
        padding-bottom: 1rem
    }

    .lg\:pl-\[10rem\] {
        padding-left: 10.5rem
    }

    .lg\:pr-\[10rem\] {
        padding-right: 10.5rem
    }

    .lg\:px-\[4px\] {
        padding: 4px 0
    }
}

@media (min-width:1024px) {
    .lg\:mb-\[5px\] {
        margin-bottom: 5px
    }
}

.lg\:mb-\[2rem\] {
    margin-bottom: 2rem
}

.outline-btn {
    border-width: 0;
    border-color: #ee5f38
}

.text-accent1 {
    --tw-text-opacity: 1;
    color: rgb(238 95 56 / var(--tw-text-opacity))
}

.shrink-0 {
    flex-shrink: 0
}

.font-medium {
    font-weight: 500
}

.border-5 {
    border-radius: 5px !important
}

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

.font-27 {
    font-size: 27px
}

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

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

@media (min-width:1024px) {
    .lg\:leading-\[58px\] {
        line-height: 58px
    }
}

@media (min-width:1024px) {
    .lg\:text-\[48px\] {
        font-size: 48px
    }
}
.lg\:text-\[36px\] {
        font-size: 36px
    }
.text-\[\#63372C\] {
    --tw-text-opacity: 1;
    color: #003D5B
}

.leading-\[36x\] {
    line-height: 36px
}

.font-bold {
    font-weight: 700
}

.font-heebo {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.text-center {
    text-align: center !important
}

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

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

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

.billing_bloc>div {
    margin-left: -20px
}

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

.font-bold {
    font-weight: 700
}

.text-\[28px\] {
    font-size: 18px;
    line-height: 20px
}

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

.mt-5 {
    margin-top: 1.25rem
}

.text-secondary {
    color: #6c757d !important
}

.mt-5 {
    margin-top: 6.25rem !important
}

.text-start {
    text-align: start
}

.mt-55 {
    margin-top: 2rem !important
}

.ltr\:pl-6 {
    padding-left: 1rem
}

body {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
    line-height: 1.5;
    margin: 0
}

@media screen and (max-width:1366px) {
    .our-analys .tab-content .tab-pane img {
        min-width: 900px
    }

    .our-analys .nav-link img {
        width: 150px;
        height: 225px
    }

    .our-analys .nav-pills.mb-3 {
        margin-bottom: 0 !important
    }
}

.fa-2x {
    font-size: 2em !important
}
@media screen and (max-width:1800px) {
 
}
@media screen and (max-width:1200px) {
    .fa-2x {
    font-size: 14px !important;
}
.contactButton_label {
    font-size: 14px!important;
}
    .our-analys .tab-content .tab-pane img {
        min-width: 800px
    }
.book-appointment span {
    font-size: 14px!important;
}
    .our-analys .nav-link img {
        width: 145px;
        height: 190px
    }
}

@media screen and (max-width:1024px) {
    .our-analys .tab-content .tab-pane img {
        min-width: 700px
    }

    .tarot-reading .row>* {
        padding-right: 0;
        padding-left: 0
    }

    .landing-page .tarot-main {
        width: 1014px
    }

    .tarot-reading #cards {
        width: 917px
    }
}

@media screen and (max-width:1024px) {
    .free-your-mind-section .content-part .details .section-heading {
        font-size: 40px
    }

    .tarot-reading,
    .our-form,
    .our-analys,
    .our-analys {
        padding: 50px 0 0 !important
    }
}

@media screen and (max-width:768px) {
    .footer-part .link-part a {
        font-size: 18px
    }

    .our-analys .tab-content .tab-pane img {
        min-width: 500px
    }
}

@media screen and (max-width:767px) {

    .free-your-mind-section .content-part .details .section-heading,
    .our-form .first-form-section h2,
    .our-analys h6,
    .personal-info-section .info-content-part h5,
    .contact-us .section-heading {
        font-size: 28px
    }

    .tarot-reading {
        margin-top: 22px
    }

    .tarot-reading,
    .our-form,
    .our-analys,
    .our-analys,
    .tarot-main .contact-us {
        padding: 22px 0 0 !important
    }

    .header-main .header-logo>a,
    .header-main .header-nav a span {
        font-size: 14px
    }

    .free-your-mind-section .content-part .section-text {
        line-height: 28px;
        font-size: 16px
    }

    .tarot-reading p {
        font-size: 16px;
        line-height: 24px
    }

    .tarot-main .list-inline>li {
        margin-right: 10px
    }

    .footer-link-content {
        flex-wrap: wrap
    }

    .footer-link-content p {
        font-size: 12px;
        margin-bottom: 10px
    }

    .footer-part .footer-logo p {
        font-size: 16px;
        line-height: 25px
    }

    .footer-part .link-part a {
        font-size: 16px
    }

    .form .form-part .section-text,
    .contact-us .section-text,
    .personal-info-section .image-content p {
        font-size: 18px;
        line-height: 30px
    }

    .free-your-mind-section .content-part .details .section-heading,
    .our-form .first-form-section h2,
    .our-analys h6,
    .personal-info-section .info-content-part h5,
    .contact-us .section-heading {
        font-size: 28px;
        line-height: 36px
    }

    .our-analys .verticle-tab-part {
        flex-wrap: wrap
    }

    .verticle-tab-part .nav-link {
        padding-right: 0
    }

    .our-analys .nav-link img {
        width: 110px;
        margin-bottom: 10px
    }

    .our-analys .tab-content .tab-pane img {
        min-width: 380px
    }
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #e5cdba
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.content-p {
    font-size: 35px !important;
    color: #ee5f38 !important
}

.all {
    max-width: 1485px;
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

.phone-close {
    left: 93%;
    position: fixed;
    margin-top: -7% !important
}

.btttn {
    border-radius: .5em;
    background-color: #d34d68;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    line-height: 2.9em;
    width: 14.3em;
    height: 2.9em;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 700;
    position: relative;
    left: 138%;
    top: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    margin-top: 13px;
    cursor: pointer;

    span {
        display: block;
        position: relative
    }

    &:hover em {
        transform: rotate(-8deg) translateY(-81%);
        transform-origin: left top
    }

    em {
        position: absolute;
        width: 15em;
        height: 6em;
        background-color: #9f4254;
        left: 0;
        top: 3.8em;
        transition: all 0.8s cubic-bezier(.39, .58, .57, 1);

        i {
            float: left;
            position: relative;
            overflow: hidden;
            width: 2em;
            height: 1em;
            margin-top: -.5em;

            &:after,
            &:before {
                content: "";
                float: left;
                height: 100%;
                width: 50%;
                border-radius: 50%
            }

            &:before {
                background-color: #7b4e57
            }

            &:after {
                background-color: #9f4254
            }
        }
    }
}

.tarot55 span {
    color: #c5959f
}

.svg {
    position: absolute;
    top: -4000px;
    left: -4000px
}

.form-input.day::placeholder {
    color: #afadad !important;
    font-size: 14px
}

.form-input.phone::placeholder {
    color: #afadad !important
}

.form-input.month::placeholder {
    color: #afadad !important
}

.form-input.year::placeholder {
    color: #afadad !important
}

#gooey-button {
    padding: 1rem 3rem;
    font-size: 1.2rem;
    border: none;
    color: #fff;
    filter: url(#gooey);
    position: relative;
    background-color: #d34d68;
    margin-top: 5rem
}

#gooey-button:focus {
    outline: none
}

#gooey-button .bubbles {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#gooey-button .bubbles .bubble {
    background-color: #d34d68;
    border-radius: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: -1
}

#gooey-button .bubbles .bubble:nth-child(1) {
    left: 63px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-1 3.02s infinite;
    animation: move-1 3.02s infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

#gooey-button .bubbles .bubble:nth-child(2) {
    left: 32px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-2 3.04s infinite;
    animation: move-2 3.04s infinite;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

#gooey-button .bubbles .bubble:nth-child(3) {
    left: 49px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-3 3.06s infinite;
    animation: move-3 3.06s infinite;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

#gooey-button .bubbles .bubble:nth-child(4) {
    left: 67px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-4 3.08s infinite;
    animation: move-4 3.08s infinite;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

#gooey-button .bubbles .bubble:nth-child(5) {
    left: 16px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-5 3.1s infinite;
    animation: move-5 3.1s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#gooey-button .bubbles .bubble:nth-child(6) {
    left: 51px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-6 3.12s infinite;
    animation: move-6 3.12s infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#gooey-button .bubbles .bubble:nth-child(7) {
    left: 13px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-7 3.14s infinite;
    animation: move-7 3.14s infinite;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

#gooey-button .bubbles .bubble:nth-child(8) {
    left: 44px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-8 3.16s infinite;
    animation: move-8 3.16s infinite;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#gooey-button .bubbles .bubble:nth-child(9) {
    left: 61px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-9 3.18s infinite;
    animation: move-9 3.18s infinite;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

#gooey-button .bubbles .bubble:nth-child(10) {
    left: 90px;
    width: 25px;
    height: 25px;
    -webkit-animation: move-10 3.2s infinite;
    animation: move-10 3.2s infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes move-1 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -111px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-1 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -111px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-2 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -113px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-2 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -113px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-3 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -111px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-3 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -111px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-4 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -93px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-4 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -93px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-5 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -82px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-5 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -82px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-6 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -59px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-6 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -59px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-7 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -72px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-7 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -72px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-8 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -54px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-8 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -54px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-9 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -80px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-9 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -80px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@-webkit-keyframes move-10 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -118px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

@keyframes move-10 {
    0% {
        transform: translate(0, 0)
    }

    99% {
        transform: translate(0, -118px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 0
    }
}

.cont ul {
    display: block;
    width: 695px;
    margin: 0 auto;
    position: relative;
    height: 398px;

    li {
        height: 323px;
        width: 33.33333%;
        background: #fff;
        float: left;
        display: inline;
        box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
        border-radius: 7px;
        position: absolute;
        text-align: center;
        padding: 50px 30px;

        &:nth-child(1) {
            right: 35rem
        }

        &:nth-child(2) {
            z-index: 10;
            left: 33%;
            transform: translateX(-50%);
            top: -25px;
            height: 370px;
            width: 33%;
            padding-top: 75px;
            padding-bottom: 75px
        }

        &:nth-child(3) {
            right: 9rem
        }
    }

    div {
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: 0 auto 2em;
        background: #eee;
        box-shadow: 0 0 0 4px #ddd
    }
}

h1 {
    font-size: 1.2em;
    margin-bottom: 4px;
    color: #2c3e50
}

p {
    color: rgb(0 0 0 / .5);
    font-size: .8em;
    margin-bottom: 1em
}

img {
    width: 100%
}

.cont ul li a {
    text-decoration: none;
    color: #5a54a0;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: .8em
}

.custom-btn {
    width: 94px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: #fff0;
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 1px 2px 2px 0 rgb(255 255 255 / .5), 7px 7px 20px 0 rgb(0 0 0 / .1), 4px 4px 5px 0 rgb(0 0 0 / .1);
    transition: all .3s ease-out;
    top: 9%
}

.btn-2 {
    width: 135px !important;
    top: 8%
}

.btn-3 {
    top: 6%
}

.btn-15 {
    border: none;
    background-color: #ee5f38;
    z-index: 1
}

.btn-15:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #cb5839;
    border-radius: 5px;
    box-shadow: inset 2px 2px 2px 0 rgb(255 255 255 / .5), 7px 7px 20px 0 rgb(0 0 0 / .1), 4px 4px 5px 0 rgb(0 0 0 / .1);
    transition: all 0.3s ease
}

.btn-15:hover {
    color: #fff
}

.btn-15:hover:after {
    left: 0;
    width: 100%
}

.first-offer {
    margin-top: 3rem
}

@media (min-width:992px) {
    .personal-info-section .image-content {
        padding: 1rem !important
    }
}

@media (min-width:992px) {
    .col-lg-8 {
        flex: 0 0 auto !important;
        width: 61.666667% !important
    }

    .all {
        max-width: 1485px;
        width: 100%;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:992px) {
    .tarot-reading #cards {
        width: 920px
    }

    .cont {
        margin-left: 0
    }

    .cont ul {
        display: block;
        width: 514px;
        margin: 0 auto;
        position: relative;
        height: 398px;
        float: inline-end
    }

    .cont ul li {
        height: 323px;
        width: 40.33333%;
        background: #fff;
        float: left;
        display: inline;
        box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
        border-radius: 7px;
        position: absolute;
        text-align: center;
        padding: 50px 30px
    }

    .cont ul li:nth-child(2) {
        z-index: 10;
        left: 44% !important;
        width: 41% !important
    }

    .cont ul li:nth-child(3) {
        right: 0rem
    }

    .cont ul li:nth-child(1) {
        right: 23rem
    }

    .cont ul li {
        height: 323px;
        width: 40.33333%;
        background: #fff;
        float: left;
        display: inline;
        box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
        border-radius: 7px;
        position: absolute;
        text-align: center;
        padding: 50px 30px
    }
}

@media only screen and (min-width:700px) and (max-width:992px) {
    .cont {
        margin-top: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }
}

@media only screen and (min-width:500px) and (max-width:700px) {
    h4 {
        font-size: 1rem !important
    }

    .cont {
        margin-top: 2rem;
        margin-left: 0
    }

    .cont ul {
        display: block;
        width: 456px;
        margin: 0 auto;
        position: relative;
        height: 398px
    }

    .cont ul li {
        height: 323px;
        width: 33.33333%;
        background: #fff;
        float: left;
        display: inline;
        box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
        border-radius: 7px;
        position: absolute;
        text-align: center;
        padding: 50px 30px
    }

    .cont ul li:nth-child(1) {
        right: 18rem
    }

    .cont ul li {
        height: 323px;
        width: 38.33333%;
        background: #fff;
        float: left;
        display: inline;
        box-shadow: 0 5px 30px 0 rgb(0 0 0 / .3);
        border-radius: 7px;
        position: absolute;
        text-align: center;
        padding: 50px 30px
    }

    .cont ul li:nth-child(2) {
        z-index: 10;
        left: 51%;
        transform: translateX(-50%);
        top: -25px;
        height: 370px;
        width: 40%;
        padding-top: 75px;
        padding-bottom: 75px
    }

    .cont ul li:nth-child(3) {
        right: -1rem
    }

    .custom-btn {
        width: 76px;
        height: 40px;
        color: #fff;
        border-radius: 5px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        display: inline-block;
        box-shadow: inset 1px 2px 2px 0 rgb(255 255 255 / .5), 7px 7px 20px 0 rgb(0 0 0 / .1), 4px 4px 5px 0 rgb(0 0 0 / .1);
        transition: all .3s ease-out;
        top: 9%
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

.d-flex {
    display: flex !important
}

.gap-27 {
    gap: 27px
}

.justify-end {
    justify-content: flex-end
}

.card-faq .card-header {
    background-color: #fff;
    border-bottom: none
}

.card-header {
    padding: 0;
    margin-bottom: 0
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-instagram:before {
    content: "\f16d"
}

.collapse:not(.show) {
    display: none
}

.al-faq-wrapper .accordion-body {
    padding: 20px;
    font-size: 14px;
    border-top: 1px solid #efefef
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media only screen and (min-width:500px) and (max-width:520px) {
    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .all {
        max-width: 1485px;
        width: 100%;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
        margin-left: auto
    }

    .form .form-part .form-input {
        width: 100%
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 94%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:520px) and (max-width:540px) {
    .form .form-part .form-input {
        width: 100%
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 94%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:540px) and (max-width:580px) {
    .form .form-part .form-input {
        width: 100%
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 94%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:580px) and (max-width:600px) {
    .form .form-part .form-input {
        width: 100%
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 94%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:600px) and (max-width:650px) {
    .form .form-part .form-input {
        width: 100%
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 94%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:650px) and (max-width:700px) {
    .form .form-part .form-input {
        width: 100%
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 112%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:992px) and (max-width:1030px) {
    .form .form-part .form-input {
        width: 67%
    }

    .birthday {
        width: 9rem
    }

    .year {
        width: 67% !important
    }

    .month {
        width: 67% !important
    }

    .day {
        width: 67% !important
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .form-phone {
        display: flex !important;
        flex-direction: column !important;
        width: 37% !important
    }

    .form-phone input {
        margin-right: 26rem !important;
        padding-left: 3rem !important;
        width: 100% !important
    }

    .phone-mail {
        display: flex;
        flex-direction: row;
        gap: 1rem
    }

    .form- {
        display: flex;
        flex-direction: column
    }

    .form- input {
        width: 68% !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 92%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:1030px) and (max-width:1080px) {
    .form .form-part .form-input {
        width: 76%
    }

    .birthday {
        width: 9rem
    }

    .year {
        width: 67% !important
    }

    .month {
        width: 67% !important
    }

    .day {
        width: 67% !important
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .form-phone {
        display: flex !important;
        flex-direction: column !important;
        width: 37% !important
    }

    .form-phone input {
        margin-right: 26rem !important;
        padding-left: 3rem !important;
        width: 100% !important
    }

    .phone-mail {
        display: flex;
        flex-direction: row;
        gap: 1rem
    }

    .form- {
        display: flex;
        flex-direction: column
    }

    .form- input {
        width: 71% !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 92%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:1080px) and (max-width:1120px) {
    .form .form-part .form-input {
        width: 80%
    }

    .birthday {
        width: 9rem
    }

    .year {
        width: 67% !important
    }

    .month {
        width: 67% !important
    }

    .day {
        width: 67% !important
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .form-phone {
        display: flex !important;
        flex-direction: column !important;
        width: 42% !important
    }

    .form-phone input {
        margin-right: 26rem !important;
        padding-left: 3rem !important;
        width: 100% !important
    }

    .phone-mail {
        display: flex;
        flex-direction: row;
        gap: 1rem
    }

    .form- {
        display: flex;
        flex-direction: column
    }

    .form- input {
        width: 80% !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 92%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:1120px) and (max-width:1160px) {
    .form .form-part .form-input {
        width: 88%
    }

    .birthday {
        width: 11rem
    }

    .year {
        width: 67% !important
    }

    .month {
        width: 67% !important
    }

    .day {
        width: 67% !important
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .form-phone {
        display: flex !important;
        flex-direction: column !important;
        width: 46% !important
    }

    .form-phone input {
        margin-right: 26rem !important;
        padding-left: 3rem !important;
        width: 100% !important
    }

    .phone-mail {
        display: flex;
        flex-direction: row;
        gap: 1rem
    }

    .form- {
        display: flex;
        flex-direction: column
    }

    .form- input {
        width: 80% !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 92%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

@media only screen and (min-width:1160px) and (max-width:1230px) {
    .form .form-part .form-input {
        width: 100%
    }

    .birthday {
        width: 11rem !important
    }

    .year {
        width: 67% !important
    }

    .month {
        width: 67% !important
    }

    .day {
        width: 67% !important
    }

    .concerns {
        display: flex !important;
        flex-wrap: wrap;
        height: 114px !important
    }

    .form-phone {
        display: flex !important;
        flex-direction: column !important;
        width: 50% !important
    }

    .form-phone input {
        margin-right: 26rem !important;
        padding-left: 3rem !important;
        width: 100% !important
    }

    .phone-mail {
        display: flex;
        flex-direction: row;
        gap: 1rem
    }

    .form- {
        display: flex;
        flex-direction: column
    }

    .form- input {
        width: 100% !important
    }

    .btttn {
        border-radius: .5em;
        background-color: #d34d68;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 2.9em;
        width: 14.3em;
        height: 2.9em;
        text-align: center;
        font-family: Arial, sans-serif;
        font-weight: 700;
        position: relative;
        left: 92%;
        top: 50%;
        overflow: hidden;
        transform: translate(-50%, -50%);
        margin-top: 13px;
        cursor: pointer
    }
}

.py-3 {
    padding-bottom: 0.6rem !important
}

@media ((min-width:768px)) {
    .container {
        max-width: 1300px
    }
}

@media (min-width:1400px) {
    .container-first-section {
        max-width: 1344px
    }
}

.container-first-section {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

.flag {
    width: 23% !important;
    border-radius: 5px;
    margin-right: 5px
}

.modal-footer {
    font-size: 1.2rem
}

.phone-footer {
    display: flex;
    justify-content: center;
    gap: 2rem
}

.date-time {
    font-size: 16px;
    color: #2c3e50;
    font-weight: 500;
    margin-top: 7.5rem
}

.p-info {
    font-size: 16px;
    color: #2c3e50;
    font-weight: 500;
    margin-top: 16.5rem
}

.NotExistphone {
    margin-top: 2rem
}

.modal-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .5)
}

#modal_offer {
    background: url(../css/back.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    border-radius: 1em 1em 1em 1em;
    box-shadow: 8px 8px 16px 0 rgb(0 0 0 / .1);
    padding: 1.25em;
    align-items: center;
    width: 100% !important
}

#modal_offer2 {
    background: url(../images/bg1_1681908134660.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    border-radius: 1em 1em 1em 1em;
    box-shadow: 8px 8px 16px 0 rgb(0 0 0 / .1);
    min-height: 20.8125em;
    padding: 1.25em;
    align-items: center;
    width: 100% !important;
    height: 55.7rem
}

.font-heebo {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.w-100p {
    width: 100px
}

#errorModal {
    background: url(../images/bg1_1681908134660.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    border-radius: 1em 1em 1em 1em;
    box-shadow: 8px 8px 16px 0 rgb(0 0 0 / .1);
    min-height: 12.8125em;
    padding: 1.25em;
    justify-content: center;
    align-items: center;
    width: 100% !important
}

.error-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#errorModal .error-modal-bodyy h2 {
    font-size: 28px;
    color: #aa3931;
    margin-bottom: 22px !important
}

.error {
    color: red
}

#error-modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.error-modal-bodyy {
    position: relative
}

.modal-body h2 {
    font-size: 34px;
    color: #ee5f38;
    margin-bottom: 13px !important
}

.modal-body p {
    font-size: 1em
}

.pulse {
    animation: pulse 2s infinite
}

@keyframes pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgb(150 166 180 / 70%)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px #fff0
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 #fff0
    }
}

.phone-list {
    display: flex;
    flex-direction: row;
    gap: 35px;
    justify-content: center
}

.country-select option {
    font-size: 16px
}

.modal-bodyy {
    position: relative;
    padding: 1rem
}

.modal-bodyy h2 {
    font-size: 34px;
    color: #ee5f38;
    margin-bottom: 13px !important
}

.day41__modal {
    background-color: var(--day41-bg-color);
    border-radius: 5px;
    overflow: hidden;
    width: 18em;
    text-align: center;
    word-spacing: .05em;
    transform: scale(0);
    animation: day41-appear .6s cubic-bezier(.8, 1.53, .82, 1.5) forwards;
    box-shadow: .5em .5em 1em #00000040
}

.day41__logo-container {
    padding: 1em;
    position: relative;
    height: 4em;
    width: 5em;
    margin: auto;
    animation: day41-zumbido 3s linear infinite;
    animation-delay: 2s
}

.day41__h1 {
    font-size: 1.5em;
    color: var(--day41-text-color)
}

.day41__p {
    font-size: 1em;
    padding: .5em 2.5em 1em;
    color: var(--day41-text-color)
}

.day41__clip {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: var(--day41-color);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3em;
    height: 3em;
    transform: translate(-50%, -50%)
}

.day41__logo {
    color: var(--day41-bg-color);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2em;
    transform: translate(-50%, -35%)
}

.call-phone {
    position: absolute;
    cursor: pointer;
    width: 90px;
    height: 159px;
    top: 4%;
    left: 36%
}

.call-phone__circle {
    width: 90px;
    height: 90px;
    top: 45px;
    left: 45px;
    margin: 0;
    position: absolute;
    background-color: #fff0;
    border-radius: 100%;
    border: 2px solid #fbd4c9;
    animation: call-phone__circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
    vertical-align: baseline
}

@keyframes call-phone__circle-anim {
    0% {
        transform: rotate(0deg) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }
}

.call-phone__circle-fill {
    background-color: #fbd9cf;
    opacity: .75;
    width: 80px;
    height: 80px;
    top: 51px;
    left: 50px;
    position: absolute;
    border-radius: 100%;
    opacity: .1;
    animation: call-phone__circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s
}

@keyframes call-phone__circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

.call-phone__circle-img {
    position: relative;
    background-color: #fef7f5;
    width: 50px;
    height: 50px;
    top: 65px;
    left: 65px;
    position: absolute;
    border: 3px solid #f7af9c;
    border-radius: 50%;
    border-radius: 100%;
    opacity: .7
}

@keyframes call-phone__circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,
    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

.icon-phone {
    position: absolute;
    z-index: 30;
    font-size: 28px;
    color: #f9c5b7;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px 0 5px 0
}

.contact-us {
    font-size: 17px;
    font-weight: 500;
    color: #2c3e50
}

.jss52 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.css-1b047im {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: #fff0;
    background-color: #e7ebf5;
    outline: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-transform: none;
    font-family: Inter;
    font-size: 1rem;
    line-height: 1.75;
    min-width: 63px;
    padding: 5px 15px;
    border-radius: 11px;
    border: 1px solid #d0d6e3;
    color: #283149;
    box-shadow: none;
    font-weight: 700;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms
}

.css-1b047im:hover {
    text-decoration: none;
    background-color: #bdc7e1;
    border: 1px solid #bdc7e1
}

.input-container {
    position: relative;
    height: 6rem;
    width: 12rem;
    margin: .5rem;

    .radio-button {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        cursor: pointer
    }

    .radio-count {
        height: 16rem !important;
        width: 35rem !important;
        left: 10% !important;
        position: relative
    }

    .radio-tile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 88%;
        border: 2px solid #a4c1d9;
        border-radius: 5px;
        padding: .5rem;
        transition: transform 300ms ease;
        background-color: #f7f6f6
    }

    .icon svg {
        fill: #abc5db;
        width: 3rem;
        height: 3rem
    }

    .radio-tile-label {
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #3278b1
    }

    .icon-walk {
        fill: #fff
    }

    .radio-button:checked+.radio-tile {
        background-color: #079ad9;
        border: 2px solid #079ad9;
        color: #fff;
        transform: scale(1.1, 1.1);

        .icon svg {
            fill: #fff;
            background-color: #079ad9
        }

        .radio-tile-label {
            color: #fff;
            background-color: #079ad9
        }
    }
}

.chat-calls {
    display: block;
    background-color: #f1f3f7;
    padding: 20px;
    border: 1px solid #cdd9e3;
    border-radius: 8px;
    width: 80%
}

.advisor-calls {
    display: block;
    background-color: #f1f3f7;
    padding: 20px;
    border: 1px solid #cdd9e3;
    border-radius: 8px;
    width: 80%
}

.advisor-calls span {
    font-weight: 500;
    color: #2c3e50;
    font-size: 1rem
}

.chat-appointment {
    display: block;
    background-color: #f1f3f7;
    padding: 20px;
    border: 1px solid #cdd9e3;
    border-radius: 8px;
    width: 80%
}

.book-appointment {
    padding: 0;
    border-top: none !important
}

.book-appointment span {
    font-weight: 500;
    font-size: 17px
}

.chat-calls span {
    font-weight: 500;
    color: #2c3e50;
    font-size: 1rem
}

.phoneChat label {
    font-weight: 500;
    color: #2c3e50;
    font-size: 1rem
}

.EmailChat label {
    font-weight: 500;
    color: #2c3e50;
    font-size: 1rem
}

.SMSChat label {
    font-weight: 500;
    color: #2c3e50;
    font-size: 1rem
}

a {
    cursor: pointer
}

.advisor label span {
    font-size: 15px;
    font-weight: 400 !important
}

.advisor label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.1em !important;
    height: 1.1em !important;
    border-radius: 50%;
    margin-right: .375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 .125em #e3d1d5
}

.advisor label input:checked+span:before {
    box-shadow: inset 0 0 0 .4375em #ec581e
}

input.form-input {
    background-color: rgb(14 14 14 / .04);
    width: 96%;
    height: 38px;
    border: none;
    padding: 6px 15px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 9px;
    margin-bottom: .5rem
}

.date::placeholder {
    font-size: 14px !important
}

.time::placeholder {
    font-size: 14px !important
}

.later {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.laterr {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.laterchat {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.date {
    width: 50%
}

.date label {
    font-size: 15px;
    font-weight: 500;
    color: #6c4f45
}

.phonenumber label {
    font-size: 1rem;
    font-weight: 500;
    color: #2c3e50
}

.phonenumber label span {
    color: #6c4f45
}

.input-container:hover {
    color: "red",
}

.confirm-btn {
    display: inline-block;
    width: 100%;
    height: 50px;
    background: #ec581e;
    border-radius: 5px;
    padding: 11px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    box-shadow: none;
    cursor: pointer
}

.confirm {
    display: flex;
    padding-top: 22px;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 22px
}

.first-svg {
    height: 22px !important;
    margin-bottom: 12px !important
}

.ContactUs {
    margin-top: 12px !important
}

.advisor {
    margin-bottom: 0rem !important
}

#immediatly {
    margin: 3px 3px 0 7px !important
}

.chatimmediatly {
    margin: 3px 3px 0 7px
}

.chatUrl button {
    font-size: .9rem;
    background-color: #079ad9
}

.chat {
    transform: scaleX(1) scaleY(1) rotateZ(0deg) !important
}

#modal_offer {
    background-color: #fbf6f6 !important
}

.chat-svg {
    margin-bottom: 12px !important;
    height: 28px !important
}

.error-modal-footer button {
    font-size: 1.2rem !important;
    background-color: #aa3931 !important
}

.phone-modal {
    transform: scaleX(1) scaleY(1) rotateZ(0deg) !important
}

.error-modal {
    transform: scaleX(1) scaleY(1) rotateZ(0deg) !important;
    max-width: 521px !important
}

.phone-btn {
    font-size: 1.2rem;
    width: 27%;
    padding-left: 16px;
    padding-right: 16px;
    color: #4d5c6b !important;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background-color: #d7dbe5;
    border-left: solid .3em #2d4e99;
    padding: .5rem .75rem;
    font-weight: 500
}

.btn-phone {
    font-size: 20px;
    padding-left: 16px;
    padding-right: 16px;
    color: red;
    display: flex;
    flex-direction: row;
    border-radius: 11px;
    background-color: #f7f6f6;
    padding: .3rem .7rem;
    font-weight: 500;
    color: #2c3e50 !important
}

.p-choose {
    font-size: 16px;
    color: #2c3e50;
    font-weight: 500
}

.pp-choose {
    font-size: 16px;
    color: #2c3e50;
    font-weight: 500
}

.fee {
    font-size: 14px;
    margin-right: 30px;
    margin-top: -3px;
    color: #4484b7
}

.btn-call {
    display: flex;
    flex-direction: column
}

.form-select {
    font-size: .85rem !important;
    background-color: #e9ecef !important
}

@keyframes up-down {
    50% {
        margin-top: -20px
    }
}

.country-select {
    position: relative
}

.label-countries {
    color: #2c3e50;
    font-size: 15px;
    animation: pulse 2s infinite !important
}

.choose-option {
    margin-top: 8px;
    display: block;
    background-color: #f1f3f7;
    padding: 20px;
    border: 1px solid #cdd9e3;
    border-radius: 8px;
    width: 80%
}

.choose-option span {
    font-weight: 500;
    color: #2c3e50;
    font-size: 15px
}

.choose-option-chat {
    margin-top: 8px;
    display: block;
    background-color: #f1f3f7;
    padding: 20px;
    border: 1px solid #cdd9e3;
    border-radius: 8px;
    width: 80%
}

.choose-option-chat span {
    font-weight: 500;
    color: #2c3e50;
    font-size: 15px;
    display: flex;
    justify-content: center
}

.list-countries {
    height: 16rem;
    width: 35rem;
    left: 10%;
    position: relative;
    background-color: #f1f3f7 !important;
    color: white !important;
    transform: scale(1.1, 1.1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #cdd9e3 !important;
    border-radius: 5px !important;
    padding: .3rem !important;
    transition: transform 300ms ease !important;
    gap: .5rem;
    margin-top: 2rem
}

.list-p {
    background-color: #f1f3f7 !important;
    color: white !important;
    transform: scale(1.1, 1.1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 294% !important;
    height: 291%;
    border: 2px solid #cdd9e3 !important;
    border-radius: 5px !important;
    padding: .3rem !important;
    transition: transform 300ms ease !important;
    gap: .5rem;
    margin-top: 2rem
}

.select-countries {
    display: flex;
    flex-direction: row !important;
    gap: 2rem !important;
    margin-top: 1rem
}

.list {
    right: 24%
}

.img-click {
    width: 43% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    left: 27% !important
}

.phone-number {
    background-color: #d3e0eb;
    color: #fff;
    transform: scale(1.1, 1.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 187%;
    height: 100%;
    border: 2px solid #c7d9e9;
    border-radius: 5px;
    padding: .5rem;
    transition: transform 300ms ease;
    animation: pulse 2s infinite
}

.existp {
    left: 10%
}

.phone-icon {
    display: flex;
    margin-right: 12px;
    animation: pulse 2s infinite
}

.callNow {
    color: #2c3e50;
    font-size: 13px
}

.btn-icon {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.walkIcon {
    display: flex
}

.select-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem
}

.select {
    gap: 0rem !important
}

.img-country {
    width: 28px;
    margin-right: 4px;
    height: 28px;
    margin-left: 3px;
    margin-top: 5px
}

.bg-phone {
    background-color: #c3dff7;
    border: solid 1px #a0c5f3
}

.country-image {
    height: 27px
}

.bg-fee {
    display: flex;
    flex-direction: column;
    margin-left: 6px
}

.phone-buttons {
    display: flex;
    flex-direction: row;
    gap: 35px
}

.phoneN label {
    font-size: 15px;
    font-weight: 500;
    color: #6c4f45
}

.Email label {
    font-size: 15px;
    font-weight: 500;
    color: #6c4f45
}

.SMS label {
    font-size: 15px;
    font-weight: 500;
    color: #6c4f45
}

.form-control {
    font-size: 14px !important
}

.email {
    margin-bottom: 0 !important
}

.phonenumber span {
    font-size: 15px;
    font-weight: 500 !important;
    color: #6c4f45 !important
}

.btn2 {
    height: 2.5rem;
    padding: 0 2rem;
    background: #079ad9;
    border: none;
    border-radius: 5px;
    font-family: "Work Sans", sans-serif;
    color: #fff;
    font-size: 1rem
}

.recover-password .title p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.btn2:is(:hover, :focus) {
    outline-offset: .19rem
}

.sample-1 {
    display: inline-block;
    width: 100%;
    height: 50px;
    background: #cececf;
    border-radius: 5px;
    padding: 11px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    box-shadow: none;
    cursor: pointer
}

.sample-1:is(:hover, :focus) {
    outline-offset: .19rem
}

.row-countries {
    flex-direction: row !important;
    gap: 2rem
}

.list-c {
    height: 16rem !important
}

.list-country {
    height: 10rem !important
}

.top {
    margin-top: 7.5rem
}

.top-p {
    margin-top: 1.5rem
}

.top-chat {
    margin-top: 1rem
}

.p-info-top {
    margin-top: 3.5rem
}

.list-h {
    height: 9rem
}

.immat {
    border-style: solid;
    border-width: 1px;
    border-radius: 11px;
    display: inline;
    font-weight: 700;
    font-family: Arial Narrow;
    font-size: 1.5em;
    padding: 10px 20px;
    position: relative;
    background-color: #d4e6f5;
    border-color: #a1c4e1;
    color: #2c3e60;
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px
}

.immat span {
    position: absolute;
    background-color: #6a9fc9;
    color: #fff;
    top: -10px;
    right: 0;
    padding: 1px 9px;
    font-size: .8rem;
    border-radius: 4px;
    border-bottom-right-radius: 0px !important
}

@media only screen and (min-width:800px)and (max-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 748px
    }
}

@media only screen and (min-width:500px)and (max-width:800px) {
    .modal-bodyy h2 {
        font-size: 21px
    }

    .list-countries {
        width: 23rem;
        left: 4%
    }

    .confirm {
        margin-right: 12rem
    }

    .phone-list {
        gap: 12px
    }

    .input-container {
        margin: 0
    }

    .immat {
        font-size: 1rem
    }
}

@media only screen and (min-width:500px)and (max-width:767px) {

    .container,
    .container-sm {
        max-width: 655px
    }
}

@media only screen and (min-width:768px)and (max-width:870px) {
    .tarot-reading #cards {
        width: 86%
    }

    .cont ul li {
        &:nth-child(1) {
            right: 28rem
        }

        &:nth-child(2) {
            left: 49%
        }

        &:nth-child(3) {
            right: 1rem
        }
    }
}

@media only screen and (min-width:500px)and (max-width:600px) {
    #cardCont ul {
        width: 105%
    }

    .tarot-reading #cards {
        width: 605px
    }

    .landing-page .tarot-main {
        width: 725px
    }

    .our-form .form-img {
        display: none
    }
}

@media only screen and (min-width:600px)and (max-width:700px) {
    #cardCont ul {
        width: 105%
    }

    .tarot-reading #cards {
        width: 605px
    }

    .landing-page .tarot-main {
        width: 725px
    }

    .cont ul {
        display: block;
        width: 456px;
        margin: 0 auto;
        position: relative;
        height: 398px
    }

    .cont ul li {
        &:nth-child(1) {
            right: 18rem
        }

        &:nth-child(2) {
            left: 51%
        }

        &:nth-child(3) {
            right: -1rem
        }
    }

    .our-form .form-img {
        display: none
    }
}

@media only screen and (min-width:700px)and (max-width:800px) {
    #cardCont ul {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .tarot-reading #cards {
        width: 674px
    }

    .landing-page .tarot-main {
        width: 765px
    }

    .cont ul {
        display: block;
        width: 456px;
        margin: 0 auto;
        position: relative;
        height: 398px
    }

    .cont ul li {
        width: 40.33333%;

        &:nth-child(1) {
            right: 20rem
        }

        &:nth-child(2) {
            left: 50%;
            width: 48%
        }

        &:nth-child(3) {
            width: 40.33333%;
            left: 70%
        }
    }
}

@media only screen and (min-width:300px)and (max-width:400px) {
    .landing-page .header-main {
        width: 616px
    }

    .landing-page .tarot-main {
        width: 845px
    }

    .tarot-reading #cards {
        width: 674px
    }

    #cardCont ul {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .cont {
        margin-top: 3rem
    }

    .cont ul {
        width: 544px !important
    }

    .cont ul li {
        &:nth-child(1) {
            right: 21rem
        }

        &:nth-child(2) {
            left: 50%
        }

        &:nth-child(3) {
            right: 1rem
        }
    }

    .our-form .form-img {
        display: none
    }

    .free-your-mind-section .content-part .section-text {
        padding: 1rem 1rem 0
    }

}

@media only screen and (min-width:400px)and (max-width:500px) {
    .landing-page .header-main {
        width: 694px
    }

    .landing-page .tarot-main {
        width: 195%
    }

    #cardCont ul {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .cont {
        margin-left: 12rem;
        margin-top: 2rem
    }

    .tarot-reading #cards {
        width: 674px
    }

    .cont ul {
        width: auto
    }

    .cont ul li {
        &:nth-child(1) {
            right: 29rem
        }

        &:nth-child(2) {
            left: 32%
        }

        &:nth-child(3) {
            right: 8rem
        }
    }

    .our-form .form-img {
        display: none
    }

    .free-your-mind-section .content-part .section-text {
        padding: 1rem 1rem 0
    }


}

.MenuExpert {
    line-height: 3
}

.single-consultant__cover {
    background-color: #f9f9f9;
    background-position: center;
    background-size: cover;
    /* height: 276px; */
    border-radius: 0;
    position: relative
}

.single-consultant__cover {
    border-radius: 0 0 0 0
}

.single-consultant__header .single-consultant__summary {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px
}

.single-consultant__summary {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px
}

.consultant-card__footer .consultant-card__call-button,
.single-consultant__summary {
    border-radius: 0 0 12px 12px
}

.single-consultant__thumbnail,
.consultant-card__header .consultant-card__thumbnail {
    border-color: #fff
}

.imgExp {
    position: relative;
    top: 50px;
}

.single-consultant__thumbnail {
    border-radius: 100%;
    border: 9px solid #fff;
    height: 180px;
    width: 180px;
    object-fit: cover;
    margin-right: 10px;
    margin-top: 0;
    /* transform: translate(0, 60px) */
}

.pl-6r {
    padding-left: 29rem
}

.ExpertProfile__Title {
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.red {
    background-color: #bf2626 !important
}

.ExpertProfile__Title.fixed {
    margin-top: 0
}

h1.consultant-card__name a,
.consultant-card__name a,
.D-Package__Discount,
.single-consultant__header .single-consultant__name,
.single-consultant__section-nav .single-consultant__section-nav-item.-active a {
    color: #ee5f38;
    font-size: 18px;
    font-weight: 600
}

.single-consultant__header .single-consultant__name {
    padding: 1px 0 0;
    margin-right: auto;
    font-size: 32px;
    font-family: inherit
}

.elementor-kit-6 h1 {
    color: var(--e-global-color-6255f7 7);
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 50px;
    font-weight: 700
}

.ExpertProfile__Nickname {
    margin: 0
}

.ExpertProfile__Specialties {
    font-size: 12px;
    padding: 2px 10px 2px 3px;
    border-radius: 5px;
    background: rgb(36 36 36 / 70%) none repeat scroll 0 0;
    color: #fff;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.ExpertProfile__Specialties svg {
    width: 24px;
    height: 15px;
    justify-content: center;
    align-items: center;
    text-align: center
}

.expertise {
    display: flex;
    flex-direction: column
}

.single-consultant__header .single-consultant__activity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 3px;
    font-weight: 600
}

.single-consultant__header .single-consultant__rating i {
    color: #ff8a00
}

.single-consultant__header .single-consultant__rating-count {
    font-size: .75em;
    color: #fff
}

.mr-4 {
    margin-right: 4px !important
}

.ExpertProfile a.CallButton[data-availability] {
    font-size: 16px;
    color: var(--availability--color, #fff) !important
}

.CallButton__Content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.CallButton__Label {
    line-height: 1.3
}

.contactButton_label {
    font-size: 17px
}

.CallButton__Label {
    line-height: 1.3;
    font-weight: 400
}

.single-consultant__main {
    display: flex;
    flex-direction: row
}

.consultant-card__container,
.single-consultant__header,
.single-consultant__section,
.dialotel-consultant__forfait,
.D-PackageItem,
.dialotel-package__container,
.single-consultant__review-answer,
.dialotel-consultant__forfait button,
.dialotel-package__container button,
.single-consultant__categories>.single-consultant__category,
.single-consultant__sidebar-box {
    border-radius: 6px
}

.single-consultant__section {
    padding: 20px;
    margin: 30px 0;
    box-shadow: none;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / .06)
}

.single-consultant__section-nav {
    margin-bottom: 15px;
    padding-left: 5px
}

.single-consultant__section-nav>ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    overflow: hidden
}
.u-container-layout.u-valign-top.u-container-layout-2.justify-content-start ul{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    font-size: 14px;
}
.u-container-layout.u-valign-top.u-container-layout-2.justify-content-start ul li{
        list-style: disc;
}
dl,
dt,
dd,
ol,
ul,
li {
    margin-block-start: 0;
    margin-block-end: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: #fff0
}

.single-consultant__section-nav .single-consultant__section-nav-item {
    float: left;
    font-size: 14px;
    padding: 0;
    margin: 0
}

dl,
dt,
dd,
ol,
ul,
li {
    margin-block-start: 0;
    margin-block-end: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: #fff0
}

.single-consultant__section-nav .single-consultant__section-nav-item.-active a {
    opacity: 1
}

.single-consultant__section-nav .single-consultant__section-nav-item>a {
    opacity: .3;
    text-decoration: none;
    font-size: 18px
}

.single-consultant__section-nav .single-consultant__section-nav-item:not(:first-child) {
    border-left: 1px solid #d8d8d8;
    margin-left: 8px;
    padding-left: 8px
}

.single-consultant__section-nav .single-consultant__section-nav-item {
    float: left;
    font-size: 14px;
    padding: 0;
    margin: 0
}

.single-consultant__section .single-consultant__section-title {
    color: #424242;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px 5px 0;
    position: relative;
    text-transform: math-auto;
    margin-bottom: 5px
}

.elementor-kit-6 h2 {
    color: var(--e-global-color-6255f77);
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 26px;
    font-weight: 500
}

.single-consultant__categories {
    margin: 10px 0
}

.fa-fw {
    margin-right: 7px
}

.single-consultant__categories>.single-consultant__category {
    background-color: #e9ebf1;
    margin: 0 10px 0 0;
    font-size: 12px;
    padding: .2em .8em .3em;
    color: rgb(99 99 99 / var(--tw-text-opacity))
}

.elementor-kit-6 p {
    margin-bottom: 14px
}

.expert-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.mb-20 {
    margin-bottom: 20px
}

.single-consultant__sidebar-box .sidebar-box__title:first-child {
    margin-top: 0
}

.single-consultant__sidebar-box .sidebar-box__title {
    color: #424242;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px 5px 0;
    position: relative
}

.single-consultant__sidebar-box h4 {
    text-align: center !important;
    color: #6a6a6a !important;
    font-size: 20px !important
}

.elementor-kit-6 h3 {
    color: var(--e-global-color-6255f77);
    font-size: 20px;
    font-weight: 400
}

.ExpertProfile a.CallButton[data-availability] {
    font-size: 16px;
    color: var(--availability--color, #fff) !important
}

.CallButton[data-availability],
.CallButton[data-availability]:not([href]):not([tabindex]) {
    color: var(--availability--color, #fff)
}

.ContactButton {
    background: #48cda0;
    cursor: pointer;
    color: var(--availability--color, #fff)
}

.ContactButton:hover {
    color: #fff
}

.single-consultant__planning .single-consultant__schedule:nth-child(odd),
.consultants-filters .consultant-filter__item,
.single-consultant__call-button,
.CallButton {
    border-radius: calc(12px / 2)
}

.CallButton {
    box-shadow: 0 2px 4px rgb(0 0 0 / 24%)
}

.CallButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 15px 30px!important;
    border-radius: calc(12px / 2)!important;
}
.CallButton.disponibility.available {
    --tw-bg-opacity: 1;
    background-color: rgb(72 205 160 / var(--tw-bg-opacity));
    color: white;
    padding: 10px;
    padding: 24px 30px !important;
    border-radius: calc(12px / 2) !important;
    font-size: 16px;
}
.CallButton.disponibility.gray {
    --tw-bg-opacity: 1;
    background-color: #a7a7a7;
    color: white;
    padding: 10px;
    padding: 24px 30px !important;
    border-radius: calc(12px / 2) !important;
    font-size: 16px;
}
.CallButton.disponibility.orange {
    --tw-bg-opacity: 1;
    background-color: rgb(230 188 19 / var(--tw-bg-opacity));
    color: white;
    padding: 10px;
    padding: 24px 30px !important;
    border-radius: calc(12px / 2) !important;
    font-size: 16px;
}
.ContactButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 1em 0;
    padding: .75em .75em;
    border: 0;
    max-width: 100%;
  /*   min-height: 4em; */
    transition: all .4s ease;
    font-size: var(--call-button-size, 16px);
    border-radius: 6px
}

.ContactButton {
    box-shadow: 0 2px 4px rgb(0 0 0 / 24%)
}

.single-consultant__planning .single-consultant__schedule:nth-child(odd) {
    background: rgb(0 0 0 / .03)
}

.CallButton__Label {
    line-height: 1.3
}

.CallButton__Sublabel {
    font-size: .8em;
    display: flex
}

.consultant-card__container,
.single-consultant__summary,
.single-consultant__section,
.single-consultant__sidebar-box {
    background-color: #fdfdfd
}

.single-consultant__sidebar-box {
    padding: 22px 20px 17px;
    margin: 30px 0;
    border-radius: 12px;
    background-color: #fdfdfd;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / .06)
}

.single-consultant__planning {
    list-style: none;
    margin: 0;
    padding: 0
}

.single-consultant__planning .single-consultant__schedule {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: .5rem 1rem;
    text-transform: capitalize
}

.single-consultant__planning .single-consultant__schedule-day {
    flex-basis: 50%;
    line-height: 1.1
}

.single-consultant__planning .single-consultant__schedule-time {
    flex-basis: 50%
}

.dialotel-packages__container {
    justify-content: center !important
}

.dialotel-packages__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem
}

.dialotel-packages__container1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem
}


.fs-12{
    font-size: 12px;
}

.border-end{
        border-bottom: 1px solid #e8e8e8;
    padding: 11px 7px;
}
.font-38 {
    font-size: 38px
}

.font-normal {
    font-weight: 400
}

.PackageCard__Container {
    position: relative;
    background: #fff;
    text-align: center;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / .3);
    display: flex;
    flex-direction: column
}

.PackagesList__Item {
    max-width: 240px;
    margin: 20px;
    width: calc(25% - 40px);
    height: 100%
}

.PackagesList__Item {
    min-width: 190px
}

.PackageCard__Header {
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 30%
}

.PackageCard__Thumbnail {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    border-radius: 20px 20px 0 0;
    height: 57%
}

.PackageCard__Thumbnail::before {
    content: '';
    display: block;
    float: right;
    padding-top: 56.25%;
    width: 1px;
    margin-right: -1px
}

.PackageCard__ThumbnailImage {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.PackageCard__Thumbnail::after {
    clear: both;
    content: '';
    display: table
}

.PackageCard__Description {
    font-size: 14px;
    color: #777;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left
}

.PackageCard__Infos {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin: 20px 20px 10px;
    color: #ad745f
}

.PackageCard__Amount {
    font-weight: 700
}

.PackageCard__Decorator {
    flex-grow: 1;
    margin: 0 10px 6px;
    border-bottom: 1px dotted #333
}

.PackageCard__PriceContainer {
    font-weight: 700;
    font-size: 18px
}

.PackageCard__OrderContainer {
    background: #eeded6;
    color: #fff;
    padding: 20px
}

.PackageCard__OrderContainer button.PackageCard__Order {
    background: #bf9569;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px
}

.single-consultant__review-answer p {
    margin-bottom: 0 !important
}

.SingleConsultant__satisfactionScore {
    font-size: .85em
}

.single-consultant__reviews {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 1rem
}

.single-consultant__review {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    padding: 1rem;
    border-radius: 12px;
    background: #f6f2f587;
    border: 1px solid #dddadc
}

.single-consultant__review .single-consultant__review-header {
    margin-bottom: .5rem;
    font-size: .85rem
}

.single-consultant__review .single-consultant__review-rating {
    color: gold
}

.single-consultant__review .single-consultant__review-answer {
    display: flex;
    flex-direction: column;
    margin-left: 2rem;
    padding: 1rem;
    background: #fff;
    width: 56%;
    border: 1px solid #efefef
}

strong {
    font-weight: bolder
}

.elementor-kit-6 p {
    margin-bottom: 14px
}

.single-consultant__section-nav-item a {
    color: #3a3536
}

.span-cons {
    color: #eb6818;
    display: block;
    font-size: 29px;
    font-weight: 700;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.title-phon {
    margin-left: 4px;
    color: #581e2a !important;
    padding-bottom: 5px
}

.modal-header1 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-phone {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding: 26px;
    background: #fff5f2;
    border: 1px solid #ebe8e8
}

.expertisesList {
    position: absolute;
    bottom: 20.2rem;
    flex-direction: column;
    left: 13rem;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.b-20 {
    bottom: 22.5rem !important
}

.consulter-img {
    display: flex;
    flex-direction: row;
    gap: 18px;
    justify-content: center
}

.status-available {
    background-position: center;
    background-size: cover;
    border-radius: 100%;
    border: 2px solid #ee5f38;
    height: 30px !important;
    position: relative;
    transform: scale(2);
    width: 30px !important;
    object-fit: cover;
    display: flex;
    align-items: center
}

.profile-expert {
    display: flex;
    flex-direction: column
}

.profile-expert h2 {
    color: #504441;
    margin-bottom: 0;
    font-size: 24px
}

.experti {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
    color: #625f5f;
    padding: .1rem .1rem;
    text-transform: none;
    display: flex
}

/* b {
    display: flex;
    justify-content: center
}
 */
 b a {
        color: #ee5f38;
 }
.code {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #625f5f;
    font-weight: 500;
    text-transform: none;
    display: flex
}

.code svg {
    margin-right: 3px
}

.profile-details {
    display: flex;
    flex-direction: column
}

.experti span {
    font-size: 11px;
    margin-left: 3px;
    background: #c29794;
    padding: 0 6px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500
}

.bod {
    padding: 0;
    display: inline-block;
    width: 100%
}

.conn {
    text-align: center
}

.selec {
    flex-direction: column;
    gap: 3px
}

.consult-s {
    display: flex;
    padding: 5px 10px;
    background: #fff;
    margin: 10px 0;
    width: 93%;
    justify-content: center
}

.consult-s a {
    display: flex;
    padding: 0 20px
}

.last-step {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 4.6rem
}

.last-step h4 {
    color: #0a0a0a;
    font-size: 13px !important;
    margin-bottom: 0
}

.paddingBody {
    padding: 21px 13px 0 13px !important
}

.consult {
    display: flex;
    padding: 4rem;
    background: #fff;
    justify-content: center
}

.step-6 {
    padding: 7px 10px 7px 10px !important
}

#dropdownMenuLink span {
    color: #6c4f45;
    text-decoration: none;
    font-size: 16px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
    margin-left: 7px
}

.youare {
    font-weight: 600;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    color: #6c4f45 !important
}

.modal_consult {
    display: flex;
    padding: 5px 10px;
    background: #fff;
    justify-content: center;
    gap: 1rem;
    margin-right: 2rem
}

.select-css {
    width: 125px;
    padding: .2rem 1.5rem;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #6c4f45;
    border: 1px solid #dcd9d8;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / .03);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../../assets/images/select-row.png);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    border-radius: 11px
}

.step {
    padding-left: 0;
    padding: .3rem 1.5em;
    border-radius: 13px
}

.b-21 {
    bottom: 21rem !important
}

.step-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center
}

a {
    text-decoration: none !important
}

.step-div span {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
    font-size: 17px
}

.num_dynamic {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600 !important
}

.modal_consult_step li:last-child {
    margin: 0
}

.margin-bottom-1e {
    margin-bottom: 1em
}

.select-css::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid #fff0;
    border-bottom: 0;
    border-left: .3em solid #fff0;
    margin-top: 11px !important
}

.btn-footer {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.btn-cancel {
    background: #cececf !important
}

.m-title {
    margin-top: 0;
    font-weight: 600;
    color: #6f331e;
    font-size: 18px;
    text-align: start;
    margin-bottom: 10px;
    line-height: 21px
}

.status-exp {
    left: 203px !important;
    top: 138px !important
}

.m-0 {
    margin: 0
}

.title2 {
    color: #6a6a6a;
    font-size: 18px !important;
    text-align: justify;
    margin-top: 0
}

.mod-bod {
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .5rem
}

span.fa.fa-star {
    color: gold
}

.comment-form-rating .review-stars span.fa.fa-star {
    color: gray
}

.comment-form-rating .review-stars span.fa.fa-star.active {
    color: #ff8a00 !important
}

.recharg {
    color: #6c4f45 !important;
    font-size: 17px !important;
    margin-bottom: 0 !important
}

.review-stars1 .fa-star {
    position: relative;
    color: #ccc;
    cursor: pointer
}

.review-stars1 .fa-star.active {
    color: #ffc107
}

.review-stars1 .fa-star.half {
    color: #ccc
}

.review-stars1 .fa-star.half::after {
    content: "\f005";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    width: 36%;
    overflow: hidden;
    color: #ff8a00
}

.btn-signup:hover {
    color: white !important
}

.btn-signup {
    display: inline-block;
    width: 100%;
    margin-top: 12.9px;
    height: 50px;
    border-radius: 5px;
    padding: 11px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    box-shadow: none;
    cursor: pointer;
    background: #7c97af
}

.expert-img {
    display: flex;
    align-items: end;
    width: 100%
}

.mt-11 {
    margin-top: 26px
}

.expert-status {
    background: #48cda0;
    padding: .1rem .5rem;
    display: inline-block;
    border-radius: 5px;
    margin-top: 0px !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    position: relative;
    height: 25px
}

.packages {
    display: flex;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
    grid-gap: 3.125rem;
    align-items: stretch;
    justify-content: center
}

.package {
    display: flex;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
    grid-gap: 3.125rem;
    align-items: stretch;
    justify-content: center
}

.single-consultant__review-date {
    font-weight: 400;
    font-size: 15px;
    color: grey
}

.single-consultant__review-name {
    font-weight: 500;
    font-size: 15px
}

.pricing-item {
    background: #FFF;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / .13);
    border-radius: 13px;
    margin-bottom: 30px;
    margin-top: 20px
}

.single-consultant__consultations-count {
    color: #fff
}

.pricing-header {
    text-align: center;
    display: block;
    position: relative;
    padding-bottom: 10px
}

.right-side {
    display: flex;
    align-items: center
}

.pricing-header h3 {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    position: absolute;
    width: 180px;
    height: 40px;
    line-height: 40px;
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: linear-gradient(135deg, #e73d3d 0%, #decb3d 100%)
}

.pricing-body {
    margin-bottom: 10px
}

.div-phone {
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.div-phone1 {
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.div- {
    height: 90px
}

.phone- {
    display: flex;
    gap: 1rem
}

.phone- h2 {
    float: left;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #837672;
    width: 44%
}

.phonN {
    width: 100%;
    background: #fdfdfd;
    border-radius: 12px !important;
    border: 1px solid #e5e1e1;
    padding-left: 95px
}

.msg-info {
    display: flex;
    gap: 5rem
}

.msg-info span {
    font-size: 16px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-align: left
}

.buttons-footer {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.buttons-footer-chat {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.button-footer {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.price-wrapper {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 10px;
    background: #f6f6f6
}

.currency {
    height: 47px;
    font-weight: 600;
    font-size: 20px;
    color: #e64b3d;
    position: relative;
    top: -15px
}

.period {
    font-weight: 700;
    font-size: 14px;
    color: #e64b3d;
    letter-spacing: .88px
}

.first-li {
    font-size: 27px;
    font-weight: 500
}

.pricing-footer a {
    border: 1px solid #ed9245 !important;
    color: #ed9245 !important;
    height: 36px !important;
    line-height: 36px !important
}

a.btn-primary-line:hover {
    background: #e57369;
    color: white !important;
    border: 1px solid #e64b3d !important
}

a.btn-primary-line {
    width: 160px;
    margin: auto;
    display: inline-block;
    height: 44px;
    line-height: 45px;
    text-align: center;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    letter-spacing: .75px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    outline: none !important;
    cursor: pointer;
    text-decoration: none !important;
    position: relative
}

.single-consultant__reviews-pager {
    text-align: center
}

.page-content a,
.comments-area a {
    text-decoration: underline
}

.elementor-kit-6 a {
    color: var(--e-global-color-6255f77);
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 18px
}

.single-consultant__reviews-pager a {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 12px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.elementor-kit-6 a {
    color: var(--e-global-color-6255f77);
    font-family: "Open Sans", Sans-serifHeebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 18px
}

.single-consultant__reviews-pager a {
    color: #8b9ebd !important;
    background: #e9ebf1;
    padding: 7px 17px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

.media {
    margin-top: 10px;
    background: #fff;
    padding: 1.5rem 1rem;
    border-radius: 18px;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / .06)
}

.pt-17 {
    padding-top: 17px
}

.listing-image {
    position: relative
}

.image-wrapper.image-loaded {
    background: 0 0
}

.media>.media-left img {
    width: 80px;
    height: 90px;
    border: 4px solid #f2ede5
}

.media>.media-left img {
    width: 115px
}

.image-wrapper.image-loaded img {
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block
}

.image-wrapper img {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.media img {
    max-width: none
}

.listing-title,
.sidebar .review-stars-rated-wrapper {
    text-align: center;
    font-size: 16px;
    line-height: 16px
}

.listing-title {
    font-size: 18px;
    margin: 5px 0
}

.listing-title,
.sidebar .review-stars-rated-wrapper {
    text-align: start;
    font-size: 16px;
    line-height: 16px;
    margin: 0
}

.pl-13 {
    padding-left: 13px
}

.review-stars-rated-wrapper {
    text-align: center
}

.review-stars-rated {
    height: 16px;
    line-height: 16px;
    width: 77px;
    white-space: nowrap;
    margin: 0 !important;
    display: inline-block
}

.review-stars-rated ul li {
    display: inline-block;
    float: none;
    height: 16px;
    width: 13px
}

.listing-review .comment-form-rating ul+ul,
.review-stars-rated ul+ul {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 9;
    color: gold
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.listing-content-top {
    border: none;
    width: 100%
}

.listing-content-top {
    padding: 0
}

.listing-content-top {
    float: left;
    margin: 5px 0 0
}

.listing-time {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    font-weight: 500
}

.listing-time.closed {
    background: #a7d1a9;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600
}

.listing-time {
    min-width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center !important;
    font-size: 14px;
    margin-right: 0
}

.listing-time {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.listing-time {
    float: right;
    display: inline-block;
    text-transform: uppercase
}

.boutons-serv {
    padding: 0 0 0 13px
}

.insuf_credit_title {
    background-color: #f1d9dc;
    border-color: #f1d9dc;
    padding: .75rem 1.25rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.insuf_credit_title i {
    color: #9d4e56
}

.insuf_credit_title h1 {
    color: #9d4e56 !important
}

.expand-box {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

.expand-box>li {
    height: inherit;
    line-height: inherit
}

.expand-box li.opened label {
    line-height: inherit
}

.expand-box li.opened label.hover,
.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.expand-box li.opened label {
    display: block;
    text-align: center;
    font-size: 16px;
    float: left;
    padding: 0 !important;
    margin: 0
}

.opened label i {
    color: #343434;
    font-size: 20px;
    padding-top: 5px;
    padding-right: 5px
}

.sidebar .grid-phone {
    font-size: 14px;
    line-height: inherit;
    margin-bottom: 0
}

.grid-phone h6 {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 3px;
    background-color: #e1e1e1;
    padding: 7px;
    display: inline-block;
    border-radius: 4px
}

.code_expert {
    font-size: 10px
}

[hover-span] {
    position: relative;
    cursor: default;

    &:hover {
        &::before {
            content: attr(hover-span);
            font-size: 11px;
            width: 71px;
            text-align: center;
            position: absolute;
            display: inline-block;
            text-transform: none;
            top: 106%;
            animation: fade-in 300ms ease;
            background: #b1b1b1;
            border-radius: 4px;
            padding: 2px;
            color: #fff;
            z-index: 8;
            right: -35px
        }

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.sidebar .nearby .code_expert {
    padding: 2px 4px;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 0;
    position: absolute;
    right: 0;
    bottom: 3px
}

.listing-content-top p {
    color: #6c6c6c;
    line-height: 20px;
    font-weight: 500;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    margin-bottom: 0
}

.pricing-divs {
    background: #e7dfdf;
    color: #fff;
    width: 13.2rem;
    box-sizing: border-box;
    border-radius: 3%;
    padding: 12px 0 12px 0
}

.details-div h5 {
    color: #545454
}

.details-div p {
    color: black !important
}

.pricing-divs h2 {
    font-size: 16px;
    color: #503e33
}

.pricing-divs h3 {
    margin-top: .5rem;
    margin-bottom: .4rem;
    font-size: 2rem;
    color: #ee5f38
}

.details-p {
    border-top: 1.5px solid #ddd;
    margin: 0 2rem;
    padding: .8rem 0;
    font-size: 1.78rem !important;
    font-weight: 600
}

.logo-color {
    color: #ee5f38
}

.mb-10 {
    margin-bottom: 10px
}

.mt-10 {
    margin-top: 10px
}

.details-time {
    border-top: 1.5px solid #ddd;
    margin: 0 2rem;
    padding: .8rem 0;
    font-size: 18px;
    font-weight: 600
}

.background-logo {
    background-color: #ee5f38
}

.mt-3r {
    margin-top: 3rem
}

.h3 span {
    vertical-align: 15%;
    margin-right: .15rem;
    font-size: 1.5rem;
    position: relative;
    top: -15px
}

.select-pack {
    background-color: #fff;
    color: #1c0a05;
    width: 7rem;
    height: 2.1rem;
    margin-top: 1.6rem;
    cursor: pointer;
    border-radius: 5px;
    border-style: none;
    font-size: 12px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: 1px;
    font-weight: 600
}

.select-pack:hover {
    background: #b7a7a1;
    color: white !important;
    border: 1px solid #b7a7a1 !important
}

.card {
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.card-pack {
    width: 247px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    cursor: pointer;
    box-shadow: 0 0 40px 0 #cecdcc;
    color: #c25d71;
    background: #fff;
    padding: 20px;
    gap: 1rem
}

.review-section {
    padding: 19px 0 0 19px
}

.card__name {
    color: #d9716e;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px
}

.card__price {
    color: #ee5f38 !important;
    font-size: 22px;
    font-weight: 600
}

.sign-in {
    color: grey !important
}

.card__priceSpan {
    color: #2e2e2e
}

.card__row {
    color: var(--color13);
    width: 100%;
    text-align: center;
    margin-bottom: 0
}

#myModalLabel span {
    color: #79b1df
}

.priv-msg span {
    color: #9f2424
}

.card__row_ {
    color: var(--color13);
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 27px;
    margin-bottom: 0
}

.img-private {
    width: 42px;
    height: 42px;
    border: 2px solid #933c8f;
    border-radius: 50%
}

a {
    cursor: pointer
}

.card::before {
    background-color: #ffd400;
    color: #502883;
    padding: 20px 35px 10px;
    transform: translate(calc(31px + 224px), -37px) rotate(45deg);
    transform-origin: top left;
    content: 'NEW';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: .8;
    left: 0
}

.card__info {
    width: 100%;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 20px;
    background: #fff
}

.card__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.birth div {
    display: flex
}

.card-pack:hover {
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px;
    transform: scale(1.04)
}

.top_header {
    border-top: 4px solid #ffeed3;
    color: red;
    width: 159px;
    height: 6px;
    position: relative;
    top: .9rem;
    left: 7px
}

.justify-content-start {
    justify-content: start
}

.top_header span {
    width: 20px;
    height: 20px;
    color: red
}

.svg_header {
    background: #ffedcf;
    border-radius: 37px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

a.card__link {
    color: #fff;
    padding: 5px 13px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    background: #cead5e;
    font-size: 16px
}

button.card__link {
    color: #fff;
    padding: 5px 13px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    background: #cead5e;
    font-size: 16px;
    border-color: #fff0
}

.mt-0 {
    margin-top: 0 !important
}

.swal2-success-circular-line-left {
    background-color: #fff
}

.swal2-success-fix {
    background-color: #fff
}

.swal2-success-circular-line-right {
    background-color: #fff
}

#swal2-html-container {
    display: block;
    font-size: 17px;
    border-radius: 12px;
    font-weight: 400
}

.swal2-title {
    margin-top: 6px;
    display: block
}

.font-500 {
    font-weight: 500 !important
}

.card__info::before {
    width: 100%;
    height: 100%;
    opacity: .8;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1
}

.listing-title a {
    color: #000
}

.boutons-serv .btn-7e {
    padding: 12px 14px;
    margin: 0
}

.boutons-serv .btn-7e {
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    transition: all .3s;
    background: #ee5f38;
    color: #fff;
    border-radius: 7px;
    font-size: 0;
    padding: 6px 7px;
    font-size: 10px
}

.boutons-serv .btn-7e .fa-credit-card-alt {
    font-size: 5px;
    right: 2px
}

.btn-7e .fa-credit-card-alt {
    position: absolute;
    top: 3px;
    right: 4px;
    font-size: 9px;
    color: #fff
}

.btn-7e i {
    font-size: 18px;
    color: #fff;
    margin-right: 2px;
    margin-left: 2px
}

.expand-box:after {
    display: table;
    clear: both
}

.boutons-serv .btn-7e:before {
    font-size: 15px
}

.clearfix {
    zoom: 1
}

.form-group.yourview {
    margin-bottom: 8px;
    float: right
}

.yourview>span {
    font-size: 12px;
    color: #565656;
    display: block
}

.yourview span {
    color: gold
}

#reviews .yourview>* {
    display: inline-block;
    vertical-align: middle
}

#reviews .yourview>* {
    display: inline-block;
    vertical-align: middle
}

.listing-review .comment-form-rating,
.review-stars-rated {
    height: 13px;
    line-height: 16px;
    width: 52px;
    white-space: nowrap;
    margin: 0 !important;
    display: inline-block
}

.yourview .comment-form-rating .review-stars {
    letter-spacing: 9px;
    font-size: 16px;
    height: 17px
}

.comment-form textarea.form-control::placeholder {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.phone-input::placeholder {
    font-size: 12px !important;
    color: #ccc !important
}

.color-m-title {
    color: #652413 !important
}

.color1 {
    color: #652413
}

.title-phone {
    color: #6c4f45
}

.callback-pad {
    padding: 3rem 7rem 3rem !important
}

.icon-phone {
    position: absolute;
    top: 41px;
    left: 13px;
    font-size: 18px;
    color: #9f9f9f
}

.icon-call {
    position: absolute;
    top: 41px;
    left: 12px;
    font-size: 18px;
    color: #9f9f9f
}

.phoneN-input {
    padding-left: 35px;
    background: #fcfcfc
}

.message-profile {
    background-position: center;
    background-size: cover;
    border-radius: 100%;
    border: 1px solid #ee5f38;
    margin: 0 12px 0 0;
    height: 100px;
    position: relative;
    transform: scale(2);
    width: 100px;
    z-index: 5;
    object-fit: cover;
    width: 20px;
    height: 20px
}

.status.fixed {
    width: 30px;
    z-index: 12;
    border: 5px solid #fff;
    border-radius: 20px
}

.bg_white {
    background-color: #fff
}

.status {
    width: 30px;
    z-index: 11;
    border: 5px solid #fff;
    border-radius: 20px;
    /* transform: translate(125px, 28px) */
    position: absolute;
    top: 140px;
    left: 120px;

}

.review-stars-rated ul {
    padding: 0;
    margin: 0;
    display: flex;
    height: 16px;
    line-height: 8px;
    list-style: none;
    overflow: hidden;
    font-size: 11px;
    color: silver;
    width: 51px
}
.font-9{
    font-size: 9px;
}
.mr-5p {
    margin-right: 5px !important
}
.mr-2p {
    margin-right: 2px !important
}

.nbr-consultation {
    font-size: 9px;
    display: flex;
    align-items: center;
    color: #605206;
    margin: 0;
    text-align: center;
    line-height: 16px
}

.pt-10 {
    padding-top: 10px
}

.gap-3p {
    gap: 3px
}

.comment-form-rating {
    padding: 0;
    margin: 0;
    height: 16px;
    line-height: 8px;
    list-style: none;
    overflow: hidden;
    font-size: 13px;
    color: silver;
    cursor: pointer
}

.comment-form-rating ul li,
.review-stars-rated ul li {
    display: inline-block;
    float: none;
    height: 14px;
    width: 14px
}

.w-16 {
    width: 16%
}

.head-logo img {
    width: 150px
}

.comment-form-rating ul+ul,
.review-stars-rated ul+ul {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 9;
    color: #00abc9;
    width: 94.4%;
    display: flex;
    gap: 2px
}

.canc {
    margin-top: 10px
}

.pull-right {
    float: right !important
}

.apus-single-listing .comment-form .group-upload button {
    background: #f8f8f8;
    padding: 8px 15px;
    border: 1px dotted silver
}

.apus-single-listing .comment-form .group-upload>* {
    display: inline-block
}

.form-group {
    margin-bottom: 15px
}

.comment-form textarea.form-control {
    height: 100px;
    resize: none;
    background-color: #F4F7FC;
    border: 1px solid #F4F7FC;
    padding: 15px 15px;
    color: var(--paragraph-color)
}

.icon-star-out-line:before {
    content: "\e943"
}

.comment-form-rating label,
.review-stars-rated label {
    display: none
}

.add-review {
    background: none;
    border: none;
    padding: 1rem 0 0 0
}

.PackageCard__Order {
    background: #cead5e;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-weight: 600;
    padding: 12px 22px;
    float: right
}

.group-upload button {
    background: #fff;
    padding: 8px 15px;
    border: 1px dotted silver
}

.apus-single-listing .comment-form .group-upload>* {
    display: inline-block
}

.modal-body1 {
    display: flex;
    padding: 0;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    height: 42rem
}

.modal-content1 {
    width: 140%;
    -webkit-box-shadow: -1px -2px 42px -19px rgb(0 0 0 / .74);
    -moz-box-shadow: -1px -2px 42px -19px rgb(0 0 0 / .74);
    box-shadow: -1px -2px 42px -19px rgb(0 0 0 / .74);
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0 0 0 / .2);
    outline: 0;
    border-radius: 20px
}

.modal-content11 {
    width: 86%;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0 0 0 / .2);
    outline: 0;
    border-radius: 20px
}

.modal-content1 h1 {
    text-align: center
}

.modal-content1 h1 {
    font-size: 1.3em;
    text-transform: uppercase
}

.modal-content1 h2 {
    font-size: 1em;
    font-weight: 600
}

.modal-content1 h3 {
    font-size: 1rem;
    margin-top: 2rem
}

.column {
    flex: 50%;
    padding: 10px
}

.column#main {
    margin-top: 30px;
    margin-left: 15px
}

.column#secondary {
    flex: 1 1 69%;
    padding: 10px
}

.column img {
    width: 63%
}

.brand.login-text {
    margin-left: 10px;
    width: 219px;
    margin-top: 50px
}

#secondary {
    text-align: center
}

.form-inner {
    padding: 22px 30px
}

#main .form-control {
    border-radius: 0;
    font-size: .9em;
    margin-top: 1rem
}

.tabs {
    width: 437px
}

.title-member {
    font-weight: 500;
    margin-top: 2rem;
    font-size: 1rem;
    color: #c58330
}

.close-modal {
    background: #fff0;
    border: 0;
    color: #ada19d;
    cursor: pointer;
    display: inline-block;
    font-size: 26px
}

.close-modal-ComingSoon {
    margin: 0;
    height: 42px;
    width: 30px;
    text-align: center;
    background: #fff0;
    border: 0;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    padding: 0rem 0rem;
    text-transform: uppercase;
    float: right;
    position: absolute;
    left: 80%;
    display: flex;
    justify-content: center;
    align-items: center
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #d8d8d8
}

.tabs1 li {
    display: inline-block;
    width: 143px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.tabs1 li a {
    color: #2f2f2f;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.row.align-items-center {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    border-radius: 12px
}

.align-items-start {
    align-items: start
}

.border-left {
    margin: 0 0 0 -32px;
    padding: 0 0 0 41px;
    border-style: solid;
    border-width: 0 0 0 2px;
    border-color: #ff616b
}

.cal {
    display: inline-block;
    width: 100%;
    height: 50px;
    background: #ec581e;
    border-radius: 5px;
    padding: 11px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    box-shadow: none;
    cursor: pointer
}

.modal_consult_step li {
    width: 493px;
    text-align: left;
    font-size: 17px;
    margin: 0
}

span.li_num {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #706d6c;
    color: #706d6c;
    float: left;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.ex-c {
    color: #706d6c
}

.buy {
    color: #7281a5;
    display: block;
    font-size: 23px !important;
    font-weight: 700;
    text-align: center
}

.head {
    text-align: center
}

#step7 {
    padding: 10px 0 !important
}

li.current {
    -webkit-box-shadow: inset 0 -3px 0 0 #ec581e;
    font-weight: 600
}

label.label-pseudo {
    margin-left: 25px;
    font-size: 14px;
    color: #6c4f45;
    margin-top: 24px
}

.label {
    margin-left: 25px;
    font-size: 14px;
    color: #63638e;
    margin-top: 12px
}

#sign-in {
    display: block;
    margin-top: 0em;
    unicode-bidi: isolate;
    padding-top: 0
}

input#user {
    color: #2f2f2f
}

.modal-body11 {
    display: flex;
    padding: 0;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.sign-panels {
    background: #fff;
    padding: 1rem 5rem;
    border-radius: 20px;
    text-align: center
}

.login .title span {
    color: #eb6818;
    display: block;
    font-size: 33px;
    font-weight: 700;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.log .title span {
    color: #eb6818;
    font-size: 29px;
    font-weight: 700;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.recover-password .title span {
    color: #eb6818;
    display: block;
    font-weight: 500 !important;
    font-size: 33px;
    font-weight: 700;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.signIn-header {
    display: flex;
    gap: 12rem
}

.recoverPass-header {
    display: flex;
    gap: 8rem
}

.login .title p {
    font-size: 20px;
    font-weight: 500;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.log .title p {
    font-size: 18px;
    font-weight: 500;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.recover-password .title p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.signup .title span {
    color: #eb6818;
    display: block;
    font-size: 33px;
    font-weight: 700;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.signup .title p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.alertMess {
    display: none;
    background: #f1d7d7;
    border-radius: 6px;
    padding: 7px 16px;
    gap: 10px;
    position: absolute;
    top: 11rem;
    left: 11rem
}

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

.pt-3r {
    padding-top: 3rem
}

.pb-3r {
    padding-bottom: 3rem
}

.red-alert {
    color: #861010
}

.m-18 {
    margin-bottom: 18px
}

.alertCont {
    color: #861010;
    font-size: 14px
}

.step2 div input {
    width: 100%;
    text-align: start;
    width: 100%;
    text-align: start;
    border-color: #f4eae4;
    color: #1b2c3f;
    background-color: #fff;
    font-size: .875rem;
    height: 38px !important
}

.status-expert {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px
}

.status_expert {
    top: 1.9rem;
    left: 1.5rem;
    width: 16px;
    border: 3.5px solid #fff;
    border-radius: 20px;
    position: absolute
}

.label-pseudo {
    font-size: 15px !important;
    color: #63638e;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-top: 0 !important;
    margin-left: 0px !important
}

.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    pointer-events: none
}

.snowflake {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    opacity: .8;
    pointer-events: none
}

.position-relative {
    position: relative
}

.santa {
    width: 35px;
    position: absolute;
    z-index: -1;
    top: -7px;
    transition: 250ms;
    left: -12px;
    transform: rotate(337deg)
}

.logo_ {
    background: #f4f4f4;
    border-top-left-radius: 46px
}

.z-index-1 {
    z-index: 1
}

.position-absolute {
    position: absolute
}

.christmas {
    width: 25px !important;
    height: 25px !important;
    top: -9px !important;
    left: -8px !important;
    position: absolute !important;
    filter: drop-shadow(0 2px 1px rgb(0 0 0 / .25));
    border-radius: 0px !important;
    border: none !important;
    opacity: 0.7 !important
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateY(0)
    }

    10% {
        opacity: 1
    }

    100% {
        opacity: .5;
        transform: translateY(100vh)
    }
}

@keyframes diagonal-fall {
    0% {
        opacity: 0;
        transform: translate(0, 0)
    }

    10% {
        opacity: 1
    }

    100% {
        opacity: .25;
        transform: translate(10vw, 100vh)
    }
}

.bir {
    display: flex;
    flex-direction: row;
    gap: 5px
}

.label- {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
    font-size: 16px;
    color: #6c4f45;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    justify-content: start;
    align-items: start
}

.title-signIn {
    color: grey !important
}

.expert-name {
    color: #333333 !important;
    font-size: 18px !important;
    vertical-align: middle;
    font-weight: 700
}

.expert-n {
    color: #cd502e;
    font-weight: 500
}

.msg-info div {
    display: flex;
    align-items: center;
    gap: 19px;
    justify-content: center;
    background: #fbf6f6;
    border-radius: 7px;
    padding: .5rem 1rem
}

.single-consultant__section-content p {
    font-size: 16px;
    color: #363636
}

.credits {
    color: #6c4f45;
    font-weight: 500;
    font-size: 13px;
    text-transform: none;
    margin-bottom: 0;
    border: 1px solid #dbdbdb;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 8px;
    background: #fff
}

.dollar {
    font-weight: 600;
    font-size: 15px;
    color: #6c4f45;
    position: relative;
    top: -6px
}

.cred {
    font-weight: 600;
    font-size: 15px;
    color: #6c4f45
}

.btn-reset,
.btn-member,
.btn-fade {
    font-size: 15px;
    font-weight: 500;
    color: #9f9f9f;
    display: block;
    text-decoration: none;
    cursor: pointer
}

.sign-panels input {
    width: 100%;
    display: block;
    height: 38px;
    border-radius: 5px;
    border: none;
    background: #fbfbfb;
    padding: 10px;
    font-size: 18px;
    color: #7c7c7c;
    font-weight: 500;
    border: 1px solid #e5e5e5;
    padding-left: 13px;
    margin: 0 0 14px
}

.form-control[readonly] {
    background-color: #fbfbfb
}

.phonenumber {
    text-align: start;
    color: aliceblue
}

.text1 {
    color: #63372C !important
}

.text-divinaro {
    color: #ee5f38 !important
}

.mb-5p {
    margin-bottom: 5px
}

.p-6-0 {
    padding: 6rem 0
}

.h-300 {
    height: 300px
}

.w-41 {
    width: 41%
}

.z-index-2 {
    z-index: 2
}

.background_divinaro {
    background: #ee5f38
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 13px
}

.mb-11 {
    margin-bottom: 11px
}

.mb-8 {
    margin-bottom: 8px
}

.swal-btn a {
    width: 20% !important;
    justify-content: center;
    align-items: center
}

.sign-panels input[type="checkbox"] {
    width: auto;
    height: 11px !important;
    margin: 0;
    margin-right: 4px
}

.w-32 {
    width: 32%
}

a.btn-signin {
    display: flex;
    width: 100%;
    background: #ee5f38;
    border-radius: 5px;
    padding: 11px;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    border: none;
    box-shadow: none;
    cursor: pointer;
    justify-content: center;
    margin: 20px
}

.btn-facebook:hover {
    border: 1px solid #ee5f3887 !important;
    transition-duration: .3s
}

a.btn-reset.btn-fade {
    font-size: 13px;
    font-weight: 300;
    color: #9f9f9f;
    display: block;
    text-decoration: none;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    float: right;
    text-align: end
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-200px* 5))
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.label-email {
    margin-left: 25px;
    font-size: 16px;
    color: #63638e;
    margin-top: 42px
}

.field {
    width: 295px;
    padding: 12px 15px 12px 30px;
    font-size: 14px;
    font-weight: 100;
    line-height: 22px;
    border: 1px solid #d8d8d8;
    border-radius: 6px
}

.clear {
    height: 15px
}

input#custom-check {
    position: absolute;
    margin-top: 5px
}

.flat-button {
    color: #eaeaea;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 13px;
    border: none
}

label.check-label.secondary-text {
    color: #939393;
    position: relative;
    cursor: default
}

label.check-label.secondary-text:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    padding: 2px;
    font-size: 12px;
    margin-right: 10px;
    text-align: center
}

#sign-in a {
    color: #3186ef;
    text-decoration: none;
    cursor: pointer;
    margin-left: 2px
}

.forgot {
    float: right
}

button#continueButton {
    background-color: #f7af8a;
    padding: 15px;
    width: 55%;
    color: #fff;
    margin-top: 141px;
    border-color: #f7af8a;
    border-radius: 11px
}

.form-content {
    display: none
}

.form-content.current {
    display: inherit;
    transition: 3s;
    animation: fadeInUp 0.5s ease
}

.field-birth {
    width: 95% !important;
    padding: 6px !important;
    height: 45px !important
}

.mb-10 {
    margin-bottom: 10px
}

.dropdown-menu li a {
    display: flex !important;
    line-height: 1.42857143;
    cursor: pointer
}

.border-bottom-menu {
    border-bottom: 1px solid #eee !important;
}

#submenu {
    position: absolute;
    top: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.hide-submenu {
    display: none;
}

.show-submenu {
    display: block;
}

.dropdown-menu-country {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    list-style: none;
    padding: 10px;
    margin-top: 25px;
    margin-left: 66px;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    border-radius: 3px
}

#dropdownMenuLink {
    cursor: pointer
}

.lh-32 {
    line-height: 32px
}

.btn-cancel:hover {
    color: #fff;
    background: #a9a7a7 !important
}

.btn-password:hover {
    color: #fff
}

.div-header {
    padding: 5px 5px 5px 17px;
    background-color: #fff5f2;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom: 1px solid #d7e6f3
}

.div-header-buy {
    padding: 5px 5px 5px 17px;
    background-color: #f0f8ff;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    display: flex;
    flex-direction: row;
    gap: 9rem
}

.div-header- {
    padding: 5px 5px 5px 17px;
    background-color: #fff5f2;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    display: flex;
    gap: 4rem;
    border-bottom: 1px solid #efe5e3
}

.log-sign {
    display: flex;
    flex-direction: row;
    gap: 2rem
}

.sign {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.sign- {
    padding: 1rem 5rem !important;
    border-radius: 20px
}

.mb-8 {
    margin-bottom: 8px
}

.country_name {
    border-bottom: 1px solid #c3c3c3;
    font-weight: 500;
    color: #855214
}

.list_border {
    border: 1px solid #ddd7d2
}

.dropdown-menu {
    min-width: auto;
    position: absolute;
    z-index: 1000;
    font-size: 1rem;
    color: #504441;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0 0 0 / .15);
    border-radius: .25rem !important;
    display: none
}

.img-flag {
    width: 17px;
    height: 17px
}

.list_condition li {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    text-align: start
}

.in-img {
    width: 17px;
    height: 17px
}

.log-step {
    width: 41%;
    padding-top: 2rem
}

#reg {
    padding-top: 0
}

.field-birthd {
    margin-left: 25px;
    width: 100%;
    height: 50px;
    border: none;
    padding: -1px 15px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    margin-bottom: 1rem;
    margin-top: .5rem
}

.field-term {
    flex-direction: column;
    width: 100%;
    border-radius: 4px
}

.step2-div {
    height: 90px
}

.btn-facebook svg {
    color: #3b82f6
}

.gap-75 {
    gap: .75rem
}

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

.grid {
    display: grid
}

.grid input,
.grid textarea,
.grid select {
    background-color: #ecf1f6 !important;
    border: #fff0
}

input,
textarea,
select {
    background-color: #ecf1f6 !important;
    border: #fff0
}

.pl-3 {
    padding-left: 3rem
}

.col-span-2 {
    grid-column: span 2 / span 2
}

.gap-22 {
    gap: 22px
}

.mb-15p {
    margin-bottom: 15px
}

.btn {
    text-transform: inherit;
    width: auto;
    padding: .150rem .75rem;
    margin: 30px auto;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    ;
    letter-spacing: 1px
}

.valid-msg {
    color: green !important;
    float: left;
    font-size: 12px !important
}

.input-error {
    border: 1px solid red
}

.error-msg {
    color: red !important;
    float: left;
    font-size: 12px !important
}

#main .btn-primary {
    width: 100%
}

#secondary .btn-primary {
    background: #ebb37a4f;
    color: #000
}

.modal-body1 label {
    margin-bottom: .5px
}

.modal_consult_login {
    display: flex;
    justify-content: center;
    font-size: 15px;
    margin-top: 28px
}

.birth-label {
    font-size: 14px !important;
    color: #9898b5 !important
}

.accept {
    font-size: 13px !important
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
    z-index: 13;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.overlay.visible {
    opacity: .5;
    visibility: visible
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429
}

.main- {
    background-color: #f8f8fb;
    /* padding-top: 3rem; */
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid #fff0;
    border-bottom: 0;
    border-left: .3em solid #fff0;
    color: #504441
}

.displayNav {
    top: 0;
    transition: 0.3s;
    opacity: 1
}

.fa-check {
    font-size: 20px
}

.to-pink-500 {
    --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)
}

.from-indigo-500 {
    --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.h-screen {
    position: relative;
    z-index: 10
}

.flex {
    display: flex
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.active {
    border: #fff0;
    color: #ee5f38 !important;
    font-weight: 600;
    transition: 3s;
    cursor: pointer
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.bg-black\/30 {
    background-color: #f4f4f4
}

/* .hover\:text-white:hover {
    --tw-text-opacity: 1;
    border-bottom: 2px solid #ff7235
} */

.fa-user {
    color: #700909
}

.fa-trophy {
    color: #700909
}

.fa-twitter:before {
    content: "\f099"
}

.clr {
    color: #700909
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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))
}

.rounded-md {
    background: none;
    border-radius: 0;
    box-shadow: none !important;
    justify-content: start;
    align-items: center
}

.justify-stretch {
    justify-content: stretch
}

.justify-space-between {
    justify-content: space-between
}

.w-96 {
    width: 35rem;
    height: 4rem
}

.menu_details_page {
    transform: translate(109%, 0%)
}

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

.text-slate-200 {
    --tw-text-opacity: 1
}

.rounded-md {
    border-radius: .375rem
}

.items-center {
    align-items: center
}

.flex-col {
    flex-direction: column;
    gap: 14px;
    justify-content: center
}

.w-13 {
    width: 13%
}

.mr-11 {
    margin-right: 11px
}

.w-15 {
    width: auto
}

.w-15p {
    width: 15%
}

.w-150 {
    width: 150px
}

.balise {
    text-decoration: underline !important;
    color: gray !important
}

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

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

.btn-sm {
    padding: 10px 28px !important;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.w-100 {
    width: 100%
}

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

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

.hover\:text-white:hover {
    --tw-text-opacity: 1
}

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

.h {
    padding: 0;
    background-color: #ffffff !important;
    height: 200px
}
.free_plan{
        text-transform: lowercase;
}
.ExpertProfile__Header.fixed {
    position: sticky;
    width: 100%;
    z-index: 6;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.logo-modal {
    width: 11% !important
}

.single-consultant__header .single-consultant__summary.fixed {
    padding: 0 20px 11px
}

.single-consultant__thumbnail.fixe {
    height: 180px;
    width: 180px;
    border: 8px solid #fff;
    /* transform: translate(0, 67px) */
}

.mira {
    color: #333
}

.CallButton.fixed {
    min-height: 3em
}

#wpfront-scroll-top-container {
    right: 20px;
    bottom: 70px
}

#wpfront-scroll-top-container {
    display: none;
    position: fixed;
    cursor: pointer;
    z-index: 9999;
    opacity: 0
}

#wpfront-scroll-top-container img {
    width: 60px;
    height: 60px
}

#wpfront-scroll-top-container.show {
    opacity: 1;
    visibility: visible
}

#button {
    background-color: #ee5f38;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    cursor: pointer;
    display: flex
}

.actionContainer.show {
    display: block
}

#button.show {
    opacity: 1;
    visibility: visible
}

#button svg {
    width: 1.5rem;
    color: #fff;
    justify-content: center;
    align-items: center
}

#button:hover {
    background-color: #333
}

.send-btn {
    padding: 12px 32px
}

.ExpertProfile__Header .Menu {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: row;
}

a.menu-link.active {
    border-bottom: 2px solid #ee5f38
}

.transform-top-20 {
    transform: translate(0, 28px)
}

.header-content .head-logo .menu .w-screen .backdrop-blur .tarif a {
    color: black !important
}

.header-content .head-logo .menu .w-screen .backdrop-blur .astro .jet-menu-title {
    color: black !important
}

.header-content .head-logo .menu .w-screen .backdrop-blur .tarot .jet-menu-title {
    color: black !important
}

#sign-u {
    gap: 10px;
    padding: 20px 30px
}

.l-3 {
    left: 3rem
}

.l-15 {
    left: 15rem
}

.black_color {
    color: #000
}

.headd a span {
    font-size: 14px
}

.headd>a {
    text-decoration: none;
    color: #000;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .3em;
    text-transform: uppercase
}

.contact-btns {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding-top: 15px
}

.single-consultant__sections.fixed {
    position: relative
}

.comment-form textarea::placeholder {
    font-size: 12px
}

.input-error {
    border: 1px solid red !important
}



.spinner__outer {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute
}

.spinner {
    width: 2.8rem;
    height: 2.8rem;
    animation: spinner-rotate 2s linear infinite
}

.spinner__svg {
    width: 100%;
    height: 100%
}

.spinner__circle {
    stroke: #ffd5ca;
    stroke-linecap: round;
    animation: spinner-dash 1.5s ease-in-out infinite
}

@keyframes spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: -125
    }
}
.mb-3p{
    margin-bottom: 3px;
}
[hover-tooltip] {
    position: relative;
    cursor: default;

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

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

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.unveil-image {
    border: 4px solid #8f8f8f !important
}

.e7 {
    background-color: #afafaf !important;
    cursor: no-drop !important
}

.fa-tag {
    font-size: 10px;
    color: #686868;
    margin-right: 0;
    margin-left: 0
}

.tag {
    color: #727272 !important
}

.font-30 {
    font-size: 30px
}

span.single-consultant__category {
    background-color: #e9ebf1;
    margin: 0 0 0 0;
    font-size: 12px;
    padding: 2px 5px;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 4px;
    color: #57524a;
    font-size: 10px
}

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

.grid-phone {
    display: flex;
    flex-direction: row;
    gap: 6px;
    flex-wrap: wrap
}

.media-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 18px
}

.ExpertProfile__Cover {
    background-image: linear-gradient(rgb(0 0 0 / .5), rgb(0 0 0 / .5)), url(../images/background-profile.jpg)
}

.bg-gradient-to-tr {
    top: -48px
}

.coment-area {
    display: inline-block;
    margin-top: 10px;
    width: 100%
}

.we-comet {
    width: 100%;
    border-bottom: 1px solid #d9d7d7
}

.we-comet li {
    margin-bottom: 20px
}

.comet-avatar {
    max-width: 7.6%;
    vertical-align: top
}

.we-comment {
    border: 1px solid #ebebeb;
    display: inline-block;
    margin-left: 20px;
    padding: 19px;
    vertical-align: top;
    position: relative;
    border-radius: 6px;
    background: #fbfbfb;
    width: 100%
}

.we-comment::before,
.peoples-mesg-box>ul>li p:before {
    border-bottom: 10px solid #fff0;
    border-right: 11px solid #ede9e9;
    border-top: 10px solid #fff0;
    left: -11px;
    top: 10px;
    position: absolute;
    content: ''
}

.fixed_menu {
    /* height: 49px !important;
    margin-bottom: -7px */
}

.z-1 {
    z-index: -1
}

.coment-head {
    display: inline-block;
    width: 100%
}

.gap-5p {
    gap: 5px
}

.coment-head h5 {
    font-size: 13.5px;
    font-weight: 500;
    padding-bottom: 5px;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 0;
    color: #696565
}

.coment-head h5 a {
    color: #2a2a2a !important
}

.coment-head span {
    color: #999;
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
    font-weight: 500
}

.we-reply {
    text-transform: capitalize;
    font-size: 13px;
    display: inline-block;
    margin-left: 10px;
    color: #088dcd
}

.we-comment p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 100%;
    margin-top: 5px;
    color: #2f2b2b
}

.we-comet>li ul {
    margin-left: 55px;
    margin-top: 20px
}

.we-comet>li ul {
    display: block
}

.single-consultant__sidebar-box .sidebar-box__title:first-child::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 92%;
    height: 2px;
    background-color: #ee5f38
}

.single-consultant__section .single-consultant__section-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 84%;
    height: 2px;
    background-color: #ee5f38
}

.priv-msg::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 93% !important;
    height: 3px;
    background-color: #f0a48e
}

.social-part a {
    font-size: 26px;
    text-decoration: none;
    color: #000;
    margin-right: 32px
}

.tit {
    color: #222;
    font-size: 17px !important
}

.status-profile {
    width: 16px;
    border: 4px solid #fff;
    border-radius: 20px;
    position: relative;
    top: 25px;
    right: 7px
}

.firstTitle {
    text-transform: capitalize;
    margin: 10px 26px 35px
}

.border-bottom-transparent {
    border-bottom: 1px solid transparent !important
}

.firstTitle span {
    text-transform: capitalize;
    color: #222;
    font-size: 30px
}

.descrip {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 21px
}

.descrip span {
    color: #444;
    font-weight: 500;
    font-size: 14px
}

.img-logo {
    padding: 10px 0 0 15px
}

.img-modal {
    left: 46px !important;
    top: 38px !important
}

.start-consult {
    position: absolute;
    background: #d34d68;
    border: #ee5f38;
    color: #fff;
    font-size: 15px;
    border-radius: 7px;
    top: 52px;
    left: 86rem;
    padding: 4px 20px
}

.astro span {
    font-size: 18px !important
}

.tarot span {
    font-size: 18px !important
}

.astro svg {
    height: 52px;
    position: absolute;
    left: 74%;
    top: 2px;
    width: 50px
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(1.5rem)* -.5);
    margin-left: calc(var(1.5rem)* -.5)
}

*,
::after,
::before {
    box-sizing: border-box
}

.tarot svg {
    height: 50px;
    position: absolute;
    left: 94%;
    top: 2px;
    width: 50px
}

.consultation svg {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 38%;
    top: 2px
}

a ul {
    display: none
}

li ul {
    display: none
}

.astro {
    display: flex;
    flex-direction: row
}

.astro span {
    color: #7e4040;
    font-weight: 500
}

.tarot {
    display: flex;
    flex-direction: row
}

.tarot span {
    color: #7e4040;
    font-weight: 500
}

.consultation {
    display: flex;
    flex-direction: row
}

.tarif {
    color: #222
}

.tarif {
    cursor: pointer
}

a ul li {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding: 15px;
    position: relative
}

li ul li {
    font-size: 1rem;
    color: #333;
    display: inline-block;
    padding: 15px;
    position: relative
}

.astro:hover {
    cursor: pointer;
    color: #ee5f38;

    ul {
        display: block;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 6px 10px rgb(0 0 0 / .15);
        transition: 3s;
        width: 150px;
        position: absolute;

        a {
            transition: all 0.3s ease-in-out;
            display: block;
            font-weight: 500;
            color: #4a4a4a;
            border-bottom: 1px solid #e7e7e7;
            padding: 1rem;
            font-size: 15px;
            border-radius: 6px
        }

        a:hover {
            background: #f3f3f3
        }
    }
}

.tarot:hover {
    cursor: pointer;
    color: #ee5f38;

    ul {
        display: block;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 6px 10px rgb(0 0 0 / .15);
        transition: 3s;
        width: 120px;
        position: absolute;

        a {
            transition: all 0.3s ease-in-out;
            display: block;
            background-color: #fbfbfb;
            font-weight: 500;
            color: #4a4a4a;
            border-bottom: 1px solid #e7e7e7;
            padding: 1rem;
            font-size: 15px;
            border-radius: 6px
        }

        a:hover {
            background: #f3f3f3
        }
    }
}

.z0 {
    z-index: 0
}

.consultation:hover {
    cursor: pointer;
    color: #ee5f38;

    ul {
        display: block;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 6px 10px rgb(0 0 0 / .15);
        transition: 3s;
        width: 236px;

        a {
            transition: all 0.3s ease-in-out;
            display: block;
            background-color: #fbfbfb;
            font-weight: 500;
            color: #4a4a4a;
            font-size: 14px;
            padding: 1rem
        }

        a:hover:before {
            background: currentColor;
            content: "";
            display: inline-block;
            height: 1px;
            transition: width .3s;
            vertical-align: middle;
            width: .8em
        }

        a:first-child {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px
        }

        a:last-child {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px
        }

        a:hover {
            background: #f3f3f3
        }
    }
}

.jet-menu-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7px;
    color: #222
}

.jet-menu-item-wrapper:hover {
    color: #ee5f38 !important
}

.nav {
    font-size: 16px
}

.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #201d1a;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1);
    z-index: 7;
    width: 100%
}

.logo {
    color: #e35d50;
    font-size: 24px;
    font-weight: 700
}

.top-bar img {
    WIDTH: 86px
}

.right-section {
    display: flex;
    align-items: center;
    gap: 12px
}

.right-section .button {
    padding: 5px 10px;
    background-color: #32c768;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px
}

.btn-remaining {
    text-transform: math-auto;
    border-radius: .25rem;
    font-size: .75rem;
    position: relative;
    background-color: #26bf94 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    text-align: start;
    margin: 0;
    width: 190px;
    font-weight: 500;
    padding: 7px
}
.pr-10{
    padding-right: 10px;
}
.btn-buy {
    text-transform: math-auto;
    border-radius: .25rem;
    font-size: 13px;
    position: relative;
    background-color: #26bf94 !important;
    border-color: #26bf94 !important;
    color: #ffffff !important;
    text-align: start;
    margin: 0;
    width: auto;
    font-weight: 500;
    padding: 6px
}

.btn-remaining span {
    inset-inline-end: 0;
    inset-inline-start: auto;
    font-size: .9375rem;
    position: absolute;
    width: 4.2rem;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    inset-inline-start: 1;
    inset-block-start: 0;
    inset-block-end: 1px;
    background-color: #fff3
}

.btn-buy span {
    inset-inline-end: 0;
    inset-inline-start: auto;
    font-size: .9375rem;
    position: absolute;
    width: 4.2rem;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    inset-inline-start: 1;
    inset-block-start: 0;
    inset-block-end: 1px;
    background-color: #fff3
}

;

.right-section .button span {
    font-weight: 700
}

.right-section .icon {
    margin: 0 10px;
    font-size: 18px;
    cursor: pointer
}

.profile-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-right: 10px;
    position: relative
}

.flex-fill {
    cursor: pointer
}

.flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.h-27 {
    height: 24.66rem
}

.gap-3rem {
    gap: 3rem !important
}

.gap-3r {
    gap: 3.87rem
}

.gap-7 {
    gap: 7px
}

.title span {
    font-size: 15px !important;
    color: rgb(0 0 0 / .5) !important;
    font-weight: 500
}

.gap-8r5 {
    gap: 7.1rem
}

.gap-11 {
    gap: 11px
}

.pt-15 {
    padding-top: 15px
}

.border-bottom-none {
    border-bottom: none
}
.bg-gray{
background: #e0e0e0!important;
}
.bg-gray .as_product_detail img{
    opacity: 0.3;
}
.bg-gray .as_product_detail h4{
    color: #adadad;
}
.font-16 {
    font-size: 16px !important
}

.block-log {
    gap: .5rem
}

.error-message {
    color: red;
    font-weight: 400;
    text-align: start;
    font-size: 14px;
    display: flex
}

.expert_img_btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    object-fit: cover
}

.w-30 {
    width: 30%
}

.status_expert_btn {
    width: 16px;
    left: 49px;
    top: 46px;
    z-index: 2;
    position: absolute;
    border: 4px solid #fff;
    border-radius: 20px
}

.btn-christmas {
    height: 20px !important;
    width: 20px !important;
    top: -7px !important;
    left: -7px !important;
    position: absolute
}

.expert_Name {
    font-weight: 600;
    color: #482c01;
    text-align: start;
    font-size: 18px
}

.w-33 {
    width: 33px
}

.gap-8p {
    gap: 8px
}

.has-text-size-15 {
    font-size: 19px;
    color: #fff
}

.gap-13r {
    gap: 13rem
}

.gap-13 {
    gap: 13px
}

.pl-13 {
    padding-left: 13px
}

.gap-8r {
    gap: 8rem
}

.gap-8r5 {
    gap: 7.1rem
}

.h-90 {
    height: 90px
}

.h-15 {
    height: 15rem
}

.gap-16 {
    gap: 16px
}

.gap-1r {
    gap: 1rem
}

.p-1r {
    padding: 1rem
}

.h-19 {
    height: 19rem
}

.black {
    color: black !important
}

.white {
    color: white !important
}

.fixed {
    position: fixed;
    top: 0
}

.fixed_scroll__top {
    position: fixed
}

.white_color {
    color: #fff
}

.gap-6r {
    gap: 6rem
}

.tarot_button {
    border: 1px solid #e7cec8;
    border-radius: 9px;
    padding: 46px 16px;
    background-color: #c54826;
    position: relative;
    width: 320px;
    height: 290px;
    justify-content: center;
    display: flex;
    align-items: center
}

#scroll__top {
    visibility: hidden !important;
    --tw-translate-y: 0px;
    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));
    opacity: 1
}

#scroll__top.active {
    visibility: visible !important;
    --tw-translate-y: 0px;
    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));
    opacity: 1
}

[dir="ltr"] .ltr\:right-5 {
    right: 1.25rem
}

[dir="ltr"] .ltr\:right-2 {
    right: 21px
}

[dir="ltr"] .ltr\:bottom-6 {
    bottom: 10rem
}

.z-50 {
    z-index: 50
}

.bottom-12 {
    bottom: 3rem
}

.h-11 {
    height: 2.75rem
}

.w-11 {
    width: 2.75rem
}

.tarot_button::before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -3px;
    right: 0;
    height: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0
}

.button_crad_tarot {
    background: none;
    border: 1px solid #ffffff61;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 2px 16px
}

img.has-margin-10-right.w-33 {
    filter: brightness(0) invert(1)
}

h3.has-text-size-15.mb-0 {
    color: #fff
}

.tarot_button:hover {
    background-color: #ee5f38;
    transform: scale(1.1, 1.1);
    transition: 0.3s
}

.firstpack {
    color: #f49a36;
    transition: none;
    font-size: 56px
}

.gap-6rm {
    gap: 5rem
}

.gap-2r {
    gap: 2rem
}

.gap-2-1r {
    gap: 2.12rem
}

.gap-11 {
    gap: 11px
}

.gap-5r {
    gap: 5.99rem
}

.gap-5rem {
    gap: 5rem
}

.p-1 {
    padding: 1rem !important
}

.p-9 {
    padding: 9rem
}

.open_connectedBar {
    position: fixed;
    background: none;
    right: 0
}

.space-around {
    justify-content: space-around !important
}

.yellow_background {
    background: #cff7da !important
}

.border-top-yellow {
    border-top: 4px solid #cff7da !important
}

.color_yellow {
    color: #57e47d
}

.icon_color {
    color: #FFC300
}

.open_connectedBar.fixed {
    top: 7rem
}

.open_connectedBar button {
    padding: 6px 9px;
    background: #fff;
    border: 0 solid #fcd0a2;
    bottom: 10rem;
    box-shadow: 0 0 40px 0 rgb(163 147 136 / 93%);
    border-radius: 0 0 0 30px;
    border-left: 9px solid #48cda0
}

.garantie {
    display: flex;
    justify-content: center
}

.gap-4r {
    gap: 4.9rem;
    padding: 4.5rem 0 0
}

.gap-4rem {
    gap: 4rem
}

.gap-4- {
    gap: 3rem
}

.gap-12 {
    gap: 12px
}

.gap-12r {
    gap: 12rem
}

.align-items-center {
    align-items: center
}

.gap-8 {
    gap: 8px
}

.gap-9 {
    gap: 9px
}

.gap-10 {
    gap: 10px
}

.justify-content-center {
    justify-content: center
}

.width-72 {
    width: 72px
}

.font-s-16 {
    color: #6c3a29
}

.expertises {
    color: #7b3f2a;
    font-size: 10px !important;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #cab7aa;
    justify-content: center;
    padding: 0 4.5px;
    border-radius: 4px;
    text-transform: capitalize
}

.imageExpert {
    margin-top: 1.5rem;
    z-index: 2;
    position: relative
}

.tag-modal {
    font-size: 9px !important;
    color: #a45539 !important;
    margin-right: 2px !important
}

.mb-46 {
    margin-bottom: 46px
}

.expert-code {
    background: #fff;
    font-size: 10px;
    padding: 0 6px;
    border-radius: 5px;
    color: #737373;
    font-weight: 500;
    margin-top: 7px;
    border: 1px solid #d3d3d3;
    display: flex;
    align-items: center
}

.logo_footer {
    width: 86px;
    margin-bottom: .75rem
}

.btn-facebook {
    width: 50% !important;
    font-size: 12px !important;
    background-color: transparent !important;
    border: 1px solid #d1d5db !important;
    color: rgb(107 114 128) !important;
    gap: .75rem
}

.title-footer {
    font-size: 17px;
    color: #000
}

.card.custom-card {
    color: #1b2c3f
}

.card.custom-card {
    border-radius: .4rem;
    border: 0 solid #f0f0f0;
    background-color: #fff;
    box-shadow: 0 .15rem .1rem rgb(0 0 0 / .04);
    position: relative;
    margin-block-end: 1.5rem;
    width: 100%
}

.card.custom-card .card-header:first-child {
    border-radius: .625rem .625rem 0 0
}

.card.custom-card .card-header,
.card.custom-card .card-header .card-title,
.card.custom-card .card-body,
.card.custom-card .card-footer {
    color: #1b2c3f
}

.card.custom-card .card-header {
    background-color: transparent !important;
    border-block-end: 1px solid #f0f0f0;
    position: relative
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.d-block {
    display: block !important
}

.card-header {
    border-bottom: 1px solid #0000002d
}

.d-sm-flex {
    display: flex !important
}

.fs-12 {
    font-size: .75rem
}

.fw-semibold {
    font-weight: 600 !important
}

[data-default-header-styles=divinaro] .text-primary {
    color: #ee5e37 !important
}

.text-sm-end {
    text-align: right !important
}

.bg-success {
    background-color: #26bf94 !important
}

.badge {
    padding: .25rem .45rem;
    font-weight: 600
}

.rounded-1 {
    border-radius: 0.25rem !important
}

.product-image-1 img {
    background-color: #f8f9fa;
    width: 125px
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.375rem - (1px));
    border-bottom-left-radius: calc(0.375rem - (1px));
    border-top-left-radius: calc(0.375rem - (1px));
    border-top-right-radius: calc(0.375rem - (1px))
}

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

.personal-input {
    width: 38% !important;
    background: #fdfdfd !important;
    border: 1px solid #ededed !important
}

.local-phone {
    font-weight: 500;
    padding: 5px 15px;
    color: #ee5f38;
    border-radius: 18px;
    border: 1px solid #ee5f38
}

.bg-info-transparent {
    background-color: rgb(73 182 245 / .1) !important;
    color: #49b6f5 !important
}

.border-end {
    border-inline-end: 1px solid #f3f3f3 !important
}
.fs-13{
    font-size: 13px;

}
.fs-14{
    font-size: 14px;

}
.fs-15{
    font-size: 15px;

}
.btn-secondary {
    border-radius: 50px;
    margin: 0;
    padding: 10px 28px;
    width: auto;
    border-width: 1px;
    --tw-border-opacity: 1;
    border: 1px solid #ee5f38;
    background-color: #fff0
}

.gap-3 {
    gap: .75rem
}

.btn-secondary a {
    color: #ee5f38
}

.btn-secondary span {
    color: #ee5f38
}

.fa-check:before {
    content: "\f00c"
}

.btn-secondary:hover {
    background-color: #fff0;
    --tw-text-opacity: 1;
    border-color: #ee5f38
}

.custom-radio {
    cursor: pointer
}

.btn-secondary:hover {
    background-color: #ee5f38 !important;

    a {
        color: #fff
    }
}

.btn-secondary:hover {
    background-color: #ee5f38 !important;

    span {
        color: #fff
    }
}

.btn-favorite {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.btn-danger {
    background-color: #e6533c !important;
    border-color: #e6533c !important;
    color: #fff !important
}

.card.custom-card .card-footer {
    background-color: transparent !important;
    border-block-start: 1px solid var(--default-border);
    padding: 1rem 1.25rem;
    font-size: .813rem
}

.btn-list {
    margin-block-end: -.5rem;
    display: flex
}

.btn-icon {
    color: #242323 !important;
    background-color: #ee5f38;
    border-color: #ee5f38;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    padding: .150rem .75rem;
    margin: 30px auto;
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: 2px;
    font-weight: 500;
    border-radius: 5px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid #fff0
}

[data-default-header-styles=divinaro] .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ee5e37;
    --bs-btn-border-color: #ee5e37;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ee5e37;
    --bs-btn-hover-border-color: #ee5e37;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ee5e37;
    --bs-btn-active-border-color: #ee5e37;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ee5e37;
    --bs-btn-disabled-border-color: #ee5e37
}

.btn-list button,
.btn-list div,
.btn-list a,
.btn-list input {
    margin-block-start: 0;
    margin-inline-end: .375rem;
    margin-block-end: .375rem;
    margin-inline-start: 0
}

.activ {
    color: #ee5f38 !important;
    transition: 3s;
    cursor: pointer
}

.btn-icon {
    width: 2.313rem;
    height: 2.313rem;
    font-size: .95rem;
    flex-shrink: 0
}

.expert-code- {
    color: #ee5f38 !important
}

.border-block-end {
    border-block-end: 1px solid #f0f0f0
}

.card-expert {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important
}

.duration {
    color: #414141;
    font-weight: 500
}

.h-377 {
    height: 377px
}

.avis-bloc {
    background: #f9f6f7;
    padding: 9px;
    border-start-start-radius: 0;
    border-start-end-radius: 10px;
    border-end-end-radius: 10px;
    border-end-start-radius: 10px
}

.background-image {
    background-position: center top, center;
    background-repeat: repeat-y, repeat;
    background-color: #fff0
}

.sec-1 {
    text-align: center;
    padding-top: 2rem
}

.text-accent1 {
    color: #816d6d
}

.new-bloc {
    box-shadow: 0 0 50px 0 #c4ced5;
    border-radius: 19px
}

#loader2 {
    border: 3px solid #ef6641;
    width: 100px;
    height: 100px;
    position: relative;
    top: -90px;
    border-left-color: #fff0;
    border-right-color: #fff0;
    animation: rotate2 2s cubic-bezier(.26, 1.36, .74, -.29) infinite
}

#loader3 {
    border: 3px solid #48cda0;
    width: 120px;
    height: 120px;
    position: relative;
    top: -201px;
    border-left-color: #fff0;
    border-right-color: #fff0;
    animation: rotate 2s cubic-bezier(.26, 1.36, .74, -.29) infinite
}

#loader4 {
    border: 3px solid #ef6641;
    width: 140px;
    height: 140px;
    position: relative;
    top: -333px;
    border-left-color: #fff0;
    border-right-color: #fff0;
    animation: rotate2 2s cubic-bezier(.26, 1.36, .74, -.29) infinite
}

@keyframes rotate {
    0% {
        transform: rotateZ(-360deg)
    }

    100% {
        transform: rotateZ(0deg)
    }
}

@keyframes rotate2 {
    0% {
        transform: rotateZ(360deg)
    }

    100% {
        transform: rotateZ(0deg)
    }
}

#text {
    color: #000;
    font-family: Arial;
    font-size: 9px;
    position: relative;
    top: -418px
}

.title-step2 {
    color: #636363
}

.insuf_credit {
    background: #faf3e2 !important;
    border: 1px solid #faf3e2 !important;
    color: #6c4f45 !important;
    font-size: 14px !important
}

.color-dollar {
    color: #6c4f45 !important
}

.recharg-color {
    color: #504441
}

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

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

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

.capitalize {
    text-transform: capitalize
}

.grey_color {
    color: #545352
}

.paddingMod {
    padding: .5rem 0 0 !important
}

.p-0 {
    padding: 0 !important
}

.last-step center {
    height: 100px
}

.new-pad {
    gap: 8rem
}

.selected {
    border: 1px solid #d49452;
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px;
    transform: scale(1.04)
}

.info {
    font-size: 12px
}

.tabs-container {
    width: 100%;
    max-width: 700px;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgb(0 0 0 / .15);
    overflow: hidden;
    position: relative
}

.tab-links {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    background: #f7f7f7
}

.tab-link {
    background: none;
    border: none;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 30px;
    color: #ccc;
    position: relative;
    transition: color 0.3s ease
}

.tab-link.active,
.tab-link:hover {
    color: #ee5f38;
    font-weight: 600
}

.tabs li {
    display: inline-block;
    width: auto;
    padding: 11px 8px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    justify-content: flex-end
}

#message-list {
    padding: 27px 0
}

#review-list {
    padding: 27px 0
}

.tab-link i {
    margin-right: 10px
}

.fa-globe:before {
    content: "\f0ac"
}
.fa-phone:before {
  content: "\f095";
}
.fa-tag:before {
    content: "\f02b"
}
.btn_credit{
        background-color: #26bf94 !important;
    border-color: #fff !important;
    border-radius: .25rem;
    color: #fff !important;
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    width: auto;
    align-items: center;

}
.btn_offer{
        background-color: #d7841d !important;
    border-color: #d7841d !important;
    border-radius: .25rem;
    color: #fff !important;
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    width: auto;
    align-items: center;

}
.remaining{
        align-items: center;
    background-color: #fff3;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 6px 10px;
}
.credit_span{
        padding: 0 17px;
    font-size: 15px;
}
.l-0{
    left: 0!important;
}
.r-0{
    right: 0!important;
}
.fa-caret-down:before{
   content: "\f0d7";
}
.btn_offer i{
        padding: 0 10px;
}
.btn_credit i{
        padding: 0 10px;
}
.fa-comment:before {
 content: "\f075";
}
.fa-gift:before{
     content: "\f06b";
}
.tab-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -1px;
    left: 50%;
    background: linear-gradient(45deg, #ee5f38, #ee5f38);
    transition: all 0.4s ease
}

.tab-link.active::after {
    width: 100%;
    left: 0
}

.tab-content {
    display: none;
    animation: fadeInUp 0.5s ease;
    padding: 0
}

.tab-content.active {
    display: block
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cta-btn {
    display: inline-block;
    padding: 12px 25px;
    background: linear-gradient(45deg, #b84de5, #7d41ff);
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background 0.4s ease;
    font-weight: 500;
    margin-top: 20px
}

.cta-btn:hover {
    background: linear-gradient(45deg, #9c3bce, #6b3ee8)
}

.contact-form {
    display: flex;
    flex-direction: column
}

.contact-form label {
    margin-bottom: 5px;
    font-weight: 500
}

.contact-form input,
.contact-form textarea {
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: border 0.3s ease
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #b84de5;
    outline: none
}

.faq-list {
    padding: 0;
    list-style: none
}

.faq-list li {
    margin-bottom: 10px
}

.faq-list li strong {
    font-weight: 600
}

@media screen and (max-width:600px) {
    .tab-links {
        flex-direction: column;
        align-items: center
    }

    .tab-link {
        text-align: center;
        width: 100%;
        padding: 15px 0
    }
}

.sidebar {
    position: fixed;
    right: 0;
    top: 0;
    width: 437px;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 13;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    z-index: 14
}

.overlay_sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    z-index: 13;
    transition: all .5s ease
}

.overlay_sidebar.visible {
    opacity: 1;
    visibility: visible
}

.pad-t-1 {
    padding-top: 1rem
}

.pt-25 {
    padding-top: 25px
}

.pt-2 {
    padding-top: 2rem
}

.pb-2 {
    padding-bottom: 2rem
}

.p-20 {
    padding: 20px
}

.p-2 {
    padding: 2rem !important
}

.step7 {
    padding: 0 !important
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.bb {
    border-bottom: 1px solid #e8dddd
}

.sidebar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.header-item {
    color: #000;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 16px;
    justify-content: center;
    text-transform: uppercase
}

.expert-info svg {
    right: 34px !important;
    top: 27px !important
}

.gap-7r {
    gap: 7rem
}

.consultation-header {
    color: #ee5f38;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.gap-6 {
    gap: 6px
}

.rounded-full {
    background-color: #fff;
    padding: 7px;
    border-radius: 42px;
    display: flex;
    align-items: center;
    right: 21px;
    bottom: 10rem
}

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

.sidebar-body {
    flex-grow: 1;
    padding: 20px 0;
    background-color: #fff
}

#tab-2 {
    padding: 10px 25px
}

.expert-info {
    display: flex;
    align-items: center;
    padding: 26px 20px;
    background: #fff
}

.expert-info img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 10px;
    border: 4px solid #48cda0;
    background-position: center;
    background-size: cover;
    object-fit: cover
}

.expert-name {
    color: black !important;
    font-size: 18px !important;
    vertical-align: middle;
    font-weight: 700
}

.favorite-btn {
    background: #f8e1e1;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    border: 1px solid #f8e1e1;
    display: flex;
    align-items: center;
    justify-content: center
}

.pt-0 {
    padding-top: 0
}

.view-btn {
    border: none;
    padding: 10px 18px;
    border-radius: 5px;
    background: #9b9b9b;
    color: #fff
}

.review-btn {
    border-radius: 5px;
    font-size: 15px;
    background: #ee5f38;
    float: right;
    margin-bottom: 12px;
    padding: 6px 13px;
    border: 1px solid #ee5f38;
    color: #fff;
    font-weight: 500
}

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

.call-block {
    background: #48cda0;
    display: flex;
    justify-content: center;
    padding: 28px
}

.favorite-btn:hover {
    background: #d72424
}

.favorite-btn a {
    color: #d72424 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.favorite-btn a:hover {
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.gap-05 {
    gap: .5rem
}

.remaining-block {
    display: flex;
    justify-content: center;
    padding: 25px;
    margin-top: 8px
}

.back-remain {
    color: #986645 !important;
    font-weight: 600 !important
}

.review-block {
    font-size: 13px;
    font-weight: 600;
    color: #605b5b
}

.list {
    margin: 20px 0
}

.list h4 {
    margin-bottom: 17px;
    font-weight: 600;
    color: #424242;
    font-size: 16px !important;
    display: inline-block;
    position: relative
}

.call-status {
    background: #f497002e !important;
    color: #c58125 !important;
    font-weight: 600 !important
}

.list h4.review-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 66px;
    height: 2px;
    background-color: #d49452
}

.list h4.message-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 77px;
    height: 2px;
    background-color: #d49452
}

.mb-20 {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end
}

.align-items-end {
    align-items: end
}

.mb-2 {
    margin-bottom: 2em !important
}

.we-review {
    border: 1px solid #ebebeb;
    display: inline-block;
    margin-right: 16px;
    padding: 10px;
    vertical-align: top;
    position: relative;
    border-radius: 6px;
    background: #f9f9f9
}

.we-review p {
    color: #a1a1a1;
    word-break: break-all;
    font-size: 12px;
    text-transform: math-auto;
    font-weight: 500;
    text-align: left
}

.we-review::before {
    border-bottom: 12px solid #fff0;
    border-left: 14px solid #f9f9f9;
    border-top: 4px solid #fff0;
    right: -10px;
    top: 9px;
    position: absolute;
    content: ''
}

.tab-link.active {
    font-size: 15px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid transparent !important
}

#tab-1 {
    border-bottom: 1px solid transparent !important;
    padding: 10px 16px !important
}

.dialotel-packages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem 0;
    justify-content: center
}

.list-item {
    padding: 10px;
    background-color: #e9ecef;
    margin-bottom: 5px;
    border-radius: 4px
}

.flex-row {
    flex-direction: row !important
}

.alert {
    margin-top: 20px;
    padding: 10px;
    background-color: #fcc;
    color: #a94442;
    border-radius: 4px;
    font-weight: 700
}

.card-pack1 {
    width: 183px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    cursor: pointer;
    box-shadow: 0 0 50px 0 #d6d6d3
}

.card__info1 {
    width: 100%;
    height: 74px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff
}

.card__info1::before {
    width: 100%;
    height: 100%;
    opacity: .8;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1
}

.sidebar1 {
    padding: 13px 20px;
    border-bottom: 1px solid #e8dddd;
    background: #fff4de;
    display: flex
}

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

.font-600 {
    font-weight: 600
}

.modal {
    overflow-y: hidden !important
}

.card__price1 {
    color: #d49452 !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0
}

.card__content1 {
    background-color: #fff;
    width: 100%;
    border-top: solid 2px #d49452;
    display: flex;
    flex-direction: column;
    align-items: center
}

.loader--border:before {
    -webkit-animation: borderLine 1000ms ease-in-out 0s forwards;
    animation: borderLine 1000ms ease-in-out 0s forwards
}

.loader--border:after {
    -webkit-animation: borderRound 1200ms linear 0s infinite;
    animation: borderRound 1200ms linear 0s infinite;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms
}

.loader--border::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    --tw-translate-y: -100%;
    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));
    background-color: #fff;
    content: ""
}

.loader--border::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 0;
    width: 1px;
    --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));
    background-color: #fff;
    content: ""
}

@-webkit-keyframes borderLine {
    0% {
        height: 0%
    }

    100% {
        height: 100%
    }
}

@keyframes borderLine {
    0% {
        height: 0%
    }

    100% {
        height: 100%
    }
}

a.card__link1 {
    color: #fff;
    padding: 9px 15px;
    margin: 10px 0;
    border-radius: 7px;
    cursor: pointer;
    background: #d49452;
    font-size: 10px
}

.new::before {
    background-color: #fbd7ae;
    color: #945959;
    padding: 1px 39px;
    transform: translate(calc(15px + 31px), -21px) rotate(39deg);
    transform-origin: top left;
    content: 'NEW';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 12px
}

.new1::before {
    background-color: #fbd7ae;
    color: #945959;
    padding: 1px 46px;
    transform: translate(calc(15px + 31px), -21px) rotate(39deg);
    transform-origin: top left;
    content: 'NEW';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 12px
}

.card__row_1 {
    color: var(--color13);
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0
}

.card__row1 {
    color: #595959;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500
}

.card-pack1:hover {
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px;
    transform: scale(1.04)
}

.sidebar.closed {
    transform: translateX(100%)
}

.toggle-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background-color: #fff0;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.3s;
    font-weight: 600;
    color: #a88f5f
}

.sidebar.closed .toggle-btn {
    transform: rotate(180deg)
}

.error {
    border: 1px solid red
}

.error-text {
    color: red;
    font-size: 11px;
    margin-top: 5px;
    display: flex;
    align-items: center
}

.error-icon {
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: .8em;
    margin-right: 5px
}

.garantie img {
    width: 3pc
}

.unavailable {
    background: #e40640 !important
}

.iconsBlock {
    background-color: #fff;
    padding: 70px
}

.blockTitle {
    color: #636363;
    font-size: 35px !important;
    text-transform: uppercase
}

.justify-content-between {
    justify-content: space-between
}

.InConsultation {
    background: #ee9838 !important
}

.callback_svg {
    width: 1.38571429em;
    font-size: 1.5em;
    margin-right: 7px;
    display: flex;
    justify-content: center;
    margin-left: 8px
}

.yellowColor {
    color: #ffa618 !important
}

.price_tab {
    background: #f9f8f1 !important;
    padding: 10px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    align-items: center !important;
    border-radius: 6px !important;
    color: black !important
}

.pt-3 {
    padding-top: 3rem !important
}

.gain {
    color: #5e5e5e;
    font-weight: 600;
    font-size: 13px;
    text-align: center
}

.top_header_pack2 {
    border-top: 4px solid #ded7ea;
    color: red;
    width: 159px;
    height: 6px;
    position: relative;
    top: .9rem;
    left: 7px
}

.color_purple {
    color: #6d499b
}

.svg_header_pack2 {
    background: #ded7ea;
    border-radius: 37px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.svg_header_pack3 {
    background: #ff723542;
    border-radius: 37px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.top_header_pack3 {
    border-top: 4px solid #ff723542;
    color: red;
    width: 159px;
    height: 6px;
    position: relative;
    top: .9rem;
    left: 7px
}

.btnReturn {
    filter: grayscale(.8);
    display: flex;
    width: fit-content;
    height: 31px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 9px;
    border: none;
    border-radius: 8px;
    background-image: linear-gradient(90deg, #fc6076, #ff9a44, #ef9d43, #fc6076);
    background-size: 300% 100%;
    box-shadow: 0 2px 20px 0 rgb(0 18 46 / .18);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    transition: all .4s ease-in-out;
    cursor: pointer;
    position: absolute;
    right: -1rem;
    bottom: 3rem
}

.btnReturn svg {
    width: 14px;
    margin-right: 9px
}

span.sub-title::before {
    content: "";
    position: relative;
    width: 8px;
    height: 8px;
    background: #ac9041;
    border-radius: 100%;
    display: block;
    margin: 0 10px
}

.btn_iconsBlock {
    background: #ee5f38
}

span.sub-title::after {
    content: "";
    position: relative;
    width: 8px;
    height: 8px;
    background: #ac9041;
    border-radius: 100%;
    display: block;
    margin: 0 10px
}

strong {
    font-size: 21px;
    font-weight: bolder;
    color: #635d59
}

.sub-title {
    color: #ac9041;
    text-transform: uppercase
}

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

.Footer_crownWrapper__kjVKN {
    position: relative;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: auto
}

.Footer_backgroundImage__bg_S_ {
    transform: translateX(-120%);
    position: absolute;
    top: 4px
}

.Footer_backgroundImage__bg_S_ svg {
    color: #d3b04f
}

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

.Footer_icon__7yN_X svg {
    color: #f2d78a;
    min-width: 18px
}

.Footer_title__7ywZX {
    margin: 14px 0 15px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-align: center
}

.Footer_title__7ywZX span {
    margin: 0;
    font-size: 18px;
    line-height: 1;
    display: block
}

.Footer_right__huLDa {
    right: 0;
    transform: rotateY(180deg) translateX(-120%);
    position: absolute;
    z-index: 1;
    top: 4px
}

.Footer_right__huLDa SVG {
    color: #d3b04f
}

.Favourite {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: none;
    border-style: initial;
    border: 1px solid rgb(0 0 0 / .15);
    color: #ff3d60;
    cursor: pointer;
    transition: all 0.5s ease
}

.Favourite.liked {
    border-color: #d38190;
    -webkit-animation: shadow-grow 2s;
    animation: shadow-grow 2s
}

.Favourite.liked svg {
    -webkit-animation: heart-grow 0.7s;
    animation: heart-grow 0.7s;
    fill: #e6183d
}

@keyframes shadow-grow {
    0% {
        box-shadow: 0 0
    }

    50% {
        box-shadow: 0 0 5px 20px #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

@keyframes heart-grow {
    0% {
        transform: scale(3);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1)
    }
}

.pl-60 {
    padding-left: 60px !important
}

.gap-1-3 {
    gap: 1.34rem
}

.t-9r {
    top: 9rem !important
}

.w-57 {
    width: 57%
}

.color-title-plans {
    color: #724f1b
}

.ProductItem_imageWrapper__MGVvi {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 4px
}

.ProductItem_crownImageWrapper__kp7P2 {
    width: 120px
}

.ProductItem_crownContent__V0V9n {
    top: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 1
}

.ProductItem_creditsNumber__AL7x0 {
    color: #cead5e;
    font-size: 35px;
    font-weight: 900
}

.gap-0-5r {
    gap: .5rem
}

.ProductItem_freeCredits__bpBkW {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #5e5e5e;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.background_tarot {
    background-image: url(../../assets/images/h1-bg-circle.jpg);
    background-position: right;
    background-size: 50%;
    background-repeat: no-repeat
}

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

.ProductItem_creditsSup__nwf9Y {
    font-weight: 900;
    white-space: nowrap;
    font-size: 11px
}

.ProductItem_creditsSup__nwf9Y span {
    color: #b79e56
}

.gain strong {
    font-weight: 400;
    color: #cead5e;
    font-size: 14px
}

.ProductItem_badge__z3kc5 {
    position: absolute;
    right: -14px;
    top: -13px;
    color: #fff;
    z-index: 2
}

.ProductItem_badge__z3kc5 span {
    position: absolute;
    display: block;
    width: 100%;
    top: 40px;
    right: -5px;
    white-space: nowrap;
    transform: rotate(46.5deg);
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700
}

.card-pack-chat {
    border-radius: 8px;
    transition: transform 0.3s, box-shadow 0.3s !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 40px 0 #cecdcc;
    background: #fff;
    padding: 56px;
    gap: 1rem
}

.card-pack-chat:hover {
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px;
    transform: scale(1.04)
}

.w-87 {
    width: 87%
}

.card-pack-chat1 {
    border-radius: 8px;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 30px 0 #cecdcc;
    background: #fff;
    padding: 28px 21px;
    gap: 1rem
}

p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0
}

.card-pack-chat1:hover {
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px;
    transform: scale(1.04)
}

.h-316 {
    height: 316px
}

.pt-1r {
    padding-top: 1rem
}

.header-link {
    display: flex;
    align-items: center;
    font-size: 22px
}

.fa-globe {
    color: #fff
}

.main-header-dropdown {
    position: absolute;
    inset: 0 auto auto 0;
    margin: 0;
    transform: translate(1762px, 48px);
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1rem 1.125rem rgb(169 169 169 / .35);
    width: 8rem;
    z-index: 2
}

.avatar.avatar-xs {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .65rem;
    margin-right: 10px
}

.avatar {
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .4rem;
    color: #fff;
    font-weight: 500
}

.language-dropdown-wrapper {
    position: relative;
}

.language-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: #fff;
}

.language-dropdown-wrapper.active .language-submenu {
    display: block;
}

.gap-12p {
    gap: 12px;
}

.language-toggle {
    cursor: pointer;
}

.avatar img {
    width: 1rem;
    height: 1rem;
    border-radius: .4rem
}

.dropdown-item {
    padding: 0 !important;
    font-size: 14px;
    color: #636363;
    font-weight: 600 !important;
}
.bluecolor{
    color: #2c3e50
}
.dropdown-item:hover {
    color: #121212;
    background-color: transparent
}

.pl-2r {
    padding-left: 2rem;
}

.pricing-block {
    border-radius: 0px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 0 14px 0 #dfdfdf;
    background: #fff;
    padding: 20px
}

.list-item- {
    display: list-item
}

.w-45 {
    width: 45px
}

.inline-block {
    display: inline-block
}

.pricing_psychic_block {
    background-image: url(../../assets/images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: right
}

.pricing-options {
    background-image: url(../../assets/images/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2rem 0
}

section.as_product_wrapper.as_padderBottom80.as_padderTop80 {
    background-image: url(../../assets/images/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

h1.as_heading {
    font-size: 29px;
    text-transform: capitalize;
    color: #63372C;
    font-weight: 600
}

h4.as_subheading {
    color: #ee5f38;
    text-align: center
}

.as_price {
    color: #000
}

section.as_whychoose_wrapper {
    background-image: url(../../assets/images/bg5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 160px 0 160px;
    position: relative;
    z-index: 1
}

section.as_whychoose_wrapper::before {
    position: absolute;
    content: '';
    background: url(https://kamleshyadav.com/html/astrology/version-3/assets/images/shape.svg) no-repeat;
    width: 100%;
    height: 273px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

section.as_whychoose_wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgb(46 46 46 / 70%);
    z-index: -1;
    height: 97%
}

section.as_whychoose_wrapper::after {
    position: absolute;
    content: '';
    background: url(https://kamleshyadav.com/html/astrology/version-3/assets/images/shape.svg) no-repeat;
    transform: scale(-1);
    width: 100%;
    height: 273px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

p.as_font14.as_padderTop20.as_padderBottom10 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.as_product_box1 {
    text-align: left;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 20px 15px;
    box-shadow: 0 0 40px 0 #e7e7e7
}

h5.as_btn {
    color: #282545;
    font-size: 18px;
    font-weight: 500;
        line-height: 22px;
}

.btn_contact {
    border-radius: 50px;
    margin: 0;
    padding: 10px 28px;
    width: auto
}

.btn_join {
    width: 258px
}

.btn_contact a {
    color: #ee5f38;
    text-transform: capitalize
}

.btn_contact:hover {
    color: #fff
}

.p-3-0 {
    padding: 3rem 0 0 0 !important
}

.p-37 {
    padding: 37px
}

.p-2-0 {
    padding: 2rem 0
}

.back_offer {
    background: #fff
}

.as_product_detail span img {
    width: 41px;
    margin-bottom: 13px
}

.pricing_question {
    background-color: #fff6e9;
    padding: 37px
}

.as_font17 {
    font-size: 17px;
    color: #fff;
    z-index: 2;
    text-align: justify
}

.w-70 {
    width: 71%
}

section#sec-b4ad {
    background-image: url(../../assets/images/timer_bg.jpg);
    background-size: cover;
    position: relative;
    background-repeat: no-repeat
}

.overlay-dark1 {
    background-color: rgb(0 0 0 / .5)
}

.u-clearfix.u-sheet.u-valign-middle.u-sheet-1 {
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    gap: 3rem;
    z-index: 2
}

.navigation .jet-menu-item-wrapper {
    color: #000
}

.md\:text-center.text {
    text-align: center
}

.color-white {
    color: white !important
}

h1.u-align-center.u-custom-font.u-heading-font.u-text.u-text-default.u-text-1.animated.customAnimationIn-played {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 0
}

.title-color {
    color: #f5d08c !important
}

section#carousel_fe3d {
    position: relative
}

.data-layout-selected.u-clearfix.u-expanded-width.u-layout-wrap.u-layout-wrap-1 {
    margin-top: 60px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 60px
}

.u-layout-row {
    flex-direction: row;
    max-width: 100%;
    display: flex;
    justify-content: center
}

.u-container-layout_1 {
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    padding: 49px;
    background: #fff;
    box-shadow: 0 0 40px 0 #cecdcc
}

.r-3r {
    right: 3rem
}

.h-50 {
    height: 50%
}

.u-layout-row>.u-size-20 {
    flex: 0 0 24.333333%;
    max-width: 27.333333%;
    min-width: 29.333333%
}

h4.u-align-center-sm {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-size: 1.5rem;
    margin: -50px 0 0 90px;
    color: #000
}

.u-palette-2-base {
    width: 64px;
    height: 64px;
    background-image: none;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: -300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    padding: 17px;
    color: #fff;
    background: #eb6928;
    border-radius: 50%;
    display: block;
    line-height: 0;
    border-width: 0
}

p.u-align-center-sm {
    line-height: 1.8;
    font-weight: 100;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-scale: 1;
    font-size: 1rem;
    margin: 40px 0 0;
    color: #565656
}

h4.u-align-left.u-text.u-text-default.u-text-1 {
    font-size: 24px !important;
    font-weight: 700;
    font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

p.u-align-left.u-text.u-text-default.u-text-2 {
    margin-block-start: 1em;
    font-size: 18px;
    margin-bottom: 1em
}

.u-align-left.u-border-1.u-border-grey-dark-1.u-line.u-line-horizontal.u-line-1 {
    width: 456px;
    margin: 30px auto 0 0;
    border: 1px solid #bfbfbf
}

h4.u-align-left.u-text.u-text-3 {
    margin: 1em 0 0 0;
    font-size: 24px !important;
    font-weight: 700;
    font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

p.u-align-left.u-text.u-text-default.u-text-4 {
    margin-block-start: 1em;
    font-size: 18px;
    margin-bottom: 1em
}

.u-align-center.u-container-align-center.u-container-style.u-layout-cell.u-right-cell.u-size-30.u-layout-cell-2.animated.customAnimationIn-played {
    min-height: 530px;
    min-width: 50%
}

.as_service_img {
    position: relative;
    display: flex;
    justify-content: center
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

img.as_service_circle.img-responsive {
    animation: spin 12s infinite linear;
    -webkit-animation: spin 12s infinite linear;
    -moz-animation: spin 12s infinite linear;
    width: 60%
}

.as_pricing_box.text-center {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 #cecdcc;
    padding: 29px 49px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.as_pric_icon svg {
    fill: #f4a636;
    transition: none
}

.as_pricing.as_gradient_text {
    font-size: 23px;
    font-weight: 700;
    padding: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0%, #f37335 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

h1.as_heading.as_gradient_text {
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0%, #f37335 100%);
    background-image: -ms-linear-gradient(0deg, #f4aa36 0%, #f37335 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-size: 28px;
    text-transform: capitalize;
    padding-bottom: 17px;
    position: relative;
    margin: -8px 0 0;
    color: #000;
    font-weight: 600
}

.as_pricing_box a.as_btn {
    margin-top: 17px;
    background: #f6f6f6;
    border: 2px solid #fff0;
    color: #000;
    height: 45px;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    padding: 0 23px;
    border: none !important;
    position: relative;
    border-radius: 45px;
    outline: none;
    min-width: 160px;
    justify-content: center;
    outline: none;
    z-index: 1;
    overflow: hidden;
    width: fit-content;
}



.as_pricing_box.text-center::after {
    content: '';
    position: absolute;
    background-image: url(../../assets/images/circle2.png);
    left: 50%;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 353px;
    height: 352px
}

.as_pricing_box.text-center:hover {
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0%, #f37335 100%);
    background-image: -ms-linear-gradient(0deg, #f4aa36 0%, #f37335 100%);
    color: #fff
}

.as_pricing_box:hover .as_pric_icon svg {
    fill: #fff
}

.as_pricing_box-hover {
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0%, #f37335 100%);
    background-image: -ms-linear-gradient(0deg, #f4aa36 0%, #f37335 100%)
}

.webkit-text-white {
    -webkit-text-fill-color: #ffffff !important
}

.card-pack-chat-hover {
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px;
    transform: scale(1.04)
}

.as_pricing_box:hover .firstpack {
    color: #fff;
    -webkit-text-fill-color: inherit;
    transition: none
}

.as_pricing_box:hover .as_gradient_text {
    color: #fff;
    -webkit-text-fill-color: inherit;
    transition: none
}

.as_pricing_box:hover .as_gradient_text {
    color: #fff;
    -webkit-text-fill-color: inherit;
    transition: none
}

section#carousel_6744 {
    background-image: url(../../assets/images/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.u-expanded-width.u-list.u-list-1 {
    display: flex;
    align-items: center;
    justify-content: center
}

.u-repeater.u-repeater-1 {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.u-container-style.u-list-item.u-repeater-item.animated.flipInX-played {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.u-container-layout.u-similar-container.u-container-layout-1 {
    display: flex;
    gap: 14px
}

span.u-icon.u-icon-circle.u-palette-1-base.u-text-white.u-icon-1 {
    height: 45px;
    width: 45px;
    background-image: none;
    padding: 9px;
    color: #ffffff !important;
    background-color: #1c1f34;
    border-radius: 50%;
    display: block;
    line-height: 0;
    border-width: 0
}

svg.u-svg-link {
    fill: #fff;
    width: 100%;
    height: 100%
}

svg#svg-c185 {
    width: 0;
    height: 0
}

.pl-4r {
    padding-left: 4rem
}

.pr-4r {
    padding-right: 4rem
}

section.u-clearfix.u-container-align-center.u-grey-5.u-section-4 {
    background-image: url(../../assets/images/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.justify-items-center {
    justify-items: center !important
}

.u-layout-col {
    flex-direction: column;
    min-height: 100%
}

.u-container-style.u-hidden-sm.u-hidden-xs.u-layout-cell.u-size-20.u-layout-cell-1 {
    border: 20px solid #fff0
}

.u-container-layout.u-container-layout-1 {
    position: relative;
    flex: 1;
    max-width: 100%;
    padding: 30px
}

.u-align-center.u-container-style.u-layout-cell.u-size-40.u-white.u-layout-cell-2 {
    background-image: none;
    color: #111;
    background-color: #fff6e9;
    opacity: 1;
    position: relative;
    display: flex;
    background-clip: padding-box;
    background-origin: padding-box;
    max-width: 100%;
    border-radius: 15px
}

.u-container-layout.u-valign-top.u-container-layout-2 {
    justify-content: flex-start;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 100%;
    align-items: center;
    background-color: #fff6e9;
    border-radius: 15px
}

span.u-icon.u-icon-circle.u-palette-5-light-2.u-spacing-18.u-icon-1 {
    height: 60px;
    width: 60px;
    color: #555c66 !important;
    padding: 14px;
    background-color: #f5d08c;
    border-radius: 50%;
    display: flex
}

h4.u-text.u-text-2 {
    font-size: 17px;
    text-transform: none;
    margin: 0;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px
}

.color-gray {
    color: #797979;
}

p.u-text.u-text-palette-5-dark-2.u-text-3 {
    font-style: normal;
    color: #32363a !important;
    word-wrap: break-word;
    position: relative;
    font-size: 14px;
    text-align: center
}

span.u-text.u-text-palette-5-dark-2.u-text-3 {
    font-size: 14px
}

.border-bottom {
    border-bottom: 1px solid #bfbfbf
}

.p-80 {
    padding: 80px
}

.join_block {
    background-image: url(../../assets/images/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2rem 0
}

.font-17 {
    font-size: 17px
}

.height-row {
    height: 595px
}

.shadow-\[0_0_50px_0_rgba\(196\,206\,213\,0\.2\)\].dark\:shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.1\)\].dark\:hover\:shadow-\[0_0_50px_0_rgba\(0\,0\,0\,0\.2\)\].hover\:translate-y-\[-10px\].transition.duration-500.first-review {
    box-shadow: 0 0 10px rgb(0 0 0 / .15);
    border-radius: 10px
}

.overflow-hidden.px-\[30px\].xl\:px-\[40px\].lg\:pt-\[50px\].md\:pt-\[40px\].pb-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px
}

i.fa.fa-star {
    color: #ff8a00
}

.activeRate {
    color: #ff8a00 !important
}

.comment p {
    font-size: 14px
}

.card-faq {
    border: 1px solid #efefef;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word
}

button.btn.btn-link.accordion-button.collapsed {
    color: #777;
    font-size: 18px;
    padding: 0;
    text-decoration: none;
    outline: none;
    width: 100%;
    text-align: left;
    border: 0;
    display: flex;
    align-items: center;
    background: #fff0;
    text-transform: math-auto;
    margin: 0;
    font-weight: 300;
    letter-spacing: 0;
    gap: 10px;
    padding-right: 1rem !important
}

.accordion-button::after {
    background-image: none;
    border-top: 2px solid #ff7010;
    border-left: 2px solid #ff7010;
    transform: rotate(-135deg);
    width: 12px;
    height: 12px
}

.card-faq .card-header {
    background-color: #fff;
    border-bottom: none
}

.al-faq-wrapper .card-faq button.btn.btn-link:not(.collapsed) {
    color: #ff7010;
    background: none;
    box-shadow: none;
    width: 100%;
    text-decoration: none;
    margin: 0;
    padding-right: 1rem !important;
    text-transform: none;
    padding: 0;
    letter-spacing: 0;
    font-size: 18px
}

.al-faq-wrapper {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-135deg);
    margin-left: auto
}

.al-faq-wrapper .accordion-body {
    padding: 20px;
    font-size: 14px;
    border-top: 1px solid #efefef
}

.al-faq-wrapper .accordion-body p {
    margin: 0;
    font-size: 16px
}

.accordion-block {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 3rem;
    z-index: 2;
    padding-top: 60px;
    padding-bottom: 60px
}

.section-space-about-us {
    padding: 105px 0 0
}

.icon-bx-wraper.style-10.box-hover.text-center.m-b30 {
    padding: 12px;
    transition: all 1s;
    border-radius: 1.5rem;
    position: relative;
    background: #fff;
    box-shadow: 0 0 60px 0 rgb(0 0 0 / .1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    color: #636363
}

.icon-bx-wraper.style-10.box-hover.text-center.m-b30::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: #f3e5ce;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    z-index: -1;
    transform: rotate(-4deg);
    opacity: 1;
    transition: all 1s
}

.dlab-title {
    font-size: 16px !important
}

.active-btn {
    background: #ff7010 !important;
    color: white !important
}

.u-border-15.u-border-palette-4-base.u-line.u-line-horizontal.u-line-1 {
    width: 128px;
    height: 4px;
    transform-origin: left center 0;
    margin: 0 auto 10px;
    background: #ee5f38
}

.u-align-center.u-container-align-center.u-container-style.u-list-item.u-radius-30.u-repeater-item.u-shape-round.u-white.u-list-item-1 {
    background-image: none;
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / .15);
    color: #111;
    background-color: #fff;
    border-radius: 30px
}

span.u-align-center.u-file-icon.u-icon.u-icon-circle.u-palette-4-base.u-text-white.u-icon-1 {
    width: 90px;
    height: 90px;
    background-image: none;
    margin: 0 auto;
    padding: 31px;
    background-color: #ddb880;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-52 {
    padding: 52px 57px !important
}

.back-block {
    background-image: url(../../assets/images/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.tarot_button.comp-block {
    background-image: linear-gradient(rgb(0 0 0 / 61%), rgb(0 0 0 / .4)), url(../../assets/images/astrology-matrix-compatibility.webp);
    background-position: center;
    background-repeat: no-repeat
}

.tarot_button.astro-block {
    background-image: linear-gradient(#fff0, rgb(0 0 0 / .4)), url(../../assets/images/astrology-wheel.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.tarot_button.belin-block {
    background-image: linear-gradient(rgb(24 22 22 / 38%), rgb(0 0 0 / .4)), url(../../assets/images/belline-oracle.jpg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.open-block {
    color: #000;
    border: 1px solid #fff;
    padding: 2px 12px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    background: #fff
}

.not-available {
    background-color: #afafaf;
    cursor: no-drop !important
}

.description-button {
    color: #fff;
    text-align: center;
    font-weight: 400
}

a.open-block:hover {
    background: #ee5f38;
    color: #fff;
    border: 1px solid #ee5f38;
    transition: 0.3s
}

.tarot_button.future-block {
    background-image: linear-gradient(rgb(0 0 0 / 61%), rgb(0 0 0 / .4)), url(../../assets/images/serene-scene-with-fortun.avif);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.tarot_button.marseil-block {
    background-image: linear-gradient(rgb(0 0 0 / 61%), rgb(0 0 0 / .4)), url(../../assets/images/marseille-tarot-img.webp);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.tarot_button.couple-block {
    background-image: linear-gradient(rgb(0 0 0 / 61%), rgb(0 0 0 / .4)), url(../../assets/images/couple-tarot-img.webp);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat
}

.tarot_button.love-block {
    background-image: linear-gradient(rgb(0 0 0 / 61%), rgb(0 0 0 / .4)), url(../../assets/images/love-tarot-img.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat
}

.mdl-tabs__tab-bar {
    flex-direction: column;
    align-items: flex-end;
    height: auto;
    border: none;
    margin-bottom: 20px;
    display: flex
}

.tabs-single {
    border: 1px solid #e0e0e0;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 2px;
    position: relative;
    color: #1C2025;
    margin-bottom: 8px;
    height: auto;
    background: #FFC300;
    width: 100%;
    text-align: right
}

.tabs-icon-grid {
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 2px;
    position: relative;
    color: #1C2025;
    margin-bottom: 8px;
    height: auto
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.panel-single {
    border-bottom: none;
    padding: 70px 0 40px;
    border: 1px solid rgb(0 0 0 / .08);
    box-shadow: 0 15px 30px rgb(0 0 0 / .15)
}

.section-space-v {
    padding-left: 100px;
    padding-right: 100px
}

.section-title {
    color: #63372C;
    font-size: 26px !important;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    margin: 0 0 7px -4px;
    letter-spacing: 2px
}

hr.left {
    margin: 1.3em 0 1.4em 0
}

hr {
    border-top: 2px solid #bdbdbd;
    width: 40px;
    margin: 1.3em auto 1.4em auto;
    position: relative
}

.section-space-v p {
    color: #30353E;
    margin: 0 0 30px;
    line-height: 1.8 !important;
    letter-spacing: 1px !important;
    font-weight: 400
}

.section-space.row {
    align-items: center
}

.section-tb-border {
    border-top: 1px solid rgb(0 0 0 / .06);
    border-bottom: 1px solid rgb(0 0 0 / .06)
}

.section-subtitle {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6px !important;
    margin: 0 0 15px -4px;
    border-left: 2px solid #FFC300;
    border-right: 2px solid #FFC300;
    display: inline-block;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 1.2 !important
}

.section-subtitle1 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    margin-bottom: 70px;
    border-left: 2px solid #FFC300;
    border-right: 2px solid #FFC300;
    display: inline-block;
    padding-left: 15px;
    padding-right: 10px
}

.e7 i {
    font-size: 18px;
    color: #fff;
    margin-right: 2px;
    margin-left: 2px
}

.icon-box-single {
    border: 1px solid rgb(0 0 0 / .08);
    padding: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column
}

.icon-box-content.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.m-11 {
    margin: 11px
}

.icon-box-single .icon-box {
    margin-bottom: 0;
    color: #bdbdbd;
    font-size: 38px
}

.gap-\[15px\] {
    gap: 15px
}
.fa-envelope-o::before {
    content: "\f003";
}
.gold{
    color: gold;
}
.fa-lock::before {
    content: "\f023"; 
}
.icon-box-title {
    color: #1C2025;
    padding-top: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 18px !important;
    padding-bottom: 0px
}

.bg-img-1 {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.overlay-dark {
    background-color: rgb(26 29 36 / .96)
}

.mdl-tabs {
    display: block;
    width: 100%
}

.tabs-grid {
    flex-direction: row
}

.mdl-tabs__tab-bar {
    flex-direction: column;
    align-items: flex-end;
    height: auto;
    border: none;
    margin-bottom: 20px
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: #fff;
    text-transform: uppercase !important
}

.tabs-icon-grid {
    display: inline-block !important;
    margin: 0;
    font-size: 14px;
    padding: 60px;
    border: none
}

.tabs-icon-grid.is-active .icon {
    color: #FFC300
}

.tabs-icon-grid .icon {
    color: #677180
}

.tabs-icon-grid h5 {
    margin-top: 15px;
    margin-bottom: 25px;
    text-transform: capitalize
}

.size-40 {
    font-size: 40px
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #3f51b5;
    -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.tabs-icon-grid.is-active::after {
    background: none !important
}

.bg-secondary {
    background-color: #6c757d !important
}

.bg-secondary * {
    color: #ffffff !important
}

.btn_psychic {
    width: auto;
    z-index: 2;
    background: #ee5f38
}

.elementor-1040 .elementor-element.elementor-element-f3ba71e {
    display: flex;
    flex-direction: row;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-transition: 0.3s;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.e-con-boxed.e-flex {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal
}

.e-con {
    justify-content: center;
    align-items: center;
    align-content: var(--align-content);
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto
}

.elementor-widget-container {
    background-color: #fff0;
    margin: 0 0 0 0;
    padding: 2px 20px 10px 20px;
    background-image: linear-gradient(167deg, #56b891 0%, #0f3e68 100%);
    border-radius: 20px 20px 20px 20px
}

.e-con-inner {
    flex-direction: row;
    display: flex;
    gap: 20px 20px;
    align-items: center;
    justify-content: center
}

.section-descr {
    padding-left: 150px;
    padding-right: 150px;
    width: 63%;
    font-size: 17px
}

.e-con.e-flex>.e-con-inner {
    flex-wrap: initial;
    justify-content: initial;
    align-items: initial;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto
}

.h-95 {
    height: 95%
}

.icon-box-single1 {
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / .15);
    -moz-box-shadow: 0 15px 30px rgb(0 0 0 / .15);
    box-shadow: 0 15px 30px rgb(0 0 0 / .15);
    background: #1C2025;
    color: #fff;
    border: 1px solid rgb(0 0 0 / .08);
    display: block;
    padding: 30px 45px 10px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.icon-box-single1 .icon-box {
    font-size: 48px;
    margin-bottom: 10px;
    color: #FFC300
}

.bg-img-2 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.bg-img-3 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.section-space-all {
    padding: 70px
}

.overlay-background {
    background-color: rgb(94 94 94 / 41%)
}

.pb-75 {
    padding-bottom: 75px
}

.pb-0 {
    padding-bottom: 0
}

.is-active i {
    color: #FFC300 !important
}

.mdl-tabs__tab:hover {
    background-color: #1c2139
}

.col-lg-12.col-xl-6.dark {
    background: rgb(0 0 0 / 75%);
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / .15);
    -moz-box-shadow: 0 15px 30px rgb(0 0 0 / .15);
    box-shadow: 0 15px 30px rgb(0 0 0 / .15)
}

.py-5 {
    padding-top: 5.714rem;
    padding-bottom: 5.714rem
}

p.principal {
    font-size: 1.286rem;
    line-height: 2.143rem
}

.features .item {
    margin-bottom: 2.143rem
}

.features .item h5 {
    border-left: 1px solid #c78714;
    color: #c78714;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    padding-left: 1rem;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.modal {
    background: rgb(49 80 85 / .85)
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    display: flex;
    justify-content: center
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 600px !important
    }

    #SpecialofferModal .modal-lg {
        max-width: 700px !important
    }

    #offerModal .modal-lg {
        max-width: 700px !important
    }
}

.pt-5 {
    padding-top: 5.714rem
}

.section-title p {
    font-size: 1.286rem;
    font-weight: 400;
    color: #616161;
    text-transform: capitalize;
    margin: 0 0 21px
}

.item-service {
    margin-bottom: 4.286rem
}

.item-service .title i {
    color: #c78714;
    font-size: 26px
}

.item-service .title h5 {
    margin-left: 2rem;
    margin-bottom: 0;
    color: #c78714;
    padding: 17px
}

.px-4 {
    padding-left: 4.286rem;
    padding-right: 4.286rem
}

.section-title-p {
    font-size: 1.286rem;
    line-height: 2rem;
    margin: 24px 0 0 !important
}

.feature-icon {
    position: relative;
    margin-bottom: 4rem
}

.feature-icon .icon {
    border: 1px solid #f0f0f0;
    padding: 4px;
    border-radius: 50%;
    position: absolute
}

.feature-icon .icon>div {
    background: #f0f0f0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    text-align: center;
    color: #1b212c
}

.size-36 {
    font-size: 2.571rem
}

.feature-icon .content {
    margin-left: 90px
}

.content h5 {
    text-align: start;
    font-weight: 600;
    color: #1b212c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.714rem
}

.content p {
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    text-transform: capitalize;
    margin: 0 0 21px;
    text-align: start;
    letter-spacing: 1px
}

.icon img {
    width: 36px
}

.owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 45px;
    left: 0;
    text-align: center;
    z-index: 100 !important
}

.owl-page {
    display: inline-block;
    padding: 6px 4px
}

.owl-page span {
    width: 13px;
    height: 13px;
    display: block;
    background: #fff0;
    border: 2px solid rgb(255 255 255 / .8);
    position: relative;
    z-index: 1000 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 0 rgb(0 0 0 / .1);
    -moz-box-shadow: 1px 1px 0 rgb(0 0 0 / .1);
    box-shadow: 1px 1px 0 rgb(0 0 0 / .1)
}

.owl-page.active span {
    background: rgb(255 255 255 / .95);
    border: none
}

.bg-dark {
    background-color: #111
}

.icon-quote:before {
    content: "\e057"
}

.icon-quote {
    font-family: 'et-line';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.text-left {
    text-align: left
}

.bg-gray-lighter {
    background-color: #f8f8f8
}

.page-section {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.alt-features-grid {
    margin-top: -70px
}

.alt-features-descr {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.86
}

.color {
    color: #03a9f4 !important
}

.alt-features-icon {
    padding-top: 10px;
    font-size: 48px;
    line-height: .9;
    color: #111
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-fw {
    margin-right: 7px
}


.mb-70 {
    margin-bottom: 70px
}

.mb-15 {
    margin-bottom: 15px
}

.alt-features-grid-1 {
    margin-top: -70px
}

.alt-features-item-1 {
    margin-top: 70px
}

.alt-features-icon-1 {
    font-size: 39px
}

.alt-features-title-1 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.alt-features-descr-1 {
    color: #777;
    font-size: 19px;
    font-weight: 300
}

.timeline-item.right.bg {
    background: #fafafa;
    padding-top: 2.286rem !important;
    padding-bottom: 2.286rem !important;
    padding-left: 4.714rem !important;
    padding-right: 3.714rem !important
}

.timeline-item {
    position: relative
}

.px-5 {
    padding-left: 5.714rem !important;
    padding-right: 5.714rem !important
}

.w-full {
    width: 100%
}

.h-11 {
    height: 2.75rem
}

.rounded {
    border-radius: .25rem
}

.py-4 {
    padding-top: 4.286rem !important;
    padding-bottom: 4.286rem !important
}

.timeline-item.right .icon {
    right: 0;
    background: #1b212c;
    color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px
}

.timeline-item .icon {
    width: 65px;
    height: 60px;
    text-align: center;
    padding-top: 6px;
    position: absolute;
    top: 0
}

.size-48 {
    font-size: 3.429rem
}

.timeline-item.right .date {
    left: -60px;
    background: #1b212c
}

.timeline-item .date {
    display: inline-block;
    padding: .5rem 1.286rem;
    position: absolute;
    top: 45%
}

.timeline-item.right .date h5 {
    color: #fff
}

.timeline-item.left.bg {
    background: #1b212c;
    padding-top: 2.286rem !important;
    padding-bottom: 2.286rem !important;
    padding-left: 4.714rem !important;
    padding-right: 3.714rem !important
}

.timeline-item.left .icon {
    left: 0;
    background: #f1f1f1;
    color: #1b212c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px
}

.timeline-item:hover .icon {
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
    -moz-box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #f59a18
}

.bg-three {
    background-color: #fafafa
}

.item-blog {
    position: relative;
    margin-bottom: 1.5rem
}

.bg-white {
    background-color: #fff
}

.item-blog a.more {
    background: rgb(136 213 18 / .66);
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem 1rem;
    text-transform: capitalize;
    color: #fff;
    opacity: 0
}

.item-blog .content {
    margin: 2rem;
    position: relative;
    display: inline-block
}

.item-blog .content .title {
    margin-bottom: 2rem
}

.item-blog .date {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: #e9d3b4;
    width: 46px;
    height: 36px;
    text-align: center;
    padding: 4px 0
}

.item-blog h6 {
    margin-left: 60px;
    padding-top: .5rem;
    line-height: initial
}

.item-blog a:first-child {
    margin-right: 2rem
}

.content h3 {
    font-size: 25px
}

.owl-carousel .owl-wrapper {
    display: block !important
}

.autoHeight {
    height: 281.391px
}

.section-icon {
    margin-bottom: 7px;
    text-align: center;
    font-size: 48px
}

.fullwidth-slider .item {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.fullwidth-slider .section-title {
    font-size: 2rem
}

.fullwidth-slider blockquote {
    font-style: italic
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff0;
    border: none;
    font-size: 2rem;
    color: #fff;
    cursor: pointer
}

.owl-nav .owl-prev {
    left: 10px
}

.owl-nav .owl-next {
    right: 10px
}

.owl-buttons {
    position: static
}

.owl-prev {
    left: 0
}

.owl-prev,
.owl-next {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 74px;
    text-align: center;
    color: rgb(255 255 255 / .8);
    text-shadow: 1px 1px 0 rgb(0 0 0 / .1);
    z-index: 6;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, .58, 1);
    -moz-transition: all 0.27s cubic-bezier(0, 0, .58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, .58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, .58, 1);
    transition: all 0.27s cubic-bezier(0, 0, .58, 1)
}

.owl-next {
    right: 0
}

.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 25px
}

.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 25px
}

.mb-80 {
    margin-bottom: 80px
}

.p-10 {
    padding: 10px
}

.section-heading {
    margin-top: 0;
    margin-bottom: 28px;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.45
}

.mb-50 {
    margin-bottom: 50px !important
}

.pr-6r {
    padding-right: 20rem
}

.h-16 {
    height: 16rem
}

.section-line {
    width: 80px;
    height: 2px;
    margin: 0 auto;
    background: #111
}

.section-text {
    font-size: 18px;
    color: rgb(99 99 99 / var(--tw-text-opacity));
    line-height: 1.5
}

.mb-70 {
    margin-bottom: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.service-item {
    margin: 30px 0 0 0;
    position: relative;
    padding: 40px 20px;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    color: #777;
    background: #f5f5f5
}

.service-item:hover {
    background-color: #f59a18
}

.service-item:hover .alt-features-icon-1 span {
    color: #fff !important
}

.service-item:hover .alt-features-title-1 {
    color: #fff !important
}

.service-item:hover .alt-features-descr-1 {
    color: #fff
}

.section-space1 {
    padding: 70px 0 70px
}

.section-space1.row {
    align-items: center
}

.solid-section {
    padding-top: 100px;
    padding-bottom: 80px
}

.section-money {
    background-color: #f7f7f7
}

.background-white {
    background-color: white !important
}

.btn_medium {
    width: auto;
    border-color: #fff;
    z-index: 2
}

.p-75 {
    padding: 75px
}

.is-active {
    font-weight: 700
}

.section-space-review {
    padding: 123px 0
}

.section-space-all-review {
    padding: 0 70px
}

.pl-70 {
    padding-left: 70px
}

.pr-70 {
    padding-right: 70px
}

.pt-75 {
    padding-top: 75px
}

.font-34 {
    font-size: 34px
}

.w-50p {
    width: 50px
}

strong.u-text.u-text-palette-5-dark-2.u-text-3 {
    color: #635d59;
    font-style: normal;
    font-size: 16px;
    font-weight: 600
}

.p-line {
    font-size: 18px;
    color: #635d59;
    font-weight: 600
}

.skrollable {
    background-attachment: fixed;
    background-position: 50% 0, 50% -8.01802vh;
    background-image: linear-gradient(rgb(0 0 0 / .4), rgb(0 0 0 / .4)), url(../../assets/images/cta_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gap-6r {
    gap: 6rem
}

@media (max-width:1023px) {
    .md\:py-\[70px\] {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.md\:py-\[70px\] {
    padding-top: 70px;
    padding-bottom: 70px
}

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

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

@media (min-width:768px) and (max-width:1023px) {
    .only-md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.only-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

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

.grid {
    display: grid
}

.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);
    width: 100%
}

@media (max-width:1023px) {
    .md\:pt-\[40px\] {
        padding-top: 40px
    }
}

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

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

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

.overflow-hidden {
    overflow: hidden
}

.text-white {
    --tw-text-opacity: 1;
    color: white !important
}

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

.service-shape {
    position: relative
}

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

.justify-center {
    justify-content: center
}

.items-center {
    align-items: center
}

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

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

.before\:bg-\[\#79DAB9\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(121 218 185 / var(--tw-bg-opacity))
}

.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)
}

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

.img-profile a {
    position: relative
}

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

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

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

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

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

.before\:bg-\[\#E6BC13\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(230 188 19 / var(--tw-bg-opacity))
}

.bg-\[\#E6BC13\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 188 19 / var(--tw-bg-opacity))
}

.font-heebo {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity)) !important
}

.font-bold {
    font-weight: 700
}

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

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

small {
    font-size: 80%
}

a.text-paragraph.dark\:text-slate-200.hover\:text-accent1.font-medium.text-\[13px\].sm\:text-\[16px\]:hover {
    color: #ee5f38
}

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

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

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

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

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

.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
}

.consultations {
    display: flex;
    justify-content: space-evenly;
    margin: 30px 0 0
}

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

.modal-footer .btn {
    margin: 0;
    border-radius: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
    margin-bottom: .75rem;
    font-weight: 500;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms;
    letter-spacing: 0;
    text-transform: math-auto
}

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

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

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

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

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

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

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

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



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

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

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

.uppercase {
    text-transform: uppercase
}

.back_header {
    min-height: 35vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/timer_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_astro {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/19.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_tarot {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/10.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_love_relationship {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/22.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_money_finance {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/35.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_clairvoyant {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/25.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_astrology {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/20.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}
.back_header_tarology {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/37.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}
.back_header_advantages {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/38.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_medium {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/18.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_new {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/16.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_review {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/12.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_become_psychic {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/24.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_dictionary {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/21.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_plans {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_free {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/7.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_about {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_why {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_contact {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/3.webp);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.mobile_app {
    min-height: 32vh;
    background-position: center;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_faq {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/11.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.bg-cover {
    background-size: cover
}

.ast_img_overlay {
    /*  position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgb(0 0 0 / .5);
    z-index: 0 */
    /* height: 318px; */
    height: 250px;
}

.ml-13 {
    margin-left: 12rem
}

.ml-1r {
    margin-left: 1rem
}

.z1 {
    z-index: 1
}

.ml-6r {
    margin-left: 6rem
}

.mt-1r {
    margin-top: 1rem
}

.menu {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    justify-content: center;
    background: none;
    align-items: center;
    display: flex;
    flex-direction: row;
    z-index: 2
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / .175) !important
}

.backdrop-blur {
    gap: 3rem;
    align-items: center;
    height: 50px;
}

.rounded-md {
    border-radius: .375rem
}

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

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.tarif a {
    color: #fff
}

.single-services1 {
    box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    border-color: transparent !important
}

.jet-menu-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7px;
    color: #fff
}

.services-content img {
    width: 41px;
    margin-bottom: 13px
}

.h-80 {
    height: 80%
}

.nav-main__submenu.level1 {
    left: 117px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav-main__submenu {
    padding-left: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    box-shadow: none;
    background-color: #f1f5f8;
    -webkit-transition: box-shadow 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out
}

.nav-main__submenu.level1:hover::before,
.nav-main__submenu.level1:focus::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 48%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 8px solid #f1f5f8
}

.nav-main__submenu2.level2 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 100%
}

.nav-main__submenu2 {
    padding-left: 0;
    list-style: none;
    position: absolute;
    box-shadow: none;
    background-color: #f1f5f8;
    -webkit-transition: box-shadow 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out
}

.nav-main__submenu2.level2:hover::before,
.nav-main__submenu2.level2:focus::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 8px solid #f1f5f8
}

.nav-main__submenu3.level3 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 100%
}

.nav-main__submenu3 {
    padding-left: 0;
    list-style: none;
    position: absolute;
    box-shadow: none;
    background-color: #f1f5f8;
    -webkit-transition: box-shadow 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out
}

.nav-main__submenu3.level3:hover::before,
.nav-main__submenu3.level3:focus::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 8px solid #f1f5f8
}

.shared-banner_component__visibleTop .shared-banner_component__bannerTop {
    max-height: 100px
}

.shared-banner_component__bannerTop {
    background-color: #262626;
    display: block;
    right: 0;
    top: 0;
    transition: max-height .3s ease-in-out;
    z-index: 5
}

.headerstrip {
    font-size: 14px;
    border-bottom: 1px solid #e5c3a7
}

.headerstrip .headerstrip-content-background {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, #e5b28a, #FFF5ED);
    background-repeat: repeat-x
}

.background_offer {
    background: linear-gradient(to right, #7d7456, #7d7456) !important;
    color: white !important
}

.headerstrip .headerstrip-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #dcbea7, #FFF5ED);
    padding: 9px
}

.headerstrip-wrapper {
    border-bottom: 1px solid #58443a
}

.headerstrip .headerstrip-canvas {
    height: 50px;
    margin: auto auto
}

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

.headerstrip .headerstrip-text {
    color: #fff;
    text-decoration: none;
    padding-right: 24px;
    font-weight: 300;
    letter-spacing: .8px
}

.headerstrip-text strong {
    color: #000
}

.headerstrip .headerstrip-text strong {
    color: #000
}

.headerstrip .headerstrip-cta {
    position: relative;
    background-color: #ee5f38;
    padding: 6px ;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    display: block;
    text-align: center;
    min-width: 100px
}

.btn_contact button {
    color: #ee5f38;
    text-transform: capitalize;
    background: noborder;
    border: none;
    background: #fff0;
    font-size: 15px
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.fade {
    transition: opacity .15s linear
}

.modal.fade .modal-dialog {
    display: flex;
    justify-content: center
}

.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0 0 0 / .2);
    border-radius: 20px;
    outline: 0
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.pb-1 {
    padding-bottom: .25rem !important
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-title {
    font-size: 30px;
    color: #434240
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-body p {
    font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400
}

.icon_div {
    display: inline-block;
    background: #ffdfca66;
    border-radius: 50%
}

.icon_div img {
    width: 100px
}

.modal-body h2 {
    font-size: 42px;
    color: #ee5f38;
    margin-bottom: 28px !important;
    font-weight: 700
}

.m-3 {
    margin: 1rem !important
}

.modal-body span {
    font-family: Heebo, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    color: #666
}

.modal-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

button.btn-no {
    font-size: 11px;
    text-decoration: underline;
    background-color: #fff0;
    border: none;
    color: #666
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    height: 100vh;
    width: 100%
}

#preloader::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms;
    --tw-content: '';
    content: var(--tw-content)
}
.modal-backdrop1 {
    z-index: 999999999;
}
#preloader::after {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms;
    --tw-content: '';
    content: var(--tw-content)
}

.preloaded:before,
.preloaded:after {
    -webkit-animation: preloadedDone 300ms ease-in-out 500ms forwards;
    animation: preloadedDone 300ms ease-in-out 500ms forwards
}

.loader--border {
    position: relative;
    margin: auto;
    height: 250px;
    width: 1px;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 700ms
}

.loader--border::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 0;
    width: 1px;
    --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-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-content: '';
    content: var(--tw-content)
}

.loader--border::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    --tw-translate-y: -100%;
    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-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
    --tw-content: '';
    content: var(--tw-content)
}

.loader--border:before {
    -webkit-animation: borderLine 1000ms ease-in-out 0s forwards;
    animation: borderLine 1000ms ease-in-out 0s forwards
}

.loader--border:after {
    -webkit-animation: borderRound 1200ms linear 0s infinite;
    animation: borderRound 1200ms linear 0s infinite;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms
}

.preloaded .loader--border {
    opacity: 0;
    height: 100% !important
}

.preloaded .loader--border:after {
    opacity: 0
}

@-webkit-keyframes borderLine {
    0% {
        height: 0%
    }

    100% {
        height: 100%
    }
}

@keyframes borderLine {
    0% {
        height: 0%
    }

    100% {
        height: 100%
    }
}

@-webkit-keyframes borderRound {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(200%)
    }
}

@keyframes borderRound {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(200%)
    }
}

@-webkit-keyframes preloadedDone {
    0% {
        width: 50%
    }

    100% {
        width: 0%
    }
}

@keyframes preloadedDone {
    0% {
        width: 50%
    }

    100% {
        width: 0%
    }
}

.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
}

.pt-4r {
    padding-top: 4rem
}

.u-section-2 .u-layout-wrap-1 {
    margin-top: 55px;
    margin-bottom: 60px
}

.u-expanded-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.u-layout-col,
.u-layout-row,
.u-layout-col>* {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.u-section-2 .u-layout-cell-1 {
    min-height: 326px
}

.u-tabs:not([class*="u-align-"]),
.u-accordion:not([class*="u-align-"]),
.u-repeater-item:not([class*="u-align-"]),
.u-container-style:not([class*="u-align-"]) {
    text-align: left
}

@media (min-width:1200px) {
    .u-layout-row>.u-size-9-xl {
        flex: 0 0 15%;
        max-width: 15%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 100%
    }

    .col-xl-44 {
        flex: 0 0 auto;
        width: 33%
    }
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.rounded {
    border-radius: .25rem !important
}

.flex-wrap {
    flex-wrap: wrap
}

.u-section-2 .u-container-layout-1 {
    padding: 30px 10px
}

.u-valign-top {
    justify-content: flex-start
}

.u-valign-middle,
.u-valign-top,
.u-valign-bottom {
    display: flex;
    flex-direction: column
}

.u-container-layout {
    position: relative;
    flex: 1;
    max-width: 100%
}

.u-section-2 .u-icon-1 {
    height: 64px;
    width: 64px;
    background-image: none;
    margin: 0 auto
}

.mb-10 {
    margin-bottom: 10px !important
}

.u-text-white,
a.u-button-style.u-text-white,
a.u-button-style.u-text-white[class*="u-border-"] {
    color: #ffffff !important
}

.u-palette-1-base,
.u-body.u-palette-1-base,
.u-container-style.u-palette-1-base:before,
.u-table-alt-palette-1-base tr:nth-child(even) {
    color: #fff;
    background-color: #f5d08c
}

.u-align-center {
    text-align: center
}

.u-section-2 .u-text-3 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 20px 0 0
}

.u-section-2 .u-text-4 {
    margin: 20px 0 0
}

.u-section-2 .u-layout-cell-2 {
    min-height: 326px
}

.u-container-style:not([class*="u-align-"]) {
    text-align: left
}

@media (min-width:1200px) {
    .u-layout-row>.u-size-7-xl {
        flex: 0 0 11.66666667%
    }
}

.u-section-2 .u-container-layout-2 {
    padding: 30px 10px
}

.u-valign-top {
    justify-content: flex-start
}

.u-valign-middle,
.u-valign-top,
.u-valign-bottom {
    display: flex;
    flex-direction: column;
    padding: 30px 0px
}

.u-icon-2 {
    height: 48px;
    width: 48px;
    margin: 0 auto
}

.u-text-black,
a.u-button-style.u-text-black,
a.u-button-style.u-text-black[class*="u-border-"] {
    color: #000000 !important
}

.u-text-black svg,
.u-text-hover-black:hover svg,
.u-text-hover-black:focus svg {
    fill: #000
}

.u-svg-link {
    width: 100%;
    height: 100%;
    fill: currentColor
}

.u-section-2 .u-container-layout-3 {
    padding: 30px 10px
}

.u-section-2 .u-icon-3 {
    height: 64px;
    width: 64px;
    background-image: none;
    margin: 0 auto
}

.u-svg-content {
    width: 0;
    height: 0
}

.u-section-2 .u-text-5 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 20px 0 0
}

.gap-10r {
    gap: 10rem
}

.u-icon-3 {
    height: 50px;
    width: 50px;
    background-image: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.u-section-2 .u-layout-cell-2 {
    min-height: 326px
}

p a {
    color: #ee5f38;
    text-decoration: underline;
}

span a {
    color: #ee5f38;
    text-decoration: underline;
}

.send-mail-btn {
    background: #ee5f38;
    border: 1px solid #ee5f38;
    border-radius: 50px;
    color: #fff;
    padding: 8px 10px;
    font-size: 15px;
    padding-block: 2px;
    padding-inline: 17px
}

.subtitle-section {
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    color: #505050;
    font-size: 20px;
}

.btn-free {
    border-radius: 5px !important;
    font-size: 14px;
    padding: 8px 12px !important
}

.mb-27 {
    margin-bottom: 27px
}

.mr-5 {
    margin-right: 5px
}

.gap-20 {
    gap: 20px
}

.u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
    min-height: 254px;
    grid-gap: 10px
}

.u-repeater {
    display: grid;
    align-items: center;
    justify-content: center
}

.u-container-layout- {
    padding: 0 10px
}

.u-text-1 {
    font-size: 3.75rem;
    font-weight: 700
}

.u-section-text {
    font-weight: 700
}

.single-services {
    border: 2px solid rgb(100 111 135 / .2);
    border-radius: 5px;
    padding: 30px 30px 28px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height: 100%
}

.mt-30 {
    margin-top: 30px
}

.single-services .services-icon {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-color: #FFEFEB
}

.single-services .services-content .services-title {
    margin-top: 30px
}

.single-services .services-content .services-title  {
    font-size: 22px;
    font-weight: 600;
    color: #293651;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.ml-12 {
    margin-left: 20px
}

.single-services .services-content .more {
    font-size: 16px;
    font-weight: 600;
    color: #646F87;
    margin-top: 35px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.single-services:hover {
    -webkit-box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    -moz-box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    border-color: #fff0
}

.testimonial-wrapper {
    gap: 20px
}



.single-testimonial {
    padding: 20px 30px;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    transition: all 0.3s ease-out 0s
}

.single-testimonial .rating {
    color: #ff8a00
}

.single-testimonial .rating i {
    margin-right: 10px;
    font-size: 14px
}

.mb-30 {
    margin-bottom: 30px
}

.single-testimonial .content {
    margin-bottom: 22px
}

.single-testimonial .info {
    display: flex;
    align-items: center;
    justify-content:space-between
}

.single-testimonial .info .image {
    max-width: 48px;
    width: 100%;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px
}

.single-testimonial .info .image img {
    width: 100%
}

.single-testimonial .info .text h5 {
    font-weight: 500
}

.single-testimonial .info .text p {
    font-size: 16px
}

.testimonial-wrapper .-mt-60 {
    margin-top: -60px
}

.radio-buttons {
    width: 83%;
    margin: 0 auto;
    text-align: center
}

.question_input {
    margin: 0 auto;
    width: 70%
}

.custom-radio input:checked+.radio-btn {
    border: 2px solid #ffe3da
}

.radio-btn {
    margin: 10px;
    width: 220px;
    height: 190px;
    border: 3px solid #fff0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 20px #c3c3c367;
    cursor: pointer;
    z-index: -1
}

.radio-btn>i {
    color: #fff;
    background-color: #f5c5b6;
    font-size: 20px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) scale(2);
    border-radius: 50px;
    padding: 3px;
    transition: 0.5s;
    pointer-events: none;
    opacity: 0
}

.radio-btn .hobbies-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.radio-btn .hobbies-icon img {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.radio-btn .hobbies-icon h3 {
    color: #555;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}

.custom-radio input:checked+.radio-btn>i {
    opacity: 1;
    transform: translateX(-50%) scale(1)
}

.la-check:before {
    content: "\f00c"
}

.btn-primary {
    background-color: #ee5f38;
    padding: 10px 28px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #ee5f38;
    border-radius: 50px;
    margin: 0
}

.btn-primary:hover {
    color: #ee5f38 !important;
    background-color: #fff;
    border-color: #fff;

    a {
        color: #ee5f38 !important
    }
}

.header-content .head-logo .consultation .jet-menu-item-wrapper {
    color: black !important
}

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

.divinaro {
    width: 130px
}

.ml-6 {
    margin-left: 6px
}

.lg\:gap-\[1\.34rem\] {
    gap: 1.34rem
}

.lg\:gap-\[3\.34rem\] {
    gap: 3.34rem
}

#continueButton {
    margin: 0
}

#loginButton {
    margin: 0
}

a.btn-7e {
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    transition: all .3s;
    background: #ee5f38;
    color: #fff;
    border-radius: 7px;
    font-size: 0;
    padding: 6px 7px;
    font-size: 10px
}

.e7 {
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    transition: all .3s;
    background-color: #afafaf !important;
    color: #fff;
    border-radius: 7px;
    font-size: 0;
    padding: 6px 7px;
    font-size: 10px
}

.gap-1r .btn-signin {
    margin: 0
}

.red {
    background-color: #bf2626 !important
}

.border-3 {
    border-radius: 3px
}

.label-form {
    color: #616161;
    font-size: 15px;
    margin-bottom: 10px
}

.file-upload-wrapper {
    position: relative;
    width: 100%
}

.file-upload-box {
    position: relative;
    text-align: center;
    border-radius: 8px;
    background-color: #ecf1f6;
    transition: all 0.3s ease;
    cursor: pointer;
    HEIGHT: 100;
    padding: 9px 0;
    display: flex;
    justify-content: start
}

.file-upload-box:hover {
    background-color: #e9ecef;
    border-color: #adb5bd
}

.file-upload-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1
}

.upload-content {
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    padding-left: 13px
}

.upload-icon {
    font-size: 1.5rem;
    color: #6c757d
}

.file-list {
    margin-top: 1.5rem
}

.file-item {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    margin-bottom: .5rem;
    transition: all 0.2s ease
}

.file-item:hover {
    box-shadow: 0 2px 4px rgb(0 0 0 / .05)
}

.file-icon {
    color: #6c757d;
    margin-right: .75rem;
    font-size: 1.25rem
}

.file-name {
    flex-grow: 1;
    color: #495057;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 1rem
}

.file-name:hover {
    color: #007bff;
    text-decoration: none
}

.remove-file {
    color: #dc3545;
    cursor: pointer;
    padding: .25rem .5rem;
    font-size: 1.25rem;
    transition: color 0.2s ease;
    flex-shrink: 0
}

.remove-file:hover {
    color: #c82333
}

.drag-over {
    background-color: #e9ecef;
    border-color: #007bff
}

@keyframes upload-progress {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.upload-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #007bff;
    animation: upload-progress 1s ease-in-out
}

.h-7 {
    height: 7rem
}

.profile-upload {
    background: #ecf1f6;
    border-radius: 4px
}

.profile_pic {
    width: 42px;
    height: 42px;
    BORDER-RADIUS: 100%;
    border: 1px solid #9fa7b2
}

.upload-button {
    font-size: 1.2em
}

.file-upload {
    display: none
}

.columns .circle {
    width: 51px;
    height: 42px;
    position: relative;
    top: 4px;
    padding-left: 13px
}

.p-image {
    color: #666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    font-size: 11px
}

.h-100 {
    height: 100px
}

i.fa.fa-camera.upload-button {
    margin-left: -9px;
    margin-top: 26px
}

.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275)
}

.upload-button {
    font-size: 1.2em
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #999
}

.checkbox.style-c {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2f3840
}

.checkbox.style-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox.style-c input:checked~.checkbox__checkmark {
    background-color: #c4d5e5;
    border: #fff0
}

.checkbox.style-c .checkbox__checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 1.5em;
    width: 1.5em;
    background-color: #fff;
    transition: background-color 0.25s ease;
    border-radius: 4px;
    border: 1px solid #d0d6dd
}

.checkbox.style-c input:checked~.checkbox__checkmark:after {
    opacity: 1
}

.checkbox.style-c .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid #3a48a7;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease
}


.btn-accept {
    background: #fc0;
    color: #222;
    border: none
}

.btn-close {
    background: #444;
    color: #fff;
    border: none
}

.woot-widget-bubble.woot-elements--right {
    right: 10px !important
}

.woot-widget-bubble {
    bottom: 80px !important
}

.l-6 {
    left: 6rem
}

.w-67 {
    width: 67%
}

.nav a:hover {
    color: #ee5f38 !important
}

.btn-free:hover {
    background-color: #fff6e9 !important;
    border-color: #fff6e9 !important
}

.main-btn.main-btn-2:hover {
    background: #646F87 !important;
    color: white !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}

.as_btn.BuyPlan:hover {
    background: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}

#choose-pack:hover {
    background: #e75c36;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}

.PackageCard__Order:hover {
    background: #e75c36;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}

.btn_psychic:hover {
    background: #cdae75;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}

.send-mail-btn:hover {
    background: #cdae75;
    border-color: #cdae75;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
}
.font-11{
    font-size: 11px;
}
.bg-cover.fixed {
    position: sticky !important;
    top: -321px;
    width: 100%;
    z-index: 6;
      animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown
}

.lg\:py-\[60px\] {
    padding-top: 90px
}

.align-baseline {
    align-items: baseline;
    width: 100%
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #fff0;
    border-radius: .25rem
}

.alert:before {
    content: '';
    position: absolute;
    width: 0;
    height: calc(100% - 44px);
    border-left: 1px solid;
    border-right: 2px solid;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    height: 20px
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning:hover {
    background-color: rgb(220 128 1 / .33);
    transition: 0.5s
}

.alert-simple.alert-warning {
    border: 1px solid rgb(241 142 6 / .81);
    background-color: rgb(220 128 1 / .16);
    box-shadow: 0 0 2px #ffb103;
    color: #ffb103;
    text-shadow: 2px 1px #00040a;
    transition: 0.5s;
    cursor: pointer
}

.warning {
    font-size: 18px;
    color: #ffb40b;
    text-shadow: none
}

.text-left {
    text-align: left !important
}

.alert>.start-icon {
    margin-right: 0;
    min-width: 20px;
    text-align: center
}

.alert>.start-icon {
    margin-right: 5px
}

.fa,
.fas {
    font-weight: 900
}

@keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animatedhover:hover>.faa-flash {
    -webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite
}

strong.font__weight-semibold {
    font-size: 1rem;
    color: #ffb103
}

.img-packages {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain
}

.back_header_byphone {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/9.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_bycard {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/6.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.back_header_bychat {
    min-height: 32vh;
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57)), url(../../assets/images/header/15.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.single-pricing {
    border: 2px solid rgb(100 111 135 / .2);
    border-radius: 5px;
    padding: 50px 30px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out
}

.single-pricing .pricing-package {
    position: relative
}

.single-pricing .pricing-package img {
    opacity: .13;
    width: auto
}

.single-pricing .pricing-package .pricing-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 26px !important;
    font-weight: 600;
    color: #212529
}

.single-pricing .pricing-price {
    margin-top: 10px
}

.single-pricing .pricing-price .price {
    font-size: 27px;
    font-weight: 700;
    color: #FE8464
}

.single-pricing .pricing-price .line {
    width: 135px;
    height: 2px;
    background-color: #646F87;
    margin: 30px auto 0
}

.single-pricing .pricing-text {
    margin-top: 35px
}

.pricing-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #646F87;
    margin: 0
}

.pricing-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #646F87;
    margin: 0
}

.single-pricing .pricing-btn {
    margin-top: 35px
}

.main-btn.main-btn-2 {
    background: none;
    color: #646F87;
    line-height: 50px;
    border: 2px solid #646F87;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.single-pricing.active,
.single-pricing:hover {
    -webkit-box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    -moz-box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    box-shadow: 0 5px 26px 0 rgb(100 111 135 / .3);
    border-color: #fff0;
    background-color: #fff
}

.main-btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0 45px;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer
}

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

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

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

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

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

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

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

.background-transparent {
    background: #fff0
}

.expertises_form {
    gap: 3rem
}

.u-align-center.u-container-style.u-layout-cell.u-size-40.u-white.u-layout-cell-23 {
    margin-bottom: 21px;
    padding: 7px
}

.mb-22 {
    margin-bottom: 22px
}

.plr-10 {
    padding: 0 10rem
}

.justify-content-stretch {
    justify-content: stretch
}

.contactForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.bg-soft-primary {
    background-color: #F9DEC9;
    background-image: linear-gradient(rgb(0 0 0 / 13%), rgb(0 0 0 / 13%)), url(../../assets/images/header/33.jpg);
    background-blend-mode: luminosity;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 35vh
}

.r-0 {
    right: 0
}

.l-0 {
    left: 0
}

.t-0 {
    top: 0
}

.b-0 {
    bottom: 0
}

.absolute {
    position: absolute
}

.pr-16 {
    padding-right: 20px
}




.col-lg-12.col-12.flex.align-items-center.justify-content-center.flex-wrap.lg\:pb-\[1rem\] {
    gap: 1rem
}

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

.mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #ee5f38;
    display: none;
    /* margin-top: 13px; */
    margin-right: 21px
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    z-index: 1059;
    border-radius: 0;
    transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
    -webkit-transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all 0.3s cubic-bezier(.785, .135, .15, .86)e;
    -o-transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    padding: 0 0;
    z-index: 5;
    box-shadow: -9px 0 14px 0 rgb(0 0 0 / 6%)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible
}

.mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 42px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 23px;
    color: #292b37;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left
}

.nav-logo img {
    width: 150px
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 30px 0
}

.navigation .jet-menu-item-wrapper {
    padding: 10px 25px
}

.navigation li {
    color: black !important;
    font-size: 15px;
    border-top: 1px solid #0000001a;
    width: 100%;
    justify-content: start;
    align-items: start
}

.navigation li a {
    padding: 10px 25px;
    color: #000
}

.menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1058;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    opacity: 0;
    visibility: hidden;
    background: rgb(0 0 0 / .5)
}

.mobile-menu-visible .menu-backdrop {
    opacity: 1;
    visibility: visible
}

.mobile-menu .navigation li .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background: #ee5f38;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

.mobile-menu .navigation li ul li>a {
    font-size: 14px;
    margin-left: 20px;
    text-transform: math-auto
}

.sub-menu li {
    padding: 10px 0
}

.navigation .Btn {
    padding: 10px 25px;
    margin: 15px 0
}

.navigation .border-bottom {
    border-bottom: 1px solid rgb(0 0 0 / 10%)
}

.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-star:before {
    content: "\f005"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-phone:before {
    content: "\f095"
}

.fa-share-square:before {
    content: "\f14d"
}

#silktide-wrapper {
    --focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff;
    --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
    --fontFamily: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    --primaryColor: #533BE2;
    --backgroundColor: #FFFFFF;
    --textColor: #253B48;
    --backdropBackgroundColor: #00000033;
    --backdropBackgroundBlur: 0px;
    --cookieIconColor: #533BE2;
    --cookieIconBackgroundColor: #FFFFFF;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    pointer-events: none;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#silktide-backdrop-global {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    border: 0;
    display: none
}

#silktide-wrapper a {
    all: unset;
    display: inline-block;
    color: var(--primaryColor);
    text-decoration: underline
}

#silktide-wrapper a:hover {
    cursor: pointer;
    color: var(--textColor)
}

#silktide-wrapper a:focus,
#silktide-wrapper #silktide-banner button:focus,
#silktide-wrapper #silktide-modal button:focus,
#silktide-wrapper #silktide-cookie-icon:focus {
    outline: none;
    box-shadow: var(--focus);
    border-radius: 5px
}

#silktide-wrapper #silktide-cookie-icon:focus {
    border-radius: 50%
}

#silktide-wrapper .st-button {
    color: var(--backgroundColor);
    background-color: var(--primaryColor);
    border: 2px solid var(--primaryColor);
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    border-radius: 5px
}

#silktide-wrapper .st-button--primary:hover {
    background-color: var(--backgroundColor);
    color: var(--primaryColor)
}

#silktide-wrapper .st-button--secondary {
    background-color: var(--backgroundColor);
    color: var(--primaryColor)
}

#silktide-wrapper .st-button--secondary:hover {
    background-color: var(--primaryColor);
    color: var(--backgroundColor)
}

#silktide-banner {
    font-family: var(--fontFamily);
    color: var(--textColor);
    background-color: var(--backgroundColor);
    box-sizing: border-box;
    padding: 32px;
    border-radius: 5px;
    pointer-events: auto;
    border: 0;
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: 600px;
    max-width: calc(100% - 32px);
    transform: translate(0, -20px);
    opacity: 0;
    animation: silktide-slideInDown 350ms ease-out forwards;
    animation-delay: 0.3s;
    box-shadow: -5px 5px 10px 0 #00000012, 0 0 50px 0 #0000001a
}

#silktide-banner:focus {
    border-radius: 50%
}

#silktide-banner.center {
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    position: fixed;
    transform: translate(-50%, calc(-50% - 20px));
    animation: silktide-slideInDown-center 350ms ease-out forwards
}

.fa-commenting:before {
    content: "\f27a"
}

#silktide-banner.bottomLeft {
    bottom: 16px;
    left: 16px;
    position: fixed
}

#silktide-banner.bottomCenter {
    bottom: 16px;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -20px);
    animation: silktide-slideInDown-bottomCenter 350ms ease-out forwards
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

#silktide-banner .preferences {
    display: flex;
    gap: 5px;
    border: none;
    padding: 0;
    background-color: #fff0;
    color: var(--primaryColor);
    cursor: pointer;
    font-size: 16px
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-comments:before {
    content: "\f086"
}

.fa-clock-o:before {
    content: "\f017"
}

#silktide-banner .preferences span {
    display: block;
    white-space: nowrap;
    text-decoration: underline
}

#silktide-banner .preferences span:hover {
    color: var(--textColor)
}

#silktide-banner .preferences:after {
    display: block;
    content: '>';
    text-decoration: none
}

#silktide-banner p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px
}

#silktide-banner a {
    display: inline-block;
    color: var(--primaryColor);
    text-decoration: underline;
    background-color: var(--backgroundColor)
}

#silktide-banner a:hover {
    color: var(--textColor)
}

#silktide-banner a.silktide-logo {
    display: block;
    fill: var(--primaryColor);
    margin-left: auto;
    width: 24px;
    height: 24px
}

#silktide-banner .actions {
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin-top: 24px
}

@media (min-width:600px) {
    #silktide-banner .actions {
        flex-direction: row;
        align-items: center
    }
}

#silktide-banner .actions-row {
    display: flex;
    gap: 16px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1
}

#silktide-modal {
    display: none;
    pointer-events: auto;
    width: 800px;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    transform: translate(0, -20px);
    opacity: 0;
    animation: silktide-slideInUp-center 350ms ease-out forwards;
    box-shadow: -5px 5px 10px 0 #00000012, 0 0 50px 0 #0000001a;
    font-family: var(--fontFamily);
    color: var(--textColor);
    flex-direction: column;
    padding: 30px;
    background-color: var(--backgroundColor);
    border-radius: 5px;
    box-sizing: border-box
}

#silktide-modal header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 16px
}

#silktide-modal h1 {
    font-family: var(--fontFamily);
    color: var(--textColor);
    font-size: 24px;
    font-weight: 500;
    margin: 0
}

#silktide-modal .modal-close {
    display: inline-flex;
    border: none;
    padding: 10px;
    border: 0;
    cursor: pointer;
    background: var(--backgroundColor);
    color: var(--primaryColor)
}

#silktide-modal .modal-close svg {
    fill: var(--primaryColor)
}

#silktide-modal section {
    flex: 1;
    overflow-y: auto;
    margin-top: 32px;
    padding-right: 7px
}

#silktide-modal section::-webkit-scrollbar {
    display: block;
    width: 5px
}

#silktide-modal section::-webkit-scrollbar-thumb {
    background-color: var(--textColor);
    border-radius: 10px
}

#silktide-modal p {
    font-size: 16px;
    line-height: 24px;
    color: var(--textColor);
    margin: 0 0 15px
}

#silktide-modal p:last-of-type {
    margin: 0
}

#silktide-modal fieldset {
    padding: 0;
    border: none;
    margin: 0 0 32px
}

#silktide-modal fieldset:last-of-type {
    margin: 0
}

#silktide-modal legend {
    padding: 0;
    margin: 0 0 10px;
    font-weight: 700;
    color: var(--textColor);
    font-size: 16px
}

.section-title span {
    color: #ee5f38;
}

#silktide-modal .cookie-type-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px
}

#silktide-modal .switch {
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    height: 34px;
    width: 74px;
    cursor: pointer
}

#silktide-modal .switch:focus-within {
    outline: none;
    box-shadow: var(--focus);
    border-radius: 25px
}

#silktide-modal .switch input {
    opacity: 0;
    position: absolute
}

#silktide-modal .switch__pill {
    position: relative;
    display: block;
    height: 34px;
    width: 74px;
    background: var(--textColor);
    border-radius: 25px
}

#silktide-modal .switch__dot {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    height: 30px;
    width: 30px;
    background: var(--backgroundColor);
    border-radius: 50%;
    transition: left 150ms ease-out
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: var(--backgroundColor);
    position: absolute;
    top: 7px;
    right: 8px;
    transition: right 150ms ease-out, opacity 150ms ease-out
}

#silktide-modal .switch__off {
    opacity: 1
}

#silktide-modal .switch__on {
    opacity: 0
}

#silktide-modal .switch input:checked+.switch__pill {
    background: var(--primaryColor)
}

#silktide-modal .switch input:checked~.switch__dot {
    left: calc(100% - 32px)
}

#silktide-modal .switch input:checked~.switch__off {
    right: calc(100% - 32px);
    opacity: 0
}

#silktide-modal .switch input:checked~.switch__on {
    right: calc(100% - 34px);
    opacity: 1
}

#silktide-modal .switch input:disabled+.switch__pill {
    opacity: .65;
    cursor: not-allowed
}

#silktide-modal footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

@media (min-width:600px) {
    #silktide-modal footer {
        flex-direction: row;
        align-items: center
    }
}

#silktide-modal footer a {
    margin-left: auto
}

#silktide-cookie-icon {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    left: auto;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
    border: none;
    background-color: var(--cookieIconColor);
    cursor: pointer;
    box-shadow: 0 0 6px 0 #0000001a;
    pointer-events: auto;
    animation: silktide-fadeIn 0.3s ease-in-out forwards
}

#silktide-cookie-icon.bottomRight {
    left: auto;
    right: 10px
}

#silktide-cookie-icon svg {
    fill: var(--cookieIconBackgroundColor)
}

#silktide-backdrop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--backdropBackgroundColor);
    backdrop-filter: blur(var(--backdropBackgroundBlur));
    pointer-events: all
}

@keyframes silktide-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes silktide-slideInDown {
    from {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes silktide-slideInDown-center {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% - 20px))
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

@keyframes silktide-slideInDown-bottomCenter {
    from {
        opacity: 0;
        transform: translate(-50%, -20px)
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

@keyframes silktide-slideInUp-center {
    from {
        opacity: 0;
        transform: translate(0, 20px)
    }

    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #ecf1f6 !important;
    border: #fff0;
    max-width: 100%;
    padding: 25px;
    border: 1px dashed rgb(255 255 255 / .4);
    border-radius: 3px;
    transition: 0.2s;

    &.is-active {
        background-color: rgb(255 255 255 / .05)
    }
}

.fake-btn {
    flex-shrink: 0;
    background-color: rgb(255 255 255 / .04);
    border: 1px dashed rgb(155 155 155 / 62%);
    border-radius: 3px;
    padding: 4px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase
}

.file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;

    &:focus {
        outline: none
    }
}

i.fa.fa-camera.upload-button {
    margin-left: -9px;
    margin-top: 26px
}

.fa-camera:before {
    content: "\f030"
}

.footer-part .link-part a:hover {
    color: #ee5f38
}

@media only screen and (min-width:768px) and (max-width:870px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
}

.w-28 {
    width: 28%
}

.gap-4p {
    gap: 4px
}

.no-drop {
    cursor: no-drop
}

.font-300 {
    font-weight: 300 !important;
}

.profile-dropdown {
    min-width: auto;
    position: absolute;
    z-index: 1000;
    font-size: 1rem;
    color: #504441;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / .15);
    border-radius: .25rem !important;
    /* padding: 7px 11px; */
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;


}

.profile-dropdown.hidden {
    display: none
}

.color-red {
    color: red !important
}

.loader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid tomato
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid tomato
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid tomato
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

.blurCard {
    opacity: .5;
    filter: blur(4px)
}

.cardTitle {
    color: #632c2c;
    font-size: 26px;
    margin-bottom: 0
}

.mailto {
    color: #1c206b
}
.reading1{
    margin-right: 4px;
}
.available {
    --tw-bg-opacity: 1;
    background-color: rgb(72 205 160 / var(--tw-bg-opacity))!important;
    border: 1px solid rgb(72 205 160 )!important;
}
.bg-\[\#ED5F38\] {
    --tw-bg-opacity: 1;
    background-color: #a7a7a7;
    cursor: no-drop!important;
    border: 1px solid #a7a7a7;
}
.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));
        border: 1px solid #e6bc13;
}

.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
}

.fill-available {
    fill: #48cda0
}

.fill-orange {
    fill: #e6bc13
}

.fill-gray {
    fill: #a7a7a7
}

.dialog-header-v2__img {
    height: unset;
    position: absolute;
    top: -140px;
    width: 100%;
    z-index: 9999999
}

.Stars_stars__Yu_6m svg.halfRate {
    fill: url(#halfGold)
}

#ratingStars svg.fullRate {
    fill: #ff8a00
}

.ExpertProfile__RatingStars i {
    color: #ff8a00
}

.ExpertProfile__RatingStars i.fullRate {
    color: #d0d0d0
}

.ExpertProfile__RatingStars i.halfRate {
    color: #ff8a00
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-star-half-o {
    color: #ff8a00
}

#freeconsultationIframe {
    background-image: url(../images/4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px
}

#offerIframe {
    background-image: url(../images/18.jpg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px
}

.signLink {
    color: #ee5f38;
    text-decoration: underline !important
}

.addet_by_lastname {
    font-size: 12px !important
}

.addet_by_firstname {
    font-size: 12px !important
}

.phone_number {
    background: #fbecec;
    padding: 6px 21px;
    border-radius: 8px
}



.pt-3r {
    padding-top: 3rem !important
}

.pb-3r {
    padding-bottom: 3rem !important
}

p span {
    color: #ee5f38;
    text-decoration: underline !important;
}

#submenu li {
    padding: 7px;
    border-bottom: 1px solid #eee !important;
}

.dropdown-menu.show li:first-child {

    border-bottom: 1px solid #eee !important;
}

.dropdown-menu.show li {
    padding: 7px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent !important;
}

button.btn.btn-secondary.btn-sm.view-btn {
    border-radius: 50px;
    margin: 0;
    padding: 10px 28px;
    width: auto;
    border-width: 1px;
    --tw-border-opacity: 1;
    border: 1px solid #ee5f38;
    background-color: #fff0;
}
.mt-18{
    margin-top: 18px;
}
.shopCard {
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #ffffff;
}
.mb-7{
    margin-bottom: 10px;
}
.mt-7{
    margin-top: 10px;
}
.mt-8{
    margin-top: 8px;
}

@media (max-width:991px) {
       a#logoutBtn {
        margin-top: 7px;
    } .logo_respo{
        display:block !important;
    }
        .Menu_header {
        justify-content: space-between !important;
    }
      .divinaro {
        display: block !important;
        width: 100px;
    } .right-section {
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
    }
        .btnAccount {
        display: none;
    }
    .OnecreditsContainer {
        display: flex !important;
    }
        .LogoImg {
        display: none;
    }
    .personnalCode {
        display: none;
    }
        .lang {
        display: none;
    }
        .profile-dropdown {
        width: 159px;
        display: flex;
        flex-direction: column;
        right: 5px;
    }
        .accountBtn {
        display: block !important;
    }
        .codeBtn {
        display: block !important;
    }
    .shopCard {
        display: flex !important;
    }
        .languageBtn {
        display: block !important;
    }
        #submenu {
        position: absolute;
        width: 100%;
        box-shadow: none;
        right: 146px;
        border-radius: 0;
    }
        .btn-buy {
        display: none;
    }

        .creditsContainer {
        display: none;
    }
     .fa-2x {
        font-size: 1.5em !important
    }

    .arrow-2 {
        display: none
    }

    .contact-btns {
        gap: 10px
    }

    .gap-3p {
        gap: 0
    }

    .ContactButton {
        padding: .75em .75em
    }

    .contactButton_label {
        font-size: 17px
    }

    .as_pricing_box.text-center {
        padding: 29px
    }

    .card-pack-chat {
        padding: 20px 30px
    }

    .section-title {
        line-height: 1.4
    }

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

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

    .mobile-nav-toggler {
        display: block !important
    }

    .question_input {
        width: 86%
    }
}

@media screen and (max-width:900px) {
    .single-consultant__thumbnail.fixe {
        height: 150px;
        width: 150px
    }

    .single-consultant__main {
        position: static
    }

    .Menu_header {
        justify-content: space-between !important
    }

    .single-consultant__sidebar {
        position: sticky;
        right: 10px;
        top: 295px;
        align-self: start
    }

    .ml-13 {
        margin-left: 10rem
    }

    .xl\:text-\[25px\] {
        font-size: 18px !important
    }

    .backdrop-blur {
        gap: 10px !important
    }

    .single-consultant__name {
        text-align: center
    }

    #sign-up {
        gap: 7px
    }

    #sign-u {
        gap: 7px
    }

    .close-modal-ComingSoon {
        font-size: 1.5rem;
        width: 109px
    }

    .firstTitle span {
        font-size: 15px !important
    }

    .descrip span {
        font-size: 8px !important
    }

    .firstTitle {
        margin: 10px 26px 10px !important
    }

    .descrip {
        margin: 0 !important
    }

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

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

    .log .title p {
        font-size: 11px
    }

    a.btn-reset.btn-fade {
        margin: 0 auto 0
    }

    .modal-content11 {
        width: auto
    }

    a.btn-reset.btn-fade {
        font-size: 11px
    }

    .btn-reset,
    .btn-member,
    .btn-fade {
        font-size: 12px
    }

    a.btn-signin {
        font-size: 17px !important;
        height: auto;
        padding: 7px
    }

    .packages {
        grid-gap: 9px !important
    }

    .pricing-divs h2 {
        font-size: 12px !important
    }

    .pricing-divs h3 {
        font-size: 16px !important
    }

    .h3 span {
        font-size: 14px !important;
        top: -8px !important
    }

    .details-time {
        font-size: 9px
    }

    .modal-body p {
        font-size: 12px !important
    }

    .select-pack {
        width: 5rem !important;
        height: 1.5rem !important;
        font-size: 8px !important;
        margin-top: 1rem !important
    }

    .pricing-divs {
        padding: 6px 0 6px 0 !important
    }

    .phone- h2 {
        font-size: 7px
    }

    .iti__selected-flag {
        padding: 0 3px 0 3px !important;

    }

    .msg-info svg {
        width: 40px !important
    }

    .msg-info span {
        font-size: 7px
    }

    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 14px;
        margin-left: 3px !important
    }

    .iti__arrow {
        margin-left: 6px !important
    }

    .iti--allow-dropdown input,
    .iti--allow-dropdown input[type=text],
    .iti--allow-dropdown input[type=tel],
    .iti--separate-dial-code input,
    .iti--separate-dial-code input[type=text],
    .iti--separate-dial-code input[type=tel] {
        padding-left: 64px !important
    }

    .status-available {
        width: 50px;
        height: 50px
    }

    .profile-expert h2 {
        font-size: 18px
    }

    .title2 {
        font-size: 12px !important
    }

    .experti span {
        font-size: 10px
    }

    .code svg {
        width: 13px
    }

    .code span {
        font-size: 10px
    }

    .step-div {
        gap: 4px !important
    }

    .num_dynamic {
        padding: .1rem .4rem;
        font-size: 10px !important
    }

    span.li_num {
        line-height: 19px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
        margin-right: 7px !important
    }

    .cal {
        font-size: 14px !important;
        height: 100% !important;
        padding: 6px !important
    }

    .expert-status {
        padding: 1px 5px 1px 5px !important;
        font-size: 8px !important;
        height: 16px !important;
        right: 35% !important;
        width: 100%
    }

    .consult-s {
        width: 100% !important
    }

    .step-div span {
        font-size: 12px;
        color: #026f9f !important
    }

    .dropdown-menu li a {
        font-size: 10px !important;
        padding: 9px 6px !important
    }

    .dropdown-menu {
        left: 8.5rem !important
    }

    .modal_consult_step li {
        margin: 0 0 6px 0 !important
    }

    .in-img {
        width: 18px;
        height: 18px
    }

    .dropdown-toggle::after {
        margin-top: 8px !important
    }

    .select-css {
        font-size: 10px
    }

  /*   .modal.show .modal-dialog {
        transform: translate(0, 20%)
    }
 */
    .status.fixed {
        width: 26px !important;
        left: 83px !important;
        top: 96% !important
    }

    .nbr-consultation {
        font-size: 9px
    }

    .footer-part .footer-logo p {
        font-size: 11px
    }

    .footer-part .footer-label {
        font-size: 17px
    }

    .footer-part .link-part a {
        font-size: 16px
    }

    .expert-detail {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    .ExpertProfile__Specialties {
        font-size: 5px;
        padding: 2px 3px 2px 3px;
        border-radius: 5px;
        background: rgb(36 36 36 / 70%) none repeat scroll 0 0;
        color: #fff;
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .ExpertProfile__Specialties svg {
        width: 21px
    }

    .single-consultant__header .single-consultant__activity {
        display: flex;
        flex-direction: column;
        margin-left: 0rem;
        font-weight: 600;
        font-size: 15px
    }

    #button {
        width: 30px;
        height: 30px
    }

    .listing-content-top p {
        font-size: 12px
    }

    .card__name {
        font-size: 22px
    }

    .we-comment p {
        font-size: 13px
    }

    .single-consultant__categories>.single-consultant__category {
        margin: 0 1px 0 0;
        font-size: 9px !important;
        padding: .5em .8em .5em
    }

    .review-section {
        padding: 19px 0 0 2px
    }

    #sign-u {
        padding: 10px 10px
    }

    .fa-check {
        font-size: 11px
    }

    .menu {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        justify-content: space-between;
        background: #fff;
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 51px
    }

    .expert-detail {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    span.single-consultant__category {
        font-size: 8px !important
    }

    .we-comet>li ul {
        margin-left: 25px !important
    }

    .coment-head h5 {
        font-size: 10.5px !important
    }

    .single-consultant__reviews-pager a {
        font-size: 11px
    }

    .clearfix label {
        font-size: 13px
    }

    .yourview .comment-form-rating .review-stars {
        letter-spacing: 2px;
        font-size: 14px
    }

    .expert-name {
        font-size: 13px !important
    }

    .comment-form textarea.form-control::placeholder {
        font-size: 10px
    }

    .h {
        padding: 0
    }

    .single-consultant__header .single-consultant__name {
        font-size: 17px;
        margin-top: .8em
    }

    .single-consultant__section .single-consultant__section-title {
        font-size: 17px
    }

    .message-profile {
        width: 18px;
        height: 18px
    }

    .we-comet>li ul {
        margin-left: 32px
    }

    .w-96 {
        width: 17rem
    }

    .flex-col {
        gap: 2px;
        padding-left: 4px;
        padding-right: 4px
    }

    .ExpertProfile__Header.fixed {
        position: sticky;
    }

    small {
        font-size: 80%
    }

    .w-1\/4 {
        width: 25%;
        font-size: 14px;
        color: #222
    }

    .single-consultant__main .single-consultant__sidebar {
        padding-left: 0;
        gap: 0;
        flex-wrap: wrap
    }

    .card-pack-chat1 {
        padding: 34px 40px
    }

    .header-logo img {
        max-width: 21%
    }

    .landing-page .header-main {
        padding: 4px 0
    }

    .CallButton {
        min-height: 2em
    }
/* 
    .single-consultant__section-content {
        padding-top: 1rem
    } */

    .single-consultant__section-content p {
        font-size: 18px !important
    }

    .single-consultant__review .single-consultant__review-answer {
        margin-left: 0rem
    }

    .PackageCard__Order {
        font-size: 15px
    }

    .send-btn {
        padding: 8px 1rem
    }

    .single-consultant__sidebar-box .sidebar-box__title {
        font-size: 17px
    }

    .head-logo img {
        width: 83px
    }

    .listing-time {
        min-width: 70%
    }

    .listing-time {
        float: inline-start
    }

    .opened label i {
        font-size: 17px
    }

    .grid-phone h6 {
        font-size: 8px
    }

    .boutons-serv .btn-7e {
        letter-spacing: 0;
        padding: 9px 6px
    }

    .footer-logo img {
        max-width: 56%
    }

    .fa-user {
        font-size: 12px
    }

    .fa-trophy {
        font-size: 12px
    }

    .clr {
        font-size: 12px
    }

    .headd {
        background-color: #e9ebe9 !important;
        padding: 12px 0
    }

    .status {
        top: 120px;
        left: 100px;

    }

    .single-consultant__consultations-count {
        font-size: 11px;
    }

    .ExpertProfile__Rating {
        font-size: 12px;
    }
}
span.font-17.font-300 {
    color: #636363;
}
.w-auto{
    width: auto;
}
.profile-wrapper {
    position: relative;
    display: inline-block;
}
.comments {
    padding-top: 11px;
    padding-bottom: 5px;
    font-size: 14px;
}
.mr-6p{
    margin-right: 6px;
}
@media (max-width:768px) {
    .CallButton.disponibility.available {
    padding: 18px 17px !important;
    font-size: 14px;
}
    .col-lg-2.col-md-4.col-sm-2.col-6.u-container-style.u-layout-cell.mb-2 {
        width: 100%;
        margin-bottom: 0px !important;
    }

    .u-valign-middle,
    .u-valign-top,
    .u-valign-bottom {
        display: flex;
        flex-direction: column;
        padding: 14px 0px;
    }

    .col-lg-1.col-md-2.col-sm-1.col-2.u-container-style.u-layout-cell {
        display: none;
    }

    .u-size-16-md {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .u-container-style.u-layout-cell.u-size-6-lg.u-size-6-md.u-size-6-sm.u-size-6-xs.u-size-7-xl.u-layout-cell-2 {
        display: none;
    }

    p.text {
        font-size: 15px;
    }

    #submenu {
        position: absolute;
        box-shadow: none;
        right: 151px;
    }

    .u-container-style.u-hidden-sm.u-hidden-xs.u-layout-cell.u-size-20.u-layout-cell-1 {
        display: none
    }

    .u-layout {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .background_offer {
        font-size: 11px
    }

    .headerstrip .headerstrip-cta {
        padding: 6px 10px
    }

    .mobile-nav-toggler {
        display: block !important
    }

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

    .transformStatus {
        transform: translate(94px, -18px)
    }

    .flex.justify-content-between.mb-20 {
        margin-bottom: 26px
    }

    .icon-box-title {
        padding-top: 0;
        font-size: 14px !important;
        padding-bottom: 0
    }

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

    .single-consultant__main .single-consultant__sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid;
        gap: 20px
    }

    .modal-dialog {
        max-width: 500px !important
    }

    .pr-70 {
        padding-right: 0
    }

    .pl-70 {
        padding-left: 0
    }

    .CallButton {
        font-size: 15px;
        padding: 10px 10px
    }

    .gap-13r {
        gap: 2rem
    }

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

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

    .lg\:grid-cols-44 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 0 10rem
    }

    .u-size-6-md {
        flex: 0 0 10%;
        max-width: 10%
    }

    .u-layoutt>div {
        flex-wrap: wrap
    }

    .logo_footer {
        width: 89px
    }

    .u-size-16-md {
        flex: 0 0 23.33333333%;
        max-width: 23.33333333%
    }

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

    h4.as_subheading {
        font-size: 19px !important
    }

    h4.u-text.u-text-2 {
        font-size: 19px;
    }

    p.text.descriptionOffer {
        font-size: 13px;
    }

    .comment {
        font-size: 17px;
    }

    p.u-text.u-text-palette-5-dark-2.u-text-3 {
        font-size: 17px;
    }

    .font-38 {
        font-size: 24px !important
    }

    .font-15 {
        font-size: 16px !important;
    }

    p.u-align-center.u-text {
        font-size: 16px;
    }

    .font-25 {
        font-size: 17px !important
    }

    .ExpertProfile__Header .Menu {
        height: 100%
    }

    .md\:text-\[16px\] {
        font-size: 14px !important
    }

    .clairvoyant_block {
        margin-bottom: 15px
    }

    .lg\:pb-\[60px\] {
        padding-bottom: 90px
    }

    .card-expert .d-sm-flex {
        flex-wrap: wrap;
        gap: 3rem;
        justify-content: center
    }

    h3.Banner_subtitle__A63ME {
        font-size: 15px;
        line-height: 22px
    }

    .u-align-center.u-container-style.u-layout-cell.u-size-40.u-white.u-layout-cell-2 {
        max-width: 50%
    }

    .u-size-15.u-size-30-md>div {
        flex-direction: row !important
    }

    .u-icon-2 {
        height: 30px;
        width: 30px
    }

    .footer-part .link-part a {
        font-size: 16px
    }

    .status_expert {
        top: 1.9rem;
        left: 1.5rem;
        width: 17px
    }

    .christmas {
        top: -10px !important;
        left: -7px !important
    }

    .sm\:text-\[16px\] {
        font-size: 11px
    }

    .w-32 {
        width: auto
    }

    .footer-link-content p {
        font-size: 11px
    }

    .gap-27 {
        gap: 11px
    }

    .divinaro {
        width: 94px
    }

    .footer-link-content {
        flex-wrap: wrap
    }

    .backdrop-blur {
        gap: 1rem
    }

    .nav {
        font-size: 12px
    }

    .w-67 {
        width: 73%
    }

    .we-comet>li ul {
        margin-left: 55px;
        margin-top: 34px
    }

    .gap-10r {
        gap: 1rem
    }

   /*  .section-line {
        margin-bottom: 15px
    } */

    h4.u-section-text {
        font-size: 17px !important
    }

    .section-title {
        font-size: 17px !important
    }

    .mt-11 {
        margin-top: 26px
    }

    .lg\:py-\[60px\] {
        padding-top: 90px
    }

    .font-18 {
        font-size: 17px !important
    }

    .u-container-style.u-hidden-sm.u-hidden-xs.u-layout-cell.u-size-20.u-layout-cell-1 {
        border: 0 solid #fff0
    }

    .u-container-layout.u-container-layout-1 {
        padding: 0
    }

    .subtitle-section {
        font-size: 17px
    }

    .font-14 {
        font-size: 16px !important;
    }

    p.text-start.mb-0 {
        font-size: 15px;
    }

    .single-consultant__thumbnail.fixe {
        height: 80px;
        width: 80px
    }

    #silktide-cookie-icon {
        width: 40px !important;
        height: 40px !important
    }

    .rounded-full {
        right: 15px;
        bottom: 7rem
    }

    #silktide-cookie-icon svg {
        width: 24px
    }

    .woot-widget-bubble {
        height: 40px !important;
        width: 40px !important
    }

    .woot-widget-bubble svg {
        height: 18px !important;
        margin: 5px !important
    }

    .woot-widget-bubble {
        bottom: 61px !important
    }

    [dir="ltr"] .ltr\:bottom-6 {
        bottom: 7rem
    }

    [dir="ltr"] .ltr\:right-2 {
        right: 14px
    }

    .h-11 {
        height: 2rem
    }

    .w-11 {
        width: 2rem
    }

    .u-container-layout- {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .radio-btn {
        width: 289px;
        height: 90px
    }

    .radio-btn .hobbies-icon img {
        width: 58%;
        margin-bottom: 7px
    }

    .radio-btn .hobbies-icon h4 {
        font-size: 14px !important
    }

    .col-lg-12.col-12.flex.align-items-center.justify-content-center.flex-wrap.lg\:pb-\[1rem\] {
        gap: 0rem !important
    }

    .w-12 {
        width: 42%;
    }

    .radio-btn>i {
        font-size: 11px;
        top: -9px
    }

    .single-consultant__header .single-consultant__summary {
        flex-direction: column
    }

    .h {
        height: 164px
    }


    .single-consultant__thumbnail {
        border: 8px solid #fff;
        height: 80px;
        position: relative;
        width: 80px;
        z-index: 12;
        object-fit: cover;
        /* transform: translate(0, 43px) */
    }

    .question_input {
        width: 86%
    }

    .single-consultant__header {
        margin-bottom: 145px
    }

    .expert-section {
        padding: 0
    }

    .ml-13 {
        margin-left: 8rem
    }

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

    .status {
        width: 23px;
        z-index: 12;
        border: 5px solid #fff;
        border-radius: 20px;
        top: 60px;
        left: 50px;
        /* transform: translate(48px, 23px) */
    }

    .image-wrapper.image-loaded img {
        width: 40px;
        height: 40px
    }

    .firstblock {
        display: none
    }

    .HowItworkblock {
        flex-direction: column;
        gap: 1rem
    }

    .details-time {
        font-size: 9px
    }

    .single-consultant__name {
        text-align: center
    }

    #sign-up {
        gap: 7px
    }

    .single-consultant__header .single-consultant__summary {
        flex-direction: column
    }


    .expert-detail {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    .ExpertProfile__Specialties {
        font-size: 5px;
        padding: 2px 3px 2px 3px;
        border-radius: 5px;
        background: rgb(36 36 36 / 70%) none repeat scroll 0 0;
        color: #fff;
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .ExpertProfile__Specialties svg {
        width: 21px
    }

    .single-consultant__header .single-consultant__activity {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 3px;
        font-weight: 600
    }

    .fa-check {
        font-size: 11px
    }

    .CallButton {
        font-size: 8px
    }

    .menu {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        justify-content: space-between;
        background: #fff;
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 51px
    }

    .expert-detail {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    span.single-consultant__category {
        font-size: 8px !important
    }



    .we-comet>li ul {
        margin-left: 25px !important
    }

    .coment-head h5 {
        font-size: 10.5px !important
    }

    .single-consultant__reviews-pager a {
        font-size: 11px
    }

    .clearfix label {
        font-size: 13px
    }

    .yourview .comment-form-rating .review-stars {
        letter-spacing: 2px;
        font-size: 14px
    }

    .expert-name {
        font-size: 17px !important
    }

    .comment-form textarea.form-control::placeholder {
        font-size: 10px
    }

    .h {
        padding: 0
    }

    .single-consultant__header .single-consultant__name {
        font-size: 17px;
        margin-top: .8em
    }

    .ExpertProfile__Title {
        margin-right: 14px
    }

    .single-consultant__section .single-consultant__section-title {
        font-size: 17px
    }

    .we-comet>li ul {
        margin-left: 32px
    }

    .w-96 {
        width: 17rem
    }

    .flex-col {
        gap: 2px;
        padding-left: 4px;
        padding-right: 4px
    }

    small {
        font-size: 80%
    }

    .w-1\/4 {
        width: 34%;
        font-size: 10px;
        color: #222
    }

    .single-consultant__main .single-consultant__sidebar {
        padding-left: 0
    }

    .single-consultant__main {
        display: flex;
        flex-direction: column
    }

    .header-logo img {
        max-width: 21%
    }

    .landing-page .header-main {
        padding: 4px 0
    }

    .CallButton {
        min-height: 2em
    }

    .single-consultant__section-content {
        padding-top: 0;
        z-index: 0
    }

    .single-consultant__section-content p {
        font-size: 18px
    }

    .single-consultant__review .single-consultant__review-answer {
        margin-left: 0rem
    }

    .PackageCard__Order {
        font-size: 15px
    }

    .send-btn {
        padding: 8px 1rem
    }

    .single-consultant__main .single-consultant__sidebar {
        min-width: auto
    }

    .single-consultant__sidebar-box .sidebar-box__title {
        font-size: 17px
    }

    .head-logo img {
        width: 83px
    }

    .listing-time {
        min-width: 70%
    }

    .listing-time {
        float: inline-start
    }

    .opened label i {
        font-size: 17px
    }

    .grid-phone h6 {
        font-size: 8px
    }

    .boutons-serv .btn-7e {
        letter-spacing: 0;
        padding: 9px 6px
    }

    .footer-logo img {
        max-width: 56%
    }


    .single-consultant__main {
        flex-direction: column-reverse
    }

    .single-consultant__sidebar {
        position: static
    }

    .fa-user {
        font-size: 12px
    }

    .fa-trophy {
        font-size: 12px
    }

    .clr {
        font-size: 12px
    }

    .headd {
        background-color: #e9ebe9 !important;
        padding: 12px 0
    }

    .pt-1r {
        padding-top: 0
    }
    span.font-400.font-14{
        font-size: 14px!important;
    }
}

@media (max-width:660px) {
    .OnecreditsContainer {
    display: flex!important;
}
.OnecreditsContainer a span.fw-bold.fs-15.mb-0.label-btn-icon.remaining {
    padding: 6px !important;
}
    a#logoutBtn {
    padding-top: 7px!important;
}.remaining {
    padding: 10px!important;
}
.profile-icon {
        margin-right: 0px !important;
    }

    .btnAccount {
        display: none;
    }

    .personnalCode {
        display: none;
    }

    .divinaro {
        display: block !important;
    }

    .right-section {
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
    }

    .btn-buy {
        display: none;
    }
/* .dropdown_credits{
    display: flex!important;
} */
.creditsContainer{
    display: none;
}
    .shopCard {
        display: flex !important;
    }

    .profile-dropdown {
        width: 159px;
        display: flex;
        flex-direction: column;
        right: 10px;
    }

    .lang {
        display: none;
    }

    .LogoImg {
        display: none;
    }

    .accountBtn {
        display: block !important;
    }

    .codeBtn {
        display: block !important;
    }

    .languageBtn {
        display: block !important
    }
    span.font-400.font-14{
        font-size: 14px!important;
    }
}

@media (max-width:480px) {
    .text-center.as_padderTop60.flex.align-items-start.gap-5p.justify-content-center svg{
        width: 80px!important;
    }
    .gap-1res{
        gap: 1rem;
    }
    .flex.flex-column.justify-content-end.ltr\:only-md\:pl-\[40px\].rtl\:xl\:pr-\[95px\].rtl\:lg\:pr-\[50px\].rtl\:only-md\:pr-\[40px\].flex-grow.sm\:mt-\[30px\].sm\:text-center.p-0{
        margin-bottom:20px
    }
   .free_q{
    gap:1rem
   } .logoutBtn{
        margin-top:7px
    }
   .al-faq-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.single-testimonial {
    margin-bottom: 0px;
    } span.font-400.font-14{
        font-size: 14px!important;
    }
[role=progressbar]::before, [role=progressbar]::after {

    font-size: 2.5em!important;
}
[role=progressbar] p {
    font-size: 1.5em!important;
}
  /*   .flex.flex-column.align-items-center.gap-2r {
        gap: 1rem;
    } */

    #offerIframe {
        background-image: none;

        background-color: #d3ccc4;
    }

    .pt-1r {
        padding-top: 1rem
    }

    .imgExp {
        top: 26px;
    }

    .w-1\/4 {
        font-size: 11.5px
    }
h3.nameE.listing-title {
    font-size: 18px;
}
    .flex-col {
        padding-left: 7px;
        padding-right: 7px;
    }

    .section-text {
        font-size: 16px;
    }

    .ExpertProfile__ReviewsCount {
        font-size: 11px;
    }

    .single-consultant__consultations-count {
        font-size: 11px;
    }

    .question_input {
        width: 93%
    }

    .w-12 {
        width: 42%;
    }

    .u-text-1 {
        font-size: 2.75rem;
    }

    /*    .btn-remaining {
        display: none
    }

    .btn-buy {
        display: none
    } */

    .free_product {
        position: absolute;
        top: -35px !important;
        left: -17px !important
    }

    .footer-link-content {
        justify-content: center
    }

    .HowItworkblock {
        flex-direction: column;
        gap: 1rem
    }

    .justify-end {
        justify-content: center
    }

    .pr-16 {
        padding-right: 0px !important
    }

    .u-group-1 {
        width: 218px !important
    }

    .OfferContent {
        padding: 26px !important
    }

    .OfferContent .flex .flex.flex-column.justify-content-center.align-items-center.w-50 {
        width: 60% !important
    }

    #offerIframe {
        background-position: bottom !important
    }

    .ml-13 {
        margin-left: 5rem
    }

    /* .ExpertProfile__Header .Menu {
        flex-wrap: wrap
    } */
    .bg-cover {
        min-height: 27vh;
    }

    .white_color {
        font-size: 10px;
    }

    .divinaro {
        width: 86px
    }

    .flex.flex-column.justify-content-center.ltr\:only-md\:pl-\[40px\].rtl\:xl\:pr-\[95px\].rtl\:lg\:pr-\[50px\].rtl\:only-md\:pr-\[40px\].flex-grow.sm\:mt-\[30px\].sm\:text-center.p-0 {
        justify-content: end !important;
        margin-bottom: 12px;
    }

    .expertises1.mb-\[15px\].flex.gap-5p {
        flex-wrap: wrap;
    }

    /* .mobile-nav-toggler {
    margin-top: 7px;
} */
    .lg\:grid-cols-22 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .logo_footer {
        width: 86px
    }

    .single-consultant__main .single-consultant__sidebar {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        gap: 0
    }

    .font-21 {
        font-size: 10px !important
    }

    .garantees {
        display: grid;
        gap: 1rem;
    }

    .h {
        height: 164px
    }


    .mt-11 {
        margin-top: 11px
    }

    .single-consultant__thumbnail {
        border: 8px solid #fff;
        height: 80px;
        width: 80px;
        z-index: 12;
        object-fit: cover
    }

    .ExpertProfile__Rating {
        font-size: 12px;
    }

    .status {
        top: 62px;
        left: 50px;
        /* transform: translate(48px, 27px); */
        width: 20px
    }

    .transformStatus {
        transform: translate(88px, -29px)
    }

    .image-wrapper.image-loaded img {
        width: 40px;
        height: 40px
    }

    .flex.justify-content-between.mb-20 {
        margin-bottom: 26px
    }

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

    .contactForm {
        display: flex;
        flex-direction: column
    }

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

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

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

    .u-layout-col,
    .u-layout-row,
    .u-layout-col>* {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    #silktide-cookie-icon {
        width: 40px;
        height: 40px
    }

    #silktide-cookie-icon svg {
        width: 24px
    }

    .w-150 {
        width: 108px
    }

    .w-67 {
        width: 73%
    }

    .woot-widget-bubble {
        height: 40px;
        width: 40px
    }

    .woot-widget-bubble svg {
        height: 18px;
        margin: 5px
    }

    .woot-widget-bubble {
        bottom: 59px !important
    }

    [dir="ltr"] .ltr\:bottom-6 {
        bottom: 7rem
    }

    [dir="ltr"] .ltr\:right-2 {
        right: 15px
    }

    .h-11 {
        height: 35px
    }

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

    .w-11 {
        width: 35px
    }

    .divinaro {
        width: 83px !important
    }

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

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

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

    .firstblock {
        display: none
    }

    .as_font17 {
        font-size: 15px
    }

    .testimonial-wrapper .-mt-60 {
        margin-top: 0
    }

    .testimonial-wrapper .-mt-30 {
        margin-top: 0
    }

    .testimonial-wrapper {
        margin-top: 0
    }

    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .lg\:pb-\[60px\] {
        padding-bottom: 50px
    }

    .lg\:py-\[60px\] {
        padding-top: 50px
    }

    .gap-10r {
        gap: 0
    }

    .u-layout-row {
        flex-wrap: wrap
    }

    .font-38 {
        font-size: 24px !important
    }

    .font-25 {
        font-size: 17px !important
    }

    .lg\:pb-\[1rem\] {
        padding-bottom: 1rem
    }

    .expertises_form {
        gap: 1rem
    }

    .md\:text-\[16px\] {
        font-size: 14px !important
    }

    .clairvoyant_block {
        margin-bottom: 15px
    }

    .card-expert .d-sm-flex {
        flex-wrap: wrap;
        gap: 3rem;
        justify-content: center
    }

    h3.Banner_subtitle__A63ME {
        font-size: 15px;
        line-height: 22px
    }

    .footer-part .link-part a {
        font-size: 16px;
    }

    .ast_img_overlay {
        height: 228px;
    }

    .mt-5rem {
        margin-top: 4.9rem !important;
            padding-right: 5px;
    }
    .logo_footer {
    margin-bottom: .75rem!important;
}

    .u-size-16-md {
        flex: 0 0 36.33333333%;
        max-width: 36.33333333%
    }

    .u-size-6-md {
        flex: 0 0 23%;
        max-width: 23%
    }

    .sm\:text-\[16px\] {
        font-size: 11px
    }

    .footer-link-content p {
        font-size: 11px
    }

    .gap-27 {
        gap: 11px
    }

    .footer-link-content {
        flex-wrap: wrap
    }

    .backdrop-blur {
        gap: 0 !important;
    }

    .icon-box-title {
        padding-bottom: 0
    }

    .nav {
        font-size: 7px
    }

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

    .section-title {
        font-size: 20px !important;
        line-height: 1.5;
        text-align: center
    }

    .btn-primary {
        font-size: 15px
    }

    .btn-sm {
        font-size: 15px;
    }

    button.btn.btn-link.accordion-button.collapsed {
        font-size: 16px
    }

    .justify-content-stretch {
        justify-content: stretch
    }

    .u-container-layout.u-container-layout-1 {
        padding: 0
    }

    p.u-align-center.u-text.u-text-5.font-18.mb-0 {
        font-size: 11px !important
    }

    .expert-section {
        padding: 0
    }

    .transform {
        margin-top: 50px
    }

    .single-consultant__thumbnail.fixe {
        height: 80px;
        width: 80px;
    }

    h4.text-center.font-17 {
        font-size: 17px !important
    }

    span.u-text.u-text-palette-5-dark-2.u-text-3 {
        font-size: 15px;
    }

    .CallButton {
        font-size: 11px;
        padding: 7px;
    }
       input.w-full.rounded.px-3.py-2.h-11.dark\:bg-transparent.dark\:text-slate-300.dark\:border.dark\:border-slate-600 {
    height: 50px;
         
}
.grid select {
    background-color: #ecf1f6 !important;
    border: #fff0;
    height: 50px;
}
.choices__inner {
        height: 50px;
}
.file-drop-area {
    height: 50px !important;
}
.btn_psychic  {
    font-size: 16px;
}
input, textarea, select {
       font-size: 17px;
}
.label-form {
    font-size: 17px;
    

}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    height: 50px;
}
}

/* empty block reviews */
@keyframes loading-skeleton {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

.card-review {
    border: 1px solid rgb(0 0 0 / .125);
}

.loading-skeleton {
    pointer-events: none;
    animation: loading-skeleton 1s infinite alternate;

    img {
        filter: grayscale(100) contrast(0%) brightness(1.8);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    .btn,
    label,
    .form-control {
        color: transparent;
        appearance: none;
        -webkit-appearance: none;
        background-color: #eee;
        border-color: #eee;

        &::placeholder {
            color: transparent;
        }
    }
}

/* empty block experts */
.box {
    width: 100%;
    padding: 0 15px;
}

.skeleton {
    padding: 15px;
    max-width: 300px;
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
}

.skeleton .square {
    height: 80px;
    border-radius: 5px;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-squares 2s infinite ease-out;
}

.skeleton .line {
    height: 12px;
    margin-bottom: 6px;
    border-radius: 2px;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
}

.skeleton-right {
    flex: 1;
}

.skeleton-left {
    flex: 2;
    padding-right: 15px;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.skeleton .line:last-child {
    margin-bottom: 0;
}

.h8 {
    height: 8px !important;
}

.h10 {
    height: 10px !important;
}

.h12 {
    height: 12px !important;
}

.h15 {
    height: 15px !important;
}

.h17 {
    height: 17px !important;
}

.h20 {
    height: 20px !important;
}

.h25 {
    height: 25px !important;
}

.w25 {
    width: 25% !important
}

.w40 {
    width: 40% !important;
}

.w50 {
    width: 50% !important
}

.w75 {
    width: 75% !important
}

.m10 {
    margin-bottom: 10px !important;
}

.circle {
    border-radius: 50% !important;
    height: 80px !important;
    width: 80px;
}

@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

/*empty pack */

.movie--isloading {
    height: 252px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
}

.movie--isloading .loading-image {
    height: 190px;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.movie--isloading .loading-content {
    background: #f7f7f7;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.movie--isloading .loading-content .loading-text-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.movie--isloading .loading-content .loading-main-text {
    height: 10px;
    width: 65%;
    margin-bottom: 10px;
    background: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
    background-size: 250px;
    border-radius: 10px;
    -webkit-animation: shine-loading-container-items 2s infinite ease-out;
    animation: shine-loading-container-items 2s infinite ease-out;
}

.movie--isloading .loading-content .loading-sub-text {
    height: 10px;
    width: 50%;
    background: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
    background-size: 250px;
    border-radius: 10px;
    -webkit-animation: shine-loading-container-items 2s infinite ease-out;
    animation: shine-loading-container-items 2s infinite ease-out;
}

.movie--isloading .loading-content .loading-btn {
    width: 60px;
    height: 25px;
    background: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
    background-size: 250px;
    border-radius: 3px;
    -webkit-animation: shine-loading-container-items 2s infinite ease-out;
    animation: shine-loading-container-items 2s infinite ease-out;
}


@-webkit-keyframes shine-loading-image {
    0% {
        background-position: -32px;
    }

    40%,
    100% {
        background-position: 208px;
    }
}


@keyframes shine-loading-image {
    0% {
        background-position: -32px;
    }

    40%,
    100% {
        background-position: 208px;
    }
}

@-webkit-keyframes shine-loading-container-items {
    0% {
        background-position: -100px;
    }

    40%,
    100% {
        background-position: 140px;
    }
}

@keyframes shine-loading-container-items {
    0% {
        background-position: -100px;
    }

    40%,
    100% {
        background-position: 140px;
    }
}

/*mobile app page*/

@import url(https://fonts.googleapis.com/css?family=Sacramento:400|Montserrat:700);

[role=progressbar] {
    position: relative;
}

[role=progressbar] p {
    display: block;
    margin: 0;
    height: 60px;
    font-family: Sacramento, cursive;
    font-size: 3em;
    text-align: center;
}

[role=progressbar]::before,
[role=progressbar]::after {
    display: block;
    height: 120px;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 6em;
    text-transform: uppercase;
    content: attr(data-text);
}

[role=progressbar]::before {
    color: #49311c;
}

[role=progressbar]::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: white;
    overflow: hidden;
}

[role=progressbar][aria-busy=true]::after {
    -webkit-animation: load ease-out 10s infinite forwards;
    animation: load ease-out 10s infinite forwards;
}

@-webkit-keyframes load {

    0%,
    10%,
    100% {
        height: 0;
    }

    90% {
        height: 120px;
    }
}

@keyframes load {

    0%,
    10%,
    100% {
        height: 0;
    }

    90% {
        height: 120px;
    }
}.p-0{
    padding: 0!important;
}
.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-incall{
    background-color: #a8ddcb;
    cursor: no-drop;
        border: 1px solid #a8ddcb;
}
.font-400 {
    font-weight: 400!important
}
.gold_color{
    color: #ff8a00;
}
h4.font-17.text-center.mb-0.font-400{
        line-height: 1.5;
    color: rgb(0 0 0 / .5);
}
h4.text-center.mb-0.font-18.text-\[\#636363\].m-0.dark\:text-slate-200.text-\[17px\].leading-\[28px\].w-full.font-400{
    color: rgb(99 99 99 );
        line-height: 1.5;
}
p.container.text-center.w-57.font-18.text-\[\#636363\].dark\:text-slate-200.text-\[17px\].leading-\[28px\].w-full{
       line-height: 1.5;
     color: rgb(99 99 99 );
}
p.mb-0.text-center.w-57.font-18.text-\[\#636363\].dark\:text-slate-200.text-\[17px\].leading-\[28px\].w-full.font-400{
       line-height: 1.5;
     color: rgb(99 99 99 );
}
.fa-ban::before{
    content: "\f05e"
}