/**
Theme Name: Astra Child Theme
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-theme
Template: astra
*/
.single-hotel .site-main{
    padding-top:80px;
}

.single-hotel h1{
    margin-bottom:30px;
}

/*=========================================
 HOTEL AREA PAGE
=========================================*/

.hotel-area-banner{
    position:relative;
    height:420px;
    overflow:hidden;
    margin-bottom:60px;
}

.hotel-area-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.hotel-area-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
}

.hotel-area-container{
    max-width:1280px;
    margin:auto;
    padding:0 20px;
}

.hotel-area-overlay h1{
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:15px;
}

.hotel-area-overlay p{
    color:#fff;
    font-size:18px;
    margin-bottom:20px;
}

.hotel-count{
    display:inline-block;
    background:#fff;
    color:#000;
    padding:10px 18px;
    border-radius:30px;
    font-weight:600;
}


/*=========================================
 HOTEL GRID
=========================================*/

.hotel-list-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:60px;
}

.hotel-list-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    display:flex;
    flex-direction:column;
}

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


/*=========================================
 IMAGE
=========================================*/

.hotel-list-image{
    display:block;
    height:260px;
    overflow:hidden;
}

.hotel-list-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

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


/*=========================================
 CONTENT
=========================================*/

.hotel-list-content{
    padding:25px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.hotel-list-content h3{
    font-size:26px;
    margin:0 0 12px;
    line-height:1.35;
    min-height:70px;
}

.hotel-list-content h3 a{
    text-decoration:none;
    color:#111;
}

.sip-star-rating{

display:flex;

align-items:center;

gap:4px;

margin-top:10px;

flex-wrap:wrap;

}

.sip-star{

color:#FFC107 !important;

font-size:22px !important;

line-height:1;

}

.sip-rating-text{

margin-left:8px;

font-size:15px;

font-weight:600;

color:#666;

}

.hotel-rating{
    margin-bottom:15px;
    font-size:18px;
}

.hotel-list-address{
    color:#666;
    line-height:1.7;
    min-height:60px;
    margin-bottom:20px;
}

.hotel-list-btn{
    margin-top:auto;
    display:block;
    text-align:center;
    background:#0d6efd;
    color:#fff;
    padding:14px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.hotel-list-btn:hover{
    background:#000;
    color:#fff;
}


/*=========================================
 PAGINATION
=========================================*/

.hotel-pagination{
    text-align:center;
    margin:60px 0;
}

.hotel-pagination .page-numbers{
    display:inline-block;
    padding:12px 18px;
    margin:4px;
    border-radius:8px;
    background:#f3f3f3;
    text-decoration:none;
}

.hotel-pagination .current{
    background:#0d6efd;
    color:#fff;
}


/*=========================================
 NO HOTEL
=========================================*/

.no-hotel-found{
    text-align:center;
    padding:80px 20px;
}


/*=========================================
 MOBILE
=========================================*/

@media(max-width:1024px){

.hotel-list-grid{
grid-template-columns:repeat(2,1fr);
}

.hotel-area-overlay h1{
font-size:40px;
}

}

@media(max-width:767px){

.hotel-list-grid{
grid-template-columns:1fr;
}

.hotel-area-banner{
height:280px;
}

.hotel-area-overlay h1{
font-size:30px;
}

.hotel-list-image,
.hotel-list-image img{
height:220px;
}

}

/* hotel single pagye template css */
.sip-facility-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:25px;
}

.sip-facility-box{
background:#fff;
border:1px solid #e5e5e5;
border-radius:14px;
padding:25px;
text-align:center;
transition:.3s;
}

.sip-facility-box:hover{
transform:translateY(-5px);
box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.sip-facility-box{
font-size:30px;
}

.sip-facility-box span{
display:block;
margin-top:12px;
font-size:15px;
font-weight:600;
}

@media(max-width:768px){

.sip-facility-grid{

grid-template-columns:repeat(2,1fr);

}

}
.sip-gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

margin-top:30px;

}

.sip-gallery-item{

display:block;

overflow:hidden;

border-radius:15px;

}

.sip-gallery-item img{

width:100%;

height:240px;

object-fit:cover;

transition:.4s;

display:block;

}

.sip-gallery-item:hover img{

transform:scale(1.08);

}

@media(max-width:768px){

.sip-gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

/*=========================================
Hero Section New
=========================================*/

.sip-single-hotel{

max-width:1280px;

margin:auto;

padding:40px 20px 80px;

}



.sip-hero{

display:grid;

grid-template-columns:1fr 1.2fr;

gap:50px;

align-items:center;

margin-bottom:60px;

}



.sip-breadcrumb{

font-size:14px;

margin-bottom:20px;

color:#666;

}



.sip-breadcrumb a{

color:#666;

text-decoration:none;

}



.sip-hotel-title{

font-size:56px;

font-weight:700;

line-height:1.15;

margin-bottom:18px;

color:#132238;

}



.sip-short-info{

display:flex;

flex-wrap:wrap;

gap:25px;

margin-bottom:25px;

}



.sip-short-info span{

font-size:15px;

font-weight:600;

color:#444;

}



.sip-description{

font-size:17px;

line-height:1.9;

color:#666;

margin-bottom:35px;

}



.sip-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}



.sip-btn{

padding:16px 30px;

border-radius:12px;

font-weight:600;

text-decoration:none;

transition:.3s;

}



.sip-primary{

background:#0b2b56;

color:#fff;

}



.sip-primary:hover{

background:#ff8a00;

color:#fff;

}



.sip-outline{

border:2px solid #0b2b56;

color:#0b2b56;

}



.sip-outline:hover{

background:#0b2b56;

color:#fff;

}



.sip-featured-image{

overflow:hidden;

border-radius:28px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

}



.sip-featured-image img{

width:100%;

height:560px;

object-fit:cover;

display:block;

}



@media(max-width:991px){

.sip-hero{

grid-template-columns:1fr;

}

.sip-hotel-title{

font-size:42px;

}

.sip-featured-image img{

height:380px;

}

}

/*=========================================
About + Sticky Information
=========================================*/

.sip-info-grid{

display:grid;

grid-template-columns:70% 30%;

gap:40px;

align-items:start;

margin:70px 0;

}

.sip-about{

background:#fff;

padding:35px;

border-radius:20px;

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

}

.sip-about h2{

margin-bottom:25px;

font-size:34px;

}

.sip-about p{

line-height:1.9;

color:#555;

font-size:17px;

}

.sip-information{

position:sticky;

top:110px;

background:#fff;

padding:30px;

border-radius:20px;

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

}

.sip-information h2{

margin-bottom:25px;

font-size:28px;

}

.sip-row{

display:flex;

justify-content:space-between;

gap:15px;

padding:15px 0;

border-bottom:1px solid #eee;

}

.sip-row:last-child{

border-bottom:none;

}

.sip-row strong{

color:#111;

font-weight:700;

}

.sip-row span{

text-align:right;

color:#666;

word-break:break-word;

}

@media(max-width:991px){

.sip-info-grid{

grid-template-columns:1fr;

}

.sip-information{

position:static;

margin-top:30px;

}

}
/*=========================================
Google Map
=========================================*/

.sip-map-card{

background:#fff;

border-radius:18px;

padding:25px;

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

overflow:hidden;

}

.sip-google-map{

border-radius:15px;

overflow:hidden;

}

.sip-google-map iframe{

width:100%;

height:380px;

border:0;

display:block;

border-radius:15px;

}

.sip-map-placeholder{

height:380px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

background:#f7f8fa;

border:2px dashed #d8d8d8;

border-radius:15px;

padding:30px;

}

.sip-map-icon{

font-size:55px;

margin-bottom:15px;

}

.sip-map-placeholder h3{

margin:0 0 10px;

font-size:24px;

}

.sip-map-placeholder p{

margin:0;

color:#777;

font-size:16px;

}

@media(max-width:768px){

.sip-google-map iframe{

height:300px;

}

.sip-map-placeholder{

height:300px;

}

}
/*=====================================
SECTION TITLE
======================================*/

.sip-section-heading{

margin-bottom:35px;

}

.sip-section-heading h2{

font-size:34px;

margin-bottom:8px;

color:#1f2937;

}

.sip-section-heading span{

display:block;

width:70px;

height:4px;

background:#ff8a00;

border-radius:20px;

}

/*=====================================
FACILITIES
======================================*/

.sip-facilities{

margin:70px 0;

}

.sip-facility-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:18px;

}

.sip-facility-box{

background:#fff;

border:1px solid #ececec;

border-radius:18px;

padding:28px 20px;

text-align:center;

transition:.35s;

box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.sip-facility-box:hover{

transform:translateY(-8px);

box-shadow:0 18px 40px rgba(0,0,0,.10);

}

.sip-facility-icon{

width:70px;

height:70px;

margin:auto;

border-radius:50%;

background:#f6f9fc;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

margin-bottom:18px;

transition:.35s;

}

.sip-facility-box:hover .sip-facility-icon{

background:#0b2b56;

color:#fff;

}

.sip-facility-box h4{

margin:0;

font-size:15px;

font-weight:600;

color:#374151;

line-height:1.5;

}

/*========================
TABLET
=========================*/

@media(max-width:1024px){

.sip-facility-grid{

grid-template-columns:repeat(3,1fr);

}

}

/*========================
MOBILE
=========================*/

@media(max-width:767px){

.sip-facility-grid{

grid-template-columns:repeat(2,1fr);

}

.sip-facility-box{

padding:22px 15px;

}

.sip-facility-icon{

width:60px;

height:60px;

font-size:28px;

}

}

/*=====================================
Nearby
======================================*/

.sip-nearby{

margin:80px 0;

}

.sip-nearby-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.sip-near-card{

background:#fff;

border-radius:18px;

padding:30px;

text-align:center;

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

transition:.3s;

}

.sip-near-card:hover{

transform:translateY(-8px);

}

.sip-near-icon{

font-size:42px;

margin-bottom:18px;

}

/*=====================================
FAQ
======================================*/

.sip-faq{

margin:80px 0;

}

.sip-faq-wrapper details{

background:#fff;

border-radius:15px;

margin-bottom:18px;

padding:22px 25px;

box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.sip-faq-wrapper summary{

cursor:pointer;

font-weight:600;

font-size:18px;

}

.sip-faq-wrapper p{

margin-top:18px;

line-height:1.8;

color:#666;

}

/*=====================================
Disclaimer
======================================*/

.sip-disclaimer{

margin:80px 0;

}

.sip-disclaimer-box{

background:#fff8eb;

border-left:5px solid #ff9800;

padding:35px;

border-radius:18px;

}

.sip-disclaimer-box h3{

margin-bottom:15px;

}

/*=====================================
Similar Hotels
======================================*/

.sip-similar{

margin:80px 0;

}

.sip-coming{

padding:60px;

background:#fff;

border-radius:18px;

text-align:center;

font-size:22px;

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

}

/*=====================================
Responsive
======================================*/

@media(max-width:991px){

.sip-nearby-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.sip-nearby-grid{

grid-template-columns:1fr;

}

}

/*=========================================
Similar Hotels
=========================================*/

.sip-similar{

margin:90px 0;

}

.sip-similar-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:35px;

}

.sip-similar-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.35s;

}

.sip-similar-card:hover{

transform:translateY(-8px);

}

.sip-similar-image{

display:block;

height:240px;

overflow:hidden;

}

.sip-similar-image img{

width:100%;

height:240px;

object-fit:cover;

transition:.5s;

}

.sip-similar-card:hover img{

transform:scale(1.08);

}

.sip-similar-content{

padding:24px;

}

.sip-similar-content h3{

margin:0 0 12px;

font-size:24px;

line-height:1.4;

}

.sip-similar-content h3 a{

text-decoration:none;

color:#111;

}

.sip-address{

margin:12px 0;

color:#666;

line-height:1.7;

}

.sip-view-btn{

display:block;

margin-top:20px;

text-align:center;

padding:14px;

background:#0d6efd;

color:#fff;

text-decoration:none;

border-radius:10px;

font-weight:600;

transition:.3s;

}

.sip-view-btn:hover{

background:#000;

color:#fff;

}

@media(max-width:991px){

.sip-similar-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.sip-similar-grid{

grid-template-columns:1fr;

}

}
/* corne call and whatsapp  */
/*=========================================
Floating Contact Buttons
=========================================*/

.sip-float-whatsapp,
.sip-float-call{

position:fixed;

width:62px;

height:62px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

z-index:99999;

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

transition:.3s;

font-size:28px;

}

.sip-float-whatsapp{

left:20px;

bottom:25px;

background:#25D366;

color:#fff;

}

.sip-float-call{

right:20px;

bottom:25px;

background:#0d6efd;

color:#fff;

}

.sip-float-whatsapp:hover,
.sip-float-call:hover{

transform:translateY(-5px) scale(1.08);

}

@media(max-width:767px){

.sip-float-whatsapp,
.sip-float-call{

width:56px;

height:56px;

font-size:24px;

bottom:18px;

}

.sip-float-whatsapp{

left:15px;

}

.sip-float-call{

right:15px;

}

}



/*=========================
ROOM TYPES
==========================*/

.sip-room-section{

margin:70px 0;

}

.sip-room-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.sip-room-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.35s;

}

.sip-room-card:hover{

transform:translateY(-6px);

}

.sip-room-image img{

width:100%;

height:260px;

object-fit:cover;

display:block;

}

.sip-room-content{

padding:25px;

}

.sip-room-content h3{

font-size:26px;

margin-bottom:15px;

}

.sip-room-meta{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-bottom:18px;

}

.sip-room-meta span{

background:#f5f5f5;

padding:8px 15px;

border-radius:30px;

font-size:14px;

font-weight:600;

}

.sip-room-content p{

line-height:1.8;

margin-bottom:20px;

}

.sip-room-facilities{

display:flex;

flex-wrap:wrap;

gap:10px;

}

.sip-room-facilities span{

background:#f3faf4;

color:#0a8f44;

padding:8px 14px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

@media(max-width:991px){

.sip-room-grid{

grid-template-columns:1fr;

}

}


.sip-room-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    width:100%;
}


/* Card */

.sip-room-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}


/* Image */

.sip-room-image{
    width:100%;
    height:280px;
    overflow:hidden;
}


.sip-room-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* Content */

.sip-room-content{
    padding:25px;
}


.sip-room-content h3{
    font-size:24px;
    margin-bottom:15px;
}


.sip-room-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:15px;
}


.sip-room-meta span{
    font-size:14px;
}


.sip-room-facilities{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}


.sip-room-facilities span{
    background:#f7f7f7;
    padding:8px 12px;
    border-radius:20px;
    font-size:13px;
}


/* Tablet */

@media(max-width:1024px){

    .sip-room-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/* Mobile */

@media(max-width:600px){

    .sip-room-grid{
        grid-template-columns:1fr;
    }

}