@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
 @font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

.slider .carousel-inner .slider_img {width: 80%;float: right; margin-right: 15px;}
.slider .carousel-inner .slider_text {width: 18% !important;position: absolute;}
.slider .carousel-inner .slider_text .slider_text_empty {height: 120px;}
.slider .carousel-inner .slider_text .slider_content {position: relative;
  background: #FFFCEB;
  left: 50%;
  min-height: 400px;
  padding: 70px 0;
  border-radius: 10px;}
.slider .carousel-inner .slider_text img{margin-bottom: 15px;}
.slider .carousel-inner .slider_text h2 { font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #773C23;
  font-size: 50px;
  padding: 0 40px 0 0;
  letter-spacing: 1px;}
.slider .carousel-inner .slider_text span {  color: #A93235;}
.slider .carousel-inner .slider_text .padding {    padding: 40px 0 0;}

.slider .carousel-inner .slider_text .fa-angle-right {    padding: 0 10px;font-size: 18px;}
.slider .carousel-inner .slider_text .border_bottom{ border-bottom: 4px solid #CB7246;width: 40%;}
.slider .carousel-inner .social_md {    padding: 0px 100px;}
.slider .carousel-inner .social_md ul {list-style: none;}
.slider .carousel-inner .social_md .social {margin-left: 0px;}

.btnOrder {background: #773C23;
  padding: 10px 15px;
  color: #FFFFFF;
  border-radius: 15px;}
  .btnOrder:hover {background: #773C23;
    padding: 10px 15px;
    color: #FFFFFF;}

.wip .border_line{border: 1px solid #373435;margin: 40px 0 0px;}
.wip .first-sec {padding: 80px 0 80px;}
.wip .first-sec ul {display: flex;list-style: none;float: right;}
.wip .first-sec .lis {margin: 32px 10px;color: #A93235;}
.wip .pad {padding: 25px;}
.wip .first-sec span {    float: right; color: #373435; font-size: 15px;}
.wip .first-sec h2{color: #A93235;}
.wip .first-sec .fa-map-marker{margin: 8px;}
.wip .first-sec p{padding-top: 10px;}
.wip .owl-nav {float: right;position: relative;bottom: 38px;}
.wip .fas {padding: 14px 20px;font-size: 23px;border: 1px solid black;}


.first {padding: 80px 0; background: url(../img/bg-ab.jpg) repeat center;}
.first p {    text-align: center;}
.first a {    text-align: center;
  margin: 0 auto;
  display: block;
  border: 1px solid #773C23;
  width: 10%;
  padding: 7px;
  border-radius: 20px;color:#773C23 ;}
  .first a:hover {background-color: #773C23 ;color: white;}
h3 {text-align: center;
  color: #773C23;
  font-size: 18px;
  letter-spacing: 10px;}
h2 {        font-size: 4rem;
  text-align: center;
  color: #773C23;
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 400;}
.secound {    padding: 40px 0;position: relative;z-index: 1;}
.paddingDown {padding-bottom: 30px;}
.secound .bitebox .firstimg {display: block;width: 238px;
  height: 272px;}


.positionrelative {
  position: relative;
  z-index: 1;
}

.colorgray{
    font-size: 63px;
    color: #773C23;
    font-family: Luxurious Script;
    font-weight: 500;
}
.secound .bitebox .secoundimg {
  position: absolute;
  bottom: 5px;
  width: 238px;
  height: 272px;
  background-image: linear-gradient(to bottom, rgba(145, 60, 46, 0.8), rgba(119, 60, 35, 0.5));
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateY(5px); 
  transition: opacity 2s ease-in-out, transform 0.5s ease-in-out; /* Smooth transition */
  border-radius: 15px;
}

.secound .bitebox p {
  text-align: center;
  color: white;
  font-size: 21px;
  position: relative;
  top: 166px;
}

.secound .bitebox:hover .firstimg {
  opacity: 1; /* Keep the first image visible */
}

.secound .bitebox:hover .secoundimg {
  opacity: 1;
  transform: translateY(0); /* Move to final position */
}


.margin {    margin-bottom: 6px !important;}




.secound::after {content: '';position: absolute;background: #FFFCEB;    min-height: 550px;width: 100%;    top: 300px;}
.third {padding: 50px 0;}
.third .padding {padding: 250px 100px 250px 150px;}
.textalighn {    text-align: left;}
.third .btn {    border: 1px solid #773C23;
  padding: 5px 15px;
  border-radius: 10px;
  color: #773C23;}
  .third  .absiluteimg {    width: 20%;
    position: absolute;
    top: 242px;
    left: 546px;
    border-radius: 30px;}

.fourth {padding:40px ;}
.fourth h1 {    color: #773C23;
  font-size: 25px;
  font-weight: 600;
  padding: 10px 10px 0;}
  .fourth p{padding: 0 10px;
    color: #A9A9A9;}
    .fourth span {float: inline-end;}
.btn {    border: 1px solid #773C23;
  padding: 1px 8px;
  border-radius: 10px;
  color: #773C23;
  font-size: 13px;}
  .btn:hover {background-color: #773C23 ;color: white;}

.fifth {position: relative;z-index: 1;}
.fifth::before{content: '';
  position: absolute;
  background: #FFFCEB;
  min-height: 381px;
  width: 100%;   }
.fifth img {position: relative;}
  .padding {    padding: 40px 0;}
.fifth .alighn {}
.fifth .padrow {    padding: 30px 40px;    position: relative;}
.fifth a {border: 1px solid white;
  background: #773C23;
  color: white;
  padding: 10px 35px;
  border-radius: 50px;}
  .fifth a:hover {background-color: white;color: #773C23;border: 1px solid #773C23;}
.fifth .nextRow {    padding: 100px 0 0;}
.fifth .nextRow img {margin: 0 auto;
  display: block;}
.fifth .nextRow  p {text-align: center;
  padding: 15px 40px;
  font-size: 17px;
  font-weight: 500;}
  .fifth .nextRow  .brline {position: relative;}
  .fifth .nextRow  .brline::after {    content: '';
    position: absolute;
    border-right: 1px solid #A9A9A9;
    height: 89px;
    top: 50px;}
.justify-content {    justify-content: center;}
.fifth .nextRow  .brline1 {position: relative;}
.fifth .nextRow  .brline1::after {    content: '';
  position: absolute;
  border-right: 1px solid #A9A9A9;
  height: 89px;
  top: 50px;}
.sixth {padding: 40px;}
.sixth img {    margin: 10px 0;}
.seven {background: #FFFADE;
  padding: 25px 0 20px;}
.seven span {margin: 0 15px;}
.seven p {    text-align: center;    font-size: 16px;
  font-weight: 600;
  color: #773C23;}
  .seven   .orderbtn {border: 1px solid #773C23;
    padding: 5px 20px;
    border-radius: 15px;
    font-size: 14px;}
    .seven   .orderbtn:hover {background-color: #773C23 ;color: white;}
.main-product {padding: 40px 0;}
.product {background: #FFFCEB;
  padding: 30px;
  border-radius: 15px; width: 100%; margin: 8px;}
.product .content span{ float: inline-end;}
.product .content p{    color: #773C23;
  font-weight: 600;
  font-size: 17px;}
  .product .content{padding: 10px 0 0;}
  /* .product .content a{ border: 1px solid #773C23;
    border-radius: 13px;
    padding: 5px 10px; color: #773C23;} */

footer {background-color:  #351113;}
footer .logos {    margin: 0 auto;
  display: block;
  padding: 70px 0 0;}
footer .addrs {       padding: 70px 24px 0 91px;    }
footer address {border-right: 1px solid;}
footer .addrs h3 {font-size: 20px;font-weight: 500;padding: 0 0 14px;}
footer .addrs address span {padding: 0 47px;}
footer .lists {    padding: 70px 0 0;}
footer .lists li a {    color: white;    line-height: 35px;}
footer .border-line {    border-bottom: 1px solid;padding: 30px 0;}
footer .footer-link {padding: 20px 90px;}
footer .footer-link a {color: white ;font-size: 16px;font-weight: 500;}
footer .footer-link .text_end {    text-align: end;}
footer .nolist {list-style: none;}

 .social_md ul {list-style: none;}
 .social_md .social {margin-left: 0px;}


 .banner {    background: #FFFCEB;    position: relative;}
.banner img {    min-width: 100%;
  margin: 0 auto;
  display: block;}
  .banner  .bredcumps {position: absolute;
    bottom: 10px;
    right: 209px;
    color: #773C23;}
    .banner  .bredcumps   .breadcrumb-item{    color: #773C23;
      font-size: 18px;
      font-weight: 600;}
.about {    padding: 50px 0;}
.about h2 {text-align: left;}
.about img {margin: 0 auto; display: block;}

.contactbox {  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 4px;
  padding: 20px 17px;
  margin-bottom: 20px;
  background: #fbfbfb; min-height: 170px;}
.contactbox address {text-align: center;}
.contactbox h3 { letter-spacing: 0px !important;;}

.contact-us-form{background: #fff; padding: 30px; margin-top: 100px;box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 4px;
  padding: 20px 17px;
  margin-bottom: 20px;
  background: #fbfbfb;}
.contact-us-bg .contact-us-form h1{ text-align: center; font-size: 28px; margin-bottom: 25px;}
.contact-us-form input,.contact-us-form input.form-control:focus,.contact-us-form textarea,.contact-us-form textarea.form-control:focus{border-left:none!important;border-top:none!important;border-right:none!important;border-bottom:1px solid #d2d2d2!important;box-shadow:none;}
.contact-us-form select,.contact-us-form select.form-control:focus{border-left:none!important;border-top:none!important;border-right:none!important;border-bottom:1px solid #d2d2d2!important;box-shadow:none;cursor:pointer}
.contact-us-form select option{padding:5px;cursor:pointer;border-bottom:1px dashed #d2d2d2!important; color: #000;}
.contact-us-form input,.contact-us-form select,.contact-us-form textarea{border-radius:0;background-color:transparent!important;margin-bottom:16px;color:#231f20!important;padding:0;height:45px;border-bottom:1px solid #231f20!important;border-top: 0;border-right: 0;border-left: 0;}
.contact-us-form button{padding:15px 40px; font-size: 14px;}
.contact-us-form input,.contact-us-form select,.contact-us-form textarea{ color: #231f20!important;}
.form-control::-webkit-input-placeholder{color:#d2d2d2!important}
.form-control::-moz-placeholder{color:#d2d2d2!important}
.form-control:-ms-input-placeholder{color:#d2d2d2!important}
.contact-address-bg{padding: 60px 300px 60px 300px; background: #fff;}
.contact-us-form .contact-btn{margin: 10px auto 0 auto; display: block; background: #fff; border: 1px solid #494946; padding: 5px 20px;}
.contact-us-form .contact-btn:hover{background: #494946; color: #fff;}

.private-icon {display: none !important;}
  .UIIcon__IconContent-r5ltah-0{display: none !important;}

 @media(min-width:1080px) and (max-width:1300px) {
  .secound .bitebox .secoundimg {    width: 200px; }
  .third .absiluteimg {
    width: 20%;
    top: 208px;
    left: 463px;
}
.third .padding {
  padding: 200px 100px 250px 150px;
}
 }

 @media(min-width:320px) and (max-width:1080px) {
    .wip .first-sec {padding: 40px 0 40px;    width: 95%;margin: 0 auto;}
    .wip .first-sec h2{font-size: 22px;}
    .wip .first-sec span { font-size: 12px;}
    .every_detail {    margin: 10px 15px 0;}
    .every_detail .row {padding-top: 20px; }
    .every_detail h2 {font-size: 22px;}
   .first {padding:0;}
   .first a {width: 40%;}
   .bitebox{   margin: 10px 0;}
   .third .padding {    padding: 30px;}
   .third .btn {margin: 0 auto;
    display: block;
    width: 30%;}
    .third {    padding: 50px 0 0;}
    .fourth {        padding: 30px 0;}
    .fourth h1 {    font-size: 21px;}
    .paddingDown{padding-bottom: 15px;}
    .fifth .nextRow p {    padding: 15px;
      font-size: 15px;}
      .fifth .nextRow  .brline1::after { display: none;}

      .fifth .padrow {    padding: 20px;}
      .fifth a {    margin: 0 auto;
        display: block;
        width: 42%;}
        .fifth .nextRow { padding: 40px 0 0;}




   footer .addrs {       padding: 40px}
   footer address {    border-right: none; padding: 0}
   footer address p{text-align: center;}
   footer .lists {padding: 20px 0 0;}
   footer .lists h3 {font-size: 20px;font-weight: 500; }
  footer .footer-link {    padding: 20px;}
  footer .footer-link p {    text-align: center;}
  footer .footer-link .text_end {    text-align: center;}
  footer .border-line {padding: 20px 0;}
  .inner_head {width: auto;position: relative;bottom: 0px;padding: 30px 0px ;text-align: center;}
  .about .vision-mission {border-top:none; border-bottom:none;margin: 40px 0; }
  .about .vision {   padding: 20px;margin: 10px 0;    border: 1px solid;}
  .about .Mision {   padding: 20px; border: 1px solid;}
  .about h2{font-size: 22px;}
  .certificate {margin: 20px 20px 100px;}
  .certificate h2 {font-size: 22px;}
  .news-event .news-boxs {width: 93%; margin: 15px auto;display: block;}
  .news-event .news-boxs img {margin: 0 auto;display: block;padding: 10px 0; }
  .news-event .news-boxs h3 {text-align: center;}
  .grace .Overview {    padding: 10px;}
  .grace h2 {    padding: 0 0 10px 10px;}
  .grace .Floorplans {padding: 40px 0 0}
  .grace .Floorplans ul {margin-left: 5px; }
  .grace .Floorplans .md-plan {     margin: 0 auto;}
  .Amenities {margin: 40px 0px 0;}
  .Amenities img {margin: 0 auto;display: block;padding-bottom: 20px;}
  .Specification .specification-box .border-right{border: none;}
  .Specification .specification-box .padd {padding: 40px 0 0;}
  .Location .distance {padding: 20px 0 0; }
  .Work-in h2 {padding: 40px 0 20px;}
  .Location {border: none;}
 .enquery_box  {    padding: 20px 0;}
 .enquery_box form {padding: 20px 10px;    display: block;}
.enquery_box a {width: 38%;margin: 0 auto;display: block;}
.conatct .col-10 {margin: 0 auto; display: block;}
.grace .over {display: none !important;}

.padding {padding: 40px 0 0;}
.sixth {    padding: 10px;}


 }
 @media(min-width:600px) and (max-width:1000px) {
   .inner_head {    padding: 10px 0px 0 29px;}
 }