.home{
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}


  .home::before {
    position: absolute;
    /*background-color: #1b1b1b96;*/
    background-color:#1b1b1b40;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.home .video video{
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;

}

.home .scroll-down-content{
    position: absolute;
    bottom: 50px;
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid white; 
    cursor: pointer;
    display: block;
    scroll-behavior: smooth;
}


.home .scroll-down-content i{
   position: absolute;
   top: 30%;
   left: 35%;
   transform: translate(-35%,-30%);
   animation:moveDown 2s linear infinite;
   font-size: 30px;
}

.home .scroll-down-content:hover i{
    color:var(--house-of-laxmi-color);
}


@keyframes moveDown{
    0%,100%{
        transform: translateY(0);
    }

    50%{
        transform: translateY(5px);
    }
}


.image-description h5{
  font-size: 16px;
  margin-bottom: 0;
  }
 

@media (min-width: 320px) {

  .map-section{
    background-image: url(../map/344x882.jpg);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
}

.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 204px;
  left: 196px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 272px;
  left: 107px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 294px;
  left: 197px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 256px;
  left: 260px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 375px;
  left: 54px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 360px;
  left: 121px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 468px;
  left: 110px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 490px;
  left: 247px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 530px;
  left: 145px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 595px;
  left: 95px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 620px;
  left: 253px;
  border-radius: 50%;
}

}

@media (min-width: 345px){

  .map-section{
    background-image: url(../map/360x740.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 115px;
  left: 216px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 183px;
  left: 127px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 208px;
  left: 215px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 170px;
  left: 275px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 285px;
  left: 72px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 270px;
  left: 140px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 367px;
  left: 133px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 465px;
  left: 104px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 445px;
  left: 165px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 406px;
  left: 267px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 475px;
  left: 282px;
  border-radius: 50%;
}

}

@media (min-width: 375px) {
  .map-section{
    background-image: url(../map/375x667.jpg);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 81px;
  left: 224px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 145px;
  left: 136px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 171px;
  left: 223px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 137px;
  left: 284px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 245px;
  left: 80px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 230px;
  left: 147px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 334px;
  left: 140px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 430px;
  left: 112px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 410px;
  left: 170px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 370px;
  left: 275px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 445px;
  left: 290px;
  border-radius: 50%;
}

}

@media (min-width: 390px) {
  .map-section{
    background-image: url(../map/390x844.jpg);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 155px;
  left: 209px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 227px;
  left: 118px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 250px;
  left: 210px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 216px;
  left: 270px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 340px;
  left: 60px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 315px;
  left: 130px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 425px;
  left: 120px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 526px;
  left: 93px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 460px;
  left: 263px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 502px;
  left: 155px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 536px;
  left: 278px;
  border-radius: 50%;
}

}

@media (min-width: 414px) {
  .map-section{
    background-image: url(../map/412x914.jpg);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 162px;
  left: 224px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 242px;
  left: 122px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 275px;
  left: 222px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 232px;
  left: 293px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 366px;
  left: 58px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 340px;
  left: 134px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 460px;
  left: 128px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 570px;
  left: 95px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 500px;
  left: 284px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 546px;
  left: 165px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 580px;
  left: 300px;
  border-radius: 50%;
}

}

@media(min-width: 430px) {
  .map-section{
    background-image: url(../map/430x932.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 174px;
  left: 232px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 250px;
  left: 130px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 285px;
  left: 231px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 242px;
  left: 300px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 370px;
  left: 68px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 346px;
  left: 143px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 465px;
  left: 135px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 577px;
  left: 104px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 505px;
  left: 290px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 552px;
  left: 173px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 590px;
  left: 307px;
  border-radius: 50%;
}

}

@media (min-width: 540px) {
  .map-section{
    background-image: url(../map/540x720.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 87px;
  left: 320px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 176px;
  left: 210px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 210px;
  left: 317px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 165px;
  left: 392px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 305px;
  left: 144px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 277px;
  left: 225px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 410px;
  left: 215px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 522px;
  left: 183px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 451px;
  left: 382px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 495px;
  left: 255px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 534px;
  left: 400px;
  border-radius: 50%;
}

}

@media (min-width: 768px) {
  .map-section{
    background-image: url(../map/768x1024.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 125px;
  left: 462px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 261px;
  left: 302px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 300px;
  left: 460px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 240px;
  left: 568px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 406px;
  left: 320px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 770px;
  left: 260px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 440px;
  left: 204px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 596px;
  left: 310px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:661px;
  left: 554px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 730px;
  left: 366px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 790px;
  left: 580px;
  border-radius: 50%;
}

}

@media (min-width: 820px) {
  .map-section{
    background-image: url(../map/820x1180.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 185px;
  left: 495px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 315px;
  left: 325px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 365px;
  left: 490px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 300px;
  left: 610px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 477px;
  left: 346px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 858px;
  left: 280px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 515px;
  left: 219px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 673px;
  left: 335px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:740px;
  left: 590px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:814px;
  left: 394px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 880px;
  left: 620px;
  border-radius: 50%;
}

}

@media(min-width: 853px) {
  .map-section{
    background-image: url(../map/853x1280.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 200px;
  left: 470px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 350px;
  left: 290px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 405px;
  left: 470px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 330px;
  left: 595px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 520px;
  left: 314px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 940px;
  left: 240px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 567px;
  left: 177px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 735px;
  left: 300px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:805px;
  left: 576px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:895px;
  left: 365px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 955px;
  left: 605px;
  border-radius: 50%;
}

}

@media (min-width: 912px) {
  .map-section{
    background-image: url(../map/912x1368.jpg);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 230px;
  left: 555px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 377px;
  left: 358px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 433px;
  left: 555px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 355px;
  left: 688px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 560px;
  left: 390px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 1004px;
  left: 310px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 607px;
  left: 240px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 790px;
  left: 373px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:870px;
  left: 668px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:956px;
  left: 444px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 1030px;
  left: 700px;
  border-radius: 50%;
}

}

@media (min-width: 1024px) {
  .map-section{
    background-image: url(../map/1024x1366.jpg);
    position: relative;
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
}


.indicator-1{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 218px;
  left: 612px;
  border-radius: 50%;
}

.indicator-1::before,
.indicator-2::before,
.indicator-3::before,
.indicator-4::before,
.indicator-5::before,
.indicator-6::before,
.indicator-7::before,
.indicator-8::before,
.indicator-9::before,
.indicator-10::before,
.indicator-11::before{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
content: '+';
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.indicator-1-description,
.indicator-2-description,
.indicator-3-description,
.indicator-4-description,
.indicator-5-description,
.indicator-6-description,
.indicator-7-description,
.indicator-8-description,
.indicator-9-description,
.indicator-10-description,
.indicator-11-description{
position: absolute;
background: white;
width: 250px;
height: 70px;
display: none;
align-items: center;
top: -71px;
left: -98px;
}

.indicator-1-description::before,
.indicator-2-description::before,
.indicator-3-description::before,
.indicator-4-description::before,
.indicator-5-description::before,
.indicator-6-description::before,
.indicator-7-description::before,
.indicator-8-description::before,
.indicator-9-description::before,
.indicator-10-description::before,
.indicator-11-description::before{
width: 20px;
height: 20px;
position: absolute;
content: '';
background-color: white;
transform: rotate(45deg);
bottom: -13%;
left: 41%;
}

.indicator-1:hover .indicator-1-description,
.indicator-2:hover .indicator-2-description,
.indicator-3:hover .indicator-3-description,
.indicator-4:hover .indicator-4-description,
.indicator-5:hover .indicator-5-description,
.indicator-6:hover .indicator-6-description,
.indicator-7:hover .indicator-7-description,
.indicator-8:hover .indicator-8-description,
.indicator-9:hover .indicator-9-description,
.indicator-10:hover .indicator-10-description,
.indicator-11:hover .indicator-11-description{
display: flex;
}

.indicator-1-description .image,
.indicator-2-description .image,
.indicator-3-description .image,
.indicator-4-description .image,
.indicator-5-description .image,
.indicator-6-description .image,
.indicator-7-description .image,
.indicator-8-description .image,
.indicator-9-description .image,
.indicator-10-description .image,
.indicator-11-description .image{
width: 100px!important;
height: 70px!important;
display: flex;
align-self: flex-start;
}

.indicator-1-description .image img,
.indicator-2-description .image img,
.indicator-3-description .image img,
.indicator-4-description .image img,
.indicator-5-description .image img,
.indicator-6-description .image img,
.indicator-7-description .image img,
.indicator-8-description .image img,
.indicator-9-description .image img,
.indicator-10-description .image img,
.indicator-11-description .image img{
width: 65%;
height: 100%;
object-fit: cover;
}

/* indicator 2 */

.indicator-2{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 375px;
  left: 417px;
  border-radius: 50%;
}



/* indicator 3 */

.indicator-3{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 435px;
  left: 610px;
  border-radius: 50%;
}

/* indicator 4 */

.indicator-4{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 355px;
  left: 745px;
  border-radius: 50%;
}


/* indicator 5 */

.indicator-5{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 559px;
  left: 445px;
  border-radius: 50%;
}


/* indicator 6 */

.indicator-6{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 1001px;
  left: 365px;
  border-radius: 50%;
}


/* indicator 7 */

.indicator-7{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 607px;
  left: 298px;
  border-radius: 50%;
}


/* indicator 8 */

.indicator-8{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 788px;
  left: 428px;
  border-radius: 50%;
}


/* indicator 9 */

.indicator-9{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:863px;
  left: 724px;
  border-radius: 50%;
}


/* indicator 10 */

.indicator-10{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top:956px;
  left: 497px;
  border-radius: 50%;
}

/* indicator 11 */

.indicator-11{
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: var(--house-of-laxmi-color-golden);
  top: 1025px;
  left: 757px;
  border-radius: 50%;
}

}

@media (min-width: 1280px) {
  .map-section{
    background-image: url(../map/1280x800.jpg);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
    background-position: 0x;
  }

  .indicator-1{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 50px;
    left: 880px;
    border-radius: 50%;
  }
  
  .indicator-1::before,
  .indicator-2::before,
  .indicator-3::before,
  .indicator-4::before,
  .indicator-5::before,
  .indicator-6::before,
  .indicator-7::before,
  .indicator-8::before,
  .indicator-9::before,
  .indicator-10::before,
  .indicator-11::before{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: '+';
  font-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }
  
  .indicator-1-description,
  .indicator-2-description,
  .indicator-3-description,
  .indicator-4-description,
  .indicator-5-description,
  .indicator-6-description,
  .indicator-7-description,
  .indicator-8-description,
  .indicator-9-description,
  .indicator-10-description,
  .indicator-11-description{
  position: absolute;
  background: white;
  width: 250px;
  height: 70px;
  display: none;
  align-items: center;
  top: -71px;
  left: -98px;
  }
  
  .indicator-1-description::before,
  .indicator-2-description::before,
  .indicator-3-description::before,
  .indicator-4-description::before,
  .indicator-5-description::before,
  .indicator-6-description::before,
  .indicator-7-description::before,
  .indicator-8-description::before,
  .indicator-9-description::before,
  .indicator-10-description::before,
  .indicator-11-description::before{
  width: 20px;
  height: 20px;
  position: absolute;
  content: '';
  background-color: white;
  transform: rotate(45deg);
  bottom: -13%;
  left: 41%;
  }
  
  .indicator-1:hover .indicator-1-description,
  .indicator-2:hover .indicator-2-description,
  .indicator-3:hover .indicator-3-description,
  .indicator-4:hover .indicator-4-description,
  .indicator-5:hover .indicator-5-description,
  .indicator-6:hover .indicator-6-description,
  .indicator-7:hover .indicator-7-description,
  .indicator-8:hover .indicator-8-description,
  .indicator-9:hover .indicator-9-description,
  .indicator-10:hover .indicator-10-description,
  .indicator-11:hover .indicator-11-description{
  display: flex;
  }
  
  .indicator-1-description .image,
  .indicator-2-description .image,
  .indicator-3-description .image,
  .indicator-4-description .image,
  .indicator-5-description .image,
  .indicator-6-description .image,
  .indicator-7-description .image,
  .indicator-8-description .image,
  .indicator-9-description .image,
  .indicator-10-description .image,
  .indicator-11-description .image{
  width: 100px!important;
  height: 70px!important;
  display: flex;
  align-self: flex-start;
  }
  
  .indicator-1-description .image img,
  .indicator-2-description .image img,
  .indicator-3-description .image img,
  .indicator-4-description .image img,
  .indicator-5-description .image img,
  .indicator-6-description .image img,
  .indicator-7-description .image img,
  .indicator-8-description .image img,
  .indicator-9-description .image img,
  .indicator-10-description .image img,
  .indicator-11-description .image img{
  width: 65%;
  height: 100%;
  object-fit: cover;
  }
  
  /* indicator 2 */
  
  .indicator-2{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 140px;
    left: 780px;
    border-radius: 50%;
  }
  
  
  
  /* indicator 3 */
  
  .indicator-3{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 160px;
    left: 885px;
    border-radius: 50%;
  }
  
  /* indicator 4 */
  
  .indicator-4{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 120px;
    left: 950px;
    border-radius: 50%;
  }
  
  
  /* indicator 5 */
  
  .indicator-5{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 250px;
    left: 710px;
    border-radius: 50%;
  }
  
  
  /* indicator 6 */
  
  .indicator-6{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 220px;
    left: 790px;
    border-radius: 50%;
  }
  
  
  /* indicator 7 */
  
  .indicator-7{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 350px;
    left: 785px;
    border-radius: 50%;
  }
  
  
  /* indicator 8 */
  
  .indicator-8{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 460px;
    left:750px;
    border-radius: 50%;
  }
  
  
  /* indicator 9 */
  
  .indicator-9{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:435px;
    left: 820px;
    border-radius: 50%;
  }
  
  
  /* indicator 10 */
  
  .indicator-10{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:400px;
    left:950px;
    border-radius: 50%;
  }
  
  /* indicator 11 */
  
  .indicator-11{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 450px;
    left: 1010px;
    border-radius: 50%;
  }

}

@media (min-width: 1366px) {
  .map-section{
    background-image: url(../map/1280x800.jpg);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
    background-position: 0;
  }

  .indicator-1{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 40px;
    left: 945px;
    border-radius: 50%;
  }
  
  .indicator-1::before,
  .indicator-2::before,
  .indicator-3::before,
  .indicator-4::before,
  .indicator-5::before,
  .indicator-6::before,
  .indicator-7::before,
  .indicator-8::before,
  .indicator-9::before,
  .indicator-10::before,
  .indicator-11::before{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: '+';
  font-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }
  
  .indicator-1-description,
  .indicator-2-description,
  .indicator-3-description,
  .indicator-4-description,
  .indicator-5-description,
  .indicator-6-description,
  .indicator-7-description,
  .indicator-8-description,
  .indicator-9-description,
  .indicator-10-description,
  .indicator-11-description{
  position: absolute;
  background: white;
  width: 250px;
  height: 70px;
  display: none;
  align-items: center;
  top: -71px;
  left: -98px;
  z-index:100;
  }
  
  .indicator-1-description::before,
  .indicator-2-description::before,
  .indicator-3-description::before,
  .indicator-4-description::before,
  .indicator-5-description::before,
  .indicator-6-description::before,
  .indicator-7-description::before,
  .indicator-8-description::before,
  .indicator-9-description::before,
  .indicator-10-description::before,
  .indicator-11-description::before{
  width: 20px;
  height: 20px;
  position: absolute;
  content: '';
  background-color: white;
  transform: rotate(45deg);
  bottom: -13%;
  left: 41%;
  }
  
  .indicator-1:hover .indicator-1-description,
  .indicator-2:hover .indicator-2-description,
  .indicator-3:hover .indicator-3-description,
  .indicator-4:hover .indicator-4-description,
  .indicator-5:hover .indicator-5-description,
  .indicator-6:hover .indicator-6-description,
  .indicator-7:hover .indicator-7-description,
  .indicator-8:hover .indicator-8-description,
  .indicator-9:hover .indicator-9-description,
  .indicator-10:hover .indicator-10-description,
  .indicator-11:hover .indicator-11-description{
  display: flex;
  }
  
  .indicator-1-description .image,
  .indicator-2-description .image,
  .indicator-3-description .image,
  .indicator-4-description .image,
  .indicator-5-description .image,
  .indicator-6-description .image,
  .indicator-7-description .image,
  .indicator-8-description .image,
  .indicator-9-description .image,
  .indicator-10-description .image,
  .indicator-11-description .image{
  width: 100px!important;
  height: 70px!important;
  display: flex;
  align-self: flex-start;
  }
  
  .indicator-1-description .image img,
  .indicator-2-description .image img,
  .indicator-3-description .image img,
  .indicator-4-description .image img,
  .indicator-5-description .image img,
  .indicator-6-description .image img,
  .indicator-7-description .image img,
  .indicator-8-description .image img,
  .indicator-9-description .image img,
  .indicator-10-description .image img,
  .indicator-11-description .image img{
  width: 65%;
  height: 100%;
  object-fit: cover;
  }
  
  /* indicator 2 */
  
  .indicator-2{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 120px;
    left: 830px;
    border-radius: 50%;
  }
  
  
  
  /* indicator 3 */
  
  .indicator-3{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 150px;
    left: 940px;
    border-radius: 50%;
  }
  
  /* indicator 4 */
  
  .indicator-4{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 110px;
  left: 1020px;
    border-radius: 50%;
  }
  
  
  /* indicator 5 */
  
  .indicator-5{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 250px;
    left: 765px;
    border-radius: 50%;
  }
  
  
  /* indicator 6 */
  
  .indicator-6{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:230px;
    left: 850px;
    border-radius: 50%;
  }
  
  
  /* indicator 7 */
  
  .indicator-7{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 350px;
    left: 840px;
    border-radius: 50%;
  }
  
  
  /* indicator 8 */
  
  .indicator-8{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 480px;
    left:800px;
    border-radius: 50%;
  }
  
  
  /* indicator 9 */
  
  .indicator-9{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:450px;
    left: 880px;
    border-radius: 50%;
  }
  
  
  /* indicator 10 */
  
  .indicator-10{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:410px;
    left:1015px;
    border-radius: 50%;
  }
  
  /* indicator 11 */
  
  .indicator-11{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 475px;
    left: 1080px;
    border-radius: 50%;
  }

}

@media(min-width:1920px){

  .map-section{
    background-image: url(../img/house-of-laxmi-map.png);
    position: relative;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
    background-position: -250px;
  }

  .indicator-1{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 62px;
    left: 1010px;
    border-radius: 50%;
    display: none;
  }
  
  .indicator-1::before,
  .indicator-2::before,
  .indicator-3::before,
  .indicator-4::before,
  .indicator-5::before,
  .indicator-6::before,
  .indicator-7::before,
  .indicator-8::before,
  .indicator-9::before,
  .indicator-10::before,
  .indicator-11::before{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: '+';
  font-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }
  
  .indicator-1-description,
  .indicator-2-description,
  .indicator-3-description,
  .indicator-4-description,
  .indicator-5-description,
  .indicator-6-description,
  .indicator-7-description,
  .indicator-8-description,
  .indicator-9-description,
  .indicator-10-description,
  .indicator-11-description{
  position: absolute;
  background: white;
  width: 250px;
  height: 70px;
  display: none;
  align-items: center;
  top: -71px;
  left: -98px;
  }
  
  .indicator-1-description::before,
  .indicator-2-description::before,
  .indicator-3-description::before,
  .indicator-4-description::before,
  .indicator-5-description::before,
  .indicator-6-description::before,
  .indicator-7-description::before,
  .indicator-8-description::before,
  .indicator-9-description::before,
  .indicator-10-description::before,
  .indicator-11-description::before{
  width: 20px;
  height: 20px;
  position: absolute;
  content: '';
  background-color: white;
  transform: rotate(45deg);
  bottom: -13%;
  left: 41%;
  }
  
  .indicator-1:hover .indicator-1-description,
  .indicator-2:hover .indicator-2-description,
  .indicator-3:hover .indicator-3-description,
  .indicator-4:hover .indicator-4-description,
  .indicator-5:hover .indicator-5-description,
  .indicator-6:hover .indicator-6-description,
  .indicator-7:hover .indicator-7-description,
  .indicator-8:hover .indicator-8-description,
  .indicator-9:hover .indicator-9-description,
  .indicator-10:hover .indicator-10-description,
  .indicator-11:hover .indicator-11-description{
  display: flex;
  }
  
  .indicator-1-description .image,
  .indicator-2-description .image,
  .indicator-3-description .image,
  .indicator-4-description .image,
  .indicator-5-description .image,
  .indicator-6-description .image,
  .indicator-7-description .image,
  .indicator-8-description .image,
  .indicator-9-description .image,
  .indicator-10-description .image,
  .indicator-11-description .image{
  width: 100px!important;
  height: 70px!important;
  display: flex;
  align-self: flex-start;
  }
  
  .indicator-1-description .image img,
  .indicator-2-description .image img,
  .indicator-3-description .image img,
  .indicator-4-description .image img,
  .indicator-5-description .image img,
  .indicator-6-description .image img,
  .indicator-7-description .image img,
  .indicator-8-description .image img,
  .indicator-9-description .image img,
  .indicator-10-description .image img,
  .indicator-11-description .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  
  /* indicator 2 */
  
  .indicator-2{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 210px;
    left: 1260px;
    border-radius: 50%;
  }
  
  
  
  /* indicator 3 */
  
  .indicator-3{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 220px;
    left: 1420px;
    border-radius: 50%;
  }
  
  /* indicator 4 */
  
  .indicator-4{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 265px;
    left: 1560px;
    border-radius: 50%;
  }
  
  
  /* indicator 5 */
  
  .indicator-5{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 420px;
    left: 1145px;
    border-radius: 50%;
  }
  
  
  /* indicator 6 */
  
  .indicator-6{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 420px;
    left: 1275px;
    border-radius: 50%;
  }
  
  
  /* indicator 7 */
  
  .indicator-7{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 370px;
    left: 1430px;
    border-radius: 50%;
  }
  
  
  /* indicator 8 */
  
  .indicator-8{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 780px;
    left:1050px;
    border-radius: 50%;
  }
  
  
  /* indicator 9 */
  
  .indicator-9{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:613px;
    left: 1268px;
    border-radius: 50%;
  }
  
  
  /* indicator 10 */
  
  .indicator-10{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top:580px;
    left:1436px;
    border-radius: 50%;
  }
  
  /* indicator 11 */
  
  .indicator-11{
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: var(--house-of-laxmi-color-golden);
    top: 712px;
    left: 1538px;
    border-radius: 50%;
  }

}

.tab-container{
    width: 100%;
}

.tab_box {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    font-size: 18px;
    font-weight: 600;
    position: relative;
    overflow-x: auto; /* Allow horizontal scrolling */
    white-space: nowrap; /* Prevent tabs from wrapping to a new line */
  }
  
  .tab_box .tab_btn {
    font-size: 18px;
    font-weight: 600;
    color: #f1f1f1;
    background: none;
    border: none;
    padding: 18px;
    cursor: pointer;
    white-space: nowrap;/* Prevent tabs from wrapping to a new line */
  }
  
  .tab_box .line {
    position: absolute;
    width: 90px;
    height: 3px;
    top: 60px;
    left: 0;
    background-color: var(--house-of-laxmi-color-golden);
    border-radius: 10px;
    transition: all 0.3s ease;
  }

  .tab_box .line::before{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    content: '';
    background-color: var(--house-of-laxmi-color-golden);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  /* Hide scrollbar in WebKit-based browsers (Chrome, Safari) */
.tab_box::-webkit-scrollbar {
  display: none; /* Hide scrollbar */
}

/* Hide scrollbar in Firefox */
.tab_box {
  scrollbar-width: none; /* Hide scrollbar in Firefox */
}

  
  .tab_box .tab_btn.active {
    color: var(--house-of-laxmi-color-golden);
  }
  

  
  .content_box {
    padding: 20px;
  }
  
  .content_box .content {
    display: none;
    animation: moving 0.5s ease;
  }
  
  @keyframes moving {
    from {
      transform: translateY(50px);
      opacity: 0;
    }
  
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  .content_box .content.active {
    display: block;
  }
  .content_box .content h2 {
    margin-bottom: 10px;
  }

  .arrowcontrols{
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .arrowcontrols .arrow{
   width: 50px;
   height: 50px;
   background-color: var(--house-of-laxmi-color-dark);
   border-radius: 50%;
   border: 1px soild white;
   margin: 20px;
  }

  .team-area-start-elements{
    background-color: var(--bs-light);
  }
  
  
  #counter {    
    background-color: var(--bs-light);
    color: #fff;
    display: block;
    overflow: hidden!important;
    padding: 100px 0;
}


.serv-section-2 {
  position: relative;
  border: 1px solid var(--house-of-laxmi-color);
  background: var(--house-of-laxmi-color);
  box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
  border-radius: 5px;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 20px;
  transform: none;
  transition: all 1s linear;
 
}

.serv-section-2:before {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 0;
  content: " ";
  width: 80px;
  height: 80px;
  background: var(--house-of-laxmi-color-dark);
  border-bottom-left-radius: 136px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2-icon {
  position: absolute;
  top: 18px;
  right: 22px;
  max-width: 100px;
  z-index: 1;
  text-align: center;
}

.serv-section-2-icon i {
  color: var(--house-of-laxmi-color-golden);
  font-size: 28px;
  line-height: 40px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.serv-section-desc {
  position: relative;
}

.serv-section-2 h4 {
  color: var(--house-of-laxmi-color-golden);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
}

.serv-section-2 h5 {
  color: var(--house-of-laxmi-color-golden);
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
  margin-top: 5px;
}

.section-heading-line-left {
  content: '';
  display: block;
  width: 100px;
  height: 3px;
  background: var(--house-of-laxmi-color-dark);
  border-radius: 25%;
  margin-top: 15px;
  margin-bottom: 5px;
}

.serv-section-2 p {
  margin-top: 25px;
  padding-right: 50px;
}

.serv-section-2:hover{
  transform: scale(1.03);
}

.serv-section-2:hover .serv-section-2-icon i {
  color: #fff;
}

.serv-section-2:hover:before {
  background: var(--house-of-laxmi-color-golden);
}

.budget{
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 20px;
}

@media(max-width:992px){
  .budget{
    flex-wrap: wrap;
  }

  .budget input{
    height: 20px!important;
  }

  .budget label{
    margin-bottom: 0;
  }


}
.budget input[type="radio"]{
  padding-left: 10px;
}

.linear-bg{
    /* background-image: url(../img/house-of-laxmi-background-image.jpg);
    background-repeat: no-repeat; */
    height: 400px;
    position: relative;
    /* background-size: cover; */
    background-color: var(--house-of-laxmi-color-dark);
    border-bottom: 1px solid rgba(255, 255, 255, .2);

}

.linear-bg .page-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-family:Trajan ProRegular;
  font-size:36px;
  text-transform: uppercase;
  font-weight: bolder;
  background: -webkit-linear-gradient(#BD9F68, #D6BC81, #9E8149);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* overflow: visible;  */
  padding: 50px;
  line-height: 1.8;
}

@media(max-width:768px){

  .linear-bg{
    height: 200px;
  }
  .linear-bg .page-text{
    position: relative;
    font-size:23px;
    line-height: 1.1;
    padding-top: 100px;
    text-align: center;
  }
  
}


.downloadbrochureForm{
  padding: 10px;
  background-color: var(--house-of-laxmi-color-dark);
}

.downloadbrochureForm .form-group input{
  padding: 8px 15px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 5px;
  color: white;
}

.modal-header{
  padding: 20px!important;
  background-color: var(--house-of-laxmi-color)!important;
  
}

.modal-header h1{
  font-size: 20px!important;
}

.downloadbrochureForm .modal-content{
  border-radius: 5px;
  
}

.hidden{
	display: none;
}



.rts-btn.btn-white.download{
  display: block;
  width: 100%;
  border: 1px solid white;
}

.downloadbrochureForm .form-group input::placeholder{
  color: white;
}

.downloadbrochureForm .form-group input:focus{
  border: 1px solid var(--house-of-laxmi-color-golden);
}


        .awards-section {
            padding: 50px 20px;
        }


        /* Awards Grid */
        .awards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        /* Award Card */
        .award-card {
            position: relative;
            background: var(--house-of-laxmi-color-dark);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            cursor: pointer;
        }

        .award-card:hover {
            transform: scale(1.05);
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
        }

        .award-card img {
            width: 100%;
            height: auto;
            border-radius: 10px 10px 0 0;
        }
    

        .award-card h3 {
            font-size: 2rem;
            margin: 15px 0;
            color: var(--house-of-laxmi-color-golden);
        }

        .award-card p {
            color: #666;
            padding: 0 15px 20px;
             font-size: 1.2rem;
            padding: 0 20px;
        }

        /* Interactive Overlay */
        .award-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transform: scale(0.9);
            transition: opacity 0.4s ease, transform 0.4s ease;
        }

        .award-card:hover .award-overlay {
            opacity: 1;
            transform: scale(1);
        }

        .award-overlay h3 {
            font-size: 2rem;
            margin: 15px 0;
            color: var(--house-of-laxmi-color-golden);
        }

        .award-overlay p {
            font-size: 1.2rem;
            padding: 0 20px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .awards-grid {
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            }
        }
        
        
         .design-list {
            list-style: none;
            padding: 0;
            border-bottom: 1px solid #eee;
        }
        
         .design-list li {
            position: relative;
            padding-left: 25px;
            color:#333333;
             padding: 10px 0;
            
        }

        .design-list li strong {
            display: inline-block;
            margin-bottom: 5px;
            color:var(--house-of-laxmi-color-dark);
            
        }
        
          .design-list:last-child {
            border-bottom: none;
        }

        .design-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color:#333333;
        }
        
        .gap-section-padd{
            padding-top:20px;
        }
       
    .search-bar {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
   }

 .blogs{
  min-height: 100vh;
  background-color: var(--white-color);
 }

.blog-container {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
}

.blog-container h1 {
    margin-bottom: 20px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 35px;
    background: -webkit-linear-gradient(#BD9F68, #D6BC81, #9E8149);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.blog-post {
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition:all .3s ease;
}

.blog-post:hover {
    transform: translateY(-5px);
}

.blog-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.blog-post h2 {
    font-size: 25px;
    margin: 20px 0;
    color: var(--bs-light);
    padding: 0 20px;
}

.blog-post p {
    font-size: 15px;
    color: var(--bs-light);
    margin-bottom: 20px;
    padding: 0 20px;
}

.blog-post a {
    display: inline-block;
    margin: 10px 20px;
    padding: 8px 15px;
    color: var(--bs-light);
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    border: 2px solid var(--house-of-laxmi-color);
    margin-bottom: 30px;
}


  .blog-post .blog-date{
    color: var(--house-of-laxmi-color-golden);
    margin-bottom:20px;
}

.blog-post:hover a {
    border: 2px solid var(--house-of-laxmi-color-golden);
    color:var(--house-of-laxmi-color-golden);
}


.view-all {
    display: block;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: var(--secondary-color);
    border: 2px solid var(--primary-color);
    transition: all .3s ease;
}

.view-all:hover {
    border: 2px solid var(--house-of-laxmi-color-golden);
    color: var(--house-of-laxmi-color-golden);
}

.background-blogs-banner{
    background-image: url('https://cdn.pixabay.com/photo/2014/12/27/15/40/office-581131_1280.jpg');
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.875rem, -0.4688rem + 7.5vw, 3.75rem);
    position: relative;
}

.background-blogs-banner::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.background-blogs-banner h2{
    color: var(--white-color);
    text-shadow: 2px 2px rgba(0,0,0,0.5);
    text-transform: uppercase;
}

.blog-title-center{
    z-index: 2;
}

@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
}


.blogs-container {
     display: flex; 
     max-width: 1200px; 
     margin: auto;
     gap: 20px; 
     padding: 70px 0;
    
    }
    .blogs-container .left {
     flex: 2; 
     border-radius: 10px; 
    }

   .blogs-container .right {
    flex: 1;
    background: var(--house-of-laxmi-color-dark);
    padding: 20px; 
    border-radius: 10px; 
    max-height: 300px;
    box-shadow: 0 .3rem .5rem rgba(0,0,0,.1);
    position: sticky;
    top: 150px;
    left: 0;
    }

    .blogs-container .right h2{
    padding-bottom: 10px;
    color: var(--house-of-laxmi-color-golden);
    border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .blogs-container .right:hover h2{
        color: var(--house-of-laxmi-color-golden);
    }

  .blogs-container  .blog-post { 
    border-bottom: 1px solid #fff;
    transition: transform 0.3s ease-in-out;
    margin-bottom: 20px;
    background-color:var(--house-of-laxmi-color-dark);
 }

.blogs-container  .blog-post:hover{
    transform: scale(1.02);
}

.blogs-container  .blog-post h2 {
      font-size: 25px; 
      margin:10px 0;
      
     }

  .blog-post:hover h2{
        color: var(--house-of-laxmi-color-golden);

     }

.blogs-container  .blog-image { 
    width: 100%;
    height: auto;
    max-height: 250px; 
    object-fit: cover; 
    border-radius: 10px; 
}

.blog-content{
    padding: 30px;
    box-shadow:  0 .3rem .5rem rgba(0,0,0,.3);
    margin-bottom: 20px;
    background-color:var(--house-of-laxmi-color-dark);
}

.blog-content p{
    color: var(--secondary-color);
    padding:20px;
}

.back-to-blog{
    color:var(--house-of-laxmi-color-golden);
}
.blogs-container  .recent-post { 
    margin: 15px; 
}

.blogs-container .recent-post a{
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration:none;
    color: var(--white-color);
}

.blogs-container .recent-post:hover a{
    color: var(--house-of-laxmi-color-golden);
}

@media (max-width: 991px) {
    .blogs-container {
       flex-direction: column;
       margin-bottom: 50px;
    }
}

.pagination {
    text-align: center;
    margin-top: 20px;
    color: var(--secondary-color);
}

.pagination button {
    width: 150px;
    height: 44px;
    margin: 5px;
    border: none;
    background: var(--house-of-laxmi-color-dark);
    color: white;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
}

.pagination button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* blog container end */
    .pcolor{
        color:#454343;
    }
        .redevelopment-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            margin:0 auto;
        }
        .step {
            background: linear-gradient(135deg, #402020, #402020);
            color: #fff;
            padding: 20px;
            margin: 30px 0;
            width: 80%;
            max-width: 600px;
            border-radius: 12px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            flex-direction: column;
            transition: transform 0.3s ease-in-out;
        }
        .step:hover {
            transform: scale(1.05);
        }
        .icon {
            font-size: 40px;
            margin-bottom: 20px;
            color:var(--house-of-laxmi-color-golden);
        }
        .title {
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 20px;
            color:var(--house-of-laxmi-color-golden);
        }
        .content {
            font-size: 16px;
            color: #f0f0f0;
        }
        .arrow {
            font-size: 30px;
            color: var(--house-of-laxmi-color-dark);
            /*animation: bounce 1s infinite alternate;*/
            text-align:center;
            
        }
        @keyframes bounce {
            from {
                transform: translateY(0);
            }
            to {
                transform: translateY(10px);
            }
        }