.swiper-container {
 width: 100vw;
 width:100%;
 margin:0 auto;
 height: 50vh;
 overflow:hidden;
}

.swiper-slide {
 background-color: #fcfcfc;
 background-size: cover;
 background-position: center;
 width: 100%;
 height: 100%;
 justify-content: center;
 align-items: center;
 color: #fcfcfc;
 font-size: 24px;
}

.swiper-slide > .swiper-slide-cover {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: transparent no-repeat 50% 50% /cover;
}

.swiper-slide .slide-01 {
 background-image: url(../swiper/stotras-bell_s.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-02 {
 background-image: url(../swiper/sun-rise.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-03 {
 background-image: url(../swiper/events_hero-5.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-04 {
 background-image: url(../swiper/temple.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-05 {
 background-image: url(../swiper/temple-sunrise.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-06 {
 background-image: url(../swiper/temple-hampi-small.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-07 {
 background-image: url(../swiper/temple-hampi-ruins.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-08 {
 background-image: url(../swiper/evening-arati.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-09 {
 background-image: url(../swiper/stotras-bell_s.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-10 {
 background-image: url(../swiper/incense3.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-11 {
 background-image: url(../swiper/panca-samskara-2.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-12 {
 background-image: url(../swiper/dipavali.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-13 {
 background-image: url(../swiper/sunrise_hampi-temple.jpg);
 transform-origin: 50% 50%;
}

.swiper-slide .slide-14 {
 background-image: url(../swiper/sunrise_hampi-temple2.jpg);
 transform-origin: 50% 50%;
}

.swiper-scale-effect .swiper-slide-cover {
 transition-timing-function: linear;
 transition-duration: 20s;
 transform: scale(1);
}

.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
 transform: scale(1.3);
}

:root {
 --swiper-pagination-bottom: 40px;
 --swiper-theme-color: rgba(252, 252, 252, 0.85) !important;
}
.swiper-lazy-preloader-white {
 --swiper-preloader-color: #FCFCFC;
}
.swiper-lazy-preloader-black {
 --swiper-preloader-color: #262626;
}
.swiper-button-prev,
.swiper-button-next {
 background: transparent;
 opacity: 0.75;
 --swiper-navigation-color: rgba(252, 252, 252, 0.85);
 transition: opacity 0.6s ease, color 0.6s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
 background: transparent;
 opacity: 0.85;
 --swiper-navigation-color: #fcfcfc;
}
.swiper-pagination-bullet {
 width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)) !important;
 height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)) !important;
 box-shadow: inset 1px 1px 1px rgba(38, 38, 38, 0.85);
 background: var(--swiper-pagination-bullet-inactive-color, rgba(252, 252, 252, 0.85)) !important;
 opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.55) !important;
 swiper-pagination-bullet-horizontal-gap: 5px;
}
.swiper-pagination-bullet-active {
 box-shadow: inset 1px 1px 1px rgba(38, 38, 38, 0.85);
 background: var(--swiper-pagination-bullet-active-color, rgba(252, 252, 252, 0.85)) !important;
 opacity: var(--swiper-pagination-bullet-active-opacity, 0.85) !important;
 swiper-pagination-bullet-horizontal-gap: 5px;
}