.cards-reading{
    display: flex;
}
.img-result{
/* transform: rotate(354deg);*/
height: 24rem;
border-radius: 1rem;
width: 15rem;
}
.-show{
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
    }
@keyframes homeStarAbout {
            0% {
                opacity: 0;
                transform: scale(0.25)
            }

            15% {
                opacity: 1
            }

            100% {
                opacity: 0;
                transform: scale(1)
            }
        }
.result1{
height: 33rem;

}
.result{
height: 33rem;

}
.-last{
height: 33rem;
}
.results__row {
            position: relative;
            margin-left: .25rem;
            margin-right: .25rem;
            padding-top: 1rem;
            padding-bottom: 4rem;
            display: flex;
            flex-direction: column
        }

        @media only screen and (min-width: 1024px) {
             .results__row {
                width: auto;
                margin-left: auto;
                margin-right: auto;
                flex-direction: initial;
                justify-content: space-between;
                align-items: flex-start
            }
        }
        @media (min-width: 1200px){
.container {
width: 1170px;
}}
        /*.container{
            width: 1732px!important;
        }*/
.line2{

left: 0;
right: 0;
bottom: 32rem;
display: block;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #3b310d 50%, rgba(166, 137, 210, 0) 100%);
opacity: 0;
transform: translate(0, 4rem);
transition: transform 2.1s cubic-bezier(0.4, 0.1, 0, 1), opacity 2.1s cubic-bezier(0.4, 0.1, 0, 1);
transition-delay: 1.8s;
will-change: transform, opacity;
transform: translateZ(0);
opacity: 1;
}
        .line {
         
            left: 0;
            right: 0;
            bottom: 68rem;
            display: block;
            width: 100%;
            height: 1px;
            background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #3b310d  50%, rgba(166, 137, 210, 0) 100%);
            opacity: 0;
            transform: translate(0, 4rem);
            transition: transform 2.1s cubic-bezier(0.4, 0.1, 0, 1), opacity 2.1s cubic-bezier(0.4, 0.1, 0, 1);
            transition-delay: 1.8s;
            will-change: transform, opacity
        }

         .line.-show {
            opacity: 1;
            transform: translateZ(0)
        }

         .results__row .image {
            width: 100%;
            padding: 6.5rem 0
        }

        @media only screen and (min-width: 1024px) {
             .results__row .image {
                width: 27.17%;
                padding: 2% 0
            }
        }

         .results__row .content {
            width: 100%;
            opacity: 0;
            transform: translate(0, 4rem);
            transition: transform 2.1s cubic-bezier(0.4, 0.1, 0, 1), opacity 2.1s cubic-bezier(0.4, 0.1, 0, 1);
            transition-delay: 1.5s;
            will-change: transform, opacity
        }

        @media only screen and (min-width: 1024px) {
             .results__row .content {
                width: 78.7%
            }
        }

         .results__row .content.-show {
            opacity: 1;
            transform: translateZ(0)
        }

         .results__row .title {
            text-align: left;
            margin-bottom: -3.5rem
        }

        @media only screen and (min-width: 1024px) {
             .results__row .title {
                width: 93.103%
            }
        }

         .results__row h5:first-child {
            color: #f5faff
        }
        .title {

padding: 1vh 0 0 1vw!important;
}

         .results__row p {
            width: 70%;
            margin-left: auto;
            margin-right: auto;
            color: #5f451d;
            font-family: 'DM Sans';
            font-size: 2rem;
        }


        @media only screen and (min-width: 1024px) {
             .results__row p {
                width: 100%;
                padding-right: 2.448%;
                line-height: 4rem;
                padding-top: 4rem;
            }
        }

         .results__row.-last .line {
            display: none
        }

         .results .replay {
            position: relative;
            text-align: center;
            padding: .75rem 0 2rem;
            margin-left: auto;
            margin-right: auto;
            top: 4rem;
        }
        .subtitle{
            font-size: 3.5rem;
            line-height: 2;
            color: #d7846e!important;
            font-family: "Playfair Display", sans-serif;
        }
        .-h2{
            font-family: "Playfair Display", sans-serif;
            color: #5f451d;
            font-weight: 600;
            font-size: 5rem;
        }
        .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-right: 6px;
            padding-left: 0px;
            margin-left: 0; 
            margin-left: -4rem !important;
        }
        .iti--separate-dial-code .iti__selected-flag {
            margin-left: -4rem;
        }
        .error-label {
            font-family: Lexend,sans-serif;
    color: #a82929;
    font-size: 15px!important;
    margin-bottom: 28px;
    padding: 8px 0;
    background-color: #a8292923;
    border: 1.5px solid #a82929;
    border-radius: 5px;
    width: 37%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

}
/* Galaxy Z Fold 7*/
@media only screen and (min-width:290px) and (max-width:360px){
    .input-form {
        width: 55%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 92vw !important;
        margin: 5vh -10px;
    }
    #resultCard {
        margin: 8vh auto 5vh;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* Asus Zenbook Fold*/
@media only screen and (min-width:850px) and (max-width:870px){
    .input-form {
        width: 58%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 2vmin!important;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 21px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 94vw !important;
        margin: 5vh 0vh;
    }
    #cardCont{
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: 100%;
    }
    #formulaire{
     
        max-width: 100%;
    }
    .controls .checkbox-block{
        width: 100%!important;
    }
    .contact-form .form-control::placeholder{
        font-size: 18px!important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 30px!important;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-section .elementor-container{
        margin-right: 0!important;
        margin-left: 0!important;
    
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
    .container {
        width: 857px!important;
    }
    .elementor-widget-container{
        font-size: 19px;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container {
        max-width: 100%!important;
    }
}
/* iphone SE*/
@media only screen and (min-width:370px) and (max-width:380px) {
    .input-form {
        width: 55%!important;
    }
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;

    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }
    .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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 92vw !important;
        margin: 5vh -1vh;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* iphone XR*/ 
@media only screen and (min-width:413px) and (max-width:420px) {
    .input-form {
        width: 55%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 87vw !important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* iphone 12 pro*/
@media only screen and (min-width:380px) and (max-width:400px) {
    .input-form {
        width: 55%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 93vw !important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* iphone 14 pro max*/
@media only screen and (min-width:420px) and (max-width:430px){
    .input-form {
        width: 55%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 86vw !important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* Pixel 7*/
@media only screen and (min-width:400px) and (max-width:413px){
    .input-form {
        width: 55%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 89vw !important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #resultCard {
        margin: 7vh auto 5vh !important;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* Samsung galaxy s8*/
@media only screen and (min-width:360px) and (max-width:370px){
    .input-form {
        width: 55%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 3vmin!important;
        padding-top: 18px;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 92vw !important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* ipad mini */ 
@media only screen and (min-width:760px) and (max-width:780px){
    .input-form {
        width: 58%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 2vmin!important;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 12px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 94vw !important;
        margin: 5vh 0vh;
    }
    #cardCont{
     
        max-width: 100%;
    }
    #formulaire{
     
        max-width: 100%;
    }
    .controls .checkbox-block{
        width: 100%!important;
    }
    .contact-form .form-control::placeholder{
        font-size: 18px!important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-section .elementor-container{
        margin-right: 0!important;
        margin-left: 0!important;
    
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* ipad air */ 
@media only screen and (min-width:800px) and (max-width:830px){
    .input-form {
        width: 58%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 2vmin!important;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 16px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 94vw !important;
        margin: 5vh 0vh;
    }
    #cardCont{
       
        max-width: 100%;
    }
    #formulaire{
      
        max-width: 100%;
    }
    .controls .checkbox-block{
        width: 100%!important;
    }
    .contact-form .form-control::placeholder{
        font-size: 18px!important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 23px;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-section .elementor-container{
        margin-right: 0!important;
        margin-left: 0!important;
    
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
}
/* ipad pro*/
@media only screen and (min-width:1023px) and (max-width:1100px){
    .input-form {
        width: 58%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 2vmin!important;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 21px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 94vw !important;
        margin: 5vh 0vh;
    }
    #cardCont{
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: 100%;
    }
    #formulaire{
     
        max-width: 100%;
    }
    .controls .checkbox-block{
        width: 100%!important;
    }
    .contact-form .form-control::placeholder{
        font-size: 18px!important;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 30px!important;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-section .elementor-container{
        margin-right: 0!important;
        margin-left: 0!important;
    
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
    .container {
        width: 1000px!important;
    }
    .elementor-widget-container{
        font-size: 19px;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container {
        max-width: 100%!important;
    }
}
/* surface pro 7*/
@media only screen and (min-width:880px) and (max-width:915px){
    .input-form {
        width: 58%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 2vmin!important;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 21px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 94vw !important;
        margin: 5vh 0vh;
    }
    #cardCont{
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: 100%;
    }
    #formulaire{
     
        max-width: 100%;
    }
    .controls .checkbox-block{
        width: 100%!important;
    }
    .contact-form .form-control::placeholder{
        font-size: 18px!important;
        display: flex;
        align-items: center;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 30px!important;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-section .elementor-container{
        margin-right: 0!important;
        margin-left: 0!important;
    
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
    .container {
        width: 916px!important;
    }
    .elementor-widget-container{
        font-size: 19px;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container {
        max-width: 100%!important;
    }
}
/* surface duo*/ 
@media only screen and (min-width:520px) and (max-width:540px){
    .input-form {
        width: 58%!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] {

        margin-left: 0rem !important;
    }
    .iti--separate-dial-code .iti__selected-flag {
        margin-left: 0rem;
    }
    
    .controls .checkbox-block b{
        font-size: 2vmin!important;
    }
    .footer .container{
        height: 155%!important;
    }
    .footer .copyrights p {
        font-size: 2.8vmin;
    }    
    .input-form label {
    font-size: 14px;
    }

    .form-group label {
        margin-right: 14rem!important;
        font-size: 12px!important;
    }
    .phone-input label{
        margin-right: 12rem!important;
    }
    .email-input label{
        margin-right: 17rem!important;
    }
    
    .card {
        width: 16vw;
    }
    #cards {
        width: 94vw !important;
        margin: 5vh 0vh;
    }
    #cardCont{
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: 100%;
    }
    #formulaire{
     
        max-width: 100%;
    }
    .controls .checkbox-block{
        width: 100%!important;
    }
    .contact-form .form-control::placeholder{
        font-size: 18px!important;
        display: flex;
        align-items: center;
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container{
        min-height: 197px!important;
    }
    .tarot55{
        width: 16vw!important;
    }
    .list-inline{
        gap: 3.5rem!important;
    }
    .message {
        font-size: 2.5vmax;
    }
    .form-control {
        width: 59% !important;
    }
    .iti {
        left: 21% !important;
    }
    .contact-form .form-control{
        font-size: 3.5vmin;
    }
   
    h3{
        margin-bottom: 0;
        font-size: 3rem!important;
    }
    h2 {
        font-size: 24px!important;
        margin-top: 0;
        margin-bottom: 0;
    }
    .submit-btn {
        /*margin-top: 3rem!important;*/
    }
    .elementor-section .elementor-container{
        margin-right: 0!important;
        margin-left: 0!important;
    
    }
    .elementor-button.elementor-size-xl{
        padding: 0.7em 0.764em;
        font-size: 15px !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        font-size: 10px;
    }
    #analy1 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy2 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    #analy3 img{
        width: 93px!important;
    height: 124px!important;
    position: relative;
    top: 9rem;
    }
    .card-name{
        font-size: 2rem!important;
    }
    .m-bottom{
        font-size: 1.8rem!important;
        line-height: 24px!important;
        padding-top: 1rem!important;
    }
    .card1-content{
        padding: 0px 18px!important;
    }
   
    .full-width{
        gap: 4rem!important;
    }
    .container {
        width: 545px!important;
    }
    .elementor-widget-container{
        font-size: 15px;
       
    }
    .elementor-element.elementor-element-00f9423 > .elementor-container {
        max-width: 100%!important;
    }
}
/* Nest Hub Max*/ 
@media only screen and (min-width:1280px) and (max-width:1300px){
    .card {
        width: 10vw;
    }
    .tarot55 {
        width: 10vw !important;
    }
        .input-form {
            width: 58%!important;
        }
        .controls .checkbox-block b{
            font-size: 2vmin!important;
        }
        .footer .container{
            height: 155%!important;
            padding: 0!important;
        }

        .footer .copyrights p {
            font-size: 2.4vmin;
        }    
        .input-form label {
        font-size: 17px;
        }
    
        .form-group label {
            margin-right: 14rem!important;
            font-size: 12px!important;
        }
        .phone-input label{
            margin-right: 12rem!important;
        }
        .email-input label{
            margin-right: 17rem!important;
        }
        
       
        #cards {
            width: 70vw !important;
            margin: 5vh auto;
        }
        #cardCont{
            margin-right: 0 !important;
            margin-left: 0 !important;
            max-width: 100%;
        }
        #formulaire{
         
            max-width: 100%;
        }
        .controls .checkbox-block{
            width: 100%!important;
        }
        .contact-form .form-control::placeholder{
            font-size: 18px!important;
        }
        .elementor-element.elementor-element-00f9423 > .elementor-container{
            min-height: 197px!important;
        }
       
        .list-inline{
            gap: 3.5rem!important;
        }
        .message {
            font-size: 2.5vmax;
        }
        .form-control {
            width: 59% !important;
        }
        .iti {
            left: 21% !important;
        }
        .contact-form .form-control{
            font-size: 3.5vmin;
        }
       
        h3{
            margin-bottom: 0;
            font-size: 3rem!important;
        }
        h2 {
            font-size: 30px!important;
        }
        .submit-btn {
            /*margin-top: 3rem!important;*/
        }
        .elementor-section .elementor-container{
            margin-right: 0!important;
            margin-left: 0!important;
        
        }
        .elementor-button.elementor-size-xl{
            padding: 0.7em 0.764em;
            font-size: 15px !important;
        }
        .iti--separate-dial-code .iti__selected-dial-code{
            font-size: 10px;
        }
        #analy1 img{
            width: 93px!important;
        height: 124px!important;
        position: relative;
        top: 9rem;
        }
        #analy2 img{
            width: 93px!important;
        height: 124px!important;
        position: relative;
        top: 9rem;
        }
        #analy3 img{
            width: 93px!important;
        height: 124px!important;
        position: relative;
        top: 9rem;
        }
        .card-name{
            font-size: 2rem!important;
        }
        .m-bottom{
            font-size: 1.8rem!important;
            line-height: 24px!important;
            padding-top: 1rem!important;
        }
        .card1-content{
            padding: 0px 18px!important;
        }
       
        .full-width{
            gap: 4rem!important;
        }
        .container {
            width: 1284px!important
        }
        .elementor-widget-container{
            font-size: 19px;
        }
        .elementor-element.elementor-element-00f9423 > .elementor-container {
            max-width: 100%!important;
        }
    
}

@media only screen and (max-width: 1024px) {
#cards {
width: 47vw;
/*margin-right: 22rem;*/
}
}

#cards {

width: 47vw;
}
.elementor-button-wrapper{
margin-top: 5rem;
}
.submit-btn{
/*margin-top: 12rem;*/
}
.footer{
height: 4vh!important;
}
.footer .copyrights p{
color: #b78e82 !important;
font-family: fangsong;

}
.footer .copyrights{
margin: auto!important;
}
.footer {
background-color: #edebe5!important;
}
.footer .container{
    position: relative;
    bottom: 1rem;
    background: #e1ddd7bf;
    width: 100%;
    height: 135%;
    padding: 1rem;
}
.contact-form .form-control{
border-radius: 5px!important;
background-color: rgb(221 209 204 / 55%)  !important;
color: black!important;
font-family: auto!important;
margin-bottom: 10px!important;


}
.form-control {
width: 46%;
}
.form-group label{
    margin-right: 46rem;
    /* margin-bottom: 0; */
    font-weight: 500;
    color: #312808;
    font-size: 15px;
}

.iti {
width: 100%!important;
left: 31.5%;
margin-bottom: 10px;
}
.contact-form .form-control::placeholder {
color: #b3b2b2!important;
font-size: 16px;
font-family: auto!important;

}
.message{
font-family: auto!important;
}
.controls .checkbox-block {
display: flex;
margin: 0 auto;
width: 80%;
}
.controls {
margin-top: 2rem;
}
.controls .checkbox-block b {
font-size: 1.4vmin;
font-family: "Playfair Display", Sans-serif!important;
}
::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    ::-webkit-scrollbar-thumb {
        background: #bdb6aa!important;
    }
    ::-webkit-scrollbar-track {
        background: #f0eee9!important;
    }

.cont{
position: relative;
            min-height: 100vh;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            width: 100%;
            
            
            
}

.elementor-background-overlay, .elementor .elementor-background-slideshow {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.elementor-widget-wrap>.elementor-element {
width: 100%;
}



@media (min-width: 992px){
.container {
width: 970px;
}
}
/*@media (min-width: 768px){
.container {
width: 1513px;
}}*/

@media (min-width: 768px){
.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
width: 100%;
}
}

.elementor-column {
position: relative;
min-height: 1px;
display: flex;
}

.elementor-element.elementor-element-fbbc8a4.elementor-column > .elementor-widget-wrap {
justify-content: center;
}
.elementor-element.elementor-element-fbbc8a4 > .elementor-element-populated {
margin: 0px 0px 0px 0px;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
padding: 0px 10px 0px 10px;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
display: flex;
}
.elementor-widget-wrap {
position: relative;
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
}
.elementor-element.elementor-element-4c229c9 {
text-align: center;
color: #D5846E;
font-family: "Inter", Sans-serif;
font-size: 17px;
font-weight: 800;

line-height: 1.4em;
letter-spacing: 1px;
}









.elementor-element.elementor-element-d2c0f03 {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
}

@media (min-width: 768px){
.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
width: 100%;
}
.elementor-element.elementor-element-ca4148e > .elementor-element-populated {
margin: 0px 0px 0px 10px;
--e-column-margin-right: 0px;
--e-column-margin-left: 10px;
padding: 0px 0px 0px 0px;
}
.elementor-align-center {
text-align: center;
}
.elementor-element.elementor-element-eaeff9a > .elementor-widget-container {
margin: 10px 0px 0px -10px;
}

h1 {
    font-size: 36px;
    text-align: center;
    color: #181828;
    font-family: "Playfair Display", Sans-serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: 0px;
}
h2 {
  
    font-size: 2.2rem;
    font-family: auto!important;
    font-weight: 700!important;
}
}

.elementor-button.elementor-size-xl, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs {

font-size: 20px;
font-weight: 600!important;
letter-spacing: 0.3px!important;
fill: #FFFFFF!important;
color: #FFFFFF!important;
background-color: #EC4400!important;
border-style: solid!important;
border-width: 0px 0px 0px 0px!important;
border-color: #EC4400!important;
border-radius: 0px 0px 0px 0px!important;
box-shadow: 0px 10px 20px 0px rgba(255, 83.99999999999999, 83.99999999999999, 0.24)!important;
border-radius: 5px!important;

color: #fff;
min-width: 3.25rem;
padding: 0.7em 1.764em;
text-align: center;
border-radius: 0;
font-weight: 500;
text-shadow: none !important;
line-height: 22px;
transition: all .45s;
background: var(--btn-bg-color);
box-shadow: unset;
border: none;
}
.elementor-button span {
text-decoration: inherit;
}
.elementor-button-content-wrapper {
display: flex;
justify-content: center;
}

/* Fonts */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("images/fonts-index3/DMSans-Regular1930.woff2?v=1.00") format("woff2");
}

@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: block;
src: url("images/fonts-index3/DMSans-Medium1930.woff2?v=1.00") format("woff2");
}

@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: block;
src: url("images/fonts-index3/DMSans-Bold1930.woff2?v=1.00") format("woff2");
}

@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 800;
font-display: block;
src: url("images/fonts-index3/PlayfairDisplay-ExtraBold1930.woff2?v=1.00") format("woff2");
}

@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 900;
font-display: block;
src: url("images/fonts-index3/PlayfairDisplay-Black1930.woff2?v=1.00") format("woff2");
}
.description{
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
h3 {
font-size: 4rem;
}
.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{
background-color:#69727d;color:#fff
}

.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{
color:#69727d;border:3px solid;background-color:transparent
}
.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{
margin-top:8px
}
.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{
width:1em;height:1em
}
.elementor-widget-text-editor .elementor-drop-cap{
float:left;text-align:center;line-height:1;font-size:50px
}
.elementor-widget-text-editor .elementor-drop-cap-letter{
display:inline-block
}

            .tarot55 {
                border: 2px dotted #ad8482!important;
                color: #ad8482 !important;
                position: relative!important;
            }
            #resultCard {
                margin: 13vh auto 5vh;
            }
            .sub-title{
                font-family: "DM Sans", sans-serif;
                font-size: 2.2rem;

            }
            ::-webkit-scrollbar {
                        width: 10px;
                        height: 10px;
                    }
                    ::-webkit-scrollbar-thumb {
                        background: #e6ded2;
                    }
                    ::-webkit-scrollbar-track {
                        background: #bec2dd;
                    }
            .cards-dec{
                padding: 10vmin 0;

                height: auto;
                width: 100%;
                position: relative;
                background-color: #EDEBE5!important;
                            background-image: url(img/tarot-light-bg.png)!important;
                            background-position: top center;
                            background-repeat: no-repeat;
                        
            }

            .elementor-background-overlay {
                background-color: transparent;
                background-image: linear-gradient(180deg, #EDEBE5CF 0%, #EDEBE5 100%);
                opacity: 1;
                transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
            }


            .elementor-element {
                --widgets-spacing: 20px 20px;
            }

            .elementor-section {
                position: relative;
            }
            .elementor-element.elementor-element-00f9423 > .elementor-container {
                max-width: 720px;
                min-height: 285px;
            }

            @media (min-width: 768px){
            .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
                width: 100%;
            }

            .elementor-element, .elementor-lightbox {
                --swiper-theme-color: #000;
                --swiper-navigation-size: 44px;
                --swiper-pagination-bullet-size: 6px;
                --swiper-pagination-bullet-horizontal-gap: 6px;
            }
            .elementor-column {
                position: relative;
                min-height: 1px;
                display: flex;
            }
        }
           
           
           
           



            .elementor-element.elementor-element-4f7d9a8 {
                text-align: center;
                color: #181828;
                font-family: "Playfair Display", Sans-serif;
                font-size: 72px;
                font-weight: 600;
                line-height: 1.1em;
                letter-spacing: 0px;
            }





            .elementor-element.elementor-element-d2c0f03 {
                margin-top: 0px;
                margin-bottom: 0px;
                padding: 0px 0px 0px 0px;
            }
            .elementor-section .elementor-container {
                display: flex;
                margin-right: auto;
                margin-left: auto;
                position: relative;
            }
            @media (min-width: 768px){
            .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
                width: 100%;
            }
            .elementor-element.elementor-element-ca4148e > .elementor-element-populated {
                margin: 0px 0px 0px 10px;
                --e-column-margin-right: 0px;
                --e-column-margin-left: 10px;
                padding: 0px 0px 0px 0px;
            }
            .elementor-align-center {
                text-align: center;
            }
            .elementor-element.elementor-element-eaeff9a > .elementor-widget-container {
                margin: 10px 0px 0px -10px;
                
            }

}
            
            .elementor-button.elementor-size-xl, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs {
                color: #fff;
                min-width: 3.25rem;
                padding: 0.7em 1.764em;
                text-align: center;
                border-radius: 0;
                font-weight: 500;
                text-shadow: none !important;
                line-height: 22px;
                transition: all .45s;
                background: var(--btn-bg-color);
                box-shadow: unset;
                border: none;
            }



            /* Fonts */
            @font-face {
                font-family: 'DM Sans';
                font-style: normal;
                font-weight: 400;
                font-display: block;
                src: url("img/fonts-index3/DMSans-Regular1930.woff2?v=1.00") format("woff2");
            }

            @font-face {
                font-family: 'DM Sans';
                font-style: normal;
                font-weight: 500;
                font-display: block;
                src: url("img/fonts-index3/DMSans-Medium1930.woff2?v=1.00") format("woff2");
            }

            @font-face {
                font-family: 'DM Sans';
                font-style: normal;
                font-weight: 700;
                font-display: block;
                src: url("img/fonts-index3/DMSans-Bold1930.woff2?v=1.00") format("woff2");
            }

            @font-face {
                font-family: 'Playfair Display';
                font-style: normal;
                font-weight: 800;
                font-display: block;
                src: url("img/fonts-index3/PlayfairDisplay-ExtraBold1930.woff2?v=1.00") format("woff2");
            }

            @font-face {
                font-family: 'Playfair Display';
                font-style: normal;
                font-weight: 900;
                font-display: block;
                src: url("img/fonts-index3/PlayfairDisplay-Black1930.woff2?v=1.00") format("woff2");
            }
            .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}
            .elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{
            color:#69727d;border:3px solid;background-color:transparent
            }
            .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{
            margin-top:8px
            }
            .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{
            width:1em;height:1em
            }
            .elementor-widget-text-editor .elementor-drop-cap{
            float:left;text-align:center;line-height:1;font-size:50px
            }
            .elementor-widget-text-editor .elementor-drop-cap-letter{
            display:inline-block
            }

#button-try{
    position: relative;
    background-color: rgb(161 97 22) !important;
    /*rgb(143 105 20)!important;*/
    box-shadow: 0px 10px 20px 0px rgb(153 131 107) !important;
    /*0px 10px 20px 0px rgba(143, 105, 20)!important;*/
    justify-content: center;margin-top: 8rem;
}
#title-form{
    max-width: 260px;
    color: #a7600e; 
    font-family: math;
    font-weight: 600;
}
.list-inline{
    display: flex;
    justify-content: center;
    gap: 5rem;
}
.form-title{
    display: flex;
    flex-direction: column;
}
.input-form{
    display: flex;
    width: 45%;
}
.input-form label{
    font-weight: 500;
    color: #312808;
}
.form-control{
    margin: 0!important;
    
}
.phone-input label{
    margin-right: 44rem;
}
.email-input label{
    margin-right: 50rem;
}
#reading-form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}