:root
{
    --c:#00917C;
    --bg:#E9AD28;
    --a: #fff;
    --b:#000000;
    --choco:#532e1c;
    --brown:#c5a880;
    --white: #ffffff;
    --pr:  #ee4852;


    --mont:'Montserrat', sans-serif;
    --pt:'PT Serif', serif;
    --zilla:'Zilla Slab', serif;
    --roboto: 'Roboto Slab', serif;
    --play:'Playfair Display', serif;
    --great: 'Great Vibes', cursive;
}

*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Poppins', sans-serif;}

.white{background: #ffffff;}
.black{background:#0f0f0f;}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-100{margin-top: 100px;}

.mb-20{margin-bottom: 20px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-0{margin-bottom: 0;}

a{text-decoration: none!important;}
a:hover{ text-decoration: none!important;}

html{scroll-behavior:smooth;}
body{overflow-x:hidden;}

.row{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/************ Header_Starts ************/

.top-menu
{
    width: 100%;
    height: 120px;
    background: var(--b);
    padding: 0 30px 0 70px;
}
.top-logo
{
    padding: 20px 0;
}
.logo
{
    height:80px;
    width: 100%;
}
.p-col,
.e-col,
.s-col
{
    padding: 0px!important;
}
.p-col i,
.e-col i,
.s-col i
{
    padding-right:8px;
    color: var(--brown);
    font-size: 18px;
}
.p-col li,
.e-col li
{
    list-style-type:none;
    color: var(--a);
    padding: 50px 0px;
    font-size: 14px;
}
.t-social
{

    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
}
.t-social .fab
{
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    font-size:18px;
    text-decoration: none;
    border:1px solid var(--brown);
    border-radius: 50%;
    color:#fff;
    padding: 0px;
}
.fa-facebook-f
{
    color:white;
}
.fa-facebook-f:hover
{
    background: #3b5998;
    color: #fff;
    border: none;
}
.fa-instagram
{
    color: white;
}
.fa-instagram:hover
{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
    border: none;
}

.fa-whatsapp
{
    color: #075E54;
}
.fa-whatsapp:hover
{
    background: #075E54;
    color: #fff;
    border: none;
}
.fa-twitter
{
    color: #00acee;
}
.fa-twitter:hover
{
    background: #00acee;
    color: #fff;
    border: none;
}


.navbar
{
    background: var(--choco);
    text-align: center;

}
.nav-link
{
    color: var(--brown)!important;
    font-family: var(--roboto);
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px!important;
    transition:0.5s;
}
.nav-link:hover
{
    color: var(--a)!important;
    transition:0.5s;
}
.custom-logo
{
    display: none;
}


.video-container { position: relative;
    width: 100%; height:600px; overflow: hidden; }

.video-container video{ position: relative; top: 0; left: 0; width: 100%; height:auto; }

.v-overly
{
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    background:#532e1cc4;
    width: 100%;
    min-height: 80px;
    z-index: 3;
    padding: 15px 20px;
}
.v-box
{
    width: 100%;
    min-height: 80px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;

}
.v-items
{
    width: 15%;
    min-height:80px;
}
.v-h4
{
    color:var(--a);
    margin-top: 25px;
    font-family: var(--roboto);
    font-weight: 500;
}
.v-p
{
    color: var(--a);
    padding-top: 5px;
    font-size: 16px;
}
.v-img
{
    width: 50px;
    height: 50px;
}
.mt-25
{
    margin-top: 25px;
}
.v-book
{
    padding:10px 15px;
    color: var(--a);
    border:2px solid white;
    border-radius: 10px;
    font-size: 20px;
    font-family: var(--roboto);
}
.v-book:hover
{
    background: var(--a);
    color: var(--choco);
}

.parallax
{
    position: relative;
    background-image:url(../images/about/j1.jpeg);
    height:600px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.para-overlay
{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 600px;
    z-index: 3;
    padding-top: 100px;
}
.para-h1
{
    font-family: var(--roboto);
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--a);
    text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8;
    font-size: 80px;
}
.para-p
{
    color: var(--a);
    font-size:24px;
    text-align: justify;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}


.room
{
    width: 100%;
    min-height: 400px;
    padding: 30px 50px;

}

.r-row
{
    border:2px solid var(--choco);
    min-height: 440px;
}
.r-h4
{
    text-align: center;
    color: var(--a);
    line-height: normal;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.heading1
{
    text-align: center;
    color: var(--a);
    font-size: 40px;
    font-family:var(--pt);
    font-weight: 500;
    line-height: 1.48;

}
.r-col
{
    padding: 0!important;
}
.simg{
    width: 100%;
    height: 100%;
}
.inser{
    width: 100%;
    height: 100%;
    padding: 40px 60px;
    background: var(--brown);
    padding: 40px 30px 20px 40px;
}
.sh11
{
    text-align: left;
    color: var(--choco);
    font-family: var(--pt);
    font-weight: 500;
    font-size: 38px;
}
.spara
{
    color: var(--b);
    padding: 10px 0px 0px 5px;
    font-size: 20px;
    font-family: var(--zilla);
}
.r-ul
{
    padding: 8px 0px 0px 30px;
    list-style: none;
}
.r-li
{
    padding: 7px 0px 0px;
    color: var(--b);
    font-family: var(--roboto);
    font-weight: 500;
    font-size: 15px;
}
.r-li::before
{
    border: 2px solid var(--b);
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 15px;
    margin-left: -25px;
    transform: rotate(-315deg);
    width: 10px;
}
.r-a
{
    padding-left: 30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    color:var(--choco)!important;
    display: inline-block;
    font-family:var(--pt);
}
.r-a:hover
{
    color: var(--b)!important;
}
.r-book-div
{
    padding: 35px;
    text-align: center;
}
.abc
{
    text-align: center;
    color: var(--a)!important;
    background-color: var(--b)!important;
    padding:12px 30px;
    text-transform: uppercase;
}


.b-main
{
    width: 100%;
    min-height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px ;
    padding: 15px 0px;
}

.b-left
{
    position: relative;
    width: 20%;
    height: 100px;
    padding-right: 40px;
    border-right: 1px solid var(--choco);
    text-align: right;
}
.b-head
{
    font-family: var(--roboto);
    font-weight: 500;
    margin-top: 35px;
}
.b-right
{
    position: relative;
    width: 75%;
    min-height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.b-items
{
    width: 20%;
    min-height: 100px;
}
.b-img
{
    width: 50px;
    height: 50px;
}
.amenties
{
    width: 100%;
    min-height: 300px;
    padding: 10px 100px 50px;
}
.head1
{
    font-size: 45px;
    color: var(--choco);
    text-align: center;
    text-transform:capitalize;
    font-family: var(--roboto);
    font-weight:500;
}
.amn-box
{
    width: 100%;
    min-height: 200px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.amn-items
{
    width: 18%;
    margin-top: 30px;
    height:220px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.amn-items p
{
    padding: 40px 5px 10px;
    font-size: 18px;
    font-family: var(--roboto);
}
.amn-img
{
    width: 60px;
     margin-top: 30px;
   height: 60px;
    color: var(--choco);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:var(--choco)!important;
}

.owl-carousel .nav-btn{
    height: 47px;
    position: absolute;
    width: 32px;
    cursor: pointer;
    top: 35% !important;
  }

  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
  pointer-events: none;
  opacity: 0.2;
  }

 #brands.owl-carousel .prev-slide{
     background: url(../images/left-arrow.svg) no-repeat;
    background-size: contain;
    left: -43px;
  }
#brands.owl-carousel .next-slide{
    background: url(../images/next.svg) no-repeat;
    right: -43px;
  }
#caro3.owl-carousel .prev-slide{
    background: url(../images/left-arrow.svg) no-repeat;
    background-size: contain;
    left: -43px;
  }
#caro3.owl-carousel .next-slide{
    background: url(../images/next.svg) no-repeat;
    right: -43px;
  }


#brands .item
{
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

    padding: 10px;

}
.ob-card{
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.card-title
{
    padding: 10px;
    font-family: var(--roboto);
    font-size: 22px;
    font-weight: 500;
    color:var(--choco);
}
.card-text
{
    color:var(--b);
}



  div#quad {
    background-color: #000;
    font-size: 0; width:100%;
    margin: 50px auto;
    box-shadow: 0 0 12px rgba(0,0,0,0.8);
  }
  div#quad figure {
    margin: 11px; width: 48%;
    height: 300px; transition: 1s;
    display: inline-block;
    position: relative; overflow: hidden;
  }
  div#quad figure:hover { cursor: pointer; z-index: 4; }
  div#quad figure img { width: 100%; height: auto; }
  div#quad figure:nth-child(1) { transform-origin: top left; }
  div#quad figure:nth-child(2) { transform-origin: top right; }
  div#quad figure:nth-child(3) { transform-origin: bottom left; }
  div#quad figure:nth-child(4) { transform-origin: bottom right; }
  div#quad figure figcaption {
    margin: 0; opacity: 0;

    background-color: #532e1c98;
    font-family: var(--pt);
    color: var(--a);
    text-align: center;
    font-size: 30px;
    position: absolute;
    bottom: 0; width: 100%;
    transition: 1s 1s opacity;
  }
  .expanded { transform: scale(2); z-index: 5;  }
  div#quad figure.expanded figcaption { opacity: 1; }
  div.full figure:not(.expanded) { pointer-events: none; }








.test-items
{
    position: relative;
    width: 28%;
    margin-top: 50px;
    min-height:300px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.849) 0px 3px 8px;
}
.quote
{
    position:absolute;
    top: -30px;
    left: 30px;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: var(--choco);
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: var(--a);
    border-radius: 50%;
}
.test-img
{
    width: 100px;
    height: 100px;
    padding: 2px;
    border: 2px solid black;
    border-radius: 50%;
    margin-top: 30px;
    color: var(--bg);
}
.test-title
{
    padding: 15px 10px;
    font-family: var(--roboto);
    font-size: 22px;
    font-weight: 500;
    color:var(--choco);
}
.test-text
{
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.cont-d,
.map
{
    padding: 0px!important;
}
.cont-d{
    position: relative;
    width: 100%;
    min-height: 300px;
}
.cont-img
{
    width:100%;
    height: 450px;
}
.cont-details
{
    position: absolute;
    background: #532e1c60;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
}
.cont-details h1
{
    margin: 50px 0px 10px 25px;
    font-size: 35px;
    color: var(--a);
    text-transform:capitalize;
    font-family: var(--roboto);
    font-weight:500;
}
.logo2
{
    margin: 10px 25px;
}
.logo3{
    width: 250px;
    height: auto;
}
.h-c
{
    list-style: none;
    margin: 10px 25px;
}
.cont2
{
    padding: 10px 0px 0px 5px;
    font-size: 18px;
    font-family: var(--roboto);
    color: var(--a);
}
.cont2 i
{
    padding-right: 8px;
    font-size: 20px;
}

.cont3
{
    padding: 10px 0px 0px 5px;
    font-size: 18px;
    font-family: var(--roboto);
    color: var(--b);
}
.cont3 i
{
    padding-right: 8px;
    font-size: 20px;
}
.cont3-link{
    padding: 7px 20px;
    border: 2px solid var(--choco);
    border-radius: 5px;
    color: var(--choco);
    transition: .7s;
}

.cont3-link:hover{
    background: var(--choco);
    color: var(--a);
    transition: .7s;
}
.c-social
{
    list-style: none;
    margin: 25px 0px 0px 25px;
}
.c-social i
{
    margin-right:4px;
    padding:10px;
    font-size: 20px;
    width: 40px;
    height:40px;
    text-align: center;
    text-decoration: none;
    border:2px solid var(--a);
    color:var(--a);
}
.reco
{
    width: 17%;
    height: auto;
}


/************ About Page****************/

.carousel-item
{
    position: relative;
}

.carousel-item img
{
    width: 100%;
    height: 600px;
}

.overlay
{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 600px;
}
.btn-h {
    position: relative;
    top: 80%;
    left: 44%;
    padding: 12px 35px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-h:hover {
    color: var(--a);
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-h:focus {
    outline: none;
}

/*.btn-h.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}*/
.btn-h.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.main .carousel-control-prev i,
.main .carousel-control-next i
{
    display: inline-block;
    border: 1px solid #fff;
    font-size: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
	color:#fff;
}


.about
{
    width:100%;
    min-height: 300px;
    padding: 0px 100px 100px 100px;
}
.about-des
{
    padding-top: 100px;
}
.about-des h1
{
    font-size: 20px;
    color: var(--bg);
    text-transform: uppercase;
    font-weight: bold;
}
.about-des h2
{
    padding-top: 30px;
    font-size: 35px;
    color: var(--b);
    text-transform:capitalize;
    font-family: var(--roboto);
    font-weight:600;
}
.about-des p
{
    font-size: 18px;
    padding-top: 20px;

}
.about-us-img
{
    position: absolute;
    width:100%;
    height: 100%;
    z-index: 2;
    padding-left: 40px;
}
.about-us-img img
{
    height: 500px;
    margin-top: -100px;
}
.about-img-2
{
    position: absolute;
    width:80%;
    height: 100%;
    top:250px;
}
.about-img-2 img
{
    width: 100%;
    height: 300px;

}
.owner
{
    width: 100%;
    min-height: 300px;
    margin: 0;
    padding: 0;
}
.owner_img
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height:300px;
    background: var(--a);
    padding:70px 40px;
}
.owner_img::before
{
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: var(--choco);
}
.o_img
{
    width: 500px;
    height: 400px;
    z-index: 1000;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.3);
}
.o_inner
{
    padding: 60px 40px 40px;
}
.o_title
{
    text-align: left;
    font-size:45px;
    font-family: var(--roboto);
    text-transform: capitalize;
    color: var(--choco);
}
.o_h4
{
    font-size: 20px;
    color: black;
    font-family: var(--roboto);
    padding:5px 10px;
}
.o_p
{
    font-family: var(--zilla);
    font-weight: 500;
    font-size: 20px;

}
/*********** About page end *********/



/************* contact page start********/

.contact_sec
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--choco);
}
.contact_sec::before
{
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: var(--brown);
}
.contact_sec .contact_page
{
    position: relative;
    min-width: 1100px;
    min-height: 500px;
    display: flex;
    z-index: 1000;

}
.contact_sec .contact_page .c_info
{
    position: absolute;
    top: 50px;
    width: 350px;
    height: 400px;
    background: var(--choco);
    z-index: 1;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}

.contact_sec .contact_page .c_form
{
    position: absolute;
    padding: 70px 50px;
    background: var(--a);
    margin-left: 150px;
    padding-left: 250px;
    width: 90%;
    height: 100%;
    box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.5);
}
.contact_sec .contact_page .c_info .c_title
{
    color: var(--a);
    font-size: 26px;
    font-family: var(--roboto);
    font-weight: 500;
}
.contact_sec .contact_page .c_info .info
{
    position: relative;
    margin: 20px 0;
}
.contact_sec .contact_page .c_info .info li
{
    position: relative;
    list-style: none;
    display: flex;
    margin: 20px 0;
    cursor: pointer;
    align-items: flex-start;
}
.contact_sec .contact_page .c_info .info li img
{
    width: 35px;
    height: 35px;
}
.contact_sec .contact_page .c_info .info li span:nth-child(1)
{
    width: 30px;
    min-width: 30px;
}
.contact_sec .contact_page .c_info .info li span:nth-child(1) i
{
    max-width: 100%;
    color: var(--a);

}
.contact_sec .contact_page .c_info .info li span:nth-child(2)
{
    color: var(--a);
    margin-left: 30px;
    font-weight: 300;

}
.contact_sec .contact_page .c_info .info li :hover span:nth-child(1) img,
.contact_sec .contact_page .c_info .info li :hover span:nth-child(2)
{
    color: var(--brown);
}
.contact_sec .contact_page .c_info .sci
{
    position: relative;
    display: flex;
}
.contact_sec .contact_page .c_info .sci li
{
    list-style: none;
    margin-right: 15px;

}
.contact_sec .contact_page .c_info .sci li a
{
 text-decoration: none;
}
.contact_sec .contact_page .c_info .sci li i:hover
{
    color: var(--brown);
    background: none;
}

.contact_sec .contact_page .c_info .sci li i
{
    color:var(--a);
    font-size: 22px;
    margin-right: 8px;
}

.contact_sec .contact_page .c_form .c_h2
{
    color: var(--choco);
    font-family: var(--roboto);
    font-size: 24px;
    font-weight: 500;
}
.contact_sec .contact_page .c_form .formbox
{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}
.contact_sec .contact_page .c_form .formbox .inputbox
{
    position: relative;
    margin: 0 0 35px 0;
}
.contact_sec .contact_page .c_form .formbox .inputbox.w50
{
    width: 47%;
}
.contact_sec .contact_page .c_form .formbox .inputbox.w100
{
    width: 100%;
}
.contact_sec .contact_page .c_form .formbox .inputbox input,
.contact_sec .contact_page .c_form .formbox .inputbox textarea
{
    width: 100%;
    padding: 5px 0;
    resize: none;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    border: none;
    border-bottom: 1px solid #777;
    outline: none;
}
.contact_sec .contact_page .c_form .formbox .inputbox textarea
{
    min-height: 120px;
}

.contact_sec .contact_page .c_form .formbox .inputbox span
{
    position: absolute;
    padding: 5px 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    transition: 0.3s;
    pointer-events: none;
    text-transform: capitalize;
    font-family: var(--pt);
}

.contact_sec .contact_page .c_form .formbox .inputbox input:focus ~ span,
.contact_sec .contact_page .c_form .formbox .inputbox textarea:focus ~ span,
.contact_sec .contact_page .c_form .formbox .inputbox input:valid ~ span,
.contact_sec .contact_page .c_form .formbox .inputbox textarea[minlength="1"] ~ span
{
    transform: translateY(-20px);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    color:#ff568c;
}

.contact_sec .contact_page .c_form .formbox .inputbox input[type="submit"]
{
    position: relative;
    cursor: pointer;
    background: var(--choco);
    color: white;
    border: none;
    max-width: 150px;
    padding: 12px;
}
.contact_sec .contact_page .c_form .formbox .inputbox input[type="submit"]:hover
{
    background: var(--b);
}


/************* contact page end********/

/************* Rooms page*****************/
.room_page
{
    position: relative;
    width: 100%;
    height: 400px;
    background: url(../images/room/rm_head.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.rm_overlay
{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.rm_h2
{
    color: var(--a);
    font-family: var(--play);
    font-size: 90px;
}
.rm_contant
{
    margin:100px;
}
.rc_head
{
    text-align: right;
}
.rc_head h4
{
    padding-bottom: 10px;
    color: var(--choco);
    font-size: 30px;
    font-family: var(--play);
    letter-spacing: 2px;
}
.rc_head h2
{
    padding-left: 200px;
    line-height: 70px;
    color: var(--b);
    font-size: 45px;
    font-family: var(--play);
    font-weight: 500;
    letter-spacing: 1px;
}

.rc_p
{
    text-align: left;
    float: left;
}
.rc_p p
{
    font-size: 20px;
    font-family: var(--zilla);
    color: var(--b);
    padding-left: 70px;
    padding-right: 70px;
}

.rm_catogery
{
    width: 100%;
    padding:0px 100px 100px!important;
}
.rm_row
{
    width: 100%;
    min-height: 430px;
    margin-top:100px;
}

.rm_img img
{
    width: 100%;
    height: 430px;
}
.rm_details
{
    text-align: left;
    padding:0px 80px 0px 100px!important;
}
.rm_details h2
{
    color:var(--b);
    font-size: 35px;
    font-family: var(--play);
    font-weight: 400;
    letter-spacing: 1px;
}
.rm_details p
{
    padding-top: 20px;
    font-size: 20px;
    color:var(--b);
    font-family: var(--zilla);
}
.rm-ul
{
    padding: 5px 0px 0px 20px;
    list-style: none;
}
.rm-li
{
    padding: 5px 0px 0px;
    color: var(--b);
    font-family: var(--zilla);
    font-size: 18px;
}
.rm-li::before
{
    border: 1px solid var(--b);
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 15px;
    margin-left: -25px;
    transform: rotate(-315deg);
    width: 10px;
}
.rm_price
{
    font-family: var(--roboto);
    font-size: 20px;
    color: #4a5568;
}
.rm_pr{
    color: var(--b);
    font-weight: 600;
    font-size: 22px!important;
}
.rm_price i
{
    font-size: 16px;
    padding-left: 8px;
    padding-right: 5px;
}
.rm_price span
{
    font-family: var(--roboto);
    font-size: 18px;
}


.rm_btn
{
    padding-top: 20px;
}
.rm_btn a
{
    padding:12px 20px;
    background: var(--choco);
    color: var(--a);
    font-size: 18px;
}
.rm_btn a:hover
{
    background: var(--b);
    color: var(--a);
    transition: ease 0.3s;
}

/********* Single Room Page*********/

.single_rm
{
    width:100%;
    padding-bottom: 50px;
}
.singleRow_img
 {
     padding: 50px;
 }
.s_img
{
    width: 100%;
}
#featured
{
    width: 100%;
    height: 400px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid black;
}
.thumbnail
{
    object-fit: cover;
    max-width: 180px;
    max-height: 100px;
    cursor: pointer;
    opacity: 0.8;
    margin: 5px;
    border: 2px solid black;
}
.thumbnail:hover
{
    opacity: 1;
}
.active
{
    opacity: 1;
}
#slide-wrapper
{
    position: relative;
    max-width: 100%;
    display: flex;
    min-height: 100px;
    align-items: center;
}
#slider{
    position: relative;
    max-width: 100%;
    min-height: 100px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.arrow
{
    height: 30px;
    width: 30px;
    cursor: pointer;
    transition: 0.3s;
}
.arrow:hover
{
    opacity: .5;
}
.single_amnt
{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}
.single_box
{
    padding: 50px 0px 0px;
    width: 18%;
}
.amnt_heading
{
    text-align: center;
    padding-top: 30px;
    font-family: var(--play);
    font-size: 50px;
    background: -webkit-linear-gradient(#532e1c,#312323);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.line
{
    padding-top: 10px;
    width:auto;
    height: auto;
}
.bed
{
    width: 50px;
    height: 50px;
}


.amnt_h3
{
    padding:15px 0px 5px 10px;
    font-family: var(--roboto);
    font-size: 24px;
    color: var(--choco);
}
.amnt_ul
{
    padding:0px 0px 0px 32px;
    list-style-type: square;
}
.rmprice{

}
.rmprice
.orgpr{
    color: var(--b);
    font-family: var(--pt);
    font-size: 30px;
}
.orgpr i{
    font-size: 22px;
}
.delpr{
    font-size: 16px;
    color: grey;
    font-family: var(--pt);
    margin-left: 15px;
}
.delpr  i{
    font-size: 12px;
}
.srm-gallery{
    width: 100%;
    min-height: 300px;
    padding:20px 70px 50px;
}
.srm-gal-wr{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;

}
.srm-gal-it{
    width: 31%;
    height: auto;
    margin-top: 30px;
}
.srm-gal-img{
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.rmlink{
    color: red !important;
}
.rmlink:hover{
    color: rgb(10, 256, 10) !important;
}
.rmlink.active{
    color: rgb(10, 256, 10) !important;
}

/******** Single Room end********/



/******* Satyam start********/
.s_container
{
    margin: 0!important;
    padding: 0!important;
    width: 100%;
    height: 600px;
}

.parallax-slider .swiper-slide {
  position: relative;
  overflow: hidden;
  height: 600px;
}

.parallax-slider .img-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-position: center;
  background-size: cover;
}

.parallax-slider .img-container::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sw_col
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.parallax-slider .content
{
    border: 1px solid white;
    padding: 100px 0px;
}


.parallax-slider .content .title
{
  text-transform: capitalize;
  text-align: center;
  font-family: var(--great);
  font-size: 70px;
  color:rgb(10, 255, 10);
  font-weight: 500;

}
.parallax-slider .content .title-2
{
  text-transform: uppercase;
  text-align: center;
  font-family: var(--roboto);
  font-size: 40px;
  color:var(--a);
  font-weight: 500;

}
.parallax-slider .content .description
{
    font-family: var(--zilla);
    font-weight: 500;
    font-size: 1.3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: var(--a);
}

/*nav controls*/
.parallax-slider .swiper-nav-ctrl {
  background-image: none;
  height: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  color: var(--a);
  width: 30px;
  outline: 0;
}

.parallax-slider .swiper-nav-ctrl.next-ctrl {
  right: 0;
}

.parallax-slider .swiper-nav-ctrl.prev-ctrl {
  left: 0;
}


.parallax-slider .pagination-ctrl {
  max-width: calc(100% - 60px);
  left: 0;
  right: 0;
  margin: auto;
}

.parallax-slider .pagination-ctrl .swiper-pagination-bullet {
  background-color: var(--white);
}

.parallax-slider .img-container.one {
  background-image: url("../images/satyam/s7.jpg");
}

.parallax-slider .img-container.two {
  background-image: url("../images/satyam/g2.jpeg");
}

.parallax-slider .img-container.three {
  background-image: url("../images/satyam/s3.jpg");
}
.parallax-slider .img-container.four {
    background-image: url("../images/satyam/s5.jpg");
  }

.sat_about
{
    width: 100%;
    margin: 100px 0px;
    min-height: 300px;
}
.sb_img,
.sm_img
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.sat_span
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}
.sat_span::after
{
    content: '';
    position:absolute;
    bottom: -17px;
    left: 25px;
    height: 100px;
    width: 2px;
    background:rgb(10, 255, 10);;
}
.sat_span::before
{
    content: '';
    position:absolute;
    bottom: 10px;
    left: -2px;
    height: 2px;
    width: 100px;
    background:rgb(10, 255, 10);;
}
.sat_span2
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
.sat_span2::after
{
    content: '';
    position:absolute;
    top: -17px;
    right: 25px;
    height: 100px;
    width: 2px;
    background:rgb(10, 255, 10);;
}
.sat_span2::before
{
    content: '';
    position:absolute;
    top: 10px;
    right: -2px;
    height: 2px;
    width: 100px;
    background:rgb(10, 255, 10);;
}
.sat_span3
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.sat_span3::after
{
    content: '';
    position:absolute;
    top: -17px;
    left: 25px;
    height: 100px;
    width: 2px;
    background:rgb(10, 255, 10);;
}
.sat_span3::before
{
    content: '';
    position:absolute;
    top: 10px;
    left: -2px;
    height: 2px;
    width: 100px;
    background: rgb(10, 255, 10);;
}
.sat_span4
{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
}
.sat_span4::after
{
    content: '';
    position:absolute;
    bottom: -17px;
    right: 25px;
    height: 100px;
    width: 2px;
    background:rgb(10, 255, 10);;
}
.sat_span4::before
{
    content: '';
    position:absolute;
    bottom: 10px;
    right: -2px;
    height: 2px;
    width: 100px;
    background:rgb(10, 255, 10);;
}


.sb_con
{
    padding: 20px 0;
}
.sb_h1
{
    text-transform: capitalize;
    text-align: center;
    font-family: var(--great);
    font-size: 80px;
    letter-spacing: 1px;
    font-weight: 500;
    color:rgb(10, 255, 10);
}
.sb_con h4
{
    text-align: center;
    font-family: var(--pt);
    font-size: 18px;
    font-weight: 500;
    color:var(--choco);
}
.sb_p
{
    text-align: center;
    padding: 30px 0;
}
.sat_menu
{
    width: 100%;
    margin: 0 0 100px;
    min-height: 300px;
}
.sm_p
{
    width: 50%;
    text-align: center;
    padding: 0px 0px 50px;
}
.col_menu
{
    height: 350px;
}
.sat_in{
    position: relative;
    width: 100%;
    height: 100%;

}
.sat-over{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    overflow: hidden;
    padding:30px;
}
.menu_btn
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 2px solid var(--a);

}
.menu_btn a
{
    width: 150px;
    text-align: center;
    background:rgba(0, 0, 0, 0.2);
    padding:10px 17px;
    color: var(--a);
    font-family: var(--roboto);
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--a);
    border-radius: 50px;
    text-transform: uppercase;
}
.menu_btn a:hover
{
    background:rgb(10, 255, 10);
    color: var(--a);
}
.sat_in:hover .sat-over{
    display: block;
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;

}
.menu_text
{
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.menu_text a
{
    font-size: 17px;
    font-family: var(--roboto);
    color: var(--b);
}
.menu_text a:hover
{
    color: rgb(10, 255, 10);
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}
.menu_btn2
{
    padding-top: 100px;
}
.menu_btn2 a
{
    width:100%;
    text-align: center;
    background:url(../images/satyam/m_btn.jpg);
    padding:12px 30px;
    color: var(--a);
    font-family: var(--roboto);
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--a);
    border-radius: 50px;
    text-transform: uppercase;
}
.menu_btn2 a:hover
{
    color: var(--a);
      background-size: 110%;
      transition: 1s ease-in-out;
}
.sat_resrve
{
    width: 100%;
    margin: 0px 0px 100px;
    min-height: 400px;
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2360ec4a' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.c-resrve
{
    background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23543587' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.reserve_row
{
    padding:100px 150px;
}
.r_great
{
    padding-left: 0!important;
    padding-right: 0!important;
    padding: 70px 0px;
    background: var(--b);
    width: 100%;
    height: 500px;
    text-align: center;
}

.r_great h1
{
    font-family: var(--great);
    font-size: 90px;
    color: var(--a);
}
.r_great h4
{
    font-family: var(--pt);
    font-size: 45px;
    color:var(--brown);
}
.r_great p
{
    padding: 0 30px;
    font-family: var(--roboto);
    font-weight: 500;
    font-size: 16px;
    color: rgb(160, 148, 148);
}
.r_teble
{
    padding:30px 15px;
    background: var(--a);
    width: 100%;
    height: 500px;
    text-align: center;

}
.r_teble h1
{
    font-family: var(--play);
    font-size: 35px;
    letter-spacing: 1px;
}
.cafere-h1
{
    position: relative;
    font-family: var(--play);
    font-size: 35px;
    letter-spacing: 1px;
    color: red;
    text-align: center;
}
.cafere-h1::before
{
    position: absolute;
    content: '';
    bottom: -10px;
    left: 200px;
    width: 180px;
    height: 2px;
    background: red;
}
.reserve-form
{
    padding:20px 50px;
}
.reserve-form input
{
   border: none;
   border-bottom: 1px solid rgb(10, 255, 10);
}
.cafe-f input
{
    border-bottom: 1px solid var(--choco);
}

.reserve-btn
{
    background:var(--b)!important;
    padding: 10px 13px!important;
    color: var(--a)!important;
    box-shadow: rgb(10, 255, 10) 0px 5px 15px 0px;
}
.cafe-btn
{
    background: none;
    padding: 10px 18px;
    border:1px solid red;
    border-radius: 50px;
    font-size: 18px;
    font-family: var(--roboto);
    color: red;
}
.cafe-btn:hover
{
    background: red;
    color: var(--a);
    transition: all 1s ease-in-out;
}
.show-menu img
{
    width: 100%;
    height: 100%;
}

.show-menu2 img
{
    width: 100%;
    height: 300px;
    padding: 0 15px;
}
.show-cont
{
    padding: 100px 30px!important;
    text-align: center;
}
.sh_h1
{
    font-family: var(--great);
    font-size: 80px;
    color: rgb(10, 255, 10);
}
.sh_h4
{
    text-align: center;
    font-family: var(--pt);
    font-size: 16px;
    font-weight: 500;
    color:var(--choco);
}
.sh_p
{
    padding:40px 15px;
    font-family: var(--pt);
    font-size: 15px;
    line-height: 24px;
    color: rgb(77, 71, 71);
}
.show-btn
{
    padding-top: 0px;
}
.cont-sec
{
    width: 100%;
    min-height: 300px;
}
.sat_contact
{
    width: 100%;
}

.sat_contact img,
.sat_contact1 img
{
    width: 100%;
    height:80%;
}
.sat_contact2
{
    width: 100%;
    padding: 100px 0px;
    text-align: center;
}
.sat_contact2 h2
{
    text-transform: capitalize;
    font-family: var(--great);
    font-size: 70px;
    color: rgb(10, 255, 10);
}
.sat_contact2 .b-h2
{
    color: red;
}
.sat_contact2 .c-t
{
    font-family: var(--roboto);
    font-size: 16px;
}
.ad
{
    margin-top: 50px;
}
.ad-h3
{
    font-family: var(--roboto);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
}
.ph-p
{
    font-size: 14px;
}
.work
{
    padding-top: 10px;
    font-family: var(--roboto);
    text-transform: capitalize;
    font-size: 25px;
}
.contact-ul
{
    padding-top: 10px;
    list-style-type: none;
    color: rgb(71, 51, 51);
}
.before-foot
{
    width: 100%;
    min-height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.before-foot .b-col
{
    width: 17%;
    padding: 0px!important;
    overflow: hidden;
}
.b-col img
{
    height:250px;
    width: 254px;
    transition-duration: 2s;
    margin: 0 auto;
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);

}
.b-col img:hover
{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}
/******* Satyam Page End************/

/********** Bakery Page Start **********/
.bakery-page
{
    width: 100%;
    min-height: 600px;
    padding: 30px 200px;
}
.bake-img
{
    width: 100%;
    height: 100%;
}
.bake-cap
{
    padding: 100px 0px 50px;
    text-align: center;
}
.bake-cap h1
{
    padding: 20px 15px 0px;
    font-family: var(--great);
    font-size: 80px;
    line-height: 80px;
    color: red;
    text-transform: capitalize;
}
.bake-cap h2
{
    padding-top: 10px;
    font-family: var(--play);
    font-size: 65px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--b);
}
.bake-cap p
{
    padding-top: 10px;
    padding-bottom: 40px;
    font-family: var(--play);
    font-size: 16px;
    text-transform: capitalize;
    color:#464646;
}
.bake-cap a
{
    padding: 10px 30px;
    border: 1px solid red;
    border-radius: 50px;
    color: red;
    text-transform: uppercase;
    font-size: 16px;
}
.bake-cap a:hover
{
    color: var(--a);
    background: red;
    transition: all .8s ease-in-out;
}
.bake-about
{
    min-height: 300px;
    padding: 50px 200px;
}
.bakery-row{position: relative;}
.bakery-row::before
{
    position: absolute;
    right: -5px;
    top:-20px;
    content: '';
    width: 300px;
    height: 150px;
    background: var(--choco);
}
.bakery-caption
{
    padding: 20px 0px;
}
.bakery-h1
{
    text-align: center;
    font-family: var(--great);
    font-size: 70px;
    color: red;
    text-transform: capitalize;
}
.bakery-h5
{
    text-align: center;
    font-family: var(--play);
    font-size: 15px;
    line-height: 25px;
    color:#424242;
    text-transform: capitalize;
}
.bakery-p
{
    padding-top: 20px;
    text-align: center;
    font-family: var(--zilla);
    font-size: 18px;
    color:var(--b);
    text-transform: capitalize;
}
.ba-img
{
    position: relative;
    width: 100%;
    height:100%;
}
.bakery-image
{
    position: relative;
}
.bakery-image::before
{
    position: absolute;
    left:-5px;
    bottom: -20px;
    content: '';
    width: 300px;
    height: 150px;
    background: var(--choco);
}
.today-special
{
    margin-top: 20px;
    padding: 30px 100px 50px;
}
.ts-h1
{
    font-family: var(--great);
    font-size: 70px;
    color: red;
    text-align: center;
    text-transform: capitalize;
}
.ts-p
{
    font-family: var(--play);
    font-size: 16px;
    text-align: center;
}
.ts-row,
.op-row
{
    padding-top: 40px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
}
.ts-col
{
    position: relative;
    width: 23%;
}
.ts-price
{
    position: absolute;
    top:10px;
    right:10px;
    content: '';
    color: red;
    font-size: 20px;
}
.ts-price i
{
    padding-right: 5px;
}
.ts-img
{
    position: relative;
    max-width:100%;
    height:200px;
}
.ts-h2
{
    font-size: 18px;
    font-family: var(--play);
    color: var(--b);
    text-align: center;
    text-transform: capitalize;
}
.op-h2
{
    padding-top: 15px;
    font-size: 20px;
    font-family: var(--play);
    color: var(--b);
    text-align: center;
    text-transform: capitalize;
}
.op-col
{
    width: 24%;
}
.op-img
{
    position: relative;
   max-width: 100%;
    height: 250px;
}
.op-btn a
{
    padding: 10px 30px;
    border: 2px solid red;
    border-radius: 50px;
    color: red;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.op-btn a:hover
{
    color: var(--a);
    background: red;
    transition: all .8s ease-in-out;
}

/******** spice cafe**************/

.cafe-page
{
    position: relative;
    width: 100%;
    height: 600px;
    background: url(../images/cafe/cafe.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cafe-overlay
{
    position: absolute;
    width: 100%;
    height: 600px;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, 0.4);
}
.cafe-h1
{
    position: absolute;
    top:50%;
    left: 30%;
    font-size: 90px;
    font-family: var(--play);
    text-transform: capitalize;
    color: var(--a);
    text-shadow: 3px 5px 2px #474747;
    letter-spacing: 1px;
}
.cafe-video
{
    width: 100%;
    min-height: 300px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
    padding-bottom: 50px;

}
.cafe-about-h1
{
    padding-top: 50px;
    text-align: center;
    font-size: 60px;
    font-family: var(--play);
}
.cafe-about-p
{
    padding-top: 10px;
    text-align: center;
    font-size: 18px;
    font-family: var(--mont);
   color: rgb(65, 65, 65);
}


.video__frame {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width:100%;
height: 500px;
overflow: hidden;

}
.video-js {
    position: relative;
    top:0;
    left:0;
    width:100%;
    min-height:400px;
}


.container {
position: relative;
width: 100%;
margin: 10vh auto;
}
.plan
{
    width: 100%;
    min-height: 300px;
    padding: 50px 100px;
}
.plan-h1
{
    color: var(--b);
    font-family: var(--play);
    font-size: 50px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: capitalize;
}
.plan-p
{
    color: #464646;
    font-size: 15px;
    font-family: var(--play);
    text-align: center;
}
.plan-box
{
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.plan-item
{
    width: 48%;
}
.plan-item h2
{
    color: red;
    font-size: 45px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: var(--play);
}
.plan-item p
{
    padding-top: 10px;
    color: #464646;
    font-size: 20px;
    font-family: var(--zilla);
}
.plan-item img
{
    width: 600px;
    height:400px;
}

.cafe-gallery
{
    width: 100%;
    min-height: 300px;
    padding: 10px 0px 0px;
}
.cafe-gallery h1
{
    text-align: center;
    font-family: var(--great);
    font-size: 80px;
    font-weight: 500;
}

.gallery{
    width: 100%;
    display: grid;
    grid-auto-flow: dense;
    grid-template: "1fr 1fr 1fr 1fr 1fr" 33.33vh
                   "1fr 1fr 1fr 1fr 1fr" 33.33vh "1fr 1fr 1fr 1fr 1fr" 33.33vh;
    overflow-x: hidden;
     background: var(--b);

}

.gallery .box{
    position: relative;
    background: #ccc;
    margin: 5px;
	overflow-x:hidden;
	overflow-y:hidden;
}

.gallery .b,.gallery .c,.gallery .d,.gallery .f,.gallery .g,.gallery .h{
    grid-column: span 2;
}
.gallery .box img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    transition: 1s;
}
.gallery .box img:hover{

    transform: scale(1.1);

}

/******** banquete**********/
.b-over
{
    position: absolute;
    content:'';
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bank-h1
{
    text-align: center;
    font-family: var(--great);
    font-size: 120px;
    z-index: 3;
    color: red;
    text-transform: capitalize;

}
.b-over p
{
    font-family: var(--play);
    font-size: 24px;
    color: var(--a);
    z-index: 3;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.events
{
    width: 100%;
    min-height: 500px;
    padding: 70px 150px 10px;
}
.event-h1
{
    text-align: center;
    text-transform: capitalize;
    font-family: var(--play);
    font-size: 35px;
}
.event-p
{
    text-align: center;
    font-family: var(--roboto);
    font-size: 18px;
    color: red;
    padding-bottom: 50px;
}

.event-img
{
    position: relative;
    width: 100%;
    height: 556px;
}
.event-col,
.ev-r
{
    position: relative;
    padding: 0!important;
}
.ei-o,
.ei-o2
{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ei-o2
{
    width: 280px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.ei-o h2,
.ei-o2 h2
{
    text-align: center;
    font-family: var(--play);
    color: var(--a);
    z-index: 3;
    text-transform: capitalize;
}
.h2-wed
{
    font-size: 40px;
}
.h2-eve,
.h2-bday,
.h2-party
{
    font-size: 35px;
}
.event-img2
{
    width: 100%;
    height: 280px;
}
.event-img3
{
    width: 100%;
    height: 100%;
}
.bp-row
{
    padding-right: 0px!important;
}
.ei3,
.ei4
{
    position: relative;
    padding: 0px!important;
}
.ei-box
{
    position: relative;
    width: 280px;
    height: 100%;
}
.bank-about
{
    width: 100%;
    min-height:500px;
    background: url(../images/banqt/b3.jpg);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 100px;
}
.banq-ab
{
    width: 45%;
    min-height: 500px;
    padding: 200px 100px;
    background: var(--a);
    text-align: center;
}
.banq-ab h1
{
    font-size: 70px;
    font-family: var(--play);
    color: var(--b);
    letter-spacing: 1px;
}
.banq-ab p
{
    font-size: 15px;
    font-family: var(--pt);
    color: #999999;

}
.banq-ab h5
{
    padding-top: 50px;
    font-family: var(--pt);
    color: #999999;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
}

.why-us
{
    margin-top: 20px;
    padding: 150px 100px 20px;
    width: 100%;
    background: url(../images/banqt/why.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    background-size: contain;

}
.why-h1
{
    padding-left: 130px;
    font-family: var(--play);
    font-size: 60px;

}
.why-us-p
{
    font-family: var(--play);
    font-size: 17px;
    text-transform: uppercase;
    color: #999999;
    padding-left: 140px;
}
.why-div
{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.why-div-ele
{
    display: flex;
    width: 28%;
}
.why-div-ele img
{
   width: 20%;
   height: 50px;
}
.why-h4
{
    padding-left: 30px;
    font-size: 20px;
    letter-spacing: .75px;
    color: var(--b);
    font-family: var(--play);
}
.why-p
{
    padding-left: 30px;
    font-size: 16px;
    font-family: var(--play);color: #999999;
}

.banq-test
{
    width: 100%;
    min-height: 600px;
    background:url(../images/banqt/test.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 100px;
}
.banq-test-div
{
    width: 45%;
    min-height: 200px;
    padding: 200px 100px;
    background: var(--a);
    text-align: center;
    position: relative;
}
#bank-test.owl-carousel .nav-btn{
    height: 80px;
    position: absolute;
    width: 80px;
    cursor: pointer;
    top: 57% !important;
    border: 2px solid #a0aec0;
}
#bank-test.owl-carousel .prev-slide
{
    background: url("../images/testimonial/prev.jpg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 90px;
}
#bank-test.owl-carousel .next-slide
{
    background: url("../images/testimonial/next.jpg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 90px;
}
.testo-box{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.quote-testo{
    width: 70px !important;
    height: auto;
}
.testo-p{
    font-size: 22px;
    font-family: var(--pt);
    margin-top: 50px;
}
.testo-bg1{
    width: 200px !important;
    height: auto;
    margin-top: 30px;
    margin-bottom: 45px;
}
.testo-profile{
    width: 80px !important;
    height: 80px;
}
.testo-h6{
    color: var(--choco);
    font-size: 18px;
    font-family: var(--pt);
    font-weight: 700;
}
.testo-cus{
    font-size: 16px;
    color: #a0aec0;
    font-family: var(--pt);

}
.section-common{
    width: 100%;
    min-height: 200px;
    padding: 70px 100px;
}
.banq-img-wr{
    width: 100%;
    height: 250px;
}
.banq-gal-img{
    position: relative;
    width: 100%;
    height: 100%;
}


/*Salon & Spa*/
.parallax-slider .img-container.one1 {
    background-image: url("../images/salon/slide3.jpg");
}

.parallax-slider .img-container.two1 {
    background-image: url("../images/salon/slide2.jpg");
}

.parallax-slider .img-container.three1 {
    background-image: url("../images/salon/slide5.jpg");
}
.parallax-slider .img-container.four1 {
    background-image: url("../images/salon/slide7.jpg");
}

.container2 {
    position: relative;
    width: 100%;
    margin: 10px auto;
}
.sw_col2
{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.sw_col3
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 100px;
}
.sw_col4
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
    padding-bottom: 100px;
}
.sl-sl-1{
    width: 500px;
    min-height: 300px;
    margin-left: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sl-sl-h2{
    font-size: 50px;
    color: var(--white);
    font-family: var(--play);
    font-weight: 400;
    font-style: italic;
}
.sl-sl-h3{
    font-size: 60px;
    color: var(--pr);
    font-family: var(--play);
    font-weight: 500;
    font-style: italic;

    position: relative;
}
.sl-sl-h3::before{
    position: absolute;
    width: 270px;
    height: 2px;
    content: '';
    background: var(--pr);
    top: 0px;
    left: 0;
}
.sl-sl-h3::after{
    position: absolute;
    width: 270px;
    height: 2px;
    content: '';
    background: var(--pr);
    bottom: 0px;
    left: 0;
}
.sl-sl-h1{
    font-size: 100px;
    text-transform: uppercase;
    color: var(--pr);
    font-weight: 700;
}
.sl-sl-2{
    width: 400px;
    min-height: 200px;

    padding: 30px;
    background: rgba(255, 255, 255, 0.05);
    margin-right: 100px;
    border-radius: 5px;
}
.sl-sl-2-h2{
    font-size: 40px;
    font-weight: 500;
    font-family: var(--roboto);
    color: var(--a);
}
.sl-sl-2-h22{
    font-size: 55px;
    font-weight: 500;
    font-family: var(--roboto);
    color: var(--pr);
}
.sl-sl-3-h2{
    font-size: 50px;
    font-family: var(--great);
    color: var(--pr);

}
.sl-sl-3-h222{
    font-size: 60px;
    font-family: var(--pt);
    font-weight: 600;
    color: var(--a);
}
.sal-sec2{
    width: 100%;
    min-height: 200px;
    padding: 70px 100px;
}
.sal-ser-box{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.sal-ser-card{
    width: 31%;
    min-height: 300px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 0 5px 0 #0d69de;
    margin-top: 30px;
}
.sal-img-top{
    position: relative;
    width: 100%;
    height: 250px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sal-ser-title{
    font-size: 30px;
    color: black;
    font-family: var(--great);
    text-align: center;
}




.stylish-title{
    font-size: 26px;
    text-transform: uppercase;
    color: var(--pr);
    font-family: var(--roboto);
    position: relative;
}
.stylish-title::before{
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dddddd;
    content: '';
}






.stylish-title::after{
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--pr);
    content: '';
}
.mini-gal{
    width: 100%;
    min-height: 200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

}
.mini-gal-item{
    width: 22%;
    position: relative;
    margin-right: 2%;
    margin-top: 10px;
}
.mini-gal-img{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.mini-gal-over{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 15;
}
.mini-gal-item:hover .img-gal-over{
    background: rgba(0, 0, 0, 0.3);
}

.sl-ul-top{
    list-style: none;
}
.sl-ul-top li{
    color: grey;
    padding-bottom: 9px;
    border-bottom: 1px dashed grey;
    margin-top: 12px;
}
.sl-pr{
    font-weight: 500;
    color: var(--pr);
}
.sal-sec3{
    width: 100%;
    position: relative;
    min-height: 300px;
}
.sal-sec3.one{
    background: url("../images/salon/bgfirst.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.sal-sec3.spa{
    min-height: 600px;
    background: url("../images/salon/slide6.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.spa-over{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.spa-title{
    font-size: 90px;
    color: var(--a);
    font-family: var(--great);
}
.sel-package-box{
    width: 100%;
    min-height: 300px;
}
.package-title{
    font-size: 30px;
    font-family: var(--great);
    color: var(--pr);
}
.pack-li{
    color: #4a5568;
}
.pack-price{
    font-size: 18px;
    color: var(--b);
    font-family: var(--pt);
}


.sal-days{
    position: relative;
    width: 100%;
    min-height: 500px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.sal-day-items{
    width: 150px;
    height: 150px;
    border-radius: 75px;
    background: var(--pr);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.day-h1{
    font-size: 40px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}
.day-h6{
    font-size: 16px;
    color: #e3e3e3;
}
.sal-day-items.closed{
    background: rgba(256,256,256,0.1);
}
.bg-black{
    background: var(--b);
}
.top-h6{
    font-size: 18px;
    text-transform: uppercase;
    color: grey;
    text-align: center;
}
.top-gal{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.top-gal-item{
    width: 33%;
    height: 300px;

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 4px;
}
.top-gal-item.one{
    background: url('../images/salon/gallery1.jpg');
}
.top-gal-item.two{
    background: url('../images/salon/gallery2.jpg');
}
.top-gal-item.three{
    background: url('../images/salon/gallery3.jpg');
}
.top-gal-item.four{
    background: url('../images/salon/gallery4.jpg');

}
.top-gal-item.five{
    background: url('../images/salon/gallery5.jpg');
}
.top-gal-item.six{
    background: url('../images/salon/gallery6.jpg');
}
.top-gal-over{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    background: rgba(0,0,0,0.3);
    padding: 20px;
    transition: 0.5s;
}
.top-gal-over:hover{
    background: rgba(0,0,0,0.5);
    padding: 30px;
    transition: 0.5s;
}
.gal-h4{
    font-size: 20px;
    font-weight: 700;
    color: var(--a);
    padding-top: 3px;
    border-top: 2px solid var(--a);
    text-transform: uppercase;
}
.gal-top-h5{
    font-size: 16px;
    color: #b3b3b3;
}

.sal-sec3.two{
    background: url("../images/salon/2for1bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.sal-dis-sec{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sal-des-h1{
    font-size: 70px;
    font-weight: 600;
    padding: 10px 20px;
    border: 5px dashed white;
    color: var(--a);

}
.sal-testo-box{
    width: 100%;
    min-height: 120px;
    border: 5px solid lightgrey;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px;
}
.sal-timg{
    width: 100px;
    height: 100px;
    border-radius: 50px;
}
.sal-tbl{
    width: 80%;
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}
.sal-tbcc{
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
}
.sal-tbcn{
    font-size: 14px;
    color: var(--pr);
    font-weight: 600;
    margin-bottom: 0;
}
.sal-sec4{
    width: 100%;
    min-height: 120px;
    padding:20px 100px;
    background: #151515;
}
.sal-mar-img{
    width:  200px;
    height: auto;
}

/*Satyam Menu*/
.stm-landing{
    width: 100%;
    height: 300px;
    position: relative;
    background: url('../images/satyam/food/bg2.jpg');
    background-size: cover;
    background-position: center;
}
.stm-head-h1{
    position: absolute;
    bottom: 50px;
    right: 100px;
    font-family:  var(--great);
    font-size: 100px;
    color: rgb(10, 255, 10);
}
.stm-main-one{

    width: 100%;
    min-height: 700px;
    background: url('../images/satyam/food/paneer2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;

}
.stm-main-two{
    width: 100%;
    min-height: 1000px;
    background: url('../images/satyam/food/cloli.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 1000px;
    position: relative;
}
.stm-main-three{
    width: 100%;
    min-height: 1000px;
    background: url('../images/satyam/food/6.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
.stm-main-four{
    width: 100%;
    min-height: 1200px;
    background: url('../images/satyam/food/thali2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

    position: relative;
}
.stm-main-five{
    width: 100%;
    min-height: 1000px;
    background: url('../images/satyam/food/thali2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

    position: relative;
}
.stm-over{
    position: absolute;
    width: 100%;
    height: 100%;
    padding:70px 50px;
    background: rgba(0,0,0,0.6);
    content: '';
}
.stm-title{
    font-size: 55px;
    color: rgb(10, 255, 10);
    font-family: var(--pt);
    position: relative;
}
/*.stm-title::before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    top: 50%;*/
/*    left: -70px;*/
/*    width: 50px;*/
/*    height: 2px;*/
/*    background: rgb(10, 255, 10);*/
/*}*/
/*.stm-title::after{*/
/*    position: absolute;*/
/*    content: '';*/
/*    top: 50%;*/
/*    right: -70px;*/
/*    width: 50px;*/
/*    height: 2px;*/
/*    background: rgb(10, 255, 10);*/
/*}*/
.stm-it-wr{
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0 50px;
}
.stm-item{
    width: 300px;
    min-height: 100px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.2);
    transition: .5s;
    padding: 20px;
}
.stm-it-title{
    font-size: 18px;
    font-family: var(--roboto);
    font-weight: 600;
    color: var(--a);
}
.stm-it-desc{
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: var(--mont);
}
.accessbox{
    width: 100%;
    min-height: 600px;
    background: var(--b);
    padding: 70px 100px;
}
.accitem{
    width: 300px;
    height: 300px;
    position: relative;
    background: var(--pr);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 76%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 76%, 50% 100%, 0% 75%, 0% 25%);
    padding: 2px;
}
.accinner{
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 76%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 76%, 50% 100%, 0% 75%, 0% 25%);
    background: var(--b);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.acch2{
    font-size: 40px;
    color: var(--pr);
    font-weight: 600;
}
.ctitem{
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -70px;
    margin-bottom: -70px;
}
.accimg{
    position: relative;
    max-width: 90%;
    height: auto;
}
.acch5{
    font-size: 25px;
    color: var(--pr);
    font-weight: 600;
}
.accp{
    font-size: 15px;
    color: var(--a);
    max-width: 80%;
    text-align: center;
    margin: 0;
}
.ct1,.ct2{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    position: relative;
}
.ct1::after{
    position: absolute;
    content: '';
    top: -35px;
    left: -110px;
    width: 130px;
    height: 2px;
    background: var(--pr);
    transform: rotate(219deg);
}
.ct2::after{
    position: absolute;
    content: '';
    top: -35px;
    right: -110px;
    width: 130px;
    height: 2px;
    background: var(--pr);
    transform: rotate(140deg);
}
.ct4::after{
    position: absolute;
    content: '';
    bottom: -38px;
    right: 300px;
    width: 140px;
    height: 2px;
    background: var(--pr);
    transform: rotate(215deg);
}
.ct3::after{
    position: absolute;
    content: '';
    bottom: -35px;
    left: 300px;
    width: 140px;
    height: 2px;
    background: var(--pr);
    transform: rotate(145deg);
}

.tripsec{
    width: 100%;
    min-height: 300px;
    padding: 50px;
}
.planbox{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.ptitem{
    width: 30%;
    min-height: 250px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    box-shadow: 6px 6px #989898, 12px 12px #6c6666;
    padding: 10px;
    margin-top: 30px;
}
.ptimgwr{
    width: 100%;
    height: 250px;
    box-shadow: 0px 10px 2px 0px rgba(128, 0, 0, 1);
}
.ptimg{
    position: relative;
    width: 100%;
    height: 100%;
}
.ptbody{
    width: 100%;
    padding: 20px 10px 10px;
    text-align: center;
}
.pth6{
    font-size: 18px;
    font-weight: 600;
    color: black;
    margin: 0;
}
.fr{
    float: right;
}







    /********* fooer*****************/
footer
{
    width: 100%;
    background:var(--b);
    display: block;
    color: #fff;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 10px;
}
footer .row
{
    margin: 0px !important;
    text-align:left;
}
.footer-items ul
{
    list-style: none;
    color: #fff;
    font-size: 15px;
    letter-spacing:1px;
}
.footer-items h3
{
    font-size:30px;
    margin-top:10px;
    font-family:var(--pt);
}
.footer-items h4
{
    margin-top:10px;
    font-size:25px;
    font-family:var(--pt);
}
.footer-items .saneh-title
{

    font-family:var(--zilla);
    font-size:18px;
}
.footer-items ul a {
    text-decoration: none;
    outline: none;
    color: #fff;
    transition: 0.3s;
}
.footer-items ul a:hover
{
    color: var(--choco);
}
.footer-items ul li
{
    margin: 10px 0;
    font-family: var(--zilla);
    font-size:18px;
}
.footer-items li i
{
    margin-right:10px;
    margin-top: 5px;
    font-size:18px;
    color: var(--brown);
}
.footer-items .border1
{
    height: 2px;
    width: 145px;
    background: var(--brown);
}
.footer-items .border2
{
    height: 2px;
    width: 180px;
    background: var(--brown)
}
.footer-items .border3
{
    height: 2px;
    width: 120px;
    background: var(--brown);
}
.footer-items .cont
{
    font-size: 16px;
    font-family: var(--pt);
}
.cont i
{

    font-size: 25px;
    padding-right: 20px;
}
.footer-items .social
{
    padding-left:1px;
}
.social .fab
{
    margin:10px 0px 10px 8px;
    padding:10px;
    font-size: 20px;
    width: 40px;
    height:40px;
    text-align: center;
    text-decoration: none;
    border:2px solid var(--brown);
    color:#fff;
}
.fa-facebook-f
{
    color:white;
}
.fa-facebook-f:hover
{
    background: #3b5998;
    color: #fff;
}
.fa-instagram:hover
{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
}
.fa-instagram
{
    color: var(--white);
}
.fa-whatsapp
{
    color: #075E54;
}
.fa-whatsapp:hover
{
    background: #075E54;
    color: #fff;
}
.fa-twitter
{
    color: #00acee;
}
.fa-twitter:hover
{
    background: #00acee;
    color: #fff;
}

.footer-bottom
{
    padding: 10px;
    color: #fff;
    font-size: 12px;
    padding-bottom: 0px;
    text-align: center;
    border-top: 1px solid grey;
}
.fa-heart
{
    color: red;
}
.footer-bottom p
{
    color: #cccccc;
}
.branding{
    color: grey;
}
.branding:hover
{
    text-decoration: none;
    color: #ccc;
}
.googleMap
{
    width: 100%;
    height: 60vh;
    border: 0;
    margin-top: 40px;
}
.custom
{
    padding: 80px 40px !important;
    font-weight: bold;
}


.parallax-slider .container{
    margin: 10px auto;
}






@media (max-width: 1400px)
{
    /***** Satyam page*******/
    .rm_h2
    {
        left: 25%;
        font-size: 80px;
    }
    .rm_catogery
    {
        padding: 0px 50px 50px!important;
    }
    .rm_details
    {
        padding: 0px 40px 0px 40px!important;
    }
    .sat_menu
    {
        margin: 0px;
    }
    div#quad figure {
        width: 48%;
        margin: 10px;
    }
    .sb_img
    {
        height: 100%;
    }
    .sb_con
    {
        padding: 0;
    }
    .sb_p
    {
        padding: 10px 0;
        text-align: justify;
        font-size: 18px;
    }
    .sm_p
    {
        width: 70%;
    }
    .sm_img
    {
        height: 100%;
    }
    .menu_text a
    {
        font-size: 18px;
    }
    .bakery-page
    {
        height: 500px;
        padding: 30px 150px;
    }
    .bake-cap
    {
        padding: 100px 0px 0px;
    }
    .bake-cap h2
    {
        font-size: 50px;
    }
    .bake-cap p
    {
        padding-bottom:25px;
    }
    .bake-about
    {
        padding: 50px 100px;
    }
    .bakery-h1,
    .ts-h1
    {
        font-size: 60px;
    }
    .bakery-h5
    {
        font-size: 13px;
        line-height: 23px;
    }
    .bakery-p
    {
        font-size: 16px;
    }.cafe-page,
    .cafe-overlay
    {
        height: 500px;
    }
    .cafe-h1
    {
        left:27%;
        font-size: 80px;
    }
    .plan
    {
        padding: 50px 60px;
    }
    .plan-item
    {
        width: 48%;
    }
    .plan-item img
    {
        max-width: 100%;
    }
    .plan-item h2
    {
        font-size: 40px;
    }
    .plan-item p
    {
        font-size: 18px;
    }
    .cafere-h1::before
    {
        left: 135px;
    }
    .events{
        padding: 70px 70px 10px;
    }
    .banq-ab{
        padding: 100px;
    }
    .banq-test-div{
        padding: 100px 50px;
    }
    .parallax-slider .container{
        margin: 10px auto;
    }
    .sat_menu{
        margin-bottom: 100px;
    }

}


@media  only screen and (max-width: 1025px)
{    .top-menu
    {
        display: none;
    }
    .custom-logo
    {
        display: block!important;
    }
    .nav-link
    {
        font-size: 16px;
        padding: 0;
    }
    .amenties,
    .room
    {
        padding:10px 35px 50px;
    }
    div#quad figure
    {
        margin: 7px; width: 48%;
        height: 250px;
    }
    #brands.owl-carousel .prev-slide
    {
       left: -35px;
    }
   #brands.owl-carousel .next-slide
   {
       right: -35px;
    }
    .about
    {
        padding: 0px 30px 100px;
    }
    .rm_h2 {
        top: 40%;
        left: 20%;
        font-size: 75px;
    }
    .rc_head h2
    {
        padding-left: 80px;
        line-height: 60px;
        color: var(--b);
        font-size: 40px;
        font-family: var(--play);
        font-weight: 500;
        letter-spacing: 1px;
    }
    .rc_p p
    {
        font-size: 18px;
        padding-left: 50px;
        padding-right: 20px;
    }
    .rm_catogery
    {
        padding:0px 30px 100px!important;
    }
    .rm_row
    {
        width: 100%;
        min-height: 400px;
        margin-top:100px;
    }
    .rm_img img
    {
        height: 400px;
    }
    .rm_details
    {
        text-align: left;
        padding:0px 0px 0px 80px!important;
    }
    .rd-2
    {
        padding: 0px 50px 0px 15px!important;
    }
    .rm_details h2
    {
        margin-bottom: 0px;
    }
    .rm_details p
    {
        padding-top: 20px;
        font-size: 17px;
    }
    .rm-ul
    {
        padding: 0px 0px 0px 20px;
        list-style: none;
    }
    .rm-li
    {
        padding: 5px 0px 0px 5px;
    }
    /***** Satyam page*******/

    .sat_about
    {
        width: 100%;
        margin: 100px 0px 70px;
        min-height: 300px;
    }
    .sb_img,
    .sm_img
    {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .sb_h1
    {
        font-size: 70px;
    }
    .sb_con h4
    {
        font-size: 16px;
    }
    .sb_p
    {
        font-size: 14px!important;
    }
    .sat_menu
    {
        margin: 0px 0px 50px;
    }
    .sm_p
    {
        width: 70%;
    }

    .col_menu
    {
        height: 250px;
    }
    .sat-over
    {
    padding:15px;
    }
    .menu_btn
    {
        border: 1px solid var(--a);
    }
    .menu_btn a
    {
        padding:8px 12px;
        font-size: 14px;
    }
    .menu_text a
    {
        font-size: 16px;
    }
    .sat_resrve
    {
        margin: 0px 0px 50px;
    }
    .reserve_row
    {
        padding:100px 50px;
    }
    .show-menu2 img
    {
        width: 100%;
        height: 300px;
        padding: 0 15px;
    }
    .show-cont
    {
        padding: 0px 20px!important;
    }
    .sh_h1
    {
        font-size: 65px;
    }
    .sh_h4
    {
        font-size: 14px;
    }
    .sh_p
    {
        padding:30px 0px 30px 15px;
        text-align: justify;
    }
    .sat_contact img,
    .sat_contact1 img
    {
        width: 100%;
        height:70%;
    }
    .sat_contact2
    {
        padding: 70px 0px 50px!important;
    }
    .sat_contact2 h2
    {
        font-size: 60px;
    }
    .sat_contact2 .c-t
    {
        font-size: 13px;
    }
    .ad
    {
        margin-top: 30px;
    }
    .b-col img
    {
        height:200px;
        width: 250px;

    }
    /******* contact page *********/

    .contact_sec
    {
        min-height: 700px;
    }
    .contact_sec .contact_page
    {
        min-width: 900px;
    }
    .contact_sec .contact_page .c_info
    {
        width: 300px;
        padding: 10px;
    }
    .contact_sec .contact_page .c_form
    {
        width: 80%;
        padding-left: 190px;
    }
    .singleRow_img
    {
        padding: 50px 20px;
    }
    .amnt_heading
    {
        font-size: 40px;
    }
    .amnt_h3
    {
        font-size: 18px;
    }
    .amnt_ul li
    {
        font-size: 14px;
    }

    /***** bakery page*********/
    .bakery-page
    {
        height: 500px;
        padding: 20px 50px;
    }
    .bake-cap
    {
        padding: 50px 0px 50px;
        text-align: center;
    }
    .bake-cap h1
    {
        font-size: 60px;
    }
    .bake-cap h2
    {
        font-size: 50px;
    }
    .bake-about
    {
        padding:20px 50px;
    }
    .bakery-h1
    {
        font-size: 60px;
    }
    .bakery-h5
    {
        font-size: 14px;
        line-height: 23px;
    }
    .bakery-p
    {
        font-size: 18px;
    }
    .cafe-h1
    {
        top:40%;
        left: 20%;
    }
    .plan{
        padding: 50px;
    }
    .plan-item
    {
        width: 48%;
    }
    .plan-item img
    {
        max-width: 400px;
        height: 400px;
    }
    .cafere-h1::before
    {
        left: 125px;
    }
    .gallery
    {
    grid-template: "1fr 1fr 1fr 1fr 1fr " 250px
                   "1fr 1fr 1fr 1fr 1fr " 250px
                   "1fr 1fr 1fr 1fr 1fr " 250px;
    }
    .b-over{
        height: 550px;
    }
    .event-img2
    {
        height: 220px;
    }
    .event-img{
        height: 450px;
    }
    .ei-box
    {
        width: 100%;
        height: 200px;
    }
    .ei-o2{
        width: 100%;
    }
    .banq-ab{
        padding: 100px 50px;
    }
    .banq-about{
        background-position: center center;
    }
    .why-us{
        padding: 100px 40px;
    }

    #bank-test.owl-carousel .nav-btn{
        top: 60% !important;
    }
    #bank-test.owl-carousel .prev-slide
    {
        left: 20px;
    }
    #bank-test.owl-carousel .next-slide
    {
        right: 20px;
    }
    .banq-test-div{
        padding: 50px 50px;
    }
    .banq-img-wr{
        height: 150px;
    }
    .sl-sl-1{
        margin-left: 70px;
    }
    .sl-sl-2{
        margin-right: 70px;
    }
    .sal-sec2{
         padding: 70px 50px;
     }
    .sal-days{
        min-height: 400px;
    }
    .sal-day-items{
        width: 120px;
        height: 120px;
    }
    .day-h1{
        font-size: 35px;
    }
    .day-h6{
        font-size: 15px;
    }
    .sal-des-h1{
        font-size: 50px;
        font-weight: 600;
    }
    .sal-tbl{
        width: 70%;
    }
    .stm-main-one{
        min-height: 900px;
    }
    .stm-main-two{
        min-height: 1200px;
    }
    .stm-main-three{
        min-height: 1200px;
    }
    .stm-main-four{
        min-height: 1300px;
    }
    .ct1::after, .ct2::after, .ct4::after, .ct3::after{
        display: none;
    }
    .spa-title{
        font-size: 60px;
        text-align: center;
    }
}

@media(max-width:768px)
{
    .gallery
    {
    grid-template: "1fr 1fr" 300px
                   "1fr 1fr" 300px
                   "1fr 1fr" 300px
                   "1fr 1fr" 300px
                   "1fr 1fr" 300px
                   "1fr 1fr" 300px;
    }
    .gallery .c,.gallery .d,.gallery .g,.gallery .h{
        grid-column: span 1;
    }
    .gallery .i{
        grid-column: span 2;
    }

    .top-menu
    {
        display: none;
    }
    .custom-logo
    {
        display: block!important;
    }
    .amenties
    {
        padding:10px 20px 30px;
    }
    .simg
    {
        height: 400px;
    }
    .inser
    {
        padding: 20px;
    }
    .about
    {
        padding-bottom: 30px;
    }
    .about-des
    {
        padding:30px 0px 0px;
    }
    .about-des p
    {
        font-size: 16px;
    }
    .room_page,
    .rm_overlay
    {
        height: 300px;
    }
    .rm_h2
    {
        left: 13%;
    }
    .rc_p
    {
        padding: 0px!important;
    }
    .rc_p p
    {
        padding: 0px 10px 0px 15px!important;
    }
    .rc_head h2
    {
        padding-left: 30px;
    }
    .rm_catogery
    {
        padding: 0px 15px 100px!important;
    }
    .rm_img
    {
        padding: 0px!important;
    }
    .rm_details
    {
        padding-left: 25px!important;
    }
    .rd-2
    {
        padding: 0px 25px 0px 0px!important;
    }
    .video-container video
    {
        width: 125%;
    }
    .video-container
    {
        height: 450px;
    }
    .v-items:first-child
    {
        display: none;
    }
    .v-items
    {
        width: 20%;
    }
    .para-overlay
    {
        padding-top: 50px;
    }
    .para-p
    {
        width: 90%;
    }
    #brands.owl-carousel .prev-slide,
    #brands.owl-carousel .next-slide
    {
        display: none;
    }
    .room
    {
        padding: 30px;
    }
    div#quad figure {
        height: 200px;
    }
    div#quad figure figcaption {
        font-size: 20px;
    }

    .contact_sec
    {
        min-height:90vh;
    }
    .contact_sec .contact_page
    {
        margin-top: 350px;
        min-width: 600px;
    }
    .contact_sec .contact_page .c_info
    {
        padding:20px;
        top:-350px;
        left:50px;
        width:500px;
        background: var(--b);
        font-size: 20px;
    }
    .contact_sec .contact_page .c_form
    {
        margin-left: 0px;
        padding-left: 40px;
        width: 100%;
    }
    .contact_sec .contact_page .c_form .c_h2
    {
        font-size: 26px;
    }
    .contact_sec .contact_page .c_form .formbox .inputbox span
    {
        font-size: 22px;
    }
    .contact_sec .contact_page .c_form .formbox .inputbox input:focus ~ span,
    .contact_sec .contact_page .c_form .formbox .inputbox textarea:focus ~ span,
    .contact_sec .contact_page .c_form .formbox .inputbox input:valid ~ span
    {
        font-size: 16px;
    }
    /****** satyam page*******/

    .r_great h1
    {
        font-size: 70px;
    }
    .r_great h4
    {
        font-size: 30px;
    }
    .r_great p
    {
        padding: 0px 20px;
        font-size: 18px;
    }
    .r_teble
    {
        padding:30px 10px;
    }
    .reserve-form
    {
        padding: 20px 10px;
    }
    .single_box
    {
        padding: 20px 0px 0px;
        width: 31%;
    }
    .show-cont
    {
        margin-bottom: 50px;
    }
    /***** bakery*****/
    .bakery-page
    {
        min-height: 300px;
        padding: 20px;
    }
    .bake-img
    {
        height:350px;
    }
    .bake-cap
    {
        padding: 0px;
    }
    .bake-cap h2
    {
        font-size: 40px;
    }
    .bake-cap p
    {
        padding-bottom: 10px;
    }
    .bake-about
    {
        padding: 50px 10px;
    }
    .bakery-h1
    {
        font-size: 60px;
    }
    .bakery-h5
    {
        font-size: 13px;
        line-height: 23px;
    }
    .bakery-p
    {
        font-size: 16px;
    }
    .today-special
    {
        padding: 30px 50px 50px;
    }
    .op-img
    {
        height: 200px;
    }
    .cafe-page,
    .cafe-overlay
    {
        height: 400px;
    }
    .cafe-h1
    {
        left: 20%;
        font-size: 60px;
    }
    .plan{
        padding: 50px 30px;
    }
    .plan-item img
    {
        width: 320px;
        height: 300px;
    }
    .cafere-h1::before
    {
        left:62px
    }
    .bank-about{
        padding-left: 70px;
    }
    .banq-ab{
        width:55%;
    }
    .banq-ab h1{
        font-size: 50px;
    }
    .why-div{
        margin-top: 50px;
    }
    .why-div-ele
    {
        width: 45%;
    }
    .banq-test{
        padding-left: 50px;
    }
    .banq-test-div{
        width: 55%;
    }
    .section-common{
        padding: 70px 50px;
    }

    .sl-sl-1{
        margin-left: 10px;
    }
    .sl-sl-2{
        margin-right: 40px;
    }
    .sal-sec2{
        padding: 60px 30px;
    }
    .sal-days{
        min-height: 500px;
    }
    .sal-day-items{
        width: 180px;
        height: 180px;
        border-radius: 90px;
    }
    .day-h1{
        font-size: 45px;
    }
    .day-h6{
        font-size: 16px;
    }
    .sal-des-h1{
        font-size: 40px;
        font-weight: 600;
    }
    .sal-testo-box{
        justify-content: center;
        flex-direction: column;
    }
    .sal-tbl{
        width: 100%;
        padding: 0;
    }
    .top-gal-item{
        width: 49%;
        height: 300px;
    }

    .stm-main-one{
        min-height: 1200px;
    }
    .stm-main-two{
        min-height: 1800px;
    }
    .stm-main-three{
        min-height: 1800px;
    }
    .stm-main-four{
        min-height: 1900px;
    }
    .accessbox{
        padding: 70px 30px;
    }

    .ptitem{
        width: 48%;
    }
    .sal-ser-card{
        width: 45%;
    }
    .sl-sl-1{
        margin-left: 50px;
    }
    #bp{
        padding: 0;
    }

}


@media only screen and (max-width: 601px)
{
    .gallery
    {
    grid-template: "1fr 1fr" 200px
                   "1fr 1fr" 200px
                   "1fr 1fr" 200px
                   "1fr 1fr" 200px
                   "1fr 1fr" 200px
                   "1fr 1fr" 200px;
    }
    .gallery .c,.gallery .d,.gallery .g,.gallery .h{
        grid-column: span 1;
    }
    .gallery .i{
        grid-column: span 2;
    }
    .top-menu
    {
        display: none;
    }
    .custom-logo
    {
        display: block!important;
    }
    .navbar
    {
        padding-left: 10px!important;
        padding-right:10px!important;
    }
    .navbar-toggler
    {
        border-color: var(--a)!important;
    }
    .navbar-toggler-icon
    {
        color:white!important;
    }

    .video-container
    {
        height: 540px;
    }
    .video-container video
    {
        width: 125%;
    }
    .v-items:first-child
   {
       display: none;
   }
   .v-items:last-child
   {
       width: 100%;
   }
    .v-overly
    {
        background: linear-gradient(to bottom,#411d0b,#532e1c,#411d0b);
    }
    .v-items
    {
        width: 50%;
    }
    .v-img{
        width: 50px;
        height: 50px;
    }
    .v-p{
        font-size: 14px;
    }
    .para-overlay
    {
        padding-top: 50px;
    }
    .para-h1
    {
        font-size: 60px;
        letter-spacing: 0.5px;
    }
    .para-p
    {
        width: 90%;
        font-size: 18px;
    }
    .para-p.mt-70
    {
        margin-top: 40px;
    }
    .room
    {
        padding: 0px 10px;
    }
    .r-div
    {
        padding:0px 20px;
    }
    .heading1
    {
        font-size: 30px;
    }
    .r-h4
    {
        padding-top: 30px;
    }
    .simg{
        height: 300px;
    }
    .inser{
        padding: 40px 20px;
    }


    .carousel-item img
    {
        width: 100%;
        height: 400px;
    }

    .overlay
    {
        width: 100%;
        height: 400px;
    }
    .overlay h1
    {
        top:56%;
        left:2%;
        font-size:32px;
        letter-spacing:1px;
    }
    .main .carousel-control-prev i,
    .main .carousel-control-next i
    {
        font-size: 20px;
        height: 50px;
        width: 50px;
    }
    .about
    {
        width:100%;
        min-height: 300px;
        padding:10px!important;
    }
    .about-des
    {
        padding-top: 10px;
        text-align: center;
    }
    .about-des h1
    {
        font-size: 20px;
        color: var(--bg);
        text-transform: uppercase;
        font-weight: bold;
    }
    .about-des h2
    {
        padding-top: 30px;
        text-align: center;
    }
    .about-des p
    {
        text-align: justify;
    }
    .about-us-img{
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }
    .about-us-img img{
        margin-top: 0;
    }
    .about-img-2
    {
        position: relative;
        width:100%;
        height: 100%;
        top:0;
    }
    .dsn{
        display: none;
    }
    .about-img-2 img
    {
        width: 100%;
          height: 250px;
    }
    .owner
    {
        margin-top: 20px;
    }
    .o_inner
    {
        padding: 40px 10px 20px;
    }
    .o_title,
    .o_h4
    {
        text-align: center;
    }
    .o_p
    {
        text-align: justify;
    }

    .amn-items
    {
        width: 45%;
    }
    .test-items
    {
        width: 90%;
    }
    .amenties
    {
        padding: 10px;
    }
    .owl-carousel .nav-btn
    {
        display: none!important;
    }

    .cont-details h1
    {
        margin: 50px 0px 10px 25px;
        font-size: 35px;
    }
    .logo2
    {
        margin: 0px 25px;
    }
    .h-c
    {
        list-style: none;
        margin: 10px 25px;
    }
    .cont2
    {
        padding: 10px 0px 0px 5px;
        font-size: 18px;
    }
    .cont2 i
    {
        padding-right: 8px;
        font-size: 20px;
    }
    .c-social
    {
        list-style: none;
        margin: 15px 0px 0px 25px;
    }

    .reco
    {
        width: 45%;
    }
    .b-left{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid gray;
        padding: 0;
        text-align: center;
    }
    .b-right
    {
        width: 100%;
    }
    .b-items
    {
        margin-top: 20px;
        width: 45%;
    }

    div#quad figure {
        margin: 0px; width: 50%;
        height: 110px;
    }
    div#quad figure figcaption {
        font-size: 18px;
    }

    /******* contact page *********/
    .contact_sec
    {
        min-height:900px;
    }
    .contact_sec .contact_page
    {
        margin-top: 340px;
        min-width: 90%;
    }
    .contact_sec .contact_page .c_info
    {
        padding:20px;
        top:-330px;
        left: 0;
        width: 100%;
        height:300px;
        background: var(--b);
        font-size: 16px;
    }
    .contact_sec .contact_page .c_info .info li img
    {
        width: 30px;
        height: 30px;
    }
    .contact_sec .contact_page .c_form
    {
        margin-left: 0px;
        padding: 50px 10px;
        width: 100%;
        box-shadow: none;
    }
    .contact_sec .contact_page .c_form .c_h2
    {
        font-size: 22px;
    }
    .contact_sec .contact_page .c_form .formbox .inputbox span
    {
        font-size: 16px;
    }
    .contact_sec .contact_page .c_form .formbox .inputbox input:focus ~ span,
    .contact_sec .contact_page .c_form .formbox .inputbox textarea:focus ~ span,
    .contact_sec .contact_page .c_form .formbox .inputbox input:valid ~ span
    {
        font-size: 14px;
    }
    .c-map
    {
        margin-bottom: 0;
    }

    /*********** Room Page **********/
    .room_page,
    .rm_overlay
    {
        height: 300px;
    }
    .rm_h2
    {
        font-size: 40px;
        left: 10%;
    }
    .rm_contant
    {
        margin:40px 0;
    }
    .rc_head
    {
        text-align: center;
    }
    .rc_head h4
    {
        padding-bottom: 0px;
    }
    .rc_head h2
    {
        padding: 20px 10px;
        font-size: 30px;
        line-height: 40px;
    }
    .rc_p p
    {
        padding-left: 10px;
        padding-right: 10px;
        text-align: justify;
    }
    .rm_row
    {
        margin-top: 50px;
    }
    .rm_img
    {
        padding: 0!important;
    }
    .rm_img img
    {
        height: 250px;
    }
    .rm_catogery
    {
        padding: 0px 10px 50px!important;
    }
    .rm_details
    {
        padding: 40px 10px 0px!important;
        text-align: justify;
    }
    .rm_details h2
    {
        letter-spacing: 0.5px;
        font-size: 30px;
    }


    /****** single room page ********/
    .single_rm
    {
        padding: 50px 10px;
    }
     .singleRow_img
     {
         padding: 0px;
     }
    .s_img
    {
        padding: 0!important;
    }
    #featured
    {
        height: 250px;
    }
    .thumbnail
    {
        width: 80px;
    }
    .arrow
    {
        height: 20px;
        width: 20px;
    }
    .s_container
    {
        height: 300px;
    }
    .swiper-slide
    {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        height: 300px !important;
    }
    .parallax-slider .content
    {
        height: 250px;
        padding:20px 0;
    }
    .parallax-slider .content .title
    {
      font-size: 40px;
    }
    .parallax-slider .content .title-2
    {
      font-size: 25px;
    }
    .parallax-slider .content .description
    {
        margin-top: 10px;
        margin-bottom: 0px;
        font-size:16px;
    }
    .swiper-button-next::after,
    .swiper-button-prev::after
    {
        font-size: 25px!important;
    }
    .sat_about
    {
        margin: 50px 0;
    }
    .sb_img
    {
        height: 280px;
    }
    .sb_h1
    {
        padding-top: 20px;
        font-size: 50px;
    }
    .sb_con h4
    {
        font-size: 16px;
    }
    .sb_p
    {
        font-size: 16px;
        text-align: justify;
    }
    .sat_menu
    {
        margin-bottom: 30px;
    }
    .sm_p
    {
        width: 100%;
        font-size: 14px;
        padding-bottom: 30px;
    }
    .col_menu
    {
        height: 100%;
    }
    .menu_text
    {
        padding: 20px 0;
    }
    .menu_text a
    {
        font-size: 18px;
    }
    .menu_btn2
    {
        padding-top: 20px;
    }
    .menu_btn2 a
    {
        padding: 12px 32px;
    }
    .sat_resrve
    {
        margin:0px 0px 50px;
    }
    .reserve_row
    {
        padding: 50px 10px;
    }
    .r_great
    {
        height: 350px;
        padding: 40px 0px;
    }
    .r_great h1
    {
        font-size: 50px;
    }
    .r_great h4
    {
        font-size: 30px;
    }
    .r_great p
    {
        padding: 0px 15px;
        font-size: 15px;
    }
    .r_teble
    {
        padding:30px 10px;
    }
    .reserve-form
    {
        padding: 20px 10px;
    }
    .show-cont
    {
        padding: 20px 10px!important;
    }
    .sh_h1
    {
        font-size: 50px;
    }
    .sh_h4
    {
        font-size: 15px;
    }
    .sh_p
    {
        padding-bottom: 20px;
        text-align: justify;
    }
    .show-btn
    {
        padding-bottom: 20px;
    }
    .show-menu
    {
        padding:20px 0px!important;
    }
    .show-menu img
    {
        height: 280px;
    }
    .show-menu2 img
    {
        display: none;
    }
    .sat_contact
    {
        display: none;
    }
    .sat_contact2
    {
        padding:0px;
    }
    .sat_contact2 h2
    {
        font-size: 50px;
    }
    .sat_contact2 .c-t
    {
        font-size: 14px;
    }
    .before-foot .b-col
    {
        width: 33%;
    }
    .before-foot
    {
        padding-top: 20px;
    }
    .b-col img
    {
        width: 100%;
        height: 120px;
    }
     .single_box
     {
         padding: 10px 0px 0px;
         width:100%;
    }
    .bakery-page
    {
        min-height: 600px;
        padding: 20px 0px;
    }
    .bake-cap
    {
        padding: 0px 0px 20px;
    }
    .bake-cap h1
    {
        font-size: 50px;
        padding: 0px;
    }
    .bake-cap h2
    {
        padding: 0px;
        font-size: 30px;
    }
    .bake-cap p
    {
        padding: 0px 0px 10px;
        font-size: 12px;
    }
    .bake-img
    {
        width: 400px;
        height:400px;
    }
    .bake-about
    {
        padding-top:50px;
    }
    .bakery-row::before
    {
        display: none;
    }
    .bakery-h1{
        font-size: 50px;
    }
    .bakery-h5{
        font-size: 12px;
    }
    .bakery-p
    {
        text-align: justify;
        font-size: 16px;
    }
    .today-special
    {
        padding: 30px 10px 0px;
    }
    .ts-h1
    {
        font-size: 50px;
    }
    .ts-p
    {
        font-size: 14px;
    }
    .ts-col,
    .op-col
    {
        width: 47%;
    }
    .ts-img,
    .op-img
    {
        max-width: 100%;
        height: 200px;
    }
    .ts-h2,
    .op-h2
    {
        font-size: 14px;
    }
    .c-t
    {
        padding: 0px 20px;
    }
    .cafe-page,
    .cafe-overlay
    {
        height: 400px;
    }
    .cafe-h1
    {
        left: 17%;
        font-size: 55px;
    }
    .plan{
        padding: 30px 50px;
    }
    .plan-h1
    {
        font-size: 40px;
    }
    .plan-item{
        width: 100%;
    }
    .plan-p
    {
        font-size: 14px;
    }
    .plan-item img
    {
       width:100%;
        height:100%;
    }
    .plan-item h2
    {
        font-size: 35px;
        padding-top: 20px;
    }
    .plan-item p
    {
        text-align: justify;
        font-size: 15px;
    }
    .cafere-h1::before
    {
        left: 185px;
    }
    .bank-about{
        padding-left: 30px;
    }
    .banq-ab{
        width:80%;
        padding: 50px 20px;
    }
    .banq-ab h1{
        font-size: 50px;
    }
    .banq-ab h5{
        padding: 0;
    }
    .why-div{
        margin-top: 50px;
    }
    .why-h1, .why-us-p{
      padding-left: 0;
    }
    .why-div-ele
    {
        width: 100%;
    }
    .banq-test{
        padding-left: 30px;
        background-position: right;
        min-height: 500px;
    }
    .banq-test-div{
        padding: 20px 30px;
        width: 80%;
    }
    .testo-p{
        font-size: 18px;
        margin-top: 30px;
    }
    .testo-bg1{

        margin-top: 10px;
        margin-bottom: 25px;
    }
    .section-common{
        padding: 70px 30px;
    }
    .banq-img-wr{
        margin-top: 15px ;
    }

    .sl-sl-1{
        margin-left: 0;
        width: 200px;
    }
    .sl-sl-2{
        margin-right: 0;
    }
    .sl-sl-h2{
        font-size: 30px;
    }
    .sl-sl-h3{
        font-size: 40px;
    }
    .sl-sl-h3::before{
        width: 170px;
    }
    .sl-sl-h3::after{
        width: 170px;
    }
    .sl-sl-h1{
        font-size: 55px;
        text-transform: uppercase;
        color: var(--pr);
        font-weight: 700;
    }
    .sl-sl-2{
        width: 200px;
        min-height: 100px;
        padding: 20px;
        margin-right: 0px;
    }
    .sl-sl-2-h2{
        font-size: 20px;
    }
    .sl-sl-2-h22{
        font-size: 25px;
    }

    .sal-sec2{
        padding: 50px 15px;
    }
    .stylish-title{
        font-size: 18px;
    }
    .sal-day-items{
        width: 150px;
        height: 150px;
        border-radius: 75px;
    }
    .sal-sec2 .day-h1{
        font-size: 25px;
    }
    .day-h6{
        font-size: 16px;
    }
    .sal-dis-sec{
        padding-left: 15px;
        padding-right: 15px;
    }
    .sal-des-h1{
        font-size: 40px;
        font-weight: 600;
    }
    .sal-testo-box{
        justify-content: center;
        flex-direction: column;
    }
    .sal-tbl{
        width: 100%;
        padding: 0;
    }
    .top-gal-item{
        width: 100%;
        height: 200px;
    }
    .stm-title{
        font-size: 30px;
    }
    .stm-main-one{
        min-height: 2000px;
    }
    .stm-main-two{
        min-height: 3100px;
    }
    .stm-main-three{
        min-height: 3200px;
    }
    .stm-main-four{
        min-height: 3400px;
    }
    .single_rm{
        padding-bottom: 0;
    }
    .srm-gallery{
        padding: 0 30px 40px;
        min-height: 100px;
    }
    .srm-gal-wr {
        min-height: 100px;
    }
    .accessbox{
        padding: 50px 0;
    }
    .accitem{
        width: 100%;
    }
    .accitem.fr{
        margin-top: -70px;
        float: left;
    }
    .crmn{
        padding: 0 !important;
    }
    .tripsec{
        padding: 50px 15px;
    }
    .ptitem{
        width: 100%;
    }
    .sl-sl-1{
        margin-left: 30px
    }
    .s3{
        margin-left: 20px;
    }
    .sl-sl-3-h222{
        font-size: 30px;
    }
    .three1{
        background-position: left !important;
    }
    .sal-ser-card{
        width: 100%;
    }


}

@media only screen and (max-width: 426px)
{

    .o_img
    {
        width: 100%;
        height: 250px;
    }
    .b-over
    {
        height:250px;
    }
    .events
    {
        width: 100%;
        padding: 30px 10px 10px;
    }
    .event-h1
    {
        font-size: 30px;
    }
    .event-p
    {
        font-size: 15px;
        padding-bottom: 30px;
    }
    .event-img
    {
        height: 300px;
    }
    .event-img2
    {
        height: 200px;
    }
    .ev-r
    {
        margin-top: 20px;
    }
    .ei4
    {
        margin-top: 20px;
    }
    .event-col-2
    {
        padding: 0px!important;
    }
    .ei-o2
    {
        width: 100%;
    }
    .ei-box
    {
        width: 100%;
        height: 250px;
    }
    .event-img3
    {
        width: 100%;
        height: 100%;
    }
    .bank-h1
    {
        top: 35%;
        left: 7%;
        font-size: 55px;
    }

    .h2-wed
    {
        left: 28%;
    }
    .h2-eve
    {
        left:35%;
    }
    .h2-bday
    {
        left: 32%;
    }
    .h2-party
    {
        left: 38%;
    }
    .b-over p
    {
        top: 60%;
        left: 7%;
        font-size: 18px;
    }
    .video__frame
    {
        height: 300px;
    }
    .video-js
    {
        height: 100%;
    }
    .top-menu
    {
        display: none;
    }
    .custom-logo
    {
        display: block!important;
    }
    .parallax,
    .para-overlay
    {
        height: 450px;
    }
    .para-h1
    {
        font-size: 50px;
    }
    .para-p
    {
        font-size: 16px;
    }
    .b-items
    {
        margin-top: 10px;
    }
    .heading1
    {
        margin: 0px;
        font-size: 27px;
    }
    .head1
    {
        font-size: 38px;
    }
    .simg
    {
        height: 250px;
    }
    .inser
    {
        padding: 20px 15px;
    }
    .sh11
    {
        font-size: 28px;
    }
    .spara
    {
        font-size: 16px;
        padding: 5px 0px 0px;
    }
    .amn-items
    {
        height: 180px;
    }
    .amn-items p
    {
        padding: 15px 5px;
        font-size: 15px;
        margin: 0px;
    }
    div#quad
    {
        margin: 30px auto;
    }
    div#quad figure figcaption
    {
        font-size: 16px;
    }
    div#quad figure
    {
        width: 46%;
        margin: 0px 1px;
    }
    .cont-details,
    .cont-img
    {
        height: 390px;
    }
    .cont-details h1
    {
        margin:30px 10px 10px;
        font-size: 30px;
        text-align: center;
    }
    .cont2
    {
        font-size: 16px;
    }
    .reco-h
    {
        font-size: 30px!important;
        margin-bottom: 15px;
    }
    .carousel-item img
    {
        height: 300px;
    }
    .about-des
    {
        padding: 0px 5px!important;
    }
    .about-des h2
    {
        padding: 10px;
        font-size: 27px;
    }
    .about-des p
    {
        font-size: 15px;
        padding-bottom: 0px!important;
    }
    .abpage-img
    {
        padding: 0px!important;
    }
    .o_inner
    {
        padding: 40px 0px 10px;
    }
    .o_title
    {
        font-size: 35px;
    }
    .o_p
    {
        font-size: 17px;
    }
    .room_page,
    .rm_overlay
    {
        height: 200px;
    }
    .rm_h2
    {
        top:40%;
        left: 10%;
        font-size: 40px;
    }
    .rc_p p
    {
        padding: 0px;
        font-size: 16px;
    }
    .rm_details h2
    {
        font-size: 27px;
    }
    .rm_details .triple
    {
        font-size: 25px;
    }
    .amnt_heading
    {
        font-size: 35px;
    }
    .line
    {
        width: 200px;
        height: 40px;
    }
    .sh_p
    {
        padding: 30px 0px;
    }
    .sm_img
    {
        height: 300px;
    }
    .sat_contact2
    {
        padding: 0px 0px 20px!important;
    }
    .c-t
    {
        padding: 0px 5px;
        font-size: 12px;
    }
    .contact-ul li
    {
        font-size: 15px;
    }
    .bakery-page
    {
        padding: 20px 0px 0px;
    }
    .bake-cap
    {
        padding: 0px 0px 20px;
    }
    .bake-cap h1
    {
        font-size: 50px;
        padding: 0px;
    }
    .bake-cap h2
    {
        padding: 0px;
        font-size: 30px;
    }
    .bake-cap p
    {
        padding: 0px 0px 10px;
        font-size: 12px;
    }
    .bake-img
    {
        width: 300px;
        height:300px;
    }
    .bake-about
    {
        padding:0px;
    }
    .bakery-row::before
    {
        display: none;
    }
    .bakery-h1{
        font-size: 50px;
    }
    .bakery-h5{
        font-size: 12px;
    }
    .bakery-p
    {
        text-align: justify;
        font-size: 16px;
    }
    .today-special
    {
        padding: 30px 10px 0px;
    }
    .ts-h1
    {
        font-size: 50px;
    }
    .ts-p
    {
        font-size: 14px;
    }
    .ts-col,
    .op-col
    {
        width: 47%;
    }
    .ts-img,
    .op-img
    {
        max-width: 100%;
        height: 150px;
    }
    .ts-h2,
    .op-h2
    {
        font-size: 14px;
    }
    .op-btn
    {
        margin-bottom: 70px;
    }
    .cafe-page,
    .cafe-overlay
    {
        height: 350px;
    }
    .cafe-h1
    {
        left: 10%;
        font-size: 45px;
    }
    .plan{
        padding: 30px 15px;
    }
    .plan-h1
    {
        font-size: 35px;
    }
    .plan-item{
        width: 98%;
    }
    .plan-p
    {
        font-size: 14px;
    }
    .plan-item img
    {
        width: 100%;
        height: 250px;
    }
    .plan-item h2
    {
        font-size: 30px;
        padding-top: 20px;
    }
    .plan-item p
    {
        text-align: justify;
        font-size: 15px;
    }
    .cafere-h1::before
    {
        display: none;
    }

}

@media only screen and (max-width: 320px)
{
    .video__frame
    {
        height: 200px;
    }
    .video-js
    {
        height: 200px;
    }
    .cafe-video
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    .cafe-about-h1
    {
        padding-top: 20px;
        font-size: 35px;
    }
    .cafe-about-p
    {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .top-menu
    {
        display: none;
    }
    .custom-logo
    {
        display: block!important;
    }
    .parallax,
    .para-overlay
    {
        height: 450px;
    }
    .para-h1
    {
        font-size: 50px;
    }
    .para-p
    {
        font-size: 16px;
    }
    .b-items
    {
        margin-top: 10px;
    }
    .simg
    {
        height: 200px;
    }
    .inser
    {
        padding: 20px 15px;
    }
    .sh11
    {
        font-size: 28px;
    }
    .spara
    {
        font-size: 16px;
        padding: 5px 0px 0px;
    }
    .r-ul
    {
        padding: 0px 0px 0px 20px;
    }
    .r-book-div
    {
        padding:20px 10px 10px;
    }
    .abc
    {
        padding: 10px 20px;
        font-size: 15px;
    }
    .heading1
    {
        margin: 0px;
        font-size: 27px;
    }
    .head1
    {
        font-size: 35px;
    }
    .amn-items
    {
        height: 180px;
    }
    .amn-items p
    {
        padding: 15px 5px;
        font-size: 15px;
        margin: 0px;
    }
    div#quad
    {
        margin: 30px auto;
    }
    div#quad figure figcaption
    {
        font-size: 16px;
    }
    div#quad figure
    {
        width: 46%;
        margin: 0px 5px;
    }
    .cont-details,
    .cont-img
    {
        height: 380px;
    }
    .cont-details h1
    {
        margin:30px 10px 10px;
        font-size: 30px;
        text-align: center;
    }
    .cont2
    {
        font-size: 16px;
    }
    .reco-h
    {
        font-size: 30px!important;
        margin-bottom: 15px;
    }
    .carousel-item img
    {
        height: 300px;
    }
    .about-des
    {
        padding: 0px 5px!important;
    }
    .about-des h2
    {
        padding: 10px;
        font-size: 27px;
    }
    .about-des p
    {
        font-size: 15px;
        padding-bottom: 0px!important;
    }
    .abpage-img
    {
        padding: 0px!important;
    }
    .o_inner
    {
        padding: 40px 0px 10px;
    }
    .o_title
    {
        font-size: 35px;
    }
    .o_p
    {
        font-size: 17px;
    }
    .room_page,
    .rm_overlay
    {
        height: 180px;
    }
    .rm_h2
    {
        top:30%;
        left: 7%;
        font-size: 38px;
    }
    .rc_p p
    {
        padding: 0px;
        font-size: 16px;
    }
    .rm_details h2
    {
        font-size: 27px;
    }
    .rm_details .triple
    {
        font-size: 25px;
    }
    .amnt_heading
    {
        font-size: 35px;
    }
    .line
    {
        width: 200px;
        height: 40px;
    }
    .sh_p
    {
        padding: 30px 0px;
    }
    .sat_contact2
    {
        padding: 0px 0px 20px!important;
    }
    .c-t
    {
        padding: 0px 5px;
        font-size: 12px;
    }
    .contact-ul li
    {
        font-size: 15px;
    }
    .bakery-page
    {
        padding:20px 0px 0px;
    }
    .bake-cap
    {
        padding: 0px 0px 20px;
    }
    .bake-cap h1
    {
        font-size: 50px;
        padding: 0px;
    }
    .bake-cap h2
    {
        padding: 0px;
        font-size: 30px;
    }
    .bake-cap p
    {
        padding: 0px 0px 10px;
        font-size: 12px;
    }
    .bake-img
    {
        height: 300px;
    }
    .custom-logo
    {
        width: 150px;
    }
    .parallax-slider .content .title-2
    {
        font-size: 20px;
    }
    .bake-about
    {
        padding: 0px;
    }
    .bakery-row::before
    {
        display: none;
    }
    .bakery-image::before
    {
       display: none;
    }
    .bakery-h1
    {
        font-size: 50px;
    }
    .bakery-h5
    {
        font-size: 12px;
        line-height: 23px;
    }
    .bakery-p
    {
        font-size: 16px;

        text-align: justify;
    }
    .ts-col
    {
        padding-top: 20px;
        width: 49%;
    }
    .ts-h2{font-size: 14px;}
    .ts-price{top:5px;}
    .cafe-page,
    .cafe-overlay
    {
        height: 300px;
    }
    .cafe-h1
    {
        left: 7%;
        font-size: 40px;
    }
    .cafere-h1::before
    {
        left:48px
    }
    .plan-item img
    {
        height: 200px;
    }
    .plan-item h2
    {
        font-size: 30px;
    }
}