@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Kannada:wght@100..800&display=swap');



html, body{
	width: 100%; max-width: 100%;
font-family: "Anek Kannada", sans-serif;
}

a, a:hover{color: inherit; text-decoration: none;}

h1{font-family: "Aclonica", sans-serif;}
h2, h3{font-family: "Anek Kannada", sans-serif; font-weight: 600;}


.nav-item{margin: auto 10px;}
.nav-item .nav-link{color: #fff;}
.nav-item:hover .nav-link{color: #f4c02f;}

.nav-item .active{border-bottom: solid 1px #f4c02f;color: #f4c02f !important;}


.table td{background: none;border-bottom: 1px solid #000;}
.navbar-nav .dropdown-menu {
	background: #fff172;}


	@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1024px;}}
	
	@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1024px;}
}
	
	.navbar-brand img{height: 65px;}
	
	.homeBnrsec{background:url(../image/bannerBg.jpg); width:100%; padding: 15px 0 5px 0px; position: relative; overflow: hidden;}
	.bnroverlay1{position: absolute;left: -300px;top: -400px;}
	.bnroverlay1 img{width: 800px; opacity: 0.5;}
	.bnroverlay2{position: absolute;right: -300px;top: 100px;}
	.bnroverlay2 img{width: 800px; opacity: 0.5;}
	
	.deviPic{position: relative;margin: 40px 0px;}
	.prabhavali{position: absolute; z-index: 1;}
	.sridevi{z-index: 2; position: relative;}
	.bannerCapSec{padding: 60px 0 0 100px;}
	.bannerCapSec h1{color:#fff;}
	.bannerCapSec h1 span{color:#fff400;}
	
	.bnrBotBorder{background:url(../image/border1.png) repeat-x; height: 22px; width:100%;}

	.ornBorder1{background:url(../image/border2.png) repeat-x; height: 22px; width:100%;}
	.ornBorder2{background:url(../image/border1.png) repeat-x; height: 22px; width:100%;}
	
	.hmAbotSec{background:url(../image/bannerBg1.jpg);background-size: cover; position: relative; padding:150px 0px 100px 0px;}
.hmAbotSec1{background:url(../image/bannerBg1.jpg);background-size: cover; position: relative; padding:75px 0px 100px 0px;}
	h5{color:#d32200;}
	h2{color:#8b2200;}
	
	.temple3D{height: 500px; width: auto; top: -370px; position: absolute;right: 0px;max-width:max-content;}
	
	.readmorBtn1{background: rgb(255,107,42);background: linear-gradient(125deg, rgba(255,107,42,1) 0%, rgba(148,29,0,1) 57%);padding: 15px 24px;border-radius: 50px;margin-right: 20px;color:#fff;font-weight: 500;letter-spacing: 1px;}
.readmorBtn1:hover{background: rgb(255,107,42);background: linear-gradient(125deg, rgba(148,29,0,1) 0%, rgba(255,107,42,1) 57%);}
	.readmorBtn2{width: fit-content; background: rgb(242,173,66);background: linear-gradient(125deg, rgba(242,173,66,1) 0%, rgba(233,107,42,1) 57%);padding: 15px 24px;border-radius: 50px;margin-right: 20px;color:#fff;font-weight: 500;letter-spacing: 1px;}
.readmorBtn2:hover{background: rgb(242,173,66);background: linear-gradient(-125deg, rgba(242,173,66,1) 0%, rgba(233,107,42,1) 57%);}
	.readmorBtn3{border-bottom: solid 2px #000;padding-bottom: 5px;font-weight: 500;letter-spacing: 1px;}
.readmorBtn3:hover{border-bottom: solid 2px #d32200; color:#d32200;}
.borderRadius20{border-radius: 20px;}

.NewTempleSec{background: #fff7ee;padding: 6px 0px;}
.NewTempleSec .container{margin-top: 100px; margin-bottom: 80px;}
.NewTempleSec p{margin-top: 8px;}

.footerTop{background: rgb(191,64,0); position: relative;overflow: hidden;
background: linear-gradient(74deg, rgba(191,64,0,1) 0%, rgba(255,107,42,1) 52%, rgba(148,29,0,1) 100%); padding: 60px 0px;}
.widgetBox1 div{background: #ffd500; text-align: center; padding: 15px 0px; color:#8b2200; border-radius: 100px; font-size: 28px;font-family: "Aclonica", sans-serif;box-shadow: 0px 10px 0px #981d1da8; cursor: pointer;}
.widgetBox2 div{background: #fff5a6; text-align: center; padding: 15px 0px; color:#bf2200; border-radius: 100px; font-size: 28px;font-family: "Aclonica", sans-serif;box-shadow: 0px 10px 0px #981d1da8; cursor: pointer;}
.footerTop .container{z-index: 7; position: relative;}

.widgetBox1:hover div{background: #fff42c;}
.widgetBox2:hover div{background: #ffffdc;}

.widgetBox1 img, .widgetBox2 img{width: 60px;}

.footer{background: #512304; padding-top: 30px;}
.copyright{text-align: center; padding: 30px 0; color:#c6ad95;border-top: solid 1px #68300b;}

.navbar-toggler {background: #fde633 !important;}
.navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(81,35,4, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

} 

.pageHeader{margin: 40px auto;z-index: 3;position: relative;color: #fff;}
.breadcrumb1{color: #c56945;}
.breadcrumb1 a{color: #ffef3f;}


.social-icons{
	padding:30px;
  text-align: center;
}
.social-icons a{
	color:#fff;
  line-height:20px;
  font-size:20px;
  margin: 0 10px;
  text-decoration:none;
  
}
.social-icons a i{
	line-height:20px;
  font-size:20px;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
}
.social-icons a:hover i{
  box-shadow: 0px 0px 150px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.5);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.5);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.5);
  transition: all 200ms ease-in;
  transform: scale(1.5);
}


/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) {
.temple3D {right: -100px;}
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
.temple3D {height: 400px;width: auto;top: -300px;position: absolute;right: -90px;max-width: max-content;}
.bannerCapSec {padding: 90px 0 0 50px;}
}

/*// Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
.offcanvas-title {color: #fff;}
.text-bg-dark{background: rgb(255,107,42);background: linear-gradient(-45deg, rgba(255,107,42,1) 0%, rgba(148,29,0,1) 57%);}
.temple3D {height: auto;width: 900px;top: 0px;left: 50%;margin-left: -450px;position: relative;right: 0px;max-width: max-content;}
.hmAbotSec {padding: 20px 0px 50px 0px;}
}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.temple3D {height: auto;width: 900px;top: 0px;left: 50%;margin-left: -450px;position: relative;right: 0px;max-width: max-content;}
.hmAbotSec {padding: 20px 0px 50px 0px;}
.bannerCapSec {padding: 60px 0 0 40px;}
}

/*Small devices (landscape phones, 576px and up)
*/
@media (max-width: 576px) {
	.container{padding: 0px 20px;}	
.deviPic {position: relative;width: 60%;margin: auto;}
.bannerCapSec {padding: 20px 10px 30px 10px;text-align: center;}
.temple3D {height: auto;width: 700px;top: 0px;left: 50%;margin-left: -350px;position: relative;max-width: max-content;}
.hmAbotSec {padding: 0px 0px 50px 0px;text-align: center;}	
.bnroverlay2 {position: absolute;left: 50%;margin-left: -250px;top: 400px;}
.bnroverlay2 img {width: 500px;opacity: 0.5;}
.bnroverlay1 {position: absolute;left: 50%;top: -300px;margin-left: -300px;}
.bnroverlay1 img {width: 600px;opacity: 0.5;}
.readmorBtn1{display: table !important;margin: auto;text-align: center;margin-bottom: 30px;}	
.NewTempleSec .container {margin-top: 50px;margin-bottom: 50px; text-align: center;}	
.readmorBtn2 {margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.widgetBox1 div, .widgetBox2 div{margin-bottom: 30px;}
.footerTop {padding: 60px 0 34px 0px;}	
}

@media (max-width: 450px) {
	.temple3D {height: auto;width: 600px;top: 0px;left: 50%;margin-left: -300px;position: relative;max-width: max-content;}

}



.rotationObj{
  animation: animName 12s linear infinite;
}

.rotationObj1{
  animation: animName 50s linear infinite;
}	
	
@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}




.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
  position: absolute;
  top: 1.25rem;
  right: 3.5rem;
  z-index: 10;
  border: 0;
  background: transparent;
  opacity: .6;
  font-size: 1.25rem;
}

.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}