.elementor .mm-contact-info{margin-inline-start:20px;/* =========================================
 MUHAMMAD MASJID - CONTACT INFO PANEL
 CLASS: mm-contact-info
 COLORS:
 #d3b03c
 #333333
 #f9efe5
 ========================================= */

.mm-contact-info {
  position: relative;
  overflow: hidden;

  padding: 30px;

  background: #333333;

  border-radius: 22px;

  box-shadow:
      0 18px 40px rgba(51,51,51,.18);
}


/* LARGE BACKGROUND RING */
.mm-contact-info::before {
  content: "";

  position: absolute;

  width: 360px;
  height: 360px;

  top: -200px;
  right: -190px;

  border-radius: 50%;

  border: 1px solid rgba(211,176,60,.25);

  box-shadow:
      0 0 0 45px rgba(211,176,60,.04),
      0 0 0 90px rgba(211,176,60,.02);

  pointer-events: none;
}


/* CRESCENT */
.mm-contact-info::after {
  content: "☾";

  position: absolute;

  left: -15px;
  bottom: -35px;

  font-size: 145px;

  color: rgba(211,176,60,.08);

  pointer-events: none;
}


/* HEADING */
.mm-contact-info .elementor-widget-heading .elementor-heading-title {
  position: relative;

  color: #f9efe5 !important;

  text-align: right !important;

  padding-bottom: 13px;

  margin-bottom: 20px;
}


.mm-contact-info .elementor-widget-heading .elementor-heading-title::after {
  content: "";

  position: absolute;

  right: 0;
  bottom: 0;

  width: 65px;
  height: 3px;

  background: #d3b03c;
}


/* MAP */
.mm-contact-info .elementor-widget-google_maps {
  overflow: hidden;

  border-radius: 16px;

  margin-bottom: 22px;

  box-shadow:
      0 12px 28px rgba(0,0,0,.22);
}


.mm-contact-info .elementor-widget-google_maps iframe {
  display: block;

  width: 100%;

  border: 0;

  border-radius: 16px;

  transition:
      transform .35s ease,
      filter .35s ease;
}


.mm-contact-info .elementor-widget-google_maps:hover iframe {
  transform: scale(1.015);

  filter:
      saturate(1.08);
}


/* LIST */
.mm-contact-info .elementor-icon-list-items {
  display: flex !important;

  flex-direction: column !important;

  gap: 12px !important;

  margin: 0 !important;
}


/* EACH CONTACT ITEM */
.mm-contact-info .elementor-icon-list-item {
  display: flex !important;

  flex-direction: row-reverse !important;

  align-items: center !important;

  gap: 13px !important;

  padding: 14px 15px !important;

  margin: 0 !important;

  background: #f9efe5 !important;

  border-right: 4px solid #d3b03c;

  border-radius: 12px;

  transition:
      transform .3s ease,
      background .3s ease;
}


.mm-contact-info .elementor-icon-list-item:hover {
  transform: translateX(-5px);

  background: #d3b03c !important;
}


/* ICON */
.mm-contact-info .elementor-icon-list-icon {
  width: 42px;
  height: 42px;

  min-width: 42px;

  display: flex !important;

  align-items: center;
  justify-content: center;

  background: #333333;

  border-radius: 50%;
}


.mm-contact-info .elementor-icon-list-icon svg {
  width: 17px !important;

  fill: #d3b03c !important;
}


.mm-contact-info .elementor-icon-list-icon i {
  color: #d3b03c !important;
}


/* TEXT */
.mm-contact-info .elementor-icon-list-text {
  width: 100%;

  color: #333333 !important;

  text-align: right !important;

  line-height: 1.7 !important;
}


/* MOBILE */
@media (max-width: 767px) {

  .mm-contact-info {
      padding: 22px 17px;

      border-radius: 17px;
  }

  .mm-contact-info .elementor-icon-list-item {
      padding: 12px 13px !important;
  }

  .mm-contact-info .elementor-icon-list-icon {
      width: 38px;
      height: 38px;

      min-width: 38px;
  }
}\n}