/* Global classes */
        img{max-width: 100%;}
        .btn-primary{background: #073D9F !important; color: #F5EBCF !important;}
        .btn-secondary {  background: #d6b36a;  color: #fff;  border: none;}
        .bg-secondary{background: #F8F1D5 !important;}
        .bg-white {background: #fff;}
        .section-lead{color: #073D9F !important; font-family: "Mrs Saint Delafield", cursive; font-size: 64px;}
        .section-heading{margin-bottom: 20px; font-size: 28px; font-family: "Literata", serif; font-weight: 400;}
        .text-primary {color: #073D9F !important;}
        .bg-black {background: #020303;}
        nav div.top-part{background:#E4BD71;}
        body{font-family: 'Poppins', sans-serif; border-top: 5px solid #073D9F;}
        
        header { position: relative; z-index: 999;}
        .navbar { flex-wrap: wrap; justify-content: center;  }
        .navbar-brand {color: #073D9F !important; font-family: "Mrs Saint Delafield", cursive; font-size: 90px; line-height: 1; padding-top: 2rem;}
        .navbar-nav{justify-content: space-between;   width: 100%; padding: 24px 0; position: relative;}
        .navigation{border-top: 1px solid #122953;}

        .navbar-nav .nav-link{color: #122953 !important; font-size: 20px;}
        .navbar-nav .nav-item .btn-primary{font-size: 20px; transition: all .3s ease;}
        .navbar-nav .nav-item .btn-primary:hover {opacity: 0.9;}

        /* Hero */
        .hero{min-height: calc(100vh - 222px); display: flex; align-items: center; position: relative;}
        .hero:before{content: ""; display: block; width: 100%; height: 100%; background: #073D9F; opacity: 0.7; position: absolute; left: 0; top: 0;}
        .hero:after {content: ""; display: block; position: absolute; bottom: -9px; left: 0; height: 5rem; width: 100%; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/white-shade.png) no-repeat; background-size: cover; background-position: top center;}
        .hero .container {position: relative; z-index: 8;}
        .hero .logo img{ max-width: 285px;}
        .hero .hero-content{text-align: left; padding-left: 4rem;}
        .hero .hero-content h1{font-family: "Literata", serif; font-size: 48px; font-weight: 400; color: #E4BD71; padding-bottom: 40px; margin-bottom: 60px; position:relative; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
        .hero .hero-content h1:after {content:  ""; display: block; width: 150px; height: 2px; background: #E4BD71; position: absolute; left: 0; bottom: 0;}
        .hero .hero-content .lead{font-family: "Mrs Saint Delafield", cursive; font-size: 75px; line-height: 75px;}
        .hero h1 { font-size: 48px; }
        .hero .container {height: 100%;}
        .hero .container .row{height: 100%; display: flex; justify-content: center; align-content: center;}
        .hero .hero-caption{display: flex; justify-content: center; align-items: center; padding: 120px 0;}

        .about { padding: 70px 0; position: relative; }
        .about .about-left{padding-right: 2rem; position: relative;}
        .about .about-left .image-two { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; display: flex; align-items: center;}
        .about .about-left .image-two  img{ max-width: 240px;}
        .about ul{list-style: none; padding-left: 0; display: flex; justify-content: space-between; margin-top: 30px; font-weight: 500;}
        .about ul li{display: flex; align-items: center; width: 45%;}

        .services { padding: 72px 0; text-align: center; }
        .services .bottom-title{margin-top: 1rem;}
        .services .top-title{margin-bottom: 1rem;}
        .services .prev-btn{width: 61px; height: 53px; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/left-navigation.png) no-repeat; background-size: contain; border: 0 none; color: transparent; margin: 0 10px;}
        .services .next-btn{width: 61px; height: 53px; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/right-navigation.png) no-repeat; background-size: contain; border: 0 none; color: transparent; margin: 0 10px;}

        .marquee-wrapper { background: #1f4aa8; overflow: hidden; white-space: nowrap; padding: 15px 0; }
        .marquee { display: inline-block; animation: marquee 20s linear infinite; }
        .marquee span { display: inline-block; margin: 0 50px; color: #fff; font-size: 28px; font-weight: 500; }
          
          /* Animation */
          @keyframes marquee {
            0% {
              transform: translateX(0%);
            }
            100% {
              transform: translateX(-50%);
            }
          }       
        .features-section .feature-item h5 { color: #073D9F; font-weight: 600; }
        .features-section .feature-item p { font-size: 14px; color: #333; }
        .features-section .center-image { width: 260px; height: 340px; margin: auto; border-radius: 130px; overflow: hidden; border: 8px solid #AD833B; }
        .features-section .center-image img { width: 100%; height: 100%; object-fit: cover;}
        .features-section:after { content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(248, 241, 213, 0.85) 95%); }
        .features-section {position: relative;}
        .features-section .container {position: relative;z-index: 9;}
        /* Booking */
        .booking { background: #fff;  position: relative;}
        .booking:before {content: ""; display: block; position: absolute; top: 0; left: 0; height: 5rem; width: 100%; z-index: 9; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/bedge-shade.png) no-repeat; background-size: cover; background-position: top center;}
        .booking:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 5rem; width: 100%; z-index: 9; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/bedge-shade-2.png) no-repeat; background-size: cover; background-position: top center;}
        .booking .image {height: 100%; width: 100%; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/booking-image.jpg) no-repeat; background-size: cover; background-position: center;}
        .booking .content{padding: 90px 30px; min-height: 700px; display: flex; align-items: center;}
        .booking .btn-panel{display: flex;  align-items: flex-start; gap: 5rem;}
        .booking .btn-panel a:hover {transition: 0.4s ease; opacity: 0.8;}
        .booking.booking-inner:after{display: none;}

        /* Animation */
        @keyframes moveBg {
            0% {
            transform: translateX(0);
            }
            100% {
            transform: translateX(-50%);
            }
        }

        /* Testimonials */
        .testimonial-section { padding: 80px 0 130px; text-align: center; background: #F8F1D5; position: relative;}
        .testimonial-section:before {content: ""; display: block; position: absolute; bottom: -3px; left: 0; height: 5rem; width: 100%; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/white-shade.png) no-repeat; background-size: cover; background-position: top center;}
        .testimonial-section .testimonial-box { max-width: 100%; margin: auto; position: relative;  }
        .testimonial-section .quote-icon { position: absolute; left: 0; top: -40px; width: 103px; height: 80px; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/double-quotes.png) no-repeat; background-size: contain;}
        .testimonial-section .testimonial-text { font-size: 20px; font-style: italic; line-height: 1.8; color: #333;  }
        .testimonial-section .author { margin-top: 20px; color: #2a4fb8; font-weight: 500;  }

        .gift-section{padding: 70px 0; position: relative;}        

        footer{background: #073D9F; color: #fff; position: relative;}
        footer:before {content: ""; display: block; position: absolute; top: -2px; left: 0; height: 5rem; width: 100%; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/white-shade2.png) no-repeat; background-size: cover; background-position: top center;}
        footer .footer-section{padding: 130px 0 50px;}
        footer .footer-logo p{font-size: 13px; color: rgba(255, 255, 255, 0.8);}
        footer .contact-list{list-style: none; padding-left: 0; font-size: 13px;}
        footer .contact-list li{ display: flex; align-items: flex-start; padding: 5px 0;}
        footer .contact-list li span{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 5px; color: #F8F1D5;} 
        footer .menu-catagory{font-family: "Literata", serif; font-weight: 400; color: #F8F1D5; padding-bottom: 15px; margin-bottom: 15px; position: relative; font-size: 18px;}
        footer .menu-catagory:after {content: ""; display: block; width: 50px; height: 2px; background: #F8F1D5; position: absolute; left:0; bottom: 0;}
        footer  .footer-links{list-style: none; padding-left: 0; font-size: 13px;}
        footer  .footer-links li{padding: 5px 0;}
        footer  .footer-links a{color: #fff;}
        footer .footer-hours {list-style: none; padding-left: 0; font-size: 13px;}
        footer .footer-hours li{padding: 5px 0;}
        footer .social-icons a{color: #F8F1D5;}
        .footer-bottom{padding: 20px 15px; border-top: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); font-size: 14px;}
        footer.innerpage:before {display: none;}
        footer .booking-logo img{max-width: 90px;}
        footer .booking-logo .btn{border: 2px solid #CAAA63;}

        /* innerpage */
      .inner-hero { color: white; padding: 120px 0; text-align: center; min-height: calc(100vh - 240px); position: relative; display: flex; align-items: center;}
      .inner-hero .container{position: relative; z-index: 9;}
      .inner-hero:before {content: ""; display: block; width: 100%; height: 100%; background: #073D9F; opacity: 0.7; position: absolute; left: 0; top: 0;}
      .inner-hero:after {content: ""; display: block; position: absolute; bottom: -3px; left: 0; height: 5rem; width: 100%; background: url( https://unmomentserein.com/wp-content/uploads/2026/04/bedge-shade-one.png) no-repeat; background-size: cover; background-position: top center;}
      .inner-hero .logo img{ max-width: 285px;}
      .inner-hero .hero-content{text-align: center; padding-left: 0rem;}
      .inner-hero .hero-content h1{font-family: "Literata", serif; font-size: 48px; font-weight: 400; color: #E4BD71; padding-bottom: 40px; margin-bottom: 30px; position:relative; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
      .inner-hero .hero-content h1:after {content:  ""; display: block; width: 150px; height: 2px; background: #E4BD71; position: absolute; left: 0; right: 0; margin: auto; bottom: 0;}
      .inner-hero .hero-content .lead{font-family: "Mrs Saint Delafield", cursive; font-size: 75px; line-height: 75px;}
      .inner-hero h1 { font-size: 48px; } 
      .inner-hero .container {height: 100%;}
      .inner-hero .container .row{height: 100%; display: flex; justify-content: center; align-content: center;}
      .inner-hero .hero-caption{display: flex; justify-content: center; align-items: center; padding: 120px 0;}

      .ritual-section{padding: 7rem 0;}
      .ritual-section .nav .nav-item {width: auto;  margin: 5px;}
      .ritual-section .nav .nav-item .nav-link{background: #fff; color: #073D9F; border-radius: 30px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); position: relative; padding: .5rem 2rem;}
      .ritual-section .nav .nav-item .nav-link.active{background: #073D9F; color: #fff;}
      .ritual-section .nav .nav-item .nav-link.active:after{content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;
        border-top: 10px solid #073D9F; position: absolute; left:0; right: 0; bottom: -6px; margin: auto;}

      /* CARD BASE */
      .ritual-card {  border-radius: 20px;  border: 2px solid #1f4aa8;  overflow: hidden;  background: #f5f5f5;}
      .ritual-card .card-img-top {  height: 220px;  object-fit: cover;}
      .ritual-card .badge-popular {  position: absolute;  bottom: -15px;  left: 20px;  background: #d6b36a;  color: #fff;  padding: 6px 16px;  border-radius: 20px;  font-size: 12px;  font-weight: 600;}
      .ritual-card .card-body {  padding: 30px 20px 25px;}
      .ritual-card .card-title {  color: #1f4aa8;  font-size: 22px;  font-weight: 600; text-align: left; font-family: "Literata", serif;}
      .ritual-card .card-text {  font-size: 15px;  color: #333;  margin-bottom: 20px; text-align: left;}
      .ritual-card .label {  color: #1f4aa8;  font-weight: 600;  display: block;  margin-bottom: 5px; text-align: left;}
      .ritual-card .time {  font-size: 14px;  color: #777;}
      .ritual-card .price {  font-size: 18px;  color: #1f4aa8;  font-weight: 600;}
   
      .ritual-detail {  background: #F8F1D5;  padding: 7rem 0;}
      .ritual-detail .main-heading {  color: #1f4aa8;  font-weight: 600;  margin-bottom: 20px;}
      .ritual-detail .text-box {  background: #EFE3BE;  padding: 20px;  border-left: 4px solid #c9a96e;  border-radius: 0px;}
      .ritual-detail .text-box p {  margin-bottom: 12px;  color: #333;  line-height: 1.6;}
      .ritual-detail .step-box {  background: #1f4aa8;  color: #fff;  padding: 25px;  border-radius: 15px;  margin-bottom: 20px;  position: relative;  display: flex;  justify-content: space-between;  align-items: flex-start;}
      .ritual-detail .step-content h4 {  color: #d6b36a;  margin-bottom: 10px; font-family: "Literata", serif; width: 80%;}
      .ritual-detail .step-content p {  font-size: 14px; margin-bottom: 0;}
      .ritual-detail .step-number {  font-size: 48px;  font-weight: 400;  color: #d6b36a; font-family: "Literata", serif; margin-top: -28px;}

      .service-table { width: 100%; border-collapse: collapse; margin-top: 30px; border: 1px solid #E4BD71;}
      .service-table tr{ background: #F6DAA3;}
      .service-table th { background: #073D9F; color: #fff; padding: 15px; text-align: left;}
      .service-table td { padding: 15px; font-weight: 500; border-bottom: 1px solid #E4BD71;}
      .service-item { margin-bottom: 40px;}
      .service-item h3 { font-size: 28px; margin-bottom: 10px;}

      .info-bar { display: flex; align-items: center; justify-content: space-between; font-size: 18px; }
      .info-bar .cat{font-weight: 500;}
      .info-item { display: flex; align-items: center; gap: 10px; color: #000;     flex-grow: 1;}
      .info-item i { font-size: 18px; }
      .price-box { display: flex; text-align: left; align-items: flex-end; flex-wrap: wrap;     flex-grow: 1;}
      .price-title { font-weight: 600; }
      .price-text { margin: 0; }

      #cartSidebar{background: #EFE3BE;}
      #cartSidebar .cart-header{align-items: center; background: #1f4aa8; color: #EFE3BE;}
      #cartSidebar .cart-header h5{margin-bottom: 0;}


      /* RESPONSIVE */
      @media(max-width:1199px){
          .info-bar {flex-wrap: wrap;}
          .info-bar .info-item{width: 100%; margin-bottom: 1.5rem;}
        }

      @media (max-width: 768px) {
        .step-box {
          flex-direction: column;
          align-items: flex-start;
        }

        .step-number {
          align-self: flex-end;
          margin-top: 10px;
        }

        .main-heading {
          text-align: center;
        }
      }
        @media(max-width: 1025px){
            .booking .btn-panel{gap: 1rem;}
            .section-lead{font-size: 50px;}
            .navbar-brand{font-size: 70px;}
            .section-heading{ font-size: 28px;}
        }

        @media(max-width: 991px) {
            header .top-part{display: flex; justify-content: space-between; align-items: center;}
            header .top-part .navbar-brand { font-size: 50px; padding-top: 1.5rem;}
            .navbar-nav:before{display: none;}
            .navbar-nav:after{display: none;}
            .navbar-nav .nav-item{text-align: left;}
            
            .hero .logo img{max-width: 245px;}
            .hero .hero-content{ padding-left: 2rem;}
            .hero .hero-content h1{font-size: 35px; padding-bottom: 20px; margin-bottom: 40px;}
            .hero .hero-content .lead{ font-size: 45px; line-height: 45px;}
            .about .about-left img{width: 100%;}
            .features-section .feature-item .icon img{max-width: 40px;}
            .features-section .feature-item p{margin-bottom: 0;}
            .footer-logo{text-align: left !important;}
            .booking .image{padding-top: 70%;}
            .booking .content{min-height: auto;}
            .inner-hero .hero-content h1{font-size: 35px; padding-bottom: 20px; margin-bottom: 40px;}
            .inner-hero .hero-content .lead{ font-size: 45px; line-height: 45px;}
            .ritual-detail .image-box{height: auto;}
        }

        @media(max-width: 767px){
            .hero .hero-caption{flex-wrap: wrap;}
            .hero .logo img{max-width: 195px; margin-bottom: 2rem;}
            .hero .hero-content{padding: 0 15px; width: 100%; text-align: center;}
            .hero .hero-content h1:after{left: 0; right: 0; margin: auto;}
            .inner-hero{min-height: auto;}
            .inner-hero .hero-content {padding: 0 15px; width: 100%; text-align: center;}
            .inner-hero .hero-caption{padding: 50px 0;}
            .ritual-section .nav .nav-item {width: 46%; }
            .ritual-section .nav .nav-item .nav-link { padding: .5rem 0.8rem; font-size: 10px;}
            .booking .content{ padding: 50px 0px;}
        }

        @media(max-width: 575px){
            header .top-part .navbar-brand{font-size: 38px;}
        }
        
        .contact-form{padding: 72px 0;}
        .contact-title { color: #1f4ea3;  font-weight: 700;  font-size: 32px; font-family: "Literata", serif;}
        .contact-box { display: flex; flex-wrap: wrap;  align-items: flex-start;  margin-bottom: 25px;}
        .contact-box p{font-size: 14px;}
        .contact-box .contact-info {width: calc(100% - 65px);}
        .icon-circle { width: 50px;   height: 50px;  border: 2px solid #d4a84f;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  margin-right: 10px;  color: #d4a84f;  font-size: 20px;  background: #fff;}
        .contact-box h5 {  font-weight: 600;  margin-bottom: 5px; font-size: 18px;}
        .form-card {  background: #fff;  border-radius: 15px;  padding: 30px;  box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
        .form-card h4 {  font-weight: 600;  margin-bottom: 20px; font-family: "Literata", serif;}
        .form-control {  background: #eee;  border: none;  border-radius: 6px;  height: 45px;}
        textarea.form-control {  height: 120px;  resize: none;}
        .btn-submit {  color: #fff;  border-radius: 25px;  padding: 8px 20px;  border: none;}
        .map-container {  margin-top: 40px;  border: 3px solid #1f4ea3;  border-radius: 15px;  overflow: hidden;}
        .contact-form iframe {  width: 100%;  height: 350px;  border: 0;}
        .contact-form label {font-size: 14px;}
        .contact-form .map-iframe{border: 3px solid #073D9F; margin-top: 4rem; border-radius: 10px; overflow: hidden;}


        /* VOUCHER PAGE CSS*/
        .voucher-main {padding: 72px 0;}
        .voucher-main .form-card {  background: #fff;  border-radius: 12px;  padding: 20px; border: 1px solid #073D9F;}
        .voucher-main .form-card label{color: #073D9F;}
        .voucher-main .preview {  background: #f7f3e9 url(../images/voucher-main-bg.jpg) no-repeat;  border-radius: 12px;  border: 1px solid #073D9F; padding: 20px;  height: 100%;}
        .voucher-main .title {  text-align: center;  font-size: 62px;  font-family: cursive;  color: #caa24c;  margin-bottom: 20px; font-family: "Mrs Saint Delafield", cursive;}
        .voucher-main .invitation {  background: url(https://unmomentserein.com/wp-content/uploads/2026/04/invitation-bg.png) no-repeat; background-size: cover; height:458.5px;  padding: 50px 30px; text-align: center; }
        .voucher-main .invitation h2 {  color: #073D9F; font-family: "Mrs Saint Delafield", cursive; font-size: 52px;}
        .voucher-main .blue-card {  background: url(https://unmomentserein.com/wp-content/uploads/2026/05/blue-art.jpg) no-repeat; background-size: cover; background-position: center; height:458.5px; color: white;  padding: 20px;}
        .voucher-main .label-box {  background: white;  color: #073D9F;  display: inline-block;  padding: 6px 12px;  border-radius: 6px;  font-weight: 500;  margin-bottom: 15px; border: 2px solid #E4BD71;}
        .voucher-main .line { border-bottom: 1px solid #fff;   display: inline-block;  min-width: 180px;  margin: 0 5px; }
        .voucher-main .form-card .form-control{font-size: 14px; background: #fff;  border: none;  border-radius: 6px;  height: 45px;  border: 1px solid #ccc;}
        .voucher-main .form-card textarea{height: 100px;}
        .voucher-main .form-card .total-value{color: #073D9F;}
        .voucher-main .bottom-part{color: #caa24c; font-size: 12px;}
        .voucher-main .front-page{background: url(https://unmomentserein.com/wp-content/uploads/2026/05/front-page.jpg) no-repeat; background-size: cover; background-position: bottom right; min-height: 850px; display: flex;}
        .voucher-main .front-page .inner-border{width: 100%; border: 2rem solid rgba(255, 255, 255, 0.3);}
        .voucher-main .front-page .inner-border img{ max-width: 270px; transform: scaleY(-1);}
        .voucher-main .bottom-part .inner{display: flex; flex-wrap: wrap;}
        .voucher-main .bottom-part .inner p{width: 100%;}
        .voucher-main .bottom-part .inner p.w-100{width: 100%;}
        .voucher-main .bottom-part p {font-size: 10px;}
  
  
  
        /* CSS BY TARAN */
       
      .evcj-pricing-detail div .text-box {
          background: #EFE3BE;
          padding: 20px;
          border-left: 4px solid #c9a96e;
          border-radius: 0px;
      }
      .ritual-card .rv .price {  font-size: 14px;  color: #000;  font-weight: 400; }
      
      .cart-sidebar { position: fixed; top: 0;right: -400px;width: 400px;height: 100%;background: #fff;z-index: 9999;transition: 0.3s ease;box-shadow: -2px 0 10px rgba(0,0,0,0.2);}
      
      .cart-sidebar.active {right: 0;}

      .cart-header {display: flex;justify-content: space-between;padding: 15px;border-bottom: 1px solid #ddd;}

      .cart-body {padding: 20px;}

      #cartOverlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;z-index: 9998;}

      #cartOverlay.active {display: block;}

      .text-box {
          background: #EFE3BE;
          padding: 20px;
          border-left: 4px solid #c9a96e;
          border-radius: 0px;
      }


      @media (max-width: 767px) {
  .contact-title {
    font-size: 26px;
  }

  .voucher-main .bottom-part .inner{display: flex; flex-wrap: wrap;}
  .voucher-main .bottom-part .inner p{width: 50%;}
  .voucher-main .bottom-part .inner p.w-100{width: 100%;}
  .separator {display: none;}

}

@media(max-width: 575px){
  .voucher-main .bottom-part p {font-size: 7px;}
  .separator {display: none;}
}