/*Top Section Button*/

.online_faq,.online_cons{text-align: center;}
.online_faq .button { background-color: #83a100;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: -40px 2px 50px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
.online_cons .button { background-color: #83a100;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 40px 2px 0px 2px;
  cursor: pointer;
  text-transform: uppercase;
}

/*FAQ*/

.faq-sec{width: 80%; margin-bottom: 90px;}

.faq-sec details{
  background-color: #faf4ed; border: 1px solid #eedcc2;
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;

}

.faq-sec summary {
  padding: .5em 1.3rem;
  list-style: none;
  display: flex;
  justify-content: space-between;  
  transition: height 1s ease;
  min-height: 80px;
  vertical-align: middle;
}

.faq-sec summary::-webkit-details-marker {
  display: none;
}

.faq-sec summary:after{
  content: "\002B";
  color: #bd8b41;
  font-size: 28px;
  font-weight: 600;
}

.faq-sec details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;

}

.faq-sec .faq-sec details[open] summary:after{
  content: "\00D7";
}

.faq-sec details[open] div{
  padding: .5em 1em;text-align: left;font-size: 16px;
}


/*****************FAQ END********************************/







.on_consultation {
    background-color: #fff;
    border: 2px solid #eedcc2;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;

    margin-top: 80px;
    padding: 50px 60px;
    text-align: center;
    width: 85%;
    max-width: 100%;
}
.on_consultation #consult_nowh1{font-size: 22px; padding-bottom: 40px; text-align: left;}
.on_consultation #consult_nowh11{font-size: 30px;padding-bottom: 15px; text-align: left;}
.on_consultation p{text-align: left;}
.on_consultation .getin_touch{padding-right: 40px; }
form {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
}

label {
    display: block;
    margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}

input[type="submit"] {
    background-color: #bd8b41;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
       width: 40%;
}

input[type="submit"]:hover {
    background-color: #b3976f;

}










/*Home Banner*/
.home-banner-main{/*-webkit-clip-path:ellipse(71% 59% at 50% 40%);
clip-path:ellipse(71% 59% at 50% 40%);*/
position:relative; background-color: #f0f0f0;

}
.landing-section {background-image:url("../landing/images/Backaground_imgwhite.jpg");
	box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.85);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;padding: 20px 80px 60px 80px;
 }


 
.land-title{text-transform: capitalize;}
 .space-divider{padding: 40px;}
 .sub-heading{text-transform: uppercase; letter-spacing: 5px; padding-bottom: 15px;}
 .lan_btn{vertical-align: middle;display: flex;justify-content: space-evenly;}
 .lan-button {
    position: absolute;
    /* bottom: 60px; */
    z-index: 300;
    transition: all 0.5s ease;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: 1px solid #E1C086; 
   

}
.lan-button a:link, .lan-button a:visited {
    display: block;
    padding: 15px 35px;
    background-color: #fff;
    color: #83a100;
    text-transform: uppercase;
}
.lan-button:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform, opacity;
}
.lan-button:hover, .lan-button:focus, .lan-button:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
/*AYURVEDA----------- YOGA---------------------WELLNESS*/
.therapy figure img{border: 3px solid #E1C086; padding: 10px;}
.therapy figcaption{text-align: center; }
.therapy figcaption h3{ font-weight: 600; font-size: 26px; padding: 20px;text-transform: capitalize;}
.therapy figcaption .moredetBtn a:link, .moredetBtn a:visited {font-size: 18px; text-transform: capitalize;}

/******************Contact Banner******************************************/
 
 .contact-data {background-image:url("../landing/images/gallery-banner-new.jpg");
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.8);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat; background-attachment: fixed;
  background-size: cover; padding:80px; padding-bottom:100px;
 }
 #white {color: #fff;}
 .contact-data .column1 h1, .contact-data .column1 p {color: #fff;}
 .contact-data .column1{padding-right: 80px; vertical-align: middle;padding-top: 40px;}
 .contact-data .contact-data-white {background-color: #fff; padding: 50px 40px;text-align:center;}
 .contact-data .contact-data-white h1 {color:#83a100;  font-size: 28px;}
 .column1 .lan-button a:link, .column1 .lan-button a:visited {
    background-color: #02010100; color: #fff;
}
.contact-data .contact-data-white .button  {
  background-color: #83a100;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 10px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
.contact-data .contact-data-white .button:hover{background-color: #479101;}

/***********About Us ***********/
.about-comp {/*background-image:url("../landing/images/bckgnd.png");*/
  background-position: center ;
  background-repeat: no-repeat;
  background-size: cover; padding:40px 80px;
 }
.abt-bg{background-image:url("../landing/images/ananda-ayurveda-resort-th-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;padding: 80px;
 }

 .about-comp {padding:0px 80px;}
 .aboutsctn{padding: 50px;text-align:center;}
 .aboutsctn .button { background-color: #83a100;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 2px 0px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
/*About us Gallery

div.gallery img {
  width: 100%;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 33.33%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}*/
/****************Room *******************/
.our-room{background-image:url("../landing/images/treatment-bckgnd.jpg");
    box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;padding: 80px  80px 30px 80px;
 }
 .our-room .room-tt h1, .our-room .room-tt p, .our-room .room-tt h6{text-align: center;}
.room-tt{max-width: 1000px; margin: 0 auto;}
.room-tt h1:before {
    content: url("../landing/images/line-1.png");
}
.room-tt h1:after {
    content: url("../landing/images/line-2.png");
}

.room-dtl{margin: 40px 0px;}
.room-dtl figcaption{text-align: center;padding: 30px 10px; }
.room-dtl .col1{text-align: center;}
.rdr .button { background-color: #dcb883;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 20px;
  cursor: pointer;
  text-transform: uppercase;
}
.rdr .button:hover, .rdr .button:focus, .rdr .button:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);transition: all 0.5s ease;
} 

.room-dtl figcaption h3{ font-weight: 600; font-size: 26px; padding-bottom: 10px; text-transform: capitalize;}
.room-beach ,.room-lake {border: 1px solid #E1C086; padding: 20px 30px; align-content: center;} 

/***************Facilities***********************/

.facilitiess {background-image:url("../landing/images/ananda-banner-3-new.jpg");
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.55);
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat; background-attachment: fixed;
  background-size: cover; padding:80px; padding-bottom:100px;
 }
 .facility-col{padding: 40px 50px;}
 .facilitiess .welcome-title { text-align: left;}
 #font_icon{color: #dcb883; font-size: 20px;}
 .fclty #fclty-item {font-size: 18px; color: #fff;}














/****************************************MOBILE VIEW **********************************************/
@media screen and (max-width:768px){
     .landing-section {padding: 40px 0px;
 }
.row.welcome_row {
    padding: 0px 0px 80px 0px;
}
.lan_btn {
    vertical-align: middle;
    display: flex;
    justify-content: flex-start;
}
}

@media screen and (max-width:768px){
     .contact-data  {padding: 80px 0px;
 }
/*Contact Banner*/ .contact-data .column1{padding-top: 0px;padding-right: 10px; padding-bottom: 90px;}

/*About*/.about-comp {padding: 10px 0px;}
 .aboutsctn{padding: 50px 10px;text-align:center;}
/*Room*/.our-room {padding: 50px  20px 0px 20px;
 }
 .room-beach ,.room-lake {border: 1px solid #E1C086; padding:0px; margin-bottom: 40px;} 

}
@media screen and (max-width:768px){.on_consultation .getin_touch{padding-right: 0px; margin-bottom:30px; }
.on_consultation {
    padding: 50px 30px;margin-top: 50px;}
    .faq-sec{width: 100%;}

    .faq-sec .faq-sec summary:after {
    padding: 20px;
}
.faq-sec summary {
    padding: .5em 0.5rem;}
    .faq-sec{width: 100%; margin-bottom: 50px;}

.online_faq .button { background-color: #83a100;
  border: none;
  color: white;
  padding: 14px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px 2px 50px 2px;
  cursor: pointer;
  text-transform: uppercase;
}
}