*:not(.fa-solid){
  font-family: "Roboto", sans-serif !important;
  font-size: unset;
}

.header-logo a img, .footer-widget-logo a img{
    /*width: 73%;*/
    width: 60%;
}

@media screen and (min-width: 1680px) {
  .hero-area {
    position: relative;
    height: 757px !important;
    text-align: center;
    overflow: hidden;
  }
}

@media screen and (min-width: 1920px) {
  .hero-area {
    position: relative;
    height: 950px !important;
    text-align: center;
    overflow: hidden;
  }
}

.hero-area {
    position: relative;
    height: 586px;
    text-align: center;
    overflow: hidden;
}




/* Blurred background layer */
.hero-area::before {
    content: "";
    position: absolute;
    inset: 0;

    background: url(../images/banner10.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    z-index: 0;
}

/* Transparent color overlay */
.hero-area::after {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.31); /* change color + opacity here */
    
    z-index: 1;
}

/* Keep content above background */
.hero-area > * {
    position: relative;
    z-index: 1;
}

.hero-area:nth-child(2) {
    /*background: url(../images/shivraj_home_bg.jpg);*/
    background: url(../images/bg2.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 950px;
    text-align: center;
    position: relative;
}

.swiss-hotel-nanital-bg-area{
    background: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /*height: 950px;*/
    text-align: center;
    position: relative;
}

.la-niwaas-bg-area{
    background: url(../images/la-niwaas-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /*height: 950px;*/
    text-align: center;
    position: relative;
}

.brand-area .row h4 i{
 font-size: 50px;
}

.room-title-area{
 background: #f3f4f8 !important;
}

.swiss-hotel-nanital-bg-area .breacumb-content, .la-niwaas-bg-area .breacumb-content {
    position: relative;
    z-index: 100;
}

.breacumb-content{
 z-index: 1 !important;
}

.hero-area::before, .swiss-hotel-nanital-bg-area::before, .la-niwaas-bg-area::before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000096;
}

.hero-area .container{
    position: relative;
    z-index: 100;
}

.hero-contact{
    left: -355px;
}

.hotel_information_area, .gallery_area, .about-area, .stats-area{
    padding: 122px 0 123px;
}

.hotel_information_area .container .row, .hotel_information_area .container .row .col-md-3{
    background-color: transparent;
}

.gallery_area .gallery_column_area img{
    width: 100%;
    border-radius: 10px;
    margin: 0 0 7px 0;
    height: 100%;
}


/* whatsapp button css */
/* Floating Button */
    .whatsapp-btn {
        position: fixed;
        bottom: 116px;
        right: 20px;
        background: #25D366;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        color: white;
        cursor: pointer;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        z-index: 100;
    }

    /* Chat Box */
    .chat-box {
        position: fixed;
        bottom: 160px;
        right: 90px;
        width: 320px;
        background: white;
        border-radius: 15px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        display: none;
        overflow: hidden;
        z-index: 100;
    }

    /* Header */
    .chat-header {
        background: #075E54;
        color: white;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: bold;
    }

    /* Close Button */
    .close-chat {
        cursor: pointer;
        font-size: 18px;
    }

    /* Chat Agents */
    .chat-agent {
        display: flex;
        align-items: center;
        padding: 12px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        transition: 0.3s;
        text-decoration: none;
        color: black;
    }

    .chat-agent:hover {
        background: #f5f5f5;
    }

    .chat-agent img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .agent-name {
        font-weight: bold;
    }

    .agent-text {
        font-size: 13px;
        color: gray;
    }

    .online {
        font-size: 11px;
        color: green;
    }

/* Responsive Styles for Mobile & Tablet */
@media screen and (max-width: 768px) {
    .chat-box {
        bottom: 80px;
        right: 20px;
        width: 280px;
    }

    .chat-header {
        padding: 12px;
        font-size: 14px;
    }

    .close-chat {
        font-size: 16px;
    }

    .chat-agent {
        padding: 10px;
    }

    .chat-agent img,
    .chat-agent i {
        width: 32px;
        height: 32px;
        font-size: 24px !important;
    }

    .agent-name {
        font-size: 14px;
    }

    .agent-text {
        font-size: 12px;
    }

    .online {
        font-size: 10px;
    }

    .whatsapp-btn i {
        font-size: 28px;
    }
}

/* For very small phones (max-width: 480px) */
@media screen and (max-width: 480px) {
    .chat-box {
        bottom: 70px;
        right: 15px;
        width: 260px;
        border-radius: 12px;
    }

    .chat-header {
        padding: 10px;
        font-size: 13px;
    }

    .close-chat {
        font-size: 14px;
    }

    .chat-agent {
        padding: 8px 10px;
    }

    .chat-agent img,
    .chat-agent i {
        width: 28px;
        height: 28px;
        font-size: 22px !important;
        margin-right: 8px;
    }

    .agent-name {
        font-size: 13px;
    }

    .agent-text {
        font-size: 11px;
    }

    .online {
        font-size: 9px;
    }

    .whatsapp-btn {
        bottom: 20px;
        left: 15px;
    }

    .whatsapp-btn i {
        font-size: 24px;
    }
}

/* For tablets in landscape mode */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .chat-box {
        right: 40px;
        width: 300px;
    }
}

/* whatsapp button css end */

.header-menu ul.lisub_menu_child .child-menu{
    opacity: 0;
    top: 100%;
    visibility: visible;
}

.header-menu ul li.sub_menu_child:hover .child-menu{
    opacity: 1;
    top: 30%;
    visibility: visible;
}

.breacumb-content ul li a{
 color: #fff !important;
}

.header-menu ul li .child-menu{
    position: absolute;
    width: 200px;
    display: block;
    text-align: left;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    top: 150%;
    z-index: 2;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-top: 5px solid #1F5099;
    border-radius: 3px 3px 0 0;
    right: -200px !important;
}


.room-details-amenities{
 /*display: none;*/
}

.header-button a::before{
 background: #1F5099;
}

.header-button a:hover{
 border: 1px solid #1F5099;
}

.single-feature-box::before{
		display: none !important;
	}

.hotel-info-card{
  height: 300px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.1);
  transition: all 0.3s ease;
}

.hotel-info-card:hover{
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.2);
  transform: translateY(-5px);
}

.top-bar{
 height: 10px;
 /*background: #e1b569;*/
 background: #1F5099;
 padding: 5px;
}

.header-area {
  padding: 0 34px;
  position: relative;
  z-index: 2;
  margin-bottom: -96px;
  /*background: #2C4549;
  background: #043B04;*/
  background: #fff;
}


.header-menu ul li .sub-menu li a:hover{
 color: #fff !important;
}

.style-two .row.add-backgroun, .inner.room-area, .inner.feature-area{
 background-color: #f3f5f8;
}

.testi-quote-icon{
 display: none;
}

.sticky{
/*  background: #2C4549 !important;
  background: #043B04 !important;*/
  background: #fff !important;
}

.header-button a{
 color: #1F5099;
 font-weight: 500;
 border: 1px solid #1F5099;
}

.header-menu ul li a{
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 16px;
  color: #1F5099 !important;
  font-weight: 600;
}

.footer-widget-logo a img{
  width: 85%;
}

.feature-area {
 /* background: #2C4549;
  background: #043B04;*/
  background: #1F5099;
  padding: 122px 0 195px;
}

.brand-area {
  padding: 67px 0 44px;
 /* background: #333;
background: #043B04;*/
background: #1F5099;
}

.footer-brand {
  padding: 67px 0 44px;
  background: #333 !important;
}

.hotel_information_area, .gallery_area{
 padding-top: 123px;
}

.blog-area{
 padding-top: 0;
}

.room_list .owl-stage-outer .owl-stage .owl-item{
  height: 380px;
}

.hero-area{
 height: 
}

.hero-slider{
 margin-top: 96px;
}

.hotel_information_area .card{
 border-radius: unset !important;
border: 1px dashed;
}

.footer-widget-contact-info ul li, .footer-bottom-content h4, .footer-widget-menu ul li a, .footer-widget-social-icon ul li i{
 color: #fff !important;
}


.room-content{
 height: 150px !important;
}

.room-area .owl-stage{
 margin-bottom: 20px;
}

.hero-content h4{
 line-height: 30px;
text-transform: none;
}

.footer-area{
  background: #1F5099;
}

.footer-widget-contact, .footer-bottom-area{
  /*background: #044604;*/
   background: #2063C8;
}

.mean-container .mean-bar{
/* background: #043B04;*/
  background: #fff;
}

.logo-link img{
 margin-top: 8px;
 margin-left: 5px;
}

.mean-container a.meanmenu-reveal span{
  background: #1F5099;
}

.testi-content{
  height: 150px;
  overflow-y: auto;
}

.hero-area::before, .swiss-hotel-nanital-bg-area::before, .la-niwaas-bg-area::before{
/*  background-color: #00000003;*/
}
/*.facilities-thumb{position:relative;}
.facilities-thumb::before{
  width: 60%;
  height: 75%;
  content: '';
  position: absolute;
  background: #1F5099;
  top: -10px;
  left: -10px;
  z-index: -1;
}
.facilities-thumb::after{
  width: 60%;
  height: 75%;
  content: '';
  position: absolute;
  background: #1F5099;
  bottom: -10px;
  right: 24px;
  z-index: -1;
}*/

@media (max-width: 425px){
.facilities-thumb::after, .facilities-thumb::before{
  display: none;
}
}

.room-thumb{
  height: 200px;
}

.mean-container a.meanmenu-reveal{
 color: #000;
}