:root {
    --body-bg: #ffffff;
    --theme-color:#1b458f;
    --body-color: #f9b31d;
    --title-color: #fff;
    --secondary-color: #fde5d8;
    --border-color: #e7e5e5;
    --title-font:
    "Space Grotesk", sans-serif;
    --body-font:
    "Space Grotesk", sans-serif;
    --icon-font:
    "Font Awesome 5 Pro";
    --main-container: 1270px;
    --container-gutters: 30px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s
}
body {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    background-color: var(--body-bg);
    line-height: 28px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    background-color:#fff;
    margin: auto;
}
.slick-slide:focus,button:focus,a:focus,a:active,input,input:hover,input:focus,input:active,textarea,textarea:hover,textarea:focus,textarea:active {
    outline: none
}
a {
    text-decoration: none;
    outline: 0;
    transition: all ease .4s;
    font-family: var(--body-font) !important;
    font-weight: 500;
}
a:hover{
    color:var(--body-color) !important;
}

a:active,a:focus,a:hover,a:visited {
    text-decoration: none;
    outline: 0
}
button {
    transition: all ease .4s
}
img {
    max-width: 100%;
    height: auto;
}
li{
    list-style: none;
    font-family: var(--body-font);
}
p {
    margin: 0 0 18px 0;
    line-height: 1.63;
    font-family: var(--body-font);
    font-weight: 500;
}
.h1,h1 {
    font-size: 48px
}

.h2,h2 {
    font-size: 40px
}

.h3,h3 {
    font-size: 36px
}

.h4,h4 {
    font-size: 28px
}

.h5,h5 {
    font-size: 24px
}

.h6,h6 {
    font-size: 20px
}

.scroll-btn {
    position: fixed;
    bottom: 300px;
    right: 30px;
    z-index: 94;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    border-radius: 50%
}

.scroll-btn i {
    display: inline-block;
    background-color: var(--theme-color);
    color: #fff;
    text-align: center;
    font-size: 16px;
    width: var(--btn-size, 50px);
    height: var(--btn-size, 50px);
    line-height: var(--btn-size, 50px);
    z-index: 2;
    border-radius: inherit;
    position: relative;
    transition: all ease .8s
}

.scroll-btn:before {
    content: "";
    position: absolute;
    left: var(--extra-shape, -6px);
    top: var(--extra-shape, -6px);
    right: var(--extra-shape, -6px);
    bottom: var(--extra-shape, -6px);
    background-color: var(--body-bg);
    border-radius: inherit;
    z-index: 1;
    transition: all ease .4s
}

.scroll-btn:focus i,.scroll-btn:hover i {
    background-color: var(--title-color);
    color: var(--white-color)
}

.scroll-btn.show {
    bottom: 120px;
    opacity: 1;
    visibility: visible
}

.scrollToTop {
    position: fixed;
    right: 60px;
    bottom: 500px;
    opacity: 0;
    visibility: hidden;
    transition: all ease .4s;
    z-index: 96
}

.scrollToTop.show {
    bottom: 60px;
    opacity: 1;
    visibility: visible
}
.breadcumb-menu{
    display: flex;
    padding-left:0px;
}
.breadcumb-menu li{
    margin-left: 10px;
    font-size: 18px;
    color: var(--theme-color);
}
.breadcumb-content h3{
    font-size: 42px;
    color: var(--body-color);
}

.breadcumb-wrapper-bg{
    background-color: #000000b5;
    padding: 100px 0px;
}

.top-header-icons{
    float: right;
}
.humburger{
    background-color: #1b458f;
    border: 1px solid #1b458f;
    /* outline:none !important; */
    box-shadow:none !important;
}
.header-layout {
    position: relative;
    background: #f8f5f0;
}

.primary-button {
    font-size: 18px;
    background: #1b458f;
    border-radius: 20px;
    padding: 8px 28px;
    border: none;
    color: #fff;
    box-shadow: 4px 6px 0px -2px #f7b220;
    height: 42px;
    width: 170px;
}
.carousal-headings {
    top: 40%;
    left: 10%;
    width: 45%;
    text-align: justify;
}
.carousal-headings h5{
    font-size: 58px;
    margin-bottom: 40px;
    letter-spacing:-1px;
}
.bg-head{
    background-color: #000000d9 !important;
}
.header-links ul {
    display: flex;
}
.header-icon img{
    width: 24px;
    height: 24px;
}
.header-links ul li a{
    color: #fff;
}
.header-links ul li a i{
    margin-left: 30px;
    padding-right: 6px;
    color: #fff;
}
.header-links ul li a:hover{
    color: var(--body-color);
}
.header-top {
    padding-top: 8px;
    background: var(--theme-color);
}

.header-banner-image{
    position: relative;
}
.header-banner-image-bg{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.tabs li a{
    color: var(--theme-color);
    font-size: 18px;
}
.tabs li a:hover{
    color: var(--body-color);
}
.about-left-side{
     display: flex;
}
.about-left-side img {
    border-top-right-radius: 200px;
}
.about-left-side img:hover{
    filter: brightness(70%);
    transition: 400ms;
}
.header-page{
    padding: 80px 0px;
}
.room-page{
    padding: 60px 0px;
    background-color: #f8f5f0d4;
    text-align: center;
}
.about-image {
    margin-right: 10px;
    position: relative;
    top: 50px;
    right: -110px;
    z-index: 9;
    border-radius: 0px !important;
}
.about-right-side h3{
    font-size: 62px;
    color: var(--theme-color);
}
.about-right-side h6{
    font-size: 16px;
    color: #000;
    margin-bottom: 0px;
}
.about-right-side p{
    font-size: 17px;
    color: #000;
}
.rooms-background{
    background-image: url(../images/rooms/room-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.room-page h3{
    color: var(--theme-color);
    font-size: 62px;
    font-weight: 500;
}
.room-page img{
   border-radius: 30px;
}
.room-page img:hover {
    filter: brightness(140%);
    transition: 400ms;
}
.room-page a {
    display: inline-block;
    margin-top: 25px;
}
.room-page h6{
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-bottom: 0px;
}
.room-page h4{
    color: var(--theme-color);
    font-size: 23px;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
}
.room-page h4:hover{
    color: var(--body-color);
    transition: 400ms;
}
.facilities-page{
    padding: 60px 0px;
    text-align: center;
}
.facilities-page h3{
    text-align: center;
    color: var(--theme-color);
    font-size: 62px;
}
.facilities-page h6{
    text-align: center;
    color:#000;
    font-size: 16px;
    margin-bottom: 0px;
}
.facilities-page p{
    font-size: 18px;
    text-align: center;
}
.amenities-box{
    background-color: #F8F5F0;
    padding: 35px 30px;
    margin: 0px;
    border: 1px solid #ddd;
}
.amenities-box:hover{
   box-shadow: 1px 1px 10px 2px #ddd;
   transition: 500ms;
   transform: scale(1.1);
}
.amenities-box i{
    font-size: 35px;
    color: var(--body-color);
 }
.amenities-box h4{
   font-size: 19px;
   color: #1b458f;
   margin-top: 10px;
}
.Testimonials-page{
    background-color: #000000d9;
    padding: 60px 0px;
    text-align: center;
}
.Testimonials-page h6{
    text-align: center;
    color: var(--body-color);
    font-size: 16px;
    margin-bottom: 0px;
}
.Testimonials-page h3{
    text-align: center;
    color: #fff;
    font-size: 58px;
}
.Testimonials-page h3 i{
    color: var(--body-color);
}
.Testimonials-page h4{
    text-align: center;
    color: var(--body-color);
    font-size: 34px;
}
.Testimonials-page p{
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.Testimonials{
    background-image: url(../images/center-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.google-icon{
    max-width: 150px;
    height: auto;
    margin: 25px;
}
.Gallery-page{
    padding: 60px 0px;
    text-align: center;
    background-color: #F8F5F0;
}
.Gallery-page h3{
    text-align: center;
    color: var(--theme-color);
    font-size: 62px;
}
.Gallery-page h6{
    text-align: center;
    color: #000;
    font-size: 16px;
}
.footer-page{
    background-image: url(../images/banner-img-2.jpg);
}
.Gallery-page a{
    margin-top: 20px;
    display: inline-block;
}
.Gallery-page img{
    border-radius: 10px;
}
.widget-area {
    background: #000000ed;
    padding: 60px 0px 0px 0px;
}
.copyright-text {
    font-size: 13px;
    margin-bottom: 0px;
    padding: 10px 0px;
    color: #fff;
}
.copyright-text a{
    color: #fff;
}
.copyright-wrap {
    margin-top: 20px;
    background-color: #211e17e8;
}
.footer-menu ul li a{
    color: #fff; 
    font-size: 17px; 
    font-weight: 400;
}
.footer-menu h4 {
    color: #f9b31d;
    font-size: 32px;
    font-weight: 500;
}
.footer-menu p{
    color: #fff;
    margin: 10px 10px 10px 0px;
    font-size: 17px;
}
.footer-menu ul li{
    color: #fff;
    font-size: 18px;
}
.footer-menu ul{
    padding-left: 0px;
    margin-top: 20px;
}
.footer-menu a img{
    max-width: 280px;
    height: auto;
    border-radius: 8px;
}
.header-icon {
    margin-right: 12px;
}
.footer-menu ul li a:hover{
    color: var(--body-color);
}
.attraction-page h3{
    text-align: center;
    color: var(--theme-color) !important;
    font-size: 62px;
}
.attraction-page h4 a{
    margin-top: 20px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 20px;
}
.attraction-page a{
    margin-top: 20px;
    display: inline-block;
    color: #fff;
}
.attraction-page img{
    border-radius: 15px;
    margin: 10px;
}
.attraction-page img:hover{
     filter: brightness(120%);
     transition: 300ms;
}
.attraction-page{
    padding: 60px 0px;
    text-align: center;
    background-color: #f8f5f0f0;
}
.attraction-page h6{
    text-align: center;
    color: #000;
    font-size: 17px;
}
.attraction-bg{
    background-image: url(../images/attraction/attraction-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.pet-icon{
    max-width: 40px;
    height: 40px;
    color: #f7b220 !important;
}
.about-us-image-section{
    display: flex;
    justify-content: space-evenly;
}
.about-us-image-section img{
     border-radius: 15px;     
}
.aboutus_wrapper{
    padding: 60px 0px;
}
.breadcumb-wrapper{
    background-position: center;
}
.rooms_wrapper{
    padding: 60px 0px;
}
.single_rooms img{
    max-width: 45px;
    height: auto;
}
.single_rooms h3{
    font-size: 42px;
    color: var(--theme-color);
    margin-bottom: 30px;
}
.single_rooms h6{
    font-size: 28px;
    color:#000;
    display: flex;
}
.single_rooms ul li{
    color: #000;
    font-size: 19px;
    font-weight: 500;
    padding: 5px 15px 5px;
}
.rooms_images img{
    border-radius: 15px;
}
.rooms_wrapper-1{
    background-color: #F8F5F0;
    padding: 60px 0px;
}
.rooms_wrapper-2{
    padding: 60px 0px;
}
.attractions_wrapper{
    padding: 60px 0px;
    background: #F8F5F0;
}
.attractions_wrapper h5 a{
    font-size: 28px;
    color: var(--body-color);
}
.attractions_wrapper h5{
    font-size: 28px;
    color: var(--body-color);
}
.attractions_wrapper h3{
    font-size: 52px;
    color: var(--theme-color);
    margin-bottom: 50px;
}
.card-text {
    font-size: 15px;
    margin-bottom: 5px;
}
.attraction-paragraph li a{
    font-size: 15px;
    color: var(--theme-color);
}
.attraction-paragraph li a:hover{
    color: var(--body-color);
}
.attraction-paragraph{
    padding-left: 0px;
    margin-bottom: 0px;
}
.form-page{
    background-color: var(--body-color);
    padding: 20px;
    margin: 15px 0px;
    border-radius: 8px;
}
.form-input{
    width: 100%;
    padding: 5px 0px 5px 8px;
    margin: 15px 0px 14px 0px;
}
.form-input{
    width: 100%;
}
.contact_us_page{
    padding: 60px 0px 20px 0px;
}
.contact-us-list{
    padding: 0px 15px 18px 0px;
    text-align: center;
}
.contact-title {
    font-size: 42px;
    color: var(--theme-color);
}
.gallery_wrapper{
    padding: 60px 0px;
    background-color: #F8F5F0;
}
.gallery_wrapper img{
    border-radius: 15px;
    margin: 10px;
}
.gallery_wrapper img:hover{
    filter: brightness(140%);
    transition: 400ms;
}
.contact-us-list-links {
    padding: 7px 0px;
    text-align: center;
    background-color: #f5f2f2;
    margin-top: 66px;
    box-shadow: 1px 1px 5px 1px #ccc;
}
.contact-us-list-links h4{
    color: var(--theme-color);
    font-size: 30px;
}
.contact-us-list-links li{
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
.contact-us-list-links ul{
    padding-left: 0px;
    margin-bottom: 0px;
}
.address-icon{
    padding-left: 18px;
}
.contact-us-list-links ul li a{
    color: #000;
    font-size: 16px;
}
.rooms_box {
    margin: 10px 0px;
}
.booking_wrapper{
    padding: 40px 0px;
}
.booking_wrapper h3{
    font-size: 48px;
    color: #1b458f;
    text-align: center;
}
input.form-time {
    width: 100%;
    padding: 5px 0px 5px 8px;
}   
.booking-form{
        background-color: var(--body-color);
        padding: 20px;
        margin: 15px 0px;
        border-radius: 8px;
}
.select-form{
    width: 100%;
    padding: 9px 0px 8px 8px;
    margin: 15px 0px 14px 0px ;
    outline:none;
}