@font-face {
font-family: 'Noto Serif Devanagari';
src: url('../fonts/NotoSerifDevanagari.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'Noto Serif Devanagari', serif;
}

ol,
ul {
margin: 0;
padding: 0;
list-style: none
}
html {
  scroll-behavior: smooth;
}
a,
a:focus,
a:hover {
text-decoration: none;
outline: 0
}

button{
border: none!important;
}
.navbar-nav {
align-items: center;
}
.navbar .navbar-nav .nav-link {

padding: 0.5em 1em;
font-family: 'Karma', serif;
font-weight: 500;
font-style: Medium;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
}

.navbar{
position:absolute;
transform: translate(-50%, 0%);
top: 0px;
left: 50%;
width: 100%;
display: flex;
justify-content: center;
}
.navnar-inner{
background: #4E4E4E;
position: relative!important;
border-bottom:1px solid #9F9E9E;
}

.navbar .dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; 
border-radius: 0px;
padding: 10px 0px;
width: 100%;
}
.dropdown-menu li a{
font-family: 'Karma', serif;
font-weight: 400;
font-size: 14px;
color: #6B6B6B;
}
.dropdown-bdr{
border-bottom: 1px solid #BCBCBC;
}
.dropdown-item:active {
background: transparent!important;
}
.nav-effect {
color: #E3BD4F!important;
position: relative;
}

.nav-effect:before {
content: "";
height: 3px;
position: absolute;
background-color: #E3BD4F;
bottom: 0;
left: 0;
width: 100%;
transform: scaleX(0);
top: 43px;
transition: transform 0.3s ease;
}

.nav-effect:hover:before,
.nav-effect.active:before {
  transform: scaleX(1);
}

.navbar::before,
.navbar::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px; 
background-color: #9F9E9E; 
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
  transition: transform 0.3s ease;
}

.navbar-toggler.open .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6l18 18M6 24L24 6'/></svg>");
}
.navbar::before {
top: 38%;   
}

.navbar::after {
bottom: 38%; 
}
.navbar-brand{
margin-right: 0px!important;
}
.relative {
position: relative
}
.navnar-inner::before{
display: none;
}
.navnar-inner::after{
display: none;
}

.nav-menu ul {
position: absolute;
display: none;
top: 100%;
right: 0;
z-index: 99
}

.nav-menu li {
position: relative;
white-space: nowrap
}

.nav-menu>li {
float: left
}

.nav-menu li:hover>ul,
.nav-menu li.sfHover>ul {
display: block
}

.nav-menu ul ul {
top: 0;
right: 100%
}

.nav-menu ul li {
min-width: 180px
}

.nav-menu ul ul {
margin-right: 10px;
margin-top: 0
}

#nav-menu-container {
padding-right: 15px
}

.primary-btn {
background: #E3BD4F;
color: #222222;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-size: 18px;
cursor: pointer;
position: relative;
padding: 9px 40px;
border-radius: 8px;
}
.primary-btn-new{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-size: 18px;
color: #E3BD4F;
border: 2px solid #E3BD4F;
border-radius: 8px;
padding: 9px 10px;
}

.primary-btn:focus {
outline: none
}

.primary-btn span {
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-60%);
right: 30px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}

.section-title {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px
}

.section-title h1 {
margin-bottom: 10px
}

.banner-area {
background: url(../images/home/hero-banner.png) center center/cover;
background-size: cover;
height: 766px;
}

.banner-content {
margin-top: 100px
}

@media (max-width: 1024px) {
.banner-content {
margin-top: 100px
}
}

@media (max-width: 736px) and (min-width: 415px) {
.banner-content {
margin-top: 240px
}
}

.banner-content h6 {
text-transform: uppercase;
font-weight: 300;
letter-spacing: 2px
}

.banner-content h1 {
font-family: 'Noto Serif Devanagari', serif;
font-weight: 800;
font-style: ExtraBold;
font-size: 80px;
line-height: 117%;
letter-spacing: 0%;
margin: 20px 0
}

@media (max-width: 767px) {
.banner-content h1 {
font-size: 40px
}
}

.banner-content p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;

margin-bottom: 30px
}

.banner-content .primary-btn:hover {
background: #222;
color: #fff
}

.home-about-left p {
margin: 20px 0;
max-width: 490px
}
.home-about-left .primary-btn:hover {
box-shadow: 0px 20px 20px 0px rgba(245, 63, 81, 0.2)
}

@media (max-width: 991px) {
.home-about-left {
margin-bottom: 50px
}
}

.menu-area {
background: #f9f9ff
}


.reservation-area {
background: url(../images/home/reservation-bg.png) no-repeat center/cover
}



.reservation-area .reservation-right,
.reservation-area .reservation-left {
position: relative
}

.reservation-area .reservation-right .form-wrap {
background: #fff;
padding: 100px 40px
}

.reservation-area .reservation-right .form-wrap .form-control {
border-radius: 0px;
margin-bottom: 10px;
border-color: #eeeeee;
font-size: 13px;
font-weight: 300;
padding: 0.575rem 0.75rem;
color: #999999
}

.reservation-area .reservation-right .form-wrap .form-control:focus {
box-shadow: none
}

.reservation-area .reservation-right .form-wrap .nice-select {
border: 1px solid #eeeeee
}

.reservation-area .reservation-right .primary-btn {
text-transform: capitalize !important;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.reservation-area .reservation-right .primary-btn:hover {
box-shadow: -14.142px 14.142px 20px 0px rgba(244, 47, 44, 0.2)
}

.reservation-area .reservation-right .nice-select {
padding-left: 12px;
padding-right: 0px
}

.reservation-area .reservation-right .nice-select .list {
border: 1px solid #eee
}

.reservation-area .reservation-right .nice-select .list .option {
padding-left: 12px
}

@media (max-width: 991px) {
.reservation-area .reservation-right {
margin-top: 50px
}
}


.link-nav {
margin-top: 10px;
margin-bottom: 0px
}

.about-banner {
background: url(../img/top-banner.jpg) no-repeat bottom right/cover;
background-size: cover
}

.about-banner .overlay-bg {
background: rgba(4, 9, 30, 0.4)
}

.about-content {
margin-top: 185px;
padding: 90px 0px;
text-align: center
}

.about-content h1 {
font-size: 36px;
font-weight: 600
}

.about-content a {
color: #fff;
font-weight: 300;
font-size: 14px
}


/* akash */
.top-heading-hero h2{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 30px;
line-height: 141%;
letter-spacing: 0%;
color: #FFFFFF;
}

.reservation-left p{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 500;
font-style: Medium;
font-size: 30px;
line-height: 183%;
letter-spacing: 0%;
text-align: center;
color: #6A4E1C;

}
.book-wrapper img{
width: 286px;
height: 433px;
/*box-shadow: 0px 4px 24.8px 6px #00000033;*/

}
.book-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 141%;
letter-spacing: 0%;
color: #6A4E1C;
}

.book-wrapper .cmn-book{
padding-top: 80px;
}
.book-wrapper .botm-text{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
line-height: 141%;
letter-spacing: 0%;
color: #6A4E1C;
}
.rkcc-logo{
height: 190px;
position: relative;
z-index: 99;
top: 18px;

}
.first-txt{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 800;
font-style: ExtraBold;
font-size: 80px;
line-height: 108%;
letter-spacing: 0%;
color: #E3BD4F;

}


.audio-wrapper {
margin-top: 25px;
display: flex;
align-items: center;
justify-content: center;
gap: 0px; /* Set to zero for no space */
}

/* Play Button */
.play-btn {
width: 64px;
height: 64px;
border-radius: 50%;
border: none;
background: #B9B9B9DE;
color: #5C5C5C;
font-size: 24px;
cursor: pointer;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
}
.play-btn.active {
background: #B9B9B9DE;
color: #fff;
}

/* Wave container */
.sound-wave {
display: flex;
align-items: flex-end;
gap: 2px;
height: 50px;
justify-content: center;
align-items: center;
}

/* Wave bars */
.sound-wave-bar {
width: 3px;
border-radius: 3px;
background: linear-gradient(to top, #BC8C02, #e6c556);
animation: soundwave 1s infinite;
animation-fill-mode: both;
animation-play-state: paused;
}

/* Animation */
@keyframes soundwave {
0% { transform: scaleY(1); opacity: 0.6; }
50% { transform: scaleY(3); opacity: 1; }
100% { transform: scaleY(1); opacity: 0.6; }
}

.footer-wrapper li a{
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-style: Medium;
font-size: 15px;
line-height: 40px;
letter-spacing: 0%;
color: #D0D0D0;

}
.footer-wrapper{
background: #1A1A1A;
padding: 50px 0px 20px 0px;

}
.footer-wrapper .footer-lh a{
line-height: 20px!important;
}
.contact-part i{
height: 35px;
color: #D0D0D0;
}
.footer-wrapper .footer-brd{
border-top: 1px solid #FFFFFF70;
}
.footer-wrapper .footer-brd p{
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-style: Medium;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF8F;


}

.swiper-pagination {
position: relative;
margin-top: 35px; /* Adjust space as needed */
text-align: center;
}

/* All dots (inactive) */
.swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: #ccc; /* Light gray for inactive dots */
opacity: 1;
margin: 0 5px;
border-radius: 50%;
transition: background-color 0.3s ease;
}

/* Active dot */
.swiper-pagination-bullet-active {
background-color:  #525252;/* Black for active slide */
}
.book-name{
font-family: 'Karma', serif;
font-weight: 500;
font-style: Medium;
font-size: 26px;
line-height: 141%;
letter-spacing: 0%;
color: #343434;
}
.section-gap {
padding: 80px 0px 40px 0px;
}

.quote-wrapper{
background: url(../images/home/quote-banner.png) no-repeat center/cover;
background-size: cover;
}
.quote-wrapper p{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 500;
font-style: Medium;
font-size: 30px;
line-height: 183%;
letter-spacing: 0%;
text-align: center;
color: #6A4E1C;
}
.text-signature{
position: absolute;
right: 0;
}
.text-signature img{
width: 250px;
}
.gallery-wrapper{
background: url(../images/home/gallery-bg.png) no-repeat center/cover;
background-size: cover;
}
.gallery-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 141%;
letter-spacing: 0%;
color: #6A4E1C;

}
.gallery-img {
width: 100%;
height:335px;
object-fit: cover;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #898989
}

.gallery-img:hover {
transform: scale(1.03);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.email-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-style: SemiBold;
font-size: 40px;
line-height: 183%;
letter-spacing: 0%;
text-align: center;
color: #6A4E1C;
}
.email-wrapper-inner .btn-view{
width: 223px;
height: 52px;
opacity: 1;
border-radius: 8px;
background: #E3BD4F;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-size: 24px;
text-align: center;
color: #343434;
border: none;
}
.email-wrapper-inner .input-group{
border: 1px solid #C5C5C5;
border-radius: 8px;
}
.email-wrapper input::placeholder {
font-family: 'Karma', serif;
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
line-height: 183%;
letter-spacing: 0%;
color: #7B7878;
} 


.timeline-wrapper .box-container {
display: flex;
justify-content: center;
align-items: stretch;
margin: 0;
padding: 0;
height: 100vh;
overflow: hidden;
}

.timeline-wrapper h5{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 35px;
color: #FFFFFF;
}
.timeline-wrapper p{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 30px;
}

.timeline-wrapper .box-1{
background: url(../images/home/timeline-img-1.png) no-repeat center/cover;
background-size: cover;
}
.timeline-wrapper .box-2{
background: url(../images/home/timeline-img-2.png) no-repeat center/cover;
background-size: cover;
}
.timeline-wrapper .box-3{
background: url(../images/home/timeline-img-3.png) no-repeat center/cover;
background-size: cover;
}


.timeline-wrapper .box {
position: relative;
flex: 1.3;
background-size: cover;
background-position: center;
overflow: hidden;
transition: flex 0.7s ease, transform 0.7s ease;
cursor: pointer;
}
.timeline-wrapper .points-list{
line-height: 30px;
}
.timeline-wrapper .points-list i{
color: #E3BD4F;
font-size: 20px;

}
.timeline-wrapper .points-list li{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;

}
.timeline-wrapper .box:hover {
flex: 3.7;
transform: scale(1.01);
}
.timeline-wrapper .box::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height:100%;
width: 100%;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.9) 0%,
rgba(0, 0, 0, 0.5) 50%,
rgba(0, 0, 0, 0) 100%
);
z-index: 0.3;
}

.timeline-wrapper .overlay {
position: absolute;
inset: 0;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px;
opacity: 0;
transition: opacity 0.5s ease;
}

.timeline-wrapper .box:hover .overlay {
opacity: 1;
}

.timeline-wrapper .overlay .left,
.timeline-wrapper .overlay .right {
width: 45%;
}

.timeline-wrapper .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
/* background: rgba(0, 0, 0, 0.6); */
color: #fff;
transition: transform 0.6s ease, opacity 0.6s ease;
height: 250px;
}

/* Slide caption to side on hover */
.timeline-wrapper .box:hover .caption {
transform: translateX(-120%);
opacity: 0;
}

/* Hide caption on small screens */
@media (max-width: 768px) {
.timeline-wrapper .caption {
display: none;
}
}
.contact-wrapper{
padding: 80px 0px 40px 0px!important;
background: url(../images/contact/contact-bg.png) no-repeat center/cover;
background-size: cover;
background: #F6F3EE;
}
.contact-left-part h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
line-height: 141%;
color: #6A4E1C;
}
.contact-left-part .contact-para{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
letter-spacing: 0%;
color: #808080;
padding-right: 20px;
}
.contact-right-part .form-label {
font-family: 'Karma', serif!important;
font-weight: 600 !important;
font-size: 20px !important;
line-height: 1.41 !important;
letter-spacing: 0 !important;
color: #34343499 !important;
}

.icon-container{
border: 1px solid #C8C8C8C9;
background: #F3EFEAF2;
border-radius: 8px;
padding: 10px 25px;
width: 400px;
height: 68px;


}
.icon-container i{
color: #4F4F4F;
font-size: 22px;
}
.contact-icon-box-inner a{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: #808080;
}

.contact-wrapper .contact-form {
max-width:100%;
background: #DFDAD069;
padding: 40px;
border-radius:24px;
border: 1px solid #C8C8C8B2
}
.contact-wrapper .form-control::placeholder {
color: #8c8c8c;
font-size: 14px;
}
.contact-wrapper .btn-custom {
background: #E3BD4F;
border-radius: 8px;
padding: 10px 20px;
color: #222222;
transition: all 0.3s ease;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
}
.contact-wrapper .btn-whts {
border-radius: 8px;
padding: 10px 20px;
color: #222222;
transition: all 0.3s ease;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
}
.contact-wrapper .whatsapp-icon{
height: 32px;
}
.contact-wrapper .whatsapp-container{
background: #E3BD4F;
border-radius: 8px;
padding: 5px 20px;
color: #222222;
transition: all 0.3s ease;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
width: 350px;
}
.about-us-wrapper{
padding: 80px 0px 40px 0px!important;
background: url(../images/about/publication-bg.png) no-repeat center/cover;
background-size: cover;


}
.about-us-wrapper .about-img-1{
width: 462px;
height: 89%;
object-fit: cover;
border: 1px solid #F6F3EE
}
.about-us-wrapper p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
letter-spacing: 0%;
color: #808080;
}
.about-us-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
line-height: 141%;
letter-spacing: 0%;
color: #6A4E1C;
}
.about-us-wrapper .sig-img img{
width: 250px;
}
.biography-wrapper p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
letter-spacing: 0%;
color: #808080;
}
.biography-wrapper img{
height: 431px;
width:100%;
object-fit: cover;
}
.biography-wrapper .bio-left{
padding-right: 20px;
}
.biography-wrapper .bio-right{
padding-left: 20px;
}
.biography-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
color: #6A4E1C;
}
.journey-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
line-height: 141%;
letter-spacing: 0%;
color: #6A4E1C;
}
.journey-wrapper .side-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
padding: .6rem .8rem;
z-index: 10;
}
.journey-wrapper .side-arrow.left { left: -53px; }
.journey-wrapper .side-arrow.right { right: -53px; }
/* Optional: hide on small screens */
@media (max-width: 767.98px) {
.journey-wrapper .side-arrow { display: none; }
}
.journey-wrapper .btn[disabled] { opacity: .45; pointer-events: none; }

.journey-wrapper{
background: url(../images/about/publication-bg.png) no-repeat center/cover;
background-size: cover;

}
.journey-wrapper .journey-container img{
height: 499px;
object-fit: cover;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.journey-wrapper .journey-container{
height: 499px;
background: #FFFFFF;
border-radius: 8px;
}
.journey-wrapper .journey-inner h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 400;
font-style: Regular;
font-size: 45px;
letter-spacing: 0%;
color: #6A4E1C;

}
.journey-wrapper .journey-inner p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
line-height: 30px;
color: #808080;
margin-top: 0px!important;
margin-bottom: 2px!important;
}
.journey-wrapper .journey-inner{
padding: 40px;
}
.journey-wrapper .nav-tabs{
border-bottom: 1px solid #D9D9D9 !important;
/*padding-bottom: 17px;*/
}
.journey-wrapper .btn{
height: 38px;
width: 38px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #C7C7C7;
color: #6A4E1C;
}

.journey-wrapper .nav-tabs .nav-link.active {
border-color: 0px;
background: none;
border: 0px;
}
.journey-wrapper .nav-tabs .nav-link{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 500;
font-size: 24px;
color: #6A4E1C!important;
}

.collection-wrapper .swiper {
width: 299px;
height: 482px;
}
.collection-wrapper .swiper-pagination {
margin-top: 18px;
}
.collection-wrapper .swiper-slide {
border-radius: 10px;
background: #fff;
box-shadow: 0 6px 15px rgba(0,0,0,0.2);
overflow: hidden;
}
.poem-collection-popup{
background: url(../images/home/pop-up-bg.jpg) no-repeat center/cover;
background-size: cover;
background-position: left;
}
.custom-modal-wrapper{
padding: 0px 245px 30px 245px;
}
.custom-modal-wrapper h5{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
color: #6A4E1C;
}
.custom-modal-wrapper .upload-btn {
display: inline-block;
padding: 10px 20px;
background: #F0F0F0;
border: 1px solid #E6E6E6;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
color: #333333;
}
.custom-modal-wrapper .upload-btn i {
margin-right: 8px;
}
.custom-modal-wrapper .form-label {
font-family: 'Karma', serif;
font-weight: 500;
font-style: Medium;
font-size: 16px;
color: #34343499;
}
.custom-modal-wrapper .btn-custom {
background: #E3BD4F;
border-radius: 8px;
padding: 12px 30px;
color: #343434;
transition: all 0.3s ease;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-size: 20px;
}
.poem-collection-popup{
border-radius: 0px;
}

.poem-collection-popup .modal-header {
border-bottom: none;
}
.collection-wrapper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}

.collection-wrapper .collection-left-part h1{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 65px;
color: #6A4E1C;
}

.collection-wrapper .collection-left-part p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 20px;
color: #808080;
line-height: 30px;
}

.anukramanika {
background: url(../images/collection/anukramanika-bg.png) no-repeat center/cover;
background-size: cover;
}

.anukramanika h3 {
font-family: Noto Serif Devanagari;
font-weight: 700;
font-style: Bold;
font-size: 45px;
color:#6A4E1C;
}

.anukramanika h5 {
font-family: 'Karma', serif;
font-weight: 600;
font-size: 26px;
color: #6A4E1C;
text-decoration: underline;
}
.anukramanika .nav-tabs .nav-link.active {
background: none!important;
color: #E2AC0F!important;
border-bottom: 3px solid #E3BD4F !important;
}
.anukramanika .nav-tabs .nav-link {
background: none!important;
font-family: Noto Serif Devanagari!important;
font-weight: 500;
font-size: 22px;
color: #6A4E1C!important;
}

.anukramanika .card-title {
position: relative;
padding-left: 20px;
font-family: 'Karma', serif;
font-weight: 500;
font-style: Medium;
font-size: 20px;
color: #343434;
}
.anukramanika .card-body{
background: #F4EFE7!important;

}

.anukramanika .card-title::before {
content: "•";
color: #E3BD4F;
position: absolute;
left: -6px;
font-size: 35px;
line-height: 1;
top: -4px;
}
.anukramanika .card-title:hover {
text-decoration: underline;
}

/*.anukramanika ul li a {
font-family: 'Karma', serif;
font-weight: 500;
font-style: Medium;
font-size: 20px;
color: #343434;
}
*/

.customer-slide {
display: flex !important;
}
.quote-container{
position: absolute;
top: 15px;
right: 15px;
}
.customer-card {
position: relative;
border-radius: 8px;
padding: 30px;
display: flex;
align-items: center;
width: 465px;
margin: 15px 0 15px 54px;
transition: transform 0.3s ease;
border: 1px solid #EBEBEB;
background: #FAF8F6;

}

.customer-left-bar {
width: 6px;
height: 100%;
background-color: #E3BD4F;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.customer-inner {
display: flex;
align-items: center;
padding-left: 20px;
}

.customer-content h5 {
font-family: 'Karma', serif;
font-weight: 500;
font-size: 20px;
color: #2B2B2B;

}

.customer-content p {
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
color: #808080;

}

.customer-slider .slick-dots {
position: absolute;
right: 0;
top: 61%;
transform: translateY(-50%);
display: flex !important;
flex-direction: column;
gap: 10px;
width: 50px;
}

.customer-slider .slick-dots li button:before {
font-size: 40px;
color: #bbb;
opacity: 1;
}

.customer-slider .slick-dots li.slick-active button:before {
color: #525252;
}
.customer-slider-section,
.customer-slider { overflow: visible; }

.customer-slider .slick-slide { display:flex !important; align-items:center; }

.customer-slider .slick-center .customer-card {
transform: translateX(-52px); 
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.consideration-wrapper .consideration-left h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
color: #6A4E1C;
}
.consideration-wrapper .consideration-left{
padding-right: 40px;
}
.consideration-wrapper .consideration-left p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
color: #808080;
}
.consideration-wrapper .btn-custom{
background: #E3BD4F;
border-radius: 8px;
padding: 10px 40px;
color: #343434;
transition: all 0.3s ease;
font-family: Noto Serif Devanagari;
font-weight: 600;
font-size: 20px;
}
.consideration-wrapper{
background: url(../images/collection/suvichar-section-bg.png) no-repeat center/cover;
background-size: cover;
background-position: left;
}

.audio-video-wrapper{
background: url(../images/audio-video/audio-video-bg.png) no-repeat center/cover;
background-size: cover;
height: 654px;
}
.audio-video-wrapper h1{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 65px;
color: #6A4E1C;
}
.audio-video-wrapper p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 20px;
color: #808080;
}
.audio-vid-btn{
position: absolute;
right: 8%;
}
.kavita-audio-wrapper{
background: url(../images/collection/audio-bg.png) no-repeat center/cover!important;
background-size: cover
}
.kavita-audio-wrapper .audio-container-new{
background: #F3F1ED;
width: 460px;
padding: 15px 20px;
border-radius: 16px;
}
.kavita-audio-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-size: 45px;
color: #6A4E1C;
}
.kavita-audio-wrapper .music-icon{
background: #E3BD4F;
padding: 22px;
border-radius: 16px;
}
.kavita-audio-wrapper .music-icon img{
height: 65px;
}

.kavita-audio-wrapper .audio-info h5 {
font-family: 'Karma', serif;
font-weight: 500;
font-size: 20px;
color: #343434;

}
.kavita-audio-wrapper .audio-info{
padding-left: 30px;
}
.kavita-audio-wrapper .audio-box{
padding: 18px 18px;
background: #F3F1ED;
position: relative;
border-radius: 16px;
}
.kavita-audio-wrapper .audio-duration{
margin-top: 12px;
}
.kavita-audio-wrapper .audio-info p {
font-family: 'Karma', serif;
font-weight: 400;
font-size: 16px;
color: #808080;
}

/* Parent wave container */
.kavita-audio-wrapper .sound-wave {
display: flex;
align-items: flex-end;
gap: 2px;
height: 30px;
width: auto;
margin-left: 6px;
}

/* Common styles for all wave bars */
.kavita-audio-wrapper .sound-wave-bar {
width: 3px;
border-radius: 3px;
background: linear-gradient(to top, #BC8C02, #e6c556);
height: 20px;
transform: scaleY(var(--scale, 1));
transition: transform 0.3s ease-in-out;
animation: none;
opacity: 0.8;
}


/* ===== Individual Bar Heights (Base Scale) ===== */
.kavita-audio-wrapper .sound-wave-bar:nth-child(1)  { --scale: 0.6; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(2)  { --scale: 1.2; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(3)  { --scale: 0.9; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(4)  { --scale: 1.4; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(5)  { --scale: 1.0; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(6)  { --scale: 0.8; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(7)  { --scale: 1.3; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(8)  { --scale: 1.0; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(9)  { --scale: 0.7; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(10) { --scale: 1.1; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(11) { --scale: 0.6; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(12) { --scale: 1.2; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(13) { --scale: 0.9; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(14) { --scale: 1.4; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(15) { --scale: 1.0; }

/* ===== When Audio is Playing – Animate ===== */
.kavita-audio-wrapper .wave-active .sound-wave-bar {
animation: waveMove 1.2s infinite ease-in-out;
animation-play-state: running;
}

/* ===== Animation Keyframes ===== */
@keyframes waveMove {
0%, 100% {
transform: scaleY(calc(var(--scale) * 1));
opacity: 0.7;
}
50% {
transform: scaleY(calc(var(--scale) * 1.8));
opacity: 1;
}
}

/* ===== Staggered Animation Delay (Wave Effect) ===== */
.kavita-audio-wrapper .sound-wave-bar:nth-child(1)  { animation-delay: 0s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(2)  { animation-delay: 0.1s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(3)  { animation-delay: 0.2s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(4)  { animation-delay: 0.3s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(5)  { animation-delay: 0.4s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(6)  { animation-delay: 0.5s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(7)  { animation-delay: 0.6s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(8)  { animation-delay: 0.7s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(9)  { animation-delay: 0.8s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(10) { animation-delay: 0.9s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(11) { animation-delay: 1.0s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(12) { animation-delay: 1.1s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(13) { animation-delay: 1.2s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(14) { animation-delay: 1.3s; }
.kavita-audio-wrapper .sound-wave-bar:nth-child(15) { animation-delay: 1.4s; }

.kavita-audio-wrapper .play-btn-wrapper {
display: flex;
align-items: center;
position: absolute;
right: 29px;
}

.kavita-audio-wrapper .play-btn {
background: #B9B9B9DE;
border: none;
color: #5C5C5C;
border-radius: 50%;
padding: 12px;
font-size: 18px;
cursor: pointer;
transition: background 0.3s;
height: 45px!important;
width: 45px!important;
}

.kavita-audio-wrapper .play-btn.active {
background-color: #ff9800;
color: #fff;
}

.vibes-slider-wrapper {
overflow: visible; 
}
.vibes-item {
padding: 0 10px;
transition: transform 0.3s ease;
}
.behind-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-size: 45px;
color: #6A4E1C;
}
.collaborate-wrapper {
height:516px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: visible;
}
.foregound-img-container {
position: relative;
z-index: 9;
}
.behind-wrapper{
  background: url(../images/audio-video/video-bg.png) no-repeat center/cover!important;
background-size: cover
}
.behind-wrapper .foregound-img-container img{
border: 5px solid #FFFFFF;
box-shadow: 0px 4px 26.2px -2px #00000061;

}
.foreground-image {
width: 100%;
height: auto;
object-fit: cover;
display: block;
position: relative;
border-radius: 8px;
border: 1px solid #FFFFFF;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.foregound-img-container img::before {
content: '';
position: absolute;
inset:0;
background: rgba(13, 13, 13, 0.52);
z-index: 1;
width:100%;
height:100%;
}
.collaborate-wrapper button{
border-radius: 50%;
border: none;

}
.collaborate-wrapper .fa-play{
color: #3A3A3A;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 9;
}

.foregound-img-container{
position: relative;
z-index:9;
}

.foreground-image {
width: 100%;
object-fit: cover;
height: auto;
display: block;
position: relative;
z-index: 0;
}


.collaborate-wrapper .video-play-button {
position: absolute;
z-index: 99; 
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: content-box;
display: block;
width: 13px;
height: 24px;
padding: 18px 20px 18px 28px;
cursor: pointer;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background: #FFFFFF;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}

.vibes-item.slick-center img {
transform: scale(1.2);
opacity: 1;
z-index: 10;
}

/* Side Slides */
.vibes-item:not(.slick-center) img {
opacity: 0.8;
transform: scale(0.95);
}
.vibes-item.slick-slide.slick-active img{
border-radius: 8px;
border: 5px solid #FFFFFF;
box-shadow: 1px 0px 24px 0px #00000040;

}
.vibes-item.slick-slide.slick-current.slick-active.slick-center img{
border-radius: 8px;
border: 5px solid #FFFFFF;
padding: 0px;
box-shadow: 0px 4px 26.2px -2px #00000061;
}

.slick-slide.slick-cloned.slick-active .vibes-item .video-play-button{
display: none;
}

.slick-slide.slick-active .vibes-item .video-play-button{
display: none;
}

.slick-slide.slick-current.slick-active.slick-center .vibes-item .video-play-button{
display: block;
}
.video-play-button span {
position: relative;
z-index: 3;
display: block;
width: 0;
height: 0;
border-left: 32px solid #3E6456;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.5);
opacity: 0;
}
}

/* Overlay */
.video-overlay {
position: fixed;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.80);
opacity: 0;
transition: opacity 500ms ease;
display: flex; 
justify-content: center; 
align-items: center;     
overflow: hidden;
pointer-events: none; 
}

.video-overlay.open {
z-index: 1000000;
opacity: 1;
pointer-events: auto; 
}

.video-overlay video {
max-width: 90%;
max-height: 70%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
border-radius: 10px;
outline: none;
}

.video-overlay-close {
position: absolute;
top: 15px;
right: 20px;
font-size: 36px;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 1000001;
}

.video-overlay-close:hover {
color: #FFFFFF;
}
.vibes-slider-wrapper {
padding: 0px 0px 40px 0px;
width: 100%;
position: relative;
}

.vibes-slider .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0 10px;
padding: 0;
}
.vibes-slider-wrapper .slick-slide.slick-current.slick-active.slick-center img{
opacity:1!important;
}
.vibes-slider .slick-slide {
color: #FFF;
margin: 0 15px 0 0;
display: flex;
transform: scaleY(1.2);
transition: all 0.4s ease-in-out;
}

.vibes-slider .slick-slide,
.vibes-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
transform: scale(1);
transition: all 0.4s ease-in-out;
}

.vibes-slider .slick-center,
.vibes-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
transform: scale(1.1);
}

.vibes-slider .slick-current.slick-active {
z-index: 99;
transform: scale(1.7) rotateX(0deg);
position: relative;
}

.vibes-slider-wrapper .slick-dotted.slick-slider {
margin-bottom: 0px;
}

.vibes-item img {
width: 100%;
/*height: 260px;*/
}

.vibes-slider-wrapper .vibes-item.slick-slide.slick-cloned img {
transition: transform 0.5s ease, opacity 0.5s ease;
opacity:70%;
/*height: 380px;*/
object-fit: contain;
transform: scaleY(1.5);
}
.vibes-slider-wrapper .vibes-item.slick-slide.slick-current.slick-active.slick-center img {

opacity: 1;
object-fit: cover;
height: 100%;
}

.vibes-slider-wrapper .vibes-item.slick-slide.slick-active img {
transition: transform 0.5s ease, opacity 0.5s ease;
transform: scaleY(1);
opacity: 70%;
/* height: 380px; */
object-fit: contain;

}

.vibes-slider-wrapper .slick-dots li button:before {
font-family: slick;
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
content: '•';
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.vibes-slider-wrapper .slick-dots li.slick-active button:before {
opacity: 1;
color:#525252;
}


.program-wrapper{
background: url(../images/program/program-bg.png) no-repeat center/cover;
background-size: cover;
height: 645px;
}
.program-wrapper h1{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-size: 65px;
color: #F5EFE6;
padding-top: 180px;
}
.program-wrapper .btn-custom {
background: #E3BD4F;
border-radius: 8px;
padding: 10px 30px;
color: #222222;
transition: all 0.3s ease;
font-family: 'Noto Serif Devanagari', serif;
font-weight: 600;
font-size: 20px;
}
.program-information-wrapper{
background: url(../images/collection/audio-bg.png) no-repeat center/cover!important;
background-size: cover
}
.program-information-wrapper img{
border: 8px solid #E7E7E7;
border-radius: 8px;
height: 391px;
}
.program-information-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 45px;
color: #6A4E1C;
}
.program-information-wrapper p{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
color: #808080;
}

.program-img-wrapper img{
height: 457px;
object-fit: cover;
width: 100%;
}
.program-img-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 40px;
color: #6A4E1C;
}
.program-contact-wrapper  img {
border: 8px solid #E7E7E7;
border-radius: 8px;
height: 435px;
}
.program-contact-wrapper{
background: url(../images/about/publication-bg.png) no-repeat center/cover!important;
background-size: cover
}
.program-contact-wrapper .contact-form {
max-width:100%;
background: #DFDAD069;
padding: 43px;
border-radius:24px;
border: 1px solid #C8C8C8B2
}
.program-contact-wrapper .form-control::placeholder {
color: #8c8c8c;
font-size: 14px;
}
.program-contact-wrapper .btn-custom {
background: #E3BD4F;
border-radius: 8px;
padding: 10px 20px;
color: #222222;
transition: all 0.3s ease;
font-family: Noto Serif Devanagari;
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
}

.journey-wrapper .nav-tabs .nav-link.active {
border-color: 0px;
background: none;
border-bottom: 3px solid #E3BD4F!important;
}

.quotes{
width:fit-content!important;
}


.collection-wrapper .stack {
  position: relative;
}

.collection-wrapper .card {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 362px;    
  transition: transform 0.6s;
  user-select: none;
  text-align: center;
  object-fit: cover;
  box-shadow: 0px 4px 23px 8px #0000002B;

}

.collection-wrapper .card img {
  display: block;
  width: 100%;
  height: 360px; 
  object-fit: cover;
  pointer-events: none;
  object-fit: cover;
}
.collection-wrapper {
  background: url(../images/about/publication-bg.png) no-repeat center/cover;
background-size: cover;
}
/* Stacked Effect */
/*.collection-wrapper .card:nth-last-child(n + 5) {
  --x: calc(-50% + 90px);
  transform: translate(var(--x), -50%) scale(0.85);
}

.collection-wrapper .card:nth-last-child(4) {
  --x: calc(-50% + 60px);
  transform: translate(var(--x), -50%) scale(0.9);
}
*/
.collection-wrapper .card:nth-last-child(3) {
  --x: calc(-30% + 30px);
  transform: translate(var(--x), -50%) scale(0.8);
}

.collection-wrapper .card:nth-last-child(2) {
  --x: calc(-40%);
  transform: translate(var(--x), -50%) scale(0.9);
}

.collection-wrapper .card:nth-last-child(1) {
  --x: calc(-50% - 30px);
  transform: translate(var(--x), -50%) scale(1.05);
}

/*.collection-wrapper .card:nth-last-child(1) img {
  box-shadow: 0 1px 5px 5px rgba(255, 193, 111, 0.5);
}*/

/* Swap Animation */
.collection-wrapper .swap {
  animation: swap 1.3s ease-out forwards;
}
.collection-wrapper .stack .book-title {
  display: none;
}

.collection-wrapper .stack .card:last-child .book-title {
  display: block;
}

@keyframes swap {
  30% {
    transform: translate(calc(var(--x) - 200px), -50%) scale(0.85) rotate(-5deg)
      rotateY(65deg);
  }
  100% {
    transform: translate(calc(var(--x) - 30px), -50%) scale(0.5);
    z-index: -1;
  }
}
.Privacy-policy-wrapper{
  background: url(../images/gallery/media-bg.png) no-repeat center / cover !important;
  background-size: cover;
}
.Privacy-policy-wrapper h3{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-style: Bold;
font-size: 40px;
color: #6A4E1C;
}
.Privacy-policy-wrapper p,li{
font-family: 'Karma', serif;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 30px;
color: #808080;
}
.Privacy-policy-wrapper h4{
font-family: 'Karma', serif;
font-weight: 600;
font-size: 26px;
color: #6A4E1C;
}
.Privacy-policy-wrapper a{
font-family: 'Karma', serif;
font-weight: 800;
font-style: Regular;
font-size: 18px;
color: #808080;
}
.poem-detail-wrapper{
background: url(../images/collection/book-detail-page-bg.png) no-repeat center/cover;
background-size: cover;

}
.poem-detail-wrapper .accordion {
  position: sticky;
  top: 0px; 
}
.poem-detail-wrapper .poem-box {
background: #FFFFFF;
padding: 40px 100px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.04);
background: url(../images/collection/book-detail-page.png) repeat center/cover;
background-size: auto;
background-position: left;

}

.poem-detail-wrapper .poem-box h2{
font-family: 'Noto Serif Devanagari', serif;
font-weight: 700;
font-size: 45px;
color: #6A4E1C;

}

.poem-detail-wrapper .poem-box p {
font-family: 'Karma', serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #808080;
margin-bottom: 0px!important;

}

.poem-detail-wrapper .accordion-button {
font-family: 'Karma', serif;
font-weight: 600;
font-size: 26px;
color: #6A4E1C;

}

.poem-detail-wrapper .accordion-button:not(.collapsed) {
background-color: transparent !important;
}
.poem-detail-wrapper .accordion-body {
padding: 0;
}

.poem-detail-wrapper .scrollable-list {
max-height: 300px;
overflow-y: auto;
border-top: 1px solid #e1d7c4;
}

.poem-detail-wrapper .scrollable-list::-webkit-scrollbar {
width: 4px;
}

.poem-detail-wrapper .scrollable-list::-webkit-scrollbar-thumb {
background: #A19D9D;
}

.poem-detail-wrapper .list-group-item {
padding: 14px 16px;
border: 1.5px solid #D1D1D1;
cursor: pointer;
font-family: 'Karma', serif;
font-weight: 500;
font-size: 20px;
}

.poem-detail-wrapper .list-group-item.active {
background-color: #B9B9B9DE;
font-weight: bold;
color: #4a2d00;
}
.poem-detail-wrapper .accordion-item:first-of-type{
border-radius:0px!important;
}
.poem-detail-wrapper .list-group-item{
border-radius:0px!important;
}
.poem-detail-wrapper .accordion-item{
border-radius:0px!important;
}

.poem-detail-wrapper .accordion-button:focus{
box-shadow: none;
}
.poem-detail-wrapper .accordion-button:not(.collapsed)::after{
  background: url(../images/home/down-arrow-new.png)!important;
}
.poem-detail-wrapper .accordion-button::after {
   background: url(../images/home/down-arrow-new.png)!important;
}

 .dots { display:flex; justify-content:center; gap:8px; 
    position: relative;
    top: 230px;}
  .dots .dot {
    width:10px; height:10px; border-radius:50%;
    background:#bbb; cursor:pointer;
  }
  .dots .dot.active { background:#333; transform:scale(1.2); }

.book-wrapper{
background: url(../images/home/book-section-bg.png) no-repeat center/cover;
background-size: cover;
}
.section-gaps {
    padding: 150px 0px 150px 0px;
}
.media-wrapper {
background: url(../images/gallery/media-bg.png) no-repeat center/cover!important;
background-size: cover
}
.book-wrapper-new{
background: url(../images/collection/audio-bg.png) no-repeat center/cover!important;
background-size: cover
}
.all-pics a{
position: absolute;
top: 12%;
right: 10%;
font-family: 'Karma', serif;
font-weight: 500;
text-decoration: underline;
font-size: 19px;
color: #6A4E1C;

}
.media-pics a{
position: absolute;
top: 7%;
right: 10%;
font-family: 'Karma', serif;
font-weight: 500;
text-decoration: underline;
font-size: 19px;
color: #6A4E1C;

}
.page-404 {
    margin: auto;
    width: 50%;
    text-align: center;
    padding-block: 50px;
}
.page-404 .container {
    background:#fafafa;
    padding-block: 100px;
}
.page-404 .container .text-404 {
    color: #E3BD4F;
    font-size: 100px;
    font-weight: 800;
    animation: zoomeff 6s infinite ease;
    height: 112px;
}
.errorpagetext {
    color: #6A4E1C;
    text-transform: capitalize;
    font-size: 26px;
    margin-bottom: 50px;
    margin-top: 24px;
    font-family: 'Karma', serif;
}
.home-btn-err{
    color:#343434;
    background: #E3BD4F;
    border-radius:20px;
    padding: 8px 15px;
    text-decoration:none;

}
@keyframes zoomeff {
    0% {
    transform: scale(1.1);
}
50% {
    transform: scale(1.3);
}
100% {
    transform: scale(1.1);
    color: #E3BD4F;
}
}
@media (max-width:768px){
    .page-404 {
    margin: auto;
    width: 90%;
 
}
}
.page-404 .container .text-404 {
    color:#E3BD4F;
    font-size: 70px;
    animation: zoomeff 6s infinite ease;
}
#myBtn {
  display: none;
  position: fixed;
  bottom:1%;
  right: 15px;
  z-index: 9999;
  border: none;
  outline: none;
  background-color:#E3BD4F;
  color: white;
  cursor: pointer;
  padding: 11px 15px;
}

#myBtn:hover {
  background-color:#1A1A1A;
   box-shadow: 0px 1px 6px gray;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color:#E3BD4F!important;
}

.dropdown-item.active, .dropdown-item:active {
	background: none!important;
}