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


.montserrat {
  font-family: "Montserrat", sans-serif!important;
  /* font-optical-sizing: auto; */
  /* font-weight: <weight>; */
  font-style: normal;
}


* {
  box-sizing: border-box;
}

/* *********** Header Css ******************** */


/* /// ******************** Index Page Css **************************** /// */

/*Circular PNG ROTATING IN LEFT SIDE OF SCREEN*/
.bg_img
{
position: absolute;
  left: -20vw;
  top: 50%;
  height: 80vh;
  /*z-index: +11;*/
  transform: translateY(-50%);
  animation: rotate 20s linear infinite;
}
@keyframes rotate{
  from{
    transform: translateY(-50%) rotate(0deg);
  }
  to{
    transform: translateY(-50%) rotate(360deg);
  }
}

#scroll-up{opacity: 0}
#scroll-up.show {
    opacity: 1;
    pointer-events: auto;
}
.navbar-nav .menu-item{font-size: 18px;font-weight: 600; margin: 0px 10px;}


/*.pre-heading{font-family: cursive;color:#d69318; font-size: 21px; margin:5px 0px;}	*/


/*  Landing Page Banner  */
#main_front::before {
content: "";
position: absolute;
inset: 0;
background-image: url("../images/bg_08.jpg");
background-size: cover;
background-position: center;
opacity: 0.8;
z-index: -1;
/*background-image: url('../images/ig_2.jpg');*/
}

.banner-content img
{
    width:300px; height:350px; margin-left:20px; margin-top:80px;border:5px solid black
}

/*  Sanskrit Chanting Marquee  */
.association-content{
    width:100%;
    overflow:hidden;
}

.marquee-track{
    display:flex;
    gap:80px;
    width:max-content;
    animation: marquee 50s linear infinite;
}

.marquee-track span{
    white-space:nowrap;
    /*text-align: center;*/
    font-size: 20px;
	font-family: 'Arapey';
	padding: 0px 20px;
	color: gray;
}
.marque_quote_div {
    display: flex;
    align-items: center;
    font-size: 18px;
    /*color: #d69318;*/

    background: #EBEEE3;
    border-radius: 50px;
    padding: 15px 20px;

    border: none;

    box-shadow: 
        inset 4px 4px 8px #cfd2c8,
        inset -4px -4px 8px #ffffff;

    transition: all 0.3s ease;
    width: max-content;
    margin-bottom: 20px;
}	
.marque_quote_div p
{
	margin:0px 20px;

	display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;   /* 👈 limit to 2 lines */
    -webkit-box-orient: vertical;

    overflow: hidden;
}
.marque_quote_div p b{color:gray; font-size: 14px}
.marque_quote_div button
{
	background-color: transparent;
	/*border:1px solid black;*/
	border-radius:50%;
	padding:10px 15px;
	margin-top:0px;
	box-shadow: 
    6px 6px 12px #cfd2c8,   /* dark shadow */
    -6px -6px 12px #ffffff; /* light highlight */
}
.marque_quote_div button:active {
    box-shadow: 
        inset 4px 4px 8px #cfd2c8,
        inset -4px -4px 8px #ffffff;
    
    transform: scale(0.97);
}
.marque_quote_div button img
{
	margin:0px!important;
	width: 20px;
    height: 20px;
    display: block;
}

@keyframes marquee{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}

/* All Heading on Index Page */

.section-header p{color:#f58734}
.section-header p i{color:gray}
.section-title{margin-bottom:10px}

/* Yatra Card */
#collection .product-item .image-holder .item-info
{
    background-color:rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    bottom: 80px;
    border-radius: 20px;
}

/* Puja Section */
.pooja-card
{
	background-image: url(../images/bg_08.jpg);
    background-size: cover;
    background-position: top;
    /*opacity: 0.8;*/
	border:0;
	box-shadow: 
    	8px 8px 16px #d1d9e6,   /* darker shadow */
		-8px -8px 16px #ffffff; /* light highlight */
    height: fit-content;
    /*transition: opacity 0.4s ease;*/

}
/*.pooja-card img{height:90px; transition: transform 0.4s ease;}*/
.pooja-card:hover{cursor:pointer}

.pooja-card .card-title{font-weight:600; font-size:1.5em}

.pooja-card .col-md-5 {
    position: relative;
    overflow: hidden;
}
.pooja-card .col-md-5::after {
    content: "";
    position: absolute;
    width: 70%;
    margin-left: 15%;
    inset: 0;
    background: url('../images/petals_2.gif') center/cover no-repeat;
    opacity: 0;
    pointer-events: none;
    /*border-radius:50px;*/
    transition: opacity 0.4s ease;
}
.pooja-card:hover .col-md-5::after {
    opacity: 1;
}


/* Gallery Slider */
.slider {
  overflow: hidden;
  width: 100%;
}

.slider-track {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: scroll 35s linear infinite;
}

.slider-track img {
  height: 450px;
  width: auto;
  object-fit: cover;
  border-radius: 12px;
}
/*.slider:hover .slider-track {
  animation-play-state: paused;
}*/
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .slider-track img {
    height: 160px;
  }

  .slider-track {
    animation-duration: 25s;
  }
}

footer {
  position: relative;
  z-index: 1;
}

footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/bg_08.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.9;
  z-index: -1;
}

/* /// ******************** End Of Index Page Css **************************** /// */

/* Aarti Page Css */
.aarti_div_sec .image-holder
    {
        background-size: cover;
        background-position: center;
    }


/* Common Css */

.testimonial_row video
{
    box-shadow: 6px 6px 12px #8d8b84, -6px -6px 12px #ffffff; 
    border-radius: 10px
}
.custom-builder-container {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        url('/images/custom_builder_bg.webp');

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius: 20px;
}
.custom-builder-container .section-header
{
    padding: 3rem 2rem;
}
.top-margin{margin-top: 5rem}

.faq_img
{
    height: 98%;
    border-radius: 10px;

    background-size: cover;
    background-position: center;
    margin: 0px 20px
}
.accordion-item, .accordion-button
        {
            border-radius: 20px!important;
        }
        .accordion-button{text-transform: capitalize;}

/* End Of Common Css */

/* /// ****************** Media Query For Index Page ************************* /// */

/* For Laptop Screen, Media Query Shoud Be Set At 1536px  |  1280px  |  1024px */

@media (max-width: 1536px) 
{
    #scroll-up{bottom : 50px;right: 50px}
    #navigation{margin-right: 50px}
    #navbar .right-element{display: none;}
    .bg_img{top:57%; left:-17vw}

    .swiper-wrapper .banner-content{margin-top: 50px}
    .banner-content h2.banner-title{font-size: 4rem; line-height: 60px!important}
    .banner-content .btn-wrap{margin: 15px 0;}
    .banner-content video{height: 466px; width: 100%}
    .banner-content img{height:250px}


    #about .description{padding: 0px 30px;}

    .herb-items .image-holder{height: 400px;}
    .product-list p{height: 70px}

    #collection .product-item img{height: 500px}

    #why-us .left-column{margin-top:25px}

    .slider-track img{height: 400px}
}

@media (max-width: 1450px)
{
    .bg_img{top:45%; left:-24vw}
    .banner-content video{height: 520px}
}

@media (max-width: 1050px) 
{
    .bg_img {
        top: 45%;
        left: -32vw;
    }

    #scroll-up{    width: 60px;height: 60px;padding: 0.75em 1em;}
    #scroll-up i.icon.icon-arrow-up {
        font-size: 1.5em;
    }
    .banner-content img{display: none}

    .banner-content h2.banner-title{font-size: 3rem}
    .banner-content-text{width: 50%!important}
    .banner-content-video{width: 26%!important}
    .banner-content video{height: 395px;}

    .herb-items .image-holder{height: 300px}

    .slider-track img{height: 300px}

    /* yatra Page */
    

    .testimonial_content{text-align: center;}
    .testimonial_row .top-margin{margin-top: 0rem}
    .testimonial_row .col-6{display: flex; justify-content: center; margin-top: 2rem}
    .accordion-button{text-wrap: inherit!important;}
}

@media screen and (max-width: 785px)
{
    .navbar-collapse
    {
        position: absolute;
        top: 120px;
        background-color: white;
        width: 95%;
        z-index: 11;
        border-radius: 10px;
        padding: 40px 0px;
        text-align: center;
    }
    #main_front::before{height:85vh}
    #association{margin-top: 7rem}
    .bg_img {top: 43%; left: -43vw;}
    .banner-content h2.banner-title{font-size: 2.5rem;}
    .banner-content video{height:347px; margin-top: 60px}

    .herb-items .image-holder{height: 500px}

    .highlight_row .col-lg-3{justify-content: left!important;}
    
    #footer{padding-top:0px!important}
    #footer-bottom{padding-top: 2em; padding-bottom: 2em;}
    .foot_sec_1{margin-left: auto; margin-right: auto}
    .foot_sec_2{text-align: center; margin-top: 2rem; padding-right: 1rem}
    .foot_sec_3{text-align: center; margin-top: 2rem}

}

@media (max-width: 490px) 
{
    .navbar-collapse{width: 91%;}
    #main_front::before{background-position: right;}
    .bg_img{        
        top: initial;
        left: initial;
        bottom: -30%;
        height: unset;
        /*transform: none !important;*/
        z-index: -1;
        animation: rotate 20s linear infinite;
    }
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    .navbar-nav{padding-top: 40px}
    .navbar-nav .menu-item{text-align: center;}

    #intro .swiper-slide{flex-direction: column;}
    .banner-content-text{width: 100%!important; padding: 0px 30px!important}
    .banner-content-text p{margin-top: 25px}
    .banner-content-video{display: none!important}

    #association{margin-top: 0}
    .slider-track img{height: 200px}
    
    .custom-builder-container .section-header{padding: 3rem 0;}
    .custom-builder-container .section-title{font-size: 2.5em; line-height:1.2}
    .cb_btn
    {
        width: 100%;
        margin: 0px !important;
    }
    .testimonial_row video{width: 1800px; height: 320px}

    .foot_sec_1{width: 75%!important}
    .foot_sec_3 hr{width: 100%!important}


    /* About Page Media Query */
    .section-element{padding:1.5rem!important}
    #yt_video{height:220px}

    /* Aarti Page Css */
    
    .aarti_div_sec img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .aarti_div_sec{margin: auto; padding-bottom: 70px}
    .herb-items .image-holder{height: 400px}
    .product-list p{height:50px}

    #services{padding: 50px 0px 50px 0px}    

    .yatra_card .card{width:unset!important; border-radius: unset; margin-top: 50px}
    .yatra_card .card img{border-radius: unset}


    .footer-menu img{margin-top: 50px}
    .footer-intro{margin-bottom: 50px}

    .footer-links{flex-direction: column ;}
    .copyright{text-align: center;}
    .social-links, .social-links p{display:none}
    .social-links ul{padding-left:0px; margin-left: auto!important; margin-right: auto!important;}

    #scroll-up{bottom: 110px}

}


/* /// ********************** End Of Media Query ***************************** /// */