body{font-family:"ArabotoNormal";color: #505050; overflow-x: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
p{font-size: 18px; line-height: 32px;}
html{overflow-x: hidden;}

@font-face {
    font-family: ArabotoLight;
    src: url(../fonts/ArabotoLight.ttf);
}
@font-face {
    font-family: ArabotoBold;
    src: url(../fonts/ArabotoBold.ttf);
}
@font-face {
    font-family: ArabotoNormal;
    src: url(../fonts/ArabotoNormal.ttf);
}

.room_modal .btn-close{opacity: 1; position: absolute;right: 8px;top: 0; padding: 0;z-index: 2;}
.room_modal .btn-close i{font-size: 24px;color: #6ebd44;}
.room_modal .modal-content{border-radius: 0;background: url(../images/room_back.webp) no-repeat 0 center; background-size: cover; background-attachment: fixed;}
.room_modal .modal-dialog{max-width:50%;}


.head_nav{padding:0; background:transparent; position: relative; left: 0; top: 0; width: 100%;transition:ease-in-out 0.3s;z-index: 10;border-bottom: 1px solid rgba(255,255,255,0.3);z-index:100; border-top: 5px solid #a47148;}
.head_nav nav{padding:5px 0; height: 120px;}
.head_nav .navbar-brand{margin: 0;padding: 10px 20px;background: #fff;border-radius: 0 0 15px 15px;border: 1px solid #a47148;position: absolute;top: -1px;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:16px; line-height:55px; position:relative;text-transform: uppercase; font-family: "ArabotoBold";}
.head_nav .navbar-nav .nav-link{padding:0 20px;}
.head_nav ul li a:hover{color:#a47148;}
.head_nav .navbar-brand img{width: 200px;}

.cont_btn a {color: #fff !important;background-color: #a47148;border-radius: 10px;margin:auto;text-align: center;text-decoration: none;transition: all 0.5s;border: none !important;z-index: 1; overflow: hidden;width: 180px;}
.cont_btn a:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #4a3f35;z-index: -1;}
.cont_btn a:hover:after {left: 0;width: 100%;}

.sticky_menu{position:fixed; top:0; left:0; width:100%;z-index:100;}
.sticky_menu.head_nav ul li a{line-height:50px;}
.sticky_menu.head_nav{background: #fff; border-bottom:1px solid #f2f2f2;}
.sticky_menu.head_nav nav{padding:5px 0;height: 80px;}
.sticky_menu.head_nav .dropdown-menu li a{color:#000;}
.head_nav .dropdown-menu li a{line-height: 40px;}
.head_nav .dropdown-menu li a:hover{background: #f2f2f2;}
.head_nav .dropdown-menu li a::before{display: none;}
.head_nav .dropdown-menu{width:auto; border-radius: 0;white-space: nowrap;}
.sticky_menu.head_nav .navbar-brand img{transition: all 0.5s;width: 110px;}
.sticky_menu.head_nav .dropdown-menu li a, .head_nav .dropdown-menu li a{line-height: 30px; font-size: 14px;}
.head_nav ul li ul li ul{top:0;right:-200px;width:200px !important;left: auto !important;}
.head_nav ul li ul li a:after{border-left: 0.3em solid;border-top: 0.3em solid transparent;border-right: 0;border-bottom: 0.3em solid transparent;top: 3px;position: relative;left: 3px;}
.hamburger {display: none;}

.slide {position: relative; padding:230px 0;}
.slide .container{position: relative; z-index: 1;}
.slide:after{content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.slide .slide_img {width: 100%;height: 100%;overflow: hidden; position: absolute;top: 0;left: 0;}
.slide p{font-size:48px;margin:0;line-height: inherit; margin: -15px 0 15px;}
.slide .slide_img img {max-width: 100%;height: 100%;opacity: 1 !important;-webkit-animation-duration: 3s;animation-duration: 3s;transition: all 1s ease; width:100%;object-fit:cover;}
.slide .slide_content--headings h2 {font-size: 75px;margin: 10px 0; color: #fff;}
.slide .slide_content--headings .animated {transition: all 0.5s ease;color: #fff;}
.slider_area [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slider_area .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 0;width:45px; z-index:1;}
.slider_area .slick-arrow.slick-next{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.slider_area .slick-arrow i{font-size:35px; transition:all 0.3s; padding: 5px 10px;background: rgba(164,113,72,0.5);backdrop-filter: blur(15px);border-radius: 5px;color: #fff;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.slider_area .slick-arrow i:hover{background: #4a3f35;}
.slider_area .slick-arrow:before{display: none;}
.cont_center{text-align: center; font-family: "ArabotoLight";}

@-webkit-keyframes zoomInImage {
from {transform: scale3d(1, 1, 1);}
to {transform: scale3d(1.1, 1.1, 1.1);}
}
@keyframes zoomInImage {
from {transform: scale3d(1, 1, 1);}
to {transform: scale3d(1.1, 1.1, 1.1);}
}
.zoomInImage {-webkit-animation-name: zoomInImage;animation-name: zoomInImage;}
@-webkit-keyframes zoomOutImage {
from {transform: scale3d(1.1, 1.1, 1.1);}
to {transform: scale3d(1, 1, 1);}
}
@keyframes zoomOutImage {
from {transform: scale3d(1.1, 1.1, 1.1);}
to {transform: scale3d(1, 1, 1);}
}
.zoomOutImage {-webkit-animation-name: zoomOutImage;animation-name: zoomOutImage;}

.head{color: #000; font-size: 24px; margin: 0 0 20px;font-weight: 600; position: relative;}
.head::after{content: ""; width: 50px; height: 3px; position: absolute; left: 0;bottom: -5px;border-radius: 100px;background: #a47148;}

.btn_area a {color: #fff;background-color: #a47148;border-radius: 10px;margin:auto;text-align: center;text-decoration: none;transition: all 0.5s;border: none; z-index: 1; overflow: hidden;width: 180px;position: relative; display: inline-block;line-height: 50px; font-size: 18px; font-weight: bold;}
.btn_area a:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #4a3f35;z-index: -1;}
.btn_area a:hover:after {left: 0;width: 100%;}

.head{color: #4a3f35; font-size: 36px; margin: 0 0 20px;position: relative;font-weight: 300;}
.head::after{content: ""; width: 60px; height: 3px; position: absolute; left: 0;bottom: -8px;border-radius: 100px;background: #4a3f35;}

.abt_area{background: url(../images/abt_back1.webp) no-repeat 0 center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.abt_left{width: 100%; margin: auto 0;}
.abt_left p{color: #505050;text-align: justify; margin: 10px 0;}
.abt_right{border-radius: 10px; border: 1px solid #e7e7e7; overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.4);}
.abt_right img{width: 100%; height: 100%; object-fit: cover;}

.rooms_area{background: url(../images/room_back.webp) no-repeat 0 center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.rooms_area .head{text-align: center;}
.rooms_area .head::after{left: 50%; transform: translateX(-50%);}
.room_box{border-radius: 20px; border: 2px solid #4a3f35; padding: 20px; margin: 15px 0;background: #fff;}
.room_img{border-radius: 15px; height: 280px; overflow: hidden;}
.room_img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.room_box:hover .room_img img{transform: scale(1.1);}
.room_cont{margin-top: 20px;}
.room_cont h3{font-size: 20px; color: #000; font-weight: bold; margin: 0 0 10px;}
.room_cont p{color: #505050;text-align: justify; margin: 10px 0;font-size: 16px; line-height: 24px;}
.room_cont .btn_area{display: flex;}
.room_cont .btn_area a{margin: 0; width: 100%;}
.room_cont .btn_area a:first-child{border-radius: 10px 0 0 10px;margin-right: 2px;}
.room_cont .btn_area a:last-child{border-radius: 0 10px 10px 0;margin-left: 2px;}

.book_area{background: url(../images/book_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.book_form{border-radius: 30px; background: rgba(255,255,255,0.3); padding: 20px;border: 10px solid rgba(255,255,255,0.3);}
.book_form .head{text-align: center; color: #000; text-transform: uppercase; font-weight: bold; font-size: 28px;}
.book_form .head::after{left: 50%; transform: translateX(-50%);}
.book_form form{margin-top: 15px;}
.book_form form label{font-size: 18px; font-weight: bold;color: #000; display: block; margin: 0 0 5px;}
.book_form form input, .book_form form select{height: 48px;background: rgba(74,63,53,0.2);border: 1px solid #4a3f35;border-radius: 0;margin-bottom: 15px;appearance:auto;}
.book_form form textarea{height: 80px;background: rgba(74,63,53,0.2);border: 1px solid #4a3f35;border-radius: 0;margin-bottom: 15px;appearance:auto;}
.book_form form input::placeholder, .book_form form select::placeholder, .book_form form textarea::placeholder{color: #333333; font-size: 16px;}
.book_form form input:focus, .book_form form select:focus, .book_form form textarea:focus{background: rgba(74,63,53,0.2); box-shadow: none; border: 1px solid #a47148;}
.form_btn {color: #fff;background-color: #4a3f35;border-radius: 10px;margin:20px auto 0;text-align: center;text-decoration: none;transition: all 0.5s;border: none; z-index: 1; overflow: hidden;width: 180px;position: relative; display: block;line-height: 50px; font-size: 18px; font-weight: bold;}
.form_btn:after {position: absolute;content: "";height: 100%;width: 0;right: 0;top: 0;transition: .5s;background: #a47148;z-index: -1;}
.form_btn:hover:after {left: 0;width: 100%;}

.gallery_area{padding: 70px 0;}
.gallery_area .head{text-align: center;}
.gallery_area .head::after{left: 50%; transform: translateX(-50%);}
.lightimg_box img{width: 100%; transition: all 0.3s ease-in-out;}
.lightimg_box a{transition: all 0.3s ease-in-out;background-color: #000;display: block;position: relative;height:320px;border: 1px solid #cbcbcb;overflow: hidden;border-radius: 15px;margin: 15px 0;}
.lightimg_box a img{width:100%;height:100%; object-fit:cover;}
.lightimg_box a:before{height: 1px;width: 120px;top: 50%;left: 50%;z-index: 2;opacity: 0;content: "";position: absolute;transition: all 0.3s ease-in-out;background-color: #fff;transform: translateX(-50%) translateY(-50%);}
.lightimg_box a:after{height: 120px;width: 1px;top: 50%;left: 50%;z-index: 2;opacity: 0;content: "";position: absolute;transition: all 0.3s ease-in-out;background-color: #fff;transform: translateX(-50%) translateY(-50%);}
.lightimg_box:hover a:before {width: 85px;opacity: 1;transition-delay: 0.2s;}
.lightimg_box:hover a:after {height: 85px;opacity: 1;transition-delay: 0.2s;}
.lightimg_box:hover img{opacity: 0.7; transform: scale(1.05) rotate(2deg);}
.gallery_area .btn_area{text-align: center; margin-top: 15px;}

.blog_area{background: url(../images/blog_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.blog_area .head{text-align: center;}
.blog_area .head::after{left: 50%; transform: translateX(-50%);}
.blog_box{border-radius: 20px; border: 2px solid #4a3f35; padding: 20px; margin: 15px 0;background: #fff;}
.blog_img{border-radius: 15px; height: 280px; overflow: hidden;}
.blog_img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.blog_box:hover .blog_img img{transform: scale(1.1);}
.blog_cont{margin-top: 20px;}
.blog_cont h3, .blog_cont h3 a{font-size: 20px; color: #000; font-weight: bold; margin: 0 0 10px;}
.blog_cont p{color: #505050;text-align: justify; margin: 10px 0;font-size: 16px; line-height: 24px;}
.blog_slider .slick-list{margin: 0 -12px;}
.blog_slider .item{padding: 0 12px;}
.blog_slider .slick-arrow{border: none; background: #4a3f35; border-radius: 100%; width: 35px; height: 35px; border: 1px solid #fff;top: 50%; transform: translateY(-50%);position: absolute;left: -22px;z-index: 10;}
.blog_slider .slick-arrow.next-arrow {right: -22px;left: auto;}
.blog_slider .slick-arrow i{color: #fff;top: -2px; position: relative;}

.blog_det_img{overflow:hidden;}
.blog_det_img img{width:100%;}
.blog_det_cont{padding:15px 20px;}
.blog_det_cont h3{color:#000; font-weight:bold;}
.blog_det_cont p{margin: 5px 0;color: #6a6a6a;}
.blog_det_cont ul{margin: 5px 0;color: #6a6a6a;}

.footer_area{background: #000000; padding: 70px 0;}
.footer_area h3{font-weight: bold; font-size: 18px; position: relative; text-transform: uppercase; margin-bottom: 30px; padding-bottom: 10px;color: #fff;}
.footer_area h3:after{content: "";width: 80px; height: 3px;background: #a47148;position: absolute; left: 0; bottom: 0;}
.foot_left p{line-height: 28px; color: #d2d2d2; text-align: justify;margin: 0;}
.foot_menu ul li{list-style: none; margin: 6px 0; position: relative;padding-left: 25px;}
.foot_menu ul li a{color: #d2d2d2;transition: all 0.3s;font-size: 18px;}
.foot_menu ul li a:hover{color: #a47148;}
.foot_menu ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #a47148;}
.foot_menu_pad{padding-left:30px;}
.foot_address p, .foot_address p a{color: #d2d2d2; display: flex;line-height: unset;width: 100%;}
.foot_address p i{max-width: 35px;margin-top: 3px;width: 100%;color: #a47148;}
.foot_address p span{display: block;}
.foot_address p span a{color: #d2d2d2;text-decoration: none;}
.foot_social ul li{margin: 10px 0;list-style: none;}
.foot_social ul li i{width:25px; height: 25px; background: #3a559f; color: #fff;text-align: center; display: inline-block;margin: 0 5px 0 0; font-size: 14px;line-height: 25px; border-radius: 100%;}
.foot_social ul li a span{color:#d2d2d2;transition: all 0.3s; position: relative;left:0; font-size: 18px;}
.foot_social ul li:nth-child(2) a i{background: #1d9bf0;}
.foot_social ul li:nth-child(3) a i{background: #ff0000;}

.copy_area{background: #000000;padding: 30px 0;border-top: 1px solid #615e5f;}
.copy_area p{margin: 0; color: #fff;}
.copy_right{text-align: right;}
.copy_right a{color: #a47148;}



/*===============About Us Starts===============*/
.inner_banner{padding: 100px 0 100px;position: relative;}
.inner_banner img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;object-fit: cover;z-index: -1;}
.inner_banner .container{position: relative;z-index: 1;}
.inner_banner:before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: rgba(48,52,66,.8);z-index:1;}
.inner_banner h1{margin: 0; font-size: 36px; font-weight: bold; color: #fff;position: relative;text-align: center;}
.inner_banner h1:before{content: ""; position: absolute; left:50%; transform: translateX(-50%);bottom: -8px; width: 60px; height: 3px; background-color: #a47148;}
.breadcrumb_area{padding: 20px 0; background: #f5d8b9;text-align: center;}
.breadcrumb_area ul li{list-style: none; display: inline-block; color: #000;margin-right: 5px;}
.breadcrumb_area ul li a{color: #a47148; font-weight: 600;}

.abt_wrap{background: url(../images/room_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.abt_top .head{text-align: center;}
.abt_top .head::after{left: 50%; transform: translateX(-50%);}
.abt_top p{text-align: center;color: #505050;margin: 10px 0;}
.abt_wrap_left{color: #505050;margin: auto 0; text-align: justify;width: 100%;}
.abt_wrap_right{border-radius: 10px; border: 1px solid #e7e7e7; overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.4);width: 100%;}
.abt_wrap_right img{width: 100%; height: 100%; object-fit: cover;}
/*===============About Us Ends===============*/

/*===============Contact Starts===============*/
.contact_area{background: url(../images/book_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.contact_area .head{text-align: center;}
.contact_area .head::after{left: 50%; transform: translateX(-50%);}
.cont_left{width: 100%;border-radius: 10px; overflow: hidden;}
.cont_left img{width: 100%; height: 100%; object-fit: cover;}

.cont_info{padding: 40px 0; background: #a47148;}
.cont_box{text-align: center;}
.cont_box i{font-size: 35px; color: #fff;}
.cont_box h3{color: #fff;font-size: 22px;font-weight: bold;margin: 5px 0;}
.cont_box p {margin: 0;color: #fff;}
.cont_box p a{color: #fff;}
.map_area{height: 500px;}
.map_area iframe{width: 100%; height: 100%;}
/*===============Contact Ends===============*/

/*===============Room Details Starts===============*/
.room_details{background: url(../images/blog_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
.proslide_container, .prothumb_container {width: 100%;overflow: auto;scroll-snap-type: x mandatory;display: flex;padding: 0;}
.proslide_container li, .prothumb_container li {display: block;}
.proslide_container_wrap, .prothumb_container_wrap {overflow: hidden;}
.proslide_container {scroll-padding: 5%;}
.proslide_container li {flex: 0 0 90%;padding: 0 10px;position: relative;scroll-snap-align: start;}
.proslide_container img {display: block;width: 100%;height: 100%;object-fit: cover;}
.proslide_container p {position: absolute;bottom: 0;left: 10px;right: 10px;margin: 0;padding: 30px;background: rgba(0, 0, 0, 0.5);color: #fff;}
.prothumb_container_wrap {display: none;}
.proslide_container {scroll-padding: 0; margin-bottom: -17px;}
.proslide_container li {flex-basis: 100%;padding: 0;height: 400px;border: 1px solid rgba(0,0,0,0.3);}
.proslide_container p {right: 0;left: 0;}
.prothumb_container.scrolling {scroll-snap-type: none;}
.prothumb_container li {flex: 0 0 33.3333333333%;scroll-snap-align: center;}
.prothumb_container a {display: block;width: 100%;border: 5px solid #fff;transition: border-color 0.3s;height: 120px;}
.prothumb_container a img{width: 100%;height: 100%;object-fit: cover;}
.prothumb_container a:hover, .prothumb_container a:focus {border-color: #a47148;}
.prothumb_container a.proactive {border-color: #a47148;}
.prothumb_container_wrap {position: relative;display: flex;}
.prev, .next {display: flex;align-items: center;}
.prev.disabled, .next.disabled {pointer-events: none;opacity: 0.5;}
.prothumb_container_wrap .prev, .prothumb_container_wrap .next{background: #a47148; padding: 0 5px; display: inline-block; text-decoration: none; color: #fff;position: relative; width: 25px;}
.prothumb_container_wrap .prev i, .prothumb_container_wrap .next i{position: absolute;font-size: 20px; top: 50%;left: 50%; transform: translate(-50%,-50%);}

.product_title{font-size: 28px; color: #4a3f35; text-transform: uppercase; font-weight:bold;}
.product_price .price{color: #a47148;font-size: 26px;font-weight: 600;vertical-align: middle;}
.product_price del {font-size: 14px;margin-right: 5px;margin-left: 3px;}
.on_sale {display: inline-block;color: #388e3c;font-size: 14px;}
.pr_detail .rating_wrap {margin-top: 7px;}
.rating_wrap .rating {overflow: hidden;position: relative;height: 20px;font-size: 12px;width: 70px;font-family: "Font Awesome 6 Free";display: inline-block;vertical-align: middle;}
.rating_wrap .rating::before {font-size: 12px;content: "\f005\f005\f005\f005\f005";top: 0;position: absolute;left: 0;float: left;color: #F6BC3E;}
.product_rate {overflow: hidden;float: left;top: 0;left: 0;position: absolute;padding-top: 1.5em;color: #F6BC3E;}
.product_rate::before {font-size: 12px;content: "\f005\f005\f005\f005\f005";top: 0;position: absolute;left: 0;font-weight: 900;}
.pr_desc p, .pr_desc p span {color: #505050;line-height: 24px;margin: 10px 0; font-size: 16px;font-family: "Poppins" !important;}
.pr_desc h3{color: #4a3f35;}
.pr_desc p a{color: #a47148;}
.pr_desc h4{font-size: 20px; font-weight: 700;color: #000; margin-bottom:0;}
.pr_desc h4 span{color: #647589; font-size: 14px; font-weight: 400;}
.dis_price i, .pro_info h3 i, .pr_desc i{color:#a47148;}
.dis_price span{color: red !important;font-size: 14px !important;font-weight: 400;}
.pr_desc br{display:none;}

.ame_area{padding:0;}
.itnry{column-count:6;}
.itnry li {color: #113d48;display:flex;position: relative; padding-left: 20px;}
.itnry li:before{content: "\f0a4"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #a47148;}

.zoom {display:inline-block;position: relative;}
.zoom:after {content:'';display:block; width:33px; height:33px; position:absolute; top:0;right:0;background:url(icon.png);}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent; }
.zoomImg{width:200% !important; height: 200% !important; cursor: crosshair;}

.product_share {margin-top: 15px;}
.product_share > span, .product_share .social_icons {display: inline-block;padding: 0;margin: 0;}
.social_icons li {display: inline-block;padding: 0px 5px 5px 0;}
.social_icons li a {font-size: 18px;color: #687188;height: 36px;width: 36px;line-height: 36px;display: inline-block;text-align: center;vertical-align: middle;overflow: hidden;cursor:pointer;}

.pro_tab_area{padding: 50px 0;}
.pro_tab_area .tab-btn-box ul{border-bottom: 1px solid #dee2e6;margin-bottom: 30px; padding: 0;}
.pro_tab_area .tab-btn-box ul li{list-style: none; display: inline-block;}
.pro_tab_area .tab-btn-box ul li h5{font-size: 16px; color: #000;padding: 10px 20px; margin: 0;text-transform: uppercase; cursor: pointer;}
.pro_tab_area .tab-btn-box ul li.active-btn h5{color: #780000; border-bottom: 3px solid #780000;}
.pro_tab_area .tabs-content p{color: #687188;line-height: 28px;text-align: justify;margin: 10px 0;}
.spec_table table td {padding: 10px;color: #687188;}
.cust_rev_area h3{font-size: 20px; font-weight: bold;margin-bottom: 30px;}
.cust_info_area{display: flex;margin: 20px 0; border-bottom: 1px solid #e3e3e3;}
.cust_img_area{width: 100%;height: 100px;border-radius: 100%;overflow: hidden;max-width: 100px;}
.cust_img_area img{width: 100%; height: 100%;object-fit: cover;}
.cust_text_area{padding-left: 20px;position: relative;}
.cust_text_area h5{font-size: 16px;color: #000; font-weight: bold;}
.cust_text_area h5 span{display: block;color: #687188;font-style: italic; font-weight: 400;}
.cust_text_area p{color: #687188;line-height: 28px;text-align: justify;margin: 10px 0;}
.user_rating_wrap{position: absolute; right: 0; top: 0;}
.user_rating_wrap .user_rating {overflow: hidden;position: relative;height: 20px;font-size: 12px;width: 70px;font-family: "Font Awesome 6 Free";display: inline-block;vertical-align: middle;}
.user_rating_wrap .user_rating::before {font-size: 12px;content: "\f005\f005\f005\f005\f005";top: 0;position: absolute;left: 0;float: left;color: #F6BC3E;}
.user_rating_wrap .user_rating .user_product_rate {overflow: hidden;float: left;top: 0;left: 0;position: absolute;padding-top: 1.5em;color: #F6BC3E;}
.user_rating_wrap .user_rating .user_product_rate::before {font-size: 12px;content: "\f005\f005\f005\f005\f005";top: 0;position: absolute;left: 0;font-weight: 900;}

.star_rating{margin-bottom: 20px;}
.add_review_area h3{font-size: 20px; font-weight: bold;margin-bottom: 30px;}
.star_rating span {cursor: pointer;display: inline-block;color: #F6BC3E;}
.star_rating span i{font-size: 20px;}
.star_rating span.selected i::before{font-weight: 900;}
.add_review_area form textarea{border-radius: 4px; margin-bottom: 15px;resize: none;}
.add_review_area form textarea:focus, .add_review_area form input:focus{box-shadow: none;border: 1px solid #780000;}
.add_review_area form input{border-radius: 4px; margin-bottom: 15px;height: 45px;}
.upload_file[type="file"]{height:45px;}
.upload_file[type="file"]::-webkit-file-upload-button{height:45px;}

.room_gallery_vertical .gallery-container{display:flex;gap:14px;align-items:flex-start;}
.main-slider{width:78%;}
.main-slider img{width:100%;height:420px;object-fit:cover;border-radius:12px;transition:0.3s ease;}
.thumb-slider{width:22%;max-height:420px;}
.thumb-slider img{width:100%;height:90px;object-fit:cover;border-radius:10px;cursor:pointer;margin-bottom:8px;border:3px solid #f5d8b9;opacity:0.7;transition:0.3s;}
.thumb-slider img:hover{opacity:1;}
.thumb-slider .slick-current img{border-color:#a47148;opacity:1;}
.thumb-slider .slick-track {display:block !important;}
.thumb-slider .slick-arrow{background: #a47148; color: #fff; border: none; width: 100%; border-radius: 10px;}
.thumb-slider img{margin: 3px 0;}
.main-slider .slick-arrow{background: #a47148; color: #fff; border: none; width: 100%; border-radius: 10px;width: 30px; height: 30px; border-radius: 100px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.main-slider .slick-arrow.next-arrow{right: 0;left: auto;}
.main-slider {position: relative;}
/*===============Room Details Ends===============*/

/*===============Gallery Starts===============*/
.gallery_area{background: url(../images/room_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: 70px 0;}
/*===============Gallery Ends===============*/


/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
    .head_nav .navbar-nav .nav-link{padding: 0 10px;}
    .cont_btn a{width: 150px;}
    .foot_menu_pad{padding: 0;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 150px;}
    .head_nav nav, .sticky_menu.head_nav nav{padding: 0;}
    .head_nav .navbar-brand{position: unset;}
    .head_nav ul{background: #fff; border-radius: 15px; padding: 15px 0;}

    .hamburger{background: #a47148;padding: 10px;border: none; display: block;top: -20px; position: relative;}
    .hamburger .line {width: 30px;height: 3px;background-color: #fff;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    .head_nav ul li a, .sticky_menu.head_nav ul li a{line-height: 34px;}
    .cont_btn a{line-height: 45px !important; margin-top: 20px;}

    .slide{padding: 80px 0;height: 460px !important;}
    .cont_center {padding: 0 35px;}
    .slide .slide_content--headings h2{font-size: 28px;}
    .slider_area .slick-arrow{left: 0;}
    .slider_area .slick-arrow.next-arrow{right: 0;}

    .btn_area a{width: 150px;}
    .foot_menu_pad{padding: 0;}
    .footer_area h3 {margin: 15px 0;}
    .room_modal .modal-dialog{max-width:70%;}
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 150px;}
    .head_nav nav, .sticky_menu.head_nav nav{padding: 0;}
    .head_nav .navbar-brand{position: unset;}
    .head_nav ul{background: #fff; border-radius: 15px; padding: 15px 0;}

    .hamburger{background: #a47148;padding: 10px;border: none; display: block; top: -20px; position: relative;}
    .hamburger .line {width: 30px;height: 3px;background-color: #fff;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    .head_nav ul li a, .sticky_menu.head_nav ul li a{line-height: 34px;}
    .cont_btn a{line-height: 45px !important; margin-top: 20px;}

    .slide{padding: 80px 0;height: 460px !important;}
    .cont_center {padding: 0 35px;}
    .slide .slide_content--headings h2{font-size: 32px;}
    .slider_area .slick-arrow{left: 0;width: 24px;height: 24px;font-size: 12px;}
    .slider_area .slick-arrow.next-arrow{right: 0;}
    .slide p{font-size: 22px;}

    .abt_area, .rooms_area, .book_area, .gallery_area, .blog_area{padding: 40px 0;}
    p{font-size: 16px; line-height: 26px;}
    .head{font-size: 28px;}
    .abt_right{margin-top: 20px;}
    .book_form .head{font-size: 22px;}
    .blog_slider .slick-arrow{left: 0;}
    .blog_slider .slick-arrow.next-arrow{right: 0;}

    .footer_area{padding: 40px 0;}
    .footer_area h3{margin: 15px 0;}
    .foot_menu_pad{padding: 0;}
    .foot_menu ul li a, .foot_social ul li a span{font-size: 16px;}
    
    .copy_area{text-align: center;padding: 15px 0;}
    .copy_area p{font-size: 14px;}
    .copy_right{text-align: center;}

    .abt_wrap{padding: 40px 0;}
    .abt_wrap .order-2{order: 1 !important;}

    .room_gallery_vertical .gallery-container{flex-direction:column-reverse;}
    .thumb-slider{width:100%;max-height:none;}
    .thumb-slider img{height:80px;}
    .main-slider{width:100%;}
    .room_modal .modal-dialog{max-width:100%;}
}

/*===============Responsive Ends===============*/



































