@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway: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');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost: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&family=Raleway: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{
  /* background-image: url(../images/bod.JPG);*/
  /* font-family: 'Cormorant Garamond', serif;  */
  /* font-family: 'Jost', sans-serif; */
      font-family: sans-serif;

}
a{
  text-decoration: none;
}
.list-flx{
  bottom: 1rem;
  left: 3rem;
}
.div1,.div2,.div3{
  height: 100vh;
}
.div1{
}
.div3{
  background-color: pink;
}
.gtldt{
  height: 100%;
  width: 100%;
}
.gtldt img{
  height: 100%;
}
.square{
  margin-left: -200px;
}
.square img{
  width: 500px !important;
}

.square2 h1{
      font-size: 49px;
    font-weight: 300;
    letter-spacing: 0.55px;
    color: #000;
}
.rig-toggle{
  cursor: pointer;
}
.navb-menu {
    left: -100%;
    height: 100vh;
    width: 100%;
    background-color: #00000047;
    transition: all .5s;
}
.year-exps span{
  font-family: sans-serif;
  font-size: 15px;
  letter-spacing: 0.55px;
  color: gray;
  font-weight: 700;
}
.year-exps p{
  font-size: 14px;
  color: #000;
  letter-spacing: 0.55px;
  font-family: sans-serif;
}
.rig-toggle img {
    width: 41%;
}
.navb-menu-new{
  left: 0% !important;
}
.inner-ul{
  margin-left: -100%;
  transition: all .5s;
}
.inner-ul-new{
  margin-left: 0 !important;
}
.ul{
  top: 50%;
  left: 10%;
  transform: translate(-0%,-50%);
}
.ul li{
  list-style-type: none;
  margin-bottom: 1.5rem;
}
.ul li a{
  color: #fff;
  letter-spacing: 0.55px;
  font-size: 30px;
  text-decoration: none;
}
.close {
    top: 2rem;
    right: 2rem;
    cursor: pointer;
}











.togg{
  position: relative;
}
.togg::after{
  position: absolute;
  content: "";
  background-color: #fff;
  background-size: contain;
  bottom: -5%;
  left: 0;
  width: 80px;
  height: 2px;
}
.togg::before{
  position: absolute;
  content: "";
  background-color: #fff;
  background-size: contain;
  bottom: -8%;
  left: 0;
  width: 70px;
  height: 2px;
}
.Vd-banner{
  position: relative;
}
.Vd-banner::after {
    position: absolute;
    content: "";
    /* background-color: #000000b8; */
    background: linear-gradient(180deg, #ffffffc9,#00000033,black);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}
.navb {
    z-index: 999999;
    background-color: #00112c;
}
.container21 {
    max-width: 90%;
    width: 48%;
    margin: auto;
}
.w-35{
  width: 35%;
}


.banner-dt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    width: 100%;
}
.banner-dt h1{
  font-size: 70px;
  letter-spacing: 1px;
  line-height: 80px;
  font-weight:900;
}
.slide-t{
  padding: 0 !important;
}




    .slide-t {
        padding: 9rem 0rem 9rem 4rem;
    }
    .mySwiper1 {
      width: 100%;
      height: 100% !important;
      overflow: hidden;
    }

   .mySwiper1 .swiper-slide {
      font-size: 18px;
      background: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
    }

   .mySwiper1 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .mySwiper2 {
      width: 100%;
      height: 100%;
    }
    .mySwiper2 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mySwiper2 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100vh;
      object-fit: cover;
    }
    .slide-t h2 {
        font-size: 54px;
        font-weight: 700;
        line-height: 70px;
        font-family: sans-serif;
        color: #fff;
        letter-spacing: 2px;
    }
    .slide-t h2 b{
          -webkit-text-stroke: 1px #ffffff;
          text-stroke: 1px #ffffff;
          -webkit-text-fill-color: transparent;
          color: transparent;
    }
    .slide-t p {
      color: #fff;
      font-size: 16px;
      letter-spacing: 0.55px;
  }

    /* .banner {
        background: linear-gradient(180deg, #00112c 68%, transparent 0);
    } */
    .swiper-pagination-current{
      font-family: sans-serif;
      font-size: 50px;
      font-weight: 400;
      color: #000;
    }
    .swiper-pagination-total{
      font-family: sans-serif;
      font-size: 30px;
      font-weight: 400;
      color: gray;
    }
    .swiper-pagination {
      font-family: sans-serif;
      font-size: 30px;
      font-weight: 400;
      color: gray;
      text-align: left;
      padding-left: 4rem;
      width: fit-content;
  }

 .exp-bt{
  margin-top: 5rem;
 }   
.exp-bt a{
  padding: 14px 22px;
  letter-spacing: 0.55px;
  color: #fff;
  background-color: #d90101;
  font-weight: 400;
}

/* right-arrow.png */

.swiper-button-next:after {
    position: absolute;
    content: "";
    background-image: url(../images/right-arrow.png);
    background-size: 23px 25px;
    height: 50px;
    width: 50px;
    background-color: #ffffff;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
}
.swiper-button-prev:after {
    position: absolute;
    content: "";
    background-image: url(../images/left-arrow.png);
    background-size: 23px 25px;
    height: 50px;
    width: 50px;
    background-color: #ffffff;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
}
.swiper-button-next, .swiper-button-prev {
    top: 65%;
}
.swiper-button-prev {
    left: 73%;
}
.swiper-button-next {
    right: 9%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
}
.short-hd span {
    font-size: 23px;
    letter-spacing: 0.55px;
    color: #0000008c;
    font-weight: 700;
}
.ab-hd11 h1 {
    font-size: 35px;
    letter-spacing: 0.55px;
    color: #000;
    margin-bottom: 0;
}
.ab-hd11{
    border-left: 2px solid #d90101;
    padding-left: 10px;
    margin-bottom: 2rem;
}
.ab-hd p {
    font-size: 15px;
    letter-spacing: 0.55px;
    color: #000;
    line-height: 28px;
    color: #6b6b6b;
    font-weight: 400;
}
.sub-ab-img{
  width: 45% !important;
}
.sub-ab-img img{
  width: 100%;
}
.sub-ab-img {
    top: 59%;
    left: -15%;
    transform: translate(-6%,-50%);
    width: fit-content;
}

.over {
    transform: translate(-50%,-50%);
    background-color: #00112c;
    height: 80%;
    width: 80%;
}
.over p {
    font-size: 20px;
    letter-spacing: 0.55px;
    line-height: 49px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.countyear {
    font-size: 30px;
}
.short-hd{
  width: fit-content;
  position: relative;
  margin-bottom: 17px;
}
.short-hd::after{
  position: absolute;
  content: "";
  background-color: #0000008c;
  background-size: contain;
  height: 2px;
  width: 50%;
  bottom: -7PX;
  left: 0;
  background-repeat: no-repeat;
}
.exp-bt1 a {
    font-size: 15PX;
    padding: 12PX 22PX;
    background-color: red;
    color: #fff;
    font-family: sans-serif;
    letter-spacing: 0.55px;
}
.se-ser h3 {
    font-size: 33px;
    letter-spacing: 0.55px;
    color: #000;
}

.se-ser span {
    font-size: 14px;
    letter-spacing: 0.55px;
    color: gray;
    font-weight: 400;
}
.xxxcv h3 {
    font-size: 26px;
    line-height: 38px;
}
.se-ser{
  transform: translate(-50%,-50%);
}
.mn-d{
  background-color: #00112c !important;
}

.pr-img{
  text-align: center;
}
.pr-img img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #000;
}
.pr-dt{
  padding: 20px;
  background-color: lightgray;
  /* box-shadow: black 0px 5px 25px -5px; */
  border-radius: 10px;
}
.pr-dt{
  position: relative;
}
.pr-dt::after {
    position: absolute;
    content: "";
    background-color: lightgray;
    background-size: contain;
    height: 40px;
    width: 63px;
    bottom: -39px;
    left: 55px;
    clip-path: polygon(0 0, 55% 0, 100% 57%);
}
.pr-dt p{
  font-size: 17px;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 600;
}
.nam h4{
      font-size: 26px;
    letter-spacing: 0.55px;
}
.nam span {
    font-size: 17px;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 500;
}
.test{
      background: linear-gradient(0deg, #d50340 40%, transparent 0);
}
.ft-hd-l h4{
  color: #ffbf00;
  font-size: 25px;
  letter-spacing: 0.55px;
}
.scl img{
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.scl{
  height: 35px;
  width: 35px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.expl ul li {
    list-style-type: none;
    margin-bottom: 0.5rem;
    color: #fff;
    font-size: 15px;
}
.expl ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.55px;
    font-weight: 300;
}
.copy p{
  font-size: 16px;
  letter-spacing: 0.55px;
  color: #000;
  font-family: sans-serif;
}
.copy p a{
  color: #d90101;
}
.w-80{
  width: 90%;
}
.right-bt a {
    color: #d90101;
    letter-spacing: 1px;
    font-size: 17px;
    padding: 13px 22px;
    background-color: #ffffff;
    font-weight: 500;
    /* text-transform: uppercase; */
    font-family: sans-serif;
}
.footer-head {
    position: relative;
    z-index: 1;
    padding: 2rem 0 !important;
    background-color: #00112c;
}


.se-ser span{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.footer-head::after{
  position: absolute;
  content: "";
  background-image: url(../images/header-pattern.png);
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.5;
}
.main-footer{
  padding: 2rem 0;
}


/* about----------------------------------------------------start */
.in-header {
    height: 55vh;
    background-color: #434040;
    position: relative;
    z-index: 1;
}
.in-header::after{
  position: absolute;
  content: "";
  background-image: url(../images/header-pattern.png);
  background-size: covercontain;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.3;
}
/* .in-header::before{
  position: absolute;
  content: "";
  background-image: url(../images/background.png);
  background-size: covercontain;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat;
  z-index: -2;
  opacity: 0.5;
} */
.inner-header{
  position: absolute;
  top: 60%;
  left: 10%;
  transform: translate(-10%,-50%);
}
.abx-sub-hd img {
    width: 26px;
}
.banner-hd h1 {
    font-size: 51px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 1px;
    background: none;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff66;
    -webkit-text-fill-color: unset;
}
.atag a {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}
.righ-dt{
  writing-mode: vertical-lr;
}
.right-no h1{
  font-size: 68px;
    color: #d90101;
    margin-bottom: 0;
}
.righ-dt p{
  font-size: 17px;
  letter-spacing: 0.55px;
  font-weight: 400;
  font-family: sans-serif;
}
.ov-imgs{
  bottom: -16%;
  right: -20%;
}
.ov-imgs img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border: 8px solid #a1a1a1;
}
.abx-sub-hd p {
    font-size: 19px;
    letter-spacing: 0.55px;
    color: #d90101;
    font-weight: 700;
}
.abx-main-hd h1{
  font-size: 32px;
  letter-spacing: 0.55px;
}
.abx-main-hd p{
  font-size: 14px;
    letter-spacing: 0.55px;
    color: #161616;
    /* font-weight: 600; */
    font-family: sans-serif;
    line-height: 27px;
}
.scd img{
  width: 20px;
  height: 20px;
}
.scd {
    padding: 10px 20px;
    box-shadow: #0000002e 0px 0px 0px 1px;
}
.scd p{
  font-family: sans-serif;
  font-size: 15px;
  letter-spacing: 0.55px;
  color: #000;
}
.add-l img{
  width: 22%;
}
.add-l{
  padding: 2rem;
   box-shadow: #0000002e 0px 0px 0px 1px;
   height: 100%;
   margin-bottom: 1rem;
}
.hhd h5 {
    font-family: sans-serif;
    font-size: 19px;
    letter-spacing: 0.55px;
    font-weight: 600;
    width: fit-content;
    position: relative;
    padding: 0 3px;
    z-index: 9;
}
/* .hhd h5::before {
    position: absolute;
    content: "";
    background-color: #ff8383;
    background-size: contain;
    height: 40%;
    width: 100%;
    z-index: -1;
    bottom: 3px;
    left: 0;
} */
.hhd p{
  font-family: sans-serif;
  font-size: 14px;
  letter-spacing: 0.55px;
}
#gallery{
  padding-top: 5rem;
}
.nm input,.nm select{
  height: 45px;
  border: 1px solid lightgray;
  outline: navajowhite;
  box-shadow: none;
  padding-left: 15px;
}
.nm textarea{
  border: 1px solid lightgray;
  outline: navajowhite;
  box-shadow: none;
  height: 90px;
  padding-left: 15px;
}
.nm label{
  font-size: 15px;
  letter-spacing: 0.55px;
  margin-bottom: 7px;
  font-family: sans-serif;
}
.nm{
  margin-bottom: 20px;
}
.w-40{
  width: 40%;
}
.contact-dt{
  top: 55%;
  right: 7%;
  transform: translate(-7%,-50%);
  box-shadow: black 0px 5px 25px -5px;
}
.contact-dtz{
  margin-bottom: 2rem;
}
.vmr{
  font-size: 14px;
  font-family: sans-serif;
  letter-spacing: 1px;
  padding: 13px 25px;
  background-color: #d90101;
  color: #fff;
  font-weight: 500;
}

.banner-hd p {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 300;
}




/* servise start---- */
.ser-l-dt{
  left: 5%;
  transform: translate(-5%,-50%);
  z-index: 9;
}
.interior-bt a{
  color: white;
  letter-spacing: 0.55px;
  font-size: 18px;
}
.bk-ar {
    position: relative;
    height: 40px;
    width: 40px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    transform: rotate(45deg);
    box-shadow: black 0px 0px 3px 1px;
    transition: all .3s;
}
.service-list:hover .bk-ar{
  transform: rotate(0) scale(1.1);
  background-color: rgb(255 168 168);
}
.bk-ar img{
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.interior-bt {
    position: absolute;
    bottom: -29%;
    left: 83%;
    transform: translate(10%,-90%);
}
.ser-desc h4{
  font-family: sans-serif;
  color: #000;
  letter-spacing: 0.55px;
  font-size: 20px;
}
.ser-desc p{
  font-family: sans-serif;
  color: gray;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.55px;
}
.service-list {
    box-shadow: black 0px 0px 6px -3px;
}
/* service end----- */



.mn-d1,.mn-d2{
  position: relative;
}
.mn-d1::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg,rgb(0 17 44) 50%,transparent 0);
    background-size: contain;
    height: 35px;
    width: 35px;
    top: 50%;
    left: -5%;
    transform: rotate(45deg);
    transform: translate(-0%,-50%)rotate(45deg);
}
.mn-d2::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg,transparent 50%,rgb(0 17 44) 0);
    background-size: contain;
    height: 35px;
    width: 35px;
    top: 50%;
    right: -5%;
    transform: rotate(45deg);
    transform: translate(-0%,-50%)rotate(45deg);
}
.news-list,.left-news {
    box-shadow: black 0px 2px 20px -12px;
}
.xxxcv p{
  font-size: 14px;
  font-family: sans-serif;
  letter-spacing: 0.55px;
  color: gray;
}
.ab-hd11 span{
      font-size: 14px;
    font-family: sans-serif;
    letter-spacing: 0.55px;
    color: gray;
}


/* career-start */


.ser-hd h2{
  font-size: 25px;
  letter-spacing: 0.55px;
  color: #000;
  font-weight: 500;
}
.ser-hd span{
  font-size: 15px;
  letter-spacing: 0.55px;
  color: gray;
  font-weight: 300;
}
.left-career{
      box-shadow: black 0px 0px 9px -5px;
}

.left-career{
  position: relative;
}
.comp {
    position: absolute;
    top: 10%;
    left: 53.5%;
    transform: translate(-10%,-50%);
    color: #d90101;
    font-weight: 600;
    letter-spacing: 0.55px;
    z-index: 9999;
}
.comp11{
    position: absolute;
    top: 10%;
    left: 8%;
    transform: translate(-10%,-50%);
    color: #ffa0a0;
    font-weight: 600;
    letter-spacing: 0.55px;
    z-index: 99;
}
.car-para{
  padding-left: 15px;
  border-left: 2px solid #d90101;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.right-car::after{
  position: absolute;
  content: "";
  background-color: #000000a1;
  background-size: contain;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.ser-hd11 {
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 9;
    padding: 1rem;
}

.app-n{
  margin-top: 2rem;
  float: right;
  margin-right: 20px;
}
.app-n a{
  font-size: 17px;
  letter-spacing: 0.55px;
  color: #000;
  transition: all .3s;
  text-decoration: underline;
}
.app-n a:hover{
  color: red !important;
}
.car-img11{
  position: relative;
}
.car-img11::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg,#fff 50%,transparent 0);
    background-size: contain;
    height: 35px;
    width: 35px;
    top: 50%;
    right: -10%;
    transform: translate(-50%,-50%)rotate(45deg);
}




        .clientswiper {
          width: 100%;
          height: 100%;
        }

        .clientswiper .swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .clientswiper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(1);
            transition: all .3s;
            cursor: pointer;
        }
        .clientswiper .swiper-slide img:hover{
          filter: grayscale(0);
        }

        .inner-services{
          position: relative;
        }
        .inner-services::after {
            position: absolute;
            content: "";
            background-image: url(../images/background.png);
            background-size: auto;
            background-repeat: repeat;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .interi h5 {
          font: 400 15px/1 "Montserrat", sans-serif;
          color: #d90101;
          position: relative;
          text-transform: uppercase;
          letter-spacing: .50px;
      }
      .interi h5:before {
          content: "";
          position: absolute;
          left: -240px;
          top: 7px;
          background: #d90101;
          width: 226px;
          height: 1px;
          z-index: 1;
      }
      .right-sr-dt h3 {
          font: 700 48px/55px "Montserrat", sans-serif;
          color: #000;
          padding-top: 20px;
      }
      .right-sr-dt p{
            color: #000;
            opacity: .65;
            padding: 30px 30px 20px 70px;
      }
      .btn_defult {
          font: 500 15px/35px "Montserrat", sans-serif;
          border-bottom: 2px solid #d90101;
          color: #000;
          text-transform: uppercase;
          letter-spacing: .5px;
          display: inline-block;
          float: right;
          margin-right: 2rem;
      }

      .interior_content h5 {
            font: 400 15px/1 "Montserrat", sans-serif;
            color: #d90101;
            position: relative;
            text-transform: uppercase;
            letter-spacing: .50px;
        }
        .interior_content h5:before {
            content: "";
            position: absolute;
            right: -240px;
            left: auto;
            top: 7px;
            background: #d90101;
            width: 226px;
            height: 1px;
            z-index: 1;
        }
        .interior_right .interior_content {
              padding-left: 0;
              padding-right: 50px;
          }

          .interior_content h3 {
              font: 700 48px/55px "Montserrat", sans-serif;
              color: #000;
              padding-top: 20px;
          }
          .interior_content p {
              font: 400 15px/30px "Poppins", sans-serif;
              color: #000;
              opacity: .65;
              padding: 30px 30px 20px 70px;
          }
          .interior_content {
              padding-left: 0;
              padding-right: 50px;
              text-align: right;
          }











          #nextButton {
    color: #fff;
    font-size: 1em;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    /* padding: 5px 8px; */
    /* background: #000; */
    /* border: 2px solid; */
    line-height: 14px;
    border-radius: 100%;
}

#nextButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #nextButton {
      font-size: 3em;
  }
}

#prevButton {
    color: #fff;
    font-size: 1em;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    /* padding: 5px 8px; */
    /* background: #000; */
    /* border: 2px solid; */
    line-height: 14px;
    border-radius: 100%;
}

#prevButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #prevButton {
      font-size: 3em;
  }
}

#exitButton {
    color: #fff;
    font-size: 1em;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    top: 4%;
    right: 26%;
    cursor: pointer;
    padding: 5px 7px;
    /* background: #000; */
    /* border-radius: 100%; */
    /* border: 2px solid; */
    line-height: 14px;
}

#exitButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #exitButton {
      font-size: 2em;
  }
}

#nextButton::after {
    position: absolute;
    content: ">";
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#nextButton::after {
    position: absolute;
    content: ">";
    height: 30px;
    width: 30px;
    top: 50%;
    background-size: cover;
    left: 73%;
    transform: translate(-50%,-50%);
}

#prevButton::after {
    position: absolute;
    content: "<";
    height: 30px;
    width: 30px;
    top: 50%;
    left: 26%;
    transform: translate(-50%,-50%);
}








/* gallery start------------------------------------------------------------------ */
/* Gallery -----------------------------------------------------------------------*/
.p{
  display: none;
}

.gl-img:hover .p{
   display: block;
}
.gl-img:hover .n{
   display: none;
}
.gl-img:hover .nog{
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   border: none;
}
.gl-img{
  position: relative;
}
.gl-img::after {
    position: absolute;
    content: "";
    background-color: #0006;
    background-size: contain;
   height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .3s;
}
.gl-img:hover::after{
   transform: scale(1);
}
.ccc {
    /* background-color: red; */
    height: 29px;
    width: 29px;
    background-image: url(../images/gallery/lt.png);
    background-size: contain;
}
.ddd {
    /* background-color: red; */
    height: 29px;
    width: 29px;
    background-image: url(../images/gallery/rt.png);
    background-size: contain;
}
.xxxx {
    /* background-color: red; */
    height: 29px;
    width: 29px;
    background-image: url(../images/cl.png);
    background-size: contain;
}
#gallery {
  padding: 4rem 0 5.5rem;
}
.img-wrapper {
    position: relative;
    margin-top: 12px;
    cursor: pointer;
}

.img-wrapper img {
  width: 100%;
}
.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay img{
  width: 20px;
}
#overlay {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nog {
    top: -4%;
    right: -4%;
    height: 60px;
    width: 60px;
    background-color: #004181;
    border-radius: 50%;
    border: 5px solid white;
    color: #fff;
    z-index: 9;
    transition: all .5s;
}
.nog span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    /* font-weight: 700; */
}
.gl-img:hover .n {
    display: none;
}
.p{
  display: none;
}

.gl-img:hover .p{
   display: block;
}
.gl-img:hover .n{
   display: none;
}
.gl-img:hover .nog{
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   border: none;
}
.gl-img{
  position: relative;
}
.gl-img::after {
    position: absolute;
    content: "";
    background-color: #0006;
    background-size: contain;
   height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .3s;
}
.gl-img:hover::after{
   transform: scale(1);
}
.im-ttl h5 {
    margin-bottom: 0;
    font-size: 17px;
    letter-spacing: 0.55px;
}
.im-ttl {
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: #004181;
    width: 100%;
    color: #fff;
    text-align: center;
}
.gl-img:hover .nog {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: none;
}
.gl-img:hover .n {
    display: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
 }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
 }
}
#nextButton {
    color: #fff;
    font-size: 3em;
    transition: opacity 0.3s;
    cursor: pointer;
}
#nextButton:hover {
  opacity: 0.7;
}

/* gallery end--------------------------------------------------------------------- */

/* gallery start------------------------------------------------ */
.immm:hover .ov-l {
    opacity: 1;
}
.gl-big {
    transform: translate(-50%,-50%);
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat;
}
.immm {
    overflow: hidden;
    transition: all.5s;
    margin-bottom: 0;
    position: relative;
}
.ov-l {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000077;
    opacity: 0;
    transition: all .3s;
}
.no {
    top: 0;
    right: 8px;
    color: #fff;
    background-color: #000000a6;
    height: 70px;
    width: 70px;
    border-radius: 0 0 50% 50%;
}
.no h1 {
    font-size: 33px;
    font-weight: 700;
    background: none;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-fill-color: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}
.gallery-item {
    flex-basis: 24%;
    margin-bottom: 6px;
    opacity: .85;
    cursor: pointer;
}
.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 100%;
    height: 241px;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}
.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 9999999999999999;
}
.lightbox-content {
    position: absolute;
    /* width: 40%; */
    height: auto;
    /* margin: 5% auto; */
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lightbox-prev, .lightbox-next {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    color: #fff;
    padding: 12px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-next {
    background-image: url(../images/next.png);
    background-size: contain;
}
.lightbox-prev {
    background-image: url(../images/left-chevron.png);
    background-size: contain;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

@media (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}
.clx{
  top: 2rem;
  right: 2rem;
}
.gl-ttl {
    background: linear-gradient(45deg, #00000078, #00000078);
    position: absolute;
    width: 95.5%;
    bottom: 0;
}
.gl-ttl h6{
  font-size: 16px;
  letter-spacing: 0.55px;
  font-weight: 400;
  margin-bottom: 0;
}
.immm a img {
    height: 100%;
    object-fit: cover;
}
/* gallery-end------------------------------------------------------------ */
/* gallery Start--------------------------------------------- */
.lb-data .lb-details {
    opacity: 0;
}
.lightbox {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    width: 100%;
    z-index: 999999999 !important;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    outline: none;
    transform: translate(-50%,-50%) !important;
}
.lb-outerContainer{
  position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}
header {
	color: rgb(250,250,250);
	text-align: center;
	font-size: 1.2em;
  }
  
	#gallery-section {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  padding: 10px;
	  z-index: -1;
	}
  
	#thumbnail-gallery-container {
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: space-between;
	  padding: 15px 50px 10px 50px;
	  gap: 10px;
	}
  
	.thumbnail {
	  width: 24%;
	  margin-bottom: 2%;
	  position: relative;
  }
  
img.thumbnail-image {
    width: 100%;
    height: 233px;
    object-fit: cover;
    object-position: center center;
}

  
  @media only screen and (max-width: 800px){
	#gallery-section {
	  padding: 10px 10px 0px 10px;
	}
	#thumbnail-gallery-container {
		padding: 0px;
	}
  }
  
  /* Lightbox Styles */ 
  
.lightbox-overlay {
    display: flex;
    transform: scale(0,1);
    transform-origin: center;
    justify-content: center;
    align-items: center;
    background-color: rgb(0 0 0 / 65%);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}
  
  .lightbox-overlay:target {
	display: flex;
	transform: scale(1,1);
	z-index: 99999;
  };
  
  .lightbox-content {
	color: rgb(250,250,250);
	padding: 1.5em;
	width: 75vw;
	text-align: center;
  }
  
  .lightbox-image-title {
	position: relative;
	text-align: center;
  }
  
  .lightbox-navigation {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
  }
  
  .close {
	position: absolute;
	background-color: none;
	  top: 5px;
	  right: 20px; 
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  a.close {
	text-decoration: none;
	font-weight: bold;
	font-size :2em;
	font-family: sans-serif;
  }
  
  
  .back, .next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24%;
	height: 2em;
	color: rgb(255,255,255);
	margin: 1%;
  } 
  
  img.lightbox-image {
	width: 65vw;
	max-height: 65vh;
	object-fit: contain;
  }
  .close img{
	width: 50px;
	margin-top: 2rem;
	margin-right: 2rem;
  }
  .lis{
	position: relative;
  }
  .lis:hover .eye{
	opacity: 1;
  }
  .eye{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #00000063;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all .3s;
  }
  .vww{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
  }
  .ar-left{
	position: relative;
	animation: animate 1s infinite;
	margin-left: 0;
	width: 15px;
	margin-right: 10px;
  }
  .ar-right{
	position: relative;
	animation: animated 1s infinite;
	margin-left: 10px;
	width: 15px;
  }
  @keyframes animate{
	0%{
	  transform: translateX(0px);
	}
	50%{
	  transform: translateX(-10px);
	}
	100%{
	  transform: translateX(0px);
	}
  }
  @keyframes animated{
	0%{
	  transform: translateX(0px);
	}
	50%{
	  transform: translateX(10px);
	}
	100%{
	  transform: translateX(0px);
	}
  }


  .po-dt h4{
      font-size: 23px;
      color: #000;
      letter-spacing: 0.55px;
  }
  .po-dt span{
        font-size: 15px;
    letter-spacing: 0.55px;
    color: gray;
  }
  .po-dt p{
      font-size: 15px;
      letter-spacing: 0.55px;
      color: #000;
  }
  /* gallery end------------------------------------------------ */


  .get-con,.get-con1{
    height: 100vh;
    width: 100%;
    background-color: #000000ab;
    z-index: 999999;
  }
  .inner-getc {
      width: 65%;
      transform: translate(-50%,-50%);
      background-color: #fff;
  }
  .frmn input{
    height: 40px;
    border: 1px solid lightgray;
    padding-left: 10px;
        font-size: 15px;
  }
  .frmn textarea{
    height: 90px;
    border: 1px solid lightgray;
    padding-left: 10px;
        font-size: 15px;
  }
  .frmn input:focus,.frmn textarea:focus{
    border: 1px solid lightgray;
    outline: none;
    box-shadow: none;
  }

  .clos,.clos1{
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
  }
  .clos img,.clos1 img{
    width: 30px;
  }
  .vdx{
    position: relative;
  }
  .vdx::after {
      position: absolute;
      content: "";
      background-color: #00112c3b;
      background-size: contain;
      height: 99%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 99;
  }
.fgf {
    box-shadow: white 0px 0px 5px -2px;
    padding: 10px !important;
    height: 98px;
    padding: 10px !important;
}
.fgf {
    position: absolute;
    top: -64%;
    right: -200%;
    width: 120%;
    opacity: 0;
    transition: all 1s;
    text-align: center;
}
.ggdf:hover .fgf {
    top: -64%;
    right: -125%;
    opacity: 1;
}
.fgf li a{
  font-size: 23px;
}
.right-ser {
    box-shadow: black 0px 0px 9px -5px;
    padding: 3rem 3rem 5rem;
}



.enq {
    margin: 2rem 0;
}
.right-car-for11 {
    width: 50%;
    margin: auto;
    padding: 2rem;
    box-shadow: black 0px 5px 15px -5px;
}
.car-fr-hd {
    text-align: center;
    margin-bottom: 2rem;
}
.car-fr-hd h1 {
    margin-bottom: 1rem;
    font-size: 28px;
    color: #000;
}
.for-in {
    display: grid;
    margin-bottom: 13px;
}
.for-in input,.fil-frm input {
    height: 40px;
    padding-left: 10px;
}
.for-in textarea {
    height: 100px;
    padding-left: 10px;
}


.bt {
    padding: 9px 3px;
    color: white;
    background-color: #dc0335;
    height: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
}
.bt img{
      width: 22px;
}

.ic{
  position: relative;
  height: 50px;
  width: 50px;
  background-color: red;
}
.ic img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 999;
}
.fix-ic{
  transition: all .5s;
  overflow: hidden;
  transform: translate(82%,-50%);
  width: 30%;
}
.fix-ic1{
  top: 59%;
  right: 0;
  transition: all .5s;
  overflow: hidden;
  transform: translate(82%,-50%);
  width: 30%;
}
.fix-ic:hover{
  transform: translate(0%,-50%);
}
.fix-ic1:hover{
  transform: translate(0%,-50%);
}
.ic{
  cursor: pointer;
}



.cookies {
    padding: 1rem 0;
    z-index: 9999999999999999;
    bottom: 0;
    background-color: #fff;
    transition: all 1s;
    box-shadow: black 0px 0px 10px -5px;
}
.cookiesnew{
  bottom: -100%;
}
.cook-dt p {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.55px;
    color: #000;
    line-height: 26px;
    font-weight: 300;
}
.bt1 a {
    padding: 7px 22px;
    border: 1px solid black;
    background: transparent;
    border-radius: 30px;
    color: #000;
    font-size: 14px;
    letter-spacing: 0.55px;
}
.bt2 a {
    padding: 7px 22px;
    font-size: 14px;
    letter-spacing: 0.55px;
    background-color: #000;
    color: #fff;
    border-radius: 30px;
    border: 1px solid black;
}

.policy-pop-new {
    display: block;
}
.inner-policy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    background-color: #fff;
    padding: 2rem;
    border-radius: 7px;
}
.cook-hd {
    text-align: center;
}
.cook-hd h3 {
    font-size: 28px;
    letter-spacing: 0.55px;
    color: #000;
}
.cook-dt p {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.55px;
    color: #000;
    line-height: 26px;
    font-weight: 300;
}
.cl {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
}
.cl img {
    width: 25px;
}
.policy-pop, .policy-pop11 {
    position: fixed;
    height: 100vh;
    width: 100%;
    background-color: #000000ab;
    top: 0;
    left: 0;
    z-index: 999999999999;
}


#mob_err{
  display: none;
}
#moberr{
  display: none;
}
#emailerr{
  display: none;
}
#mobileerr{
  display: none;
}
#email_err{
  display: none;
}
#emlerr{
  display: none;
}
#phone_err{
  display: none;
}
#mobile_err{
  display: none;
}


.inner-success{
  width: 300px;
  margin: auto;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 2rem 1rem;
}
#success{
  background-color: #000000b8;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999999;
  display:none;
}
.quick_sucInner{
  text-align: center;
}
.quick_sucInnerBtn{
  background-color: #31a300;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding: 7px 20px;
  border-radius: 30px;
  font-family:auto !important;
}
.quick_sucInner h3{
    
  font-family:auto !important;
}



.inner-success{
  width: 300px;
  margin: auto;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 2rem 1rem;
}
#successm{
  background-color: #000000b8;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999999;
  display:none;
}
.quick_sucInnerm{
  text-align: center;
}
.quick_sucInnerBtn{
  background-color: #31a300;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding: 7px 20px;
  border-radius: 30px;
  font-family:auto !important;
}
.quick_sucInner h3{
    
  font-family:auto !important;
}