body {
    user-select:none !important;
}

main-footer*{

  margin:0;

  padding:0;

  box-sizing:border-box;

}



.visually-hidden {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border: 0;

}



/*Whatsapp Icon*/



/* Footer */

footer{

    background:#0E76BC;

    color:#fff;

}



/* Footer Content */

.footer-content{

    max-width:1200px;

    margin:auto;

    padding:60px 20px;

    text-align:center;

}



.footer-content h2{

    font-size:32px;

    margin-bottom:15px;

}



.footer-content p{

    color:rgba(255,255,255,.85);

    line-height:1.8;

    max-width:700px;

    margin:auto;

}



/* Bottom Bar */

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.15);

    max-width:1200px;

    margin:auto;

    padding:18px 20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}



/* Copyright */

.footer-copy{

    font-size:15px;

    color:rgba(255,255,255,.8);

}



/* WhatsApp Button */

.footer-whatsapp{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s ease;

    box-shadow:0 8px 20px rgba(37,211,102,.35);

}



.footer-whatsapp:hover{

    transform:translateY(-4px) scale(1.08);

    box-shadow:0 12px 30px rgba(37,211,102,.55);

}



.footer-whatsapp img{

    width:55px;

    height:55px;

    display:block;

}



a.footer-whatsapp {

    position: fixed;

    bottom: 10px;

    right: 10px;

    z-index: 9999;

}



/* Mobile */

@media(max-width:768px){



.footer-bottom{

    flex-direction:column;

    gap:18px;

    text-align:center;

}



}







html,

body{

  scroll-behavior:smooth;

  /*overflow-x:hidden;*/

}



body{

  /*overflow-x: hidden;*/

}



body{

  background:#F7F3FF;

  font-family: "Poppins", sans-serif;

}



/* Responsive media baseline: prevents image overflow / horizontal scroll on small screens */

img{

  max-width: 100%;

}



.section-padding{

  padding:120px 0;

}



















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

            TOP BAR SECTION START

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



.top-bar{



    width: 100%;



    background:

    linear-gradient(

        to right,

        #2d1450,

        #4b2d7f,

        #2d1450

    );



    padding: 8px 0;



    position: relative;



    z-index: 99999;



}



.top-bar-container{



    width: 100%;



    padding: 0 45px;



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 20px;



}



/* LEFT */



.top-left{



    display: flex;



    align-items: center;



    gap: 22px;



    flex-wrap: wrap;



}



.top-left a{



    color: #fff;



    text-decoration: none;



    font-size: 14px;



    font-weight: 500;



    transition: 0.3s;



}



.top-left a:hover{



    color: #d8b4fe;



}



/* SOCIAL */



.top-social{



    display: flex;



    align-items: center;



    gap: 14px;



}

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

    .top-social {

        justify-content: center;

    }

}



.top-social a{



    width: 36px;



    height: 36px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    text-decoration: none;



    color: white;



    background: rgba(255,255,255,0.12);



    backdrop-filter: blur(8px);



    transition: 0.3s;



    font-size: 15px;



}



.top-social a:hover{



    background: #c084fc;



    transform: translateY(-3px);



}



/* RIGHT BUTTONS */



.top-right{



    display: flex;



    align-items: center;



    gap: 12px;



}





/* TOP BAR BUTTONS */



.top-btn{



    text-decoration: none;



    padding: 10px 18px;



    border-radius: 999px;



    font-size: 13px;



    font-weight: 600;



    color: white;



    background:

    rgba(255,255,255,0.14);



    border:

    1px solid rgba(255,255,255,0.18);



    backdrop-filter: blur(8px);



    transition: 0.3s;



}



/* HOVER */



.top-btn:hover{



    background:

    linear-gradient(

        to right,

        #c084fc,

        #8b5cf6

    );



    border-color: transparent;



    transform: translateY(-2px);



}



/* REMOVE OLD DIFFERENT BUTTON STYLE */



.top-btn-light{



    background:

    rgba(255,255,255,0.14);



}





/* RESPONSIVE */



@media(max-width: 991px){



    .top-bar{



        display: none;



    }



}



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

            TOP BAR SECTION END

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













































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

   MOBILE MENU FIX

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





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

                HEADER START

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



/*Header Sticky*/









.main-header{



    position: fixed;



    top: 52px;



    left: 0;



    width: 100%;



    z-index: 9999;



    background: rgba(255,255,255,0.9);



    backdrop-filter: blur(14px);



    border-bottom: 1px solid rgba(120,90,180,0.1);



}

/*Header*/

#header {

    position: sticky !important;

    top: 0 !important;

    z-index: 9999;

    left: 0;

    width: 100%;

}



.header-container{

    width: 100%;

    padding: 18px 70px;



    display: flex;

    align-items: center;

    justify-content: space-between;

}



/* LOGO */



.logo-area{

    text-decoration: none;

}



.logo-area h2{

    font-size: 34px;

    color: #3e2d73;

    font-family: "Cormorant Garamond", serif;

    margin-bottom: 2px;

}



.logo-area span{

    font-size: 11px;

    letter-spacing: 4px;

    color: #9f7aea;

}



/* DESKTOP MENU */



.desktop-menu{

    display: flex;

    align-items: center;

    gap: 34px;

}



/* MENU LINKS */



.desktop-menu a,

.dropdown-btn{



    display: flex;

    align-items: flex-start;

    gap: 6px;



    text-decoration: none;

    border: none;

    background: transparent;



    font-size: 17px;

    font-weight: 600;



    color: #3e2d73;



    cursor: pointer;



    transition: 0.3s;



    padding: 12px 16px;



    border-radius: 12px;



}



/* DROPDOWN ARROW */



.dropdown-btn span{



    font-size: 15px;



    



}

/* HOVER */



.desktop-menu a:hover,

.dropdown-btn:hover{

    background: #9f7aea;

    color: white;

}



/* DROPDOWN */



.dropdown{

    position: relative;

}



.dropdown-menu{

    position: absolute;

    top: 60px;

    left: 0;

    min-width: 260px;

    background: white;

    border-radius: 18px;

    padding: 14px;

    display: flex;

    flex-direction: column;

    gap: 6px;

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    transition: 0.3s;

    box-shadow: 0 15px 40px rgba(0,0,0,0.08);

}



.dropdown:hover .dropdown-menu{

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



.dropdown-menu a{

    padding: 14px 16px;

    border-radius: 12px;

}



.dropdown-menu a:hover{

    background: #9f7aea;

    color: white;

}



/* BUTTON */



.header-btn{

    background: linear-gradient(to right,#c084fc,#8b5cf6);

    color: white;

    text-decoration: none;

    padding: 15px 28px;

    border-radius: 999px;

    font-weight: 600;

}



/* RIGHT */



.header-right{

    display: flex;

    align-items: center;

    gap: 18px;

}



/* HAMBURGER */



.hamburger{

    display: none;

    border: none;

    background: transparent;

    font-size: 34px;

    color: #3e2d73;

    cursor: pointer;

}



/* MOBILE MENU */



.mobile-menu-wrapper{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    max-width: 100%;

    height: 100vh;

    height: 100dvh;

    background: rgba(0,0,0,0.4);

    z-index: 99999;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: opacity 0.4s, visibility 0.4s;

}



.mobile-menu-wrapper.active{

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}



.mobile-menu{

    width: min(320px, 100%);

    max-width: 100%;

    height: 100%;

    background: white;

    padding: 30px;

    overflow-y: auto;

    overflow-x: hidden;

    box-sizing: border-box;

}



/* TOP */



.mobile-top{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 35px;

}



.mobile-top h2{

    font-size: 30px;

    color: #3e2d73;

}



.mobile-top span{

    font-size: 10px;

    letter-spacing: 3px;

    color: #9f7aea;

}



#closeMenu{

    border: none;

    background: transparent;

    font-size: 28px;

    cursor: pointer;

}



/* LINKS */



.mobile-links{

    display: flex;

    flex-direction: column;

}



.mobile-links a{

    text-decoration: none;

    color: #3e2d73;

    font-size: 18px;

    font-weight: 600;

    padding: 16px 0;

    border-bottom: 1px solid #eee;

}



/* MOBILE DROPDOWN */



.mobile-dropdown-btn{

    width: 100%;

    border: none;

    background: transparent;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 18px 0;

    font-size: 18px;

    font-weight: 600;

    color: #3e2d73;

    cursor: pointer;

}



.mobile-dropdown-content{

    display: none;

    flex-direction: column;

    padding-left: 15px;

}



.mobile-dropdown.active .mobile-dropdown-content{

    display: flex;

}



.mobile-dropdown-content a{

    font-size: 16px;

    padding: 12px 0;

}



/* MOBILE BUTTON */



.mobile-btn{

    background: linear-gradient(to right,#c084fc,#8b5cf6);

    color: white !important;

    text-align: center;

    border-radius: 999px;

    margin-top: 20px;

    border: none !important;

    padding: 16px !important;

}



/* RESPONSIVE */



@media(max-width: 991px){



    .main-header{

        top: 0;

    }



    .desktop-menu{

        display: none;

    }



    .header-btn{

        display: none;

    }



    .hamburger{

        display: block;

    }



}



/* Laptop header tuning (992px–1440px) — desktop & mobile unchanged */

@media (min-width: 992px) and (max-width: 1440px) {

    .top-bar-container {

        padding: 0 32px;

        gap: 14px;

    }



    .top-left {

        gap: 16px;

    }



    .top-left a {

        font-size: 13px;

    }



    .top-btn {

        padding: 8px 14px;

        font-size: 12px;

    }



    .header-container {

        padding: 14px 32px;

        gap: 16px;

    }



    .main-header .logo-area {

        flex-shrink: 0;

    }



    .main-header .logo-area h2 {

        font-size: 40px !important;

        line-height: 1 !important;

    }



    .main-header .logo-area span {

        font-size: 11px !important;

        letter-spacing: 4px !important;

    }



    .desktop-menu {

        gap: 16px;

        flex-shrink: 1;

        min-width: 0;

    }



    .desktop-menu a,

    .desktop-menu .dropdown-btn {

        font-size: 14px;

        padding: 8px 12px;

        border-radius: 10px;

        white-space: nowrap;

    }



    .header-right {

        gap: 12px;

        flex-shrink: 0;

    }



    .header-btn {

        padding: 12px 22px;

        font-size: 14px;

        white-space: nowrap;

    }

}



@media (min-width: 992px) and (max-width: 1280px) {

    .top-bar-container {

        padding: 0 24px;

        gap: 10px;

    }



    .top-left a {

        font-size: 12px;

    }



    .top-btn {

        padding: 7px 12px;

        font-size: 11px;

    }



    .header-container {

        padding: 12px 24px;

        gap: 12px;

    }



    .main-header .logo-area h2 {

        font-size: 34px !important;

    }



    .main-header .logo-area span {

        font-size: 10px !important;

        letter-spacing: 3px !important;

    }



    .desktop-menu {

        gap: 8px;

    }



    .desktop-menu a,

    .desktop-menu .dropdown-btn {

        font-size: 13px;

        padding: 7px 9px;

    }



    .header-btn {

        padding: 10px 18px;

        font-size: 13px;

    }

}



@media (min-width: 992px) and (max-width: 1100px) {

    .top-social {

        gap: 10px;

    }



    .top-social a {

        width: 32px;

        height: 32px;

        font-size: 13px;

    }



    .main-header .logo-area h2 {

        font-size: 30px !important;

    }



    .desktop-menu {

        gap: 6px;

    }



    .desktop-menu a,

    .desktop-menu .dropdown-btn {

        font-size: 12px;

        padding: 6px 8px;

    }



    .header-btn {

        padding: 9px 16px;

        font-size: 12px;

    }

}



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

                HEADER END

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

















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

   End MOBILE MENU FINAL FIX

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











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

/* EXTRA FLOAT ANIMATIONS */

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



@keyframes float3 {

  0% {

    transform: translateY(0px) rotate(0deg);

  }



  50% {

    transform: translateY(-18px) rotate(-4deg);

  }



  100% {

    transform: translateY(0px) rotate(0deg);

  }

}



.animate-float3 {

  animation: float3 10s ease-in-out infinite;

}



/* BUTTERFLY FLOAT 1 */



@keyframes butterfly1 {

  0% {

    transform: translate(0px, 0px);

  }



  50% {

    transform: translate(12px, -16px);

  }



  100% {

    transform: translate(0px, 0px);

  }

}



.animate-butterfly1 {

  animation: butterfly1 7s ease-in-out infinite;

}



/* BUTTERFLY FLOAT 2 */



@keyframes butterfly2 {

  0% {

    transform: translate(0px, 0px);

  }



  50% {

    transform: translate(-10px, -14px);

  }



  100% {

    transform: translate(0px, 0px);

  }

}



.animate-butterfly2 {

  animation: butterfly2 8s ease-in-out infinite;

}



















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

   TESTIMONIALS SECTION CSS

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



.testimonials-section{

  position: relative;

  padding: 140px 0;

  background: #f7f3ff;

  overflow: hidden;

}



/* container */



.testimonials-section .container{

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;

}



/* heading */



.testimonials-heading{

  text-align: center;

  margin-bottom: 70px;

}



.testimonials-heading span{

  font-size: 13px;

  letter-spacing: 5px;

  color: #9b7bff;

  font-weight: 600;

  font-family: "Poppins", sans-serif;

  display: inline-block;

  margin-bottom: 20px;

}



.testimonials-heading h2{

  font-size: 72px;

  line-height: 1.1;

  color: #2d1763;

  font-family: "Cormorant Garamond", serif;

  font-weight: 500;

}



/* slider wrapper */



.testimonials-slider-wrap{

  width: 100%;

  overflow: hidden;

}



/* swiper */



.testimonialsSlider{

  overflow: visible;

}



/* wrapper */



.testimonialsSlider .swiper-wrapper{

  transition-timing-function: linear !important;

  align-items: stretch;

}



/* slide */



.testimonialsSlider .swiper-slide{

  width: 420px !important;

  height: auto;

}



/* card */



.testimonial-card{

  background: #fff;

  border-radius: 32px;

  padding: 40px;



  min-height: 320px;



  display: flex;

  flex-direction: column;

  justify-content: space-between;



  box-shadow: 0 10px 30px rgba(120,90,255,0.08);

}



/* text */



.testimonial-card p{

  font-size: 18px;

  line-height: 1.9;

  color: #6d6488;

  margin-bottom: 40px;

}



/* user */



.testimonial-user{

  display: flex;

  align-items: center;

  gap: 18px;

}



/* icon */



.testimonial-icon{

  width: 60px;

  height: 60px;



  border-radius: 50%;



  background: linear-gradient(

    135deg,

    #cba8ff,

    #8b5cf6

  );



  display: flex;

  align-items: center;

  justify-content: center;



  color: #fff;

  font-size: 24px;



  flex-shrink: 0;

}



/* name */



.testimonial-user h4{

  font-size: 30px;

  color: #2d1763;

  margin-bottom: 5px;

  font-family: "Cormorant Garamond", serif;

}



/* service */



.testimonial-user span{

  font-size: 16px;

  color: #9a90ba;

  font-family: "Poppins", sans-serif;

}



/* floating decorations */



.testimonial-butterfly{

  position: absolute;

  width: 70px;

  opacity: 0.2;

  z-index: 1;



  animation: floatButterfly 5s ease-in-out infinite;

}



.butterfly-1{

  top: 80px;

  left: 100px;

}



.butterfly-2{

  bottom: 120px;

  right: 120px;

}



/* crystals */



.testimonial-crystal{

  position: absolute;

  opacity: 0.15;

  z-index: 1;



  animation: floatCrystal 6s ease-in-out infinite;

}



.crystal-1{

  width: 150px;

  top: 120px;

  right: -20px;

}



.crystal-2{

  width: 120px;

  bottom: 60px;

  left: -20px;

}



/* animations */



@keyframes floatButterfly{



  0%{

    transform: translateY(0px);

  }



  50%{

    transform: translateY(-20px);

  }



  100%{

    transform: translateY(0px);

  }



}



@keyframes floatCrystal{



  0%{

    transform: translateY(0px);

  }



  50%{

    transform: translateY(-15px);

  }



  100%{

    transform: translateY(0px);

  }



}



/* responsive */



@media(max-width:768px){



  .testimonials-section{

    padding: 100px 0;

  }



  .testimonials-heading h2{

    font-size: 48px;

  }



  .testimonialsSlider .swiper-slide{

    width: 320px !important;

  }



  .testimonial-card{

    padding: 30px;

    min-height: 280px;

  }



  .testimonial-card p{

    font-size: 16px;

  }



  .testimonial-user h4{

    font-size: 24px;

  }



}















































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

   FAQ SECTION

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



.faq-section{

  position: relative;

  padding: 140px 20px;

  background: #f7f3ff;

  overflow: hidden;

}



.faq-section .container{

  max-width: 1100px;

  margin: 0 auto;

  position: relative;

  z-index: 2;

}



.faq-heading{

  text-align: center;

  max-width: 750px;

  margin: 0 auto 70px;

}



.faq-heading span{

  font-size: 13px;

  letter-spacing: 5px;

  color: #9b7bff;

  font-weight: 600;

  display: inline-block;

  margin-bottom: 20px;

}



.faq-heading h2{

  font-size: 72px;

  line-height: 1.1;

  color: #2d1763;

  margin-bottom: 20px;

  font-family: "Cormorant Garamond", serif;

  font-weight: 500;

}



.faq-heading p{

  font-size: 20px;

  color: #6d6488;

  line-height: 1.7;

}



/* wrapper */



.faq-wrapper{

  max-width: 950px;

  margin: 0 auto;

}



/* item */



.faq-item{

  background: #fff;

  border-radius: 30px;

  margin-bottom: 24px;

  overflow: hidden;



  box-shadow: 0 10px 30px rgba(124,95,255,0.08);

}



/* question */



.faq-question{

  width: 100%;

  border: none;

  outline: none;

  background: transparent;



  display: flex;

  align-items: center;

  justify-content: space-between;



  padding: 32px 35px;



  cursor: pointer;



  text-align: left;

}



.faq-question span{

  font-size: 28px;

  color: #2d1763;

  font-family: "Cormorant Garamond", serif;

}



/* icon */



.faq-icon{

  min-width: 52px;

  width: 52px;

  height: 52px;



  border-radius: 50%;



  background: linear-gradient(

    135deg,

    #c7a7ff,

    #8b5cf6

  );



  display: flex;

  align-items: center;

  justify-content: center;



  color: #fff;

  font-size: 28px;

  font-weight: 600;

}



/* answer */



.faq-answer{

  display: none;

  padding: 0 35px 35px;

}



.faq-answer p{

  font-size: 18px;

  line-height: 1.8;

  color: #6d6488;

}



/* active */



.faq-item.active .faq-answer{

  display: block;

}



/* floating elements */



.faq-butterfly{

  position: absolute;

  width: 70px;

  opacity: 0.25;

  animation: floatButterfly 5s ease-in-out infinite;

}



.faq-butterfly-1{

  top: 80px;

  left: 120px;

}



.faq-crystal{

  position: absolute;

  opacity: 0.2;

  animation: floatCrystal 7s ease-in-out infinite;

}



.faq-crystal-1{

  width: 140px;

  top: 120px;

  right: 120px;

}



.faq-crystal-2{

  width: 110px;

  bottom: 80px;

  left: 100px;

}



/* animations */



@keyframes floatButterfly{

  0%{

    transform: translateY(0px);

  }



  50%{

    transform: translateY(-20px);

  }



  100%{

    transform: translateY(0px);

  }

}



@keyframes floatCrystal{

  0%{

    transform: translateY(0px);

  }



  50%{

    transform: translateY(-15px);

  }



  100%{

    transform: translateY(0px);

  }

}



/* responsive */



@media(max-width:768px){



  .faq-heading h2{

    font-size: 48px;

  }



  .faq-question{

    padding: 24px;

    gap: 20px;

  }



  .faq-question span{

    font-size: 22px;

  }



  .faq-answer{

    padding: 0 24px 24px;

  }



  .faq-answer p{

    font-size: 16px;

  }



}

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

   FAQ SOFT GLOW

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



.faq-section::before{



  content: "";



  position: absolute;



  width: 500px;

  height: 500px;



  border-radius: 50%;



  background: rgba(180,140,255,0.15);



  filter: blur(120px);



  top: -120px;

  left: -120px;



}



.faq-section::after{



  content: "";



  position: absolute;



  width: 400px;

  height: 400px;



  border-radius: 50%;



  background: rgba(140,120,255,0.10);



  filter: blur(100px);



  bottom: -100px;

  right: -100px;



}











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

/*      READY JOURNEY CTA SECTION            */

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







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

/*      READY JOURNEY CTA SECTION            */

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

.ready-journey-section{

    position: relative;

    overflow: hidden;



    padding: 140px 20px;



    background:

    linear-gradient(

        rgba(43, 20, 78, 0.72),

        rgba(63, 34, 104, 0.78)

    ),

    url("../assets/images/cta-ready-journey-banner.webp");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}





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

/*      CONTAINER                            */

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



.ready-journey-section .container{

    max-width: 1200px;

    margin: auto;

    position: relative;

    z-index: 5;

}





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

/*      CONTENT                              */

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



.ready-journey-content{

    max-width: 760px;

    margin: auto;

    text-align: center;

}



.ready-journey-content span{

    display: inline-block;



    margin-bottom: 20px;



    font-size: 13px;

    font-weight: 600;



    letter-spacing: 5px;

    text-transform: uppercase;



    color: #e0c8ff;

}



.ready-journey-content h2{

    font-size: 76px;

    line-height: 1.1;



    margin-bottom: 30px;



    color: #fff;



    font-family: "Cormorant Garamond", serif;

    font-weight: 600;

}



.ready-journey-content p{

    font-size: 20px;

    line-height: 1.9;



    color: rgba(255,255,255,0.88);



    margin-bottom: 42px;

}





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

/*      BUTTON                               */

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



.journey-btn{

    display: inline-flex;

    align-items: center;

    justify-content: center;



    height: 62px;

    padding: 0 42px;



    border-radius: 100px;



    background: linear-gradient(

        135deg,

        #c89cff,

        #8e5cff

    );



    color: #fff;

    text-decoration: none;



    font-size: 17px;

    font-weight: 600;



    transition: 0.4s ease;



    box-shadow: 0 10px 35px rgba(160,100,255,0.35);

}



.journey-btn:hover{

    transform: translateY(-4px);



    box-shadow: 0 14px 40px rgba(160,100,255,0.55);

}





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

/*      FLOATING CRYSTALS                    */

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



.journey-crystal{

    position: absolute;



    z-index: 1;



    opacity: 0.30;



    pointer-events: none;



    animation: crystalFloat 6s ease-in-out infinite;

}





/* LEFT TOP */



.crystal-float-1{

    width: 180px;



    top: 60px;

    left: 40px;

}





/* LEFT CENTER */



.crystal-float-2{

    width: 150px;



    left: 24%;

    bottom: 60px;

}





/* RIGHT TOP */



.crystal-float-3{

    width: 170px;



    top: 90px;

    right: 50px;

}





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

/*      FLOAT ANIMATION                      */

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



@keyframes crystalFloat{



    0%{

        transform: translateY(0px);

    }



    50%{

        transform: translateY(-25px);

    }



    100%{

        transform: translateY(0px);

    }



}





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

/*      RESPONSIVE                           */

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



@media(max-width:991px){



    .ready-journey-content h2{

        font-size: 56px;

    }



    .ready-journey-content p{

        font-size: 18px;

    }



    .crystal-float-1{

        width: 120px;

    }



    .crystal-float-2{

        width: 110px;

    }



    .crystal-float-3{

        width: 120px;

    }



}





@media(max-width:768px){



    .ready-journey-section{

        padding: 100px 20px;

    }



    .ready-journey-content h2{

        font-size: 42px;

    }



    .ready-journey-content p{

        font-size: 16px;

        line-height: 1.8;

    }



    .journey-btn{

        width: 100%;

        max-width: 320px;

    }



    .crystal-float-1{

        width: 90px;



        top: 30px;

        left: -10px;

    }



    .crystal-float-2{

        width: 85px;



        left: 10%;

        bottom: 40px;

    }



    .crystal-float-3{

        width: 90px;



        right: -10px;

        top: 40px;

    }



}









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

/*           FOOTER SECTION                 */

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





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

/*              FOOTER SECTION              */

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



.main-footer{



    position: relative;



    overflow: hidden;



    padding-top: 90px;



    background:

    linear-gradient(

        rgba(35, 16, 70, 0.92),

        rgba(55, 28, 102, 0.95)

    ),

    url("../assets/images/cta-lantern-banner.webp");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    color: #fff;

}



/* CONTAINER */



.main-footer .container{

    width: 100%;

    max-width: 1800px;



    margin: auto;



    padding-left: 80px;

    padding-right: 80px;

}

/* GRID */



.footer-grid{



    display: grid;



    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;



    gap: 80px;



    align-items: start;



    padding-bottom: 60px;

}



/* TEXT LOGO */



.footer-text-logo h3{



    font-size: 42px;



    line-height: 1;



    margin-bottom: 10px;



    color: #fff;



    font-family: "Cormorant Garamond", serif;

}



.footer-text-logo span{



    display: block;



    color: rgba(255,255,255,0.72);



    font-size: 12px;



    letter-spacing: 2px;



    text-transform: uppercase;



    margin-bottom: 26px;

}



/* ABOUT */



.footer-about p{



    color: rgba(255,255,255,0.72);



    line-height: 1.9;



    font-size: 15px;



    max-width: 320px;

}



.footer-about {

    display: flex;

    flex-direction: column;

    gap: 15px;

}



/* TITLES */



.footer-links h4,

.footer-contact h4{



    font-size: 18px;



    font-weight: 600;



    margin-bottom: 24px;



    text-transform: uppercase;



    letter-spacing: 1px;

}



/* LINKS */



.footer-links ul{

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-links ul li{

    margin-bottom: 16px;

}



.footer-links ul li a{



    text-decoration: none;



    color: rgba(255,255,255,0.72);



    transition: 0.3s;



    font-size: 18px;

}



.footer-links ul li a:hover{



    color: #d7b6ff;



    padding-left: 5px;

}



/* CONTACT */



.footer-contact p{



    color: rgba(255,255,255,0.72);



    line-height: 1.8;



    margin-bottom: 24px;



    font-size: 18px;

}



/* BUTTON */



.footer-btn{



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    padding: 14px 30px;



    border-radius: 999px;



    background:

    linear-gradient(

        135deg,

        #cfa7ff,

        #9a67ff

    );



    color: #fff;



    text-decoration: none;



    font-weight: 600;



    margin-bottom: 18px;



    transition: 0.35s ease;

}



.footer-btn:hover{



    transform: translateY(-4px);



    box-shadow: 0 12px 30px rgba(173,124,255,0.35);

}



/* EMAIL */



.footer-contact span{



    display: block;



    color: rgba(255,255,255,0.7);



    font-size: 14px;

}



/* BOTTOM */



.footer-bottom{



    border-top: 1px solid rgba(255,255,255,0.08);



    padding: 24px 0;

}



.footer-bottom-flex{



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 20px;

}



.footer-bottom p{





    font-size: 16px;

}



/* POLICY */



.footer-policy-links{



    display: flex;



    gap: 20px;

}



.footer-policy-links a{



    color: rgba(255,255,255,0.7);



    text-decoration: none;



    transition: 0.3s;



    font-size: 18px;

}



.footer-policy-links a:hover{

    color: #d7b6ff;

}



/* RESPONSIVE */



@media(max-width:991px){



    .footer-grid{



        grid-template-columns: 1fr 1fr;



        gap: 40px;

    }



}



@media(max-width:767px){



    .main-footer .container{

        padding-left: 20px;

        padding-right: 20px;

    }



    .footer-grid{



        grid-template-columns: 1fr;



        gap: 40px;



        text-align: center;

    }



    .footer-grid > *{

        min-width: 0;

        max-width: 100%;

    }



    .footer-about p{

        margin: auto;

        max-width: 100%;

    }



    .footer-contact-stack{

        align-items: center;

    }



    .footer-inline-contact a,

    .footer-contact-stack a{

        word-break: break-word;

        overflow-wrap: anywhere;

    }



    .footer-bottom-flex{



        flex-direction: column;



        text-align: center;

    }



}













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

           ABOUT PAGE START

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



.about-page{

    overflow: hidden;

    background: #f7f3ff;

}



/* CONTAINER */



.container{

    width: 100%;

    max-width: 1300px;

    margin: auto;

    padding: 0 20px;

}



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

              HERO SECTION

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



.about-hero-section{

    position: relative;

    padding: 180px 0 120px;

    overflow: hidden;



    background:

    linear-gradient(

        135deg,

        rgba(247,243,255,0.96),

        rgba(238,229,255,0.92)

    );



}



/* FLOATING ELEMENTS */



.about-butterfly,

.about-leaf{

    position: absolute;

    opacity: 0.18;

    pointer-events: none;

    z-index: 1;

}



.butterfly-1{

    width: 240px;

    top: 100px;

    left: -40px;

    animation: floatButterfly 8s ease-in-out infinite;

}



.butterfly-2{

    width: 160px;

    top: 180px;

    right: -20px;

    animation: floatButterfly 10s ease-in-out infinite;

}



.leaf-1{

    width: 180px;

    bottom: 120px;

    left: -40px;

}



.leaf-2{

    width: 180px;

    top: 80px;

    right: -40px;

}



@keyframes floatButterfly{



    0%{

        transform: translateY(0px);

    }



    50%{

        transform: translateY(-18px);

    }



    100%{

        transform: translateY(0px);

    }



}



/* GRID */



.about-hero-grid{

    display: grid;

    grid-template-columns: 520px 1fr;

    gap: 70px;

    align-items: center;

    position: relative;

    z-index: 5;

}



/* IMAGE */



.about-image-wrap{

    position: relative;

    border-radius: 28px;

    overflow: hidden;



    box-shadow:

    0 20px 60px rgba(125, 91, 166, 0.18);

}



.about-image-wrap img{

    width: 100%;

    display: block;

}



/* CONTENT */



.about-mini-title{

    display: inline-block;

    margin-bottom: 18px;



    padding: 10px 20px;



    border-radius: 100px;



    background: rgba(159,122,234,0.14);



    color: #9f7aea;



    font-size: 14px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.about-content-side h1{

    font-size: 64px;

    line-height: 1.08;

    color: #341f5e;



    margin-bottom: 28px;



    font-family: 'Cormorant Garamond', serif;

}



.about-content-side p{

    font-size: 17px;

    line-height: 1.9;

    color: #5c5470;



    margin-bottom: 22px;

}



/* SPECIALIZATION */



.about-specialization{

    margin-top: 35px;

}



.about-specialization h3{

    font-size: 28px;

    color: #341f5e;

    margin-bottom: 25px;



    font-family: 'Cormorant Garamond', serif;

}



.specialization-grid{

    display: grid;

    grid-template-columns: repeat(2,1fr);

    gap: 18px;

}



.special-card{

    padding: 18px 20px;



    border-radius: 18px;



    background: rgba(255,255,255,0.75);



    backdrop-filter: blur(12px);



    border: 1px solid rgba(159,122,234,0.15);



    color: #4a3f68;



    font-size: 15px;

    font-weight: 500;



    transition: 0.3s;

}



.special-card:hover{

    transform: translateY(-5px);



    box-shadow:

    0 14px 30px rgba(159,122,234,0.18);

}



/* BUTTONS */



.about-btns{

    display: flex;

    gap: 18px;

    margin-top: 40px;

}



.about-main-btn,

.about-outline-btn{

    display: inline-flex;

    align-items: center;

    justify-content: center;



    height: 58px;

    padding: 0 34px;



    border-radius: 100px;



    text-decoration: none;



    font-weight: 600;



    transition: 0.3s;

}



.about-main-btn{

    background:

    linear-gradient(

        135deg,

        #c084fc,

        #8b5cf6

    );



    color: white;



    box-shadow:

    0 12px 28px rgba(139,92,246,0.25);

}



.about-main-btn:hover{

    transform: translateY(-4px);

}



.about-outline-btn{

    border: 1px solid rgba(139,92,246,0.25);

    color: #7c3aed;

    background: white;

}



.about-outline-btn:hover{

    background: #7c3aed;

    color: white;

}



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

          SPIRITUAL JOURNEY

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



.spiritual-journey-section{

    padding: 110px 0;

}



.journey-box{

    max-width: 900px;

    margin: auto;



    text-align: center;

}



.journey-box span{

    display: inline-block;



    margin-bottom: 18px;



    color: #9f7aea;



    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}



.journey-box h2{

    font-size: 56px;

    line-height: 1.1;



    color: #341f5e;



    margin-bottom: 28px;



    font-family: 'Cormorant Garamond', serif;

}



.journey-box p{

    font-size: 18px;

    line-height: 1.9;



    color: #5c5470;



    margin-bottom: 20px;

}



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

            EXPERIENCE SECTION

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



.experience-section{

    padding-bottom: 120px;

}



.experience-grid{

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 25px;

}



.experience-card{

    padding: 45px 25px;



    border-radius: 24px;



    background: white;



    text-align: center;



    box-shadow:

    0 15px 35px rgba(159,122,234,0.08);



    transition: 0.3s;

}



.experience-card:hover{

    transform: translateY(-6px);

}



.experience-card h3{

    font-size: 44px;

    color: #8b5cf6;

    margin-bottom: 14px;



    font-family: 'Cormorant Garamond', serif;

}



.experience-card p{

    color: #5c5470;

    font-size: 16px;

}



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

          TESTIMONIAL SECTION

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



.premium-testimonial-section{

    position: relative;



    padding: 120px 0;



    background:

    linear-gradient(

        135deg,

        #3d1f70,

        #5b2ea6

    );



    overflow: hidden;

}



.testimonial-butterfly{

    position: absolute;



    width: 260px;



    top: 60px;

    right: -40px;



    opacity: 0.08;

}



.section-title{

    text-align: center;

    max-width: 800px;

    margin: auto auto 70px;

}



.section-title span{

    display: inline-block;



    margin-bottom: 15px;



    color: #d7c4ff;



    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}



.section-title h2{

    font-size: 60px;

    line-height: 1.1;



    color: white;



    margin-bottom: 25px;



    font-family: 'Cormorant Garamond', serif;

}



.section-title p{

    color: rgba(255,255,255,0.75);



    font-size: 18px;

    line-height: 1.8;

}



.testimonial-grid{

    display: grid;

    grid-template-columns: repeat(2,1fr);

    gap: 30px;

}



.testimonial-card{

    padding: 38px;



    border-radius: 26px;



    background: rgba(255,255,255,0.08);



    backdrop-filter: blur(18px);



    border: 1px solid rgba(255,255,255,0.08);



    transition: 0.3s;

}



.testimonial-card:hover{

    transform: translateY(-6px);

}



.testimonial-card p{

    color: rgba(255,255,255,0.9);



    line-height: 1.9;

    font-size: 17px;



    margin-bottom: 24px;

}



.testimonial-card h4{

    color: #d7c4ff;

    font-size: 15px;

}



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

               CTA SECTION

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



.about-cta-section{

    position: relative;



    padding: 130px 0;



    overflow: hidden;



    background:

    linear-gradient(

        135deg,

        rgba(49,16,95,1),

        rgba(93,52,168,1)

    );

}



.cta-crystal{

    position: absolute;

    opacity: 0.18;

}



.crystal-1{

    width: 220px;

    left: 60px;

    top: 100px;

}



.crystal-2{

    width: 220px;

    right: 60px;

    bottom: 80px;

}



.about-cta-box{

    max-width: 850px;

    margin: auto;



    text-align: center;



    position: relative;

    z-index: 5;

}



.about-cta-box span{

    display: inline-block;



    margin-bottom: 20px;



    color: #d7c4ff;



    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}



.about-cta-box h2{

    font-size: 68px;

    line-height: 1.08;



    color: white;



    margin-bottom: 30px;



    font-family: 'Cormorant Garamond', serif;

}



.about-cta-box p{

    color: rgba(255,255,255,0.78);



    line-height: 1.9;

    font-size: 18px;



    margin-bottom: 40px;

}



.about-cta-btn{

    display: inline-flex;

    align-items: center;

    justify-content: center;



    height: 62px;

    padding: 0 42px;



    border-radius: 100px;



    text-decoration: none;



    background: white;

    color: #6d28d9;



    font-weight: 600;



    transition: 0.3s;

}



.about-cta-btn:hover{

    transform: translateY(-5px);

}



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

              RESPONSIVE

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



@media(max-width:1100px){



    .about-hero-grid{

        grid-template-columns: 1fr;

    }



    .about-image-side{

        max-width: 650px;

        margin: auto;

    }



    .experience-grid{

        grid-template-columns: repeat(2,1fr);

    }



}



@media(max-width:768px){



    .about-hero-section{

        padding: 150px 0 90px;

    }



    .about-content-side h1{

        font-size: 48px;

    }



    .journey-box h2{

        font-size: 42px;

    }



    .section-title h2{

        font-size: 42px;

    }



    .about-cta-box h2{

        font-size: 46px;

    }



    .specialization-grid{

        grid-template-columns: 1fr;

    }



    .testimonial-grid{

        grid-template-columns: 1fr;

    }



    .experience-grid{

        grid-template-columns: 1fr;

    }



    .about-btns{

        flex-direction: column;

    }



}



@media(max-width:580px){



    .about-content-side h1{

        font-size: 40px;

    }



    .journey-box h2{

        font-size: 36px;

    }



    .section-title h2{

        font-size: 36px;

    }



    .about-cta-box h2{

        font-size: 40px;

    }



    .about-content-side p,

    .journey-box p,

    .section-title p,

    .about-cta-box p{

        font-size: 16px;

    }



}



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

           ABOUT PAGE END

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

























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

        TESTIMONIAL SECTION START

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



.premium-testimonial-section{



    position: relative;

    overflow: hidden;

    padding: 120px 0;

    background:

    linear-gradient(180deg,#3d1770 0%,#5c2ca0 100%);

}



.testimonial-heading{



    text-align: center;

    margin-bottom: 70px;

}



.testimonial-heading span{



    color: #d9c8ff;

    letter-spacing: 4px;

    font-size: 13px;

    font-weight: 600;

}



.testimonial-heading h1,

.testimonial-heading h2{



    font-size: 72px;

    color: white;

    line-height: 1.1;

    margin: 20px 0;

    font-family: "Cormorant Garamond", serif;

}



.testimonial-heading p{



    max-width: 850px;

    margin: auto;

    color: #f3ebff;

    line-height: 1.9;

    font-size: 18px;

}



/* SWIPER */



.testimonial-slider{



    width: 100vw;

    margin-left: calc(-50vw + 50%);

    overflow: hidden;

    padding: 20px 0 40px;

}



.testimonial-slider .swiper{



    overflow: visible !important;

}



.testimonial-slider .swiper-wrapper{



    align-items: stretch;

}



.testimonial-slider .swiper-wrapper{



    transition-timing-function: linear !important;

    align-items: stretch;

}



.testimonial-slider .swiper-slide{



    height: auto;

    display: flex;

}



/* CARD */

.testimonial-card{



    width: 100%;



    background:

    rgba(255,255,255,0.08);



    border:

    1px solid rgba(255,255,255,0.08);



    backdrop-filter: blur(10px);



    border-radius: 28px;



    padding: 30px 32px;



    box-shadow:

    0 20px 60px rgba(0,0,0,0.15);



    transition: 0.4s;



    min-height: 220px;



    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.testimonial-card:hover{



    transform: translateY(-8px);



    background:

    rgba(255,255,255,0.12);

}



.testimonial-card p{



    color: white;

    line-height: 2;

    font-size: 17px;

    margin-bottom: 40px;

}



.testimonial-card h4{



    color: #ead9ff;

    font-size: 16px;

    font-weight: 600;

}



/* BUTTON */



.testimonial-btn-wrap{



    text-align: center;

    margin-top: 60px;

}



.testimonial-btn{



    display: inline-flex;

    align-items: center;

    justify-content: center;



    padding: 18px 34px;



    border-radius: 100px;



    background: white;



    color: #5c2ca0;



    text-decoration: none;



    font-weight: 600;



    transition: 0.3s;

}



.testimonial-btn:hover{



    background: #2A1E5C;

    color: white;

}



/* FLOATING */



.testimonial-butterfly{



    position: absolute;

    width: 180px;

    opacity: 0.08;

    pointer-events: none;

}



.butterfly-left{



    top: 80px;

    left: -40px;

}



.butterfly-right{



    right: -40px;

    bottom: 100px;

}



.testimonial-leaf{



    position: absolute;

    width: 220px;

    opacity: 0.06;

}



.leaf-left{



    left: -60px;

    bottom: 100px;

}



.leaf-right{



    right: -60px;

    top: 100px;

}



/* MOBILE */



@media(max-width:991px){



    .premium-testimonial-section{



        padding: 80px 20px;

    }



    .testimonial-heading h1,

.testimonial-heading h2{



        font-size: 46px;

    }

}



@media(max-width:768px){



    .testimonial-heading h1,

.testimonial-heading h2{



        font-size: 36px;

    }



    .testimonial-card{



        padding: 30px;

        min-height: auto;

    }



    .testimonial-card p{



        font-size: 15px;

        line-height: 1.8;

    }

}



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

        TESTIMONIAL SECTION END

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







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

/*             ABOUT PAGE CSS                */

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



.about-page{

    overflow:hidden;

    background:#f7f3ff;

}



/* HERO */



.about-hero-section{

    position:relative;

    padding:120px 0;

    background:linear-gradient(180deg,#f7f3ff 0%,#efe6ff 100%);

    overflow:hidden;

}



.about-hero-grid{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:1fr 1.1fr;

    gap:70px;

    align-items:center;

}



.about-image-wrap{

    position:relative;

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(98,63,168,.18);

}



.about-image-wrap img{

    width:100%;

    display:block;

}



.about-content-side h1{

    font-size:62px;

    line-height:1.1;

    color:#2A1F5C;

    margin:20px 0;

    font-family:"Cormorant Garamond", serif;

    font-weight:600;

}



.about-mini-title{

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:13px;

    color:#8f7ae8;

    font-weight:600;

}



.about-content-side p{

    font-size:17px;

    line-height:1.9;

    color:#4d4374;

    margin-bottom:22px;

}



.about-specialization{

    margin-top:35px;

}



.about-specialization h3{

    font-size:30px;

    margin-bottom:25px;

    color:#2A1F5C;

    font-family:"Cormorant Garamond", serif;

}



.specialization-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}



.special-card{

    background:#fff;

    padding:18px 20px;

    border-radius:16px;

    box-shadow:0 10px 30px rgba(143,122,232,.08);

    color:#4d4374;

    font-weight:500;

}



.about-btns{

    display:flex;

    gap:20px;

    margin-top:40px;

    flex-wrap:wrap;

}



.about-main-btn{

    background:linear-gradient(90deg,#c084fc,#8b5cf6);

    color:#fff;

    padding:16px 34px;

    border-radius:999px;

    font-weight:600;

    text-decoration:none;

    transition:.4s;

}



.about-main-btn:hover{

    background:#2A1F5C;

}



.about-outline-btn{

    border:1px solid #8f7ae8;

    color:#8f7ae8;

    padding:16px 34px;

    border-radius:999px;

    font-weight:600;

    text-decoration:none;

    transition:.4s;

}



.about-outline-btn:hover{

    background:#8f7ae8;

    color:#fff;

}



/* FLOATING */



.about-butterfly{

    position:absolute;

    opacity:.12;

    z-index:1;

}



.butterfly-1{

    width:300px;

    top:80px;

    left:-80px;

}



.butterfly-2{

    width:240px;

    bottom:80px;

    right:-50px;

}



.about-leaf{

    position:absolute;

    opacity:.18;

    z-index:1;

}



.leaf-1{

    width:180px;

    top:120px;

    right:8%;

}



.leaf-2{

    width:140px;

    bottom:100px;

    left:5%;

}



/* STORY */



.about-story-section{

    padding:120px 0;

    background:#fff;

}



.story-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}



.story-image img{

    width:100%;

    border-radius:28px;

    box-shadow:0 20px 60px rgba(98,63,168,.15);

}



.story-content span{

    color:#8f7ae8;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:13px;

    font-weight:600;

}



.story-content h2{

    font-size:58px;

    line-height:1.1;

    margin:18px 0 30px;

    color:#2A1F5C;

    font-family:"Cormorant Garamond", serif;

}



.story-content p{

    color:#4d4374;

    line-height:1.9;

    margin-bottom:20px;

}



/* CTA */



.about-banner-section{

    position:relative;

    padding:140px 0;

    background-size:cover;

    background-position:center;

    overflow:hidden;

}



.about-banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(42,31,92,.68);

}



.banner-content{

    position:relative;

    z-index:5;

    text-align:center;

    max-width:900px;

    margin:auto;

}



.banner-content span{

    letter-spacing:4px;

    text-transform:uppercase;

    color:#d7c7ff;

    font-size:13px;

}



.banner-content h2{

    font-size:68px;

    line-height:1.1;

    margin:25px 0;

    color:#fff;

    font-family:"Cormorant Garamond", serif;

}



.banner-content p{

    color:#f5edff;

    line-height:1.9;

    font-size:18px;

    max-width:800px;

    margin:auto;

}



.banner-btn{

    display:inline-block;

    margin-top:40px;

    background:#fff;

    color:#8f7ae8;

    padding:18px 42px;

    border-radius:999px;

    text-decoration:none;

    font-weight:600;

    transition:.4s;

}



.banner-btn:hover{

    background:#8f7ae8;

    color:#fff;

}



.banner-butterfly{

    position:absolute;

    opacity:.12;

}



.banner-butterfly-1{

    width:260px;

    left:0;

    top:0;

}



.banner-butterfly-2{

    width:260px;

    right:0;

    bottom:0;

}



/* DETAILS */



.about-details-section{

    position:relative;

    padding:120px 0;

    background:linear-gradient(180deg,#f7f3ff 0%,#efe6ff 100%);

    overflow:hidden;

}



.details-content{

    position:relative;

    z-index:5;

    max-width:1000px;

    margin:auto;

    text-align:center;

}



.details-content span{

    letter-spacing:4px;

    text-transform:uppercase;

    color:#8f7ae8;

    font-size:13px;

    font-weight:600;

}



.details-content h2{

    font-size:64px;

    line-height:1.1;

    margin:22px 0 35px;

    color:#2A1F5C;

    font-family:"Cormorant Garamond", serif;

}



.details-content p{

    color:#4d4374;

    line-height:1.9;

    margin-bottom:24px;

    font-size:17px;

}



.details-leaf{

    position:absolute;

    opacity:.12;

}



.details-leaf-1{

    width:200px;

    left:0;

    top:60px;

}



.details-leaf-2{

    width:200px;

    right:0;

    bottom:60px;

}



/* RESPONSIVE */



@media(max-width:991px){



    .about-hero-grid,

    .story-grid{

        grid-template-columns:1fr;

    }



    .about-content-side h1,

    .story-content h2,

    .banner-content h2,

    .details-content h2{

        font-size:42px;

    }



    .specialization-grid{

        grid-template-columns:1fr;

    }



    .about-hero-section,

    .about-story-section,

    .about-banner-section,

    .about-details-section{

        padding:90px 0;

    }

}



@media(max-width:576px){



    .about-content-side h1,

    .story-content h2,

    .banner-content h2,

    .details-content h2{

        font-size:34px;

    }



    .about-btns{

        flex-direction:column;

    }



    .about-main-btn,

    .about-outline-btn{

        width:100%;

        text-align:center;

    }

}











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

/*    SPIRITUAL PHILOSOPHY SECTION CSS       */

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



.spiritual-philosophy-section{

    position:relative;

    padding:120px 0;

    background:linear-gradient(180deg,#f4edff 0%,#efe4ff 100%);

    overflow:hidden;

}



.spiritual-philosophy-grid{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:1.1fr 1fr;

    gap:70px;

    align-items:center;

}



.spiritual-mini-title{

    letter-spacing:4px;

    text-transform:uppercase;

    color:#8f7ae8;

    font-size:13px;

    font-weight:600;

}



.spiritual-content-side h2{

    font-size:58px;

    line-height:1.1;

    color:#2A1F5C;

    margin:22px 0 30px;

    font-family:"Cormorant Garamond", serif;

    font-weight:600;

}



.spiritual-content-side p{

    color:#4d4374;

    font-size:17px;

    line-height:1.9;

    margin-bottom:22px;

}



.spiritual-highlight-box{

    margin-top:35px;

    padding:24px 28px;

    border-radius:20px;

    background:rgba(255,255,255,.7);

    border:1px solid rgba(143,122,232,.18);

    box-shadow:0 12px 40px rgba(98,63,168,.08);

    color:#5b4799;

    font-weight:600;

    line-height:1.8;

    backdrop-filter:blur(12px);

}



.spiritual-image-wrap{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    box-shadow:0 25px 60px rgba(98,63,168,.18);

}



.spiritual-image-wrap img{

    width:100%;

    display:block;

}



.spiritual-butterfly{

    position:absolute;

    opacity:.10;

    z-index:1;

}



.spiritual-butterfly-1{

    width:260px;

    top:40px;

    right:-40px;

}



.spiritual-leaf{

    position:absolute;

    opacity:.12;

    z-index:1;

}



.spiritual-leaf-1{

    width:180px;

    left:-20px;

    bottom:60px;

}



@media(max-width:991px){



    .spiritual-philosophy-grid{

        grid-template-columns:1fr;

    }



    .spiritual-content-side h2{

        font-size:42px;

    }



    .spiritual-philosophy-section{

        padding:90px 0;

    }

}



@media(max-width:576px){



    .spiritual-content-side h2{

        font-size:34px;

    }



    .spiritual-content-side p{

        font-size:16px;

    }



}





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

/*     PERSONAL READING SECTION START      */

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



.personal-reading-section{

    position: relative;

    overflow: hidden;

    padding: 180px 0 120px;

    background:

        linear-gradient(

            180deg,

            #f7f3ff 0%,

            #efe6ff 25%,

            #dbc8ff 55%,

            #5b2ca0 100%

        );

}



/* CONTAINER */



.reading-container{

    width: 90%;

    max-width: 1200px;

    margin: auto;

    position: relative;

    z-index: 5;

}



/* MINI TITLE */



.reading-mini-title{

    text-align: center;

    color: #8F7AE8;

    letter-spacing: 4px;

    font-size: 13px;

    font-weight: 600;

    margin-bottom: 20px;

}



/* MAIN TITLE */



.reading-main-title{

    font-family: "Cormorant Garamond", serif;

    font-size: 76px;

    line-height: 1;

    text-align: center;

    color: #2A1F5C;

    margin-bottom: 30px;

    font-weight: 500;

}



/* SUBTITLE */



.reading-subtitle{

    text-align: center;

    font-size: 24px;

    line-height: 1.8;

    color: #2A1F5C;

    font-weight: 600;

    margin-bottom: 60px;

}



.reading-subtitle span{

    color: #8F7AE8;

    font-style: italic;

    font-weight: 700;

}



/* CONTENT BOX */



.reading-content-box{

    position: relative;

    background: rgba(255,255,255,0.35);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255,255,255,0.4);

    border-radius: 35px;

    padding: 60px;

    box-shadow: 0 25px 60px rgba(72, 28, 135, 0.18);

}



/* CONTENT */



.reading-content-box p{

    font-size: 18px;

    line-height: 2;

    color: #2A1F5C;

    margin-bottom: 35px;

    font-weight: 400;

}



/* HEADING */



.reading-content-box h3{

    font-family: "Cormorant Garamond", serif;

    font-size: 42px;

    color: #2A1F5C;

    margin-bottom: 25px;

    margin-top: 10px;

    font-weight: 700;

}



/* DIVIDER */



.reading-divider{

    width: 100%;

    height: 1px;

    background: rgba(42, 31, 92, 0.15);

    margin: 45px 0;

}



/* FLOATING BUTTERFLIES */



.reading-butterfly{

    position: absolute;

    opacity: 0.12;

    pointer-events: none;

    z-index: 1;

}



.butterfly-left{

    width: 500px;

    top: 120px;

    left: -120px;

    animation: butterflyFloat 8s ease-in-out infinite;

}



.butterfly-right{

    width: 300px;

    bottom: 120px;

    right: -60px;

    animation: butterflyFloat 10s ease-in-out infinite;

}



/* LEAVES */



.reading-leaf{

    position: absolute;

    opacity: 0.15;

    pointer-events: none;

    z-index: 1;

}



.leaf-left{

    width: 220px;

    top: 300px;

    left: 0;

    animation: leafMove 7s ease-in-out infinite;

}



.leaf-right{

    width: 220px;

    bottom: 200px;

    right: 0;

    animation: leafMove 9s ease-in-out infinite;

}



/* ANIMATION */



@keyframes butterflyFloat{

    0%{

        transform: translateY(0px);

    }



    50%{

        transform: translateY(-20px);

    }



    100%{

        transform: translateY(0px);

    }

}



@keyframes leafMove{

    0%{

        transform: rotate(0deg) translateY(0px);

    }



    50%{

        transform: rotate(5deg) translateY(-15px);

    }



    100%{

        transform: rotate(0deg) translateY(0px);

    }

}



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

/*              RESPONSIVE                  */

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



@media(max-width: 992px){



    .personal-reading-section{

        padding: 140px 0 90px;

    }



    .reading-main-title{

        font-size: 58px;

    }



    .reading-subtitle{

        font-size: 20px;

    }



    .reading-content-box{

        padding: 40px;

    }



    .reading-content-box h3{

        font-size: 34px;

    }



    .butterfly-left{

        width: 320px;

    }



    .butterfly-right{

        width: 220px;

    }

}



@media(max-width: 768px){



    .personal-reading-section{

        padding: 120px 0 80px;

    }



    .reading-main-title{

        font-size: 42px;

    }



    .reading-subtitle{

        font-size: 18px;

        line-height: 1.7;

    }



    .reading-content-box{

        padding: 30px 22px;

        border-radius: 25px;

    }



    .reading-content-box p{

        font-size: 16px;

        line-height: 1.9;

    }



    .reading-content-box h3{

        font-size: 28px;

    }



    .butterfly-left{

        width: 230px;

        left: -60px;

    }



    .butterfly-right{

        width: 170px;

        right: -40px;

    }



    .leaf-left,

    .leaf-right{

        width: 120px;

    }

}



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

/*      PERSONAL READING SECTION END       */

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











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

/*     CONSULTATION PRICING SECTION         */

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



.reading-pricing-section{

    position: relative;

    overflow: hidden;

    padding: 120px 0;

    background:

        linear-gradient(

            180deg,

            #5b2ca0 0%,

            #7440c8 40%,

            #efe8ff 100%

        );

}



/* CONTAINER */



.pricing-container{

    width: 90%;

    max-width: 1200px;

    margin: auto;

    display: grid;

    grid-template-columns: 1.3fr 0.7fr;

    gap: 40px;

    align-items: start;

    position: relative;

    z-index: 5;

}



/* BOX */



.pricing-box,

.newsletter-box{

    position: relative;

    background: rgba(255,255,255,0.14);

    backdrop-filter: blur(14px);

    border: 1px solid rgba(255,255,255,0.2);

    border-radius: 35px;

    padding: 50px;

    box-shadow: 0 25px 60px rgba(35, 12, 79, 0.18);

}



/* TAG */



.pricing-tag{

    color: #e8d7ff;

    letter-spacing: 4px;

    font-size: 12px;

    margin-bottom: 20px;

    font-weight: 600;

}



/* TITLE */



.pricing-title{

    font-family: "Cormorant Garamond", serif;

    color: #fff;

    font-size: 58px;

    line-height: 1.1;

    margin-bottom: 35px;

}



/* LINKS */



.pricing-links{

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.pricing-links a{

    color: #fff;

    text-decoration: none;

    font-size: 24px;

    line-height: 1.5;

    font-weight: 600;

    transition: 0.3s ease;

    border-bottom: 1px solid rgba(255,255,255,0.15);

    padding-bottom: 18px;

}



.pricing-links a:hover{

    color: #f3d9ff;

    transform: translateX(8px);

}



/* HOURS */



.pricing-hours{

    margin-top: 35px;

    color: #f7ecff;

    font-size: 16px;

    line-height: 1.9;

}



/* PAYPAL */



.paypal-wrap{

    margin-top: 30px;

}



.paypal-wrap img{

    width: 220px;

}



/* NEWSLETTER */



.newsletter-inner{

    border: 2px solid rgba(255,255,255,0.25);

    padding: 35px;

    border-radius: 24px;

    background: rgba(255,255,255,0.06);

}



.newsletter-title{

    color: #ffe59f;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 15px;

}



.newsletter-inner p{

    color: #fff;

    font-size: 17px;

    line-height: 1.9;

    margin-bottom: 25px;

}



.newsletter-inner span{

    font-style: italic;

    color: #ffe9a8;

}



/* FORM */



.newsletter-form{

    display: flex;

    flex-direction: column;

    gap: 14px;

}



.newsletter-form label{

    color: #fff;

    font-weight: 600;

}



.newsletter-form input{

    height: 52px;

    border-radius: 12px;

    border: none;

    padding: 0 18px;

    outline: none;

    background: rgba(255,255,255,0.92);

}



.newsletter-form button{

    height: 52px;

    border: none;

    border-radius: 12px;

    background: linear-gradient(

        90deg,

        #b784ff,

        #8F7AE8

    );

    color: #fff;

    font-weight: 600;

    cursor: pointer;

    transition: 0.3s ease;

}



.newsletter-form button:hover{

    transform: translateY(-3px);

}



/* FLOATING ELEMENTS */



.pricing-butterfly,

.pricing-leaf{

    position: absolute;

    pointer-events: none;

    opacity: 0.1;

}



.butterfly-left{

    width: 340px;

    top: 40px;

    left: -70px;

}



.butterfly-right{

    width: 260px;

    bottom: 80px;

    right: -40px;

}



.leaf-left{

    width: 180px;

    top: 200px;

    left: 40px;

}



.leaf-right{

    width: 180px;

    bottom: 120px;

    right: 50px;

}



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

/*               RESPONSIVE                 */

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



@media(max-width: 992px){



    .pricing-container{

        grid-template-columns: 1fr;

    }



    .pricing-title{

        font-size: 46px;

    }

}



@media(max-width: 768px){



    .reading-pricing-section{

        padding: 80px 0;

    }



    .pricing-box,

    .newsletter-box{

        padding: 30px 22px;

        border-radius: 24px;

    }



    .pricing-title{

        font-size: 38px;

    }



    .pricing-links a{

        font-size: 20px;

    }



    .newsletter-inner{

        padding: 24px;

    }

}



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

/*   CONSULTATION PRICING SECTION END      */

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



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

/*         EQUAL HEIGHT FIX                 */

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



.pricing-container{

    align-items: stretch;

}



.pricing-box,

.newsletter-box{

    height: 100%;

    display: flex;

    flex-direction: column;

}



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

/*          LINKS PREMIUM STYLE             */

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



.pricing-links a{

    position: relative;

    padding-left: 42px;

    color: #ffffff;

    text-decoration: none;

    font-size: 24px;

    line-height: 1.5;

    font-weight: 600;

    transition: 0.35s ease;

    border-bottom: 1px solid rgba(255,255,255,0.15);

    padding-bottom: 18px;

}



/* ICON */



.pricing-links a::before{

    content: "\f061";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    position: absolute;

    left: 0;

    top: 4px;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    background: rgba(255,255,255,0.14);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    color: #ffe8a3;

    transition: 0.35s ease;

}



/* HOVER */



.pricing-links a:hover{

    color: #ffe8a3;

    transform: translateX(10px);

}



.pricing-links a:hover::before{

    background: #ffffff;

    color: #7f4ce0;

    transform: rotate(-45deg);

}



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

/*       PAYPAL PUSH BOTTOM FIX             */

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



.paypal-wrap{

    margin-top: auto;

    padding-top: 35px;

}



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

/*         MOBILE RESPONSIVE FIX            */

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



@media(max-width:768px){



    .pricing-links a{

        font-size: 18px;

        padding-left: 36px;

    }



    .pricing-links a::before{

        width: 24px;

        height: 24px;

        font-size: 10px;

    }

}







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

/*        REAL TESTIMONIAL SECTION          */

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



.real-testimonial-section{

    position: relative;

    overflow: hidden;

    padding: 130px 0;

    background:

        linear-gradient(

            180deg,

            #f5efff 0%,

            #d9c6ff 30%,

            #7a48ca 100%

        );

}



/* CONTAINER */



.testimonial-container{

    width: 92%;

    max-width: 1450px;

    margin: auto;

    position: relative;

    z-index: 5;

}



/* TOP */



.testimonial-top{

    text-align: center;

    margin-bottom: 70px;

}



.testimonial-mini-title{

    color: #8F7AE8;

    letter-spacing: 4px;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 18px;

}



.testimonial-main-title{

    font-family: "Cormorant Garamond", serif;

    font-size: 74px;

    line-height: 1;

    color: #2A1F5C;

    margin-bottom: 25px;

}



.testimonial-description{

    max-width: 850px;

    margin: auto;

    color: #2A1F5C;

    line-height: 1.9;

    font-size: 18px;

}



/* GRID */



.testimonial-grid{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

}



/* CARD */



.testimonial-card{

    position: relative;

    background: rgba(255,255,255,0.18);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255,255,255,0.22);

    border-radius: 32px;

    padding: 38px;

    min-height: 320px;

    box-shadow: 0 20px 50px rgba(57, 20, 113, 0.18);

    transition: 0.4s ease;

}



.testimonial-card:hover{

    transform: translateY(-10px);

    background: rgba(255,255,255,0.24);

}



/* QUOTE ICON */



.testimonial-card::before{

    content: "“";

    position: absolute;

    top: 18px;

    left: 25px;

    font-size: 90px;

    color: rgba(255,255,255,0.15);

    font-family: serif;

}



/* TEXT */



.testimonial-card p{

    position: relative;

    z-index: 2;

    color: #2A1F5C;

    font-size: 17px;

    line-height: 2;

    margin-bottom: 35px;

}



/* NAME */



.testimonial-card span{

    display: inline-block;

    color: #7a3cff;

    font-weight: 700;

    font-size: 15px;

    letter-spacing: 1px;

}



/* FLOATING ELEMENTS */



.testimonial-butterfly,

.testimonial-leaf{

    position: absolute;

    pointer-events: none;

    opacity: 0.1;

}



.testimonial-butterfly.butterfly-left{

    width: 420px;

    top: 50px;

    left: -120px;

}



.testimonial-butterfly.butterfly-right{

    width: 280px;

    bottom: 80px;

    right: -60px;

}



.testimonial-leaf.leaf-left{

    width: 180px;

    top: 250px;

    left: 50px;

}



.testimonial-leaf.leaf-right{

    width: 180px;

    bottom: 180px;

    right: 60px;

}



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

/*              RESPONSIVE                  */

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



@media(max-width: 1100px){



    .testimonial-grid{

        grid-template-columns: repeat(2, 1fr);

    }

}



@media(max-width: 768px){



    .real-testimonial-section{

        padding: 90px 0;

    }



    .testimonial-grid{

        grid-template-columns: 1fr;

        gap: 24px;

    }



    .testimonial-main-title{

        font-size: 46px;

    }



    .testimonial-card{

        min-height: auto;

        padding: 28px;

        border-radius: 24px;

    }



    .testimonial-card p{

        font-size: 16px;

        line-height: 1.9;

    }



    .testimonial-butterfly.butterfly-left{

        width: 220px;

    }



    .testimonial-butterfly.butterfly-right{

        width: 170px;

    }

}



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

/*     REAL TESTIMONIAL SECTION END         */

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







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

/* DECEASED READINGS PAGE */

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



.deceased-hero-section {

    position: relative;

    overflow: hidden;

    padding: 140px 0;

    background:

        linear-gradient(

            180deg,

            #f6f0ff 0%,

            #e7d8ff 45%,

            #d9c0ff 100%

        );

}



.deceased-hero-grid {

    display: grid;

    grid-template-columns: 520px 1fr;

    gap: 80px;

    align-items: center;

    position: relative;

    z-index: 2;

}



.deceased-image-wrap {

    position: relative;

}



.deceased-image-glow {

    position: absolute;

    inset: -20px;

    background: radial-gradient(

        circle,

        rgba(167, 111, 255, 0.35),

        transparent 70%

    );

    filter: blur(30px);

}



.deceased-main-image {

    width: 100%;

    border-radius: 30px;

    position: relative;

    z-index: 2;

    box-shadow: 0 20px 50px rgba(78, 23, 131, 0.2);

}



.deceased-content {

    position: relative;

    z-index: 2;

}



.deceased-subtitle {

    display: inline-block;

    padding: 10px 22px;

    border-radius: 999px;

    background: rgba(255,255,255,0.7);

    color: #7c4dff;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-size: 12px;

    margin-bottom: 25px;

    font-weight: 600;

}



.deceased-title {

    font-size: 68px;

    line-height: 1.05;

    color: #2f1458;

    margin-bottom: 35px;

    font-family: "Cormorant Garamond", serif;

}



.deceased-content p {

    color: #3d2b5f;

    line-height: 1.95;

    margin-bottom: 20px;

    font-size: 17px;

}



.blessing-text {

    font-style: italic;

    color: #6b3fe0;

    margin-bottom: 10px;

}



.signature-name {

    font-size: 28px;

    color: #2f1458;

    font-family: "Cormorant Garamond", serif;

}



/* FLOATING ELEMENTS */



.deceased-butterfly,

.deceased-leaf {

    position: absolute;

    opacity: 0.18;

    pointer-events: none;

}



.butterfly-1 {

    width: 420px;

    top: 80px;

    left: -100px;

}



.butterfly-2 {

    width: 240px;

    bottom: 80px;

    right: -60px;

}



.leaf-1 {

    width: 120px;

    top: 120px;

    right: 8%;

}



.leaf-2 {

    width: 140px;

    bottom: 100px;

    left: 6%;

}



.leaf-3 {

    width: 90px;

    top: 40%;

    right: 45%;

}



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

/* PRIVATE CONSULTATION SECTION */

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



.private-consultation-section {

    position: relative;

    overflow: hidden;

    padding: 130px 0;

    background:

        linear-gradient(

            180deg,

            #4f2393 0%,

            #5d2aad 100%

        );

}



.consultation-grid {

    display: grid;

    grid-template-columns: 1.3fr 0.7fr;

    gap: 50px;

    align-items: stretch;

    position: relative;

    z-index: 2;

}



.consultation-card,

.consultation-highlight-box {

    border-radius: 34px;

    position: relative;

    overflow: hidden;

}



.consultation-card {

    background: rgba(255,255,255,0.08);

    border: 1px solid rgba(255,255,255,0.1);

    padding: 60px;

    backdrop-filter: blur(12px);

}



.consult-small-title {

    display: inline-block;

    margin-bottom: 20px;

    color: #d9b8ff;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

}



.consult-main-title {

    font-size: 62px;

    line-height: 1;

    color: #fff;

    margin-bottom: 30px;

    font-family: "Cormorant Garamond", serif;

}



.consultation-card p {

    color: rgba(255,255,255,0.88);

    line-height: 1.95;

    margin-bottom: 18px;

    font-size: 16px;

}



.consultation-highlight-box {

    background:

        linear-gradient(

            180deg,

            rgba(255,255,255,0.18),

            rgba(255,255,255,0.08)

        );



    border: 1px solid rgba(255,255,255,0.12);



    display: flex;

    align-items: center;

}



.highlight-inner {

    padding: 50px;

}



.highlight-tag {

    display: inline-block;

    margin-bottom: 20px;

    color: #ffde87;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 12px;

}



.consultation-highlight-box h3 {

    font-size: 42px;

    line-height: 1.1;

    color: #fff;

    margin-bottom: 25px;

    font-family: "Cormorant Garamond", serif;

}



.consultation-highlight-box p {

    color: rgba(255,255,255,0.88);

    line-height: 1.9;

    margin-bottom: 30px;

}



.highlight-points {

    display: flex;

    flex-direction: column;

    gap: 18px;

}



.highlight-item {

    display: flex;

    align-items: center;

    gap: 14px;

    color: #fff;

    font-weight: 500;

}



.highlight-item i {

    color: #ffde87;

}



/* FLOATING */



.consult-butterfly,

.consult-leaf {

    position: absolute;

    opacity: 0.15;

    pointer-events: none;

}



.butterfly-3 {

    width: 340px;

    top: -80px;

    right: -60px;

}



.consult-leaf-1 {

    width: 120px;

    bottom: 60px;

    left: 5%;

}



.consult-leaf-2 {

    width: 90px;

    top: 30%;

    right: 42%;

}



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

/* RESPONSIVE */

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



@media (max-width: 991px) {



    .deceased-hero-grid,

    .consultation-grid {

        grid-template-columns: 1fr;

    }



    .deceased-title,

    .consult-main-title {

        font-size: 48px;

    }



    .consultation-card,

    .highlight-inner {

        padding: 35px;

    }



    .butterfly-1 {

        width: 240px;

    }

}



@media (max-width: 576px) {



    .deceased-hero-section,

    .private-consultation-section {

        padding: 90px 0;

    }



    .deceased-title,

    .consult-main-title {

        font-size: 38px;

    }



    .deceased-content p,

    .consultation-card p {

        font-size: 15px;

        line-height: 1.8;

    }



    .consultation-card,

    .highlight-inner {

        padding: 28px;

    }

}



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

/* DECEASED PRICING SECTION */

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



.deceased-pricing-section{



    position: relative;

    overflow: hidden;



    padding: 120px 0;



    background:

    linear-gradient(

        180deg,

        #f6f0ff 0%,

        #d7beff 35%,

        #5a28a0 100%

    );

}



/* GRID */



.deceased-pricing-grid{



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 40px;



    align-items: stretch;



    position: relative;



    z-index: 5;

}



/* CARDS */



.deceased-pricing-card,

.deceased-newsletter-card{



    position: relative;



    height: 100%;



    border-radius: 34px;



    background:

    rgba(255,255,255,0.12);



    border:

    1px solid rgba(255,255,255,0.18);



    backdrop-filter: blur(14px);



    box-shadow:

    0 20px 60px rgba(48,18,90,0.14);



    overflow: hidden;

}



/* LEFT */



.deceased-pricing-card{



    padding: 55px;

}



.deceased-pricing-mini-title{



    display: inline-block;



    color: #8f5fff;



    letter-spacing: 3px;



    text-transform: uppercase;



    font-size: 12px;



    font-weight: 700;



    margin-bottom: 22px;

}



.deceased-pricing-title{



    font-size: 62px;



    line-height: 1.05;



    color: #2c1457;



    margin-bottom: 25px;



    font-family: "Cormorant Garamond", serif;

}



.deceased-pricing-description{



    color: #3d2b5f;



    line-height: 1.9;



    margin-bottom: 35px;



    font-size: 17px;

}



/* LINKS */



.deceased-pricing-links{



    display: flex;



    flex-direction: column;



    gap: 18px;

}



.deceased-pricing-links a{



    position: relative;



    padding: 22px 28px;



    border-radius: 18px;



    background:

    rgba(255,255,255,0.5);



    color: #2c1457;



    text-decoration: none;



    font-size: 18px;



    font-weight: 600;



    transition: 0.35s ease;



    border:

    1px solid rgba(255,255,255,0.4);

}



.deceased-pricing-links a:hover{



    transform: translateY(-5px);



    background: #fff;



    color: #7c42ff;

}



/* HOURS */



.deceased-hours-box{



    margin-top: 35px;



    padding: 28px;



    border-radius: 22px;



    background:

    rgba(255,255,255,0.4);

}



.deceased-hours-box h4{



    color: #2c1457;



    margin-bottom: 12px;



    font-size: 22px;



    font-family: "Cormorant Garamond", serif;

}



.deceased-hours-box p{



    color: #4c3a72;



    line-height: 1.8;

}



/* RIGHT */



.deceased-newsletter-inner{



    height: 100%;



    padding: 55px;



    display: flex;



    flex-direction: column;



    justify-content: center;

}



.newsletter-mini-title{



    color: #ffde87;



    letter-spacing: 3px;



    text-transform: uppercase;



    font-size: 12px;



    font-weight: 700;



    margin-bottom: 20px;

}



.deceased-newsletter-inner h3{



    font-size: 52px;



    line-height: 1.05;



    color: #fff;



    margin-bottom: 28px;



    font-family: "Cormorant Garamond", serif;

}



.deceased-newsletter-inner p{



    color: rgba(255,255,255,0.9);



    line-height: 1.9;



    margin-bottom: 35px;

}



/* FORM */



.deceased-newsletter-form{



    display: flex;



    flex-direction: column;



    gap: 16px;

}



.deceased-newsletter-form input{



    height: 58px;



    border-radius: 16px;



    border: none;



    padding: 0 20px;



    background: rgba(255,255,255,0.95);



    outline: none;

}



.deceased-newsletter-form button{



    height: 58px;



    border-radius: 16px;



    border: none;



    background:

    linear-gradient(

        90deg,

        #f4c6ff,

        #b16cff

    );



    color: white;



    font-weight: 600;



    cursor: pointer;



    transition: 0.35s ease;

}



.deceased-newsletter-form button:hover{



    transform: translateY(-3px);



    background:

    linear-gradient(

        90deg,

        #b16cff,

        #7f46ff

    );

}



/* NOTE */



.newsletter-note{



    margin-top: 28px;



    color: #ffe8b0;



    font-style: italic;

}



/* FLOATING */



.deceased-price-butterfly,

.deceased-price-leaf{



    position: absolute;



    opacity: 0.12;



    pointer-events: none;

}



.butterfly-left{



    width: 320px;



    top: 40px;



    left: -80px;

}



.butterfly-right{



    width: 240px;



    bottom: 40px;



    right: -40px;

}



.leaf-left{



    width: 120px;



    top: 120px;



    right: 10%;

}



.leaf-right{



    width: 140px;



    bottom: 100px;



    left: 5%;

}



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

/* RESPONSIVE */

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



@media(max-width:991px){



    .deceased-pricing-grid{



        grid-template-columns: 1fr;

    }



    .deceased-pricing-title,

    .deceased-newsletter-inner h3{



        font-size: 46px;

    }

}



@media(max-width:576px){



    .deceased-pricing-section{



        padding: 90px 0;

    }



    .deceased-pricing-card,

    .deceased-newsletter-inner{



        padding: 30px;

    }



    .deceased-pricing-title,

    .deceased-newsletter-inner h3{



        font-size: 36px;

    }



    .deceased-pricing-links a{



        font-size: 16px;



        padding: 18px 20px;

    }

}



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

/* END */

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







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

/* DECEASED TESTIMONIAL SECTION */

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



.deceased-testimonial-section{



    position: relative;



    overflow: hidden;



    padding: 130px 0;



    background:

    linear-gradient(

        180deg,

        #f5efff 0%,

        #d7beff 35%,

        #7b47ca 100%

    );

}



/* TOP */



.deceased-testimonial-top{



    text-align: center;



    margin-bottom: 70px;



    position: relative;



    z-index: 5;

}



.deceased-testimonial-mini-title{



    display: inline-block;



    color: #8f5fff;



    letter-spacing: 4px;



    text-transform: uppercase;



    font-size: 12px;



    font-weight: 700;



    margin-bottom: 20px;

}



.deceased-testimonial-main-title{



    font-size: 72px;



    line-height: 1.02;



    color: #2c1457;



    margin-bottom: 24px;



    font-family: "Cormorant Garamond", serif;

}



.deceased-testimonial-description{



    max-width: 850px;



    margin: auto;



    color: #3f2b68;



    line-height: 1.9;



    font-size: 18px;

}



/* GRID */



.deceased-testimonial-grid{



    position: relative;



    z-index: 5;



    display: grid;



    grid-template-columns: repeat(2,1fr);



    gap: 30px;

}



/* CARD */



.deceased-testimonial-card{



    position: relative;



    padding: 42px;



    border-radius: 30px;



    background:

    rgba(255,255,255,0.16);



    border:

    1px solid rgba(255,255,255,0.22);



    backdrop-filter: blur(14px);



    box-shadow:

    0 20px 60px rgba(50,20,90,0.14);



    transition: 0.35s ease;

}



.deceased-testimonial-card:hover{



    transform: translateY(-8px);



    background:

    rgba(255,255,255,0.22);

}



/* QUOTE */



.deceased-testimonial-card::before{



    content: "“";



    position: absolute;



    top: 10px;



    left: 24px;



    font-size: 100px;



    color: rgba(255,255,255,0.16);



    font-family: serif;

}



/* TEXT */



.deceased-testimonial-card p{



    position: relative;



    z-index: 2;



    color: #2c1457;



    line-height: 2;



    font-size: 17px;



    margin-bottom: 30px;

}



/* NAME */



.deceased-testimonial-card span{



    display: inline-block;



    color: #7c42ff;



    font-weight: 700;



    font-size: 15px;



    letter-spacing: 1px;

}



/* FLOATING */



.deceased-testimonial-butterfly,

.deceased-testimonial-leaf{



    position: absolute;



    opacity: 0.12;



    pointer-events: none;

}



.deceased-testimonial-butterfly.butterfly-left{



    width: 320px;



    top: 40px;



    left: -80px;

}



.deceased-testimonial-butterfly.butterfly-right{



    width: 240px;



    bottom: 60px;



    right: -40px;

}



.deceased-testimonial-leaf.leaf-left{



    width: 120px;



    top: 180px;



    right: 8%;

}



.deceased-testimonial-leaf.leaf-right{



    width: 150px;



    bottom: 100px;



    left: 5%;

}



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

/* RESPONSIVE */

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



@media(max-width:991px){



    .deceased-testimonial-grid{



        grid-template-columns: 1fr;

    }



    .deceased-testimonial-main-title{



        font-size: 52px;

    }

}



@media(max-width:576px){



    .deceased-testimonial-section{



        padding: 90px 0;

    }



    .deceased-testimonial-main-title{



        font-size: 38px;

    }



    .deceased-testimonial-card{



        padding: 28px;

    }



    .deceased-testimonial-card p{



        font-size: 15px;



        line-height: 1.9;

    }

}



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

/* END */

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





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

/* WEDDING MINISTRY HERO SECTION */

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



.wedding-hero-section {



    position: relative;



    overflow: hidden;



    padding:

        130px 0;



    background:

        linear-gradient(

            180deg,

            #f7f2ff 0%,

            #ead9ff 40%,

            #d9bfff 100%

        );

}



/* CONTAINER */



.wedding-hero-container {



    position: relative;



    z-index: 5;

}



/* TOP */



.wedding-top-content {



    text-align: center;



    margin-bottom: 70px;

}



.wedding-mini-title {



    display: inline-block;



    color: #8b5cf6;



    letter-spacing: 4px;



    text-transform: uppercase;



    font-size: 12px;



    font-weight: 700;



    margin-bottom: 24px;

}



.wedding-main-title {



    font-size: 76px;



    line-height: 1;



    color: #2a1458;



    margin-bottom: 28px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.wedding-main-description {



    max-width: 760px;



    margin: auto;



    color: #4a376d;



    line-height: 1.9;



    font-size: 18px;

}



/* REVIEW CARD */



.wedding-review-card {



    max-width: 950px;



    margin:

        0 auto 90px;



    padding: 50px;



    border-radius: 34px;



    background:

        rgba(255,255,255,0.28);



    border:

        1px solid rgba(255,255,255,0.4);



    backdrop-filter:

        blur(14px);



    box-shadow:

        0 20px 60px rgba(58, 24, 102, 0.12);

}



.review-badge {



    display: inline-block;



    margin-bottom: 20px;



    padding:

        10px 22px;



    border-radius: 999px;



    background:

        rgba(143,95,255,0.12);



    color: #7a47d8;



    font-size: 13px;



    font-weight: 700;



    letter-spacing: 2px;



    text-transform: uppercase;

}



.review-location {



    color: #6f5b96;



    margin-bottom: 20px;



    font-size: 15px;

}



.wedding-review-card h3 {



    font-size: 38px;



    color: #2a1458;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.wedding-review-card p {



    color: #43325f;



    line-height: 2;



    margin-bottom: 20px;



    font-size: 16px;

}



.review-note {



    margin-top: 30px;



    color: #7a689d;



    font-size: 14px;



    font-style: italic;

}



/* GRID */



.wedding-about-grid {



    display: grid;



    grid-template-columns:

        460px 1fr;



    gap: 70px;



    align-items: center;

}



/* IMAGE */



.wedding-image-wrap {



    position: relative;

}



.wedding-image-glow {



    position: absolute;



    inset: -25px;



    background:

        radial-gradient(

            circle,

            rgba(183,130,255,0.35),

            transparent 70%

        );



    filter: blur(30px);

}



.wedding-main-image {



    width: 100%;



    border-radius: 30px;



    position: relative;



    z-index: 2;



    box-shadow:

        0 20px 50px rgba(54,24,98,0.16);

}



/* CONTENT */



.wedding-content-mini-title {



    display: inline-block;



    color: #8b5cf6;



    letter-spacing: 3px;



    text-transform: uppercase;



    font-size: 12px;



    font-weight: 700;



    margin-bottom: 20px;

}



.wedding-about-content h2 {



    font-size: 62px;



    line-height: 1.05;



    color: #2a1458;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.wedding-about-content p {



    color: #43325f;



    line-height: 2;



    margin-bottom: 20px;



    font-size: 17px;

}



/* CONTACT */



.wedding-contact-box {



    display: flex;



    flex-wrap: wrap;



    gap: 18px;



    margin-top: 35px;



    margin-bottom: 35px;

}



.wedding-contact-item {



    display: flex;



    align-items: center;



    gap: 12px;



    padding:

        16px 22px;



    border-radius: 16px;



    background:

        rgba(255,255,255,0.45);



    color: #4a2a86;



    font-weight: 600;

}



.wedding-contact-item i {



    color: #8f5fff;

}



/* SIGNATURE */



.wedding-signature p {



    color: #7c4dff;



    font-style: italic;



    margin-bottom: 10px;

}



.wedding-signature h4 {



    font-size: 32px;



    color: #2a1458;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* FLOATING */



.wedding-butterfly,

.wedding-leaf {



    position: absolute;



    opacity: 0.12;



    pointer-events: none;

}



.butterfly-left {



    width: 320px;



    top: 60px;



    left: -80px;

}



.butterfly-right {



    width: 260px;



    bottom: 60px;



    right: -60px;

}



.leaf-left {



    width: 120px;



    top: 140px;



    right: 8%;

}



.leaf-right {



    width: 150px;



    bottom: 120px;



    left: 5%;

}



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

/* RESPONSIVE */

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



@media(max-width:991px){



    .wedding-about-grid {



        grid-template-columns: 1fr;

    }



    .wedding-main-title {



        font-size: 56px;

    }



    .wedding-about-content h2 {



        font-size: 46px;

    }

}



@media(max-width:576px){



    .wedding-hero-section {



        padding: 90px 0;

    }



    .wedding-main-title {



        font-size: 40px;

    }



    .wedding-about-content h2 {



        font-size: 34px;

    }



    .wedding-review-card,

    .wedding-about-content {



        padding: 0;

    }



    .wedding-review-card {



        padding: 30px;

    }



    .wedding-review-card p,

    .wedding-about-content p {



        font-size: 15px;



        line-height: 1.8;

    }

}







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

/* WEDDING REVIEW MODERN */

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



.wedding-review-modern {



    display: grid;



    grid-template-columns:

        1fr 1fr;



    align-items: stretch;



    overflow: hidden;



    border-radius: 36px;



    background:

        rgba(255,255,255,0.28);



    border:

        1px solid rgba(255,255,255,0.35);



    backdrop-filter:

        blur(14px);



    box-shadow:

        0 20px 60px rgba(58,24,102,0.12);



    margin:

        0 auto 90px;



    max-width: 1350px;

}



/* IMAGE */



.wedding-review-image {



    position: relative;



    min-height: 100%;

}



.wedding-review-image img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;

}



/* CONTENT */



.wedding-review-content {



    padding:

        70px;



    display: flex;



    flex-direction: column;



    justify-content: center;

}



.wedding-review-content h3 {



    font-size: 58px;



    line-height: 1;



    color: #2a1458;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.wedding-review-content p {



    color: #43325f;



    line-height: 2;



    margin-bottom: 20px;



    font-size: 16px;

}



/* RESPONSIVE */



@media(max-width:991px){



    .wedding-review-modern {



        grid-template-columns: 1fr;

    }



    .wedding-review-image {



        height: 350px;

    }



    .wedding-review-content {



        padding: 40px;

    }



    .wedding-review-content h3 {



        font-size: 42px;

    }

}



@media(max-width:576px){



    .wedding-review-content {



        padding: 30px 24px;

    }



    .wedding-review-content h3 {



        font-size: 34px;

    }



}



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

/* WEDDING PAGE */

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



.wedding-page-main {



    padding-top: 120px;



    overflow: hidden;

}



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

/* SECTION */

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



.wedding-review-section {



    position: relative;



    padding: 120px 0;



    background:

        linear-gradient(

            180deg,

            #f6f1ff 0%,

            #efe4ff 100%

        );



    overflow: hidden;

}



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

/* FLOATING ELEMENTS */

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



.wedding-butterfly {



    position: absolute;



    opacity: 0.12;



    z-index: 1;

}



.butterfly-left {



    width: 260px;



    top: 100px;



    left: -40px;

}



.butterfly-right {



    width: 220px;



    bottom: 80px;



    right: -30px;

}



.wedding-leaf {



    position: absolute;



    opacity: 0.16;



    z-index: 1;

}



.leaf-one {



    width: 160px;



    top: 180px;



    right: 120px;

}



.leaf-two {



    width: 180px;



    bottom: 100px;



    left: 80px;

}



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

/* MAIN CARD */

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



.wedding-review-modern {



    position: relative;



    z-index: 5;



    max-width: 1350px;



    margin: auto;



    display: grid;



    grid-template-columns: 1fr 1fr;



    align-items: stretch;



    overflow: hidden;



    border-radius: 38px;



    background:

        rgba(255,255,255,0.42);



    border:

        1px solid rgba(255,255,255,0.45);



    backdrop-filter:

        blur(14px);



    box-shadow:

        0 25px 70px rgba(58,24,102,0.12);

}



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

/* IMAGE */

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



.wedding-review-image {



    height: 100%;

}



.wedding-review-image img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;

}



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

/* CONTENT */

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



.wedding-review-content {



    padding: 80px;



    display: flex;



    flex-direction: column;



    justify-content: center;

}



.review-badge {



    display: inline-block;



    width: fit-content;



    margin-bottom: 24px;



    padding: 10px 22px;



    border-radius: 40px;



    background:

        rgba(181,108,255,0.12);



    color: #8a56e2;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    font-weight: 600;

}



.review-location {



    color: #7c699d;



    margin-bottom: 20px;



    font-size: 15px;

}



.wedding-review-content h2 {



    font-size: 62px;



    line-height: 1.1;



    color: #2b1558;



    margin-bottom: 28px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.wedding-review-content p {



    color: #51416d;



    font-size: 17px;



    line-height: 2;



    margin-bottom: 20px;

}



.review-note {



    margin-top: 12px;



    font-style: italic;



    color: #8a78a7;



    font-size: 14px;

}



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

/* BUTTONS */

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



.wedding-review-buttons {



    display: flex;



    gap: 18px;



    flex-wrap: wrap;



    margin-top: 30px;

}



.review-btn {



    display: inline-flex;



    align-items: center;



    gap: 10px;



    padding: 16px 28px;



    border-radius: 60px;



    text-decoration: none;



    background:

        linear-gradient(

            90deg,

            #b56cff,

            #8f6eff

        );



    color: #fff;



    font-weight: 600;



    transition: 0.3s;

}



.review-btn:hover {



    transform: translateY(-4px);



    box-shadow:

        0 15px 30px rgba(143,110,255,0.35);

}



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

/* SIGNATURE */

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



.review-sign {



    margin-top: 45px;

}



.review-sign p {



    color: #8a56e2;



    font-style: italic;



    margin-bottom: 10px;

}



.review-sign h4 {



    font-size: 42px;



    color: #2b1558;



    font-family:

        "Cormorant Garamond",

        serif;

}



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

/* RESPONSIVE */

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



@media(max-width:991px){



    .wedding-review-modern {



        grid-template-columns: 1fr;

    }



    .wedding-review-image {



        height: 420px;

    }



    .wedding-review-content {



        padding: 50px 35px;

    }



    .wedding-review-content h2 {



        font-size: 44px;

    }



    .butterfly-left,

    .butterfly-right {



        width: 160px;

    }

}



@media(max-width:576px){



    .wedding-review-section {



        padding: 80px 15px;

    }



    .wedding-review-image {



        height: 300px;

    }



    .wedding-review-content {



        padding: 35px 24px;

    }



    .wedding-review-content h2 {



        font-size: 34px;

    }



    .review-btn {



        width: 100%;



        justify-content: center;

    }



}





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

/* WEDDING ABOUT SECTION */

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



.wedding-about-section {



    position: relative;



    padding: 120px 0;



    background:

        linear-gradient(

            180deg,

            #f4edff 0%,

            #efe3ff 100%

        );



    overflow: hidden;

}



/* CONTAINER */



.wedding-about-container {



    max-width: 1320px;



    margin: auto;



    display: grid;



    grid-template-columns: 500px 1fr;



    gap: 70px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* IMAGE */



.wedding-about-image {



    position: relative;



    border-radius: 36px;



    overflow: hidden;



    box-shadow:

        0 25px 60px rgba(58,24,102,0.15);

}



.wedding-about-image img {



    width: 100%;



    display: block;

}



/* CONTENT */



.wedding-about-content-box {



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.55);



    backdrop-filter:

        blur(12px);



    border-radius: 36px;



    padding: 70px;

}



.wedding-mini-title {



    display: inline-block;



    margin-bottom: 24px;



    padding: 10px 24px;



    border-radius: 40px;



    background:

        rgba(181,108,255,0.12);



    color: #8d5ae3;



    font-size: 12px;



    font-weight: 600;



    letter-spacing: 4px;



    text-transform: uppercase;

}



.wedding-about-content-box h2 {



    font-size: 64px;



    line-height: 1.05;



    color: #2b1558;



    margin-bottom: 35px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.wedding-about-content-box p {



    color: #51416d;



    font-size: 17px;



    line-height: 2;



    margin-bottom: 24px;

}



/* SIGNATURE */



.wedding-love-note {



    margin-top: 35px;

}



.wedding-love-note p {



    color: #8d5ae3;



    font-style: italic;



    margin-bottom: 12px;

}



.wedding-love-note h4 {



    font-size: 42px;



    color: #2b1558;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* FLOATING ELEMENTS */



.wedding-about-butterfly,

.wedding-about-leaf {



    position: absolute;



    opacity: 0.12;

}



.butterfly-about-left {



    width: 240px;



    top: 80px;



    left: -40px;

}



.leaf-about-right {



    width: 180px;



    right: 60px;



    bottom: 80px;

}



/* RESPONSIVE */



@media(max-width:991px){



    .wedding-about-container {



        grid-template-columns: 1fr;



        gap: 40px;

    }



    .wedding-about-image {



        max-width: 600px;



        margin: auto;

    }



    .wedding-about-content-box {



        padding: 50px 35px;

    }



    .wedding-about-content-box h2 {



        font-size: 46px;

    }

}



@media(max-width:576px){



    .wedding-about-section {



        padding: 80px 15px;

    }



    .wedding-about-content-box {



        padding: 35px 24px;

    }



    .wedding-about-content-box h2 {



        font-size: 34px;

    }



    .wedding-love-note h4 {



        font-size: 30px;

    }



}





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

/* WEDDING PACKAGES SECTION */

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



.wedding-packages-section {



    position: relative;



    padding: 130px 0;



    background:

        linear-gradient(

            180deg,

            #f7f2ff 0%,

            #eee2ff 100%

        );



    overflow: hidden;

}



/* FLOATING ELEMENTS */



.package-butterfly,

.package-leaf {



    position: absolute;



    opacity: 0.12;

}



.butterfly-package-left {



    width: 240px;



    top: 100px;



    left: -40px;

}



.butterfly-package-right {



    width: 220px;



    bottom: 120px;



    right: -50px;

}



.package-leaf-one {



    width: 160px;



    top: 260px;



    right: 140px;

}



.package-leaf-two {



    width: 170px;



    bottom: 180px;



    left: 80px;

}



/* CONTAINER */



.packages-container {



    max-width: 1450px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* HEADING */



.packages-heading {



    text-align: center;



    margin-bottom: 70px;

}



.packages-heading span {



    display: inline-block;



    margin-bottom: 18px;



    padding: 10px 24px;



    border-radius: 40px;



    background:

        rgba(181,108,255,0.12);



    color: #8f5fe4;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    font-weight: 600;

}



.packages-heading h2 {



    font-size: 68px;



    line-height: 1.1;



    color: #2b1558;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.packages-heading p {



    max-width: 850px;



    margin: auto;



    font-size: 18px;



    line-height: 2;



    color: #564675;

}



/* GRID */



.packages-grid {



    display: grid;



    grid-template-columns:

        repeat(4, 1fr);



    gap: 28px;

}



/* CARD */



.package-card {



    background:

        rgba(255,255,255,0.42);



    border:

        1px solid rgba(255,255,255,0.5);



    backdrop-filter:

        blur(14px);



    border-radius: 32px;



    padding: 40px 32px;



    box-shadow:

        0 25px 60px rgba(58,24,102,0.12);



    transition: 0.4s;

}



.package-card:hover {



    transform:

        translateY(-10px);

}



/* FEATURED */



.featured-package {



    transform:

        scale(1.03);



    border:

        2px solid rgba(181,108,255,0.35);

}



.luxury-package {



    background:

        linear-gradient(

            180deg,

            rgba(181,108,255,0.18),

            rgba(255,255,255,0.42)

        );

}



/* PACKAGE TITLE */



.package-number {



    font-size: 26px;



    line-height: 1.5;



    color: #2d185b;



    margin-bottom: 28px;



    font-family:

        "Cormorant Garamond",

        serif;



    font-weight: 700;

}



/* TEXT */



.package-card p {



    font-size: 15px;



    line-height: 2;



    color: #4f406b;



    margin-bottom: 22px;

}



/* LIST */



.package-list {



    padding-left: 20px;



    margin-bottom: 25px;

}



.package-list li {



    margin-bottom: 14px;



    line-height: 1.8;



    color: #4f406b;

}



/* LINK */



.package-link {



    display: inline-flex;



    align-items: center;



    gap: 10px;



    margin-top: 15px;



    color: #8f5fe4;



    text-decoration: none;



    font-weight: 600;



    transition: 0.3s;

}



.package-link:hover {



    gap: 16px;

}



/* PAYPAL */



.package-paypal {



    margin-top: 30px;



    padding: 14px 20px;



    border-radius: 16px;



    text-align: center;



    background:

        rgba(181,108,255,0.12);



    color: #6c42be;



    font-weight: 600;

}



/* RESPONSIVE */



@media(max-width:1200px){



    .packages-grid {



        grid-template-columns:

            repeat(2,1fr);

    }

}



@media(max-width:768px){



    .packages-grid {



        grid-template-columns: 1fr;

    }



    .packages-heading h2 {



        font-size: 44px;

    }



    .featured-package {



        transform: scale(1);

    }

}



@media(max-width:576px){



    .wedding-packages-section {



        padding: 80px 15px;

    }



    .packages-heading h2 {



        font-size: 34px;

    }



    .package-card {



        padding: 32px 24px;

    }



}









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

/* WEDDING LOCATIONS SECTION */

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



.wedding-locations-section {



    position: relative;



    padding: 130px 0;



    overflow: hidden;



    background:

        linear-gradient(

            180deg,

            #f7f2ff 0%,

            #efe3ff 100%

        );

}



/* FLOATING ELEMENTS */



.location-butterfly,

.location-leaf {



    position: absolute;



    opacity: 0.12;

}



.butterfly-location-left {



    width: 240px;



    top: 120px;



    left: -60px;

}



.butterfly-location-right {



    width: 200px;



    bottom: 120px;



    right: -40px;

}



.location-leaf-one {



    width: 150px;



    top: 180px;



    right: 140px;

}



.location-leaf-two {



    width: 180px;



    bottom: 120px;



    left: 100px;

}



/* CONTAINER */



.locations-container {



    max-width: 1400px;



    margin: auto;



    display: grid;



    grid-template-columns:

        1.1fr 0.9fr;



    gap: 70px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* CONTENT */



.location-mini-title {



    display: inline-block;



    padding: 10px 24px;



    border-radius: 50px;



    background:

        rgba(181,108,255,0.14);



    color: #8b5ae5;



    font-size: 12px;



    letter-spacing: 3px;



    text-transform: uppercase;



    margin-bottom: 28px;



    font-weight: 600;

}



.locations-content h2 {



    font-size: 68px;



    line-height: 1.1;



    margin-bottom: 35px;



    color: #2a1559;



    font-family:

        "Cormorant Garamond",

        serif;

}



.locations-content p {



    font-size: 17px;



    line-height: 2;



    color: #544670;



    margin-bottom: 24px;

}



/* HIGHLIGHT BOX */



.location-highlight-box {



    margin-top: 40px;



    padding: 35px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.45);



    backdrop-filter:

        blur(12px);



    border:

        1px solid rgba(255,255,255,0.6);



    box-shadow:

        0 20px 60px rgba(76,38,130,0.10);

}



.location-highlight-box h4 {



    margin-bottom: 18px;



    font-size: 28px;



    color: #2d185c;



    font-family:

        "Cormorant Garamond",

        serif;

}



.location-highlight-box ul {



    padding-left: 20px;

}



.location-highlight-box li {



    margin-bottom: 14px;



    color: #584b74;



    line-height: 1.8;

}



/* GALLERY */



.locations-gallery {



    display: flex;



    flex-direction: column;



    gap: 30px;

}



/* IMAGES */



.location-main-image,

.location-small-image {



    position: relative;



    overflow: hidden;



    border-radius: 36px;



    box-shadow:

        0 30px 70px rgba(55,20,110,0.16);

}



.location-main-image img,

.location-small-image img {



    width: 100%;



    display: block;



    transition: 0.5s;

}



.location-main-image:hover img,

.location-small-image:hover img {



    transform: scale(1.05);

}



/* OVERLAY */



.image-overlay {



    position: absolute;



    left: 20px;



    bottom: 20px;



    background:

        rgba(40,20,80,0.72);



    color: white;



    padding: 12px 24px;



    border-radius: 50px;



    backdrop-filter:

        blur(10px);



    font-size: 14px;



    letter-spacing: 1px;

}



/* RESPONSIVE */



@media(max-width:1200px){



    .locations-container {



        grid-template-columns: 1fr;



        gap: 50px;

    }



    .locations-content h2 {



        font-size: 54px;

    }

}



@media(max-width:768px){



    .wedding-locations-section {



        padding: 90px 20px;

    }



    .locations-content h2 {



        font-size: 40px;

    }



    .locations-content p {



        font-size: 16px;

    }

}



@media(max-width:576px){



    .locations-content h2 {



        font-size: 34px;

    }



    .location-highlight-box {



        padding: 25px;

    }



    .image-overlay {



        font-size: 12px;



        padding: 10px 18px;

    }

}







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

/* EVENT & WORKSHOP HERO SECTION */

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



.event-hero-section {



    position: relative;



    overflow: hidden;



    padding: 140px 0;



    background:

        linear-gradient(

            180deg,

            #f5efff 0%,

            #ead8ff 100%

        );

}



/* FLOATING ELEMENTS */



.event-butterfly,

.event-leaf {



    position: absolute;



    opacity: 0.12;



    pointer-events: none;

}



.butterfly-event-left {



    width: 260px;



    top: 60px;



    left: -70px;

}



.butterfly-event-right {



    width: 220px;



    right: -40px;



    bottom: 80px;

}



.leaf-event-one {



    width: 180px;



    top: 180px;



    right: 120px;

}



.leaf-event-two {



    width: 200px;



    left: 100px;



    bottom: 60px;

}



/* CONTAINER */



.event-container {



    max-width: 1380px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.9fr 1.1fr;



    gap: 70px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* IMAGE */



.event-image-wrap {



    position: relative;



    overflow: hidden;



    border-radius: 40px;



    box-shadow:

        0 35px 80px rgba(80,40,130,0.18);

}



.event-image-wrap img {



    width: 100%;



    display: block;

}



/* CONTENT */



.event-mini-title {



    display: inline-block;



    padding: 10px 24px;



    border-radius: 50px;



    background:

        rgba(157,100,255,0.14);



    color: #8856eb;



    font-size: 12px;



    letter-spacing: 3px;



    text-transform: uppercase;



    margin-bottom: 26px;



    font-weight: 600;

}



.event-content-side h1 {



    font-size: 72px;



    line-height: 1.1;



    color: #2c1559;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.event-intro {



    font-size: 18px;



    line-height: 2;



    color: #5d5178;



    margin-bottom: 40px;

}



/* PROGRAM GRID */



.event-program-grid {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 24px;



    margin-bottom: 40px;

}



/* CARD */



.event-program-card {



    display: flex;



    align-items: center;



    gap: 18px;



    padding: 26px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.7);



    backdrop-filter:

        blur(12px);



    box-shadow:

        0 15px 40px rgba(72,34,120,0.10);



    text-decoration: none;



    transition: 0.4s;

}



.event-program-card:hover {



    transform:

        translateY(-6px);



    box-shadow:

        0 25px 60px rgba(72,34,120,0.18);

}



/* ICON */



.event-program-icon {



    width: 65px;



    height: 65px;



    min-width: 65px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 22px;



    box-shadow:

        0 15px 30px rgba(140,90,240,0.30);

}



/* CONTENT */



.event-program-content h4 {



    font-size: 22px;



    line-height: 1.4;



    margin-bottom: 6px;



    color: #2d185c;



    font-family:

        "Cormorant Garamond",

        serif;

}



.event-program-content span {



    font-size: 14px;



    color: #6f6388;

}



/* NEWS BOX */



.event-news-box {



    padding: 35px;



    border-radius: 32px;



    background:

        linear-gradient(

            180deg,

            rgba(255,255,255,0.55),

            rgba(255,255,255,0.35)

        );



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 20px 60px rgba(74,30,120,0.10);

}



.event-news-box h5 {



    font-size: 18px;



    color: #4a3172;



    margin-bottom: 22px;



    font-weight: 500;

}



.event-news-box form {



    display: flex;



    gap: 15px;

}



.event-news-box input {



    flex: 1;



    height: 58px;



    border: none;



    outline: none;



    border-radius: 16px;



    padding: 0 20px;



    background: white;



    font-size: 15px;

}



.event-news-box button {



    height: 58px;



    padding: 0 32px;



    border: none;



    border-radius: 16px;



    cursor: pointer;



    font-weight: 600;



    color: white;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    transition: 0.3s;

}



.event-news-box button:hover {



    transform:

        translateY(-3px);

}



/* RESPONSIVE */



@media(max-width:1200px){



    .event-container {



        grid-template-columns: 1fr;



        gap: 60px;

    }



    .event-content-side h1 {



        font-size: 58px;

    }

}



@media(max-width:768px){



    .event-hero-section {



        padding: 90px 20px;

    }



    .event-program-grid {



        grid-template-columns: 1fr;

    }



    .event-content-side h1 {



        font-size: 42px;

    }



    .event-news-box form {



        flex-direction: column;

    }

}



@media(max-width:576px){



    .event-content-side h1 {



        font-size: 34px;

    }



    .event-program-card {



        padding: 22px;

    }

}







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

/* NUMEROLOGY WORKSHOP SECTION */

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



.numerology-workshop-section {



    position: relative;



    overflow: hidden;



    padding: 140px 0;



    background:

        linear-gradient(

            180deg,

            #f4edff 0%,

            #ead9ff 100%

        );

}



/* FLOATING ELEMENTS */



.numerology-butterfly,

.numerology-leaf {



    position: absolute;



    opacity: 0.12;



    pointer-events: none;

}



.butterfly-num-left {



    width: 260px;



    top: 80px;



    left: -70px;

}



.butterfly-num-right {



    width: 220px;



    bottom: 120px;



    right: -40px;

}



.num-leaf-one {



    width: 180px;



    top: 180px;



    right: 100px;

}



.num-leaf-two {



    width: 180px;



    bottom: 100px;



    left: 120px;

}



/* CONTAINER */



.numerology-container {



    max-width: 1350px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* TOP BOX */



.numerology-top-box {



    max-width: 950px;



    margin: auto auto 80px;



    padding: 45px;



    border-radius: 40px;



    text-align: center;



    background:

        rgba(255,255,255,0.45);



    backdrop-filter:

        blur(12px);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 25px 60px rgba(80,40,130,0.10);

}



.numerology-mini-title {



    display: inline-block;



    padding: 10px 24px;



    border-radius: 50px;



    background:

        rgba(161,112,255,0.14);



    color: #8a58e9;



    font-size: 12px;



    letter-spacing: 3px;



    text-transform: uppercase;



    margin-bottom: 24px;



    font-weight: 600;

}



.numerology-top-box p {



    font-size: 18px;



    line-height: 2;



    color: #5c5076;

}



/* MAIN BOX */



.numerology-content-box {



    padding: 70px;



    border-radius: 45px;



    background:

        rgba(255,255,255,0.35);



    backdrop-filter:

        blur(14px);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 30px 80px rgba(70,30,120,0.12);

}



/* HEADING */



.numerology-heading-wrap {



    display: flex;



    align-items: center;



    justify-content: center;



    gap: 20px;



    margin-bottom: 50px;

}



.heading-line {



    width: 90px;



    height: 1px;



    background:

        rgba(100,60,170,0.35);

}



.numerology-heading-wrap h2 {



    font-size: 62px;



    color: #2d175d;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* PARAGRAPH */



.numerology-content-box p {



    font-size: 18px;



    line-height: 2;



    color: #5b4e75;



    margin-bottom: 28px;

}



/* FEATURE GRID */



.numerology-feature-grid {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 28px;



    margin-top: 50px;



    margin-bottom: 60px;

}



/* CARD */



.numerology-feature-card {



    display: flex;



    align-items: flex-start;



    gap: 20px;



    padding: 30px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 15px 40px rgba(80,40,120,0.08);



    transition: 0.4s;

}



.numerology-feature-card:hover {



    transform:

        translateY(-6px);



    box-shadow:

        0 25px 60px rgba(80,40,120,0.15);

}



/* ICON */



.feature-icon {



    width: 60px;



    height: 60px;



    min-width: 60px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #8450ef

        );



    color: white;



    font-size: 22px;



    box-shadow:

        0 15px 30px rgba(130,80,240,0.25);

}



/* NOTE */



.numerology-note-box {



    margin-top: 40px;



    padding: 35px;



    border-radius: 28px;



    background:

        linear-gradient(

            135deg,

            rgba(175,120,255,0.18),

            rgba(255,255,255,0.45)

        );

}



.numerology-note-box h4 {



    font-size: 32px;



    margin-bottom: 15px;



    color: #2c175d;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* BUTTON */



.numerology-btn-wrap {



    margin-top: 60px;



    text-align: center;

}



.numerology-btn {



    display: inline-flex;



    align-items: center;



    gap: 14px;



    padding: 22px 42px;



    border-radius: 60px;



    text-decoration: none;



    color: white;



    font-weight: 600;



    font-size : 20px;   /* INCREASED */



    line-height: 1.6;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    box-shadow:

        0 20px 40px rgba(130,80,240,0.28);



    transition: 0.4s;

}



.numerology-btn:hover {



    transform:

        translateY(-5px);

}



/* RESPONSIVE */



@media(max-width:992px){



    .numerology-feature-grid {



        grid-template-columns: 1fr;

    }



    .numerology-heading-wrap h2 {



        font-size: 48px;

    }

}



@media(max-width:768px){



    .numerology-workshop-section {



        padding: 90px 20px;

    }



    .numerology-content-box {



        padding: 40px 25px;

    }



    .numerology-heading-wrap {



        flex-direction: column;

    }



    .heading-line {



        width: 50px;

    }



    .numerology-heading-wrap h2 {



        font-size: 38px;



        text-align: center;

    }

}







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

/* LIFE & PAST WORKSHOP SECTION */

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



.life-past-workshop-section {



    position: relative;



    overflow: hidden;



    padding: 140px 0;



    background:

        linear-gradient(

            180deg,

            #f7f1ff 0%,

            #ead9ff 100%

        );

}



/* FLOATING */



.life-butterfly,

.life-leaf {



    position: absolute;



    opacity: 0.10;



    pointer-events: none;

}



.butterfly-life-left {



    width: 250px;



    left: -60px;



    top: 100px;

}



.butterfly-life-right {



    width: 220px;



    right: -40px;



    bottom: 120px;

}



.life-leaf-one {



    width: 170px;



    top: 200px;



    right: 100px;

}



.life-leaf-two {



    width: 190px;



    bottom: 100px;



    left: 100px;

}



/* CONTAINER */



.life-past-container {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 40px;



    position: relative;



    z-index: 5;

}



/* CARD */



.workshop-card {



    height: 100%;



    padding: 55px;



    border-radius: 40px;



    background:

        rgba(255,255,255,0.42);



    backdrop-filter:

        blur(12px);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 25px 70px rgba(70,30,120,0.10);

}



/* MINI TITLE */



.workshop-mini-title {



    display: inline-block;



    padding: 10px 24px;



    border-radius: 50px;



    background:

        rgba(165,115,255,0.14);



    color: #8756e8;



    font-size: 12px;



    letter-spacing: 3px;



    text-transform: uppercase;



    margin-bottom: 28px;



    font-weight: 600;

}



/* TITLE */



.workshop-card h2 {



    font-size: 56px;



    line-height: 1.1;



    color: #2c175d;



    margin-bottom: 35px;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* PARAGRAPH */



.workshop-card p {



    font-size: 17px;



    line-height: 2;



    color: #5c5075;



    margin-bottom: 24px;

}



/* FEATURE LIST */



.workshop-feature-list {



    margin: 40px 0;

}



.workshop-feature-item {



    display: flex;



    align-items: flex-start;



    gap: 15px;



    margin-bottom: 22px;

}



.workshop-feature-item i {



    width: 42px;



    height: 42px;



    min-width: 42px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #8450ef

        );



    color: white;



    font-size: 14px;



    box-shadow:

        0 12px 25px rgba(130,80,240,0.22);

}



.workshop-feature-item span {



    font-size: 16px;



    line-height: 1.9;



    color: #5d5078;

}



/* INFO BOX */



.course-info-box {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 20px;



    margin-top: 45px;

}



.course-info-item {



    padding: 28px;



    border-radius: 24px;



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.7);

}



.course-info-item h4 {



    font-size: 28px;



    margin-bottom: 12px;



    color: #2c175d;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* DATES */



.course-dates-box {



    margin-top: 50px;

}



.course-dates-box h3 {



    font-size: 42px;



    margin-bottom: 30px;



    color: #2d175d;



    font-family:

        "Cormorant Garamond",

        serif;

}



.course-date-item {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 20px;



    padding: 22px 28px;



    border-radius: 24px;



    margin-bottom: 20px;



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.7);

}



.course-date-item span {



    font-size: 16px;



    color: #5d5077;

}



.course-date-item a {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    min-width: 180px;



    height: 52px;



    border-radius: 50px;



    text-decoration: none;



    color: white;



    font-weight: 600;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    box-shadow:

        0 15px 30px rgba(130,80,240,0.22);



    transition: 0.4s;

}



.course-date-item a:hover {



    transform:

        translateY(-4px);

}



/* RESPONSIVE */



@media(max-width:1100px){



    .life-past-container {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .life-past-workshop-section {



        padding: 90px 20px;

    }



    .workshop-card {



        padding: 35px 24px;

    }



    .workshop-card h2 {



        font-size: 40px;

    }



    .course-info-box {



        grid-template-columns: 1fr;

    }



    .course-date-item {



        flex-direction: column;



        align-items: flex-start;

    }

}



@media(max-width:576px){



    .workshop-card h2 {



        font-size: 34px;

    }

}



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

   Contact banner (above footer), blog teaser,

   nav/layout refinements (responsive)

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



.footer-contact-banner {

  background: linear-gradient(135deg, #2d1450 0%, #5b3aa8 100%);

  color: #fff;

  padding: clamp(48px, 8vw, 72px) 0 clamp(40px, 6vw, 56px);

}



.footer-contact-inner {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

  gap: clamp(28px, 4vw, 48px);

  align-items: start;

}



.footer-contact-intro h3 {

  font-family: "Cormorant Garamond", serif;

  font-size: clamp(1.75rem, 3vw, 2.35rem);

  margin-bottom: 12px;

  font-weight: 600;

}



.footer-contact-intro p {

  opacity: 0.92;

  line-height: 1.75;

  margin-bottom: 18px;

  max-width: 34rem;

}



.footer-contact-direct {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.footer-contact-link {

  color: #fff;

  font-weight: 600;

  text-decoration: underline;

  text-underline-offset: 4px;

  word-break: break-word;

}



.footer-contact-link:hover {

  color: #e9d5ff;

}



.footer-contact-form {

  position: relative;

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

  background: rgba(255, 255, 255, 0.08);

  padding: clamp(20px, 3vw, 28px);

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.15);

}



.footer-form-label span {

  display: block;

  font-size: 13px;

  font-weight: 600;

  margin-bottom: 6px;

}



.footer-contact-form input,

.footer-contact-form textarea {

  width: 100%;

  padding: 12px 14px;

  border-radius: 12px;

  border: 1px solid rgba(255, 255, 255, 0.25);

  background: rgba(255, 255, 255, 0.96);

  color: #2a1e5c;

  font-family: "Poppins", sans-serif;

  box-sizing: border-box;

}



.footer-form-label-full {

  grid-column: 1 / -1;

}



.footer-form-submit {

  grid-column: 1 / -1;

  padding: 14px 22px;

  border-radius: 999px;

  border: none;

  cursor: pointer;

  font-weight: 700;

  font-family: "Poppins", sans-serif;

  background: linear-gradient(to right, #c084fc, #8b5cf6);

  color: #fff;

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}



.footer-form-submit:hover {

  transform: translateY(-2px);

  box-shadow: 0 12px 28px rgba(139, 92, 246, 0.35);

}



.footer-form-honey {

  position: absolute;

  left: -9999px;

  width: 1px;

  height: 1px;

  opacity: 0;

}



.footer-inline-contact {

  margin-top: 14px;

  font-size: 15px;

  line-height: 1.6;

}



.footer-inline-contact a {

  color: inherit;

  text-decoration: underline;

  text-underline-offset: 3px;

}



.mobile-contact-links {

  display: flex;

  flex-direction: column;

  gap: 4px;

  padding: 12px 0 4px;

  margin-top: 8px;

  border-top: 1px solid #eee;

}



.mobile-contact-links a {

  font-size: 15px;

  font-weight: 500;

  border-bottom: none !important;

  padding: 10px 0 !important;

  word-break: break-word;

}



.blog-teaser-section {

  padding: clamp(64px, 10vw, 96px) 0;

  background: #ffffff;

}



.blog-teaser-inner {

  max-width: 720px;

  margin: 0 auto;

  text-align: center;

  padding: 0 24px;

}



.blog-teaser-inner h2 {

  font-family: "Cormorant Garamond", serif;

  font-size: clamp(2rem, 4vw, 3rem);

  color: #2d1763;

  margin-bottom: 16px;

  font-weight: 600;

}



.blog-teaser-inner p {

  color: #5c5577;

  font-size: 1.05rem;

  line-height: 1.85;

}



@media (max-width: 1200px) {

  .header-container {

    padding: 18px 28px;

  }

}



@media (max-width: 1100px) {

  .top-bar-container {

    padding: 8px 20px;

    flex-wrap: wrap;

    justify-content: center;

  }

}



@media (max-width: 991px) {

  .footer-contact-inner {

    grid-template-columns: 1fr;

    min-width: 0;

  }



  .footer-contact-form {

    grid-template-columns: 1fr;

    min-width: 0;

  }



  .footer-contact-intro {

    min-width: 0;

  }

}



@media (max-width: 767px) {

  .footer-contact-banner {

    overflow-x: clip;

  }

}



@media (max-width: 576px) {

  .header-container {

    padding: 14px 16px;

  }

}



.desktop-menu a,

.dropdown-btn,

.dropdown-menu a,

.mobile-links a,

.mobile-dropdown-btn {

  font-family: "Poppins", sans-serif;

}



.mobile-top h2 {

  font-family: "Cormorant Garamond", serif;

}



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

   Active nav states, focus hover, stacking

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



.desktop-menu > a,

.desktop-menu > .dropdown > .dropdown-btn {

  transition:

    background 0.25s ease,

    color 0.25s ease,

    transform 0.25s ease;

}



.desktop-menu a.nav-link-active,

.mobile-links > a.nav-link-active,

.mobile-dropdown-content a.nav-link-active {

  color: #ffffff !important;

  background: linear-gradient(135deg, #c084fc, #8b5cf6) !important;

  box-shadow: 0 10px 28px rgba(139, 92, 246, 0.38);

}



.dropdown-parent-active > .dropdown-btn {

  background: rgba(159, 122, 234, 0.4);

  color: #452b7a !important;

}



.mobile-dropdown-parent-active > .mobile-dropdown-btn {

  color: #5635a5 !important;

}



.desktop-menu > a:not(.dropdown-btn):focus-visible,

.desktop-menu .dropdown-menu a:focus-visible,

.dropdown-btn:focus-visible,

.header-btn:focus-visible,

.mobile-links a:focus-visible,

.mobile-dropdown-btn:focus-visible {

  outline: 3px solid rgba(159, 122, 234, 0.7);

  outline-offset: 2px;

}



.footer-contact-stack {

  display: flex;

  flex-direction: column;

  gap: 10px;

  align-items: flex-start;

}



.footer-contact-stack a {

  transition:

    color 0.25s ease,

    transform 0.25s ease;

}



.footer-contact-stack a:hover {

  color: #b388ff;

}



@media (max-width: 640px) {

  .footer-bottom-flex {

    flex-direction: column;

    align-items: center;

    gap: 16px;

    text-align: center;

    padding-inline: 12px;

  }



  .footer-policy-links {

    flex-wrap: wrap;

    justify-content: center;

  }

}



.simple-legal-page {

  padding: clamp(100px, 18vw, 160px) max(16px, 4vw) clamp(72px, 12vw, 120px);

  max-width: 820px;

  margin: 0 auto;

}



.simple-legal-page h1 {

  font-family: "Cormorant Garamond", serif;

  font-size: clamp(2rem, 4vw, 2.75rem);

  color: #2d1763;

  margin-bottom: 1.25rem;

}



.simple-legal-page h2 {

  font-family: "Cormorant Garamond", serif;

  font-size: 1.35rem;

  color: #3e2d73;

  margin: 2rem 0 0.75rem;

}



.simple-legal-page p,

.simple-legal-page li {

  color: #5c5577;

  line-height: 1.85;

  margin-bottom: 1rem;

  font-family: "Poppins", sans-serif;

}



.simple-legal-page a:not(.footer-btn) {

  color: #6f49c6;

  text-underline-offset: 3px;

}



.simple-legal-page a:not(.footer-btn):hover {

  color: #4c2b7d;

}



.breadcrumb-legal {

  font-size: 14px;

  margin-bottom: 1.25rem;

  font-family: "Poppins", sans-serif;

  color: #625a80;

}



.breadcrumb-legal a {

  color: #8b5cf6;

  text-decoration: underline;

  text-underline-offset: 3px;

}



.breadcrumb-legal a:hover {

  color: #5635a5;

}





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

/* SERVICES PAGE */

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



.services-hero {



    position: relative;



    overflow: hidden;



    padding: 180px 8% 140px;



    text-align: center;



    background:

        linear-gradient(

            180deg,

            #3e1172 0%,

            #6f33c9 100%

        );

}



/* FLOATING */



.service-butterfly,

.service-leaf {



    position: absolute;



    opacity: 0.10;



    pointer-events: none;

}



.butterfly-1 {



    width: 260px;



    top: 80px;



    left: -50px;

}



.butterfly-2 {



    width: 240px;



    right: -40px;



    bottom: 50px;

}



.leaf-1 {



    width: 180px;



    top: 180px;



    right: 150px;

}



.leaf-2 {



    width: 220px;



    bottom: 80px;



    left: 120px;

}



/* CONTENT */



.services-hero-content {



    max-width: 950px;



    margin: auto;



    position: relative;



    z-index: 5;

}



.services-mini-title {



    display: inline-block;



    padding: 12px 26px;



    border-radius: 50px;



    background:

        rgba(255,255,255,0.12);



    color: #f2e9ff;



    font-size: 13px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 35px;

}



.services-hero-content h1 {



    font-size: 90px;



    line-height: 1.1;



    color: white;



    margin-bottom: 35px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.services-hero-content p {



    font-size: 18px;



    line-height: 2;



    color: rgba(255,255,255,0.85);

}



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

/* SERVICES SECTION */

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



.services-section {



    padding: 140px 8%;



    background:

        linear-gradient(

            180deg,

            #f7f2ff 0%,

            #ead8ff 100%

        );

}



.services-container {



    max-width: 1450px;



    margin: auto;

}



/* CARD */



.service-card {



    display: grid;



    grid-template-columns:

        1fr 1fr;



    gap: 70px;



    align-items: center;



    margin-bottom: 120px;



    padding: 50px;



    border-radius: 40px;



    background:

        rgba(255,255,255,0.42);



    backdrop-filter:

        blur(14px);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 30px 70px rgba(60,20,120,0.10);

}



/* REVERSE */



.reverse-service .service-image {



    order: 2;

}



.reverse-service .service-content {



    order: 1;

}



/* IMAGE */



.service-image img {



    width: 100%;



    height: 650px;



    object-fit: cover;



    border-radius: 35px;



    box-shadow:

        0 25px 60px rgba(70,20,120,0.16);

}



/* CONTENT */



.service-tag {



    display: inline-block;



    padding: 10px 22px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8d58f2;



    font-size: 12px;



    font-weight: 600;



    letter-spacing: 3px;



    text-transform: uppercase;



    margin-bottom: 30px;

}



.service-content h2 {



    font-size: 70px;



    line-height: 1.1;



    color: #2f1760;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.service-content p {



    font-size: 17px;



    line-height: 2;



    color: #5f5377;



    margin-bottom: 35px;

}



/* LIST */



.service-content ul {



    list-style: none;



    margin-bottom: 40px;

}



.service-content ul li {



    display: flex;



    align-items: center;



    gap: 14px;



    margin-bottom: 18px;



    font-size: 16px;



    color: #56496d;

}



.service-content ul li i {



    width: 40px;



    height: 40px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 14px;

}



/* BUTTON */



.service-btn {



    display: inline-flex;



    align-items: center;



    gap: 14px;



    padding: 20px 38px;



    border-radius: 60px;



    text-decoration: none;



    color: white;



    font-size: 16px;



    font-weight: 600;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    box-shadow:

        0 20px 40px rgba(120,70,230,0.25);



    transition: 0.4s;

}



.service-btn:hover {



    transform:

        translateY(-5px);

}



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

/* RESPONSIVE */

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



@media(max-width:1200px){



    .service-card {



        grid-template-columns: 1fr;

    }



    .reverse-service .service-image,

    .reverse-service .service-content {



        order: unset;

    }



    .service-image img {



        height: 500px;

    }

}



@media(max-width:768px){



    .services-hero {



        padding: 120px 20px 90px;

    }



    .services-hero-content h1 {



        font-size: 54px;

    }



    .services-section {



        padding: 90px 20px;

    }



    .service-card {



        padding: 30px;

    }



    .service-content h2 {



        font-size: 44px;

    }



    .service-image img {



        height: 380px;

    }

}



@media(max-width:576px){



    .services-hero-content h1 {



        font-size: 42px;

    }



    .service-content h2 {



        font-size: 36px;

    }



    .service-btn {



        width: 100%;



        justify-content: center;

    }

}







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

/* EVENT FEEDBACK SECTION */

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



.event-feedback-section {



    position: relative;



    overflow: hidden;



    padding: 140px 8%;



    background:

        linear-gradient(

            180deg,

            #f6efff 0%,

            #ead9ff 100%

        );

}



/* FLOATING */



.event-feedback-butterfly,

.event-feedback-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-feedback-1 {



    width: 240px;



    top: 80px;



    left: -50px;

}



.butterfly-feedback-2 {



    width: 220px;



    right: -40px;



    bottom: 80px;

}



.leaf-feedback-1 {



    width: 170px;



    top: 240px;



    right: 120px;

}



.leaf-feedback-2 {



    width: 190px;



    bottom: 100px;



    left: 120px;

}



/* HEADING */



.event-feedback-heading {



    text-align: center;



    max-width: 900px;



    margin: auto auto 80px;



    position: relative;



    z-index: 5;

}



.event-feedback-heading span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8d58f2;



    font-size: 12px;



    font-weight: 600;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 30px;

}



.event-feedback-heading h2 {



    font-size: 72px;



    line-height: 1.1;



    color: #2e175e;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.event-feedback-heading p {



    font-size: 17px;



    line-height: 2;



    color: #5e5277;

}



/* GRID */



.event-feedback-grid {



    display: grid;



    grid-template-columns:

        repeat(4,1fr);



    gap: 28px;



    max-width: 1500px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* CARD */



.event-feedback-card {



    padding: 32px 28px;



    border-radius: 30px;



    background:

        rgba(255,255,255,0.42);



    backdrop-filter:

        blur(12px);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 18px 40px rgba(70,20,120,0.08);



    transition: 0.4s;

}



.event-feedback-card:hover {



    transform:

        translateY(-8px);



    box-shadow:

        0 25px 60px rgba(70,20,120,0.14);

}



.event-feedback-card p {



    font-size: 15px;



    line-height: 2;



    color: #5c4f75;



    font-style: italic;

}



/* RESPONSIVE */



@media(max-width:1200px){



    .event-feedback-grid {



        grid-template-columns:

            repeat(3,1fr);

    }

}



@media(max-width:900px){



    .event-feedback-grid {



        grid-template-columns:

            repeat(2,1fr);

    }



    .event-feedback-heading h2 {



        font-size: 50px;

    }

}



@media(max-width:576px){



    .event-feedback-section {



        padding: 90px 20px;

    }



    .event-feedback-grid {



        grid-template-columns: 1fr;

    }



    .event-feedback-heading h2 {



        font-size: 38px;

    }

}





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

/* PRAYER REQUEST PAGE */

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



.prayer-hero-section {



    position: relative;



    overflow: hidden;



    padding: 180px 8% 140px;



    text-align: center;



    background:

        linear-gradient(

            180deg,

            #40136f 0%,

            #6d32c8 100%

        );

}



/* FLOATING */



.prayer-butterfly,

.prayer-leaf {



    position: absolute;



    opacity: 0.10;



    pointer-events: none;

}



.butterfly-prayer-1 {



    width: 240px;



    top: 80px;



    left: -40px;

}



.butterfly-prayer-2 {



    width: 220px;



    bottom: 50px;



    right: -30px;

}



.leaf-prayer-1 {



    width: 170px;



    top: 220px;



    right: 150px;

}



.leaf-prayer-2 {



    width: 190px;



    bottom: 120px;



    left: 100px;

}



/* HERO CONTENT */



.prayer-hero-content {



    max-width: 950px;



    margin: auto;



    position: relative;



    z-index: 5;

}



.prayer-hero-content span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(255,255,255,0.12);



    color: white;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 30px;

}



.prayer-hero-content h1 {



    font-size: 86px;



    line-height: 1.1;



    color: white;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.prayer-hero-content p {



    font-size: 18px;



    line-height: 2;



    color: rgba(255,255,255,0.86);

}



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

/* CONTENT */

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



.prayer-content-section {



    padding: 140px 8%;



    background:

        linear-gradient(

            180deg,

            #f7f2ff 0%,

            #ead8ff 100%

        );

}



.prayer-container {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.9fr 1.1fr;



    gap: 70px;



    align-items: center;

}



/* IMAGE */



.prayer-image img {



    width: 100%;



    border-radius: 40px;



    box-shadow:

        0 25px 60px rgba(70,20,120,0.15);

}



/* CONTENT */



.prayer-mini-title {



    display: inline-block;



    padding: 10px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8d58f2;



    font-size: 12px;



    letter-spacing: 3px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.prayer-content h2 {



    font-size: 68px;



    line-height: 1.1;



    color: #2f1760;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.prayer-content p {



    font-size: 17px;



    line-height: 2;



    color: #5d5077;



    margin-bottom: 24px;

}



/* HIGHLIGHT */



.prayer-highlight-box {



    display: flex;



    align-items: center;



    gap: 18px;



    padding: 30px;



    border-radius: 28px;



    margin-top: 35px;



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.7);

}



.prayer-highlight-box i {



    width: 70px;



    height: 70px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 24px;

}



/* CRISIS BOX */



.prayer-crisis-box {



    margin-top: 40px;



    padding: 40px;



    border-radius: 35px;



    background:

        rgba(255,255,255,0.42);



    border:

        1px solid rgba(255,255,255,0.7);

}



.prayer-crisis-box h3 {



    font-size: 42px;



    color: #2f1760;



    margin-bottom: 20px;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* LINKS */



.prayer-links {



    display: flex;



    flex-wrap: wrap;



    gap: 20px;



    margin-top: 30px;

}



.prayer-links a {



    padding: 16px 28px;



    border-radius: 60px;



    text-decoration: none;



    color: white;



    font-weight: 600;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    transition: 0.4s;

}



.prayer-links a:hover {



    transform:

        translateY(-4px);

}



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

/* TESTIMONIAL */

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



.prayer-testimonial-section {



    padding: 120px 8%;



    background:

        linear-gradient(

            180deg,

            #4b1b88 0%,

            #6f35cc 100%

        );

}



.prayer-testimonial-heading {



    text-align: center;



    margin-bottom: 70px;

}



.prayer-testimonial-heading span {



    color: rgba(255,255,255,0.7);



    letter-spacing: 4px;



    text-transform: uppercase;



    font-size: 12px;

}



.prayer-testimonial-heading h2 {



    font-size: 72px;



    color: white;



    margin-top: 20px;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* CARD */



.prayer-testimonial-card {



    padding: 40px;



    border-radius: 35px;



    min-height: 280px;



    background:

        rgba(255,255,255,0.12);



    backdrop-filter:

        blur(10px);



    border:

        1px solid rgba(255,255,255,0.15);

}



.prayer-testimonial-card p {



    font-size: 18px;



    line-height: 2;



    color: white;



    margin-bottom: 35px;

}



.prayer-testimonial-card h4 {



    color: rgba(255,255,255,0.8);



    font-size: 16px;

}



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

/* RESPONSIVE */

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



@media(max-width:1100px){



    .prayer-container {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .prayer-hero-section {



        padding: 120px 20px 90px;

    }



    .prayer-hero-content h1 {



        font-size: 52px;

    }



    .prayer-content-section,

    .prayer-testimonial-section {



        padding: 90px 20px;

    }



    .prayer-content h2 {



        font-size: 42px;

    }



    .prayer-testimonial-heading h2 {



        font-size: 42px;

    }

}







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

/* FREE DAILY NUMEROLOGY PAGE */

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



.daily-numerology-section {



    position: relative;



    overflow: hidden;



    padding: 140px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f2ff 0%,

            #ead8ff 100%

        );

}



/* FLOATING */



.daily-butterfly,

.daily-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-1 {



    width: 230px;



    top: 100px;



    left: -50px;

}



.butterfly-2 {



    width: 210px;



    bottom: 120px;



    right: -30px;

}



.leaf-1 {



    width: 180px;



    top: 260px;



    right: 120px;

}



.leaf-2 {



    width: 180px;



    bottom: 150px;



    left: 120px;

}



/* CONTAINER */



.daily-numerology-container {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.9fr 1.1fr;



    gap: 70px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* IMAGE */



.daily-numerology-image img {



    width: 100%;



    border-radius: 40px;



    box-shadow:

        0 25px 70px rgba(80,20,120,0.15);

}



/* CONTENT */



.daily-numerology-content span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 30px;

}



.daily-numerology-content h1 {



    font-size: 72px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 35px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.daily-numerology-content p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;



    margin-bottom: 22px;

}



/* HIGHLIGHT */



.daily-highlight-box {



    display: flex;



    align-items: center;



    gap: 20px;



    margin-top: 35px;



    padding: 28px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.45);



    border:

        1px solid rgba(255,255,255,0.7);

}



.daily-highlight-box i {



    width: 65px;



    height: 65px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    color: white;



    font-size: 22px;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );

}



/* SIGNATURE */



.daily-signature {



    margin-top: 40px;

}



.daily-signature p {



    color: #8b5cf6;



    font-style: italic;



    margin-bottom: 10px;

}



.daily-signature h4 {



    font-size: 38px;



    color: #2e1760;



    font-family:

        "Cormorant Garamond",

        serif;

}



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

/* SUBSCRIPTION SECTION */

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



.daily-subscription-section {



    padding: 120px 8%;



    background:

        linear-gradient(

            180deg,

            #5f27b0 0%,

            #7f52ea 100%

        );

}



/* GRID */



.daily-subscription-grid {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        1fr 1fr;



    gap: 40px;

}



/* BOX */



.daily-subscription-box,

.daily-links-box {



    padding: 60px;



    border-radius: 40px;



    background:

        rgba(255,255,255,0.12);



    backdrop-filter:

        blur(12px);



    border:

        1px solid rgba(255,255,255,0.18);



    box-shadow:

        0 20px 60px rgba(0,0,0,0.12);

}



.daily-subscription-box span,

.daily-links-box span {



    display: inline-block;



    margin-bottom: 25px;



    color: rgba(255,255,255,0.8);



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;

}



.daily-subscription-box h2,

.daily-links-box h2 {



    font-size: 56px;



    line-height: 1.1;



    color: white;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.daily-subscription-box p,

.daily-links-box p {



    font-size: 17px;



    line-height: 2;



    color: rgba(255,255,255,0.85);



    margin-bottom: 25px;

}



/* FORM */



.daily-input-group {



    margin-bottom: 25px;

}



.daily-input-group label {



    display: block;



    margin-bottom: 12px;



    color: white;



    font-size: 15px;

}



.daily-input-group input {



    width: 100%;



    height: 58px;



    border-radius: 16px;



    border: none;



    padding: 0 20px;



    font-size: 15px;

}



/* BUTTON */



.daily-subscription-box button {



    width: 100%;



    height: 60px;



    border: none;



    border-radius: 18px;



    background:

        linear-gradient(

            135deg,

            #ffffff,

            #f3e8ff

        );



    color: #6d28d9;



    font-size: 16px;



    font-weight: 600;



    cursor: pointer;



    transition: 0.4s;

}



.daily-subscription-box button:hover {



    transform:

        translateY(-4px);

}



/* ADDRESS */



.daily-address {



    margin-top: 40px;



    padding-top: 30px;



    border-top:

        1px solid rgba(255,255,255,0.15);

}



/* LINKS */



.daily-resource-links {



    display: flex;



    flex-direction: column;



    gap: 20px;



    margin-top: 40px;

}



.daily-resource-links a {



    display: flex;



    align-items: center;



    gap: 15px;



    padding: 18px 24px;



    border-radius: 18px;



    text-decoration: none;



    color: white;



    font-size: 16px;



    font-weight: 500;



    background:

        rgba(255,255,255,0.10);



    transition: 0.4s;

}



.daily-resource-links a:hover {



    transform:

        translateX(8px);



    background:

        rgba(255,255,255,0.18);

}



/* NEWSLETTER */



.daily-newsletter-box {



    margin-top: 45px;



    padding: 35px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.10);

}



.daily-newsletter-box h4 {



    color: #ffe29a;



    font-size: 24px;



    margin-bottom: 18px;

}



.daily-newsletter-form {



    display: flex;



    gap: 15px;



    margin-top: 25px;

}



.daily-newsletter-form input {



    flex: 1;



    height: 56px;



    border: none;



    border-radius: 14px;



    padding: 0 18px;

}



.daily-newsletter-form button {



    width: 90px;



    border: none;



    border-radius: 14px;



    background:

        white;



    color: #6d28d9;



    font-weight: 600;



    cursor: pointer;

}



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

/* RESPONSIVE */

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



@media(max-width:1100px){



    .daily-numerology-container,

    .daily-subscription-grid {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .daily-numerology-section,

    .daily-subscription-section {



        padding: 90px 20px;

    }



    .daily-numerology-content h1,

    .daily-subscription-box h2,

    .daily-links-box h2 {



        font-size: 42px;

    }



    .daily-subscription-box,

    .daily-links-box {



        padding: 35px;

    }



    .daily-newsletter-form {



        flex-direction: column;

    }



    .daily-newsletter-form button {



        width: 100%;

        height: 55px;

    }

}







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

/* FREE FUN STUFF PAGE */

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



.fun-stuff-hero-section {



    position: relative;



    overflow: hidden;



    padding: 150px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f2ff 0%,

            #ead8ff 100%

        );

}



/* FLOATING */



.fun-butterfly,

.fun-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-fun-1 {



    width: 240px;



    top: 80px;



    left: -40px;

}



.butterfly-fun-2 {



    width: 210px;



    bottom: 100px;



    right: -40px;

}



.leaf-fun-1 {



    width: 180px;



    top: 250px;



    right: 120px;

}



.leaf-fun-2 {



    width: 180px;



    bottom: 120px;



    left: 100px;

}



/* CONTAINER */



.fun-stuff-container {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.85fr 1.15fr;



    gap: 70px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* IMAGE */



.fun-stuff-image img {



    width: 100%;



    border-radius: 40px;



    box-shadow:

        0 25px 70px rgba(70,20,120,0.15);

}



/* CONTENT */



.fun-stuff-content span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.fun-stuff-content h1 {



    font-size: 82px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.fun-stuff-content p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;



    margin-bottom: 24px;

}



/* LINKS */



.fun-links-wrapper {



    display: flex;



    flex-direction: column;



    gap: 20px;



    margin-top: 40px;

}



.fun-links-wrapper a {



    display: flex;



    align-items: center;



    gap: 16px;



    padding: 20px 26px;



    border-radius: 22px;



    text-decoration: none;



    color: #2e1760;



    font-size: 17px;



    font-weight: 500;



    background:

        rgba(255,255,255,0.50);



    border:

        1px solid rgba(255,255,255,0.7);



    transition: 0.4s;

}



.fun-links-wrapper a:hover {



    transform:

        translateX(10px);



    background:

        white;

}



.fun-links-wrapper i {



    color: #8b5cf6;

}



/* NEWS BOX */



.fun-news-box {



    margin-top: 45px;



    padding: 35px;



    border-radius: 32px;



    background:

        rgba(255,255,255,0.50);



    border:

        1px solid rgba(255,255,255,0.7);



    box-shadow:

        0 15px 40px rgba(70,20,120,0.08);

}



.fun-news-box h3 {



    color: #ff9f43;



    font-size: 28px;



    margin-bottom: 18px;

}



.fun-newsletter-form {



    display: flex;



    gap: 15px;



    margin-top: 25px;

}



.fun-newsletter-form input {



    flex: 1;



    height: 58px;



    border-radius: 16px;



    border: none;



    padding: 0 18px;



    font-size: 15px;

}



.fun-newsletter-form button {



    width: 100px;



    border: none;



    border-radius: 16px;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 16px;



    font-weight: 600;



    cursor: pointer;

}



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

/* EXTRA SECTION */

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



.fun-extra-section {



    padding: 120px 8%;



    background:

        linear-gradient(

            180deg,

            #5f27b0 0%,

            #7f52ea 100%

        );

}



.fun-extra-heading {



    text-align: center;



    max-width: 900px;



    margin: auto auto 70px;

}



.fun-extra-heading span {



    color: rgba(255,255,255,0.7);



    letter-spacing: 4px;



    text-transform: uppercase;



    font-size: 12px;

}



.fun-extra-heading h2 {



    font-size: 70px;



    color: white;



    margin-top: 20px;



    line-height: 1.1;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* GRID */



.fun-extra-grid {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        repeat(3,1fr);



    gap: 35px;

}



/* CARD */



.fun-extra-card {



    padding: 50px 40px;



    border-radius: 35px;



    background:

        rgba(255,255,255,0.12);



    backdrop-filter:

        blur(10px);



    border:

        1px solid rgba(255,255,255,0.18);



    text-align: center;



    transition: 0.4s;

}



.fun-extra-card:hover {



    transform:

        translateY(-10px);

}



.fun-extra-card i {



    width: 85px;



    height: 85px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    margin: auto auto 28px;



    background:

        rgba(255,255,255,0.14);



    color: white;



    font-size: 28px;

}



.fun-extra-card h3 {



    font-size: 34px;



    color: white;



    margin-bottom: 18px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.fun-extra-card p {



    font-size: 16px;



    line-height: 2;



    color: rgba(255,255,255,0.82);

}



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

/* RESPONSIVE */

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



@media(max-width:1100px){



    .fun-stuff-container,

    .fun-extra-grid {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .fun-stuff-hero-section,

    .fun-extra-section {



        padding: 90px 20px;

    }



    .fun-stuff-content h1,

    .fun-extra-heading h2 {



        font-size: 44px;

    }



    .fun-newsletter-form {



        flex-direction: column;

    }



    .fun-newsletter-form button {



        width: 100%;

        height: 55px;

    }

}





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

/* EASY NUMEROLOGY GUIDE SECTION */

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



.easy-numerology-section {



    position: relative;



    overflow: hidden;



    padding: 140px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f2ff 0%,

            #ead8ff 100%

        );

}



/* FLOATING */



.easy-num-butterfly,

.easy-num-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-num-1 {



    width: 230px;



    top: 120px;



    left: -40px;

}



.butterfly-num-2 {



    width: 220px;



    bottom: 80px;



    right: -40px;

}



.leaf-num-1 {



    width: 180px;



    top: 260px;



    right: 120px;

}



.leaf-num-2 {



    width: 180px;



    bottom: 120px;



    left: 120px;

}



/* CONTAINER */



.easy-numerology-container {



    max-width: 1450px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* HEADING */



.easy-num-heading {



    text-align: center;



    max-width: 950px;



    margin: auto auto 80px;

}



.easy-num-heading span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 30px;

}



.easy-num-heading h2 {



    font-size: 76px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.easy-num-heading p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;

}



/* CONTENT BOX */



.easy-num-content-box {



    padding: 70px;



    border-radius: 45px;



    background:

        rgba(255,255,255,0.48);



    backdrop-filter:

        blur(12px);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 25px 60px rgba(70,20,120,0.08);

}



.easy-num-content-box p {



    font-size: 17px;



    line-height: 2;



    color: #5b4d76;



    margin-bottom: 28px;

}



/* KEYWORD BOX */



.easy-num-keyword-box {



    margin-top: 60px;

}



.easy-num-keyword-box h3 {



    font-size: 46px;



    color: #2e1760;



    margin-bottom: 40px;



    text-align: center;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* GRID */



.easy-num-grid {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 28px;

}



/* ITEM */



.easy-num-item {



    display: flex;



    gap: 20px;



    padding: 28px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.55);



    border:

        1px solid rgba(255,255,255,0.8);



    transition: 0.4s;

}



.easy-num-item:hover {



    transform:

        translateY(-6px);



    box-shadow:

        0 18px 40px rgba(70,20,120,0.10);

}



.easy-num-item span {



    min-width: 60px;



    height: 60px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    font-size: 24px;



    font-weight: 700;



    color: white;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );

}



.easy-num-item p {



    margin: 0;

}



/* MASTER NUMBERS */



.easy-master-number-box {



    margin-top: 80px;

}



.easy-master-number-box h3 {



    font-size: 46px;



    color: #2e1760;



    margin-bottom: 40px;



    text-align: center;



    font-family:

        "Cormorant Garamond",

        serif;

}



.easy-master-number-box span {



    font-size: 22px;



    color: #8b5cf6;



    font-style: italic;

}



/* MASTER GRID */



.easy-master-grid {



    display: grid;



    grid-template-columns:

        repeat(4,1fr);



    gap: 25px;

}



/* MASTER CARD */



.easy-master-card {



    padding: 35px;



    border-radius: 28px;



    text-align: center;



    background:

        linear-gradient(

            135deg,

            rgba(176,125,255,0.12),

            rgba(127,82,234,0.08)

        );



    border:

        1px solid rgba(176,125,255,0.2);

}



.easy-master-card h4 {



    font-size: 48px;



    color: #7f52ea;



    margin-bottom: 15px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.easy-master-card p {



    margin: 0;

}



/* DOUBLE DIGIT */



.easy-double-digit-box {



    margin-top: 80px;



    padding: 45px;



    border-radius: 35px;



    background:

        linear-gradient(

            135deg,

            rgba(176,125,255,0.12),

            rgba(127,82,234,0.08)

        );



    border:

        1px solid rgba(176,125,255,0.2);

}



.easy-double-digit-box h3 {



    font-size: 48px;



    color: #2e1760;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* RESPONSIVE */



@media(max-width:1100px){



    .easy-num-grid,

    .easy-master-grid {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .easy-numerology-section {



        padding: 90px 20px;

    }



    .easy-num-heading h2 {



        font-size: 44px;

    }



    .easy-num-content-box {



        padding: 35px;

    }



    .easy-num-keyword-box h3,

    .easy-master-number-box h3,

    .easy-double-digit-box h3 {



        font-size: 34px;

    }

}





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

/* PERSONAL NUMBERS SECTION */

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



.personal-numbers-section {



    position: relative;



    overflow: hidden;



    padding: 140px 8%;



    background:

        linear-gradient(

            180deg,

            #ffffff 0%,

            #f4eaff 100%

        );

}



/* FLOATING */



.personal-num-butterfly,

.personal-num-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-personal-1 {



    width: 240px;



    top: 80px;



    left: -50px;

}



.butterfly-personal-2 {



    width: 220px;



    bottom: 120px;



    right: -40px;

}



.leaf-personal-1 {



    width: 180px;



    top: 260px;



    right: 120px;

}



.leaf-personal-2 {



    width: 180px;



    bottom: 100px;



    left: 100px;

}



/* CONTAINER */



.personal-numbers-container {



    max-width: 1450px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* HEADING */



.personal-numbers-heading {



    text-align: center;



    max-width: 950px;



    margin: auto auto 90px;

}



.personal-numbers-heading span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.10);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 30px;

}



.personal-numbers-heading h2 {



    font-size: 76px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 28px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.personal-numbers-heading p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;

}



/* CONTENT */



.personal-numbers-content {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 30px;

}



/* CARD */



.personal-number-card {



    display: flex;



    gap: 25px;



    padding: 38px;



    border-radius: 35px;



    background:

        rgba(255,255,255,0.65);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 20px 45px rgba(70,20,120,0.08);



    transition: 0.4s;

}



.personal-number-card:hover {



    transform:

        translateY(-8px);



    box-shadow:

        0 30px 60px rgba(70,20,120,0.12);

}



/* ICON */



.personal-card-icon {



    min-width: 80px;



    height: 80px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 28px;

}



/* CONTENT */



.personal-card-content h3 {



    font-size: 38px;



    color: #2e1760;



    margin-bottom: 18px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.personal-card-content p {



    font-size: 16px;



    line-height: 2;



    color: #5c4d76;

}



/* OTHER BOX */



.personal-other-box {



    grid-column: span 2;



    margin-top: 30px;



    padding: 60px;



    border-radius: 40px;



    background:

        linear-gradient(

            135deg,

            rgba(176,125,255,0.10),

            rgba(127,82,234,0.05)

        );



    border:

        1px solid rgba(176,125,255,0.18);

}



.personal-other-box h3 {



    text-align: center;



    font-size: 54px;



    color: #2e1760;



    margin-bottom: 45px;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* OTHER GRID */



.personal-other-grid {



    display: grid;



    grid-template-columns:

        repeat(3,1fr);



    gap: 25px;

}



/* ITEM */



.personal-other-item {



    padding: 35px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.60);



    border:

        1px solid rgba(255,255,255,0.8);



    text-align: center;

}



.personal-other-item span {



    display: inline-block;



    margin-bottom: 18px;



    font-size: 22px;



    color: #7f52ea;



    font-weight: 600;

}



.personal-other-item p {



    font-size: 15px;



    line-height: 2;



    color: #5c4d76;

}



/* RESPONSIVE */



@media(max-width:1100px){



    .personal-numbers-content,

    .personal-other-grid {



        grid-template-columns: 1fr;

    }



    .personal-other-box {



        grid-column: span 1;

    }

}



@media(max-width:768px){



    .personal-numbers-section {



        padding: 90px 20px;

    }



    .personal-numbers-heading h2 {



        font-size: 44px;

    }



    .personal-number-card {



        flex-direction: column;

    }



    .personal-other-box {



        padding: 35px;

    }



    .personal-other-box h3 {



        font-size: 36px;

    }

}







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

/* GREAT LINKS PAGE */

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



.great-links-section {



    position: relative;



    overflow: hidden;



    padding: 240px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f2ff 0%,

            #ead8ff 100%

        );

}





























/* FLOATING */



.great-link-butterfly,

.great-link-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-link-1 {



    width: 240px;



    top: 100px;



    left: -40px;

}



.butterfly-link-2 {



    width: 220px;



    bottom: 100px;



    right: -40px;

}



.leaf-link-1 {



    width: 180px;



    top: 260px;



    right: 120px;

}



.leaf-link-2 {



    width: 180px;



    bottom: 120px;



    left: 120px;

}



/* CONTAINER */



.great-links-container {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.85fr 1.15fr;



    gap: 70px;



    align-items: start;



    position: relative;



    z-index: 5;

}



/* IMAGE */



.great-links-image img {



    width: 100%;



    border-radius: 40px;



    box-shadow:

        0 25px 70px rgba(70,20,120,0.15);

}



/* CONTENT */



.great-links-content span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.great-links-content h1 {



    font-size: 82px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.great-links-content p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;



    margin-bottom: 35px;

}



/* GRID */



.great-links-grid {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 24px;

}



/* CARD */



.great-link-card {



    display: flex;



    align-items: center;



    gap: 18px;



    padding: 24px 28px;



    border-radius: 24px;



    text-decoration: none;



    color: #2e1760;



    font-size: 16px;



    line-height: 1.7;



    font-weight: 500;



    background:

        rgba(255,255,255,0.55);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 12px 30px rgba(70,20,120,0.06);



    transition: 0.4s;

}



.great-link-card:hover {



    transform:

        translateY(-8px);



    background:

        white;



    box-shadow:

        0 20px 45px rgba(70,20,120,0.12);

}



.great-link-card i {



    min-width: 45px;



    height: 45px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 14px;

}



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

/* EXTRA SECTION */

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



.great-links-extra-section {



    padding: 120px 8%;



    background:

        linear-gradient(

            180deg,

            #5f27b0 0%,

            #7f52ea 100%

        );

}



.great-links-extra-heading {



    text-align: center;



    max-width: 900px;



    margin: auto auto 70px;

}



.great-links-extra-heading span {



    color: rgba(255,255,255,0.7);



    letter-spacing: 4px;



    text-transform: uppercase;



    font-size: 12px;

}



.great-links-extra-heading h2 {



    font-size: 70px;



    color: white;



    margin-top: 20px;



    line-height: 1.1;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* GRID */



.great-links-extra-grid {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        repeat(3,1fr);



    gap: 35px;

}



/* CARD */



.great-extra-card {



    padding: 50px 40px;



    border-radius: 35px;



    background:

        rgba(255,255,255,0.12);



    backdrop-filter:

        blur(10px);



    border:

        1px solid rgba(255,255,255,0.18);



    text-align: center;



    transition: 0.4s;

}



.great-extra-card:hover {



    transform:

        translateY(-10px);

}



.great-extra-card i {



    width: 85px;



    height: 85px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    margin: auto auto 28px;



    background:

        rgba(255,255,255,0.14);



    color: white;



    font-size: 28px;

}



.great-extra-card h3 {



    font-size: 34px;



    color: white;



    margin-bottom: 18px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.great-extra-card p {



    font-size: 16px;



    line-height: 2;



    color: rgba(255,255,255,0.82);

}



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

/* RESPONSIVE */

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



@media(max-width:1100px){



    .great-links-container,

    .great-links-grid,

    .great-links-extra-grid {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .great-links-section,

    .great-links-extra-section {



        padding: 90px 20px;

    }



    .great-links-content h1,

    .great-links-extra-heading h2 {



        font-size: 44px;

    }

}





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

/* BOOK STORE SECTION */

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



.book-store-section {



    position: relative;



    overflow: hidden;



    padding: 210px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f1ff 0%,

            #ead8ff 100%

        );

}



/* FLOATING */



.book-butterfly,

.book-leaf {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-book-1 {



    width: 240px;



    top: 100px;



    left: -40px;

}



.leaf-book-1 {



    width: 180px;



    bottom: 120px;



    right: 80px;

}



/* CONTAINER */



.book-store-container {



    max-width: 1350px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.85fr 1.15fr;



    gap: 70px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* IMAGE */



.book-store-image img {



    width: 100%;



    border-radius: 35px;



    box-shadow:

        0 25px 70px rgba(70,20,120,0.15);

}



/* CONTENT */



.book-store-content span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.book-store-content h1 {



    font-size: 76px;



    line-height: 1;



    color: #2e1760;



    margin-bottom: 28px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.book-store-content p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;



    margin-bottom: 22px;

}



.book-store-content a {



    color: #7f52ea;



    font-weight: 600;



    text-decoration: none;

}



/* NEWS BOX */



.book-news-box {



    margin-top: 35px;



    padding: 35px;



    border-radius: 28px;



    background:

        rgba(255,255,255,0.55);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 18px 40px rgba(70,20,120,0.07);

}



.book-news-box h3 {



    font-size: 28px;



    color: #7f52ea;



    margin-bottom: 18px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.book-news-box p {



    margin-bottom: 25px;

}



/* FORM */



.book-news-form label {



    display: block;



    margin-bottom: 12px;



    color: #2e1760;



    font-weight: 600;

}



.book-input-wrap {



    display: flex;



    gap: 14px;

}



.book-input-wrap input {



    flex: 1;



    height: 55px;



    border: none;



    outline: none;



    border-radius: 14px;



    padding: 0 18px;



    background: white;



    font-size: 15px;

}



.book-input-wrap button {



    border: none;



    padding: 0 30px;



    border-radius: 14px;



    cursor: pointer;



    font-size: 15px;



    font-weight: 600;



    color: white;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    transition: 0.4s;

}



.book-input-wrap button:hover {



    transform:

        translateY(-3px);

}



/* RESPONSIVE */



@media(max-width:1100px){



    .book-store-container {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .book-store-section {



        padding: 90px 20px;

    }



    .book-store-content h1 {



        font-size: 50px;

    }



    .book-input-wrap {



        flex-direction: column;

    }



    .book-input-wrap button {



        height: 55px;

    }

}



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

/* RECOMMENDED BOOKS SECTION */

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



.recommended-books-section {



    position: relative;



    overflow: hidden;



    padding: 120px 8%;



    background:

        linear-gradient(

            180deg,

            #ffffff 0%,

            #f6edff 100%

        );

}



/* FLOATING */



.books-floating {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-books-1 {



    width: 220px;



    top: 120px;



    left: -50px;

}



.leaf-books-1 {



    width: 180px;



    bottom: 100px;



    right: 70px;

}



/* CONTAINER */



.recommended-books-container {



    max-width: 1450px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* HEADING */



.recommended-books-heading {



    text-align: center;



    max-width: 900px;



    margin: auto auto 80px;

}



.recommended-books-heading span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.recommended-books-heading h2 {



    font-size: 74px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.recommended-books-heading p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;

}



/* GRID */



.recommended-books-grid {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 30px;

}



/* CARD */



.recommended-book-card {



    display: flex;



    gap: 25px;



    padding: 35px;



    border-radius: 35px;



    background:

        rgba(255,255,255,0.7);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 20px 45px rgba(70,20,120,0.08);



    transition: 0.4s;

}



.recommended-book-card:hover {



    transform:

        translateY(-10px);



    box-shadow:

        0 30px 60px rgba(70,20,120,0.12);

}



/* ICON */



.book-icon {



    min-width: 75px;



    height: 75px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 24px;

}



/* CONTENT */



.book-content h3 {



    font-size: 34px;



    color: #2e1760;



    margin-bottom: 10px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.book-content span {



    display: block;



    color: #8b5cf6;



    font-size: 15px;



    margin-bottom: 18px;



    font-weight: 600;

}



.book-content p {



    font-size: 16px;



    line-height: 2;



    color: #5c4d76;

}



/* RESPONSIVE */



@media(max-width:1100px){



    .recommended-books-grid {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .recommended-books-section {



        padding: 90px 20px;

    }



    .recommended-books-heading h2 {



        font-size: 46px;

    }



    .recommended-book-card {



        flex-direction: column;

    }

}







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

/* TAROT & SPIRIT SECTION */

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



.tarot-spirit-section {



    position: relative;



    overflow: hidden;



    padding: 120px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f1ff 0%,

            #efe1ff 100%

        );

}



/* FLOATING */



.tarot-floating {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-tarot-1 {



    width: 220px;



    top: 120px;



    left: -40px;

}



.leaf-tarot-1 {



    width: 180px;



    bottom: 120px;



    right: 80px;

}



/* CONTAINER */



.tarot-spirit-container {



    max-width: 1450px;



    margin: auto;



    position: relative;



    z-index: 5;

}



/* HEADING */



.tarot-heading {



    text-align: center;



    max-width: 950px;



    margin: auto auto 80px;

}



.tarot-heading span {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.tarot-heading h2 {



    font-size: 74px;



    line-height: 1.1;



    color: #2e1760;



    margin-bottom: 25px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.tarot-heading p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;

}



/* GRID */



.tarot-grid {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 30px;

}



/* CARD */



.tarot-card {



    display: flex;



    gap: 25px;



    padding: 35px;



    border-radius: 35px;



    background:

        rgba(255,255,255,0.68);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 20px 45px rgba(70,20,120,0.08);



    transition: 0.4s;

}



.tarot-card:hover {



    transform:

        translateY(-10px);



    box-shadow:

        0 30px 60px rgba(70,20,120,0.12);

}



/* ICON */



.tarot-icon {



    min-width: 75px;



    height: 75px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 24px;

}



/* CONTENT */



.tarot-content h3 {



    font-size: 32px;



    color: #2e1760;



    margin-bottom: 16px;



    line-height: 1.3;



    font-family:

        "Cormorant Garamond",

        serif;

}



.tarot-content p {



    font-size: 16px;



    line-height: 2;



    color: #5c4d76;

}



/* AMAZON BOX */



.amazon-box {



    margin-top: 90px;



    padding: 60px;



    border-radius: 40px;



    text-align: center;



    background:

        linear-gradient(

            135deg,

            rgba(176,125,255,0.10),

            rgba(127,82,234,0.06)

        );



    border:

        1px solid rgba(176,125,255,0.15);

}



.amazon-box h3 {



    font-size: 38px;



    line-height: 1.5;



    color: #2e1760;



    margin-bottom: 35px;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* BUTTON */



.amazon-btn {



    display: inline-flex;



    align-items: center;



    gap: 16px;



    padding: 18px 38px;



    border-radius: 60px;



    text-decoration: none;



    font-size: 17px;



    font-weight: 600;



    color: white;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    transition: 0.4s;

}



.amazon-btn:hover {



    transform:

        translateY(-5px);



    box-shadow:

        0 20px 40px rgba(127,82,234,0.25);

}



.amazon-btn i {



    font-size: 22px;

}



/* RESPONSIVE */



@media(max-width:1100px){



    .tarot-grid {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .tarot-spirit-section {



        padding: 90px 20px;

    }



    .tarot-heading h2 {



        font-size: 46px;

    }



    .tarot-card {



        flex-direction: column;

    }



    .amazon-box {



        padding: 40px 25px;

    }



    .amazon-box h3 {



        font-size: 28px;

    }

}



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

/* CONTACT PAGE */

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



.contact-page {



    position: relative;



    overflow: hidden;



    padding: 220px 8%;



    background:

        linear-gradient(

            180deg,

            #f8f2ff 0%,

            #ead9ff 100%

        );

}



/* FLOATING */



.contact-floating {



    position: absolute;



    opacity: 0.08;



    pointer-events: none;

}



.butterfly-contact-1 {



    width: 240px;



    top: 100px;



    left: -40px;

}



.leaf-contact-1 {



    width: 190px;



    bottom: 80px;



    right: 50px;

}



/* CONTAINER */



.contact-container {



    max-width: 1450px;



    margin: auto;



    display: grid;



    grid-template-columns:

        0.95fr 1.05fr;



    gap: 60px;



    align-items: center;



    position: relative;



    z-index: 5;

}



/* LEFT */



.contact-tag {



    display: inline-block;



    padding: 12px 24px;



    border-radius: 50px;



    background:

        rgba(145,90,255,0.12);



    color: #8b5cf6;



    font-size: 12px;



    letter-spacing: 4px;



    text-transform: uppercase;



    margin-bottom: 28px;

}



.contact-left h1 {



    font-size: 84px;



    line-height: 1;



    color: #2e1760;



    margin-bottom: 30px;



    font-family:

        "Cormorant Garamond",

        serif;

}



.contact-left p {



    font-size: 17px;



    line-height: 2;



    color: #5c4d76;



    margin-bottom: 20px;

}



/* INFO CARDS */



.contact-info-wrap {



    margin-top: 40px;



    display: flex;



    flex-direction: column;



    gap: 25px;

}



.contact-info-card {



    display: flex;



    align-items: center;



    gap: 22px;



    padding: 24px 28px;



    border-radius: 24px;



    background:

        rgba(255,255,255,0.65);



    border:

        1px solid rgba(255,255,255,0.8);



    box-shadow:

        0 15px 40px rgba(70,20,120,0.08);

}



.contact-icon {



    min-width: 70px;



    height: 70px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    color: white;



    font-size: 24px;

}



.contact-info-card h3 {



    font-size: 24px;



    margin-bottom: 8px;



    color: #2e1760;



    font-family:

        "Cormorant Garamond",

        serif;

}



.contact-info-card p {



    margin: 0;



    font-size: 15px;



    line-height: 1.8;

}



/* FORM */



.contact-form-box {



    padding: 50px;



    border-radius: 40px;



    background:

        rgba(255,255,255,0.6);



    border:

        1px solid rgba(255,255,255,0.9);



    box-shadow:

        0 30px 70px rgba(70,20,120,0.12);

}



.contact-form-box h2 {



    font-size: 58px;



    margin-bottom: 35px;



    color: #2e1760;



    font-family:

        "Cormorant Garamond",

        serif;

}



/* INPUT ROW */



.contact-input-row {



    display: grid;



    grid-template-columns:

        repeat(2,1fr);



    gap: 20px;

}



.contact-input-group {



    margin-bottom: 24px;

}



.contact-input-group label {



    display: block;



    margin-bottom: 12px;



    color: #2e1760;



    font-weight: 600;



    font-size: 14px;

}



.contact-input-group input,

.contact-input-group textarea {



    width: 100%;



    border: none;



    outline: none;



    background: white;



    border-radius: 18px;



    padding: 18px 20px;



    font-size: 15px;



    color: #444;



    box-shadow:

        inset 0 0 0 1px rgba(140,100,220,0.08);

}



.contact-input-group textarea {



    height: 180px;



    resize: none;

}



/* BUTTON */



.contact-btn {



    border: none;



    outline: none;



    display: inline-flex;



    align-items: center;



    gap: 12px;



    padding: 18px 38px;



    border-radius: 60px;



    cursor: pointer;



    color: white;



    font-size: 16px;



    font-weight: 600;



    background:

        linear-gradient(

            135deg,

            #b07dff,

            #7f52ea

        );



    transition: 0.4s;

}



.contact-btn:hover {



    transform:

        translateY(-5px);



    box-shadow:

        0 18px 40px rgba(127,82,234,0.25);

}



/* RESPONSIVE */



@media(max-width:1100px){



    .contact-container {



        grid-template-columns: 1fr;

    }

}



@media(max-width:768px){



    .contact-page {



        padding: 90px 20px;

    }



    .contact-left h1 {



        font-size: 52px;

    }



    .contact-form-box {



        padding: 35px 25px;

    }



    .contact-form-box h2 {



        font-size: 42px;

    }



    .contact-input-row {



        grid-template-columns: 1fr;

    }

}







.footer-bottom p a,

.footer-bottom p a:visited {



    color: #d8b4fe !important;

    font-weight: 700 !important;

    text-decoration: none !important;

}



.footer-bottom p a:hover {



    color: #ffffff !important;

}











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

/* BOOK APPOINTMENT HERO SECTION */

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



.appointment-hero-section{

    position:relative;

    padding:140px 0 100px;

    background:#f7f3ff;

    overflow:hidden;

}



.appointment-hero-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}



.appointment-mini-title{

    display:inline-block;

    padding:12px 24px;

    border-radius:50px;

    background:#fff;

    color:#8F7AE8;

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:600;

    margin-bottom:25px;

}



.appointment-content h1{

    font-family:"Cormorant Garamond",serif;

    font-size:72px;

    line-height:1;

    color:#2A1E5C;

    margin-bottom:25px;

}



.appointment-content p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    max-width:620px;

}



.appointment-badge{

    display:inline-block;

    margin-top:30px;

    padding:14px 28px;

    background:rgba(143,122,232,.12);

    color:#6d55d9;

    border-radius:50px;

    font-weight:600;

}



.appointment-btns{

    display:flex;

    gap:18px;

    margin-top:35px;

    flex-wrap:wrap;

}



.appointment-main-btn{

    padding:16px 36px;

    border-radius:60px;

    background:#8F7AE8;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}



.appointment-main-btn:hover{

    transform:translateY(-3px);

}



.appointment-outline-btn{

    padding:16px 36px;

    border-radius:60px;

    border:2px solid #8F7AE8;

    color:#8F7AE8;

    text-decoration:none;

    font-weight:600;

}



.appointment-image-wrap{

    position:relative;

}



.appointment-image-wrap img{

    width:100%;

    border-radius:35px;

    box-shadow:0 25px 60px rgba(143,122,232,.18);

}



.appointment-butterfly,

.appointment-leaf{

    position:absolute;

    opacity:.6;

    pointer-events:none;

}



.butterfly-1{

    left:50px;

    top:120px;

    width:80px;

}



.butterfly-2{

    right:80px;

    bottom:100px;

    width:90px;

}



.leaf-1{

    left:-40px;

    top:0;

    width:220px;

}



.leaf-2{

    right:-50px;

    bottom:0;

    width:220px;

}



@media(max-width:991px){



    .appointment-hero-grid{

        grid-template-columns:1fr;

    }



    .appointment-content h1{

        font-size:56px;

    }



}





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

/* APPOINTMENT SESSION SECTION */

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



.appointment-session-section{



    padding:120px 0;



    background:#fff;

}



.appointment-section-heading{



    text-align:center;



    max-width:850px;



    margin:0 auto 70px;

}



.appointment-section-heading span{



    color:#8F7AE8;



    text-transform:uppercase;



    letter-spacing:3px;



    font-weight:600;

}



.appointment-section-heading h2{



    font-size:60px;



    color:#2A1E5C;



    font-family:"Cormorant Garamond",serif;



    margin:18px 0;

}



.appointment-section-heading p{



    color:#666;



    line-height:1.9;

}



.appointment-session-grid{



    display:grid;



    grid-template-columns:repeat(3,1fr);



    gap:35px;

}



.appointment-session-card{



    background:#fff;



    border-radius:35px;



    padding:45px 35px;



    position:relative;



    box-shadow:0 20px 60px rgba(143,122,232,.10);



    transition:.35s;

}



.appointment-session-card:hover{



    transform:translateY(-10px);



    box-shadow:0 30px 80px rgba(143,122,232,.18);

}



.featured-session{



    border:2px solid #8F7AE8;



    transform:scale(1.04);

}



.popular-badge{



    position:absolute;



    top:-14px;



    left:50%;



    transform:translateX(-50%);



    background:#8F7AE8;



    color:#fff;



    padding:10px 22px;



    border-radius:50px;



    font-size:13px;



    font-weight:600;

}



.session-duration{



    color:#8F7AE8;



    font-weight:700;



    letter-spacing:2px;



    margin-bottom:18px;

}



.appointment-session-card h3{



    font-size:36px;



    color:#2A1E5C;



    font-family:"Cormorant Garamond",serif;



    margin-bottom:20px;

}



.session-price{



    font-size:62px;



    color:#2A1E5C;



    font-family:"Cormorant Garamond",serif;



    margin-bottom:25px;

}



.appointment-session-card ul{



    list-style:none;



    padding:0;



    margin:0 0 30px;

}



.appointment-session-card ul li{



    margin-bottom:12px;



    color:#555;

}



.appointment-session-card a{



    display:inline-block;



    padding:15px 30px;



    background:#8F7AE8;



    color:#fff;



    border-radius:60px;



    text-decoration:none;



    font-weight:600;

}



@media(max-width:991px){



    .appointment-session-grid{



        grid-template-columns:1fr;

    }



    .featured-session{



        transform:none;

    }



    .appointment-section-heading h2{



        font-size:46px;

    }

}



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

/* APPOINTMENT FORM SECTION */

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



.appointment-form-section{

    padding:120px 0;

    background:#f7f3ff;

}



.appointment-form-heading{

    text-align:center;

    max-width:800px;

    margin:0 auto 60px;

}



.appointment-form-heading span{

    color:#8F7AE8;

    text-transform:uppercase;

    letter-spacing:3px;

    font-weight:600;

}



.appointment-form-heading h2{

    font-size:60px;

    font-family:"Cormorant Garamond",serif;

    color:#2A1E5C;

    margin:18px 0;

}



.appointment-form-heading p{

    color:#666;

    line-height:1.8;

}



.appointment-form-wrapper{

    max-width:950px;

    margin:auto;

    background:#fff;

    padding:50px;

    border-radius:35px;

    box-shadow:0 20px 60px rgba(143,122,232,.12);

}



.form-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}



.form-group{

    display:flex;

    flex-direction:column;

}



.form-group label{

    margin-bottom:10px;

    font-weight:600;

    color:#2A1E5C;

}



.form-group input,

.form-group select,

.form-group textarea{

    padding:16px 18px;

    border:1px solid #ddd;

    border-radius:15px;

    font-size:15px;

    background:#fff;

    transition:.3s;

}



.form-group input:focus,

.form-group select:focus,

.form-group textarea:focus{

    border-color:#8F7AE8;

    outline:none;

    box-shadow:0 0 0 4px rgba(143,122,232,.12);

}



.full-width{

    margin-top:25px;

}



.appointment-submit-btn{

    margin-top:30px;

    padding:18px 40px;

    border:none;

    border-radius:60px;

    background:#8F7AE8;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}



.appointment-submit-btn:hover{

    transform:translateY(-3px);

}



@media(max-width:768px){



    .form-grid{

        grid-template-columns:1fr;

    }



    .appointment-form-wrapper{

        padding:15px;

    }



    .appointment-form-heading h2{

        font-size:42px;

    }

}



/* MOBILE FOOTER COMPACT FIX */

@media (max-width: 768px) {



    .main-footer {

        text-align: center;

    }



    .footer-grid {

        display: flex !important;

        flex-direction: column !important;

        gap: 25px !important;

        align-items: center !important;

    }



    .footer-about,

    .footer-links,

    .footer-contact {

        width: 100%;

        max-width: 320px;

        margin: 0 auto;

        text-align: center;

    }



    .footer-text-logo h3 {

        font-size: 42px !important;

        line-height: 1.1;

    }



    .footer-text-logo span {

        font-size: 12px !important;

        letter-spacing: 3px;

    }



    .footer-about p {

        font-size: 15px !important;

        line-height: 1.7;

    }



    .footer-links h4,

    .footer-contact h4 {

        font-size: 16px !important;

        margin-bottom: 12px;

    }



    .footer-links ul li {

        margin-bottom: 8px !important;

    }



    .footer-links ul li a,

    .footer-contact p,

    .footer-contact a {

        font-size: 15px !important;

        line-height: 1.6;

    }



    .footer-contact-stack {

        align-items: center !important;

        gap: 8px;

    }



    .footer-btn {

        margin: 15px auto 0;

        font-size: 14px !important;

        padding: 12px 24px !important;

    }



    .footer-bottom p,

    .footer-policy-links a {

        font-size: 13px !important;

    }

}



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

   Deployment audit responsive hardening

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



@media (max-width: 991px) {

  .testimonial-slider {

    width: 100%;

    margin-left: 0;

  }

}



@media (max-width: 576px) {

  .header-container {

    padding: 14px 16px;

  }



  .logo-area h2 {

    font-size: 28px;

  }



  .logo-area span {

    font-size: 9px;

    letter-spacing: 3px;

  }



  .section-padding {

    padding: 72px 0;

  }



  .footer-contact-inner {

    padding: 0 16px;

  }

}



@media (max-width: 480px) {

  .header-container {

    padding: 12px 14px;

  }



  .mobile-menu {

    width: min(100%, 360px);

  }



  .footer-contact-form input,

  .footer-contact-form textarea,

  .footer-contact-form button {

    min-width: 0;

    max-width: 100%;

  }



  .top-left a {

    font-size: 12px;

  }

}



@media (max-width: 360px) {

  .logo-area h2 {

    font-size: 24px;

  }

}



/* =========================================================
   Homepage — Latest Blog section (style.css only)
   ========================================================= */

.home-latest-blog-section {
  position: relative;
  overflow: hidden;
  padding: clamp(100px, 12vw, 140px) 0;
  background: #f7f3ff;
}

.home-latest-blog-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(760px, 90vw);
  height: min(760px, 90vw);
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(202, 183, 255, 0.35) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.home-latest-blog-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.home-latest-blog-float {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.home-latest-blog-butterfly-1 {
  top: 8%;
  left: 4%;
  width: min(110px, 16vw);
  opacity: 0.35;
  animation: homeLatestFloat 8s ease-in-out infinite;
}

.home-latest-blog-butterfly-2 {
  bottom: 10%;
  right: 6%;
  width: min(86px, 12vw);
  opacity: 0.35;
  animation: homeLatestFloat 10s ease-in-out infinite reverse;
}

.home-latest-blog-crystal-1 {
  top: 18%;
  right: 8%;
  width: min(96px, 14vw);
  opacity: 0.22;
  animation: homeLatestFloat 9s ease-in-out infinite;
}

.home-latest-blog-crystal-2 {
  bottom: 16%;
  left: 10%;
  width: min(72px, 10vw);
  opacity: 0.2;
  animation: homeLatestFloat 11s ease-in-out infinite reverse;
}

.home-latest-blog-leaf {
  top: 0;
  right: 0;
  width: min(170px, 22vw);
  opacity: 0.12;
}

@keyframes homeLatestFloat {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-blog-float {
    animation: none !important;
  }
}

/* --- Section header --- */

.home-latest-blog-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 70px;
}

.home-latest-blog-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 22px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #8f7ae8;
}

.home-latest-blog-eyebrow-line {
  display: block;
  width: 40px;
  height: 1px;
  background: #8f7ae8;
}

.home-latest-blog-heading h2 {
  margin: 0 0 22px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(42px, 6vw, 58px);
  font-weight: 500;
  line-height: 1.1;
  color: #2d1763;
}

.home-latest-blog-subtitle {
  margin: 0 auto;
  max-width: 680px;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
  color: #5c5577;
}

/* --- Dynamic cards --- */

.home-latest-blog-cards {
  width: 100%;
}

.home-latest-blog-cards .blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}

.home-latest-blog-cards .blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid #ece3ff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease;
}

.home-latest-blog-cards .blog-card:hover {
  transform: translateY(-10px);
  border-color: #d9ccff;
  box-shadow: 0 20px 60px rgba(145, 120, 255, 0.18);
}

.home-latest-blog-cards .blog-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #e9dfff;
}

.home-latest-blog-cards .blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}

.home-latest-blog-cards .blog-card:hover .blog-card-media img {
  transform: scale(1.06);
}

.home-latest-blog-cards .blog-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 14px;
  padding: 24px 24px 26px;
}

.home-latest-blog-cards .blog-card-meta {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #7a7196;
}

.home-latest-blog-cards .blog-card-category {
  background: #f0eaff;
  color: #6f49c6;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.home-latest-blog-cards .blog-card-title {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.35rem, 2vw, 1.55rem);
  font-weight: 600;
  line-height: 1.28;
  color: #2a1e5c;
}

.home-latest-blog-cards .blog-card-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.home-latest-blog-cards .blog-card-title a:hover {
  color: #8f7ae8;
}

.home-latest-blog-cards .blog-card-excerpt {
  margin: 0;
  flex: 1;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #5c5577;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-latest-blog-cards .blog-card-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  padding: 11px 20px;
  border-radius: 999px;
  background: #6f49c6;
  color: #ffffff !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition:
    background 0.3s ease,
    transform 0.3s ease,
    gap 0.3s ease;
}

.home-latest-blog-cards .blog-card-link:hover {
  background: #5635a5;
  color: #ffffff !important;
  gap: 12px;
  transform: translateY(-1px);
}

.home-latest-blog-cards .blog-card-link i {
  font-size: 0.82rem;
}

/* --- CTA button (matches hero gradient buttons) --- */

.home-latest-blog-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
  text-align: center;
}

.home-latest-blog-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 36px;
  border-radius: 999px;
  background: linear-gradient(to right, #8f7ae8, #7562d8);
  color: #ffffff !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none !important;
  box-shadow: 0 0 40px rgba(143, 122, 232, 0.35);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.home-latest-blog-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 25px 50px rgba(143, 122, 232, 0.35);
  color: #ffffff !important;
}

/* --- Responsive --- */

@media (max-width: 1100px) {
  .home-latest-blog-cards .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .home-latest-blog-heading {
    margin-bottom: 48px;
  }

  .home-latest-blog-heading h2 {
    font-size: 42px;
  }

  .home-latest-blog-subtitle {
    font-size: 16px;
  }

  .home-latest-blog-cta {
    margin-top: 44px;
  }
}

@media (max-width: 640px) {
  .home-latest-blog-section {
    padding: 88px 0;
  }

  .home-latest-blog-cards .blog-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .home-latest-blog-cards .blog-card-body {
    padding: 20px 20px 22px;
  }

  .home-latest-blog-btn {
    width: 100%;
    max-width: 320px;
  }
}