/* create css for svg icons here such that they will work in this format   <i class="fas fa-camera"></i> Ramesh Rajani Photoshoot */
/* icons are in svg directory of the root folder*/
.fas {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.fa-white svg {
    fill: white; /* For solid shapes */
    stroke: white; /* For lines/outlines */
    /* You might also need to set stroke-width if it's a very thin line */
    /* stroke-width: 2px; */
  }

.fa-camera {
  background-image: url('../svg/camera.svg');
}

.fa-location {
  background-image: url('../svg/location.svg');
}

.fa-calendar {
  background-image: url('../svg/calendar.svg');
}

.fa-arrow {
  background-image: url('../svg/arrow.svg');
}

.fa-arrow-right {
  background-image: url('../svg/arrow.svg');
}
.fa-telephone {
  background-image: url('../svg/telephone.svg');
}
.fa-share {
  background-image: url('../svg/share.svg');
}

.fa-telephone-white {
  background-image: url('../svg/telephone-white.svg');
}

/* Add more icon classes as needed following the same pattern:
.fa-[icon-name] {
  background-image: url('../svg/[icon-name].svg');
} */
/* Add more icon classes as needed following the same pattern:
.fa-[icon-name] {
  background-image: url('../svg/[icon-name].svg');
} */