@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Halant&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Halant&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=Mr+De+Haviland&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');


@font-face {
  font-family: 'bits_indian_calligraregular';
  src: url('bitsindiancalligra-regular-webfont.woff2') format('woff2'),
       url('bitsindiancalligra-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'avenirlight';
  src: url('avenir_light-webfont.woff2') format('woff2'),
       url('avenir_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'bits_indian_calligraregular';
  src: url('bitsindiancalligra-italic-webfont.woff2') format('woff2'),
       url('bitsindiancalligra-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
    font-family: 'halantlight';
    src: url('halant-light-webfont.woff2') format('woff2'),
         url('halant-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-weight: 100;
}

.Intro-image img{
    object-fit: cover;
    height: 120vh;
}

#bor{
    border: 1px solid rgba(215, 163, 75, 0.4);
    border-radius: 10px;
    background-color: rgba(215, 163, 75, 0.4);
    margin-top: 5%;
    padding: 5%;
    
}

#bor li{
    font-size: 14px;
    color: white;
    cursor: pointer;
    font-family: 'avenirlight';

}

.Main-content{
  /* margin-top: -10%; */
    background-color: rgba(64,25,14, 0.8);
}

.sqs-html-content{
    color: white;
  
}

#hedding{
  text-align:center;
  justify-content: center;
  align-items: center;
}

.About{
    padding-top: 10%;
    text-align:right;
    white-space:pre-wrap;
    color: white;
    margin-right: 10%;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 4px;
}


.About-1{
  text-align:center;
  white-space:pre-wrap;
  color: white;
  font-family: 'bits_indian_calligraregular';
  letter-spacing: 4px;
}

.Main-content{
  margin-top: -10%;
}
.About-para{
  text-align: center;
  width: 500px;
  float: right;
  font-family: 'avenirlight';
  justify-content: center;
}

#sec-div{
  height: 10px;
}
.sub-hed{
    text-align:center;
    white-space:pre-wrap;
    font-family: 'halantlight';
}

.shortDes{
    text-align:center;
    white-space:pre-wrap;
    font-family: 'avenirlight';

}

.name{
    font-family: 'Mr De Haviland', cursive;
  letter-spacing: 2px;
}

#bg{
  background-color:rgba(215, 163, 75, 0.4);
  color: white;
}

.Ex-hed{
    color: white;
    text-align:center;
    white-space:pre-wrap;
    font-family: 'halantlight';

}

.para-hed{

}

.mid-para{
    color: white;
    font-family: 'avenirlight';
    text-align: justify;
}


@media only screen and  (min-width:1480px){
    
.mid-para{
    color: white;
    font-family: 'avenirlight';
    font-size: 16px;
    text-align: justify;

}


}

/* Style the banner container */

  /* Style for the navigation bar */
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    color: #fff;
  }
  
  /* Style for the menu icon */
  .menu-icon i{
    color: #ffffffea;
    cursor: pointer;
    padding-left: 50px;
    font-size: 40px;

  }
  
  /* Style for the logo */
  .cn-logo {
    display: flex;
    align-items: center;
    padding-left: 100px;
  }
  
  .cn-logo .logo img {
    height: 100px;
    /* Adjust the height as needed */
  }
  
  
  /* Style for the mail, call, and message icons */
  .share-icon {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding-right: 50px;
  }
  
  .share-icon svg {
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
  }

  .share-icon .phoe, .mail, .cont-1{
    border: 1px solid white;
    border-radius: 100%;
    height: 38px;
    width: 40px;
  }

 
  /* ------------------------------------------------------ */
  
  .share-icon-1 {
    display: flex;
    align-items: center;
    column-gap: 19px;
    cursor: pointer;
    float: right;
    margin-top: -4.5%;
    align-items: center;
    justify-content: center;
  }
  
  .share-icon-1 svg {
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
  }
  

  .share-icon-1 .phoe-2, .mail-2, .cont-2{
    border: 1px solid white;
    border-radius: 100%;
    height: 38px;
    width: 40px;
  }
  
  .icon-container-1 {
    display: inline-block;
    transition: transform 0.3s; /* Adds a smooth transition effect */
  }
  
  .icon-container-1:hover {
    transform: scale(1.2); /* Increase the scale to zoom in (1.2 represents 120% of the original size) */
  }
  
  
  /* Style for the menu popup */
  .menu-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
   
  
  }
  
  .menu-popup .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .container-1 {
    color: rgba(64, 25, 14, 0.9);
    font-size: 15px;
   
   
  }
  
  .language{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid rgba(64, 25, 14, 0.9);
    padding-bottom: 1%;
    cursor: pointer;
    height: 50px;
    font-size: 15px;
  }

  #scroll{
    height: 100px;
  }

  .menu-item a{
    color:white ;
  }
  
  .menu-item a:hover{
    color:rgba(64, 25, 14, 0.9) ;
  }
  
  .menu-item1 {
   
  
    position: relative;
  }
  
  .menu-item1::before {
    content: '';
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transprant;
    transform-origin: center;
    transition: transform .3s ease-in-out; /* Adjust the duration here */
    z-index: -1;
  }
  
  .menu-item1:hover::before {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid white;
        border-radius: 20px;
  
    transform: rotateX(.5turn);
  }
  
  .menu-item1 {
  
    padding: 10px;
    position: relative;
  }
  
  .menu-column {
    display: flex;
    flex-direction: column;
  }
  
  .menu-item {
    margin: 15px 0;
    cursor: pointer;
    font-family: 'avenirlight';
    text-align: center;
    padding: 3px;
  }
  
  .menu-item1 a{
    color: white;
  }

  .menu-item1 a:hover{
    color: rgba(64, 25, 14, 0.9);
  }

  .menu-item1 {
    margin: 10px 0;
    cursor: pointer;
    font-family: 'avenirlight';
   
    padding-left: 50px;
  }

  .menu-item1 i{
    color: white;
  }
  
  .popup-close {
    position: absolute;
    top: 30px;
    left: 60px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    padding-top: 9px;
    padding-left: 11px;
  }
  
  
  @keyframes slideIn {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes slideOut {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
  
    100% {
      transform: translateY(-100%);
      opacity: 0;
    }
  }
  
  .container-1::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: -1;
    border-radius: 20px;
  }
  
   h4 {
    color: white;
    font-family: 'bits_indian_calligraregular';
  }
  
  .menu-item:hover {
    text-decoration: underline;
    transition: width 0.3s ease;
  }
  
 
  
 
  
  #scroll{
  height: 78vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  
  #scroll::-webkit-scrollbar {
    width: 0.0em;
  }
  
  #scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  #scroll::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  #scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .sqs-col-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .pop-hed{
    width: 100px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 2px;
    margin-top: 3%;
  }

  .pop-hed img{
    width: 100%;
    height: 80px;
  }

  .head-side{
    margin-top:1%;
    font-size: 40px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(64, 25, 14, 0.9);
  }

  .side-head{
    margin-top: 5%;
    font-size: 40px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(64, 25, 14, 0.9);
  }

 #text-top{
  position: relative;
  height: 10vh;
 }

  #pooja-menu{
    margin-top: 25%;
  }
 
  .sqs-col-12 {
    width: 100%
}



#menu-center{
  margin-left: -50%;
  margin-right: -50%;
  overflow-x: hidden;
}


@media  (max-width:640px) 
  {
  
    #menu-center{
      /* display:flex; */
      /* flex-direction: column; */
      margin-left: 0;
      margin-right: 0;
      overflow-x: hidden;
    }
   
  .cn-logo {
    padding-left: 10px;
    width: 10px;

  }

  .cn-logo .logo img {
    height: 80px;
  }

  
  .menu-icon i {
    margin-left: -65%;
    font-size: 30px;
  }

  .menu-popup {
    height: 100%;
    padding: 30px;
  }

  .menu-item1 {
    /* padding-left: 30px; */
    padding: 10px;
  }

  .pop-hed {
    padding-top: 2%;
    font-size: 30px;

  }

  .menu-item {
    margin: 10px 0;
    padding: 5px;
    font-size: 12px;
  }

 

  .pop-hed {
    font-size: 30px;
    margin-left: 2%;
    margin-top: 2%;
    /* border-bottom: 1px solid rgba(64, 25, 14, 0.9); */
  }

  .head-side {
    margin-top: 1%;
    font-size: 30px;
  }

  .side-head {
    margin-top: 2%;
    font-size: 30px;
  }

  .navbar {
    height: auto;
  }

  #pooja-menu {
    margin-top: 0;
  }

  .popup-close {
    position: absolute;
    padding:0;
    left: 30px;


  }

  .share-icon-1 {
display: none; 
 }

  .menu-popup .bg-video {

    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }

  .share-icon {
display: none;
}

  #bor{
    border: 1px solid rgba(215, 163, 75, 0.4);
    border-radius: 10px;
    background-color: rgba(215, 163, 75, 0.4);
    margin-top: 5%;
    padding: 7%;
    
}

#top-bor{
  margin-top: -12%;
}


}


.list{
    display: flex;
    justify-content: space-between;

}
.cover-image {
    object-fit: cover;
  height: 260px; 
width: 350px;
}
.image-container {
    position: relative;
}

.image-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 60px; /* Adjust the minimum height as needed */
    background-image: linear-gradient(180deg, rgb(60, 56, 56,0.0),  rgb(60, 56, 56,0.9));    color: white; /* Text color */
    padding: 5px; /* Adjust the padding as needed */
    text-align: center; /* Center-align the text horizontally */
    display: flex;
    align-items:center;
        justify-content:center;
vertical-align: middle;
margin-bottom:7px;
font-family: 'avenirlight';
}


@media screen and (min-width: 2441px) {
    .cover-image {
    object-fit: cover;
  height: 350px; 
width: 650px;
}
}
@media screen and (min-width: 1840px) and (max-width: 2440px) {
    .cover-image {
    object-fit: cover;
  height: 300px; 
width: 580px;
}
}
@media screen and (min-width: 1640px) and (max-width: 1840px) {
    .cover-image {
    object-fit: cover;
  height: 300px; 
width: 500px;
}
}
@media screen and (min-width: 1540px) and (max-width: 1640px) {
    .cover-image {
    object-fit: cover;
  height: 290px; 
width: 450px;
}
}
@media screen and (min-width: 1440px) and (max-width: 1540px) {
    .cover-image {
    object-fit: cover;
  height: 260px; 
width: 400px;
}
}
@media screen and (min-width: 1300) and (max-width: 1440) {
    .cover-image {
    object-fit: cover;
  height: 260px; 
width: 450px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
    .cover-image {
    object-fit: cover;
  height: 260px; 
width: 300px;
}
}
@media screen and (min-width: 858px) and (max-width: 992px) {

    .cover-image {
    object-fit: cover;
  height: 260px; 
width: 250px;
}
}
@media screen and (min-width: 768px) and (max-width: 858px) {

.cover-image {
object-fit: cover;
height: 260px; 
width: 220px;
}
}@media screen and (min-width: 550px) and (max-width: 768px) {
    .list{
    display: Block;

}
.cover-image {
    margin-top:10px;
object-fit: cover;
height: 450px; 
width: 100%;
}
}
@media screen and (min-width: 300px) and (max-width: 550px) {
    .list{
    display: Block;

}
.cover-image {
    margin-top:10px;
object-fit: cover;
height: 250px; 
width: 100%;
}
}