

.pdf-container {
    padding: 20px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
  }
  
  .pdf-object {
    width: 100%;
    height: 600px;
  }
  
  @media screen and (max-width: 768px) {
    .pdf-object {
      height: 400px;
    }
  }



  
  .toolbar {
    position: absolute; /* Position the toolbar absolutely relative to its parent */
    top: 0; /* Position the toolbar at the top of the iframe container */
    left: 0; /* Position the toolbar at the left of the iframe container */
    width: 100%; /* Set the toolbar width to match the container */
    background-color: rgba(255,239,226,1); /* Set the background color to light gray */
    padding: 25px; /* Add some padding to the toolbar */
    box-sizing: border-box; /* Include padding in the width of the toolbar */
  }








.header-wrapper {
    width: 100%;
    background-color: rgb(52, 23, 53);
    
  position: sticky;
  top: 0;
    padding: 25px 0px 47px 0px;
    z-index: 5;
}

.header-wrapper img{
    height: 55px;
}


@media screen and (max-width: 740px) {
    .header-wrapper{
        padding-top: 16px;
        text-align: center;
    }
 
    .header-wrapper img{
        text-align: center !important;
    }
 }
.social-media {
    text-align: right;
    padding-top: 15px;
}
.social-media a {
    color: #d9c6c0;
    text-decoration: none;
    font-size: 16px;
    margin: 0px 10px;
}
.bookseva {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid #f1c152;
    float: left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #f1c152;
    padding: 8px 0px;
    margin: 5px 0px 0px 0px;
}


.location{
    display: flex;
    justify-content: center;
 
   
}






.bannerbtm-con img {
    position: relative;
    top: -61px;
}

.welcome-container {
    margin-bottom: 80px;
    text-align: center;
    
}

.welcome-container h5 {
    font-family: 'Libre Baskerville', serif;
    padding: 0px;
    margin: 0px;
    color: #412236;
    font-size: 26px;
}
.welcome-container h2 {
    font-family: 'Libre Baskerville', serif;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    color: #412236;
    font-size: 32px;
}
.welcome-underline {
    margin-top: 10px;
    margin-bottom: 30px;
}
.welcome-container .col-lg-8 {
    padding-right: 60px;
    text-align: justify;
}

.welcome-icon {
    margin-top: -110px;
}
.welcome-icon img {
    vertical-align: middle;
    border-style: none;
}
















.home-slider h2{
    font-size: 48px;
    line-height: auto;
}
.homeslider{
    width: 100%;
}




CONTACT 




  .contact-details-item {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 0px 30px 0px;
    position: relative;
    padding-left: 85px;
}

.contact-details-item:last-child {
    margin-bottom: 0px;
}

.contact-details-item h5 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 5px 0px;
    font-size: 16px;
    font-weight: 500;
}

.contact-details-item p {
    line-height: 22px;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.contact-details-item h6 {
    font-size: 15px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 22px;
}

.contact-details-item h6 a {
    color: var(--textcolor);
    text-decoration: none;
}

.contact-details-item span {
    width: 65px;
    height: 65px;
    background: var(--blue);
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    line-height: 65px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
}
.letsconnect-con .col-lg-4 input {
    width: 100%;
    height: 42px;
    font-size: 15px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding-left: 12px;
    transition-duration: 0.3s;
}

.letsconnect-con .col-lg-12 textarea {
    width: 100%;
    height: 105px;
    font-size: 15px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding-left: 12px;
    transition-duration: 0.3s;
}

.letsconnect-con .col-lg-4 input:focus,
.letsconnect-con .col-lg-12 textarea:focus {
    outline: none;
    border-color: var(--OrangeColor);
}

.letsconnect-con .col-lg-3 button {
    width: 100%;
    padding: 10px 0px;
    margin: -7px 0px 0px 0px;
    background:#f1c152;;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    border: none;
    outline: none;
}

.letsconnect-con .col-lg-4,
.letsconnect-con .col-lg-12 {
    padding-bottom: 15px;
}

.letsconnect-con h4 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 15px 0px;
    color: #fff;
}
  





.footer-wrap{
    width: 100%;
    height: 75px;
    background: rgb(52, 23, 53);
    font-size: 15px;
    color: #fdfeff;
    padding-top: 25px;
}

.footer-wrap .col-lg-6:last-child{
    text-align: right;
}

.footer-wrap .col-lg-6:last-child a{
    color: #b1b7bc;
    text-decoration: none;
    transition-duration: 0.3s;
}

.footer-wrap .col-lg-6:last-child a:hover{
    color: #fff;
}


@media screen and (max-width: 740px) {
    .footer-wrap{
        padding-top: 16px;
        text-align: center;
    }
 
    .footer-wrap .col-lg-6{
        text-align: center !important;
    }
 }





 .square-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 400px; /* adjust the maximum width as needed */
    height: 0;
    padding-bottom: 100%; /* set the padding to create a square shape */
    position: relative;
  }
  
  .square-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; /* resize the image to fill the container */
  }
  
  .square-container h6 {
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0;
    padding: 10px;
  }


  
  .vettekaran-container .col-lg-4 img {
    width: 100%;
    z-index: 0;
    height: 300px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 90%;
    object-fit: cover;
    background-color: rgba(228, 207, 183, 0.6);;;
    margin-top: 20px;
}
.vettekaran-container .col-lg-4 h5{
    text-align: center;
}




.history-page img{

 width: 100%;
    height: 300px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 90%;
    object-fit: cover;
}
.history-mal .col-lg-4 img{
    
 width: 100%;
 height: 300px;
 -moz-border-radius: 35px;
 border-radius: 35px;
 height: 100%;
 object-fit: cover;
}





.footertop-con {
    margin-top: 80px;
    margin-bottom: 80px;
}
.footertop-con row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.opening-time-con {
    width: 100%;
    float: left;
    background-color: rgba(228, 207, 183, 0.6);
    padding: 45px 35px;
}

.opening-time-con h3 {
    font-family: 'Libre Baskerville', serif;
    padding: 0px 0px 0px 70px;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    color: #412236;
    font-size: 28px;
    position: relative;
}

.opening-time-con p {
    font-family: 'Baloo Chettan 2', cursive !important;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    line-height: 30px;
}

.opening-time-con h6 {
    font-family: 'Baloo Chettan 2', cursive !important;
    font-weight: 500;
    padding: 14px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    border-top: 1px dashed #333333;
}





.play-video {
    width: 100%;
    background-color: rgba(125, 89, 46, 0.8);
    float: left;
}






HISTORY PAGE


.pagecontainer {
    margin-bottom: 65px;
    margin-top: 10px;
}
.history-page .row {
    margin-bottom: 45px;
}
.history-eng .col-lg-8, .history-mal .col-lg-8 {
    padding-left: 15px;
    padding-right: 15px;
}
.history-mal .col-lg-4 img {
    height: 300px;
    width: 350px;
    margin-bottom: 15px;
    padding: 15px;
}
.history-eng .col-lg-4 img{
    height: 300px;
    width: 450px;
    margin-bottom: 15px;
}
.history-page .row:last-child {
    margin-bottom: 0px;
}


.page-header-banner {
    background: url(/img/banner.png) no-repeat center center fixed #0a0a0a;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 300px;
    margin-top: -23px;
    width: 100%;
    
}


.bannerbtm-con {
    width: 100%;
    text-align: center;
    position: relative;
    background: rgba(255,239,226,1);
    background: -moz-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,239,226,1)), color-stop(21%, rgba(255,239,226,1)), color-stop(100%, rgba(255,239,226,0)));
    background: -webkit-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: -o-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: linear-gradient(to bottom, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefe2', endColorstr='#ffefe2', GradientType=0 );
}

.page-header-banner h2 {
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #ffefe2;
    text-transform: uppercase;
    position: relative;
    top: 120px;
    font-weight: 900;
    font-size: 42px;
}




Page- Offerings
.pagecontainer {
    margin-bottom: 65px;
    margin-top: 10px;
}
.offering-list {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
}
.offering-list li {
    list-style: none;
    width: 50%;
    float: left;
    font-family: 'Baloo Chettan 2', cursive !important;
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px dashed #c5af98;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

page gallery



.gallery {
    list-style-type: none;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;

}
.gallery li {
    margin: 7px;
    float: left;
    width: 207px;
    
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.gallery img {
width: 100%;
height: 227px;

}
.content{
   position: relative;
   left: 70px;

}

pagecontact 
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.contactus-page h3 {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase;
    color: #3a2136;
}
p {
    line-height: 26px;
}
.contactus-page h3 {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase;
    color: #3a2136;
}
.contactus-page .col-lg-8 input {
    background: none;
    border: 2px solid #d9b797;
    margin-bottom: 14px;
    height: 45px;
}

.contactus-page .col-lg-8 .btn {
    width: 100%;
    padding: 10px 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    background-color: #f1c152;
}
.contactus-page .col-lg-8 textarea {
    background: none;
    border: 2px solid #d9b797;
    margin-bottom: 12px;
    height: 145px;
}
.contactus-page .col-lg-8 input {
    background: none;
    border: 2px solid #d9b797;
    margin-bottom: 14px;
    height: 45px;
}
.contactus-page .row{
    margin-bottom: 15px;
}


.enquiry-wrapper {
    width: 100%;
    background: url(../img/color-bg-rep.jpg) repeat #412236;
}
.book-seva-yellow-con {
    width: 100%;
    background-color: #f1c152;
    margin-top: 60px;
    float: left;
}
.festival-notice {
    width: 96%;
    margin: 2%;
    height: 200px;
    background: url(../img/color-bg-rep.jpg) repeat;
    float: left;
}
.festival-notice img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.enquiry-wrapper .col-lg-8 {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
}
.enquiry-wrapper .col-lg-8 h2 {
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    width: 100%;
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    color: #ffefe2;
    font-size: 32px;
}
.enquiry-wrapper .col-lg-8 input {
    background: none;
    border: 2px solid #5d4150;
    color: #ffefe2;
    margin-bottom: 12px;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.enquiry-wrapper .col-lg-8 textarea {
    background: none;
    border: 2px solid #5d4150;
    color: #ffefe2;
    margin-bottom: 25px;
    height: 100px;
}
.enquiry-wrapper .col-lg-8 .btn {
    width: 100%;
    padding: 8px 0px;
    margin: 0px;
    font-size: 15px;
    font-weight: 700;
    background-color: #f1c152;
    color: #412236;
}






formobileview


.content {
    width: 1000px;
    padding-top: 20px;
}

.content ul {
    padding: 0;
    margin: 0;
    width: 100%;
}
.gallery ul li {
    margin-bottom: 15px;
}
.content ul li {
    width: 230px;
    float: left;
    list-style-type: none;
    margin-right: 20px;
}


@media screen and (max-widtth:700px) {

    
}


 







.social-media {
    text-align: right;
    padding-top: 15px;
}
.social-media a {
    color: #d9c6c0;
    text-decoration: none;
    font-size: 16px;
    margin: 0px 10px;
}
.bookseva {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid #f1c152;
    float: left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    color: #f1c152;
    padding: 8px 0px;
    margin: 5px 0px 0px 0px;
}
.bannerbtm-con {
    width: 100%;
    text-align: center;
    position: relative;
    background: rgba(255,239,226,1);
    background: -moz-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,239,226,1)), color-stop(21%, rgba(255,239,226,1)), color-stop(100%, rgba(255,239,226,0)));
    background: -webkit-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: -o-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    background: linear-gradient(to bottom, rgba(255,239,226,1) 0%, rgba(255,239,226,1) 21%, rgba(255,239,226,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefe2', endColorstr='#ffefe2', GradientType=0 );
}


.bannerbtm-con img {
    position: relative;
    top: -61px;
}




  
  
  
.navbar-toggler .line {
    display: block;
    height: 2px;
    width: 25px;
    margin: 3px auto;
    background-color: #fff;
}
  
  
.details  p{
     justify-content:center ;
     text-align: center;
     
}  


@media screen and (max-width:576px) {

  .underline {
    width: 100%;
  }  
  .header-wrapper img{
    width: 100%;
  }
  .enquiry-wrapper img{
    width: 100%;
  }
.welcome-container{
    height: 409px;
}
.footertop-con .col-lg-2{
display: flex;
justify-content: center;
padding-top: 20px;

}
.enquiry-wrapper .col-lg-8{
padding-right: 50px;    
}
.footertop-con .col-lg-6 h3 {
    
   display: inline;float: right;
}
.gallery .img{
    padding-right: 50px;
}

}


.vidclas{
    display: flex;
    justify-content: center;
    padding: 10px,10px;
    gap: 20px;
    flex-wrap: wrap;
}
.vidclas iframe {
    margin-bottom: 20px;
    margin-right: 10px;
    
    border-radius: 10px;
    border-color: #F1C152;
    max-width: 100%;
    height: 100%;
  }

    












 
 
