@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Tilt+Neon&display=swap');
body::-webkit-scrollbar {
  display: none;
}
.hiveCard{
  background-color:transparent !important;
  border: none !important;
}
.card-text:hover{
    cursor: context-menu;
    transition: all 1.8s ease-in-out !important;
   opacity: 0 !important;
    
}
.textDecorate {
  /*font-family: "Bangers", cursive;*/
  font-family: 'Comfortaa';
}
.cardHover:hover {
  /*transform: scale(1.05);*/
  /*transition-duration: .5s;*/
  background-color: #347b8c;
  color: #fff !important;
  -moz-color: #fff !important;
  -webkit-color: #fff !important;
  -webkit-background-color: #347b8c;
  -moz-background-color: #347b8c;
}
.shopCard:hover {
  transform: scale(1.05);
  transition-duration: 0.5s;
  /*background-color: #347b8c;*/
  /*color: #fff !important;*/
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
}
.cardHover:hover a {
  color: #fff !important;
  -webkit-color: #fff !important;
  -moz-color: #fff !important;
}
.letterSet {
  letter-spacing: 10.5px;
  -webkit-letter-spacing: 10.5px;
  -moz-letter-spacing: 10.5px;
}
.servicesSet {
  -moz-letter-spacing: 4px;
  -webkit-letter-spacing: 4px;
  letter-spacing: 4px;
}
.lowertextSet {
  -webkit-letter-spacing: 3px;
  -moz-letter-spacing: 3px;
  letter-spacing: 3px;
}
.footerbg {
  background-color: #fff;
  text-align: center;
  -webkit-background-color: #fff;
  -moz-text-align: center;
}

.allmediaSet {
  margin-top: 181px !important;
  /* margin-bottom:-161px !important; */
  -webkit-margin-top: 181px !important;
  /* -moz- margin-bottom:-161px !important; */
}
/*whatsapp img set*/
.whatsapp {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 75px;
  right: 40px;
  -webkit-position: fixed;
  -moz-position: fixed;
  -webkit-width: 50px;
  -moz-width: 50px;
  -webkit-bottom: 75px;
  -moz-bottom: 75px;
  -webkit-right: 40px;
  -moz-right: 40px;
  -webkit-height: 50px;
  -moz-height: 50px;
}
.footerSet {
  position: fixed;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 2560px) {
  .allmediaSet {
    margin-top: 181px;
    -webkit-margin-top: 181px;
    -moz-margin-top: 181px;
  }
  footer {
    margin-top: 200px;
    -webkit-margin-top: 200px;
    -moz-margin-top: 200px;
  }
  
}
@media only screen and (min-width: 1900px) and (max-width: 2560px) {

  .tymSet{
    padding-left: 472px;
    padding-top: 26px;
  }
  .tymSet1{
    display: flex;
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1225.33px) {
  .allmediaSet {
    margin-top: 0px !important;
    -webkit-margin-top: -0px;
    -moz-margin-top: -0px;
  }
  footer {
    margin-top: -100px !important;
    -webkit-margin-top: -100px !important;
    -moz-margin-top: -100px !important;
  }
  .footeres {
    margin-top: 110px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1440px) {
  .allmediaSet {
    margin-top: 0px !important;
    -webkit-margin-top: 0px !important;
    -moz-margin-top: 0px !important;
  }
  footer {
    margin-top: 61px !important;
    -webkit-margin-top: 0px !important;
    -moz-margin-top: 0px !important;
  }
  .brSet{
    display: none !important;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1800px) {
  .allmediaSet {
    margin-top: 15px !important;
    -webkit-margin-top: 15px !important;
    -moz-margin-top: 15px !important;
  }
  footer {
    margin-top: 79px !important;
    -webkit-margin-top: 79px !important;
    -moz-margin-top: 79px !important;
  }
}

/* flip-card css start */
.cardMaindiv {
  transform-style: preserve-3d;
}

.cardMaindiv .mainBox {
  position: relative;
  width: 250px;
  height: 250px;
  /* margin: 20px; */
  /* margin-bottom: 20px; */
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;

  transform-style: preserve-3d;
  perspective: 1000px;
  cursor: pointer;
}

.cardMaindiv .mainBox .cardBody {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.9s ease;
}

.cardMaindiv .mainBox .cardBody .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cardMaindiv .mainBox .cardBody .imgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cardMaindiv .mainBox .cardBody .Cardcontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f0ec;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: rotateY(180deg);
}

.cardMaindiv .mainBox:hover .cardBody {
  transform: rotateY(180deg);
}

.cardMaindiv .mainBox .cardBody .Cardcontent div {
  padding: 18px;
  font-size: 13px;
  font-weight: bold;
  color: #000 !important;
}

.cardMaindiv .mainBox .cardBody .Cardcontent div h3 {
  letter-spacing: 1px;
}
@media (max-width: 480px) {
  .cardMaindiv .mainBox {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (max-width: 992px) {
  .projects-column {
    width: 358px !important;
  }
   .widthSet{
      width:100% !important;
  }
  .hotelimgSet{
    background: none !important;
  }
}
/* flip-card css end */

.cardMaindiv1 {
  transform-style: preserve-3d;
}

.cardMaindiv1 .mainBox1 {
  position: relative;
  width: 250px;
  height: 250px;
  /* margin: 20px; */
  /* margin-bottom: 20px; */
  margin-top: 20px;
  margin-left: 10px;

  transform-style: preserve-3d;
  perspective: 1000px;
  cursor: pointer;
}

.cardMaindiv1 .mainBox1 .cardBody1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.9s ease;
}

.cardMaindiv1 .mainBox1 .cardBody1 .imgBox1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cardMaindiv1 .mainBox1 .cardBody1 .imgBox1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cardMaindiv1 .mainBox1 .cardBody1 .Cardcontent1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f0ec;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: rotateY(180deg);
}

.cardMaindiv1 .mainBox1:hover .cardBody1 {
  transform: rotateY(180deg);
}

.cardMaindiv1 .mainBox1 .cardBody1 .Cardcontent1 div {
  /* transform-style: preserve-3d; */
  /* padding: 18px; */
  /* background: linear-gradient(45deg, #FE0061,#FFEB3B); */
  /* transform: translateZ(100px); */
  font-size: 14px;
  /* font-weight: bold; */
  color: #000 !important;
}

.cardMaindiv1 .mainBox1 .cardBody1 .Cardcontent1 div h3 {
  letter-spacing: 1px;
}

.relativeset {
  position: relative;
}
.postionset {
  position: absolute;
  /* z-index: 1; */
  bottom: 55px;
  left: 35px;
  /* color: #f1f1f1; */
  font-weight: bolder;
  /* background-color: transparent ; */
  background-color: rgba(255, 255, 255, 0);
  /* opacity: 0.7; */
  background: rgba(0, 0, 0, 0.5);
  /* background: rgba(0, 0, 0, 0.411); */
}
.postionset2 {
  position: absolute;
  /* z-index: 1; */
  bottom: 55px;
  left: 40px;
  padding-left: 11px;
  padding-right: 11px;
  /* color: #f1f1f1; */
  font-weight: bolder;
  /* background-color: transparent ; */
  background-color: rgba(0, 0, 0, 0);
  /* opacity: 0.7; */
  background: rgba(0, 0, 0, 0.5);
  /* background: rgba(0, 0, 0, 0.411); */
}
.postionset3 {
  position: absolute;
  /* z-index: 1; */
  bottom: 45px;
  left: 38px;
  padding-left: 35px;
  padding-right: 35px;
  /* color: #f1f1f1; */
  font-weight: bolder;
  /* background-color: transparent ; */
  /* background-color: rgba(0, 0, 0, 0) ; */
  /* opacity: 0.7; */
  /* background: rgba(0,0,0,0.5); */
  /* background: rgba(0, 0, 0); */
}
.postionset4 {
  position: absolute;
  /* z-index: 1; */
  bottom: 45px;
  left: 38px;
  padding-left: 21px;
  padding-right: 21px;
  /* color: #f1f1f1; */
  font-weight: bolder;
  /* background-color: transparent ; */
  /* background-color: rgba(0, 0, 0, 0) ; */
  /* opacity: 0.7; */
  /* background: rgba(0,0,0,0.5); */
  /* background: rgba(0, 0, 0, 0.411); */
}
.roundedSet{
    border-radius: 10px 10px 0 0;
}
.projects-column {
  width: 260px !important;
}
.projects-column p {
  background: #fff;
  color: #000;
  padding: 12px 0;
  font-weight: bold;
  border-radius: 0 0 10px 10px;
  /*box-shadow: 0 0 2px 3px #e2e2e2;*/
  margin-top: 0px;
  margin-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .mainBox1 {
    width: 220px !important;
    height: 220px !important;
  }
  .mainBox {
    width: 228px !important;
    height: 228px !important;
  }
  .projects-column {
    width: 230px !important;
  }
  .cardMaindiv .mainBox{
    margin-left: 0px !important ;
  }
  .hiveCard1 p{
    font-size: 4px !important;
  }
}
@media only screen and (min-width: 767px) and (max-width: 993px) {
  .cardMaindiv .mainBox{
    margin-left: 50px ;
  }
  .imgBox1{
    margin-left: 35px !important;
  }
  .projects-column{
    margin-left: 35px !important;
  }
  .setDisplay{
    display: flex !important;
    justify-content:space-between !important;
  }
  .txtSet{
    padding: 0px 35px 0px 80px;
  }
}


.cardMaindiv2 {
  transform-style: preserve-3d;
}

.cardMaindiv2 .mainBox2 {
  position: relative;
  width: 380px;
  height: 380px;
  /* margin: 20px; */
  /* margin-bottom: 20px; */
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  object-fit:fill;
  transform-style: preserve-3d;
  perspective: 1000px;
  cursor: pointer;
}

.cardMaindiv2 .mainBox2 .cardBody2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.9s ease;
}

.cardMaindiv2 .mainBox2 .cardBody2 .imgBox2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cardMaindiv2 .mainBox2 .cardBody2 .imgBox2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.cardMaindiv2 .mainBox2 .cardBody2 .Cardcontent2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f0ec;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: rotateY(180deg);
}

.cardMaindiv2 .mainBox2:hover .cardBody2 {
  transform: rotateY(180deg);
}

.cardMaindiv2 .mainBox2 .cardBody2 .Cardcontent2 div {
  /* transform-style: preserve-3d; */
  padding: 18px;
  /* background: linear-gradient(45deg, #FE0061,#FFEB3B); */
  /* transform: translateZ(100px); */
  font-size: 14px;
  font-weight: bold;
  color: #000 !important;
}

.cardMaindiv2 .mainBox2 .cardBody2 .Cardcontent2 div h3 {
  letter-spacing: 1px;
}