.me-booking-a-style {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 176.19%;
  text-decoration-line: underline;
  color: #eb5647;
}
.me-ticket-a-style {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 176.19%;
  text-decoration-line: underline;
  color: #16b054;
}
.explore-our-h2,
.all-h2-font-48-bold {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  color: #3c4858;
}
.main-font-Helvetica-16-normal {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 176.19%;
  text-align: center;
  color: #555554;
}
.main-font-Roboto-16-normal {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
  color: #3c4858;
}
.main-font-Roboto-22-bolt {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  text-align: center;
  color: #3e4857;
}
.main-font-Arial-16-normal {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 179.19%;
  color: #3c4858;
}
.main-font-Roboto-24-bolt {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #1e3061;
}
.page-header {
  background: #2e0652;
  height: 700px;
}
.main-image {
  width: 530px;
  height: 501px;
}
body {
  font-family: Arial, sans-serif !important;
}
h1.title {
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 60px !important;
  color: #fff;
}
.main-font-arial-38-bold {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 116.99%;
  color: #3e4857;
}
.sub-title {
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.info-title {
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  color: #1e3061 !important;
}
.info-text {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #555554 !important;
  text-align: center !important;
}
@media (max-width: 1199px) {
  .main-image-block {
    display: none;
  }
}
.info-card {
  margin-left: 70px;
  margin-right: 70px;
  padding-top: 70px;
  padding-bottom: 30px;
}
.create-qr-title {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  color: #000;
}
.create-qr-btn {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #fff !important;
}
@media (max-width: 460px) {
  .info-card {
    margin-right: 35px;
    margin-left: 35px;
  }
}
.info-card-wrapper {
  padding: 0;
  margin: 0;
  height: 100%;
  background: #f4f4f4;
  border-radius: 20px;
}
.features > .row > .col-md-6 {
  margin-bottom: 16px;
}
#main-img {
  max-width: 100%;
}
.phone-design > .title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140.69%;
  color: #3e4857;
  margin-bottom: 13px;
  margin-top: 0;
}
.phone-design > .brush::before {
  content: url(../img/Vector.png);
  margin-left: -15%;
  margin-right: 12px;
  position: relative;
  top: 5px;
}
.phone-design > .mic::before {
  content: url(../img/mic.png);
  margin-left: -13%;
  margin-right: 12px;
  position: relative;
  top: 5px;
}
.phone-design > .promote::before {
  content: url(../img/promote.png);
  margin-left: -14%;
  margin-right: 12px;
  position: relative;
  top: 3px;
}
.phone-design > .comment::before {
  content: url(../img/comment.png);
  margin-right: 12px;
  position: relative;
  top: 5px;
}
.phone-design > .attach::before {
  content: url(../img/attach.png);
  margin-right: 12px;
  position: relative;
  top: 5px;
}
.phone-design > .design-content {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 176.19%;
  color: #999b9a;
}
.phone-design > .design-content-r {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 176.19%;
  color: #999b9a;
  margin-left: 15%;
}
@media (max-width: 991px) {
  .phone-design-section {
    text-align: center !important;
  }
  .phone-design .brush::before,
  .phone-design .mic::before,
  .phone-design .promote::before {
    margin-left: 0 !important;
  }
  .phone-design > .design-content-r {
    width: 50%;
    margin-left: 25%;
  }
  .phone-design > .design-content {
    width: 50%;
    margin-left: 25%;
  }
  .phone-design {
    margin-top: 40px !important;
  }
}
.profile-img {
  color: #fff !important;
}
/* Add the underline to the anchor tag */
.custom-link {
    font-size: 18px;
    text-decoration: none;
    /* Remove default underline */
    position: relative;
}

/* Add an underline on hover */
.custom-link:hover::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #2196F3;
    /* You can change the color to your preference */
    transition: right 0.3s;
    /* Add transition for smooth effect */
}

.custom-link:hover i {
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Adjust the shadow values as needed */
    content: "f70c";
}

.custom-link i {
    /* Add any custom styles to the icon, like size, color, etc. */
    font-size: 12px;
    color: #555;
}

/* Media query for mobile devices with a maximum width of 768px */
@media (max-width: 768px) {

    /* Remove the underline for anchor tags in mobile view */
    .custom-link {
        text-decoration: none;
    }

    /* Add an underline on hover */
    .custom-link:hover::after {
        display: none;
    }
}