@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-family: "Anek Bangla", sans-serif;
float: left;
width: 100%;
color: #000;font-weight: 300;
background-attachment: fixed; background-size: 40%;
padding-right: 0 !important;
   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

html {
    scroll-behavior: smooth;
  }
.modal-open {
padding-right: 0!important;
overflow: hidden;
}
::-moz-selection {
color: #000;
background: #d7c07f;
}
::selection {
color: #000;
background: #d7c07f;
}
.btn{ box-shadow: none; outline: none;}
button{ box-shadow: none; outline: none;}
:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;  
}
p {
color: #000; font-family: "Poppins", sans-serif;
line-height: 24px;
font-size: 14px; font-weight: 300;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;}
a:hover{color: #0e2c18;}
ul li,
ul li a,
ol li,
ol li a {
color: #000;font-family: "Poppins", sans-serif;
font-size: 14px; font-weight: 300;
line-height: 24px;text-decoration: none;

}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
ul{
  padding:0;margin: 0;list-style: none;
}
:focus {
outline: none;
}
img{max-width:100%;height:auto;}


:root{
    --priclr:  #811326;
    --playfont:"Playfair Display", serif;

}

/* header */
.mainBanner{margin:0px 15px;}
header .nav-link{text-transform: capitalize;font-size: 13px;color: #000 !important; padding-left:10px; !important;padding-right: 10px !important;font-weight: 500;text-transform: uppercase;}
header{position: relative;width: 100%;top: 0;left: 0;z-index: 99;background: transparent;padding-top:0px;}
header .nav-link:hover, headeer .nav-link.show{color: #000 !important}
header .dropdown-item{font-size: 12px;}
.lang span img{display: inline-block;vertical-align: sub;margin-right: 3px;}

/* slider */
.swiper {
    width: 100%;
    height: 760px;
  }

  .swiper-slide {
    background-position: top;
    border-radius: 20px;
    background-size: cover;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
  }
  .swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
  .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
  .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
  .swiper-button-next, .swiper-button-prev{background: rgba(255, 255, 255, 0.46);color: #000;height: 90px;width: 23px;}

  .log-ico {
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 20px !important;
    height: auto !important;
}


  /* swipercss */
  .swiper-content{margin-top: 22rem;}
  .swiper-content h1{color: #fff;font-size: 50px;font-weight: 700;margin-bottom: 2rem;text-transform: capitalize;text-align: center; text-shadow: 0px 4px 4px #000; font-family: "Playfair Display", serif;
  }
  .swiper-content p{max-width: 612px;color: #fff;}

  .search-inp-box button{font-size: 13px;background: var(--priclr);position: absolute;right: 10px;top:50%;transform: translateY(-50%);color: #fff;border: none;padding: 6px 18px;font-weight: normal;font-size: 10px;}
  .search-inp-box {height: 40px;background: rgba(217, 217, 217, 1);max-width:350px;position: relative;margin-top: 2rem;}
  .search-inp-box input{width: 100%;height: 100%;border: none;padding: 0 85px 0 30px;font-size: 12px;background: transparent;}
  .search-inp-box i{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: grey;}
  .exel-area ul{padding: 0;margin: 0;list-style: none;}
  .ex-l ul li span{display: inline-flex;width: 25px;height: 25px;background: var(--priclr);border-radius: 50%;;align-items: center; justify-content: center;padding: 15px;margin-right:5px;}
  .ex-l ul li span i{color: #fff;}
  .ex-l ul li{color: #fff;font-size: 12px;}
  .ex-l ul{display: flex;gap: 2.5rem;}
  .ex-l{padding-top: 3rem;}
  .exel-area{display: flex;justify-content: space-between;}
  .box *{color: #fff;}
  .box span{font-size: 12px;}
  .box {max-width: 70px;display: inline-block;margin-left: 2rem;}
  .accordion-body .cm{margin-left: 10px;}
  .aco-area .accordion-button{background: transparent !important;}
  .aco-area .accordion-item{background: transparent;}
  .accordion-button:focus{box-shadow: none;}
  .aco-area .accordion {--bs-accordion-border-color:none}
  .aco-area .accordion-item{border-bottom:1px solid var(--priclr);padding: 1.4rem 0;border-radius: 0;}
  .aco-area .accordion-item:first-child{padding-top: 0;}
  .aco-area .accordion-item:last-child{border: none;}
  .aco-area .accordion-button{font-weight: 700;font-size: 18px;font-family: var(--playfont);}
  .aco-area .accordion-body p{font-weight: 400;}
  .aco-area .accordion-body{padding-bottom: 0;}
  .exp-room{padding: 4rem 0;}
  .top.abt-det{padding:2rem;}
  .page-title.page-sub h2{font-size:30px;text-align:left;}
  .core-box-area {
    display: grid
;
    grid-template-columns: repeat(5, 1fr);gap:2rem;margin-bottom:3rem;
}
  .core-box-area img{margin-right:5px;}
  .core-box-area div{padding:1rem;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
  .core-box-area h3{font-size: 20px;
    font-weight: 500;
    margin: 0 !important;
    color: #bc8a2c;
    text-transform: uppercase;text-align:center;}

.banner {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden;
        }
     .banner   video {
            width: 100%;
            height: auto;
           border-radius:12px;
        }

  /* top1 */
  .top{padding: 5rem 0 4rem;}
  .cont-box h2{font-size: 30px;font-weight: 700;margin-bottom: 1.5rem;text-transform: capitalize; font-family: "Playfair Display", serif;color: #8A1538;
    ;}
    .feat-img img{border-radius: 10px;}
    .tit img{vertical-align: text-bottom;margin-right: 10px;}
    .tit {
      color: #BC8A2C;
      font-size: 15px;
      font-weight: 500;
      display: block;
      margin-bottom: 1rem;
      letter-spacing: 4px;
  }
  .car-inp{padding:10px 20px;margin:1rem 0;border:1px solid #c57b88;border-radius:10px;}
  .career-form{width:600px;margin:2rem auto 2rem auto}
    .car-inp input{font-size:13px;width:100%;border:none;}
    .car-inp textarea{font-size:13px;width:100%;border:none;}
    .car-area{padding:0rem 0 1rem;}
  
  .cont-box p{color: #000;font-weight: 300;}
  .bottom-img{position: absolute;width: 100%;bottom: 0;}
  .cont-box{position: relative;height: 100%;}
  .image-box{position: relative;}
  .text-box{position: absolute;bottom: 0;width: 100%;left: 0;background: rgb(156 28 43 / 69%);padding: 20px 25px 0;}
  .text-box *{color: #fff;text-align: center;}
  .text-box h4{font-weight: 300;font-size: 15px;}
  .text-box p{font-size: 12px;}

  /* aco area */
  .aco-area{background: #81132614;padding: 6rem 0;
  }


  /* top middel */
  .custom-container h4{font-size: 14px;color: rgba(0, 0, 0, 0.7);font-weight: 300;text-transform: uppercase;}
  .custom-container h3{font-size: 27px;text-align: left;margin: 1.4rem 0}
  .custom-container p{color:rgba(0, 0, 0, 0.6);font-weight: 500;}
  .cont-us{background: var(--priclr);color: #fff;font-size: 13px;text-transform:capitalize;border: none;padding: 10px 30px;border-radius: 3px;margin-top: 1rem;}
.custom-container{margin-right:  0;margin-left: calc((100% - 1140px)/2);max-width: 100%;}
.top2{padding: 3rem 0;}

.feat-carousel .item span, .feat-carousel .item .item-log{position: absolute;}
.feat-carousel .item .item-log{right: 20px;width: 45px;top: 20px;}
.feat-carousel .item span{bottom: 0;left: 0;font-size: 11px;background: #ffffffa6;padding: 10px;font-weight: 500;}
.feat-carousel .item span i{color:var(--priclr);margin-right: 10px;}

.feat-carousel .owl-dots .owl-dot span {
  width: 100%;
  height: 2px;
  margin: 5px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 0;
}
.feat-carousel .owl-dots .owl-dot{display:block;width: 100%;}
.feat-carousel .owl-dots{display: flex;}
.feat-carousel .owl-dots .owl-dot.active span, .feat-carousel .owl-dots .owl-dot:hover span{background: var(--priclr);height: 3px;border-radius: 4px;}

.feat-carousel .owl-nav  {display: none;}
.feat-carousel .owl-dots{margin-top: 3rem;}
.owl-btn{margin-top: 2rem;display: flex;justify-content:space-between;align-items: center;}
.owl-btn button{width: 35px;height: 35px;font-size: 15px;padding: 5px;border: 1px solid;background: #fff;display: inline-flex;align-items: center;justify-content: center;margin-right: 10px;color: var(--priclr);}
.brand-carousel-area{margin-bottom: 2rem;}
.card-head{display: flex;justify-content: space-between;align-items: center;}
.test-foot{display: flex;justify-content: space-between;align-items: center;}
.t-r img{width: 45px;height: 45px;border-radius: 50%;}
.test-foot span{font-size: 10px;}
.t-l h6{font-size: 15px;margin-bottom: 5px;}
.test-cont{margin-top: 2rem;}
.card-head img{width: auto !important;}
.testi-card{background: #F4F4F4;border-radius: 9px;padding: 15px;}
/* footer */
footer{background: var(--priclr);border-top-left-radius: 20px;border-top-right-radius: 20px;}
.footer-top{display:flex;justify-content: space-between;align-items: center;padding: 1rem 0 0rem 0 ;}
.footer-top ul{padding: 0;margin: 0;list-style: none;display: flex;gap: 1rem;}
.socials span{width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(166, 166, 166, 1);}
.footer-middle h2{font-size: 15px;margin-bottom: 1.2rem;}
.footer-middle *{color: #fff;}
.footer-middle p, .ft-bottom p{font-size: 13px;}
.footer-middle{padding: 1rem 0;border-top: 1px solid #cdcdcd;border-bottom: 0px solid #cdcdcd;}
.footer-middle .col-6 p{padding-right: 6rem;}
.footer-middle ul{padding: 0;margin: 0;list-style: none;}
.footer-middle ul li a{font-size: 12px;}
.footer-middle ul li a:hover {color: #fff;}
.ft-bottom *{text-align: center;color: #fff;margin: 0;}
.ft-bottom{padding: 1rem 0;}

/* about,fitout */
.abt-banner .swiper{height: 71vh;}
.abt1 .box-img{height: auto;}
.abt1 h3{font-size: 27px;line-height:40px;margin-bottom: 2rem;}

.page-title h2{font-size: 40px;text-transform: capitalize;font-family: var(--playfont);color: var(--priclr);font-weight: 700;}
.page-title{margin: 2rem 0;text-align: center;}
.abt1, .abt2{padding-top: 0;}
.abt2 ul li{display: flex;gap: 2rem;}
.abt2 ul li .vis-ico{flex-shrink: 0;}
.abt2 ul{margin-top: 3.5rem;}
.abt2 ul li{margin: 2rem 0;}
.abt2 ul li p{color: #000;}
.why-us h2{font-size: 30px;font-weight: 600;margin-bottom: 3rem;text-transform:capitalize;text-align: center;}
.why-us{background: var(--priclr);padding: 3rem 10rem;margin-bottom: 3rem;}
.why-us *{color: #fff;}
.rm{background: var(--priclr);color: #fff;font-size: 16px;text-transform: capitalize;border: none;border-radius: 3px;padding: 10px 15px;}
.cm{background: transparent;color: #BC8A2C; ;font-size: 16px;text-transform: capitalize;border: 1px solid #000;border-radius: 3px;padding: 10px 15px;}
.why-box{height: 100%;border: 1px solid #fff;border-radius: 3px;padding: 25px 15px;width: max-content;margin: auto;}
.why-box h6{text-align: center;margin-bottom: 0;margin-top: 2rem;font-size: 14px;font-weight: normal;}
.why-box .why-img{text-align: center;}
.fow button *{color:var(--priclr);}
.fow button{border-bottom: 1px solid var(--priclr);}
.fw-b h3{font-weight: normal;font-size: 19px;font-weight: 500;line-height: 30px;margin-bottom: 1rem;}
.high .rm{    background: #fff;
  border: 1px solid var(--priclr);
  color: var(--priclr);}
.fw-b ul li::before{content: '';width: 10px;height: 10px;background: var(--priclr);border-radius: 50%;display: inline-block;vertical-align:middle;margin-right: 0.5rem;}
.fw-b ul li{display: flex;align-items: center;margin-bottom: 5px;}
.fw-b ul li p{margin: 0;font-size: 13px;}
.g-img img{box-shadow: var(--priclr) 0px 1px 6px;border-radius: 6px;}
.g-img{margin-top: 2.4rem;}
.r-more{text-align: right;margin:1rem 0 3rem}
.fa-star:not(checked){color: #cdcdcd;}
.read-m{
  font-size: 13px;
  border: none;
  border-bottom: 1px solid var(--priclr);
  background: transparent;
  padding: 0 0 3px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--priclr);
}
.exp-cont h3{font-size: 18px;font-family: var(--playfont);font-weight: 800;}
.exp-cont span{font-size: 12px;}
.exp-img{margin-bottom: 1rem;}
.exp-cont{display: flex;justify-content: space-between;align-items: center;}
.exp-card{margin-top: 2rem;}

/* contact us */
.contct-us h2{    font-size: 30px;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: capitalize;}
  .inp-grp input, .inp-grp textarea{width: 100%;border: none;font-size: 13px;color: grey;}
  .inp-grp{border: 1px solid var(--priclr);border-radius: 3px;padding: 12px;margin-bottom: 1rem;}
  .contct-us .cont-us{margin: 0;}
  .gt-box h4{font-size: 17px;text-transform: capitalize;font-weight: 600;}
  .gt-box{display: flex;gap: 12px;margin-top: 2rem;}
  .g-ico{flex-shrink: 0;}
    .contct-us p {
      color: rgba(0, 0, 0, 0.6);
      font-weight: 500;
    }
  
    .gt-box ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      gap: 1rem;
      margin-top: 1rem;
    }
    .gt-box .socials span{background: var(--priclr);color: #fff;}
    .gt-box:has(.socials){margin: 0;}
    .contct-us{margin-bottom: 5rem;}


    /* gallery */
    .gal-slider-carousel .owl-nav .owl-prev,
  .gal-slider-carousel .owl-nav .owl-next,
  .gal-slider-carousel .owl-dot {
   
    width:30px;
    height:30px;
   
}
.gal-slider-carousel .owl-nav .owl-prev{
    background: url('../media/left-arw.svg') no-repeat !important; background-size: contain !important;
}
.gal-slider-carousel .owl-nav .owl-next{
    background: url('../media/right-arw.svg') no-repeat!important; background-size: contain !important;
}
.gal-slider-carousel button span{display: none;}

.gal-slider-carousel .owl-dots .owl-dot.active span, .gal-slider-carousel .owl-dots .owl-dot:hover span{background: var(--priclr);}
.gal-slider-carousel .owl-nav{position: absolute;right: 15px;bottom: 10px;}
.gal-slider-carousel .owl-dots{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
.gal-slider-carousel .item-log{position: absolute;left: 20px;top: 20px;width: 45px !important;}
.gal-area{margin-bottom: 4rem;}



/* services */
.fac-box button {
  background: #fff;
  color: var(--priclr);
  font-size: 13px;
  text-transform: capitalize;
  border: 1px solid var(--priclr);
  padding: 10px 30px;
  border-radius: 3px;
  font-weight: 500;
  margin: auto;
  margin-top: 1rem;
  display: block;
  transition: all 0.3s ease-in-out;
}
.fac-img span{ transition: 0.3s ease-in-out; width: 35px;height: 35px;border-radius: 50%;display:block;background: transparent;border: 1px solid var(--priclr);color: var(--priclr);display: flex;align-items: center;justify-content: center;position: absolute;bottom: 10px;right: 10px;transform: rotate(320deg);}
.fac-box img{width: 100%}
.fac-box{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding:15px}
.fac-area{margin: 5rem 0 5rem;}
.fac-box:hover button{background: var(--priclr);color:#fff}
.fac-box:hover .fac-img span{background: var(--priclr);color: #fff;}



/* clients */
.our-client{display: grid;grid-template-columns: repeat(5, 1fr);gap:3rem;}
.client-box{border: 1.3px solid var(--priclr);border-radius:5px}
.clientele{padding-bottom: 3rem;}

/* structure */
.o-tree{margin-bottom: 4rem;}

/* certification */

.c-box-img{background: var(--priclr);padding: 2rem;}
.c-box-img img{width: 100%;}
.certifi{padding: 2rem 0 4rem;}


/* listing page */
.listing-area{margin: 3rem 0 4rem;}
.inp-search input{width: 100%;border: none;font-size: 13px;}
.inp-search{border: 1px solid var(--priclr);border-radius: 3px;padding: 12px;margin-bottom: 0rem;flex-grow: 1;}
.inp-search{display: flex;align-items: center;gap: 1rem;}
.inp-search i{color: var(--priclr);font-size: 13px;}
.inp-search input::placeholder{color: var(--priclr);}
.s-area button{margin: 0;flex-basis: 165px;}
.s-area{display: flex;align-items: center;gap: 30px;align-items: stretch;}
.list-head h2{font-size: 16px;font-weight: 500;}
.list-head{display: flex;justify-content: space-between;}
.lh-r button{margin: 0;padding: 10px 15px;}
.lh-r{display: flex;gap: 1rem;}
.list-head{margin: 2rem 0 }
.lh-r .select{border-radius: 3px;border: 1px solid var(--priclr);padding: 0 15px;cursor: pointer;}
.lh-r select{width: 100%;height: 100%;border:none;font-size: 13px;color: gray;cursor: pointer}
.c-head *{font-size: 14px;font-weight: 500;margin: 0;}
.c-head h4{color: rgba(40, 40, 40, 0.9);}
.c-head span{vertical-align: text-bottom;margin-right: 3px;}
.c-head a{color: var(--priclr);display: block;flex-shrink: 0;}
.c-head{margin: 0.7rem 0; display: flex;justify-content: space-between;align-items: center;word-break: break-word;gap: 2rem;}
.card-img img{width: 100%;}
.checked {
  color: orange !important;
}
/* jul 09 */
/* .c-middle *{font-size: 12px;font-weight: 400;} */
.c-middle h6{color: grey;font-size: 11px;font-weight: 400;margin:0; display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;}
.star span{font-size: 9px;color: #c9c9c9;}
.c-middle{display: flex;justify-content: space-between;align-items: center;}
.star{flex-shrink: 0;padding-left: 1rem;}
.c-bottom h6{display: inline;}
.c-bottom span{font-size: 12px;color: grey;font-weight: 400;}
.c-bottom{display: block;}
/* jul 09 */
.card-ctc{display:flex;justify-content:space-between;align-items: center;padding: 15px 0;border-top: 1px solid #cdcdcd;margin-top: 2rem;height:100%}
.card-ctc h5{font-size: 13px;font-weight: 500;margin: 0;}
.card-ctc h5 span{font-size: 11px;color: grey;font-weight: 400;margin-left: 3px;}
.card-ctc button{margin: 0;padding: 4px 30px;font-size: 12px;}
.list-card{background: rgba(255, 245, 245, 1);padding: 15px;border-radius: 5px;}

/* detail page */
.f-sale {font-size: 14px;font-weight: 500;color: rgba(3, 180, 99, 1);text-transform: capitalize;}
.detail-area{margin: 2rem 0 4rem;}
.pp{font-size: 40px;font-weight: 600;margin-top: 10px;margin-bottom: 1.5rem;}
.am-box h6{font-size: 15px;font-weight: 500;}
.am-area{display:flex;flex-wrap: wrap;align-items: center;gap: 2.5rem;text-align: center;margin-bottom: 1rem;}
.desc-box h2{font-size: 20px;font-weight: 600;text-transform: capitalize;margin-bottom: 15px;}
.detail-area p{color: rgba(0, 0, 0, 0.5);font-weight: 400; display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;}
.desc-box{border-top: 1px solid #cdcdcd;margin-top: 1.5rem;padding-top: 2rem;}
.f-ico{display: inline-block;margin-right: 15px;vertical-align: middle;}
.ft-box span:not(.f-ico){font-size: 15px;font-weight: 500;text-transform: capitalize;}
.ft-area{display: grid;grid-template-columns: repeat(5,1fr);row-gap: 3rem;justify-items: flex-start;column-gap: 3rem;}
.amnitites{padding-bottom: 5rem;padding-top: 2rem;}
.ft-area{margin-top: 1.5rem;}
.sm-img-area{display: grid;grid-template-columns: repeat(5, 1fr);gap: 1rem;margin-top: 1rem;}
.p-img-area img{border-radius: 4px;height:100%}
.catg{padding-bottom: 4rem;}
.sm-img{border-radius: 4px;cursor: pointer;}
.detail-head h2{font-size: 17px;font-weight: 500;text-transform:capitalize}
.catg .exp-card{margin-top: 0;}
.high .owl-btn{justify-content: flex-end;}
.dh-r button {
  margin-left: 10px;
  border: 1px solid;
  font-size: 12px;
  border-radius: 20px;
  background: #fff;
  font-weight: 500;
  padding: 7px 20px;
  text-transform: capitalize;
}
.dh-r button i{color: var(--priclr);}
.detail-head{display: flex;justify-content:space-between;align-items: center;margin-bottom: 2rem;}
.h-detail{position: relative;}
.h-detail .nav-link:not(.active-link){color: #000 !important;}

.sim h2{
  font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.sim{margin-bottom: 3rem;}
.slide-img img{border-radius: 20px;}
.am-ul li::before{content: "\f00c";font-family: FontAwesome;margin-right: 7px;}
.am-ul li{font-weight: 500;font-size:17px;color: #bc8a2c;margin-bottom: 1rem;}
.c-ul li:last-child{border: none;}
.er-input input{width: 100%;border: none;background: transparent;color: #fff;font-size: 12px;}
.er-input{border: 1px solid #fff;padding: 5px 20px;border-radius: 3px;flex-grow: 1;}
.enq{margin-bottom: 3rem !important; background: url(../media/slide1.png);padding: 6rem 0;background-size: cover;border-radius: 10px;margin: 0 15px;background-position: top;}
.enq h2{color: #fff;font-size: 30px;flex-basis: 33rem;}
.e-area{display: flex;justify-content: space-between;align-items: center;}
.er{display: flex;align-items: center;gap: 0.5rem;flex-grow: 1;}
.er button{margin: 0;}
.p-img-area{position:sticky;top: 0;}
.acco-text{padding: 0 9rem;text-align: center;margin-bottom: 1.5rem;}
.high{padding: 0 0 3rem;}
.c-ul{padding-top: 20px;}
.sub-banner .swiper{height: 75vh;}
.sub-ti{font-size: 19px;color: var(--priclr);}
.c-ul li h4{font-size: 20px;font-weight: 700;color: #bd8c31;}
.c-ul li{border-bottom: 1px dashed var(--priclr);padding: 1rem 0;}


.wrap{
  position: relative;
  height: 400px;

  
}
.box-img img,.aco-img img, .exp-img img{border-radius: 20px;}
.high .owl-stage, .test .owl-stage{margin-left: -70px;}
.vmore .rm{background:#fff;border: 1px solid var(--priclr);color: var(--priclr);}
.vmore{text-align:center;margin-top: 3rem;}
.yt{padding-bottom: 3rem;}

 /* The outer-div to move the elements */
.box-video{
  position: relative;
  width: 100%;
  height:100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 15px;
}

 /* Set Cover aka Background-Image */
.box-video .bg-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

 /* Add light shade to make play button visible*/
.bg-video::after{ 
	content:'';
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0,0,0,0.1);
  	z-index: 3;
  	}


/* The Play-Button using CSS-Only */
.box-video .bt-play {
  position: absolute;
  top:50%;
  left:50%;
  margin:-30px 0 0 -30px;
  display: inline-block;
  width: 40px;
  height: 40px;
  background:rgb(255 255 255 / 42%);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50%;
  text-indent: -999em;
  cursor: pointer;
  z-index:2;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

/* The Play-Triangle */
.box-video .bt-play:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  margin: -9px 0 0 -5px;
  border: solid transparent;
  border-left-color: #000;
  border-width: 10px 15px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.box-video:hover .bt-play {
  transform: scale(1.1);
}

/* When Class added the Cover gets hidden... */
.box-video.open .bg-video{
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;  
}

/* and iframe shows up */
.box-video.open .video-container{
  opacity: 1;
  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;
}

/* Giving the div ratio of 16:9 with padding */
.video-container {
	position: relative;
	width: 100%;
	height: 0;
  margin: 0;
  z-index: 1;
	padding-bottom: 56.27198%;
}

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


        .gallery {
            display: grid;
            grid-template-columns: repeat(4, 1fr); 
            gap: 10px; 
            padding: 10px;
        }
        .gallery img {
            width: 100%;
            height: 100%;
              object-fit: cover;
    object-position: center;
        }
        .gallery a {
         display: block;
            height: 220px;
            overflow: hidden;
        }
      .footer-top h3{font-size:16px;text-transform:uppercase;font-weight:600;color:#fff;}  
   .footer-top p{color:#fff;margin-top:0px;font-size:14px;}  
   .footer-top a{color:#fff;}
   .footer-top ul{margin-top:10px;}
 .footer-top ul li a{color:#fff;font-size:16px;}



 .contact-banner{background: #fff;height: auto;}
.cont-title{font-size: 40px;font-weight: 700;color: var(--priclr);text-transform: capitalize;}
.follow h3{font-size: 18px;font-weight: 600;text-transform: capitalize;}
.socials-ul{margin: 0;padding: 0;list-style: none;display: flex;gap: 1.3rem;padding-top: 5px;}
.socials-ul li{width: 30px;height: 30px;border-radius: 50%;display:flex;justify-content: center;align-items: center;background: linear-gradient(to right, rgb(151 58 75), rgba(250, 89, 69, 1));}
.socials-ul li i{color: #fff;}
.contact-us .cont-box{display: flex;gap: 1rem;}
.cont-ico{flex-shrink: 0;}
.cont-text h4{font-size: 18px;font-weight: 600;text-transform: capitalize;margin-bottom:0.3rem;}
.cont{display: grid;grid-template-columns: repeat(3,1fr);gap: 3rem;}
.follow {padding: 3rem 0 4rem;}
.leave-m h2{font-size: 19px;font-weight: 700;text-transform: capitalize;margin-bottom: 3rem;}
.inp input,.inp textarea{width: 100%;background: transparent;border: none;font-size: 15px;}
.inp{border-bottom: 1px solid grey;margin-bottom: 3rem;padding-bottom: 10px;}
.leave-m{background: #bc8a2c33;padding: 2.3rem 2.3rem 4rem;border-radius: 1rem;position: relative;}
.contact-us{padding: 3rem 0;}
.smbtn{position: absolute;bottom: 2rem;right: 0;}
.smbtn button{font-size: 15px;
    background: var(--priclr);
    color: #fff;
    padding: 9px 29px;
    border: none;
    text-transform: capitalize;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
    .contac-ico{position: absolute;left: 0;bottom: 0;z-index:-1}
    .map{margin: 2.5rem 0;}
    .card-list p{line-height: 25px;}
  .cont-text a{color: #000;font-size: 15px;}

/* media query for mobile portrait */



.f-sale i::after{
  content: '';
  width: 20px;
  height: 20px;
  box-shadow: rgb(3 180 99) 0px 0px 3px 0px, rgb(172 231 204) 0px 0px 0px 1px;
  animation: scale 1s linear infinite;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);
  display: block;
}
.f-sale i{position: relative;}

@keyframes scale {
  0% {
    box-shadow: rgb(3 180 99) 0px 0px 3px 0px, rgb(172 231 204) 0px 0px 0px 1px;
  }
  50%{
    box-shadow: rgb(3 180 99) 0px 0px 7px 0px, rgb(172 231 204) 0px 0px 0px 1px;
  }
  100%{
    box-shadow: rgb(3 180 99) 0px 0px 3px 0px, rgb(172 231 204) 0px 0px 0px 1px;
  }
  
}






@media only screen and (min-device-width: 320px) and (max-device-width: 800px) {
.lang{position: absolute;top: 40px;right: 70px;}
.active-link::before{display: none;}
.show{background:var(--priclr);transition: all 0.2s ease-in-out;border-radius: 3px;}
.cont-text a{color: #000;font-size: 12px;}
.cont-box{margin-bottom: 1.5rem;}
.navbar-toggler:focus{box-shadow: none;}
.lang .dropdown-menu{background: #fff;}
header .nav-link{font-size: 12px;color: #e7d5b3 !important;}
.page-title{margin: 2rem 0 0;}
header .dropdown-item{color: #fff;font-size: 11px;}
.lang .dropdown-item{color: #000;}
.navbar-toggler{background: #fff;}
h1{font-size: 25px;}.swiper-content p{font-size: 13px;}
.search-inp-box{max-width: 100%;}
.exel-area{display: block;}
.ex-l ul li{text-align: center;}
.ex-r{margin-top: 2rem;padding-bottom: 4rem;}
.swiper{height: max-content;}
.top div[class*='col']{width: 100%;}
.bottom-img{position: relative;margin-top: 1rem;}
.box-img{height: auto;margin-bottom: 1rem;}
.top2 {
    padding: 3rem 0 0;
}
.cont{display: block;}
.cont-title{font-size: 18px;}
.contact-us p{font-size: 12px;}
.follow{padding: 2rem 0;}
.inp input, .inp textarea{font-size: 13px;}
.leave-m h2{font-size: 16px;}
.smbtn button{font-size: 13px;}
.contact-us{overflow-x: hidden;}
.follow h3,.cont-text h4{font-size: 14px;}
.contact-us div[class*='col']{width: 100%;}
.aco-box div[class*='col']{width: 100%;}
.accordion-collapse.show{background: transparent;}
.acco-text{padding: 0;}
.aco-area .accordion-button{font-size: 15px;}
.aco-area .accordion-body p{font-size: 13px;}
.cont-box h2, .why-us h2{font-size: 18px;}
.cont-box p, .custom-container p{font-size: 12px;text-align: justify;}
.custom-container{margin-left: auto;}
.rm,.cm{font-size: 14px;}
.aco-area{padding: 3rem 0 2rem;}
.ft-area{grid-template-columns: repeat(2, 1fr);}
.f-ico{width: 30px;margin-bottom: 0px;float: left;}
.catg div[class*='col']{width: 100%;}
.exp-cont h3{font-size: 15px;margin-bottom: 1rem;}
.tit{font-size: 11px;}
.top,.aco-area{overflow-x: hidden;}
.custom-container div[class*='col']{width: 100%;}
.exp-cont p{font-size: 12px;}
.amnitites{padding-bottom: 2rem;}
.exp-card{margin-bottom: 2rem;}
.catg{padding-bottom: 2rem;}
.footer-top h3{font-size: 13px;}
.footer-top p{font-size: 12px;}
.footer-top div[class*='col']:first-child{width: 100%;}
.tit img{width: 15px;vertical-align: bottom;}
.custom-container h3{font-size: 17px;}
.cont-us {
  background: var(--priclr);
  color: #fff;
  font-size: 11px;
  text-transform: capitalize;
  border: none;
  padding: 9px 25px;
  border-radius: 3px;
  margin-top: 1rem;
}
.owl-btn{margin: 20px 0;}
.feat-carousel .owl-dots{margin-top: 20px;}
.e-area{display:block}
.enq h2{font-size: 18px;padding-right: 1rem;}
.er{margin-top: 2rem;}
.footer-middle .col-6{width: 100%;}
.footer-middle .col-2{width: 33.3%;}
.footer-middle h2{font-size: 13px;}
.abt-banner .swiper{height: max-content;}
.page-title h2{font-size: 19px;font-weight: 600;}
.abt1 h3{font-size: 15px;line-height: 25px;margin-bottom: 1rem;}
.abt1 .box-img{height: auto;margin-bottom: 1rem;}
.abt1{padding-top: 0 !important;}
.abt1 p{font-size: 12px;}
.c-ul li h4{font-size: 15px;}
.am-ul li{font-size: 12px;}
.gallery a{height: 120px;}
.gallery{grid-template-columns: repeat(3, 1fr);padding:0;}
.abt1, .abt2{padding-bottom: 1rem;}
.why-us{padding: 2rem 1rem;}
.why-us div[class*='col']{width: 50%;}
.why-box h6{font-size: 13px;}
.certifi div[class*='col']{width: 100%;}
.our-client{grid-template-columns: repeat(3, 1fr);gap: 20px;}
.contct-us div[class*='col']{width: 100%;}
.contct-us h2{font-size: 13px;margin-top: 1rem;}
.contct-us p{font-size: 12px;}
.gt-box h4{font-size: 13px;}
.contct-us{margin-bottom: 2rem;}
.h-detail .nav-link:not(.active-link){color: #fff !important;}
.detail-head h2{display:none}
.detail-area div[class*='col']{width: 100%;}
.pp{font-size: 25px;}
.f-sale{font-size: 12px;}
.sm-img-area{margin-bottom: 2rem;}
.p-img-area{position: relative;}
.am-box h6{font-size: 13px;}
.detail-area p{font-size: 12px;}
.desc-box h2{font-size: 14px;}
.ft-box span:not(.f-ico){font-size: 11px;}
.sim div[class*='col']{width:50%;}
.c-head{display: block;}

.c-head h4{margin-bottom: 10px;font-size: 13px;}
.c-head a{font-size: 10px;}
.c-middle{margin-bottom: 10px;}
.card-ctc{margin-top: 1rem;}
.c-middle h6{line-height: 20px;}
.gal-area .col-4{width: 50%;}
.ft-out{height: auto !important;margin-top: 2rem;}
.fw-b h3{font-size: 13px;}
.s-area button{flex-basis: 125px;}
.s-area{gap: 10px;}
.core-box-area{   display:block;}
.core-box-area h3{font-size:15px;}
.core-box-area div{margin:1rem 0;}
p{font-size:12px;font-weight:300}
.page-title.page-sub h2{font-size:15px;}
.list-head{display: block;}
.list-head h2{font-size: 14px;margin-bottom: 2rem;}
.listing-area div[class*='col']{width: 50%;}
.listing-area{margin: 3rem 0 3rem;}
.fac-area {
  margin: 0 0 2rem;
}
.footer-top{align-items: baseline;}
.footer-top .col-3{width:40%;}
.footer-top .col-5{width:60%;}
.fac div[class*='col']{width: 50%;}
.fac-box button{font-size: 12px;padding: 7px 10px;}
.top{padding:2rem 0}
.top.abt-det{padding:2rem 0 0}
.image-box{margin-top: 2rem;}
.career-form{width:auto;}
}