body{
background-image: url('https://23a2b6.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/img/body.jpg');
}


.container{
	
	background: linear-gradient(to top, #ffff00 0%, #ffee99cc 0%);
 border-image-source: url('https://5b6a3d.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/css/border.png');
	
    
}

.container_0 {
	
	background: transparent linear-gradient(180deg, #FFB01C 0%, #e71a1aba 100%) 0% 0% no-repeat padding-box;
               
	border-radius: 20px
            }
.container_1 {
	
	background: transparent linear-gradient(180deg, #FFB01C 0%, #e71a1aba 100%) 0% 0% no-repeat padding-box;
               
	border-radius: 20px
            }
.container_2 {
	
	background: transparent linear-gradient(180deg, #FFB01C 0%, #e71a1aba 100%) 0% 0% no-repeat padding-box;
               
	border-radius: 20px
            }


@media screen and (max-width: 1200px) {.container
  {
   
    width: 100%;
  }
}
.my_menu{
    margin: 0px;
    padding-right: 0px;
    border-image-source: url('https://5b6a3d.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/css/border.png');
}
.my_menu .navbar-default{
    background-color:brown;
    border: 5px solid yellow;
    margin-top: 25px;
}

.my_menu .navbar-default ul li a{
    color:yellow;
    font-size:13px;
    font-weight:bold;
}
.my_menu .navbar-default ul li a:hover{
    color:white;
    background: none;
}

@media screen and (max-width: 600px) {
  #mymenu ul li a {
    float: none;
    width: 100%;
    color:yellow;
    
    
  }
}


@media screen and (max-width: 600px) {
  #mymenu ul li a:hover {
    float: none;
    width: 100%;
    color:white;
    background-color: brown;
    
  }
}
.drop_menu{
    background-color: brown;
}

.my_menu .navbar-default .drop_menu li a{
    color:yellow;
}

@media screen and (max-width: 600px) {.drop_menu li a
  {
    float: none;
    width: 100%;
    color:yellow;
    background-color: brown;
    
  }
}



.my_menu .navbar-default .drop_menu li a:hover{
    color:white;
}

@media screen and (max-width: 600px) {.drop_menu li a:hover
  {
    float: none;
    width: 100%;
    color:white;
    background-color: brown;
    
  }
}


.top_bar{
    background-color: brown;
    border: 5px solid yellow;
    padding-left: 40px;
    padding-top:10px;
    
}

.top_bar a{
    margin-left: 15px;
    
}
.contact{
    color:yellow;
    font-size: 20px;
}


p{
    font-size: 15px;
    text-align: justify;
}

.footer{
    background-color: brown;
    color:white;
    margin-top:10px;
    border: 5px solid yellow;
}

.footer ul{
    list-style: none;
    padding: 0px;
    margin:0px;
    margin-top:10px;
    padding: 10px;
}
.footer ul li a {
    color: white;
}

.hovereffect {
width:100%;
height:100%;

overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.line1{
    border: 2px solid white;
}

@media screen and (max-width: 800px) {.aarti, .shayari, .khatu_dham, .audio, .saijagat
  {
    display: block;
margin-left: auto;
margin-right: auto;
  }
}
.hovereffect1{
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.hovereffect1 img{
display:block;
position:relative;
-webkit-transition: all 0.4s cubic-bezier(0.88,-0.99,0,1.81);
transition:all 0.4s cubic-bezier(0.88,-0.99,0,1.81);
}
.hovereffect1:hover img{
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale:(1.2);
}
.hovereffect:hover{
opacity: 1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform: translatey(0);
transform:translatey(0);
}

.saijagat{
background-color: #fad27b;
border: 5px solid #dc3002;
    
    
}

.banner {
    width: 100%;
    height: 300px; /* Adjust height as needed */
    background: url('https://061a3a.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/css/images/banner.jpg') no-repeat center center/cover;
    position: relative;
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.overlay-text h1 {
    font-size: 3rem;
    margin: 0;
}

.overlay-text p {
    font-size: 1.2rem;
}

/* Section Paragraph */
sectionp {
    font-size: 1.2em;
    line-height: 1.6;
	 background-color: brown;
	background-image: url('https://23a2b6.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/img/body.jpg');
    color: #666; /* Medium gray text */
}

.darshan1 {
            background: transparent linear-gradient(180deg, #FFB01C 0%, #A80404 100%) 0% 0% no-repeat padding-box;
    background-image: url('https://23a2b6.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/img/body.jpg');                 
	padding: 2px;
        }

<style>
	img {
  border-radius: 15px;
}
		</style>
	
	<style>
divnew {
  background-color: #FFF4A3;
}
</style>
		<style>
	 {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f9;
}

.text-box {
    max-width: 500px;
    padding: 20px; 
    background-color: #ffffff;
    border: 2px solid #007BFF;
    border-radius: 10px;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
	transform: translateX(-100vw); /* Start off-screen */
    animation: slide-in 2s ease-out forwards; /* Apply the animation */
}

.text-box h2 {
    margin: 0 0 10px;
    color: #007BFF;
}

.text-box p {
    margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
}


/* Animation keyframes */
@keyframes slide-in {
    0% {
        transform: translateX(-100vw); /* Start off-screen */
    }
    100% {
        transform: translateX(0); /* End at the center */
    }
}
			.text-box1 {
    
    max-width: 500px;
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #007BFF;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transform: translateX(100vw); /* Start off-screen to the right */
    animation: slide-right-to-left 2s ease-out forwards; /* Apply the animation */
}

.text-box1 h2 {
    margin: 0 0 10px;
    color: #007BFF;
}

.text-box1 p {
    margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
}

/* Animation keyframes */
@keyframes slide-right-to-left {
    0% {
        transform: translateX(100vw); /* Start off-screen to the right */
    }
    100% {
        transform: translateX(0); /* End at the center */
    }
	}
			
 {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f9;
}

.text-box0 {
    max-width: 400px;
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #007BFF;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.text-box0 h2 {
    margin: 0 0 10px;
    color: #007BFF;
}

.text-box p {
    margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
}
			
			
			
		</style>
<style>
	
	#pageupBtn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            font-size: 18px;
            border: none;
            outline: none;
            background-color: blue;
            color: white;
            cursor: pointer;
            padding: 15px;
            border-radius: 4px;
        }

            #pageupBtn:hover {
                background-color: #555;
            }
	
	</style>


.cloud {
    background: url(https://3c1cb0.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/images/smoke.png);
    height: 100%;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    animation: slideleft 50s linear infinite;
}

@keyframes slideleft{
    0%{left: 0;}
    100%{left: 100%;}
}

body {
    overflow-x: hidden;
}

.papermid_bg 
{
 background-image: url(https://c055cc.claudeassets.com/20260427195532im_/https://www.babakhatushyam.com/images/paper_mid.png);
 background-repeat: repeat-y;
 width: 965px;
 max-width: 100%; 
 height: auto;
 display:block;
 background-size:100% auto;
}

/*
     FILE ARCHIVED ON 07:44:03 Jun 15, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:00:19 Oct 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.351
  exclusion.robots: 0.036
  exclusion.robots.policy: 0.029
  esindex: 0.007
  cdx.remote: 17.917
  LoadShardBlock: 138.291 (3)
  PetaboxLoader3.resolve: 110.846 (4)
  PetaboxLoader3.datanode: 83.673 (4)
  load_resource: 57.409
*/