:root {
   --primary: #FF9933;
   --accent: #fff3e0;
   --dark: #0f2a1e;
   --light: #f8f9fa;
   --gray: #e9ecef;
 }

 * {
   font-family: "Amarna", sans-serif;
 }

 html {
   scroll-behavior: smooth;
 }

 .title-heading
  {
            font-size: 44px;
            font-weight: 800;
            margin-bottom: 22px;
        }




 /* navbar css  */
 .navbar {
   position: sticky;
   top: 0;
   z-index: 9999;
   transition: all 0.3s ease;
 }

 .navbar.scrolled {
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   padding-top: 5px !important;
   padding-bottom: 5px !important;
 }



 /* Hover dropdown show */
 .nav-item.dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0;
 }

 /* Smooth fade animation */
 .fade-menu {
   animation: fadeIn 0.25s ease-in-out;
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
     transform: translateY(10px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 /* Menu spacing */
 .nav-link {
   padding: 10px 18px !important;
   color: #000 !important;
 }

 /* Active hover effect */
 .nav-link:hover {
   /* color: #00bcd4 !important; */
   color: var(--primary) !important;
 }

 /* Dropdown menu styling */
 .dropdown-menu {
   border-radius: 8px;
   padding: 10px 0;
 }

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

 /* heading section for all  */
 .section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   /* margin-bottom: 40px; */
   flex-wrap: wrap;
   text-align: left;
 }

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

 /* Footer CSS */


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


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

 /* Hero-slider Css   */
 .slider-img {
   height: 70vh;
   object-fit: cover;
 }

 .carousel-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.25);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   z-index: 5;
   /* pointer-events: none; IMPORTANT FIX */
 }

 .carousel-overlay h1 {
   color: #fff;
   font-size: 52px;
   font-weight: bold;
 }

 .breadcrumb-text {
   color: #fff;
   font-size: 18px;
 }

 .breadcrumb-text a {
   color: #fff;
 }

 .carousel-control-prev,
 .carousel-control-next {
   z-index: 20 !important;
 }

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

 /* button css */
 .main-btn {
   padding: 13px 20px;
   background: #2a7c6f;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   letter-spacing: 1px;
   transition: all 0.4s ease;
   text-decoration: none;
   color: #fff;
   text-decoration: none;
   /* font-size: 13px; */
 }


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

 /* marque top bar  */
 .nav-top-section {
   background: #fff;
   /* padding:25px 0; */
   overflow: hidden;
 }

 .nav-top {
   position: relative;
   border-top: 1px solid #d8d8d8;
   border-bottom: 1px solid #d8d8d8;
   padding: 2px 0;
 }
 .nav-top i{
  color: #2a7c6f;
 }
 

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

 /* back to top css  */
 .back-to-top {
   position: fixed;
   bottom: 25px;
   right: 25px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: #fff;
   color: #000;
   border: none;
   font-size: 22px;
   cursor: pointer;
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 999;
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease;
 }

 .back-to-top:hover {
   background: #12766b;
   transform: translateY(-4px);
 }



 .pooja-packages {
   background: linear-gradient(180deg, #fff7e6, #fff);
 }

 .section-title {
   font-weight: 700;
   color: #c45a00;
 }

 .section-sub {
   color: #666;
   font-style: italic;
 }

 /* Card */
 .pooja-card {
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 2px 4px 2px rgb(251 140 0 / 61%);
   transition: 0.4s;
 }

 .pooja-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 2px 4px 2px rgb(246 126 0 / 83%);
   cursor: pointer;
 }

 .pooja-card img {
   width: 100%;
   height: 300px;
   object-fit: cover;
 }

 .pooja-content {
   padding: 21px;
 }

 .pooja-content h4 {
   color: #c45a00;
   font-weight: 600;
 }

 .pooja-content p {
   font-size: 14px;
   color: #555;
 }

 .pooja-content ul {
   padding-left: 0;
   list-style: none;
   margin: 15px 0;
 }

 .pooja-content ul li {
   font-size: 14px;
   color: #444;
   margin-bottom: 6px;
 }

 .pooja-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .price {
   font-size: 18px;
   font-weight: bold;
   color: #e65100;
 }

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

 /* Puja services cards css */
 /* CARD WRAPPER */
 .card {
   height: 100%;
   display: flex;
   flex-direction: column;
   background-color: #fff;
   border-radius: 12px;
   overflow: hidden;
   transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
   /* box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); */
   box-shadow: 0px 0px 5px 2px rgb(255 203 99 / 82%) !important;
 }

 .card:hover {
   box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
   transform: scale(1.05);
 }

 /* IMAGE */
 .card__img,
 .card__img--hover {
   height: 200px;
   width: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   flex-shrink: 0;
 }

 .card__img {
   visibility: hidden;
 }

 .card__img--hover {
   position: absolute;
   top: 0;
   left: 0;
   transition: 0.3s ease;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
 }

 .card:hover .card__img--hover {
   height: 100%;
   opacity: 0.3;
 }

 /* CONTENT */
 .card__info {
   flex: 1;
   padding: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   z-index: 2;
   background: #fff;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
 }

 .card__title {
   font-size: 15px;
   line-height: 1.4;
   margin: 0;

   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 /* MOBILE FIX */
 @media (max-width: 767px) {
   .card:hover {
     transform: none;
   }
 }

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