* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    position: relative;
    overflow-x: hidden !important;
}

h1,h2,h3, h4, h5, h6 {
    font-family: 'Cinzel Decorative', serif;
    color: #BC963F !important;
}

/* navigation */

nav {
    padding: 30px 20px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

nav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-family: 'Cinzel Decorative', serif;
}

nav ul li a {
    letter-spacing: 2px;
    text-decoration: none;
    color: #540D6E;
    transition: all .3s ease-in-out;
    font-size: .9em;
}

nav ul li a:hover {
    color: #BC963F;
}

nav ul li a.active {
    color: #BC963F;
    font-weight: bold;
}

nav .icons {
    font-size: 2.8rem;
    color: #540D6E;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

nav .icons #close-icon {
    display: none;
}

section {
    position: relative;
    overflow: hidden !important;
}

section .leaf1 {
    position: absolute;
    top: -40px;
    left: -40px;
}

section .leaf2 {
    position: absolute;
    bottom: -65px;
    right: -40px;
    z-index: -2;
}

/* landing or hero section */

.i-am {
    position: absolute;
    width: 60% !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
}

.hero {
    min-height: 100vh;
    background-color: #efefef;
    background-image: url(../img/room-with-window-surreal-view.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero p {
    font-size: 1.08em;
    color: #2E1753;
}

.hero .btn {
    padding: 5px 40px;
    background-color: #540D6E;
    border-radius: 10px;
    color: #fff;
    transition: all .3s ease-in-out;
    font-family: 'Noto Sans', sans-serif;
    font-size: .9em;
    letter-spacing: 1px;
}

.hero .btn:hover {
    color: #fff;
    background-color: #7e12a5;
}

footer {
    background-color: #BC963F;
    color: #fff;
}

footer .socials ul {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .socials ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem;
}

footer .c-right-text p a {
    color: #fff;
}

footer .credit a {
    padding: 8px;
}

.card {
    border: none !important;
    background-color: transparent !important;
}

.card-img-top {
    width: 80% !important;
    margin: auto;
}

.card .btn-primary {
    border: none;
    background-color: #BC963F !important;
}

.card .btn-primary:hover {
    background-color: #7e12a5 !important;
}

.card-title {
    font-family: 'Cinzel Decorative', serif;
    color: #2E1753;
    font-weight: 400;
    font-size: 1.05em;
    letter-spacing: 1px;
}

.card-title sup {
    font-family: 'Noto Sans', sans-serif;
    font-size: .7em;
}

/* About page */

.about {
    min-height: 100vh;
}

.about .container {
    margin-top: 200px;
}

.about .content {
    color: #2E1753;
    font-size: 1em;
}

.about .content p span {
    font-family: 'Cinzel Decorative', serif;
}

.about .btn {
    padding: 5px 40px;
    background-color: #540D6E;
    border-radius: 10px;
    color: #fff;
    transition: all .3s ease-in-out;
    font-family: 'Noto Sans', sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: .9em;
}

.about .btn:hover {
    background-color: #7e12a5;
    color: #fff;
}

/* Sophia Circle Page */

.sophia-landing {
    min-height: 70vh;
}

section p {
    color: #2E1753;
    font-family: 'Noto Sans', sans-serif;
}

.sophia-landing .container-fluid {
    min-height: 60vh;
    background: url(../img/SC-FB-Event-Header-2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.divider {
    width: 100%;
    height: 60px;
    padding: 40px;
    text-align: center;
}

.journey, .embody {
    min-height: 60vh;
}

.quote {
    background-color: #540D6E;
}

.sophia-testimonial {
    min-height: 20vh !important;
}

.sophia-testimonial .text {
    min-height: 40vh !important;
}

/* Embody section */

.embody .s-session li {
    font-family: 'Noto Sans', sans-serif;
    color: #2E1753;
}

/* Upcoming Events */

.u-events {
    background-color: #BC963F;
}

.u-events h3, .u-events p {
    color: #fff;
}

.u-events .btn {
    background-color: #fff;
    color: #2E1753;
    padding: 8px 40px;
    transition: all .3s ease-in-out;
}

.u-events .btn:hover {
    background-color: #7e12a5;
    color: #fff;
}

.u-events .events-box .box {
    background-color: #fff;
    padding: 1em;
    border-radius: 10px;
}

.u-events .events-box .box .dates {
    list-style: none;
    padding-left: 0 !important;
    font-size: 1em;
    color: #540D6E;
}

/* Akashic Records */

.akashic-landing .container-fluid {
    min-height: 60vh;
    margin-top: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Testimonial quote marks */

.t-content, .t-content-2 {
    position: relative;
}

.t-content .q-left, .t-content-2 .q-left {
    position: absolute;
    top: 20;
    left: -10px;
}

.t-content .q-right {
    position: absolute;
    bottom: 180px;
    right: -10px;
}

.t-content-2 .q-right {
    position: absolute;
    bottom: 120px;
    right: -10px;
}

.carousel-item {
    min-height: 40vh;
    max-height: 75vh;
}

.carousel-item .text {
    min-height: 30vh;
    max-height: 65vh;
}

.carousel-item .text-2 {
    min-height: 30vh;
}

.carousel-indicators {
    margin-top: 50px !important;
}

.carousel-indicators button {
    background-color: #540D6E !important;
    height: 14px !important;
    width: 14px !important;
    border-radius: 50%;
}

.carousel-indicators button.active {
    background-color: #BC963F !important;
}

.price-structure-btn {
    overflow: visible !important;
}

.price-structure-btn .btn {
    background-color: #BC963F;
    padding: 8px 40px;
    color: #fff;
    transition: all .3s ease-in-out;
}

.price-structure-btn .btn:hover {
    color: #fff;
    background-color: #7e12a5;
}

.price-structure-btn .leaf2 {
    z-index: -1;
}

/* RTI Pricing table */

.p-list {
    flex-wrap: wrap;
}

.p-list .card {
    border: 1px solid #BC963F !important;
    border-radius: 20px;
    min-height: 480px;
}

.p-list .card .card-title {
    color: #BC963F;
    font-weight: bold;
}

.p-list .card .sophia {
    width: 100px !important;
}

.p-list .card .aeris {
    width: 125px !important;
}

.p-list .card .jade {
    width: 105px !important;
}

.p-list .card .save {
    color: #BC963F;
    font-weight: bold;
    font-family: 'Cinzel Decorative', serif;
}

.p-list .card .save span {
    font-size: .6em;
}

.p-list .card h6 span {
    font-size: 2em;
}

.pricing-table #contact-link {
    color: #540D6E;
    text-decoration: none;
}

.pricing-table .btn {
    background-color: #BC963F;
    color: #fff;
    padding: 8px 40px;
    transition: all .3s ease-in-out;
    font-family: 'Cinzel Decorative', serif;
}

.pricing-table .btn:hover {
    background-color: #7e12a5;
    color: #fff;
}

.zoom-text ul li {
    color: #2E1753;
    font-family: 'Noto Sans', sans-serif;
}

/* Animal Crossing Over */

.animal-landing {
    min-height: 80vh;
    margin-top: 250px;
}

.aco-img-box {
    width: 100%;
    height: 350px;
    background-image: url(../img/animal-crossing-over-feature-image.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;

    .soon-box {
        width: 100%;
        height: 100%;
        background-color: rgba(84,13,110,.5);
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: flex-end; 
    }
}

/* Human Design */

.hd-img-box {
    width: 100%;
    height: 350px;
    background-image: url(../img/human-design-picture.jpg);
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    background-position-y: .1px;
    background-repeat: no-repeat;
}

.hd-img-box .soon-box {
    width: 100%;
    height: 100%;
    background-color: rgba(84,13,110,.5);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.sophia-content .content-box {
    border: 1px solid #BC963F;
    border-radius: 20px;
}

.sophia-content .btn {
    background-color: #BC963F;
    color: #fff;
    padding: 8px 40px;
    transition: all .3s ease-in-out;
    font-family: 'Cinzel Decorative', serif;
}

.sophia-content .btn:hover {
    background-color: #7e12a5;
    color: #fff;
}

/* CONTACT PAGE */

#am_form h3 {
    text-align: center !important;
}

textarea {
    height: 250px !important;
}

.form-select {
    padding-top: 10px !important;
}

input, select, textarea {
    border: 1px solid #BC963F !important;
}

input:focus, select:focus, textarea:focus, form .btn:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #BC963F !important;
}

label, select option, select[aria-label], option[disabled] {
    color: #7e12a5 !important;
}

select {
    cursor: pointer;
}

form .btn {
    width: 100%;
    border-radius: 2px !important;
    font-family: 'Cinzel Decorative', serif !important;
}

section .img-header-box {
    width: 100%;
    height: 200px;
    background-image: url(../img/Dragon.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

section .img-header-box .header-overlay {
    background-color: rgba(255,255,255,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section .img-header-box .header-overlay h2 {
    color: #2E1753 !important;
}

section .contact-details {
    list-style: none;
    margin: 0 0 50px 0;
    padding: 0;
}

section .contact-details li {
    margin-bottom: 10px;
    color: #2E1753;
}

section .contact-details li i {
    color: #BC963F;
    margin-right: 20px;
}

/* Contact form alert box */

.alerts {
    color: red;
    font-size: .8em;
}

/* Legals */

.hero-legals {
    min-height: 100vh;
}

.hero-legals .container {
    margin-top: 250px;
}

.hero-legals .container ul li {
    color: #2E1753;
    font-family: 'Noto Sans', sans-serif;
}

/* Cookie notice */

#cookies {
    background-color: #BC963F;
    width: 100%;
    position: fixed;
    padding: 20px;
    transition: all 1s ease-in-out !important;
}

.main-cookie-box.show {
    bottom: 0px;
}

#cookies .cookie-box p, #cookies .cookie-box p a {
    color: #fff;
}

#cookies .cookie-box .cookieBtn {
    background-color: #fff;
    color: #2E1753;
    border: none;
    padding: 10px 30px;
    transition: all .4s ease-in-out;
    border-radius: 5px;
}

#cookies .cookie-box .cookieBtn:hover {
    background-color: #7e12a5;
    color: #fff;
}

/* Back to top button */

#btnScrollToTop {
    position: fixed;
    right: 10px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #7e12a5;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    color: #fff;
    outline: none;
    cursor: pointer;
    border: none;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    display: none;
    z-index: 1000 !important;
}

#btnScrollToTop.black {
    display: block;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

#btnScrollToTop:hover {
    background: #BC963F;
}

#btnScrollToTop:active {
   background: #7e12a5; 
}


/* RESPONSIVENESS */

@media (min-width: 1880px) {
    .navigation_menu li a {
        font-size: .9em;
    }

    .hero p, p, ul li, .hero-legals ul li {
        font-size: 1.2em;
    }

    .about .card-title {
        font-size: 1.2em;
    }

    .about .card {
        height: 100%;
        position: relative;
    }

    .about .card .btn {
        position: absolute;
        bottom: 20px;
        width: 70%;
        left: 50%;
        transform: translateX(-50%);
    }

    .p-list .card {
        min-height: 450px;
    }

    .btn {
        font-size: 1.2em !important;
    }

    .pricing-table h5 {
        font-size: 1.8em;
    }

    .pricing-table .card-title {
        font-size: 1.4em;
    }
}

@media (max-width:992px) {
    .about .container {
        margin-top: 250px;
    }

    .embody .list2 {
        margin-top: -1.25em;
    }

    section .img-header-box {
        background-position-y: 0px;
    }

    .p-list .card {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .navigation_menu {
        
        margin-top: -20px;
        background-color: rgba(255,255,255,.7);
        backdrop-filter: blur(5px);
        width: 100%;
        display: none;
        transition: .3s ease-in-out;
    }

    #check:checked~.icons #menu-icon {
        display: none;
    }

    #check:checked~.icons #close-icon {
        display: block;
    }

    #check:checked~.navigation_menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 10px;
        animation: menuIn .3s ease-in-out forwards;
    }

    @keyframes menuIn {
        from {
            margin-top: -20px;
            opacity: 0;
        }

        to {
            margin-top: 10px;
            opacity: 1;
        }
    }

    .leaf1, .leaf2 {
        width: 140px;
    }

    .about .container {
        margin-top: 200px;
    }

    .card-img-top {
        width: 60% !important;
    }

    footer .socials ul {
        margin: 0;
    }

    footer .socials ul li a {
        font-size: 1.5rem;
    }

    .carousel-item {
        min-height: 70vh;
    }
    
    .carousel-item .text {
        min-height: 60vh;
    }

    .t-content .q-left {
        position: absolute;
        top: 20;
        left: -30px;
    }
    
    .t-content .q-right {
        position: absolute;
        bottom: 180px;
        right: -30px;
    }

    .sophia-testimonial {
        min-height: 50vh !important;
    }
    
    .sophia-testimonial .text {
        min-height: 50vh !important;
    }

    .t-content-2 {
        margin-top: 50px !important;
    }

    .t-content-2 .q-right {
        position: absolute;
        bottom: 0px;
        right: -10px;
    }
    
}

@media (max-height: 768px){
    .hero .logo-img {
        margin-top: 50px;
    }
}