body{
background:#f8f5ed;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}





.navbar{
    position:fixed;
    top:40px;   
    width:100%;
    z-index:999;
}


.navbar {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 15px 0px;

    height: 80px;
    overflow: visible;

    display: flex;
    justify-content: space-between;
    align-items: center;

    background: rgba(255, 255, 255, 0.1);  
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    z-index: 1000;
}


:root {
    --nav-gap: 40px;   
}

.nav-links {
    display: flex;
    align-items: center;
    list-style: none;
color:#bc0000;
    gap: var(--nav-gap);
    margin-left: auto;
    margin-right: 30px;
}


.nav-links a {
    text-decoration: none;
    color: #bc0000;
    font-weight: bold;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;   
    position: relative;
    padding-bottom: 6px;
}


.nav-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 0%;
    height: 2px;

    border-bottom: 2px dotted #610202; 
    transition: 0.3s ease;
}

.nav-links a:hover::after {
    width: 100%;
}

.nav-links a:hover {
    color: #bc0000;
}


.banner {
    height: 100vh;
 
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.banner h1 {
    font-size: 45px;
    background: rgba(0,0,0,0.5);
    padding: 12px 25px;
    border-radius: 10px;
}

@media(max-width:768px){
    .dot-square {
        display: block;
    }
}

.dot-square span {
    width: 6px;
    height: 6px;
    background: rgb(97, 4, 4);
    border-radius: 50%;
    position: absolute;
}
.dot-square {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;

    right: 20px;   
    top: 25px;    

    cursor: pointer;
    z-index: 2000;
}

.dot-square span:nth-child(1) { top: 0; left: 0; }
.dot-square span:nth-child(2) { top: 0; right: 0; }
.dot-square span:nth-child(3) { bottom: 0; left: 0; }
.dot-square span:nth-child(4) { bottom: 0; right: 0; }
.dot-square span:nth-child(5) { top: 0; left: 50%; transform: translateX(-50%); }
.dot-square span:nth-child(6) { bottom: 0; left: 50%; transform: translateX(-50%); }
.dot-square span:nth-child(7) { left: 0; top: 50%; transform: translateY(-50%); }
.dot-square span:nth-child(8) { right: 0; top: 50%; transform: translateY(-50%); }

@media(max-width:768px){

    .dot-square {
        display: block;
    }

    .nav-links {
        position: absolute;
        top: 70px;
        right: 0;
        width: 100%;

        background: #ffbd3f;
        flex-direction: column;
        text-align: center;

        display: none;
        gap: 10px;
        padding: 20px 0;
    }

    .nav-links.active {
        display: flex;
    }
}


.logo img {
  
   height: 97px;
    width: 65px;
	padding-top:39px;
}
.logo {
    position: absolute;
    top: -35px;   
    left: 40px;
    z-index: 2000;
}

.navbar {
   
    z-index: 1000;
}
.banner-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 100px 60px;
    height: 100vh;
}


.banner-left {
    max-width: 50%;
}


.upasak-btn {
    padding: 6px 16px;
    background: white;
    border-radius: 20px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    color: #8b4500;
    margin-bottom: 15px;
}
.pandit-name {
    font-size: 40px;
    color: #fc0f2f;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}


.pandit-desc {
    font-size: 15px;
    color: #fffbfb;
    margin-bottom: 20px;
}


.contact-box {
    background: white;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 20px;

    animation: pulse 2s infinite;
}


@keyframes pulse {
    0% {transform: scale(1);}
    50% {transform: scale(1.05);}
    100% {transform: scale(1);}
}


.book-btn-banner {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 30px;
    text-decoration: none;

  
}

.book-btn-banner::after {
    content: "Book Now";
    display: inline-block;
       background: linear-gradient(45deg, #f84949, #ff0033);
    color: white;
    padding: 10px 25px;
    border-radius: 30px;
}


.banner-right {
    width: 45%;   
    display: flex;
    justify-content: center;
    margin-top: 40px;   
}

.banner-right video {
    width: 300px;
    height: 450px;   
    object-fit: cover;
    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}


@media(max-width: 768px){
    .banner-new {
        flex-direction: column;
        text-align: center;
        height: auto;
    }

    .banner-left {
        max-width: 100%;
    }

    .banner-right {
        margin-top: 20px;
    }
}

.about-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 60px;
    gap: 40px;
	    background: linear-gradient(88deg, #fff1cbdb, #ffffff);
    flex-wrap: wrap;
}


.about-images {
    position: relative;
    width: 380px;   
    height: 380px;
    flex-shrink: 0;
}

.about-images img {
    position: absolute;
    border-radius: 15px;
    object-fit: cover;
    transition: 0.4s ease;
}




.img-main {
    width: 240px;
    height: 280px;
    left: 70px;
    top: 50px;
    z-index: 2;
}


.img-top {
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    z-index: 3;
}


.img-bottom {
    width: 140px;
    height: 140px;
    bottom: 0;
    right: 0;
    z-index: 3;
}

.img-bg {
    width: 200px;
    height: 200px;
    bottom: 20px;
    left: 10px;
    opacity: 0.25;
    z-index: 1;
}


.about-images img:hover {
    transform: scale(1.05);
}

.about-content {
    max-width: 520px;

}

.about-content p{

font-family:Bahnschrift;;
}


.about-heading {
    font-family: Bodoni MT;
    font-size: 32px;
	font-weight:bold;
    color: #dc200b;
    margin-bottom: 20px;
}


@media(max-width: 768px) {

    .about-section {
        flex-direction: column;
        text-align: center;
        padding: 50px 20px;
    }

    .about-images {
        width: 300px;
        height: 300px;
        margin: auto;
    }

    .img-main {
        width: 200px;
        height: 220px;
        left: 50px;
    }

    .img-top {
        width: 90px;
        height: 90px;
    }

    .img-bottom {
        width: 110px;
        height: 110px;
    }

    .img-bg {
        width: 150px;
        height: 150px;
    }
}
.about-btn {
    display: inline-block;
    padding: 12px 28px;

    background: linear-gradient(
        169deg,
        rgb(232, 42, 8) 20%,
        rgb(202, 4, 63) 32%
    );

    color: #fffefd;
    font-weight: bold;
    font-family: 'Times New Roman', serif;

    border-radius: 30px;
    text-decoration: none;

    transition: 0.6s ease;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

.about-btn:hover {
    background: linear-gradient(
        169deg,
        rgb(214, 6, 72) 0%,
        rgb(209, 9, 9) 15%
    );

    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.3);
}
.about-content {
    max-width: 520px;
    position: relative;
    padding: 30px 25px;

    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-image: linear-gradient(
        to bottom,
        #f7d28c,
        #9d074d,
        #ffefb0,
        #caa24a
    ) 1;

    border-radius: 10px;
}



.read-btn{
    padding: 10px 22px;
    border: none;
    border-radius: 30px;
    cursor: pointer;

    color: white;
    font-weight: bold;

    background: linear-gradient(
        169deg,
        rgb(198, 31, 1) 20%,
        rgb(168, 1, 51) 32%
    );

    transition: 0.4s ease;
}

.read-btn:hover{
    transform: scale(1.05);

    background: linear-gradient(
        169deg,
        rgb(214, 6, 72) 0%,
        rgb(209, 9, 9) 15%
    );
}


@keyframes glowing{
    0%{
        background-position: 0 0;
    }

    100%{
        background-position: 400% 0;
    }
}


@media(max-width:992px){

    .anushthan-container{
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:600px){

    .anushthan-section{
        padding: 70px 20px;
    }

    .anushthan-container{
        grid-template-columns: 1fr;
    }

    .anushthan-title{
        font-size: 30px;
    }
}

.why-section {
    padding: 26px 50px;
   background:linear-gradient(88deg, #fff1cbdb, #ffffff);
    text-align: center;
}


.why-title {
    font-size: 36px;
    font-family:  'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
	text-align:center;
    color: #8b0000;
	margin-top:-
	;
    margin-bottom: 50px;
}


.why-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.why-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    cursor: pointer;
}


.why-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 0.4s ease;
}


.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    padding: 20px;
    text-align: center;

    background: rgba(255, 255, 255, 0.15); 
    backdrop-filter: blur(8px);           
    -webkit-backdrop-filter: blur(8px);

    color: #f2f2f2; /* temple vibe text */

    transform: translateY(100%);
    transition: 0.4s ease;
}


.why-card:hover img {
    transform: scale(1.05);
    filter: brightness(0.8); 
}

.why-card:hover .overlay {
    transform: translateY(0%);
}


.overlay h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color:rgb(51, 22, 22);
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
}

.overlay p {
    font-size: 14px;
    color:white;
}


@media(max-width: 992px){
    .why-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 600px){
    .why-container {
        grid-template-columns: 1fr;
    }
}


.why-section {
    position: relative;
    padding: 25px 50px;
	   padding-bottom:65px;

    text-align: center;
    overflow: hidden;
}


.why-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    object-fit: cover;
    z-index: -1;
}


.why-title,
.why-container {
    position: relative;
    z-index: 2;
}

.testimonial-section {
    padding: 100px 50px;
    text-align: center;
    background: linear-gradient(135deg, #ebdfcd, #fff8ee);
}


.testimonial-title {
    font-size: 36px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
	text-align:center;
    color: #8b0000;
    margin-bottom:-25px;
	margin-top:38px;
}


 

.testimonial-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


.testimonial-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 25px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.1);

    transition: 0.4s ease;
}


.testimonial-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 10px 30px rgba(216, 163, 116, 0.4);
}


.review {
    font-size: 15px;
    color: #444;
    margin-bottom: 15px;
    line-height: 1.6;
	text-align:justify;
    font-family: 'Poppins', sans-serif;
}

.stars {
    font-size: 18px;
    margin-bottom: 10px;
}


.testimonial-card h4 {
    margin: 5px 0;
    font-size: 16px;
    color: #8b0000;
    font-family: 'Playfair Display', serif;
}


.testimonial-card span {
    font-size: 13px;
    color: #777;
}


@media(max-width: 992px){
    .testimonial-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 600px){
    .testimonial-container {
        grid-template-columns: 1fr;
    }
}




.form-group input,
.form-group select {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
font-weight:bold;
    border: none;
    outline: none;

    border-radius: 25px;

    background: rgba(255,255,255,0.15);
    color:#691111;
}






.form-group input,
.form-group select {
    width: 100%;
    padding: 12px 15px;

    border-radius: 30px;
    border: 1px solid rgba(160, 125, 11, 0.3);

   
    background: rgb(180 142 81 / 10%);
    
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #462a14;
    font-size: 14px;
    outline: none;
    transition: 0.3s;
}
form select {
    width: 100%;
    padding: 10px;
    border-radius: 8px;

    background: rgba(255, 255, 255, 0.1); /* glass effect */
    color: white; /* selected text color */

    border: 1px solid rgba(255, 255, 255, 0.3);
    outline: none;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
form select option {
    background: #f4dca4;
   
    backdrop-filter: blur(3px);
   
    color: rgb(52, 39, 39);       
}
form select:focus {
    border: 1px solid #ffd700;
}
form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

   
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px;
}
form input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgb(150, 78, 78);
    padding: 10px;
    outline: none;
    backdrop-filter: blur(5px);
}
form select:focus,
form input:focus {
    border: 1px solid #ffd700; 
}




.contact-form-section{
    position:relative;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}


.bg-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
}


.contact-form-section::before{
    content:"";
    position:absolute;
    inset:0;
    
    z-index:1;
}


.form-container{
    position:relative;
    z-index:2;

    width: 500px;
    max-width: 90%;
    padding: 40px 45px;  


    border-radius:20px;

 
    background:rgb(255 241 241 / 84%);;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(6px);

    border:1px solid rgb(255 206 9);;

    box-shadow:0 10px 30px orange;

    text-align:center;
}


.form-container h2{
    color:#b05c00;
    margin-bottom:10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.form-container p{
    color:#a82f00;
    font-size:14px;
    margin-bottom:20px;
    font-family: Bahnschrift;
}


.form-container input,
.form-container textarea{
    width:100%;
    padding:12px;
    margin-bottom:12px;
font-weight:bold;
    border:none;
    outline:none;
    border-radius:25px;

    background:rgba(133, 131, 131, 0.2);
    color:#691111;

    font-size:14px;
}


.form-container input::placeholder,
.form-container textarea::placeholder{
    color:#691111;
}

.form-container button{
    width:100%;
    padding:12px;

    border:none;
    border-radius:25px;

    background:linear-gradient(45deg, #8c0000, #e85600);
    color:#ffe400;

    font-weight:bold;
    cursor:pointer;

    transition:0.3s;
}

.form-container button:hover{
    transform:scale(1.05);
}

@media(max-width:768px){
    .form-container{
        width:90%;
        padding:25px;
    }
}



.footer {
    position: relative;
    overflow: hidden;

    background:linear-gradient(88deg, #fff1cbdb, #ffffff);

    padding: 70px 60px 20px;
    color:#6a0000;
}

.footer::before {
    content: "";
    position: absolute;
    inset: 0;

    background-size:400%;

    animation: borderMove 10s linear infinite;

    z-index: 0;
    opacity: 0.25; 

}
.footer::after {
    content: "";
    position: absolute;
    inset: 0;

    background: radial-gradient(circle at center, rgba(255,140,0,0.3), transparent 70%);
    z-index: 0;
}


.footer-container,
.footer-divider,
.footer-bottom {
    position: relative;
    z-index: 1;
}


.footer-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}


.footer-logo-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-logo-title img {
    width: 50px;
}

.footer-logo-title h3 {
    font-size: 22px;
    font-family: Aparajita;
    font-weight: bold;
}

.footer-col a{
	
	color:#020101;
	text-decoration:none;
}


.footer-col p {
    font-size: 14px;
    margin: 15px 0;
    line-height: 1.6;
    font-family: Bahnschrift;

}
.footer-col h3{

    font-family: Garamond;
}


.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
    cursor: pointer;
    transition: 0.3s;
    font-family: Bahnschrift;
}

.footer-col ul li:hover {
    transform: translateX(5px);
    color: #7a4a00;
}

.footer-col i {
    margin-right: 10px;
}

.footer-social i {
    font-size: 18px;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.footer-social i:hover {
    transform: scale(1.2);
}


.subscribe-input {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    margin-top: 10px;

    background: rgba(212, 205, 205, 0.3);
    color: white;
}



.subscribe-btn {
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border-radius: 8px;
    border: none;

    background: linear-gradient(45deg, #e9653d, #ffc889);
    color: white;
    font-weight: bold;

    cursor: pointer;
}


.footer-divider {
    text-align: center;
    margin: 40px 0;
    position: relative;
}

.footer-divider::before,
.footer-divider::after {
    content: "";
    height: 1px;
    width: 40%;
    background: #583c04;
    position: absolute;
    top: 50%;
}

.footer-divider::before { left: 0; }
.footer-divider::after { right: 0; }

.footer-divider span {
    font-size: 20px;
    color: #4d3603;
}


.footer-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
}

.footer-bottom p {
    color: #4d3603;
    font-family: Bahnschrift;
}

.footer-links a {
    margin-left: 15px;
    text-decoration: none;
    color: #7a4a00;
}


@media(max-width:768px){
    .footer-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
	.booked-container
	{
		display: block !important;
	}
}


@keyframes borderMove {
    0% {background-position: 0%;}
    100% {background-position: 400%;}
}
.whatsapp-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;

    width: 60px;
    height: 60px;
    background: #25D366;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    font-size: 28px;
    color: white;

    z-index: 9999;
    text-decoration: none;

    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: 0.3s;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
    background: #50ce82;
}


.call-now-btn{
    position:fixed;
    left:20px;
    bottom:25px;
font-size: larger;
    background:linear-gradient(123deg,#fff 0%,#08e343 100%);
    color:#131313;

    padding:24px 24px;
    border-radius:100px;

    text-decoration:none;
    font-weight:600;

    display:flex;
    align-items:center;
    gap:10px;

    z-index:9999;
    box-shadow:0 5px 15px rgba(0,0,0,.25);
    transition:.3s;
}

.call-now-btn:hover{
    color:#000;
    transform:translateY(-3px);
}

<!-- anushthan-image -->


.fade-up-image{
    width:400px;
    max-width:90%;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1.2s ease forwards;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(50px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
bar .active{
	list-style:none;
	padding-left:20px;
	color:white;
	font-weight:bold;
	font-size:25px;
}

.navbar .active a{
	text-decoration: none;
    color: #bc0000;
    font-weight: bold;
    font-size: 24px;
}

.footer{
    width:100%;
    background:linear-gradient(182deg, #ffec4b, #eba600);
    color:#fff;
    padding:60px 8% 25px;
}

.footer-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

.footer-col h3{
    color:#da0000;
    margin-bottom:20px;
	font-weight:bold;
    font-size:25px;
}

.footer-col p,
.footer-col li{
    font-size:16px;
    margin-bottom:12px;
    line-height:1.7;
    color:#020101;
}

.footer-col ul{
    list-style:none;
    padding:0;
}

.footer-col ul li a{
    color:#020101;
    text-decoration:none;
    transition:.3s;
}

.footer-col ul li a:hover{
    color:#ffeb00;
    padding-left:8px;
}

.footer-col i{
    color:#ffeb00;
    margin-right:10px;
}

.footer-col img{
    width:180px;
    max-width:100%;
    border-radius:10px;
}

.footer-divider{
    margin:35px 0;
    text-align:center;
    position:relative;
}

.footer-divider::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#555;
}

.footer-divider span{
    background:#111;
    color:#ffeb00;
    padding:0 18px;
    position:relative;
    font-size:30px;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-bottom p{
    color:#ccc;
    font-size:15px;
}

.footer-bottom span{
    color:#ffeb00;
}

.footer-links{
    display:flex;
    gap:20px;
}

.footer-links a{
    text-decoration:none;
    color:#ddd;
    transition:.3s;
}

.footer-links a:hover{
    color:#ffeb00;
}



.call-now-btn,
.whatsapp-btn{
    position:fixed;
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:26px;
    text-decoration:none;
    z-index:999;
    box-shadow:0 5px 20px rgba(0,0,0,.3);
}

.call-now-btn{
    left:20px;
    bottom:20px;
    background:#ff5722;
}

.whatsapp-btn{
    right:20px;
    bottom:20px;
    background:#25D366;
}


@media(max-width:1200px){

.footer-container{
grid-template-columns:repeat(2,1fr);
}

}



@media(max-width:992px){

.footer{
padding:50px 5%;
}

.footer-col h3{
font-size:22px;
}

}





.about-section{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
    padding:80px 8%;
    flex-wrap:wrap;
}

.about-content{
    flex:1;
    min-width:320px;
}

.about-heading{
    font-size:36px;
    margin-bottom:25px;
}

.about-content p{
    font-size:18px;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.about-btn{
    display:inline-block;
    margin-top:15px;
    padding:14px 35px;
    text-decoration:none;
}



.chakra-container{
    flex:1;
    min-width:350px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    margin-right:20px;
}


.spinning-image{
    width:480px;
    height:480px;
    animation:rotateMandala 25s linear infinite;
    transform-origin:center;
}

@keyframes rotateMandala{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


.mata{
    position:absolute;
    width:300px;
    height:300px;
    object-fit:cover;
    border-radius:50%;
    z-index:10;
    box-shadow:0 0 30px rgba(255,193,7,.7);
}


@media(max-width:1200px){

.about-section{
    gap:40px;
}

.spinning-image{
    width:420px;
    height:420px;
}

.mata{
    width:260px;
    height:260px;
}

.about-heading{
    font-size:36px;
}

.about-content p{
    font-size:17px;
}

}


@media(max-width:992px){

.about-section{
    flex-direction:column-reverse;
    text-align:center;
    padding:70px 6%;
}

.about-content{
    width:100%;
}

.about-heading{
    font-size:34px;
}

.about-content p{
    text-align:center;
    font-size:17px;
}

.chakra-container{
    margin-right:0;
    min-width:100%;
}

.spinning-image{
    width:380px;
    height:380px;
}

.mata{
    width:240px;
    height:240px;
}

}


@media(max-width:768px){

.about-section{
    padding:60px 20px;
}

.about-heading{
    font-size:30px;
}

.about-content p{
    font-size:16px;
    line-height:1.8;
}

.spinning-image{
    width:320px;
    height:320px;
}

.mata{
    width:200px;
    height:200px;
}

.about-btn{
    padding:12px 28px;
    font-size:16px;
}

}


@media(max-width:480px){

.about-section{
    padding:50px 15px;
}

.about-heading{
    font-size:26px;
}

.about-content p{
    font-size:15px;
    line-height:1.8;
}

.spinning-image{
    width:260px;
    height:260px;
}

.mata{
    width:165px;
    height:165px;
}

.about-btn{
    width:100%;
    text-align:center;
    padding:14px;
}

}


@media(max-width:480px){

.footer{
padding:40px 20px;
}

.footer-col h3{
font-size:20px;
}

.footer-col p,
.footer-col li{
font-size:14px;
}

.footer-bottom p{
font-size:13px;
}

.footer-links{
gap:12px;
}

.call-now-btn,
.whatsapp-btn{
width:50px;
height:50px;
font-size:20px;
left:15px;
bottom:15px;
}

.whatsapp-btn{
left:auto;
right:15px;
}

}

 
 
 
 

 
 .card {
  position: relative;
  width: 599px;
  height: 325px;
  border-radius: 14px;
  z-index: 1111;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
}

.bg {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 587px;
  height: 315px;
  z-index: 2;
  background: rgba(255, 255, 255, .95);
  backdrop-filter: blur(24px);
  border-radius: 10px;
  overflow: hidden;
  outline: 2px solid white;
}

.blob {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 80%;
  width: 450px;
  height: 200px;
  border-radius: 50%;
  background-color: #ff0000;
  opacity: 1;
  filter: blur(13px);
  animation: blob-bounce 5s infinite ease;
}

@keyframes blob-bounce {
  0% {
    transform: translate(-100%, 100%) translate3d(0, 0, 0);
  }

  25% {
    transform: translate(-100%, -100%) translate3d(100%, 0, 0);
  }

  50% {
    transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
  }

  75% {
    transform: translate(-100%, -100%) translate3d(0, 100%, 0);
  }

  100% {
    transform: translate(-100%, -100%) translate3d(0, 0, 0);
  }
}




/* anushtha */






.anushthan-section{

width:90%;
margin:auto;
padding:80px 0;

}

.anushthan-row{

display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
margin-bottom:45px;

}

.reverse{

flex-direction:row-reverse;

}

.image-box{

flex:1;
overflow:hidden;
border-radius:25px;
position:relative;

}

.image-box img{

width:100%;
display:block;
border-radius:25px;
transition:.7s;

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

}

.image-box:hover img{

transform:scale(1.08) rotate(-2deg);

}

.image-box::before{

content:'';
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:linear-gradient(45deg,
transparent,
rgba(255,196,0,.35),
transparent);

transform:translateX(-100%);
transition:1s;

}

.image-box:hover::before{

transform:translateX(100%);

}

.content-box{

flex:1;
position:relative;
padding:5px;
border-radius:25px;
overflow:hidden;

}

.rotate-border{

position:absolute;
width:220%;
height:220%;

background: conic-gradient(
#ffffff,
#ffd700,
#ff9800,
#ff5722,
#d32f2f,
#8b0000,
#ff9800,
#ffffff
);


left:-60%;
top:-60%;

animation:rotate 6s linear infinite;

}

.content{

position:relative;
background: linear-gradient(50deg, #fffb02, #ffad4e);
padding:40px;
border-radius:22px;
z-index:2;

}

.content h2{

font-size:30px;
color:#ff0000;
font-weight:bold;
margin-bottom:20px;

}

.content p{

font-size:17px;
line-height:1.9;
color:#b81c00;
margin-bottom:25px;

}

.content a{

display:inline-block;
padding:12px 28px;
background:#ff6600;
color:white;
text-decoration:none;
border-radius:40px;
transition:.4s;

}

.content a:hover{

border:2px solid #ff6600;
background:white;
color:black;

}

@keyframes rotate{

100%{

transform:rotate(360deg);

}

}

@media(max-width:991px){

.anushthan-row,
.reverse{

flex-direction:column;

}

.content h2{

font-size:26px;

}

}



.orange-btn{
    display:inline-block;
    padding:14px 35px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    border:2px solid #ff7a00;
    border-radius:50px;
    transition:all 0.4s ease;
    position:relative;
    overflow:hidden;
    z-index:1;
}

.orange-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#fff;
    transition:0.4s;
    z-index:-1;
}

.orange-btn:hover::before{
    left:0;
}

.orange-btn:hover{
    color:#ff7a00;
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(255,122,0,0.35);
}





.model-button{
	display:inline-block;
padding:12px 28px;
background:#ff6600;
color:white;
text-decoration:none;
border-radius:40px;
transition:.4s;
	
}






.modal-title{
	font-weight:bold;
	color:red;
}

.modal-content {
	background:#fffdda;
}

.modal-body{
	color:#970000;
}

/* gallery */

.gold-frame{
    width:380px;
    height:350px;
    margin:auto;
    position:relative;
    overflow:hidden;
    border-radius:25px;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
    transition:.5s;
}

.gold-frame img{
    width:100%;
   
    object-fit:cover;
    display:block;
    border-radius:20px;
    transition:.6s;
}


.gold-frame:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 45px rgba(0,0,0,.35);
}

.gold-frame:hover img{
    transform:scale(1.08);
}


.gold-frame::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,215,0,.45),
        transparent
    );
    transition:1s;
    z-index:2;
}

.gold-frame:hover::before{
    left:140%;
}


.corner{
    position:absolute;
    width:45px;
    height:45px;
    z-index:5;
}


.top-left{
    top:10px;
    left:10px;
    border-top:4px solid #FFD700;
    border-left:4px solid #FFD700;
}


.top-right{
    top:10px;
    right:10px;
    border-top:4px solid #FFD700;
    border-right:4px solid #FFD700;
}


.bottom-left{
    bottom:10px;
    left:10px;
    border-bottom:4px solid #FFD700;
    border-left:4px solid #FFD700;
}


.bottom-right{
    bottom:10px;
    right:10px;
    border-bottom:4px solid #FFD700;
    border-right:4px solid #FFD700;
}


@media(max-width:768px){

.gold-frame{
    width:100%;
    max-width:320px;
    height:286px;
}

.corner{
    width:35px;
    height:35px;
}

}





.experience-section{
width:90%;
max-width:1300px;
margin:30px auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:80px;
flex-wrap:wrap;
}

.experience-image{
position:relative;
width:420px;
height:420px;
display:flex;
justify-content:center;
align-items:center;
}

.circle-border{
position:absolute;
width:100%;
height:100%;
border-radius:50%;
border:4px dashed #bc0000;
animation:rotateBorder 15s linear infinite;
}

.experience-image img{
width:330px;
height:330px;
border-radius:50%;
object-fit:cover;
border:8px solid white;
box-shadow:0 20px 40px rgba(0,0,0,.2);
z-index:2;
}

.experience-badge{
position:absolute;
bottom:20px;
right:10px;
width:140px;
height:140px;
background:#901200;
color:white;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
font-weight:bold;
z-index:3;
box-shadow:0 10px 30px rgba(0,0,0,.3);
}

.experience-badge h2{
font-size:40px;
}

.experience-badge span{
font-size:14px;
text-align:center;
padding:0 10px;
}

.experience-content{
flex:1;
}

.sub-title{
color:#c99600;
font-size:20px;
font-weight:bold;
letter-spacing:2px;
}

.experience-content h2{
font-size:26px;
margin:15px 0;
color:#a10000;
line-height:1.3;
}

.experience-content p{
font-size:17px;
line-height:32px;
color:black;
margin-bottom:30px;
}

.experience-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-bottom:35px;
}

.experience-list div{
background:white;
padding:18px;
border-radius:10px;
font-weight:600;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.4s;
}

.experience-list div:hover{
transform:translateY(-8px);
}

.experience-btn{
display:inline-block;
padding:15px 35px;
background:#a52400;
color:white;
text-decoration:none;
border-radius:50px;
font-weight:bold;
transition:.4s;
}

.experience-btn:hover{
background:orange;
}

@keyframes rotateBorder{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

@media(max-width:900px){

.experience-section{
flex-direction:column;
text-align:center;
}

.experience-list{
grid-template-columns:1fr;
}

.experience-image{
width:320px;
height:320px;
}

.experience-image img{
width:250px;
height:250px;
}

.experience-badge{
width:110px;
height:110px;
}

.experience-content h2{
font-size:32px;
}

}





<!-- form -->





.booked-section{

    padding:100px 8%;
    background:#fffaf2;

}

.booked-container{

    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:50px;
    align-items:center;

}

.map-box{

    height:620px;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.map-box iframe{

    width:100%;
    height:100%;
    border:none;

}

.book-form{

    background:#ffffff;
    padding:45px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);

    border:2px solid #e6c85c;

}

.sub{

    color:#c69200;
    font-weight:600;
    letter-spacing:1px;

}

.book-form h2{

    margin:15px 0 35px;
    font-size:36px;
    color:#222;

}

.input-box{

    margin-bottom:18px;

}

.input-box input,
.input-box select,
.input-box textarea{

    width:100%;
    padding:16px 18px;

    border:1px solid #ddd;
    border-radius:10px;

    font-size:16px;

    outline:none;

    transition:.3s;

}

.input-form input:focus,
.input-form select:focus,
.input-form textarea:focus{

    border-color:#d4a017;
    box-shadow:0 0 10px rgba(212,160,23,.3);

}

.book-form button{

    width:100%;
    padding:16px;

    border:none;

    background:linear-gradient(135deg,#FFD54F,#D4A017);

    color:#fff;

    font-size:18px;
    font-weight:600;

    border-radius:50px;

    cursor:pointer;

    transition:.4s;

}

.book-form button:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(212,160,23,.4);

}


.marque{
	height:40px;
	padding-top:7px;
	background-color:#bc0000;
	color:#ffdc04;
	font-weight:bold;
	font-size:16px;
}




.video-section{
    padding:31px 8%;
    background:linear-gradient(135deg, #dc0000, #640000);
    text-align:center;
}

.video-title{
    font-size:40px;
    color:#ffdc00;
    margin-bottom:36px;
    font-weight:bold;
}

.video-subtitle{
    color:#8b5b00;
    font-size:18px;
    margin-bottom:60px;
}

.video-wrapper{
    display:flex;
    justify-content:center;
    gap:50px;
    flex-wrap:wrap;
}

.video-card{

    width:300px;

    background:white;
    padding:18px;

    border-radius:20px;

    border:3px solid #FFD700;

    box-shadow:0 15px 35px rgba(0,0,0,.15);

    transition:.5s;
}

.video-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(255,193,7,.5);

}

.video-card video{

    width:100%;
    height:450px;

    object-fit:cover;

    border-radius:22px;

}

.video-card h3{

    margin-top:18px;

    color:#a40000;

    font-size:22px;

}

@media(max-width:768px){

.video-wrapper{

flex-direction:column;
align-items:center;

}

.video-card{

width:95%;
max-width:320px;

}

.video-card video{

height:450px;

}

}