html, body {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    overflow-x: hidden;
}

p {
    font-weight: 200;
}

input.form-control,
textarea.form-control {
    font-weight: 200;
}

.link-1 {
    border: 1px solid #ff908c;
    border-radius: 5px;
}

li.nav-item.link-1 > a.nav-link {
    
    color: #ff908c;
    font-weight: 600;
}


.bck-menu-mobile {
    background-color: #ffe4e0;
    border-radius: 10px;
}

.bck-menu-mobile > ul > li > a {
    color: #7c7399;
    font-weight: 900;
}


#menu {
    display: none;
}

label[for=menu]
{
    cursor: pointer;
    
}

.menu-container {
    top: 50px;
    /* width: 40vw; */
    z-index: 1020;
    display: none;
    
}

@media screen and (min-width: 768px) {
    #menu:checked ~ .menu-container {
        display: flex;
        width: 30vw;
        transition: .4s all;
        transform: translate(-5%);
    }
}


.menu-mobile {
    color: #ff908c;
}

button.navbar-toggler:focus {
    box-shadow: none;
}


.mandala {
    position: absolute;
    width: 617.78px;
    height: 685.21px;
    left: -150px;
    top: -184px;
    transform: rotate(60deg);
    /* animation-name: mandala-animation 1s linear; */
    z-index: -9999;
    border-radius: 239.933px;
    background-image: url(../assets/mandala.webp);
    background-repeat: no-repeat;
    background-size: cover;
}


.menu {
    width: 186px;
    height: 44px;
    background: #ffffff;
    border: 1px solid #ff908c;
    box-sizing: border-box;
    font-weight: bold;
}



.text-salmon,
.text-salmon:hover,
.text-salmon:active {
    color:#ff908c;
}

.bg-old-rose {
    background-color: #BD827E;
    color: white;
    border-radius: 5px;
}

i.bi.bi-list {
    font-weight: bold;
}

.block-info {
    background: rgba(216, 191, 216, 0.48);
}

.name {
    font-family: 'Dancing Script', sans-serif;
    font-style: normal;
    font-size: 72px;
    font-weight: bold;
    line-height: 86px;
    color: #007c89;
}

.quote {
    font-family: 'Patua One';
    font-style: normal;
    font-weight: normal;
    font-size: 120px;
    color: #2f4858;
    z-index: 9999;
}

.contact-btn,
.contact-btn:hover,
.contact-btn:focus {
    color: white;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    background-color: #00818A;
    border: none;
    font-weight: 700;
    backdrop-filter: blur(4px);
    padding: .800rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 80%;
}

.know-more-btn,
.know-more-btn:hover,
.know-more-btn:active {
    border: 2px solid #c35355;
    /* background: rgba(216, 191, 216, 0.48); */
    background: white;
    backdrop-filter: blur(4px);
    color: #c35355;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    padding: .800rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 80%;
}


.petal-1 {
   transform: rotate(133.88deg);
    position: absolute;
    top: -10px;
    left: -25%;
}

.petal-2 {
   transform: rotate(-56.52deg);
    position: absolute;
    left: 190%;
    top: -100px;
}



.about-title {
    font-weight: 700;
    font-family: 'Dancing Script';
    font-size: 2.7rem;
    color: #007B8A;
    text-align: center;
}

.blob {
    background-image: url(../assets/blob.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 600px;
    height: 70vh;
    /* transform: matrix(-0.94, -0.43, 0.32, -0.91, 0, 0);
    z-index: -100; */
}

.me {
    background-image: url(../assets/larissa.webp);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 20vw;
    height: 50vh;
    top: 0;
    left: 35%;
    border-radius: 100%;
    z-index: 9999;
}


.about-me {
    text-align: justify;
}

.approach-bg {
    background-color: #ddd7c6;
}


.btn-form-contact {
    background-color: #5057a6;
    color: white;
    border-color: inherit;
    font-size: 1.25rem;
}

.btn-form-contact:hover,
.btn-form-contact:focus {
    background-color: #5057a6;
    color: white;
    border-color: inherit;
    font-size: 1.25rem;
}

.work-text {
    color: #FF7BAA;
    font-weight: 700;
    font-family: 'Dancing Script', sans-serif;
    font-size: 2.7rem;
}

.text-orchid {
    color: #DF74C4;
    font-weight: 900;
}

.contact-form-btn,
.contact-form-btn:hover,
.contact-form-btn:active {
    background-color: #5057A6;
    color: white;
    font-weight: bold;
}

.abordagem-bck {
    background-color: #fff5ff;
}

.abordagem-texto {
    color: #C470BF;
    font-weight: 700;
    font-family: 'Dancing Script', sans-serif;
    font-size: 2.7rem;
}

.abordagem-img {
    max-width: 300px;
}

/* i.fab {
    color: #ff908c;
} */

div.card.shadow.mb-3.card-mobile {
    width: 18rem;
}

@media screen and (max-width: 768px) {
    div.card.shadow.mb-3.card-mobile {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

div.carousel-caption {
    background-color: #4d7d94;
    bottom: 2rem;
}

span.carousel-control-prev-icon,
span.carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.eneagrama-img {
    max-width: 40vw;
    height: auto;
}


.books {
    background-image: url(../assets/library.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    transition: ease;
    
}

.book-title-bg {
    background-color: #670100;
}


.display-5 {
    font-size: 3rem;
}

.lead {
    font-weight: 300;
}

.lighter {
    font-weight: lighter;
}

.lh-1 {
    line-height: 1.8em !important;
    text-align: start;
    font-size: 18px;
}

.lh-2 {
    line-height: 1em !important;
    text-align: justify;
    font-size: 16px;
}

.book-img {
    transform: scale(.8);
}

/* book animation */

.book {
    background-color: #70D6F3;
    transform: translateY(-50%);
    position: relative;
    border: 5px solid white;
    width: 100px;
    height: 60px;
}

.book__page {
    position: absolute;
    left: 50%;
    top: -5px;
    /* margin: 0 auto; */
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
    background-color: #70D6F3;
    width: 50px;
    height: 60px;
    transform-origin: 0% 50%;
    animation: flip 1.6s infinite linear;
    animation-fill-mode: forwards;
}

@keyframes flip {
    0% {
        transform: perspective(600px) rotateY(-0deg);
    }

    20% {
        background: linear-gradient(
            rgba(0, 0, 0, 10%), 
            rgba(0, 0, 0, 10%)
          )
    }

    29.9% {
        background: linear-gradient(
            rgba(0, 0, 0, 10%), 
            rgba(0, 0, 0, 10%)
          )
    }

    30% {
        transform: perspective(200px) rotateY(-90deg);
        background-color: #70D6F3;
    }

    54.999%{
        opacity:1;
      }
    55%{
    opacity:0;
    }

    60% {
        transform: perspective(200px) rotateY(-180deg);
        background: #70D6F3;
    }

    100% {
        transform: perspective(200px) rotateY(-180deg);
        background-color: #70D6F3;
    }
}

/* ======================================================== */

.border-orchid {
    border-bottom: 2px solid #DF74C4;
}

.border-tangelo {
    border-bottom: 2px solid #ffb071;
}

.social-icons {
    color: #DF74C4 !important;
}

i.bi.bi-x-circle-fill {
    cursor: pointer;
}

.fw-1 {
    font-weight: 100;
}

.fw-2 {
    font-weight: 200;
}



.f2-card {
    max-width: 17.5rem;
}

.mini-cards {
    top: 170%
}

.blue-bg {
    background: #007B8A;
}

.mt-6 {
    margin-top: 6rem;
}

.mt-7,
.mt-sm-7,
.mt-md-7 {
    margin-top: 7rem;
}

.mt-8,
.mt-sm-8,
.mt-md-8 {
    margin-top: 8rem;
}

.mt-9,
.mt-sm-9,
.mt-md-9 {
    margin-top: 9rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

.mb-7 {
    margin-bottom: 7rem;
}

.mb-8 {
    margin-bottom: 8rem;
}

.mb-9 {
    margin-bottom: 9rem;
}

.blog-bg {
    background: #6C757D;
}

.bird {
    top: -150px;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
   
}

.wrapper > div {
    flex: 1;
}

.wrapper > footer {
    position: absolute;
    width: 100vw;
    bottom: -350px;
    box-sizing: border-box;
    flex: 0 0 auto;
}

.psychotherapy-banner {
    background: url(../assets/PERSEU\ E\ MEDUSA.webp);
    width: 100vw;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    
}

/* .psychotherapy-banner {
    background: #D2BC98;
    top: 30px;
    height: 500px;
    width: 400px;
}

.psychotherapy-banner2 {
    height: 450px;
} */

.sorrell-brown {
    background: rgba(210, 188, 152, 0.22);
}

.bg-metallic-seaweed {
    background: #007B8A;
}

.psychotherapy-img {
    background: url(../assets/PERSEU\ E\ MEDUSA.webp) no-repeat;
    background-size: cover;
    top: -10px;
    left: -260px;
    width: 450px;
    height: 400px;
    border-radius: 100%;
}

.cta-banner {
    margin-top: -80px;
    
}

.cta-banner > div.container {
    max-width: 500px;
    padding: 1.2rem;
}

.cta-style-box {
    background: #007B8A;
    padding: 30px;
}

.compass-bg {
    background: url(../assets/compass.webp);
    width: 100vw;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    background-position: center center;
}

.button {
    font-size: 1rem;
    line-height: 27px;
    text-align: center;
    border: none;
    font-weight: 700;
    padding: .375rem .75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-royal-orange {
    background: #bf5747;
    color: white !important;
}

.tea-bg {
    background: #949CA4;
    color: white;
}

.cta-box {
    padding: 30px;
}

.abop-img {
    max-width: 150px;
}

.display-6 {
    font-size: 2.2rem;
}

.personalities-bg {
    background: url(../assets/personalities.webp);
    width: 100vw;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    background-position: center center;
}

.potters-clay-bg {
    background: #916939;
    color: white;
}

.box-approach {
    left: 15%;
}




/* ========================================================================================= */

@media only screen and (max-width: 768px) {
    .mandala {
        width: 300px;
        height: 250px;
        position: absolute;
        top: -80px;
        left: -80px;
        transform: rotate(90deg);
    }

    .menu {
        width: 150px;
    }
    
    .name {
        line-height: 70px;
    }
    
    .quote {
    font-family: 'Patua One';
    font-style: normal;
    font-weight: normal;
    font-size: 100px;
    color: #2f4858;
    z-index: 9999;
        position: relative;
        top: -40px;
        left: 15px;
    }

    
    
    .contact-btn,
    .contact-btn:hover,
    .contact-btn:focus {
    color: white;
    font-size: 1rem;
    line-height: 27px;
    text-align: center;
    background-color: #00818A;
    border: none;
    font-weight: 700;
    backdrop-filter: blur(4px);
    padding: .200rem .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    }

   
    .know-more-btn,
    .know-more-btn:hover,
    .know-more-btn:active {
    border: 2px solid #c35355;
    background: white;
    backdrop-filter: blur(4px);
    color: #c35355;
    font-size: 1rem;
    line-height: 27px;
    text-align: center;
    padding: .800rem .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    }
    
    .petal-1 {
    position: absolute;
    top: 9px;
    left: -30px;
    width: 20px;
    }

    .petal-2 {
    position: absolute;
    top: -50px;
    left: 330%;
    width: 20px;
    }

    .proserpina {
        width: 150px;
        height: 150px;

    }

    #menu:checked ~ .menu-container {
        display: flex;
        width: 70vw;
        transition: .4s all;
        transform: translate(-5%);
    }

    .eneagrama-img {
        width: 100%;
    }
    
}

/* ======================================================================  */


/* ====================================================================== */

@media only screen and (min-width: 768px) {
    .proserpina {
    width: 300px;
    height: auto;
    position: absolute;
    left: 190%;
    right: 10%;
    top: -80px;
    }

    .mt-md-8 {
        margin-top: 8rem;
    }

    .h-md-50 {
        height: 50%;
    }

    .h-md-70 {
        height: 70vh;
    }

    .mini-cards {
        top: 180%
    }
}

/* ====================================================================== */