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


--------#####--------
Template Name: Best Western - Sure Stay
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) hero section area here
    1.4) booknow area here
    1.5) about us area here
    1.6) facility area here
    1.7) photo gallery area here
    1.8) our service area here
    1.9) funfact area here
    1.10) google map area here
    1.11) book now area here
    1.12) footer area here

2) rooms and suites
    2.1) inner banner area here
    2.2) rooms area here

3) restaurant
    3.1) restaurant area here

4) meeting-and-event
    4.1) meeting and event area here

5) offer
    5.1) offer area here

6) gallery
    6.1) gallery area here

7) contact-us
    7.1) contact us area here
    7.2) google map area here

8) book-form
    8.1) book form area here


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

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


/*===========================
1.1) others css area here
===========================*/
.container {
    max-width: 1366px;
    width: 100%;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.col-md-12 {
    min-height: auto;
}
/*---------------------------
1.1) others css area ends here
---------------------------*/


/*===========================
1.2) header area here
===========================*/
.header {
    top: 0;
}
.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    padding: 0px 0;
    background: var(--primary);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    z-index: 999;
    animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header .navbar {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0px 28px;
    margin: 0px 80px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.sticky .navbar {
    border-bottom: none;
}
.header .navbar::after,
.header .navbar::before {
    display: none;
}
.header .desktop_menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.header .desktop_menu ul li a {
    font-size: 16px !important;
    line-height: 24px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: #fff;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.header.sticky .desktop_menu ul li a:hover {
    color: var(--light_gray) !important;
}
.header .desktop_menu ul li a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: -110%;
    bottom: 0px;
    background-color: var(--light_gray);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.header .desktop_menu ul li a:hover::after {
    left: 0%;
}
.sticky .desktop_menu ul li a:hover::after {
    background: var(--light_gray);
}
.header .navbar .menu-icon {
    position: inherit;
    display: none;
}
.company_logo .logo {
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0px !important;
    z-index: 1111;
    transform: translate(-40px, 0px);
    -webkit-transform: translate(-40px, 0px);
    -moz-transform: translate(-40px, 0px);
    -ms-transform: translate(-40px, 0px);
    -o-transform: translate(-40px, 0px);
}
.company_logo .logo a {
    display: inline-block;
}
.company_logo .logo a img {
    width: 80px;
}
.header .navbar .social {
    position: inherit;
}
.header .navbar .social ul {
    display: flex !important;
    gap: 14px;
    padding: 0px !important;
}
.header .navbar .social ul li {
    padding: 0px !important;
}
.header .navbar .social ul li a {
    font-size: 16px !important;
}
.header.sticky .navbar .social ul li a:hover {
    color: #211f20 !important;
}
.header.sticky .navbar .social ul li a:hover i {
    color: #211f20 !important;
}
.header .navbar .social ul li a i {
    padding: 0px;
}
.header .navbar .social ul li a:hover i {
    color: var(--primary) !important;
}
.header .nav ul {
    padding-top: 0px !important;
    display: flex !important;
    flex-direction: column;
}
.header .nav ul li {
    padding: 0px !important;
    line-height: 100%;
    margin: 10px 0px !important;
    border: none !important;
}
.header .nav ul li a {
    padding: 0px;
    line-height: 120%;
}
.header .nav ul li a:active {
    color: var(--primary);
}
.header .nav .lite-text {
    display: none;
}
.header .navbar {
    padding: 15px 0px 14px;
}
.header .desktop_menu ul li a:hover {
    color: var(--light_gray) !important;
}
.header .navbar .logo {
    text-align: inherit !important;
}
.header .navbar .logo a img {
    max-width: 80px;
}
.header .nav ul li a {
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
}
.header .nav ul li a:hover {
    color: var(--light_gray) !important;
    border-bottom: 1px solid var(--light_gray);
}
#menu {
    background: var(--primary);
}
/*---------------------------
1.2) header area ends here
---------------------------*/

/*===========================
1.3) hero section area here
===========================*/
.hero-section {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.hero-section .carousel-control-prev {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
    left: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.hero-section .carousel-control-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
    right: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.hero-section .slide-text {
    padding: 0;
    max-width: 541px;
    margin: 0px 0px 0px 95px;
    text-align: start;
    top: 50%;
    z-index: 1;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
}
.hero-section .slide-text > h1 {
    font-family: "Gloock", serif;
    font-weight: 400;
    color: var(--white);
    font-size: 77px;
    line-height: 107%;
    margin-bottom: 20px !important;
}
.hero-section .slide-text > p {
    font-family: "Golos Text", sans-serif;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    text-align: start;
}
.section_button {
    font-size: 24px !important;
    color: var(--white) !important;
    padding: 16px 24px !important;
    display: inline-block;
    background: var(--green);
    margin: 24px 0px 0px 0px !important;
    font-family: "Golos Text", sans-serif !important;
    font-weight: 400;
    text-transform: capitalize;
}
.section_button i {
    margin-left: 10px;
    font-size: 24px;
    line-height: 100%;
    display: inline-block;
}
.hvr-shutter-in-horizontal {
    background: rgba(129, 189, 65, 0.8);
}
.hvr-shutter-in-horizontal::before {
    background: var(--green);
}
.hero-section .slide-text .title1 {
    margin-bottom: 20px;
}
.hero-section .slide-text .title2 {
    padding: 0px !important;
    margin-bottom: 20px;
}
.hero-section .slide-text .sub-title {
    margin: 0px;
}
.hero-section .bs-slider-overlay {
    background-color: inherit;
    background-image: linear-gradient(125deg, #005585 -40%, #F2295B00 100%);
}
/*---------------------------
1.3) hero section area ends here
---------------------------*/


/*===========================
1.4) booknow area here
===========================*/
.booknow {
    position: relative;
    margin-top: -70px;
    z-index: 1;
}
.booknow .row {
    margin: 0px;
}
.booknow #bookNow {
    position: inherit;
    min-height: auto;
    margin: 0;
    border: none;
    box-shadow: 0px 2px 20px rgba(0,0,0,.1);
    border-radius: 10px;
}
.booknow .checkin_form_container {
    padding: 30px 20px;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr) !important;
}
.booknow .checkin_form_box {
    padding: 0;
}
.booknow .checkin_form_box .input-group input {
    background: var(--white);
}
.booknow .checkin_form_box button {
    padding: 0 20px;
    min-height: 73px;
}
.booknow .checkin_form_box button h2 {
    margin-top: 6px;
}
/*---------------------------
1.4) booknow area ends here
---------------------------*/


/*===========================
1.5) about us area here
===========================*/
.about-us {
    margin: 0px !important;
    padding: 120px 0px 120px;
    position: relative;
    z-index: 0;
    overflow-x: hidden;
    background-image: url("../../images/about-us/about-sure-stay.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.about-us .overlay_title {
    text-transform: uppercase;
    opacity: 0.1;
    color: var(--slate_gray);
    font-size: 120px;
    line-height: 60%;
    margin: 0;
    position: absolute;
    right: -18px;
    top: 0px;
    z-index: 0;
}
.about-us .row {
    margin: 0;
}
.about-us .about-us-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.about-us .content {
    margin-right: 30px;
}
.about-us .content p {
    text-align: inherit;
    width: auto;
    margin: 0px;
    font-size: 20px;
    line-height: 30px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: var(--primary);
}
.about-us .about-us-content h2 {
    text-transform: uppercase;
    font-size: 70px;
    margin-top: -15px;
    letter-spacing: 10px;
}
.about-us .content h3 {
    font-size: 60px;
    line-height: 70px;
    font-family: "Gloock", serif;
    font-weight: 400;
    padding: 0px;
    text-align: start;
    margin-bottom: 20px;
    color: var(--primary);
}
.about-us .thumb {
    position: relative;
    margin-left: 30px;
    z-index: 0;
}
.about-us .thumb .thumb_title {
    font-family: "Gloock", serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: var(--white);
    position: absolute;
    bottom: 20px;
    left: -55px;
    z-index: 2;
}
.about-us .thumb img {
    height: 100%;
    object-fit: cover;
    margin: 0px;
}
.about-us .thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #005585 -20%, #F2295B00 100%);
    z-index: 1;
}
/*---------------------------
1.5) about us area ends here
---------------------------*/


/*===========================
1.6) facility area here
===========================*/
.facility {
    padding: 30px 0px;
    background-image: linear-gradient(0deg, #005585 100%, #10AFDB00 100%);
    position: relative;
    z-index: 1;
}
.facility::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-image: linear-gradient(180deg, #005585 0%, #10AFDB00 100%);
    z-index: -1;
}
.facility::before {
    content: "";
    display: block;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-image: linear-gradient(0deg, #005585 0%, #10AFDB00 100%);
    z-index: -1;
}
.facility .row {
    margin: 0px;
}
.facility .heading h5 {
    color: var(--green);
    font-size: 16px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
}
.facility .heading h2 {
    color: var(--white);
    font-size: 60px;
    line-height: 70px;
    font-family: "Gloock", serif;
    font-weight: 400;
    padding: 2px 0px 50px 0px;
}
.facility .facility-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.facility .facility-item {
    background: var(--white);
    box-shadow: 0px 2px 20px rgba(0,0,0,.1);
    position: relative;
    z-index: 0;
}
.facility .facility-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(176deg, #FFFFFF00 45%, #094279CC 80%);
    top: 0;
    left: 0;
    z-index: 0;
}
.facility-item .hover14 {
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.facility-item .hover14 img {
    height: 500px !important;
    width: 100% !important;
    object-fit: cover;
}
.facility-item .hover14:hover:after {
    width: inherit;
}
.facility-item:hover .hover14::after {
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.facility-item .text {
    padding: 30px 20px 60px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: transparent;
    z-index: 1;
}
.facility-item .text h3 {
    font-size: 30px;
    line-height: 38px;
}
.facility-item .text h3 a {
    color: var(--white);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.facility-item .text h3 a:hover {
    color: var(--green);
}
.facility-item .text p {
    min-height: auto;
    margin: 0;
    padding: 10px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--white);
    font-size: 20px;
    line-height: 28px;
}
.facility-item .text .links {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}
.facility-item .text .links .link {
    position: inherit;
    float: inherit;
    display: block;
    right: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit;
    background: rgba(129, 189, 65, 0.8);
}
.facility .see-more-wrapper {
    text-align: center;
}
.facility .see-more-wrapper button {
    margin-top: 40px !important;
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    color: var(--white);
    border: none;
    cursor: pointer;
}
.facility .see-more-wrapper button:hover {
    background: rgba(129, 189, 65, 0.8);
}
.facility .link:hover {
    background: rgba(129, 189, 65, 0.8) !important;
}
/*---------------------------
1.6) facility area ends here
---------------------------*/

/*===========================
1.7) photo gallery area here
===========================*/
.photo_gallery {
    margin: 0px !important;
    padding: 120px 0px 100px;
    position: relative;
    background-image: url("../../images/gallery-photos/photo-sec-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
.photo_gallery .heading {
    text-align: center;
}
.photo_gallery .heading h5 {
    color: var(--green);
    font-size: 16px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.photo_gallery .heading h2 {
    color: var(--white);
    font-size: 60px;
    line-height: 70px;
    font-family: "Gloock", serif;
    font-weight: 400;
    padding: 2px 0px 40px 0px;
}
.photo_button {
    text-align: center;
}
.photo_button a {
    margin-top: 40px !important;
    cursor: pointer;
}
.photo_thumb_items .slick-list .item.slick-active {
    height: 300px;
}
.photo_thumb_items .slick-list .item.slick-center {
    height: 350px;
}
.photo_thumb_items .slick-list .item {
    height: 250px;
}
.photo_thumb_items .slick-list .item img {
    border: 1px solid var(--medium_gray);
    height: 100%;
    object-fit: cover;
}
.photo_thumb_items button {
    background: var(--white) !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(114, 104, 104, 0.8);
    z-index: 1;
}
.photo_thumb_items .priv_arrow,
.photo_thumb_items .next_arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background: var(--white);
    z-index: 1;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgba(9, 64, 99, 0.8);
    transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.photo_thumb_items .priv_arrow:hover,
.photo_thumb_items .next_arrow:hover {
    background: var(--green);
}
.photo_thumb_items .priv_arrow {
    left: -20px;
}
.photo_thumb_items .next_arrow {
    right: -20px;
}
.photo_thumb_items .priv_arrow i,
.photo_thumb_items .next_arrow i {
    color: var(--primary);
}
.photo_thumb_items .priv_arrow:hover i,
.photo_thumb_items .next_arrow:hover i {
    color: var(--white);
}
.photo_thumb_items .slick-track {
    display: flex;
    align-items: center;
    gap: 20px;
}
/*---------------------------
1.7) photo gallery area ends here
---------------------------*/


/*===========================
1.8) our service area here
===========================*/
.our_service {
    padding: 120px 0px 100px;
    position: relative;
    background-image: url("../../images/recreations/service-sec-bg-rgb.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
.our_service_wrap {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
}
.our_service .heading {
    text-align: start;
}
.our_service .heading h5 {
    color: var(--green);
    font-size: 16px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.our_service .heading h2 {
    color: var(--primary);
    font-size: 60px;
    line-height: 70px;
    font-family: "Gloock", serif;
    font-weight: 400;
    padding: 6px 0px 20px 0px;
}
.our_service .heading h2 span {
    color: var(--green);
}
.our_service .heading p {
    margin: 0px;
    font-size: 20px;
    line-height: 30px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: var(--primary);
}
.our_Service_slider {
    margin-left: 40px;
}
.our_Service_slider .item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.our_Service_slider .item .thumb img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border: 16px solid var(--light_gray);
}
.our_Service_slider .item .content h3 {
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 16px;
    font-family: "Gloock", serif;
    font-weight: 400;
    color: var(--primary);
}
.our_Service_slider .item .content p {
    font-size: 20px;
    line-height: 30px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: var(--primary);
}
.our_Service_slider .item .content span {
    font-size: 14px;
    line-height: 20px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: var(--primary);
}
.our_Service_slider .priv_arrow,
.our_Service_slider .next_arrow {
    position: absolute;
    bottom: 0px;
    width: 40px;
    height: 40px;
    background: var(--primary);
    z-index: 1;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgba(9, 64, 99, 0.8);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.our_Service_slider .priv_arrow:hover,
.our_Service_slider .next_arrow:hover {
    background: var(--white);
}
.our_Service_slider .priv_arrow {
    right: 50px;
}
.our_Service_slider .next_arrow {
    right: 0px;
}
.our_Service_slider .priv_arrow i,
.our_Service_slider .next_arrow i {
    color: var(--white);
}
.our_Service_slider .priv_arrow:hover i,
.our_Service_slider .next_arrow:hover i {
    color: var(--primary);
}
/*---------------------------
1.8) our service area ends here
---------------------------*/


/*===========================
1.9) funfact area here
===========================*/
.funfact {
    padding: 120px 0px 120px;
    background-image: linear-gradient(0deg, #005585 100%, #10AFDB00 100%);
    position: relative;
    z-index: 1;
}
.funfact .heading {
    text-align: center;
}
.funfact .heading h5 {
    color: var(--green);
    font-size: 16px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.funfact .heading h2 {
    color: var(--white);
    font-size: 60px;
    line-height: 70px;
    font-family: "Gloock", serif;
    font-weight: 400;
    padding: 2px 0px 40px 0px;
}
.funfact_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.funfact_items .item {
    background: var(--primary);
    padding: 40px 20px;
    box-shadow: 0 0px 41px rgba(9, 64, 99, 1);
}
.funfact_items .item .thumb {
    height: 150px;
    background: var(--white);
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.funfact_items .item .thumb img {
    max-width: 250px;
    width: 100%;
}
.funfact_items .item .content h3 {
    font-size: 40px;
    line-height: 100%;
    margin: 30px 0px 20px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    color: var(--medium_gray);
}
.funfact_items .item .content .description {
    font-size: 20px;
    line-height: 28px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    color: var(--medium_gray);
    margin-bottom: 20px;
}
.funfact_items .item .content .totalfunfact {
    font-size: 30px;
    line-height: 40px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    color: var(--green);
    margin: 0px;
}
/*---------------------------
1.9) funfact area ends here
---------------------------*/


/*===========================
1.10) google map area here
===========================*/
.google-map-section {
    overflow: hidden;
}

.google-map-section .google_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.google-map-section .mapouter .gmap_canvas {
    height: 600px;
}
.google-map-section .mapouter .gmap_canvas iframe {
    height: 600px;
}
.google-map-section .mapouter .gmap_canvas a {
    display: none;
}
.google-map-section .text-holder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 0px 40px 0px 120px;
    background: var(--primary);
}
.google-map-section .text-holder h3 {
    width: 100%;
    text-transform: capitalize;
    color: var(--white);
    font-size: 60px;
    line-height: 70px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    padding: 0px 0px 30px 0px;
}
.google-map-section .text-holder h4 {
    margin-bottom: 0px;
    color: var(--medium_gray);
    font-size: 24px;
    line-height: 32px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.google-map-section .text-holder p.addrerss {
    margin-bottom: 16px;
    color: var(--medium_gray);
    font-size: 16px;
    line-height: 22px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
}
.google-map-section .text-holder ul {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}
.google-map-section .text-holder ul li {
    padding: 0;
}
.google-map-section .text-holder ul li a {
    display: inline-block;
}
.google-map-section .text-holder ul li i {
    font-size: 20px;
    color: var(--green);
}
.google-map-section .text-holder ul li i.fa.fa-facebook:hover {
    color: var(--green);
}
/*---------------------------
1.10) google map area ends here
---------------------------*/


/*===========================
1.11) book now area here
===========================*/
.h_book_now {
    background: var(--primary);
    position: relative;
    z-index: 1;
}
.h_book_now .h_book_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.h_book_now .thumb {
    position: relative;
    z-index: 0;
}
.h_book_now .thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #005585 -100%, #F2295B00 100%);
    z-index: 1;
}
.h_book_now .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.h_book_now .content {
    padding: 60px 120px;
    margin: auto 0px;
}
.h_book_now .content h5 {
    color: var(--green);
    font-size: 20px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.h_book_now .content h2 {
    color: var(--white);
    font-size: 80px;
    line-height: 80px;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
    padding: 4px 0px 40px 0px;
}
.h_book_now .content a {
    margin: 0px !important;
    padding: 20px 30px !important;
}
/*---------------------------
1.11) Book now area ends here
---------------------------*/


/*===========================
1.12) footer area here
===========================*/
.footer {
    padding: 0;
    background: var(--dark);
}

.footer_items {
    display: flex;
    gap: 60px;
    padding: 80px 0px 30px;
}
.footer_items .footer_item {}
.footer_items .footer_address {
    flex: 2;
}

.footer_address .footer_logo {
    display: inline-block;
    margin-bottom: 20px;
}
.footer_address .footer_logo img {
    max-width: 124px;
}

.footer_address p {
    font-size: 20px;
    line-height: 30px;
    color: var(--medium_gray);
    margin: 0px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
}
.footer_address p.footer_phone {
    margin: 20px 0px 0px 0px;
}

.footer_address .footer_title {
    font-size: 30px;
    line-height: 40px;
    padding: 30px 0px 30px 0px;
    color: var(--white);
    font-family: "Gloock", serif;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.footer_address .social {
    display: flex;
    gap: 20px;
}
.footer_address .social li {
    width: auto;
    height: auto;
    border: none;
    color: inherit;
}
.footer_address .social li a {
    margin: 0px;
    padding: 0px;
    color: var(--medium_gray);
    font-size: 26px;
    line-height: 100%;
}
.footer_address .social li a:hover {
    color: var(--green) !important;
}
.footer_address .social li a i:hover {
    color: var(--green) !important;
}


.footer_menu {}

.footer_menu1 {
    flex: 1;
}
.footer_menu2 {
    flex: 1;
}

.footer_menu h3 {
    font-size: 30px;
    line-height: 40px;
    padding: 0px 0px 30px 0px;
    color: var(--white);
    text-transform: capitalize;
    font-family: "Gloock", serif;
    font-weight: 400;
    letter-spacing: 1.5px;
}
.footer_menu ul {}
.footer_menu ul li {
    width: auto;
    border: none;
    line-height: 1;
}
.footer_menu ul li:not(:last-child) {
    margin-bottom: 20px;
}
.footer_menu ul li a {
    width: max-content;
    color: var(--medium_gray);
    padding: 0px;
    margin: 0;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 0;
}
.footer_menu ul li a:hover {
    color: var(--green);
}



.footer_menu ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    width: 40px;
    height: 2px;
    background: var(--medium_gray);
    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_menu ul li a:hover::after {
    width: 100%;
    background: var(--green);
    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_bottom {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    text-align: center;
    align-items: center;
    padding: 30px 0px 30px;
    border-top: 1px solid var(--dark_gray);
}
.footer_bottom .copyright {
    width: auto;
    padding: 0;
    border: none;
}
.footer_bottom .copyright p {
    font-size: 20px;
    line-height: 30px;
    color: var(--medium_gray);
    margin: 0px;
    text-align: start;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    opacity: 0.6;
}
.footer_bottom .siteby {
    width: auto;
    padding: 0;
    text-align: inherit;
}
.footer_bottom .siteby p {
    font-size: 20px;
    line-height: 30px;
    color: var(--medium_gray);
    text-align: end;
    margin: 0px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    opacity: 0.6;
}
.footer_bottom .siteby p a {
    font-size: 20px;
    line-height: 30px;
    color: var(--medium_gray);
    margin: 0px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    opacity: 1;
}
.footer_bottom .siteby p a:hover {
    color: var(--green);
}
.footer_bottom .siteby p a strong {}







/*---------------------------
1.12) footer area ends here
---------------------------*/


/*########################
2) rooms and suites ---------------[########################]
########################*/

/*===========================
2.1) inner banner area here
===========================*/
.inner-banner {
    position: relative;
    height: 350px;
    overflow: hidden;
}
.inner-banner .awe-overlay-intro {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.inner-banner .awe-overlay-intro .row {
    margin: 0px !important;
}
.inner-banner .awe-overlay-intro .content {
    display: block;
    width: 100%;
    text-align: start;
}
.inner-banner .awe-overlay-intro .content h1 {
    position: relative;
    display: inline-block;
    padding: 0px;
    text-align: start;
    z-index: 0;
}
.inner-banner .awe-overlay-intro .content h1::after {
    left: calc(100% + 10px);
    top: 0;
    opacity: 0.3;
    z-index: -1;
}
.inner-banner .awe-overlay-intro .content h1::before {
    right: calc(100% + 10px);
    top: 0;
    opacity: 0.3;
    z-index: -1;
}
/*---------------------------
2.1) inner banner area ends here
---------------------------*/


/*===========================
2.2) rooms area here
===========================*/
.rooms {
    position: relative;
    padding: 60px 0px;
    overflow: hidden;
}
.rooms .row {
    margin: 0px !important;
}
.rooms .widget-rooms-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0px;
}
.rooms .widget-rooms-list form {
    box-shadow: 0px 2px 20px rgba(0,0,0,.1);
}
.rooms .rooms-item {
    margin: 0px !important;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
.rooms .item-photo {
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    width: 100% !important;
}
.rooms .item-photo a {
    padding-top: inherit !important;
    height: 100% !important;
}
.rooms .item-desc {
    padding: 20px !important;
}
.rooms .item-desc p {
    width: 100% !important;
    margin-bottom: 14px !important;
}
.rooms .desc-features {
    width: 100% !important;
    margin-top: 0px !important;
}
.rooms .item-price {
    position: inherit !important;
    width: 100% !important;
    padding: 0px !important;
    border: none !important;
    top: inherit !important;
    right: inherit !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rooms .price-inner {
    position: inherit !important;
    top: inherit !important;
    transform: inherit !important;
    padding: 0px !important;
}
.rooms .price-inner h3 {
    font-size: 30px !important;
}
.rooms .price-inner h5 {
    padding: 10px 0px 20px !important;
}
.rooms .price-inner ul li button {
    padding: 10px 20px !important;
}
.rooms .price-inner ul li button h2 {
    font-size: 20px;
}
/*---------------------------
2.2) rooms area ends here
---------------------------*/


/*########################
3) restaurant ---------------[########################]
########################*/

/*===========================
3.1) restaurant area here
===========================*/
.restaurant {
    padding: 80px 0px;
}
.restaurant .row {
    margin: 0px;
}
.restaurant .widget-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.restaurant .restaurant_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 40px 30px;
    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;
}
.restaurant .left .thumb {
    height: 100%;
}
.restaurant .left .thumb img {
    height: 100%;
    object-fit: cover;
}
.restaurant .right .content img {
    width: 200px;
    margin-bottom: 20px;
    border: 10px solid #b9a256;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.restaurant .right .content p {
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
}
.restaurant .right .restaurant_social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}
.restaurant .right .restaurant_social li a {
    font-size: 20px;
    color: #b9a256;
}
.restaurant .right .restaurant_social li a .icon_itrm:hover {
    color: #b9a256;
}
/*---------------------------
3.1) restaurant area ends here
---------------------------*/


/*########################
4) meeting-and-event ---------------[########################]
########################*/
/*===========================
4.1) meeting and event area here
===========================*/
.meeting {
    padding: 80px 0px;
}
.meeting .row {
    margin: 0px;
}
.meeting .inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.meeting .inner .items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 40px 30px;
    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;
}
.meeting .inner .items .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.meeting .inner .items .content h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 12px;
}
.meeting .inner .items .content p {
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
}
/*---------------------------
4.1) meeting and event area ends here
---------------------------*/


/*########################
5) offer ---------------[########################]
########################*/
/*===========================
5.1) offer area here
===========================*/
.offer {
    padding: 80px 0px;
}
.offer .row {
    margin: 0px;
}
.offer .offer-div h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
}
.offer .offer-div img {
    width: auto;
    max-width: 600px;
    min-height: auto !important;
    margin: 0px !important;
    background: inherit !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: 20px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/*---------------------------
5.1) offer area ends here
---------------------------*/


/*########################
6) gallery ---------------[########################]
########################*/
/*===========================
6.1) gallery area here
===========================*/
.gallery {
    padding: 80px 0px;
}
.gallery .row {
    margin: 0;
}
.gallery .inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
}
.gallery .inner .left {
    margin: 0px;
}
.gallery .inner h4 {
    font-size: 30px;
    line-height: 40px;
    padding: 15px 20px;
    margin: 0px;
    text-transform: capitalize;
}
.gallery .inner ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
}
.gallery .inner ul li {
    display: block;
    width: inherit;
    padding: 0px;
    line-height: 0px;
}
.gallery .inner ul li::after {
    display: none;
}
.gallery .inner ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.gallery .inner ul li a::after {
    width: 90%;
    height: 90%;
    top: 5%;
    left: 0;
    background: rgba(0, 0, 0, 0.2) url(../images/camera.png) no-repeat center center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transform: translate(5%, 0px);
    -webkit-transform: translate(5%, 0px);
    -moz-transform: translate(5%, 0px);
    -ms-transform: translate(5%, 0px);
    -o-transform: translate(5%, 0px);
}
.gallery .inner ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery .inner .right {
    margin: 0px;
}
/*---------------------------
6.1) gallery area end here
---------------------------*/


/*########################
7) contact-us ---------------[########################]
########################*/
/*===========================
7.1) contact us area here
===========================*/
.contact_us {
    padding: 80px 0px;
}
.contact_us .row {
    margin: 0;
}
.contact_us .contact_wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}
.contact_wrap .contact_left {
    padding: 30px 20px;
    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_left h2 {
    font-size: 30px !important;
    line-height: 40px;
    padding-bottom: 20px !important;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.contact_left p {
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
}
.contact_left .contact-form {
    margin: 30px 0px 0px 0px !important;
}
.contact_left .form_input_sub {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.contact_left .form-group {
    width: 100%;
    margin: 0px;
}
.contact_left .form-group label {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 6px;
    color: #000;
}
.contact_left .form-group input {
    margin: 0px;
}
.contact_left .submit-button {
    margin-top: 30px;
}
.contact_left .submit-button button {
    width: 100%;
    padding: 15px 20px !important;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
    text-transform: capitalize;
    border: none;
}
.contact_left .submit-button button {
    width: 100%;
    padding: 15px 20px !important;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
    text-transform: capitalize;
    border: none;
}
.contact_left .submit-button button:hover {
    border: none;
}
.contact_left .submit-button button:focus {
    outline: none;
}
.contact_wrap .contact_right {
    padding: 30px 20px;
    background: #fff;
    height: max-content;
    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_right h2 {
    font-size: 30px !important;
    line-height: 40px;
    padding-bottom: 20px !important;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.contact_right .address {
    display: block;
}
.contact_right .address li:not(:last-child) {
    margin-bottom: 16px;
}
.contact_right .address li h4 {
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 4px;
}
.contact_right .address li p {
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
}
.contact_right .social-links {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.contact_right .social-links li a {
    font-size: 24px;
    line-height: 30px;
    color: #b9a256;
}
.contact_right .social-links li a .icon:hover {
    color: #b9a256;
}
/*---------------------------
7.1) contact us area ends here
---------------------------*/


/*===========================
7.2) google map area here
===========================*/
.google_map {
    height: 400px;
}
.google_map iframe {
    height: 400px;
}
/*---------------------------
7.2) google map area ends here
---------------------------*/


/*########################
8) book-form ---------------[########################]
########################*/
/*===========================
8.1) book form area here
===========================*/
.book_form {
    padding: 80px 0px;
}
.book_form .row {
    margin: 0;
}
.book_inner .heading h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 20px;
}
.book_inner .heading p {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
.book_inner form {
    margin-top: 50px;
}
.book_inner .book_group_sub {
    display: flex;
    gap: 20px;
}
.book_inner .form-group {
    margin: 0px;
    width: 100%;
}
.book_inner .form-group label {
    text-align: start;
    display: block;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}
.book_inner .form-group input {
    margin: 0px;
}
.book_inner .form-group button {
    max-width: 200px;
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 20px;
}
.toggle-panel-btn {
    width: 100px !important;
}
/*---------------------------
8.1) book form area ends here
---------------------------*/