@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');



* {

    box-sizing: border-box;

}

/* font-family: "Barlow", sans-serif; */

/* font-family: "Roboto", sans-serif; */

:root {

    --defult-fontSize: 14px;

}

html {

    scroll-behavior: smooth;

  }

body{

    scroll-behavior: smooth;

    font-family: "Poppins", sans-serif;

}

a {

    display: inline-block;

    text-decoration: none !important;

    transition: 0.3s;

}

button{

    outline: none !important;

    cursor: pointer;

}

.compensate-for-scrollbar{

    margin: 0px !important;

}

body {

    margin: 0px;

    font-family: "Poppins", sans-serif;   

    transition: 0.3s;

    overflow-x: hidden;

    font-size: 20px;

    /* font-family: "Cinzel", serif; */



}

.logo a{

    display: inline-block;

}

.logo a img{

    width:125px;

}

ul{

    display: flex;

    align-items: center;

    padding: 0px;

    margin: 0px;

    list-style: none;

}

.top-bar{

    font-size: 16px;

    color: #fff;

    margin: 0px;

    font-weight: 500;

    background: #1f7b76;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 20px;

}

.top-bar .logo-right{

    display: block;

}

.top-bar p{

    margin: 0px;

    text-align: center;

    font-size: 14px;

}

nav .container{

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: 98%;



}

.shot-menu{

    display: none;

}

.right-menu{

    display: flex;

align-items: center;

}

.right-menu .menu ul{

    padding: 0px;

    margin: 0px;

    list-style: none;

    display: flex;

    align-items: center;



}

.right-menu .menu ul li a{

    display: inline-block;

    font-size: 16px;

    color: #000;

      font-weight: 500;

    padding: 10px 25px;

    transition: 0.3s;

}

.right-menu .menu ul li a.active{

    color: #75b482;

}

.right-menu .menu ul li a:hover{

    color: #75b482;

}

.bookbtn{

    background-image: linear-gradient(to right, #3dbd42, #0cb113);

    border: 0px;

    font-size: 14px;

    color: #fff;

    font-weight: 500;

    outline: none;

    cursor: pointer;

    padding: 11px 17px;

}

.bookbtn:hover{

    background-image: linear-gradient(to right, #0cb113, #3dbd42);

}

.tanclateBtn{

    border: 2px solid #4CAF50;

    background: #fff;

    font-size: 14px;

    color: #4CAF50;

    font-weight: 500;

    outline: none;

    cursor: pointer;

    padding: 9px 11px;

    margin-left: 10px;

    transition: 0.3s;

}

.tanclateBtn:hover{

    background: #4CAF50;

    color: #fff;

}

.shot-menu{

    color: #000;

    font-size: 20px;

    margin: 0px 15px;

}

.banner{

    height:calc(100vh - 134px);

    background: #ccc;

    overflow: hidden;

    position: relative;

}

.banner .owl-nav button{

   position: absolute;

   top: 50%;

   transform: translateY(-50%);

   left: 0px;

   width: 65px;

   height: 65px;

   outline: none;

   background: #4CAF50;

   cursor: pointer;

   border: 0px;

   opacity: 0.6;

   transition: 0.3s;

}

.banner .owl-nav button.owl-prev:before{

    content: "\f177";

   font: normal normal normal 14px / 1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    color: #fff;

    font-size: 30px;



}

.banner .owl-nav button.owl-next:before{

    content: "\f178";

   font: normal normal normal 14px / 1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    color: #fff;

    font-size: 30px;



}

.banner .owl-nav button:hover{

    opacity: 1;

}

.banner .owl-nav button span{

    display: none;

}

.banner .owl-nav button.owl-next{

     right: 0px;

    left: auto;

 }

.banner .owl-carousel{

    height: 100%;

}

.banner .owl-carousel .item{

    height: 100%;

    position: relative; 

}

.banner .owl-carousel .item img{

    width: 100%;

    /* height: 100%;

    object-fit: cover; */

}

.banner-content{

    position: absolute;

    inset: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background: rgb(0 0 0 / 55%);

}

.owl-stage-outer .owl-stage{

    display: flex;

}

.banner-content h2{

    color: #fff;

    margin: 0px;

    font-family: "Cinzel", serif;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 60px;

    width: 740px;

    text-align: center;

    max-width: 100%;

    line-height: 69px;



    position: relative;

    margin-bottom: 50px;

}

.banner-content h2 span{

    padding: 20px 0px;

    position: relative;

    display: block;

}

.banner-content h2 span::before{

    position: absolute;

    content: "";

    right: 0px;

    bottom: 0px;

    width: 100px;

    height: 2px;

    background: #fff;

}

.banner-content h2 span::after{

    position: absolute;

    content: "";

    right: 0px;

    bottom: 0px;

    width: 2px;

    height: 100px;

    background: #fff; 

}

.banner-content h2::before{

    position: absolute;

    content: "";

    left: 0px;

    top: 0px;

    width: 100px;

    height: 2px;

    background: #fff;

}

.banner-content h2::after{

    position: absolute;

    content: "";

    left: 0px;

    top: 0px;

    width: 2px;

    height: 100px;

    background: #fff;

}

.banner-content  a{

    color: #FFFFFF;

    font-weight: 500;

    font-size: 25px;

    padding: 13px 20px;

    background: #1f7b76;

    border-radius: 40px;

}

.banner-content  a i{

    margin-right: 10px;

}

.banner-content  a:hover{

    background: #F4A710;

}

.about-txt h4{

    font-size: 25px;

    color: #000;

    font-weight: 500;

    margin: 0px;

    display: flex;

    align-items: center;

    text-transform: uppercase;

}

.about-txt h4 span{

    width: 20px;

    height: 2px;

    background: #000;

    margin-right: 5px;

}

.about-txt h3{

    margin: 0px;

    font-size: 40px;

   

    color: #fff;

    font-weight: 600;

    margin-top: 15px;

    margin-bottom: 25px;

  



}

.wecare{

    padding: 80px 0px;

    position: relative;

}

.wecare h3{

    color: #009688;

}

.wecare h3 span{

    display: block;

    color: #75b482;

}

.about-txt p{

    font-size: 14px;

    color: #fff;

    margin: 0px;

    line-height: 35px;

}

.wecare .about-txt p{

    color: #000;

}

.wecare .about-txt{

    padding-left: 50px;

}
.services .heading h2{
    color: #fff;
}
.services .heading h3{
    color: #fff; 
}
.heading h2::before{
    background: #fff;
}
.heading h2::after{
    background: #fff;
}
.about-us{

    padding: 100px 0px;

}

.about-img img{

    width: 50%;

    object-fit: cover;

}

.about-img{

    display: flex;

    flex-wrap: wrap;

}

.about-img img:last-child{

    margin-right: 0px;

}

.services{

    position: relative;

    padding-top: 80px;

}

.wecare-txt img{

    width: 100%;

}

.services::before{

    background-image: url(../images/services.png);

    background-position: top;

    background-repeat: no-repeat;

    background-size: 100%;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    content: "";

    width: 100%;

    height: 360px;

    background-size: cover;

    opacity: 0.8;

}

/* .services::after{

    background: rgb(28 81 183 / 70%);



    background-size: 100%;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    content: "";

    width: 100%;

    height: 360px;

} */

.heading{

    text-align: center;

    margin-bottom: 50px;

    position: relative;



}

.heading h2{

    display: inline-block;

    margin: 0px;

    color: #75b482;

    font-size: 35px;

    font-weight: 300;

    position: relative;

    margin-bottom: 10px;

    /* text-shadow: 0px 0px 5px #000; */

}

.heading h2::before{

    content: "";

    height: 2px;

    background: #75b482;

    width: 50px;

    position: absolute;

    left: -60px;

    top: 20px;

}

.heading h2::after{

    content: "";

    height: 2px;

    background: #75b482;

    width: 50px;

    position: absolute;

    right: -60px;

    top: 20px;

}

.heading h3{

    margin: 0px;

    font-size: 50px;

    font-weight: 600;

    color: #009688;

    text-transform: uppercase;

    

    /* text-shadow: 0px 0px 5px #000; */

}

.services .container{

    position: relative;

    z-index: 1;

}

.owl-carousel{

    overflow: hidden;

}

.services .container .item{

    height: 210px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background: #1f7b76;

}

.services .container .item img{

    width: 64px;

    margin-bottom: 15px;

}

.services .container .item  label{

    display: block;

    color: #fff;

    font-size: 27px;

    font-weight: 600;

    margin: 0px;

}

.backred{

    background: #F84949 !important;

}

.backylw{

    background: #F4A710 !important;

}

.backgrn{

    background: #3CF06E !important;

}

.services .container .owl-nav{

    text-align: center;

    margin-top: 40px;

}

.services .container .owl-nav button{

    width: 45px;

    height: 45px;

    background: #009688;

    border: 1px solid #009688;

    cursor: pointer;

    outline: none;

    border-radius: 100%;

    margin: 0px 8px;

    transition: 0.3s;

}



.services .container .owl-nav button:hover{

    background: #75b482;

}

.services .container .owl-nav button.owl-prev:hover:before{

    color: #fff;

}

.services .container .owl-nav button.owl-next:hover:before{

    color: #fff;

}

.services .container .owl-nav button.owl-prev:before{

    content: "\f177";

   font: normal normal normal 14px / 1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    color: #fff;

    font-size: 20px;

}

.services .container  button.owl-next:before{

    content: "\f178";

    font: normal normal normal 14px / 1 FontAwesome;

     text-rendering: auto;

     -webkit-font-smoothing: antialiased;

     color: #fff;

     font-size: 20px;  

}

.services .container .owl-nav button span{

    display: none;

}

.services .container .owl-dots{

    display: none;

}

.nextjourny-img img{

    max-width: 100%;

}

.nextjourny{

    position: relative;

    padding: 80px 0px;

    overflow: hidden;

    background-image: url('../images/banner2.png');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    margin-top: 100px;

    margin-bottom: 100px;

}

.nextjourny:before{

    position: absolute;

        content: "";

        inset: 0px;

        background: rgb(0 0 0 / 68%); 

}

.gallery h2{

    color: #75b482;

}

.gallery h2::before{

    background: #75b482;

}

.gallery h2::after{

    background: #75b482;

}

.gallery h3{

    color: #009688;

}

#gallery .owl-nav{

    display: none;

}

#gallery .owl-dots{

    display: none;

}

#gallery .item a{

    display: block;

}

.facilities_item span{

    width: 80px;

    height: 80px;

    background: #009688;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 10px;

    border-radius: 100%;

}

.facilities_item span img{

    max-width: 100%;

}

.facilities_item h4{

    font-size: 25px;

    font-weight: 500;

    margin-bottom: 10px;

    color: #000;

}

.facilities_item {

    margin-bottom: 30px;

}

.facilities_item p{

    font-size: 14px;

   line-height: 25px;

    margin:0px;

    color: #000;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;  

    overflow: hidden;

}

.facilities{

    position: relative;

    overflow: hidden;

    padding: 80px 0px;

    padding-bottom: 50px;

}

.video{

    height: 590px;

    background: #000;

    overflow: hidden;

    position: relative;

}

.facilities .about-txt h4{

    color: #75b482;

}



.video img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.playbtn{

    width: 100px;

    height: 100px;

    border-radius: 100%;

    position: absolute;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    left: 50%;

    top: 50%;

    background: #009688;

    color: #fff;

    font-size: 30px;

    transform: translate(-50%, -50%);

}

.guestRvw .heading h2{

     color: #009688;

}

.guestRvw .heading  h3{

    color: #000;

}

.guestRvw .heading h2::before {

    background: #009688;

}

.guestRvw .heading h2::after {

    background: #009688;

}

.guestRvw{

    padding: 80px 0px;

    position: relative;

    overflow: hidden;

}

.review-btm-user{

    width: 100px;

    height: 100px;

    overflow: hidden;

    border-radius: 100%;

}

.review-btm-user img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.review-details{

    padding-left: 15px;

}

.review-details label{

    display: block;

    font-size: 26px;

    font-weight: 500;

    color: #1f7b76;

    margin: 0px;

}

.review-details span{

    font-size: 16px;

    font-weight: 500;

    color: #888888;

}

.review-btm-left{

    display: flex;

    align-items: center;

}

.review-item p{

    font-size: 18px;

    font-weight: 500;

    font-style: italic;

    margin: 0px;

    margin-bottom: 20px;

}

.review-btm{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

#review .owl-nav{

    display: none;

}

#review .owl-dots{

    display: none;

}

.headingtop{

    background-color: #009688;

    background-image: url(../images/contactbanner.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 40px 0px;

}

.headingtop h3{

    font-size: 55px;

    color: #fff;

    font-weight: 600;

    margin: 0px;

    text-align: center;

    text-transform: uppercase;

}

.contform{

    background-image: url(../images/gallery8.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 80px 0px;

    position: relative;

}

.contform form{

    width: 900px;

    padding: 20px 50px;

    background: #fff;

    max-width: 100%;

    margin: 0 auto;

}

.contform form h2{

    font-size: 40px;

    color: #000;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

    text-align: center;

}

.form-group{

    position: relative;

    width: 100%;

    padding-bottom: 25px;

    margin: 0px;

}

.form-group input{

    height: 50px;

    border: 1px solid #4CAF50;

    padding: 10px 15px;

    font-size: 14px;

    outline: none;

    width: 100%;

}

.form-group textarea{

    height: 120px;

    border: 1px solid #4CAF50;

    padding: 10px 15px;

    font-size: 14px;

    outline: none;

    width: 100%;

    resize: none;

    margin-bottom: 20px;

}

.form-group{

    text-align: center;

}

.sendBtn{

    color: #fff;

    font-size: 20px;

    font-weight: 600;

    padding: 10px 20px;

    background: #009688;

    cursor: pointer;

    border: 2px solid #009688;

    text-transform: uppercase;

}

 

.newsupdate .heading h2{

    color: #009688;

}

.newsupdate .heading  h3{

   color: #000;

}

.newsupdate .heading h2::before {

   background: #009688;

}

.newsupdate .heading h2::after {

   background: #009688;

}

.newsupdate{

    position: relative;

    padding: 80px 0px;

    overflow: hidden;

}

.news-item{

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 30px;

}

.news-img{

    width: 70%;

}

.news-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.news-dtls h3{

font-size: 30px;

color: #000;

margin: 0px;

margin-bottom: 15px;

font-weight: 600;

}

.news-dtls p{

    color: #000000;

    font-size:14px;

    margin: 0px;

    margin-bottom: 20px;

}

.news-dtls a{

    display: inline-block;

    font-size:15px;

    color: #1f7b76;

    padding-bottom: 6px;

    border-bottom: 1px solid #1f7b76;

}

.news-dtls a:hover{

    color: #000;

    border-bottom: 1px solid #000;

}

.news-dtls{width: 30%;

    border: 1px solid #ccc;

    padding: 20px;

    border-left: 0px;}



    .news-dtls span{

        width: 60px;

        background: #75b482;

    font-size: 14px;

    color: #fff;

    display: inline-block;

    text-align: center;

    padding: 8px 4px;

    margin-bottom: 15px;

    }

    .news-dtls span b{

        font-size: 25px;

        font-family: "Cinzel", serif;

        font-weight: 700;

        display: block;

        text-align: center;

    }

    .newsupdate .col-md-4  .news-dtls{

    width: 100%;

    border-left: 1px solid #ccc;

    }

    .newsupdate .col-md-12  .news-dtls span{

        background: #009688;

    }

    .footer-logo a{

        display: inline-block;

    }

    .footer-logo a img{

        max-width: 100%;

    }

    footer{

        background-image: url(../images/gallery11.jpg);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        position: relative;

        padding: 80px 0px;

        padding-bottom: 0px;

        overflow: hidden;

    }

    footer::before{

        content: "";

        position: absolute;

        background: rgb(0 0 0 / 88%);

        inset: 0px;

    }

    footer .container{

        position: relative;

    }

    .continfo{

        display: flex;

        align-items: center;

        flex-wrap: wrap;

    }

    .conti-icon{

        width: 70px;

    height: 70px;

    background: #75b482;

    font-size: 40px;

    text-align: center;

    padding: 7px;

    color: #fff;

    border-radius: 100%;

    }

    .conti-dtls{

        width: calc(100% - 70px);

        padding-left: 15px;

    }

    .conti-dtls a{

        display: inline-block;

        color: #fff;

        font-size: 15px;

    }

    .footer_item h3{

        display: inline-block;

        font-size: 25px;

        font-weight: 500;

        color: #fff;

        margin-bottom: 15px;

        padding-bottom: 6px;

        border-bottom: 1px solid #75b482;

        margin-bottom: 30px;

    }

    .footer_item ul{

        display: flex;

        align-items: flex-start;

        flex-wrap: wrap;

        width: 100%;

    

    }

    .footer_item ul li a{

        display: inline-block;

        padding: 5px 0px;

        font-size:14px;

       

        color: #fff;

    }

    .footer_item ul li a:hover{

        color: #009688

    }

    .mdlflx{

        flex-direction: row !important;

    }

    .mdlflx li{

        width: 50%;

    }

    .footer_item p{

        font-size: 14px;
         text-align: right;
        color: #fff;

       

        margin: 0px;

        margin-bottom: 15px;

    }

    .footer_item form{

        padding: 10px;

        border: 1px solid #fff;

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 15px;

    }

    .footer_item form input{

        height: 45px;

        color: #fff;

        border: 0px;

        padding: 10px 15px;

        font-size: 15px;

        background: transparent;

        outline: none;

    }

    .subsBtn{

        background: #009688;

        border: 1px solid #009688;

        font-size: 15px;

        font-weight: 500;

        cursor: pointer;

        outline: none;

        color: #fff;

        padding: 10px 10px;

    }

    .subsBtn:hover{

        background: transparent;

        color: #009688;

    }   

    .footer_item  p a{

 text-decoration: underline !important;

 color: #fff;

    }

    .footer_item  p a:hover{

        color: #253cbd;

    }

    .alncntr{

        align-items: center;

        margin-bottom: 50px;

    }

    .continfo{

        padding-bottom: 50px;

        border-bottom: 1px solid #fff;

        

    }

    .footer-btn .container{

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .footer-btn .container p{

        margin: 0px;

        color: #fff;



        font-size: 14px;

    }

    .footer-btn .container p a{

        display: inline-block;

       color: #009688;;

    }

    .footer-btn .container p i{

        color: #dd0808;

    }

    .footer-btn{

        background: #000;

        padding: 15px 0px;

      
    }

    .banner .owl-dots{

        display: none;

    }

    .banner .owl-stage-outer{

        height: 100%;

    }

    .banner .owl-stage-outer .owl-stage{

        height: 100%;

    }

    .banner .owl-stage-outer .owl-stage .owl-item{

        height: 100%;

    }

    .menu-btn{

        display: none;

    }

    #gallery .item a img{

        width: 100%;

    }

    .logo-right{

        display: none;

    }

    .page-banner{

        height: 400px;

        background: #000;

        overflow: hidden;

        position: relative;

        background-image: url(../images/gallery11.jpg);

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

    }

    /* .page-banner:before{

        position: absolute;

        content: "";

        inset: 0px;

        background: rgb(0 0 0 / 68%);

    } */

    .page-banner-content{

        position: absolute;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

        background: #009688c9;

        left: 50%;

        transform: translate(-50%, -50%);

        top: 50%;

        padding: 25px 30px;

    }
.aboutcontent-img .row{
    justify-content: center;
}
    .page-banner-content h1{

        font-size: 50px;
white-space: nowrap;
        margin: 0px;

        color: #fff;

        font-weight: 600;

        text-transform: uppercase;

        /* text-shadow: 0px 0px 5px #000; */

    }

    .page-banner-content  p{

        font-size: 25px;

        color: #fff;

        margin-top: 15px;

    }

    .page-banner-content  p a{

        font-weight: 500;

        color: #fff;

        position: relative;

    }

    .aboutcontent-img{

        width: 70%;

        margin: 0 auto;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-bottom: 50px;

    }

    .aboutcontent-img img{

             height: 400px;

             width: 100%;

             object-fit: cover;

    }

    .aboutcontent{

        padding: 80px 0px;

        position: relative;

        overflow: hidden;

        padding-bottom: 0px;

    } 

    .aboutcontent h2{

        font-size: 45px;

        color: #1f7b76;

        margin: 0px;

        text-align: center;

        margin-bottom: 20px;

        text-transform: uppercase;

        font-weight: 600;

    }

    .aboutcontent h2 span{

        color: #75b482;

    }



    .aboutcontent p{

        font-size: 14px;

        color: #000;

        margin: 0px;

        line-height: 25px;

        text-align: center;





        margin-bottom: 30px;

    }

    .aboutcontent ul li span{

        font-size: 18px;

    }

    .aboutcontent h3{

        font-size: 30px;

        color: #1f7b76;

        margin: 0px;

        text-align: center;

        text-transform: uppercase;

        font-weight: 600;

        width: 630px;

        max-width: 100%;

        margin: 0 auto;

        margin-bottom: 40px;

    }

    .aboutcontent h3 span{

        color: #75b482;

    }

    .aboutcontent ul{

        display: flex;

        flex-wrap: wrap;

        width: 100%;

    }

    .aboutcontent ul li{

        display: flex;

        width: 50%;

        font-size: 25px;

        color: #333;

        margin: 0px;

        text-align: left;

        font-weight: 500;

        margin-bottom: 40px;

    }

    .aboutcontent ul li i{color: #4CAF50;

    position: relative;

    margin-right: 8px;

top:5px;}

    .aboutcontent_ftr ul li {

        text-align: center;

    }

    .aboutcontent_ftr ul li span{

        width: 100px;

    height: 100px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    margin-bottom: 15px;

    background: rgb(117,180,130);

background: linear-gradient(133deg, rgba(117,180,130,1) 39%, rgba(31,123,118,1) 100%);

    }

    .aboutcontent_ftr ul li label{

        text-align: center;

        color: #009688;

        font-size: 40px;

        display: block;

        margin: 0px;

        font-weight: 600;

        margin-bottom: 20px;

    }

    .aboutcontent_ftr ul li p{

        line-height: 25px;

        font-size: 14px;

    

    }

    .aboutcontent_ftr ul li{

        width: 80%;

        margin: 0 auto;

        padding: 0px 15px;

        border: 1px solid #ccc;

        padding-top: 25px;

        border-radius: 10px;

        margin-bottom: 20px;

    }

    .offerItem{

        text-align: left;

    }

    .offerItem h4{

        color: #4CAF50;

        font-size: 30px; 

        font-weight: 600;

        margin: 0px;

        margin-bottom: 10px;



    }

    .contactsec{

        margin-bottom: 50px !important;

    }

    .offerItem p{

        text-align: left;

        font-size:14px;

    }

    .aboutcontent_ftr h3{

        margin-bottom: 50px;

    }

    .clor{

        color: #1f7b76 !important;

        font-weight: 600;

        margin-bottom: 30px;

    

    }

    .aboutcontentItem{

        height: 100%;

    border: 1px solid #1f7b76;

    padding: 20px;

    border-radius: 10px;

    background: rgb(63 81 181 / 7%);

    }

    .concept-text h3{

        color: #1f7b76 !important;

        font-weight: 600;

        margin-bottom: 10px;

        text-align: left;

    }

    .concept-text p{

        text-align: left;

    }

 .mgntop{

    margin-top: 50px;

 }

 .ap-pic img{

    width: 100%;

 }

 .contactBtn{

    background: rgb(117,180,130);

    background: linear-gradient(133deg, rgba(117,180,130,1) 39%, rgba(31,123,118,1) 100%);

    border: 0px;

    font-size: 17px;

    color: #fff;

    font-weight: 500;

    outline: none;

    cursor: pointer;

    padding: 11px 17px;

 }

 .contactBtn:hover{

    background: rgb(117,180,130);

    background: linear-gradient(133deg, rgba(117,180,130,1) 39%, rgba(31,123,118,1) 100%);

 }

 .contactsec{

    width: 600px;

    margin: 0 auto;

    text-align: center;

    background: rgb(63 81 181 / 14%);

    padding: 20px;

    border: 1px solid #1f7b76;

    border-radius: 10px;

    margin-top: 50px;

 }

 .tablist{

    position: sticky;

    top: 0px;

 }

 .tablist ul{

    display: flex;

    flex-direction: column;

    width: 100% !important;

 }

 .tablist ul li{

    width: 100% !important;

 }

 .tablist ul li {

    font-size: 20px;

    color: #000;

    margin: 0px;

    transition: 0.3px;

    cursor: pointer;

    text-decoration: underline;

 }

 .tablist ul li:hover{

  background: #009688 !important;

  color: #fff;

 }

 .tabItem h4{

    position: relative;

    padding-bottom: 5px;

 }

 .tabItem h4:before{

    content: "";

    width: 50px;

    height: 2px;

    position: absolute;

    background: #009688;

    bottom: 0px;

    left: 0px;

 }

 .tabItem h5{

    position: relative;

    padding-bottom: 5px;

 }

 .tabItem h5:before{

    content: "";

    width: 30px;

    height: 2px;

    position: absolute;

    background: #009688;

    bottom: 0px;

    left: 0px;

 }

 .tablist ul li.resp-tab-active{

    background: #009688 !important;

    color: #fff;

 }

 .tablist h3{

    color: #009688;

    text-transform: uppercase;

    margin: 0px;

    margin-bottom: 20px;

    font-size: 22px;

    position: relative;

    padding-bottom: 5px;

    font-weight: 600;

    padding-top: 30px;

    margin-left: 20px;

 }

 .tablist h3::before{

    content: "";

    width: 50px;

    height: 2px;

    position: absolute;

    background: #009688;

    bottom: 0px;

    left: 0px;

 }

 .servicessec {

    padding: 80px 0px;

 }

 .tablist{

    display: inline-block;

    width: 100%;

    border: 1px solid #ccc;

 }

 .topfeature h3{

    width: 800px;

    max-width: 100%;

    margin: 0 auto;

    color: #009688;

    text-transform: uppercase;

    text-align: center;

    font-weight: 600;

    margin-bottom: 50px;

 }

 .topfeature h3 span{

    color: #75b482;

 }

 .topfeature ul{

    flex-wrap: wrap;

    width: 100%;

    align-items: flex-start;

    border-bottom: 1px solid #ccc;

    margin-bottom: 50px;

 }

 .topfeature ul li{

 width: 25% !important;

 font-size: 20px;

 color: #000;

 margin-bottom: 15px;

 display: flex;

 }
.mapitem  a{
    word-break: break-all;
    
}
 .tabItem h3{

    color: #009688;

    text-transform: uppercase;

    margin: 0px;

    margin-bottom: 0px;

    font-size: 22px;

    position: relative;

    padding-bottom: 5px;

    font-weight: 600;

    margin-left: 0px; 

    margin-bottom: 25px;

 }

 .tabItem {

    padding: 0px;

    padding-top: 30px;

 }

 .tabItem h3:before{

    content: "";

    width: 50px;

    height: 2px;

    position: absolute;

    background: #009688;

    bottom: 0px;

    left: 0px;

 }

 .topfeature ul li i{color: #4CAF50;

    margin-right: 8px;

    position: relative;

    top: 5px;}

    .tabItem  img{

        max-width: 100%;

        height: 300px;

        object-fit: cover;

        width: 100%;

        margin-bottom: 30px;

    }

    .tabItem p{



        font-size: 14px;

        line-height: 25px;

    }

    .tabItem h4{

        color: #75b482;

        font-size: 25px;

        margin-top: 30px;

        font-family: "Cinzel", serif;

        font-weight: 600;

    }

    .tabItem h5{

        color: #75b482;

        font-size: 20px;

        margin-top: 30px;

        font-weight: 600;

    }

    .tabItem h6{

        color: #75b482;

        font-size: 20px;

        margin-top: 30px;

        font-weight: 600;

    }

    .serviceimg ul{

        flex-wrap: wrap;

        width: 100%;

        justify-content: space-between;

    }

    .serviceimg ul li{

        width:19.8%;

        height: 300px;

        position: relative;

        overflow: hidden;

    }

    .serviceimg ul li span{

        position: absolute;

        inset: 0px;

        background: rgb(0 0 0 / 60%);

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 25px;

        color: #fff;

    }

    .serviceimg ul li img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .faqs h3{

        font-size: 35px;



    color: #1f7b76;

    margin: 0px;

    text-align: center;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: 600;

    }

    .faqs h3 span{

        color: #75b482;

    }

    .faqs{

        padding: 80px 0px;

        overflow: hidden;

        padding-bottom: 0px;

    }

    .close .accordionItemContent{

        height:0px;

        transition:height 1s ease-out;

        -webkit-transform: scaleY(0);

        -o-transform: scaleY(0);

        -ms-transform: scaleY(0);

        transform: scaleY(0);

        float: none;

        display:block;

        

        

    }

    .open .accordionItemContent{

            padding: 20px;



        width: 100%;

        margin: 0px 0px 10px 0px;

        display:block;

        -webkit-transform: scaleY(1);

        -o-transform: scaleY(1);

        -ms-transform: scaleY(1);

        transform: scaleY(1);

        -webkit-transform-origin: top;

        -o-transform-origin: top;

        -ms-transform-origin: top;

        transform-origin: top;

    

        -webkit-transition: -webkit-transform 0.4s ease-out;

        -o-transition: -o-transform 0.4s ease;

        -ms-transition: -ms-transform 0.4s ease;

        transition: transform 0.4s ease;

            box-sizing: border-box;

    }

    

    .open .accordionItemHeading{

        margin:0px;

            -webkit-border-top-left-radius: 3px;

        -webkit-border-top-right-radius: 3px;

        -moz-border-radius-topleft: 3px;

        -moz-border-radius-topright: 3px;

        border-top-left-radius: 3px;

        border-top-right-radius: 3px;

        -webkit-border-bottom-right-radius: 0px;

        -webkit-border-bottom-left-radius: 0px;

        -moz-border-radius-bottomright: 0px;

        -moz-border-radius-bottomleft: 0px;

        border-bottom-right-radius: 0px;

        border-bottom-left-radius: 0px;

        background-color: #1f7b76;

        color: #fff;

    }

    .accordionWrapper{

        width: 800px;

        margin: 0 auto;

        margin-top: 80px;

        max-width: 100%;

    }

    .accordionItem {

        opacity: 1 !important;

        border: 1px solid #1f7b76;

        margin-bottom: 15px;

        float: none;

        position: relative;

    }

    .accordionItemHeading{

        color: #1f7b76;

        font-weight: 600;

        font-size: 30px;

        margin: 0px;

        padding: 15px;

        transition: 0.3s;

    }

    .accordionItemHeading:hover{

        background-color: #1f7b76;

        color: #fff;

    }

    .accordionItemContent p{

        font-size: 14px;

    }

    .accordionItem::before{

        width: 20px;

        background: #fff;

        position: absolute;

        content: "";

        right: 20px;

        top: 25px;

        height: 2px;

        transition: 0.3s;

    }

    .accordionItem::after{

        width: 2px;

        background: #fff;

        position: absolute;

        content: "";

        right: 29px;

        top: 16px;

        height: 20px;

        transition: 0.3s;

    }

    .accordionItem.close::before{

        background: #1f7b76;

    }

    .accordionItem.close::after{

        background: #1f7b76;

    }

  

    .accordionItem.open::after{

        display: none;

    }

    .accordionItem:hover::before{

        background: #fff;

    }

    .accordionItem:hover::after{

        background: #fff;

    }

    .localguide h3{

        color: #1f7b76;

    }

    .localguide p{

        margin-bottom: 30px;

        font-size: 14px;



    }

    .center{

        text-align: center;

    }

    .localguide p:first-child{

        text-align: center;

    }

    .mapitem{

        background: #ffc1071c;

        border: 1px solid #FF9800;

        border-radius: 10px;

        padding: 15px;

        margin-bottom: 20px;

    }

    .mapitem span{

        background: #1f7b76;

        color: #fff;

        padding: 4px 15px;

        display: inline-block;

        margin-bottom: 10px;

    }

    .mapitem h4{

        color: #000;

        font-size: 20px;

        font-weight: 600;

    }

    .mapitem h4 small{

        background: #FF9800;

        color: #fff;

        display: inline-block;

        padding: 2px 5px;

        border-radius: 5px;

        vertical-align: top;

        margin-left: 10px;

    }

    .localguide h4{

        color: #1f7b76;

        font-weight: 600;

        font-size: 30px;

        margin-bottom: 20px;

    }

    .mapdetails h5

    {   color: #1f7b76;

        font-weight: 600;

        font-size: 25px;}

        .localguide img{

            margin-bottom: 20px;

        }

    .mgn20{

        margin-bottom: 30px;

    }

    .alcn{

        align-items: center;

        margin-bottom: 50px;

    }

   .alcn:nth-child(even) .col-md-6:last-child{

    order: -1;

}

.contactus .contform{

    background-image: none;

    

}

.contactus h2{

    color: #1f7b76 !important;

    text-align: center;

    margin-bottom: 5px !important;

}

.contactus p{

    font-weight: 600;

    color: #1f7b76;

    margin: 0px ;

    font-size: 35px;

    text-align: center;

    margin-bottom: 50px !important;

}

.contactus form{    border: 1px solid #1f7b76;

  padding-top: 40px !important;

}

.contactus form .sendBtn{

    background: #009688;

    border: 2px solid #009688;

transition: 0.3s;

}

.contactus form .sendBtn:hover{

    color: #F4A710;

    background: #fff;

}





.conte {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 14px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    font-weight: 500;

    margin-left: 15px;

    margin-bottom: 20px;

  }

  

  /* Hide the browser's default checkbox */

  .conte input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

  }

  

  /* Create a custom checkbox */

  .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    border: 1px solid #1f7b76;

    background: #fff;

  }

  .conte a{

    color: #75b482;

  }

  .conte a:hover{

    color: #1f7b76;

  }

  /* When the checkbox is checked, add a blue background */

  .conte input:checked ~ .checkmark {

    background-color: #1f7b76;

  }

  

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /* Show the checkmark when checked */

  .conte input:checked ~ .checkmark:after {

    display: block;

  }

  

  /* Style the checkmark/indicator */

  .conte .checkmark:after {

    left: 8px;

    top: 3px;

    width: 7px;

    height: 13px;

    border: solid white;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  .contactus img{

    max-width: 100%;

    width: 100%;

    height: 408px;

    object-fit: cover;

  }

  .contactsec{

    max-width: 100%;

  }

  .faqs img{

    width: 100%;

  }

  #menu{

    margin-right: 30px;

  }

  html{

    overflow-x: hidden;

  }

  nav{

    padding: 10px 0px;

  }

.aboutcontent_ftr ul li{

    display: block;

}

.rightbox button{

    text-transform: uppercase;

    font-size: 14px;

}

.map{

    width: 100%;

    height: 250px;

    background: #ccc;

    border-radius: 10px;

    overflow: hidden;

    margin-top: 15px;

}

#menu ul li{

    position: relative;

}

#menu ul li ul{

    position: absolute;

    min-width: 200px;

    flex-direction: column;

    background: #fff;

    z-index: 2;

    pointer-events: none;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

    transform: translate(0px, 50px);

}

#menu ul li:hover ul{

    opacity: 1;

    visibility: visible;

    transition: 0.3s;

    transform: translate(0px, -8px);

    pointer-events: all;

}

#menu ul li ul li{

    width: 100%;

}

#menu ul li ul li a{

    font-size: 16px;

    text-align: left;

    display: block;

    transition: 0.3s;

}

#menu ul li ul li a:hover{

    background: #1f7b76;

    color: #fff;

}

.event .news-img{

    width: 100%;

    height: 300px;

}

.faqs img{

    height: 300px;

    object-fit: cover;

}

.event .news-dtls{

    width: 100%;

    border-color: #1f7b76;

    border-width: 3px;

    border-top: 0px;

}

.evdtls  .news-dtls{

    border: 0px;

}

#gallery .item{

    height: 400px;

}

#gallery .item a{

    width: 100%;

    height: 100%;

    display: inline-block;

}

#gallery .item a img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.about-us .about-txt h3{



    color: #009688;

}

.about-us .about-txt h3 span{

    display: block;

    color: #75b482;



}

.about-us  .about-txt p{

    color: #000;

}

.facilities .about-txt h3{

    color: #000;

    font-size: 35px;



}

.gallery h2{

    text-shadow: none;

}

.gallery h3{

    text-shadow: none

}

.animationtxt{

    position: absolute;

    top: 50%;

    right: 200px;

    transform: translateY(-50%);

}

.banner h2{

    font-size: 40px;

    color: #75b482;

    transition: 0.8s;

    transform: translateX(-110px);

    opacity: 0;

    margin-bottom: 20px;

}

.banner h3{

    font-size: 80px;

    color: #1f7b76;

    transition: 0.8s;

    text-transform: uppercase;

    transform: translateX(110px);

    opacity: 0;

    font-weight: 700;

    margin-bottom: 20px;

}

.animationtxt a{

    display: inline-block;

    padding: 20px 30px;

    border: 2px solid #1f7b76;

    color: #1f7b76;

    margin-top: 20px;

    transition: 1.5s;

    transform: translateY(100px);

    opacity: 0;

}

.animationtxt a:hover{

    background: #1f7b76;

    color: #fff;

}

.active .item .animationtxt h2{

    transform: translateX(0px);  

    opacity: 1;

}

.active .item .animationtxt h3{

    transform: translateX(0px);  

    opacity: 1;

}

.active .item .animationtxt a{

    transform: translateY(0px);  

    opacity: 1;

}

.nextjourny .about-txt h4{

    color: #4CAF50;

}

.about-txt h4 span{

    background: #4CAF50;

}

.footer_item ul li{

    width: 33.33%;

}
.contactus iframe{
    width: 100%;
    height: 408px;
}

    /*---responsive----*/

    @media (max-width: 1600px) {

        .facilities_item h4{

            font-size: 25px;

        }

   

   

    }

    @media (max-width: 1500px) {

        .tanclateBtn span{

            display: none;

        }

        nav .container {

            max-width: 100%;

        }

        .right-menu .menu ul li a {

         font-size: 14px;



        }
        .right-menu .menu ul li a{
            padding: 10px 17px;
        }
        

    }

    @media (max-width: 1280px) {

        .right-menu .menu ul li a {

            font-size: 14px;

        }

        #menu {

            margin-right: 20px;

        }

        .bookbtn{

            font-size: 14px;

            padding: 10px 12px;

        }

        .tanclateBtn{

            font-size: 14px;

            padding: 8px 12px; 

        }

    }

    @media (max-width: 1200px) {
        .animationtxt{
            right: 100px;
        }

        .rightbox button{

            font-size: 12px ;

        }

        .right-menu .menu ul li a{

            padding: 8px 8px;

        }

        .faqs h3{

            font-size:30px;

        }

        .contactsec h4{

            font-size: 18px;

            margin-bottom: 20px;

        }

        .aboutcontent p {

            font-size: 16px;

        }

        .aboutcontent h2 {

            font-size: 30px;

        }

        .about-img img{

            max-width: 48%;

        }

        .footer_item form input{

            width: calc(100% - 85px);

        }

      .subsBtn{

        font-size: 14px;

        padding: 9px 6px;

      }

        .footer_item h3{

            font-size: 20px;

            margin-bottom: 22px;

        } 

        .conti-dtls a{

            font-size: 14px;

        }

        .conti-dtls span{

            display: none;

        }

        .footer-btn .container p{

            font-size: 14px;

        }

        .footer_item ul li a{

            font-size: 14px;

        }

        .news-dtls a{

            font-size: 16px; 

        }

        .news-dtls p{

            font-size: 16px;

        }

        .news-dtls h3{

            font-size: 20px;

        }

        .headingtop h3 {

            font-size: 35px;

        }

        .contform form h2 {

            font-size: 25px;

        }        

        .review-item p{

            font-size: 16px;

        }

        .facilities_item span img{

            max-width: 54%;

        }

        .facilities_item span{

            width: 60px;

            height: 60px;

            border-radius: 100%;

        }

        .facilities_item p{

            font-size: 16px;

        }

        .facilities_item h4{

            font-size: 20px;

        }

        .services .container .item label{

            font-size: 20px;

        }

        .heading h2{

            font-size: 20px;

        }

        .heading h3{

            font-size: 35px;

        }

        .about-txt h3{

            font-size: 30px;

        }

        .about-txt p {

            font-size: 18px;

        }

        .banner .owl-nav button{

            width: 50px;

            height: 50px;

        }

        .banner-content a{

            font-size: 16px;

        }

        .banner-content h2{

            font-size: 34px;

            width: 623px;

            line-height: 50px;

        }

    

        .bookbtn{

            font-size: 13px;

            padding: 10px 13px;

        }

        .tanclateBtn{

            font-size: 13px;

        }

        .localguide p{

            text-align: center;

        }

        .logo img{

            width: 74px;

        }

     }

     @media (max-width: 992px) {
        .contactus p{
            font-size: 25px ;
        }
        .accordionItemHeading{
            font-size: 20px ;
        }
        .serviceimg ul li{
            width: 50%;
        }
        .aboutcontent_ftr ul li label{
            font-size: 30px;
        }
        .aboutcontent-img img{
            height: 200px;
        }
        .aboutcontent-img .row .col-md-3{
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }
        .facilities{
            padding-top: 0px;
        }
        .conti-icon{
            width: 40px;
            height: 40px;
            font-size: 18px;
        }
        .animationtxt a{
            padding: 9px 8px;
        }
        .banner h2{
            font-size: 30px;
            margin-bottom: 0px;
        }
        .banner h3{
            font-size: 50px;
            margin-bottom: 0px;
        }
        .animationtxt {
            right: auto;
            width: 100%;
            text-align: center;
        }
    
        .wecare-txt{
            margin-bottom: 30px !important;
        }
        .wecare .about-txt{
            padding-left: 0px !important;
            margin-bottom: 0px !important;
        }
        .wecare .col-md-6{
            flex: 0 0 100%;
            max-width: 100%;
        }

        #menu ul li ul{

            display: none;

            opacity: 1;

            visibility: visible;

            transition: 0.3s;

            transform: translate(0px, 0px) !important;

            position: relative;

        

        }

        #menu ul li ul li a{

            padding: 10px 15px;

        }

        #menu ul li:hover ul{

            opacity: 1;

            visibility: visible;

            display: flex;

            transform: translate(0px, 0px) !important;

            pointer-events: all;

            background: #1f7b7617;

            padding: 0px 15px;

        }

        body{

            font-size: 16px;

        }

        .accordionItemContent p{

            font-size: 16px;

            margin-bottom: 0px;

        }

        .tabItem p{

            font-size: 16px;

            text-align: justify;

        }

        .aboutcontent_ftr ul li p{

            font-size: 16px;

        }

        .aboutcontent ul li{

            font-size: 16px;

        }

        .right-menu .menu ul li a {

            font-size: 16px;

        }

        .shot-menu{

            display: inline-block;

        }

        .tabItem h3 {

            font-size: 16px;

        }

        .serviceimg ul li {

           height: 200px ;

        }

        .tabItem {

            margin-bottom: 30px;

        }

        .topfeature h3{

            font-size: 25px;

        }

        .resp-vtabs .resp-tabs-container{

            width: 100%;

            min-height: auto;

        }

        h2.resp-accordion{

            display: block;

            font-size: 18px;

            font-family: "Cinzel", serif;

            background-color: #1f7b76 !important;

            font-weight: 600;

            margin-bottom: 20px;

            border: 0px !important;

            color: #fff;

            

        }

        .topfeature ul li{

            width: 50% !important;

            font-size: 18px;

        }

        #parentVerticalTab .col-md-3{

        display: none;

        }

        .col-md-9{

            -webkit-box-flex: 0;

            -ms-flex: 100%;

            flex: 100%;

            max-width: 100%;

        }

        .alcn{

            margin-bottom: 0px;

        }

        .alcn:last-child p{

            margin-bottom: 0px;

        }

        .alcn:last-child .col-md-6{

            margin-bottom: 0px;  

        }

        .alcn:nth-child(even) .col-md-6:last-child {

            order: 0;

        }

        .mapdetails h5{

            text-align: center;

        }

        .localguide h4{

            text-align: center;

        }

        .localguide .col-md-6{

            -webkit-box-flex: 0;

            -ms-flex: 100%;

            flex: 100%;

            max-width: 100%;

            margin-bottom: 20px;

        }

        .container  .col-md-4{

            margin-bottom: 20px;

        }

        .contactus form{

            margin: 0 auto;

            width: 100%;

        }

        .sendBtn{

            font-size: 15px;

        }

        .conte{

            font-size: 15px;

        }

        .mgntop{

            margin-top: 20px;

        }

        .ap-pic{

            margin-bottom: 30px;

        }

        .concept-text h3{

            text-align: center;

        }

        .concept-text p{

            text-align: center; 

        }

        .mgntop .col-md-6{

            -webkit-box-flex: 0;

            -ms-flex: 100%;

            flex: 100%;

            max-width: 100%;

            margin-bottom: 20px;

        }

      .aboutcontentItem p{

        margin-bottom: 0px;

      }

        .concept .container .col-md-4{

            -webkit-box-flex: 0;

            -ms-flex: 100%;

            flex: 100%;

            max-width: 100%;

            margin-bottom: 20px;

        }

        .aboutcontent h3{

            font-size: 25px;

        }

        .aboutcontent p{

            font-size: 16px;

            line-height: 27px;

        }

        .aboutcontent h2{

            font-size: 30px; 

        }

        .page-banner-content h1{

            font-size: 40px;

        }

        .page-banner-content p {

            font-size: 14px;

        }

        .page-banner{

            height: 300px;

        }

        .logo-right{

            display: inline-block;

        }

        .footer-btn .container{

            flex-direction: column;

        }

        .contform form h2{

            text-align: center;

        }

        .playbtn {

            width: 60px;

            height: 60px;

            font-size: 23px;

        }

        .video{

            height: 400px;

        }

        .facilities .col-md-4{

            flex: 50%;

            max-width: 50%; 

        }

        .facilities .col-md-4:first-child{

            flex: 100%;

            max-width: 100%; 

        }

        .nextjourny{

            padding-bottom: 0px;

        }

        .about-txt p{

            font-size: 16px;

        }

        .nextjourny-img{

            text-align: center;

            margin-bottom: 30px;

        }

        .nextjourny-img img{

            max-width: 100%;

        }

        .nextjourny .col-md-6{

            flex: 100%;

            max-width: 100%;

        }

        .about-img{

            justify-content: center;

        }

        .about-txt h4 span{

            display: none;

        }

        .about-txt h4{

            justify-content: center;

        }

        .about-txt{

            text-align: center;

            margin-bottom: 50px;

        }

        .about-us .col-md-4{

            flex: 100%;

             max-width: 100%;

        }

        .about-us .col-md-8{

             flex: 100%;

             max-width: 100%;

        }

        .tanclateBtn {

            font-size: 13px;

            padding: 5px 7px;

        }

        .bookbtn {

            font-size: 13px;

            padding: 7px 10px;

            margin-left: 10px;

        }

        .logo-right{

            display: flex;

            align-items: center;

        }

        .logo img{

            width: 74px !important;

        }

        .menu{

            width: 100%;

            display: none;

        }

        .menu.open{

            display: block;

        }

        .right-menu{

            width: 100%;

        }

        .right-menu ul{

            width: 100%;

            flex-direction: column;

        }

        .right-menu ul li{

            width: 100%;

        }

        .menu-btn{

            border: 0px;

            background: transparent;

            padding: 0px;

            cursor: pointer;

            outline: none;

            color: #1f7b76;

        }

        .logo{

            width: 100%;

            align-items: center;

            justify-content: space-between;

            display: flex;

        }

        nav .container{

        flex-wrap: wrap;

        }

        .menu-btn{

            display: inline-block;

        }

        .rightbox{

            display: none;

        }

        .top-bar p{

            font-size: 14px;

        }

     }

     @media (max-width: 768px) {
        .localguide h4{
            font-size: 20px;
        }
        .accordionItemContent p{
            font-size: 14px;
        }
        .aboutcontent p {
            font-size: 14px;
        }
        .tabItem p {
            font-size: 14px;
        }
        .aboutcontent_ftr h3 {
            margin-bottom: 20px;
        }
        .footer-btn{
            margin-top: 0px !important;
        }
        .footer_item p{
            text-align: left;
        }
        .facilities_item{
            text-align: center;
        }
        .facilities .col-md-4{
            flex: 100%;
            max-width: 100% ;
        }
        #menu ul li ul li a{
            padding: 8px 15px;
            font-size: 14px;
        }
        .footer_item ul li{

            width: 50%;

        }

        .banner .owl-carousel .item img{

            object-fit: contain;

        }

        .banner{

            height: auto

        }

        h2.resp-accordion {

          font-size: 16px;

        }

        .serviceimg ul li{

            height: 200px;

            flex: 0 0 auto;

            margin-right: 3px;

            width: 200px;

        }

        .serviceimg {

            overflow: auto;

        }

        .serviceimg ul {

            flex-wrap: nowrap;

            width: auto;

            justify-content: normal;

        }

        .tabItem img{

            width: 100%;

        }

        .resp-vtabs .resp-tab-content{

            padding: 15px;

        }

        .topfeature ul li{

            width: 100% !important;

        }

        .topfeature h3 {

            font-size: 20px;

        }

        .servicessec {

            padding: 50px 0px;

        }

        .mapitem span{

            font-size: 15px;

        }

        .mapitem h4{

            text-align: left;

        }

     

        .accordionItemHeading{

            font-size: 15px !important;

            padding-right: 20px;

        }

        .accordionWrapper{

            margin-top: 50px;

        }

        .sendBtn {

            font-size: 15px !important;

        }

        .contform{

            padding: 20px;

        }

        .offerItem{

            text-align: center;

        }

        .offerItem p{

            text-align: center;

        }

        .aboutcontent_ftr ul li{

            width: 100% !important;

        }

        .aboutcontent h3 {

            font-size: 20px;

        }

        .aboutcontent-img{

            margin-bottom: 10px;

        }

        .aboutcontent-img img{

            margin-bottom: 15px;

        }

        .aboutcontent h2 {

            font-size: 20px;

        }

        .aboutcontent{

            padding: 50px 0px;

        }

        .banner .owl-nav button {

            width: 30px;

            height: 30px;

        }

        .banner .owl-nav button:before{

            font-size: 13px !important;

        }

        #gallery .item a img{

            width: 100%;

        }

        footer{

            padding-top: 50px;

        }

        .footer_item{

            margin-bottom: 20px;

        }

        .alncntr .col-md-4{

            width: 50%;

        }

        .alncntr .col-md-4:first-child{

            width: 100%;

            margin-bottom: 20px;

        }

        .continfo{

            border: 0px;

            padding-bottom: 0px;

        }

        .footer-logo{

            text-align: center;

        }

        .newsupdate{

            padding-bottom: 10px;

        }

        .news-dtls{

            border: 1px solid #ccc;

            width: 100%;

        }

        .news-item{

            flex-direction: column;

        }

        .news-img{

            width: 100%;

        }

        .about-us{

            padding: 50px 0px;

        }

        .banner-content h2{

            font-size: 25px;

            line-height: 35px;

        }

     }

     @media (max-width: 600px) {
        .banner h2{
            font-size: 25px;
        }
        .banner h3{
            font-size: 35px;
        }
        .top-bar{

            flex-direction: column;

        }

        .top-bar p{

            margin-bottom: 10px;

        }

        .topfeature h3 {

            font-size: 15px;

        }

        .page-banner {

            height: 200px;

        }

        .page-banner-content h1 {

            font-size: 30px;

        }

        .aboutcontent{

            padding-bottom:0px;

        }

        .aboutcontent ul li{

            width: 100% !important;

        }

        .logo img {

            width: 90px !important;

        }

        .sendBtn{

            font-size: 18px;

        }

        .headingtop h3 {

            font-size: 25px;

        }

        .video {

            height: 300px;

        }

        .facilities_item{

            text-align: center;

        }

        .facilities .col-md-4 {

            flex: 100%;

            max-width: 100%;

        }

        #gallery .item a img{

            width: 100%;

            height: 300px;

            object-fit: cover;

        }

        .heading h2{

            font-size: 18px;

        }

        .heading h3 {

            font-size: 25px;

        }

        .about-txt h4{

            font-size: 18px;

        }

        .about-txt h3 {

            font-size: 25px;

        }

        .banner-content h2{    max-width: 80%;}

        .alncntr .col-md-4 {

            width: 100%;

            margin-bottom: 20px;

        }

        .conti-icon {

            width: 40px;

            height: 40px;

            font-size: 18px;

        }

        .footer-logo{

            margin-bottom: 20px; 

        }

        .footer-logo a img{

            width: 150px;

        }

        .footer-btn{

            margin-top:20px;

        }

        .contform form{

            padding: 20px 20px;

        }

        .guestRvw{

            padding: 50px 0px;

        }

        .facilities{

            padding: 50px 0px;

            }

            .nextjourny{

                padding-top: 50px;

            }

            .footer-btn .container p{

                text-align: center;

            }

     }

     @media (max-width: 480px) {
        .banner .owl-carousel .item img{
            object-fit: cover;
        }
        .banner {
            height: 250px;
        }
     }

     @media (max-width: 360px) {
     
        .review-btm-user {

            width: 60px;

            height: 60px;

        }

        .review-details label {

            font-size: 22px;

        }

         .mdlflx li{

            width: 100%;

         }

     }