/* CSS Document */
/*==================================================
KM HOTEL & BANQUET
Author : ChatGPT
Version : 1.0
==================================================*/


/*==============================
GOOGLE FONTS
==============================*/

body{

margin:0;

padding:0;

font-family:'Poppins',sans-serif;

font-size:15px;

color:#555;

background:#fff;

overflow-x:hidden;

}

img{

max-width:100%;

}

a{

text-decoration:none;

transition:.3s;

}

ul{

margin:0;

padding:0;

list-style:none;

}

/*==================================================
COLORS
==================================================*/

:root{

--primary:#082B67;

--gold:#C99A35;

--light:#F8F8F8;

--white:#ffffff;

}


/*==============================
COMMON
==============================*/

section{

    position:relative;

}

.section-title{

    margin-bottom:20px;

}

.section-title .subtitle{

    color:#c79b3b;

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

}

.section-title h2{

    font-family:'Playfair Display',serif;

    font-size:42px;

    color:#072b63;

    margin-top:12px;

    font-weight:700;

}

.title-line{

    width:90px;

    height:4px;

    background:#c79b3b;

    margin-top:18px;

}

.section-description{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:30px;

}


/*==============================
BUTTON
==============================*/

.btn-gold{

    background:#c79b3b;

    color:#fff;

    padding:14px 35px;

    border-radius:40px;

    font-weight:600;

    text-transform:uppercase;

    border:none;

    transition:.35s;

}

.btn-gold:hover{

    background:#072b63;

    color:#fff;

}


/*==============================
TOP HEADER
==============================*/

.top-header{

    background:#072b63;

    color:#fff;

    padding:10px 0;

    font-size:14px;

}

.top-contact{

    list-style:none;

    margin:0;

    padding:0;

    display:flex;

    align-items:center;

}

.top-contact li{

    margin-right:25px;

}

.top-contact i{

    color:#c79b3b;

    margin-right:8px;

}

.social-icons{

    text-align:right;

}

.social-icons a{

    width:35px;

    height:35px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.08);

    color:#fff;

    border-radius:50%;

    margin-left:8px;

}

.social-icons a:hover{

    background:#c79b3b;

}


/*==============================
HEADER
==============================*/

.header-area{

    background:#fff;

    padding:20px 0;

    text-align:center;

    box-shadow:0 2px 12px rgba(0,0,0,.05);

}

.logo img{

    height:90px;

}


/*==============================
MENU
==============================*/

.main-menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#ffffff;
    transition:all .3s ease;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
}

.main-menu .navbar-nav{

    width:100%;

    justify-content:center;

    align-items:center;
	padding:0 !important;
	min-height:70px;

}

.main-menu .nav-item{

    padding:0 12px;

}

.main-menu .nav-link{

    color:#082B67 !important;

    font-size:15px;

    font-weight:600;

    text-transform:uppercase;

    padding:35px 0;

    position:relative;

}

.main-menu .nav-link.active{
    color:#C99A35 !important;
}

.main-menu .nav-link:hover{

    color:#C99A35 !important;

}

.main-menu .nav-link::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:18px;

    transform:translateX(-50%);

    width:0;

    height:2px;

    background:#C99A35;

    transition:.35s;

}

.main-menu .nav-link:hover::after{

    width:100%;

}

/* Center Logo */

.logo-item{

    margin:0 40px;

}

.nav-logo{

    height:90px;

   transition:all .35s ease;

}

.nav-logo:hover{

    transform:scale(1.05);

}

/* Mobile Logo */
.mobile-logo{
    height:55px;
    width:auto;
}

/* Desktop Logo */
.nav-logo{
    height:80px;
    width:auto;
}

/* Mobile Header */
@media (max-width:991.98px){

.main-menu .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.navbar-brand{
    margin:0;
    padding:0;
}

.navbar-toggler{
    margin-left:auto;
    border:0;
    outline:none;
    box-shadow:none;
}

.navbar-collapse{
    margin-top:15px;
    width:100%;
}

.navbar-nav{
    align-items:flex-start !important;
}

.navbar-nav .nav-item{
    width:100%;
}

.navbar-nav .nav-link{
    padding:12px 0;
	transition:all .35s ease;
}

}

/* Remove default border */
.navbar-toggler{
    border:0;
    box-shadow:none !important;
    outline:none;
}

/* Blue Hamburger Icon */
.custom-toggler{
    width:30px;
    height:22px;
    display:block;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23005BAA' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
/*==============================
HERO
==============================*/

.hero{

    background:url('../images/banner.jpeg') center center;

    background-size:cover;

    min-height:700px;

    position:relative;

}

/*.overlay{

    background:rgba(7,43,99,.60);

    width:100%;

    min-height:700px;

    display:flex;

    align-items:center;

}*/

.hero-content{

    color:#fff;

}

.hero-content h4{

    color:#c79b3b;

    font-size:22px;

    margin-bottom:15px;

}

.hero-content h1{

    font-family:'Playfair Display',serif;

    font-size:65px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:25px;

}

.hero-content p{

    max-width:600px;

    font-size:18px;

    line-height:34px;

    margin-bottom:35px;

}


/*==============================
BOOTSTRAP FIX
==============================*/

.form-control{

    border-radius:6px;

    box-shadow:none;

}

.form-control:focus{

    box-shadow:none;

    border-color:#c79b3b;

}

.btn:focus{

    box-shadow:none;

}


/*==============================
RESPONSIVE
==============================*/

@media(max-width:991px){

.top-contact{

display:block;

text-align:center;

}

.top-contact li{

margin:5px 0;

}

.social-icons{

text-align:center;

margin-top:10px;

}

.logo img{

height:75px;

}

.hero{

min-height:600px;

}

.overlay{

min-height:600px;

}

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:48px;

}

.hero-content p{

margin:auto;
margin-bottom:30px;

}

.title-line{

margin:auto;
margin-top:20px;

}

}

@media(max-width:767px){

.hero{

min-height:520px;

}

.overlay{

min-height:520px;

}

.hero-content h1{

font-size:38px;

}

.hero-content h4{

font-size:18px;

}

.hero-content p{

font-size:16px;

line-height:28px;

}

.section-title h2{

font-size:32px;

}

}

@media(max-width:576px){

.logo img{

height:60px;

}

.hero-content h1{

font-size:30px;

}

.hero-content p{

font-size:15px;

}

.btn-gold{

width:100%;

padding:14px;

}

.custom-navbar .navbar-nav{

text-align:center;

}

}
/*==========================================
BOOKING SECTION
==========================================*/

.booking-section{

    margin-top:-125px;
    position:relative;
    z-index:10;

}

.booking-card{

    background:#072b63;
    border-radius:12px;
    padding:35px;
    box-shadow:0 12px 30px rgba(0,0,0,.25);

}

.booking-title{

    color:#fff;
    font-family:'Playfair Display', serif;
    font-size:30px;
    margin-bottom:25px;
    text-transform:uppercase;

}

.booking-card label{

    color:#fff;
    font-weight:500;
    font-size:14px;
    margin-bottom:8px;

}

.booking-card .form-control{

    height:50px;
    border:none;
    border-radius:6px;
    font-size:15px;

}

.booking-card .input-group-text{

    background:#ffffff;
    border:none;

}

.booking-btn{

    height:50px;
    background:#c79b3b;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    border:none;
    transition:.3s;
	font-size:12px !important;

}

.booking-btn:hover{

    background:#b3872f;
    color:#fff;

}


/*==========================================
WELCOME SECTION
==========================================*/

.welcome-section{

    background:#f8f9fa;

}

.section-title .subtitle{

    color:#c79b3b;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;

}

.section-title h2{

    font-family:'Playfair Display', serif;
    color:#072b63;
    font-size:42px;
    margin-top:10px;

}

.title-line{

    width:80px;
    height:4px;
    background:#c79b3b;
    margin:20px 0;

}

.welcome-section p{

    color:#666;
    line-height:30px;
    font-size:16px;

}

.feature-list{

    list-style:none;
    padding:0;
    margin:0;

}

.feature-list li{

    margin-bottom:15px;
    font-size:16px;

}

.feature-list i{

    color:#c79b3b;
    margin-right:10px;

}

/* Image */

.welcome-image{

    position:relative;
    overflow:hidden;
    border-radius:12px;

}

.welcome-image img{

    width:100%;
    border-radius:12px;
    transition:.5s;

}

.welcome-image:hover img{

    transform:scale(1.05);

}

/* Experience Box */

.experience-box{

    position:absolute;

    bottom:25px;

    left:25px;

    background:#072b63;

    color:#fff;

    padding:20px 25px;

    border-left:5px solid #c79b3b;

    border-radius:8px;

}

.experience-box h2{

    font-size:42px;

    margin:0;

    color:#fff;

}

.experience-box span{

    font-size:15px;

}

/*==========================================
BUTTON
==========================================*/

.btn-gold{

    background:#c79b3b;
    color:#fff;
    padding:14px 35px;
    border-radius:40px;
    text-transform:uppercase;
    font-weight:600;
    transition:.4s;

}

.btn-gold:hover{

    background:#072b63;
    color:#fff;
    text-decoration:none;

}


/*==========================================
FEATURED ROOMS
==========================================*/

.rooms-section{
    background:#ffffff;
}

.section-description{
    max-width:650px;
    margin:auto;
    color:#777;
}

.room-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.room-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.room-image{
    position:relative;
    overflow:hidden;
}

.room-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.6s;
}

.room-card:hover img{
    transform:scale(1.08);
}

.price-tag{
    position:absolute;
    top:20px;
    right:0;
    background:#072b63;
    color:#fff;
    padding:10px 20px;
    font-weight:600;
    border-radius:25px 0 0 25px;
}

.price-tag small{
    color:#fff;
}

.room-body{
    padding:25px;
}

.room-rating{
    color:#f5b301;
    margin-bottom:12px;
}

.room-body h4{
    color:#072b63;
    font-family:'Playfair Display', serif;
    margin-bottom:15px;
}

.room-body p{
    color:#666;
    font-size:15px;
    line-height:28px;
}

.room-feature{
    list-style:none;
    padding:0;
    margin:25px 0;
}

.room-feature li{
    padding:8px 0;
    color:#555;
    border-bottom:1px dashed #ddd;
}

.room-feature i{
    color:#c79b3b;
    width:25px;
}

.room-btn{
    display:flex;
    justify-content:space-between;
    margin-top:20px;
}

.room-btn .btn{
    width:100%;
}


/*==========================================
SERVICES
==========================================*/

.services-section{

    background:#f8f9fa;

}

.service-box{

    background:#ffffff;

    border-radius:12px;

    padding:35px 25px;

    text-align:center;

    transition:.35s;

    height:100%;

    box-shadow:0 10px 30px rgba(0,0,0,.07);

    border-bottom:4px solid transparent;

}

.service-box:hover{

    transform:translateY(-10px);

    border-bottom:4px solid #c79b3b;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.service-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#072b63;

    color:#ffffff;

    font-size:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;

}

.service-box:hover .service-icon{

    background:#c79b3b;

    transform:rotateY(180deg);

}

.service-box h4{

    font-family:'Playfair Display', serif;

    color:#072b63;

    margin-bottom:15px;

    font-size:24px;

}

.service-box p{

    color:#666;

    line-height:28px;

    margin-bottom:0;

}

/*==========================================
BANQUET SECTION
==========================================*/

.banquet-section{

    background:url('../images/banquet-bg.jpg') center center;

    background-size:cover;

    background-attachment:fixed;

    position:relative;

}

.banquet-overlay{

    background:rgba(7,43,99,.88);

    padding:25px 0;

}

.banquet-content{

    color:#fff;

}

.banquet-content h2{

    color:#fff;

    font-size:46px;

    font-family:'Playfair Display', serif;

    margin:20px 0;

}

.banquet-content p{

    line-height:32px;

    color:#f2f2f2;

}

.banquet-list{

    list-style:none;

    padding:0;

}

.banquet-list li{

    padding:12px 0;

    font-size:17px;

}

.banquet-list i{

    color:#c79b3b;

    margin-right:10px;

}

.event-card{

    background:#fff;

    border-radius:12px;

    padding:40px;

    box-shadow:0 20px 50px rgba(0,0,0,.25);

}

.event-card h3{

    color:#072b63;

    font-family:'Playfair Display', serif;

    margin-bottom:20px;

}

.event-item{

    display:flex;

    margin:25px 0;

    align-items:flex-start;

}

.event-item i{

    width:65px;

    height:65px;

    background:#072b63;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    margin-right:20px;

    transition:.4s;

}

.event-item:hover i{

    background:#c79b3b;

    transform:rotate(360deg);

}

.event-item h5{

    color:#072b63;

    margin-bottom:5px;

}

.event-item p{

    margin:0;

    color:#666;

}

/*==========================================
GALLERY
==========================================*/

.gallery-section{

    background:#ffffff;

}

.gallery-filter{

    margin-top:20px;

}

.gallery-filter button{

    border:none;

    background:#f5f5f5;

    padding:12px 30px;

    margin:5px;

    border-radius:40px;

    font-weight:600;

    transition:.3s;

    outline:none;

}

.gallery-filter button.active,
.gallery-filter button:hover{

    background:#072b63;

    color:#fff;

}

.gallery-box{

    position:relative;

    overflow:hidden;

    border-radius:10px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.gallery-box img{

    width:100%;

    height:270px;

    object-fit:cover;

    transition:.5s;

}

.gallery-box:hover img{

    transform:scale(1.1);

}

.gallery-overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(7,43,99,.75);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.4s;

}

.gallery-box:hover .gallery-overlay{

    opacity:1;

}

.gallery-overlay a{

    width:60px;

    height:60px;

    background:#c79b3b;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    text-decoration:none;

}

/*==========================================
TESTIMONIALS
==========================================*/

.testimonial-section{

    background:#f8f9fa;

}

.testimonial-card{

    background:#fff;

    padding:40px 30px;

    border-radius:12px;

    text-align:center;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    margin:15px;

    transition:.35s;

}

.testimonial-card:hover{

    transform:translateY(-8px);

}

.guest-image{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:20px;

}

.guest-image img{

    width:100%;

    height:100%;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #c79b3b;

}

.rating{

    color:#f4b400;

    margin-bottom:20px;

    font-size:18px;

}

.testimonial-card p{

    color:#666;

    line-height:30px;

    font-style:italic;

    min-height:130px;

}

.testimonial-card h4{

    color:#072b63;

    font-family:'Playfair Display', serif;

    margin-bottom:5px;

}

.testimonial-card span{

    color:#999;

    font-size:14px;

}

.owl-theme .owl-dots .owl-dot span{

    width:12px;

    height:12px;

    background:#ccc;

}

.owl-theme .owl-dots .owl-dot.active span{

    background:#c79b3b;

}

/*==========================================
CONTACT
==========================================*/

.contact-section{

background:#f8f9fa;

}

.contact-info h2{

font-family:'Playfair Display', serif;

color:#072b63;

margin-bottom:20px;

}

.contact-item{

display:flex;

margin:30px 0;

}
.contact-item_addr {
    display: flex;
    align-items: flex-start;
    margin: 30px 0;
}

.contact-item i{

width:60px;

height:60px;

background:#072b63;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

margin-right:20px;

}
.contact-item_addr > i {
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;

    background: #072b63;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    margin-right: 20px;

    flex: 0 0 105px;
    box-sizing: border-box;

    font-size: 30px;
    line-height: 1;
}

.contact-form{

background:#fff;

padding:40px;

border-radius:10px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.contact-form .form-control{

height:50px;

}

.contact-form textarea{

height:auto !important;

}

/*==========================================
FOOTER
==========================================*/

.footer{

background:#072b63;

padding:15px 0;

color:#fff;

}

.footer h4{

margin-bottom:25px;

font-family:'Playfair Display', serif;

}

.footer ul{

list-style:none;

padding:0;

}

.footer ul li{

margin-bottom:12px;

}

.footer a{

color:#fff;

text-decoration:none;

}

.footer a:hover{

color:#c79b3b;

}

.footer-logo{

height:70px;

margin-bottom:20px;

}

.footer-social a{

display:inline-flex;

width:40px;

height:40px;

background:#fff;

color:#072b63;

justify-content:center;

align-items:center;

border-radius:50%;

margin-right:10px;

transition:.3s;

}

.footer-social a:hover{

background:#c79b3b;

color:#fff;

}

.copyright{

background:#041a40;

padding:15px;

text-align:center;

color:#ddd;

}

/*==========================================
FLOATING BUTTONS
==========================================*/

.whatsapp,
.call-btn,
#topBtn,insta{

position:fixed;

right:25px;

width:55px;

height:55px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:22px;

z-index:999;

text-decoration:none;

box-shadow:0 10px 20px rgba(0,0,0,.2);

}

.whatsapp{

bottom:150px;

background:#25D366;

}

.insta{

bottom:150px;

background:#25D366;

}

.call-btn{

bottom:85px;

background:#072b63;

}

#topBtn{

bottom:20px;

background:#c79b3b;

display:none;

}

/*=========================================================
ABOUT PAGE CSS
KM Hotel & Banquet
=========================================================*/


/*=========================================
PAGE BANNER
=========================================*/

.page-banner{
    position: relative;
    background: url('../images/about/about-banner.jpg') center center;
    background-size: cover;
    height: 350px;
}

.page-banner .overlay{
    width:100%;
    height:100%;
    /*background:rgba(8,43,103,.70);*/
    display:flex;
    justify-content:center;
    align-items:center;
}

.page-banner h1{
    color:#fff;
    font-size:52px;
    font-family:'Playfair Display',serif;
    font-weight:700;
    margin-bottom:15px;
}

.page-banner p{
    color:#fff;
    font-size:16px;
}

.page-banner a{
    color:#C99A35;
    text-decoration:none;
}

.page-banner a:hover{
    color:#fff;
}


/*=========================================
ABOUT STORY
=========================================*/

.about-page{
    padding:90px 0;
}

.about-page img{
    border-radius:10px;
    transition:.4s;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.about-page img:hover{
    transform:scale(1.03);
}

.about-page .subtitle{
    color:#C99A35;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px;
}

.about-page h2{
    font-family:'Playfair Display',serif;
    font-size:42px;
    color:#082B67;
    margin-bottom:25px;
}

.about-page p{
    color:#666;
    line-height:30px;
    margin-bottom:20px;
}


/*=========================================
WHY CHOOSE US
=========================================*/

.why-us{
    background:#f8f8f8;
    padding:90px 0;
}

.feature-box{
    background:#fff;
    padding:40px 25px;
    text-align:center;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;
}

.feature-box:hover{
    transform:translateY(-10px);
}

.feature-box i{
    width:80px;
    height:80px;
    line-height:80px;
    background:#082B67;
    color:#fff;
    border-radius:50%;
    font-size:28px;
    margin-bottom:25px;
    transition:.35s;
}

.feature-box:hover i{
    background:#C99A35;
}

.feature-box h4{
    color:#082B67;
    margin-bottom:15px;
    font-family:'Playfair Display',serif;
}

.feature-box p{
    color:#777;
    line-height:28px;
}


/*=========================================
TIMELINE
=========================================*/

.timeline-section{
    padding:90px 0;
}

.timeline{
    position:relative;
    margin-top:60px;
}

.timeline:before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:4px;
    background:#C99A35;
}

.timeline-item{
    width:45%;
    background:#fff;
    padding:15px;
    margin-bottom:10px;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    position:relative;
}

.timeline-item:nth-child(odd){
    margin-right:auto;
}

.timeline-item:nth-child(even){
    margin-left:auto;
}

.timeline-item h4{
    color:#C99A35;
    font-size:30px;
    margin-bottom:10px;
}

.timeline-item p{
    margin:0;
    color:#666;
}


/*=========================================
COUNTER
=========================================*/

.counter-section{
    background:#082B67;
    color:#fff;
    padding:80px 0;
}

.counter-section h2{
    font-size:50px;
    font-weight:700;
    margin-bottom:10px;
}

.counter-section p{
    margin:0;
    text-transform:uppercase;
    letter-spacing:1px;
}


/*=========================================
TEAM
=========================================*/

.team-section{
    padding:90px 0;
}

.team-card{
    background:#fff;
    text-align:center;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.team-card:hover{
    transform:translateY(-8px);
}

.team-card img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.team-card h4{
    padding:20px;
    color:#082B67;
    font-family:'Playfair Display',serif;
}


/*=========================================
PROMISE
=========================================*/

.guest-promise{
    background:#f8f8f8;
    padding:90px 0;
}

.guest-promise h2{
    font-size:42px;
    color:#082B67;
    font-family:'Playfair Display',serif;
    margin-bottom:25px;
}

.guest-promise p{
    max-width:750px;
    margin:auto;
    line-height:32px;
    color:#666;
}


/*=========================================
CTA
=========================================*/

.cta-banner{
    background:url('../images/about/cta.jpg') center center;
    background-size:cover;
    position:relative;
}

.cta-banner .overlay{
    background:rgba(8,43,103,.75);
    padding:90px 0;
}

.cta-banner h2{
    color:#fff;
    font-size:48px;
    font-family:'Playfair Display',serif;
    margin-bottom:20px;
}

.cta-banner p{
    color:#fff;
    font-size:18px;
    margin-bottom:30px;
}


/*=========================================
BUTTON
=========================================*/

.btn-gold{
    background:#C99A35;
    color:#fff;
    padding:14px 35px;
    border-radius:40px;
    text-transform:uppercase;
    font-weight:600;
    transition:.35s;
}

.btn-gold:hover{
    background:#082B67;
    color:#fff;
}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.page-banner{
    height:260px;
}

.page-banner h1{
    font-size:40px;
}

.about-page h2{
    font-size:34px;
    margin-top:30px;
}

.timeline:before{
    left:20px;
}

.timeline-item{
    width:100%;
    margin-left:40px !important;
}

.team-card{
    margin-bottom:30px;
}

}

@media(max-width:767px){

.page-banner{
    height:220px;
}

.page-banner h1{
    font-size:32px;
}

.about-page{
    padding:60px 0;
}

.about-page h2{
    font-size:30px;
}

.feature-box{
    margin-bottom:25px;
}

.counter-section h2{
    font-size:36px;
}

.counter-section .col-md-3{
    margin-bottom:30px;
}

.guest-promise h2,
.cta-banner h2{
    font-size:30px;
}

.timeline-item{
    margin-left:30px !important;
}

}

#back-top{
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    background: #0d6efd;
    color: #fff;
    border-radius: 50%;
    display: none;
    z-index: 9999;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transition: .3s;
}

#back-top:hover{
    background:#003b99;
}

.navbar { padding:0 !important;}

.navbar-brand{
    margin-right:30px;
    padding:0;
}

.nav-logo{
    height:55px;      /* Adjust as required */
    width:auto;
    transition:.3s;
}

.main-menu .navbar-nav{
    margin-left:0;
}

.main-menu .nav-link{
    padding:28px 16px;
}
.desktop-logo{
    display:block;
}

/* Mobile */
@media (max-width: 991.98px){
    .desktop-logo{
        display:none !important;
    }
}
@media (max-width: 767px) {
    .booking-section {
        top: 40px !important;
    }
}
@media (max-width: 767px) {
    ..booking-card {
        top: 100px !important;
    }
}