/* banner css */

.page-title{
    background-position: bottom center;
  background-attachment: fixed;
}
.page-title .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
.page-title h1{
    display: block;
    top: 0;
    margin-top: 0px;
}
.page-title .auto-container{
    height: 100%;
    bottom: 0;
    align-items: center;
    justify-content: center;
}

.page-title{
    display: flex;
}

section.page-title .container {
    position: relative;
    height: 100%;
}

.row.pgtitl {
height: 100%;
}

.event-cont {
    text-align: left;
  align-self: center;
}

.event-cont span {
    color: white;
    background: var(--secondary-color);
    padding: 5px 30px;
    border-radius: 25px;
    font-weight: 600;
    letter-spacing: 1px;
}

.event-cont h1 {
    color: #facf21;
    font-size: 70px;
    line-height: 75px;
    font-weight: 700;
    margin: 20px 0;
}

.event-cont h3 {
    color: var(--white-color);
    font-weight: 400;
    font-size: 32px;
    text-shadow: 0 0 15px #000000;
}

/* gallery section */

section.attractionlist {
    position: relative;
    text-align: center;
    padding-bottom: 0px;
    justify-content: center;
    align-items: flex-end;
}

section.attractionlist .container {
    position: relative;
  height: 100%;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


section.attractionlist, section.attractionlist .container{
    padding-left: 0;
    padding-right: 0;
    /* background: #172423; */
}
section.attractionlist .pro-img img{
width: 100%;
height: 260px;
object-fit: cover;
margin-bottom: 10px;
  border-radius: 10px;
}
section.attractionlist .pro-content h4{
    font-size: 1.6em;
    font-weight: 500;
    color: var(--heading-color);
    margin-bottom: 10px;
}
section.attractionlist .pro-content p{
    margin-bottom: 0;
    color: var(--black-color);
}
section.attractionlist button.owl-next, section.attractionlist button.owl-prev{
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: .7;
    transition: opacity .3s;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
}
section.attractionlist button.owl-next{
    left: auto;
    right: 0%;
}
section.attractionlist button.owl-next:hover, section.attractionlist button.owl-prev:hover{
    opacity: 1;
}
section.attractionlist button.owl-next i, section.attractionlist button.owl-prev i{
    color: var(--white-color);
    font-size: 25px;
}

select option{
background-color: #00000073 !important;
    color:white !important;
}


.btn-outline-danger {
    font-size: 50px;
    color: white;
     border-color:transparent; 
}

.btn-outline-danger:hover {
	border-color:transparent; 
  background: transparent ;
}

section.attractionlist .head-sec {
    padding-bottom: 50px;
      width: 100%;
}

section.attractionlist .head-sec p {
    font-size: 18px;
    text-align: left;
}

/* amenities section */


section.amenities {
padding:30px 12px 60px;
}

section.amenities .container{
padding:0px;
}

.amn-row {
justify-content: space-between;
}

.amn-box {
    background: #f5f5f5;
    width: 32%;
      padding: 25px;
    border-radius: 10px;
}

.amn-hed {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.amn-hed h4 {
    font-size: 40px;
}

.amn-line {
    width: 100%;
    border: 1px solid #b0b8be78;
    margin-top: -10px;
    margin-left: 20px;
}

.amn-box ul li {
    font-size: 18px;
}

.amn-btm {
    padding-top: 40px;
}

.amn-btm .amnbtm-on {
font-weight:bold;
  line-height: 24px;
    font-size: 18px;
  color: var(--heading-color);
}

p.amnbtm-pt {
    margin-bottom: 0;
  color: var(--heading-color);
}


/* memory section */

.nwbk {
  	background: url("/front/images/wed.webp");
    position: relative;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
  	background-attachment: fixed;
    padding:7em 0;
    justify-content: center;
    align-items: flex-end;
  
}


 .nwbk .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

section.nwbk .container {
    position: relative;
  height: 100%;
}

.nwbk h2 {
    color: white;
    letter-spacing: 4px;
  margin-top:20px;
      font-size: 36px;
}


/* testimonial section */

section.testimonial {
position:relative;
  padding:120px 12px;
}

.test-row {
justify-content: space-between;
}

.testlft{
  width: 32%;
      overflow-x: hidden;
}

.testlft h2 {
    font-size: 44px;
    line-height: 58px;
  overflow-x: hidden;
}

.testlft p {
text-align: left;
}

.testrght {
        width: 65%;
    background: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
}

.testrght p{
    text-align: left;
}

.test-rating {
    margin-bottom: 15px;
}

.test-rating i {
    color: #FACF21;
}

.netesti.row img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}

.netesti.row {
    padding: 80px 0 0;
}

.netesticont {
    display: flex;
    flex-direction: column;
    justify-content: center;
  padding:0;
}

.netesti.row h5 {
    margin: 0;
}

.netesti.row p {
    color: var(--secondary-color);
  margin:0;
}


/* booking section */


.bknow {
  	background: url("/front/images/top-view-lake-dock.webp");
    position: relative;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 7em 0;
    justify-content: center;
    align-items: flex-end;
}


.bknow .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

section.bknow .container {
    position: relative;
  height: 100%;
}

section.bknow h1 {
    border-bottom: 4px solid var(--white-color);
    padding: 20px 0;
    margin: 0;
    margin-bottom: 40px;
}

section.bknow span {
    background: transparent;
    padding: 0;
    font-size: 18px;
}

.amn-box ul li:before {   
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: var(--secondary-color);
  font-weight: 700;
}

section.testimonial h2 {
    overflow-x: hidden;
}


