/**###########################################
#START


--------#####--------
Template Name: hotelgrace21
Template URI: 
Description: This is HTML5 template
Author: Md Ridoy Khan
Author URI: https://github.com/mdridoykhan138
Support: ridoykhan.cse.web@gmail.com
Version: 1.0.0
--------#####--------

===========================
CSS INDEX
===========================

1) home
    1.1) others css area here
    1.2) header area here
    1.3) about us section area here
    1.4) different section area here
    1.5) comfortable section area here
    1.6) special offer section area here
    1.7) google maps section area here
    1.8) footer section area here

2) dining
    2.1) dining heading area here
    2.2) special features area here
    2.3) dining feature section area here

3) promotion
    3.1) promotion section area here

4) meeting and event
    4.1) meeting and event area here
    4.2) special feature area here

5) contact us
    5.1) contact us area here

6) room details
    6.1) room details heading area here
    6.2) room details gallery area here
    6.3) room details feature area here
    6.4) room service area here

7) accommodation
    7.1) accommodation heading area here
    7.2) accommodation body area here
    7.3) accommodation facility area here
    7.4) accommodation condition area here

8) hotel policy
    8.1) hotel policy area here

9) stars
    9.1) stars area here

10) photo gallery
    10.1) photo gallery area here

11) faq
    11.1) faq area here


#theEND
###########################################**/

/*########################
1) home ---------------[########################]
########################*/


/*===========================
1.1) others css area here
===========================*/

/*---------------------------
1.1) others css area ends here
---------------------------*/


/*===========================
1.2) header area here
===========================*/
.fixed {
    background-color: #232b37;
}
/*---------------------------
1.2) header area ends here
---------------------------*/


/*===========================
1.3) about us section area here
===========================*/
.about-us {
    padding: 80px 0px 0px 0px;
}
.about-us .about-heading-first {
    text-transform: uppercase;
    text-align: start;
    margin-bottom: 30px;
    margin-top: 0px;
    letter-spacing: 10px;
    font-size: 80px;
    line-height: 100%;
}
.about-us .about-heading {
    padding: 0px;
    text-align: start;
    margin-bottom: 20px;
    line-height: 54px;
}
.about-us .about-paragrape {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0px;
}
.about-us .thumb {
    overflow: hidden;
    border-radius: 14px;
    margin-left: 30px;
}
.about-us .thumb img {
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
/*---------------------------
1.3) about us section area ends here
---------------------------*/


/*===========================
1.4) different section area here
===========================*/
.different {
    overflow: hidden;
    padding-top: 80px;
}
.different .heading_title {
    margin-bottom: 40px;
}
.different .desc {
    padding-left: 40px;
}
/*---------------------------
1.4) different section area ends here
---------------------------*/


/*===========================
1.5) comfortable section area here
===========================*/
.comfortable {
    overflow: hidden;
    margin: 0px !important;
    padding-top: 80px;
    padding-bottom: 0px !important;
}
.comfortable .heading_title {
    margin-bottom: 20px;
}
.comfortable .owl_carousel .owl-nav {
    display: none;
}
.comfortable .owl_carousel .item {
    margin: 30px 0px;
}
.comfortable .owl_carousel .card {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.comfortable .owl_carousel .thumb img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.comfortable .owl_carousel .content {
    height: 250px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.comfortable .owl_carousel .content h3 {
    margin: 0px 0px 12px 0px;
    font-size: 28px;
    text-align: center;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.comfortable .owl_carousel .content p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.comfortable .owl_carousel .content a {
    width: auto;
    display: inline-block;
    padding: 8px 20px;
}
/*---------------------------
1.5) comfortable section area ends here
---------------------------*/


/*===========================
1.6) special offer section area here
===========================*/
.special_offer {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 80px;
}
.special_offer .heading_title {
    margin-bottom: 40px;
}
.special_offer img {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.special_offer img:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}
/*---------------------------
1.6) special offer section area ends here
---------------------------*/


/*===========================
1.7) google maps section area here
===========================*/
.google_map {
    height: 450px;
}
/*---------------------------
1.7) google maps section area ends here
---------------------------*/


/*===========================
1.8) footer section area here
===========================*/
.footer .footer_inner {
    padding: 60px 0px 30px;
}
.footer .footer_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.footer .footer_item1 .footer_logo {
    display: inline-block;
    margin-bottom: 30px;
}
.footer .footer_item1 .footer_logo img {
    max-width: 200px;
}
.footer .footer_item1 .follow_us {
    color: #fff;
    font-size: 36px;
    margin-bottom: 14px;
}
.footer .footer_item1 .footerItem {
    display: flex;
    align-items: center;
    gap: 14px;
}
.footer .footer_item1 .footerItem a {
    display: inline-block;
    padding: 0;
    font-size: 24px;
    line-height: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.footer .footer_item1 .footerItem a:hover {
    opacity: 0.8;
}
.footer .footer_item2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer .footer_item2 .address {
    color: #fff;
    display: flex;
    gap: 14px;
}
.footer .footer_item2 .address span {
    font-size: 20px;
}
.footer .footer_item2 .address h3 {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
}
.footer .footer_item3 .pagelink h3 {
    padding: 0;
    font-size: inherit;
    margin: 0;
}
.footer .footer_item3 .pagelink h3:not(:last-child) {
    margin-bottom: 22px;
}
.footer .footer_item3 .pagelink h3 a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 100%;
}
.footer .footer_item3 .pagelink h3 a::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: white;
    transition: width 0.3s ease;
}
.footer .footer_item3 .pagelink h3 a:hover::after {
    width: 100%;
}
.footer .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #656875;
    padding: 10px 0px;
}
.footer .copy {
    display: flex;
    align-items: center;
}
.footer .copy .foot {
    padding-left: 0;
    margin-bottom: 0;
}
.footer .siteby .foot {
    padding-left: 0;
    margin-bottom: 0;
}
.footer .siteby .foot a {
    padding-left: 0px;
}
/*---------------------------
1.8) footer section area ends here
---------------------------*/


/*########################
2) dining ---------------[########################]
########################*/
/*===========================
2.1) dining heading area here
===========================*/
.dining_heading {
    padding: 100px 10px 0px;
}
.dining_heading .heading h3 {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.dining_heading .heading h3::after {
    bottom: -1px;
}
.dining_heading .heading p {
    margin: 20px 0px 0px;
    font-size: 24px;
    line-height: 34px;
}
/*---------------------------
2.1) dining heading area ends here
---------------------------*/


/*===========================
2.2) special features area here
===========================*/
.special_features {
    padding: 80px 10px 0px;
}
.special_features .heading h3 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    margin: 0px;
}
.special_features_lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}
.special_features_lists .feature-card {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    text-align: center;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}
.special_features_lists .feature-card h6 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
}
.special_features_lists .feature-card h4 {
    color: #f56040;
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
}
/*---------------------------
2.2) special features area ends here
---------------------------*/


/*===========================
2.3) dining feature section area here
===========================*/
.dining_feature {
    padding: 80px 10px 80px;
}
.dining_feature .items {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.dining_feature .item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.dining_feature .item .thumb {
    height: 460px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 14px;
}
.dining_feature .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.dining_feature .item .thumb img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.dining_feature .item .content h3 {
    margin: 0px 0px 24px 0px;
    padding: 0px;
    font-size: 40px;
}
.dining_feature .item .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.dining_feature .feature_title {
    color: var(--primary);
    margin-bottom: 14px;
}
.dining_feature ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}
.dining_feature ul li:not(:last-child) {
    margin-bottom: 10px;
}
.dining_feature ul li .fa-check {
    color: var(--primary);
    margin-right: 4px;
    font-size: 16px;
}
.dining_feature ul li span {
    font-size: 16px;
    line-height: 26px;
}
/*---------------------------
2.3) dining feature section area ends here
---------------------------*/


/*########################
3) promotion ---------------[########################]
########################*/
/*===========================
3.1) promotion section area here
===========================*/
.promotional_offer {
    padding: 100px 0px 80px;
}
.promotional_offer .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.promotional_offer .content .left h3, 
.promotional_offer .content .right h3 {
    margin: 0px 0px 40px;
}
.promotional_offer .content .left img,
.promotional_offer .content .right img {
    width: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.promotional_offer .content .left img:hover,
.promotional_offer .content .right img:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}
/*---------------------------
3.1) promotion section area ends here
---------------------------*/


/*########################
4) meeting and event ---------------[########################]
########################*/
/*===========================
4.1) meeting and event area here
===========================*/
.meeting_event {
    padding: 120px 15px 0px;
}
.meeting_event .diningHeading {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.meeting_event .diningHeading::after {
    bottom: -4px;
}
.meeting_event .content {
    margin-top: 40px;
}
.meeting_event .content h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 14px;
}
.meeting_event .content p {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
/*---------------------------
4.1) meeting and event area ends here
---------------------------*/


/*===========================
4.2) special feature area here
===========================*/
.special_feature {
    padding: 60px 15px 80px;
}
.special_feature .content {
    text-align: center;
}
.special_feature .content h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
}
.special_feature .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.special_feature .items .item_card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 20px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.special_feature .items .item_card2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.special_feature .items .item_card2 a .arrow-icon {
    margin-left: 10px;
}
.special_feature .items .item_card h5 {
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
}
.special_feature .items .item_card h6 {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
}
/*---------------------------
4.2) special feature area ends here
---------------------------*/

/*########################
5) contact us ---------------[########################]
########################*/
/*===========================
5.1) contact us area here
===========================*/
.contact_us {
    padding: 120px 10px 80px;
}
.contact_us .contact_heading {
    margin-bottom: 40px;
}
.contact_us .contact_heading a {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.contact_us .contact_heading a::after {
    bottom: -2px;
}
.contact_us .contact_heading p {
    margin: 20px 0px 0px;
}
.contact_form {
    display: flex;
    gap: 40px;
}
.contact_form .contact_item_left {
    width: 60%;
}
.contact_item_left form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.contact_item_left form .form_row {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.contact_item_left form .form_row input {
    margin: 0px;
}
.contact_item_left form .form_row .row1 {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}
.contact_item_left form .form_row .row1 .left {
    width: 100%;
}
.contact_item_left form .form_row .row1 .right {
    width: 100%;
}
.contact_item_right {
    padding: 30px 20px;
    width: 40%;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.contact_item_right .address {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact_item_right .address .content .contactHeading {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 8px;
}
.contact_item_right .address .content .contactDescription {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.contact_item_right .address .content .contactDescription p {
    margin: 0;
    color: #212529;
    font-size: 17px;
    line-height: 26px;
}
/*---------------------------
5.1) contact us area ends here
---------------------------*/


/*########################
6) room details ---------------[########################]
########################*/
/*===========================
6.1) room details heading area here
===========================*/
.room_details_heading {
    padding: 100px 10px 40px;
}
.room_details_heading .content h3 {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.room_details_heading .content h3::after {
    bottom: -1px;
}
.room_details_heading .content p {
    margin: 20px 0px 0px;
    font-size: 24px;
    line-height: 30px;
}
/*---------------------------
6.1) room details heading area ends here
---------------------------*/


/*===========================
6.2) room details gallery area here
===========================*/
.room_details_gallery {
    padding: 0px 10px;
}
.room_details_gallery .carousel {
    overflow: hidden;
    padding: 40px 80px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.room_details_gallery .carousel-item {
    height: 500px !important;
    overflow: hidden;
}
.room_details_gallery .carousel-item img {
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
.room_details_gallery .carousel-item.active img {
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}
.room_details_gallery .carousel button {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
}
.room_details_gallery .carousel .carousel-control-prev {
    left: 20px;
}
.room_details_gallery .carousel .carousel-control-next {
    right: 20px;
}
/*---------------------------
6.2) room details gallery area ends here
---------------------------*/


/*===========================
6.3) room details feature area here
===========================*/
.room_details_feature {
    padding: 80px 10px 80px;
}
.room_details_feature .heading {
    margin-bottom: 40px;
}
.room_details_feature .heading h3 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    margin: 0px;
}
.room_details_feature .feature_lists {
    display: flex;
    gap: 20px;
}
.room_details_feature .feature_lists .list {
    width: 100%;
    text-align: center;
}
.room_details_feature .feature_lists .list .title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.room_details_feature .feature_lists .list h6 {
    font-size: 20px;
    line-height: 26px;
    margin: 0;
}
.room_details_feature .price-row {
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
.room_details_feature .price-row h3 {
    color: #f56040;
    font-size: 20px !important;
    line-height: 26px;
    margin: 0;
}
.room_details_feature .rate .discount_price {
    margin-top: 20px;
}
.room_details_feature .feature_lists .book_now a {
    max-width: 140px !important;
    padding: 8px 10px;
}
.room_details_feature .feature_lists .book_now p {
    margin: 20px 0px 0px;
    color: #f56040;
    font-size: 16px;
    line-height: 24px;
}
/*---------------------------
6.3) room details feature area ends here
---------------------------*/


/*===========================
6.4) room service area here
===========================*/
.room_service {
    padding: 0px 10px 80px;
}
.room_service .content .heading {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    margin: 0px 0px 40px;
}
.room_service .roomServiceItem {
    gap: 30px;
}
.room_service .roomServiceItem .item {
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.room_service .roomServiceItem .item .roomServiceItemIcon {
    font-size: 40px;
    margin-bottom: 20px;
}
.room_service .roomServiceItem .item p {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}
/*---------------------------
6.4) room service area ends here
---------------------------*/


/*########################
7) accommodation ---------------[########################]
########################*/
/*===========================
7.1) accommodation heading area here
===========================*/
.accommodation_heading {
    padding: 100px 10px 40px;
}
.accommodation_heading h3 {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.accommodation_heading h3::after {
    bottom: -1px;
}
.accommodation_heading p {
    margin: 20px 0px 0px;
    font-size: 24px;
    line-height: 34px;
}
/*---------------------------
7.1) accommodation heading area ends here
---------------------------*/


/*===========================
7.2) accommodation body area here
===========================*/
.accommodation_body {
    padding: 0px 10px 80px;
}
.accommodation_body .itemAccummo {
    margin: 0px;
}
.accommodation_body .accomodation-img-box {
    height: inherit;
}
.accommodation_body .accomodation-img-box a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}
.accommodation_body .accomodation-img-box a img {
    height: 400px;
    width: 100%;
}
.accommodation_body .accommodation_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.accommodation_body .accommodationCard {
    position: inherit;
    height: auto;
    top: inherit;
    left: inherit;
    margin: 0px auto;
    margin-top: -57px;
}
.accommodation_body .accommodationCard h3 {
    margin: 0px 0px 14px;
    padding: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: flex;
    align-items: center;
}
.accommodation_body .accommodationCard h3:hover .fa-arrow-right {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
}
.accommodation_body .accommodationCard p {
    margin: 0px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/*---------------------------
7.2) accommodation body area ends here
---------------------------*/


/*===========================
7.3) accommodation facility area here
===========================*/
.accommodation_facility {
    padding: 0px 10px 80px;
}
.accommodation_facility .facility_inner {
    background: #f1f1f1;
    padding: 40px 20px;
    border-radius: 14px;
}
.accommodation_facility .facility_heading h2 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    margin: 0px;
}
.accommodation_facility .accumutionItme {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.accommodation_facility .accumutionItme ul {
    margin-bottom: 0px;
}
/*---------------------------
7.3) accommodation facility area ends here
---------------------------*/


/*===========================
7.4) accommodation condition area here
===========================*/
.accommodation_conditions {
    padding: 0px 10px 80px;
}
.accommodation_conditions .heading h2 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    margin: 0px;
}
.accommodation_conditions .terms-condition {
    margin-top: 30px;
    line-height: inherit;
}
.accommodation_conditions .terms-condition p {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 28px;
}
.accommodation_conditions .terms-condition p:not(:last-child) {
    margin-bottom: 16px;
}
.accommodation_conditions .terms-condition .conditonItem {
    margin: 0px 8px 0px 0px;
    font-size: 20px;
}
/*---------------------------
7.4) accommodation condition area ends here
---------------------------*/


/*########################
8) hotel policy ---------------[########################]
########################*/
/*===========================
8.1) hotel policy area here
===========================*/
.hotel_policy {
    padding: 80px 10px 80px;
}
.hotel_policy .heading {
    text-align: center;
}
.hotel_policy .heading h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 14px;
}
.hotel_policy .heading p {
    font-size: 24px;
    line-height: 30px;
    margin: 0px;
}
.hotel_policy .heading .thumb_icon {
    margin-top: 30px;
}
.hotel_policy .heading .thumb_icon .hotel_icon {
    font-size: 80px;
}
.policy_lists {
    margin-top: 40px;
}
.policy_lists .list:not(:last-child) {
    margin-bottom: 36px;
}
.policy_lists .list .title {
    font-size: 36px;
    line-height: 40px;
    margin: 0px;
}
.policy_lists .list .description {
    font-size: 18px;
    line-height: 26px;
    margin: 14px 0px 0px;
}
.policy_lists .list ul {
    margin: 14px 0px 0px;
}
.policy_lists .list ul li {
    font-size: 18px;
    line-height: 30px;
}
.policy_lists .list ul li:not(:last-child) {
    margin-bottom: 6px;
}
.policy_lists .alert {
    margin: 0px;
}
.policy_lists .alert p {
    margin: 0px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
/*---------------------------
8.1) hotel policy area ends here
---------------------------*/


/*########################
9) stars ---------------[########################]
########################*/
/*===========================
9.1) stars area here
===========================*/
.stars {
    padding: 100px 10px 80px;
}
.stars .heading {
    margin-bottom: 40px;
}
.stars .heading h3 {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.stars .heading h3::after {
    bottom: -1px;
}
.stars_content {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 30px;
}
.stars_content .left .loyaltyItem h3 {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
    color: #333;
}
.stars_content .left .loyaltyItem h3::after {
    background-color: #333;
    bottom: -1px;
}
.stars_content .left .loyaltyItem h5 {
    margin: 30px 0px 0px;
    font-size: 24px;
    line-height: 34px;
}
.stars_content .left .loyaltyItem h5 .list_icon {
    margin-right: 6px;
}
.stars_content .left .loyaltyItem ul {
    margin: 14px 0px 0px;
    list-style: none;
}
.stars_content .left .loyaltyItem ul li {
    margin: 0px;
    font-size: 18px;
    line-height: 28px;
}
.stars_content .left .loyaltyItem ul li:not(:last-child) {
    margin-bottom: 8px;
}
.stars_content .left .loyaltyItem ul li .list_icon {
    color: #6ec1e4;
    font-size: 20px;
    margin-right: 6px;
}
.stars_content .right .loyaltyImg img {
    border: 14px solid #f1f1f1;
    border-radius: 8px;
}
/*---------------------------
9.1) stars area ends here
---------------------------*/


/*########################
10) photo gallery ---------------[########################]
########################*/
/*===========================
10.1) photo gallery area here
===========================*/
.photo_gallery {
    padding: 100px 10px 80px;
}
.photo_gallery .heading h3 {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
}
.photo_gallery .heading h3::after {
    bottom: -1px;
}
.photo_gallery .reactionPhoto {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.photo_gallery .reactionItem {
    margin: 0px;
}
.photo_gallery .reactionItem .thumb {
    height: 300px;
}
.photo_gallery .reactionItem .thumb a img {
    height: 100%;
    object-fit: cover;
}
/*---------------------------
10.1) photo gallery area ends here
---------------------------*/


/*########################
11) faq ---------------[########################]
########################*/
/*===========================
11.1) faq area here
===========================*/
.faq {
    background: #f8f8f8;
    padding: 120px 10px 80px;
}
.faq_wrap .heading {
    text-align: center;
}
.faq_wrap .heading h3 {
    color: #f56040;
    margin: 0px;
    padding: 0px;
    line-height: 120%;
    font-size: 40px;
    font-weight: 500;
}
.faq_wrap .heading h3::after {
    bottom: -3px;
}
.faq_content {
    margin: 50px auto 0px;
    max-width: 830px;
}
.faq_content .accordion-button {
    border: none;
    font-size: 20px;
    line-height: 30px;
    background-color: #f8f8f8;
    border-bottom: 1px solid transparent;
}
.faq_content .accordion-button:focus {
    outline: none;
    box-shadow: none;
}
.faq_content .accordion-button:not(.collapsed) {
    color: #f56040;
    background-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #DEE2E6;
}
.faq_content .accordion-body p {
    font-size: 16px;
    line-height: 26px;
    margin: 0px;
}
.faq_content .accordion-body ul {
    margin: 12px 0px;
}
.faq_content .accordion-body ul li {
    font-size: 16px;
    line-height: 26px;
}
/*---------------------------
11.1) faq area ends here
---------------------------*/