/*font-family start*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')
/*font-family end*/

/*common css start*/
body{
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-top: 100px;
    min-height: auto;
}
/*common css end*/

/*header start*/
.bg-dark {

    background-color: #6E4F2F !important;
}

.menubar {
    width: 30%;
}
.logo {
    font-size: 36px;
    font-weight: 700;
    color: white;
    text-decoration: none;
}
.oc_menu {
    width: 1440px !important;
    background-color: #6E4F2F !important;
}
.offcanvas.show {

    opacity: 0.8;
}
.sub_menu ul li a{
    font-weight: 700;
    color: white;
}
.book_btn {
    width: 70px;
    border-radius: 0;
    background-color: #131348;
    border: #131348;
}
.book_btn a{
    text-decoration: none;
    color: aliceblue;
}
.book_btn:hover{
    background-color:#6E4F2F;
    border: 1px solid #6E4F2F;
    
}
/*header end*/

/*room.html header start*/
.room_detailes{
    margin: 80px 0 100px;
}
.room_img{
}

.room_img img{
    height: 300px;   
}
.room_img img:hover{
    transform: scale(1.3);
    transition-duration: 1s;
    padding: 35px 90px;
}

.r_span {
    width: 250px;
    height: 100px;
    text-align: center;
    background-color: #6E4F2F;
    color: white;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    top: -100px;
    left: 386px;
} 
.r_sp span{
    font-size: 22px;
}

.r_span:hover{
    background-color: white;
    color: black;
    transition-duration: 1s;
}
.line_through{
    text-decoration-line: line-through;
}
.room_text{}
.room_text ul li a{
    
    color: black;
    margin-left: 10px;
}

.room_text ul li:hover{
    border-bottom: 2px solid black;
    transition: .33s;
}
.pen_icon{
    margin-right: 15px;
}

/*room.html header end*/

/*slider start*/
.slider{}
.slides{}
.flexslider {
    margin-bottom: 0;
}
.mobile-h1 {
    position: relative;
    top: -212px;
    left: 664px;
    color: white;
}
.m_h4{
    margin-left: 170px;
}
.flex-control-nav {
    display: none;
}
.flex-next {
    padding-bottom: 50px;
    opacity: 0.5 !important;
    background-color: #f0dbdb69 !important;
}
.flex-prev {
    padding-bottom: 50px;
    opacity: 0.5 !important;
    background-color: #f0dbdb69 !important;
}
.flex-direction-nav {
    position: absolute;
    right: 83px;
    bottom: 139px;
}
/*slider end*/

/*scrolling text start*/
.scroll_text{
    margin: 30px 0 80px;
}
.update_box {
    height: 100px;
    padding: 0;
    border: 1px solid black;
}
.Update_title {
    padding-top: 35px;
    font-size: 24px;
    font-weight: 700;
    font-family: cursive;
    background-color: #6E4F2F;
}
.notice_box {
    padding-top: 35px;
}
.notice_box ul li a{
    color: black;
    font-size: 20px;
    font-weight: 700;
}
.feed_notice{}

/*scrolling text end*/

/*multi_gallery*/
.multi_gallery{
    margin: 0px 0 100px;
}
.c_padding {
    margin-bottom: 20px;
}

.room{
    text-align: center;
    color: yellow;
}
.bg_dine{
    text-align: center;
    color: yellow;
}
.bg_relax{
    text-align: center;
    color: yellow;
}
.bg_enjoy{
    text-align: center;
    color: yellow;
}



.room_item:hover{
    padding: 50px;
    transition: transform .5s;
    color: white;
 
}
.dine_img{}
.relax{}
.enjoy{}
.r_h1{}
.find-more{}
.r_h2 {
    font-size: 36px;
    font-weight: 700;
}
.r_p7 {
    padding: 0px 130px;
}
.r_p5 {
    padding: 0px 30px;
}
.view_more {
    text-decoration: none;
    color: yellow;
}
.view_more:hover{
    color: white;
}

.zm_in{
    margin-top: 100px;
}
.zm_in:hover{
    border: 2px solid;
}

/*multi_gallery*/



/*artical start*/
.artical{
    overflow: hidden;
}
.art_img {
    position: relative;
    top: -30px;
}
.art_text{}
.text_h1 {
    padding-left: 365px;
}
.art_h2 {
    font-size: 24px;
    font-weight: 400;
}
.h2_span{
    font-family: monospace;
    font-size: 30px;
    font-weight: 700;
}
.art_p {
    margin: 80px 0 80px;
}
.artical_text a{
    text-decoration: none;
    color: black;
}
.art_text a{
    text-decoration: none;
    color: black;
}

.art_slides {
    background-color: #e6e6e6e8;
}
.art_slider{}
.award_left{
    float: left;
}
.award_right{
    float: right;
}
.artical_text{}
.text_h1{
    font-weight: 400;
}
.text_h5 {
    font-weight: 400;
    margin: 28px 0 30px;
}
.text_p{}
.slick-dots {
    margin: 0 0 35px 280px;
}

 .accordion-button{
    border-radius: 0;
    background-color: #4c4634;
    color: white;
    
}
.f_Board {
    background-color: #756e6b45;
    height: 350px;
}


/*artical end*/
/*slick slider start*/

.banner {
    background-color: #0b1617;
    padding: 0px 0 0px;
 
}
.warraper{
    overflow: hidden;
}
.c_button {
    width: 100px;
    left: 400px;
    top: 15px;
}

.c_button a {
    text-decoration: none;
    color: white;
    font-weight: 700;
}
.warraper{
    margin: 100px 0;
}
.img{
       padding: 0 10px;
       position: relative;
       left: 0px;
       top: 0px;
       z-index: -1;  
      
}
.b_h1 {
    margin: 60px 0 0;
    color: white;
}
/*slick slider end*/

/*resrot start*/
.resorts {
    margin: 80px 0 100px;
}
.r_tittle {
    margin: 0;
    font-size: 36px;
    background-color: #0b1617;
    color: aliceblue;   
}
.cus_button {
    font-weight: 700;
    float: left;
    background-color: red;
    width: 80px;
    border-radius: 0;
    height: 43px;
}
 .cus_button:hover{
    background-color:#6E4F2F ;
    border: 1px solid #6E4F2F;
    color: black;
}
.r_tittle:hover{
    background-color:#6E4F2F ;
    border: 1px solid #6E4F2F;
    color: black;
}
.box{
    box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
    color: #008000;
    cursor: pointer;
}
.box:hover{
    background-color: #AFE6C3;
    transform: scale(1.05);
}
.faci_link{
    background-color: #0b1617;
}
.faci_link a{
    color: #d8dee6;
}
.c_btn {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: white;
    background-color: black;
    border-radius: 0;
}
.c_btn:hover{
    background-color: #6E4F2F;
}
/*facilities.html*/
.facilities {
    width: 100%;
    height: 43px;
    border-radius: 0;
    
}
.accordion-body ul li a{
    text-decoration: none;
    color: #0b1617;
    line-height: 40px;
}
.accordion-button:focus {
    background-color: #6E4F2F;
    border-color: #6E4F2F;
}
.acc_btn{
    font-size: 30px;
    font-weight: 700;
}
.accordion-button:(.collapsed) {
    color: #d8dee6;
}
.ui-accordion .ui-accordion-header {
    background-color: black;
}
.ui-accordion .ui-accordion-header:hover{
    color: white;
}

/*facilities.html*/

/*resort end*/


/*footer start*/
footer{
    background-color: #282A3A;
    color: white;
}
 .f_tittle {
        padding: 50px 0 50px 30px;
    }
   

.t_p{
    padding: 20px 0 20px;
}
.f_p{
    font-size: 28px;
    padding-left: 20px;

}
.f_link{
    float: left;
    padding: 50px 0 35px;
}
.f_link ul{}
.f_link ul li {
    list-style: none;

}
.f_link ul li a{
    text-decoration: none;
    color: white;
}
.f_link ul li:last-child a{
    margin-right: 0;
}
.icon {
    font-size: 16px;
    margin-right: 10px;
}
.s_icon{
    font-size: 30px;
    margin-right: 20px; 
}
.add_office a{
    text-decoration: none;
    color: #d8dee6;
}

.list-inline-item:not(:last-child) {
    margin-right: 15px;
}
.s_form{
    margin-bottom: 80px;
}
.c_form{
    background-color: #343231;
}
.f_button{
    background-color: #6D1600;
}
.f_TGB{
    color: red !important;
}
.Tgb_tittle{
    text-align: center;
}
/*footer end*/
.clock_tittle {
    position: relative;
    top: 50%;
    left: 88%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-family: Orbitron;
    width: 11%;
    bottom: -30px;
    text-align: end;
}
.clock {
    position: relative;
    top: 50%;
    left: 88%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-size: 30px;
    font-family: Orbitron;
    letter-spacing: 7px;
    width: 20%;
    bottom: -20px;
}
.d_clock{
    background-color: #6E4F2F;
}
