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


--------#####--------
Template Name: Shopnil Shindhu
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) google map area here
    1.8) 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
===========================*/
.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: #dab074;
    /* background: #211f20; */
    /* background: rgba(33, 31, 32, 0.7); */
    /* background: rgba(33, 31, 32, 0.9); */
    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 120px;
    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;
    color: #fff;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.sticky .desktop_menu ul li a:hover {
    color: #211f20 !important;
}
.header .desktop_menu ul li a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: -110%;
    bottom: 0px;
    background-color: #b9a256;
    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-color: #211f20;
}
.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;
}
.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;
}
/*---------------------------
1.2) header area ends here
---------------------------*/


/*===========================
1.3) hero section area here
===========================*/
.hero-section {
    overflow: hidden;
}
.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;
}
.hero-section .slide-text .title1 {
    margin-bottom: 20px;
}
.hero-section .slide-text .title2 {
    padding: 0px !important;
    margin-bottom: 20px;
}
.hero-section .slide-text .title3 {
    margin-bottom: 30px;
}
.hero-section .slide-text .sub-title {
    margin: 0px;
}
/*---------------------------
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: 80px 0px 60px;
}
.about-us .row {
    margin: 0;
}
.about-us .about-us-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.about-us .about-us-content h2 {
    text-transform: uppercase;
    font-size: 70px;
    margin-top: -15px;
    letter-spacing: 10px;
}
.about-us .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 20px;
}
.about-us .content .heading h3 {
    padding: 0;
    line-height: 120%;
    font-size: 44px;
}
.about-us .content .description p {
    margin: 0;
    width: 100%;
}
.about-us .thumb div {
    height: 450px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.about-us .thumb div img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -ms-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}
.about-us .thumb div:hover img {
    transform: translateY(calc(100% - 450px));
    -webkit-transform: translateY(calc(100% - 450px));
    -moz-transform: translateY(calc(100% - 450px));
    -ms-transform: translateY(calc(100% - 450px));
    -o-transform: translateY(calc(100% - 450px));
}
.about-us .thumb img:hover {
    margin-top: inherit;
    cursor: inherit;
}
/*---------------------------
1.5) about us area ends here
---------------------------*/


/*===========================
1.6) facility area here
===========================*/
.facility {
    padding: 60px 0px;
}
.facility .row {
    margin: 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);
}
.facility-item .hover14 {
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.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: relative;
    z-index: 0;
}
.facility-item .text h3 {
    font-size: 20px;
    line-height: 26px;
}
.facility-item .text h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.facility-item .text h3 a:hover {
    color: var(--primary);
}
.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;
}
.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;
}
.facility .see-more-wrapper {
    text-align: center;
}
.facility .see-more-wrapper button {
    margin-top: 40px;
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    color: var(--white);
    background-color: var(--primary);
    border: none;
    cursor: pointer;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}
.facility .see-more-wrapper button:hover {
    background-color: #7c6955;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}
/*---------------------------
1.6) facility area ends here
---------------------------*/


/*===========================
1.7) google map area here
===========================*/
.google-map-section {
    overflow: hidden;
}
.google-map-section .row {
    margin: 0px;
}
.google-map-section .row > div {
    padding: 0px;
}
.google-map-section .mapouter .gmap_canvas {
    height: 400px;
}
.google-map-section .mapouter .gmap_canvas iframe {
    height: 400px;
}
.google-map-section .mapouter .gmap_canvas a {
    display: none;
}
.google-map-section .row > :last-child {
    height: 400px;
    display: flex;
    align-items: center;
    padding: 0px 15px 0px 30px;
}
.google-map-section .text-holder {
    width: 100%;
    padding: 0;
    margin: 0;
}
.google-map-section .text-holder h3 {
    width: 239px;
    padding-bottom: 24px;
}
.google-map-section .text-holder h4 {
    margin-bottom: 4px;
}
.google-map-section .text-holder p.addrerss {
    margin-bottom: 16px;
}
.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;
}
.google-map-section .text-holder ul li i.fa.fa-facebook:hover {
    color: #b9a256;
}
/*---------------------------
1.7) google map area ends here
---------------------------*/


/*===========================
1.8) footer area here
===========================*/
.footer {
    padding: 0;
}
.footer .row {
    margin: 0;
}
.footer .footer-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding-top: 40px;
}
.footer .footer-items .footer-address h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 0px 0px 20px 0px;
}
.footer .footer-items .footer-address p {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}
.footer .footer-items .footer-menu ul {
    display: block;
    margin-left: 30px;
}
.footer .footer-items .footer-menu ul li {
    width: 100%;
    text-align: start;
}
.footer .footer-items .footer-menu ul li:first-child a {
    padding-top: 0px;
}
.footer .footer-items .footer-menu ul li a {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    width: auto;
}
.footer .footer-bottom {
    margin: 30px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.footer .footer-bottom .copyright {
    padding: 0px;
}
.footer .footer-bottom .copyright p {
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
}
.footer .footer-bottom .siteby {
    padding: 0px;
}
.footer .footer-bottom .siteby p {
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
}
/*---------------------------
1.8) 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
---------------------------*/