body {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    overflow-x: hidden;
    max-width: 100%;
    max-height: 100%;


}
@media (max-width: 768px) {
    body {
      overflow:unset; /* or any other overflow property you prefer for mobile screens */
    }
  }

 h {
   font-weight: 500;
 }

 date {
   color: #e96f0b;
   font-weight: 500;
   font-size: 40px;
 }

 .topbox {
   background-color: #e96f0b;
   height: 310px;

 }


 .red {
   color: #e96f0b;
 }

 line {
   height: 3px;
   color: #e96f0b;
   background-color: #da681c;
   width: auto;
 }

 .mainbox {
   height: 290px;
   background-color: #ffffff;
   border-radius: 5px;
 }
 @media (min-width:992px){
    .mainbox {
        height: 152px;
        background-color: #ffffff;
        border-radius: 5px;
      }
      .topbox {
        background-color: #e96f0b;
        height: 165px;

      }
 }
 .head11{
    display: flex;
    flex-direction: column;
    min-height: 100vh;

 }

 .bgred {
   background-color: #e96f0b;
 }
 .bg1 {
    background-color: #e96f0b;
  }
 /* Define the image size class */
 .carousel-image {
    max-height: 50px; /* Adjust the max height as needed */
    object-fit: cover;
    width: 100%;
  }
  .card{
    padding: 8px 5px;
    border-radius: 20px;
    width: 95%;
    box-shadow: 1px 2px #c2c0c0;
  }
  @media screen and (min-width: 928px) {
    .carousel-image {
    max-height: 180px; /* Adjust the max height as needed */
    object-fit: cover;
    width: 100%;
  }
}
 .layout {
   width: 100%;

   display: grid;
   grid-template-rows: 1fr;
   grid-template-columns: 0.2fr 1fr 0.2fr;
   gap: 8px;
 }

 .layout2 {
   width: 100%;
   display: grid;
   grid-template-rows: repeat(2, 1fr);
   grid-template-columns: repeat(2, 4fr);
   gap: 18px 0;
   align-items: center;
 }

 .layout3 {
   width: 100%;
   display: grid;
   grid-template-rows: repeat(2, 1fr);
   grid-template-columns: 1fr;
   gap: 8px;
 }

 .layout4 {
   display: flex;
   gap: 16px;
 }

 .arrow {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .arrowbg {
   background-color: #e96f0b;
   border-radius: 50%;
 }

 .shadow {
   box-shadow: 5px 10px #888888;
 }

 .borderred {
   border: 1px solid #e96f0b;
   border-bottom: none;
 }

 .borderred2 {
   border: 1px solid #e96f0b;
   border-top: none;
 }

 table,
 th,
 td {
   border: 1px solid #e96f0b;
 }

 @media (max-width: 767px) {
   .txtsm {
     font-size: 12px;
   }

   .cpright {
     padding-top: 0;
   }
 }

 .top {
   position: relative;
   top: -30px;
   right: 06px;
 }

 .box-center {

   width: 100%;
 }

 .layout11 {
   width: 100%;
   display: flex;
   gap: 5px;
 }

 .grow1 {
   flex-grow: 1;
   border-radius: 5px;
   box-shadow: 1px solid #888888;
 }

 .sec-end {
   width: 100%;
   height: 2px;
   background-color: #ffffff;
 }

 .layout12 {
   width: 100%;

   display: flex;
   gap: 0px;
 }

 .layoutbox {
   width: 100%;
   display: grid;
   grid-template-rows: repeat(auto-fit, 1fr);
   grid-template-columns: repeat(3, 1fr);
   gap: 8px;
 }

 .bimg {
   width: 80px;
   height: 80px;
   border-radius: 40%;
   align-items: center;
 }

 .bdr {
   border: 3px solid #da681c;
   border-radius: 50% 0% 20% 0%;
 }
 .lang{
    position: relative;
    float: right;
    z-index:99;
 }

 .bdr-1 {
   border: 3px solid #da681c;
   border-radius: 15% 0% 15% 0%;
 }

 .bdr2 {
   border: 3px solid #ffffff;
   border-radius: 0% 0% 50% 0%;
 }

 .bxshadow {
   box-shadow:
     inset 0 -3em 3em rgba(219, 214, 214, 0.1),
     0.3em 1.3em 1em rgba(255, 255, 255, 0.3);
 }

 .bgx {
   background-repeat: repeat-x;
   height: 89px;
   width: 100%;
   z-index: 1;
   position: relative;
   opacity: 25%;
 }

 .headtop {
   top: -20px;
   position: relative;
 }

 .brb {
   border-bottom: 3.5px solid gold;
   border-radius: 10px;
 }

 .topp {
   position: relative;
   top: -78px;
 }

 @media (min-width: 992px) {
   .cpright {
     padding-top: 50px;
   }
   .centertxt{
    padding-left: 30px;
   }
 }

 .boxs {
   border-radius: 20px;
   box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
 }

 /* services */


 .card2 {
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 60px;
   margin-bottom: 0px;
   border: none !important;
   background-color: white;
   border-radius: 20px;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2)
 }

 .blue-text {
   color: #00BCD4
 }

 .blue{
    color: #e96f0b;
    font-size: large;
 }

 .form-control-label {
   margin-bottom: 0
 }

 input,
 textarea,
 button {
   padding: 8px 15px;
   border-radius: 5px !important;
   margin: 5px 0px;
   box-sizing: border-box;
   border: 1px solid #ccc;
   font-size: 18px !important;
   font-weight: 300
 }

 input:focus,
 textarea:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: 1px solid #00BCD4;
   outline-width: 0;
   font-weight: 400
 }

 .btn-block {
   text-transform: uppercase;
   font-size: 15px !important;
   font-weight: 400;
   height: 43px;
   cursor: pointer
 }

 .btn-block:hover {
   color: #fff !important
 }

 button:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   outline-width: 0
 }
 a{
  text-decoration: none !important;

 }
 .navbar {
  display: flex;
  align-items: center;
}

.menu-icon {
  display: none;
  cursor: pointer;
}

.bar {
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 5px 0;
}

.navbar-links {
  display: flex;
  flex-direction: row;

}

/* Media Query for mobile screens */
@media only screen and (max-width: 768px) {
  .menu-icon {
    display: block;
  }
  .navbar-links {
    display: none;
    flex-direction: column;
  }
  .collapsed {
    display: flex;
  }
  .centertxt{
    padding-left: 0;
  }
}



/* bhakthigeet  */

.centertxt{
  padding-left: 50px;
}
.box12{
  width: 100%;
height: auto;

}

.bg-head{
 background-color: rgba(156, 222, 211, 0.39);
}


.whats-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    left: 15px;
}

.my-float {
    margin-top: 16px;
}

body {
    font-family: 'Ramabhadra';font-size: 22px;
}
.content{
    flex: 1 0 auto;
}
.top-heading{
    margin-top: -70px;
}
.footer-sec
{
    display: flex;
    justify-content: space-around;
}
@media (max-width:768px){
    .topp2{
        margin-top: 20px;
    }

}
.book_bdr{
    border-radius: 20px;
}


.event-highlight {
    background-color: #aaffaa; /* Set your desired background color */
    border-radius: 5px;
    padding: 3px;
    color: #333; /* Set your desired text color */
}
/* AD POP UP CSS STARTS */
.ad-container {
  position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); /* Transparent black */
      z-index: 999; /* Higher z-index than other elements */
      display: flex;
      justify-content: center;
      align-items:center;
      border: 1px solid #fff;
      
   
}
 
 
#cancelIcon{
  position: absolute;
  
  cursor: pointer;
 
  padding: 5px;
  top: 15px;
  right: 15px;
  margin: 10px;
}
 
/* ------------------- */