@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 12px;
  scroll-behavior: smooth !important;
}
/*--== font ==--*/
@font-face {
  font-family: "good_timesregular";
  src: url("../fonts/Good_Times/good_times_400-webfont.woff2"),
    url("../fonts/Good_Times/good_times_400-webfont.woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  --color-white: #fff;
  --color-black: #000;
  --font-montserrat: "Montserrat", sans-serif;
  --font-good-times: "good_timesregular";
  --font-Inter: "Inter", sans-serif;
  --theme-bg: rgb(11, 14, 29);
}

#body {
  background: var(--theme-bg);
  z-index: -1;
}
#body:before {
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  transform: rotate(180deg);
}
nav.navbar {
  transition: all 0.3s;
  position: sticky;
  top: 0;
  z-index: 9;
}
.scroll-top {
  background: rgb(12 14 30 / 70%);
  box-shadow: 0px 8px 15px rgb(255 255 255 / 14%);
  z-index: 99;
}
.cstm-block {
  display: block;
}

.pl-30px-deks {
  padding-left: 30px;
}

.mt-40px-deks {
  margin-top: 40px;
}

.mt-50px-deks {
  margin-top: 50px;
}

.mb-50px-deks {
  margin-bottom: 50px;
}

.pt-30px-desk {
  padding-top: 30px;
}
.pt-20px-desk {
  padding-top: 20px;
}
.header-logo,
.footer_logo img {
  max-width: calc(100% - 41px);
}
.navbar {
  padding: 20px 0px;
}
/* .spacer-3 {
} */
.spacer-60 {
  height: 60px;
}
.spacer-80 {
  height: 80px;
}
.spacer-180 {
  height: 180px;
}
.spacer-top {
  height: 140px;
}
.spacer {
  height: 160px;
}
.navbar .navbar-nav li {
  margin-left: 25px !important;
  padding-right: unset;
}
.navbar .navbar-nav .resources_list {
  position: relative;
}
.navbar .navbar-nav .resources_list .dropdown-menu {
  position: absolute;
  background: linear-gradient(
    239.52deg,
    rgba(51, 21, 101, 0.4) 0%,
    rgba(51, 21, 101, 0.4) 38.71%
  );
  padding: 10px 10px;
  min-width: 150px;
  border-radius: 10px;
  transform: translate(0px, 30px);
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
}
.navbar .navbar-nav .resources_list:hover .dropdown-menu {
  transform: translate(0px, 0px);
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
}
.navbar .navbar-nav .resources_list .dropdown-menu li {
  margin-left: 0px !important;
  padding-top: 8px;
}
.navbar .navbar-nav .resources_list .dropdown-menu li a:hover {
  background: linear-gradient(90deg, #b448ea 0%, #6e38fe 100.23%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.navbar .navbar-nav li a {
  font-family: var(--font-montserrat);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.219rem;
  color: var(--color-white);
  transition: all 0.3s;
  transition: all 0.3s;
}
.navbar .navbar-nav li a.active {
  position: relative;
  transition: all 0.3s;
}
.navbar .navbar-nav li a.active:before {
  width: 100%;
  height: 4px;
  background: linear-gradient(268deg, #7183e0 0%, #a05ad8 55.21%, #de55a7 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.banner-tp-grid {
  display: grid;
  grid-template-columns: 1fr 421px;
  gap: 60px;
}
.banner-tp-grid .banner_video {
  margin-top: 60px;
}
.banner-tp-grid .banner_video iframe {
  width: 100%;
  height: 350px;
  display: block !important;
}
.banner_left-content .description-text {
  margin-top: 20px;
}

.explore-voice-btn {
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
  font-family: var(--font-montserrat);
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.5px;
  text-align: center;
  color: var(--color-white);
  border: none;
  width: 258px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
}
.submit_response-btn {
  width: 257px;
  font-family: var(--font-inter);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: center;
  border-radius: 6px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  gap: 15px;
  background: transparent;
  border: solid 1px #fff;
}

.small-heading-section {
  font-family: var(--font-good-times);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 3.75rem;

  color: var(--color-white);
}
.box-text {
  font-family: var(--font-inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  opacity: 70% !important;
  color: var(--color-white);
}
.small-heading {
  font-family: var(--font-inter);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.75rem;
  opacity: 80% !important;
  color: var(--color-white);
}

.big-heading {
  font-family: var(--font-good-times);
  font-size: 3rem;
  font-weight: 400;
  line-height: 4.8rem;
  color: var(--color-white);
}
.form-heading {
  font-family: var(--font-good-times);
  font-size: 1.714rem;
  font-weight: 400;
  line-height: 2.057rem;
  color: var(--color-white);
}
.turning-qualified {
  padding-top: 60px;
}
.turning-qualified .video-area {
  text-align: center;
  overflow: hidden;
  border-radius: 40px;
}

.turning-qualified .video-area iframe {
  max-width: 100%;
  width: 421px;
  height: 440px;
  border-radius: 40px;
}

.description-text {
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #b6b7bb;
}

.getInTouch-btn {
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
  width: 434px;
  height: 56px;
  border-radius: 6px;
  border: none;
  color: #fff;
}

.mirai-bg-line-image {
  position: absolute;
  right: 0;
  top: -100px;
  z-index: 0;
}
.real-estate-content p {
  text-align: center !important;
}
.real-estate-image {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 50px;
}
.real-estate-image .mobi-bx img,
.gr_box .mobi-bx img,
.stand-thr-grid .thrbx img {
  max-width: 56px;
}
/* width */
.real-estate-image::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}

/* Track */
.real-estate-image::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 1);
}

/* Handle */
.real-estate-image::-webkit-scrollbar-thumb {
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
}

/* Handle on hover */
.real-estate-image::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
}

.rl_box {
  background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
  border-radius: 30px;
  border: solid 1.8px rgba(176, 167, 176);
  width: 100%;
  padding: 35px;
  margin-bottom: 15px;
  height: 100%;
}

.rl_box:last-child {
  margin-bottom: 0px;
}
.rl_box_new {
  text-align: center;
}
.rl_box .box-big-heading,
.smallheading-text {
  font-family: var(--font-good-times);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.08em;
  text-align: left;
  color: #fff;
  margin-bottom: 0px;
}

.rl_box .box-discription {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  text-align: left;
  color: #b6b7bb;
  margin-bottom: 0px;
}

.mirai-our-advance .mirai-grd-heading {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px;
}

.mirai-our-advance {
  /* background: url(../../assets/mirai-images/mirai-bg.png); */

  position: relative;
  z-index: 1;
}

.mirai-bg-element {
  position: absolute;
  transform: translate(0px, -50%);
  top: 0;
  right: 0;
  max-width: 100%;
  z-index: 0;
}

.mirai-bg-greadient {
  position: absolute;
  top: 0%;

  z-index: 0;
  width: 100%;
}

.cstm-index {
  position: relative;
  z-index: 2;
}

/* .mirai-our-advance:before {
    position: absolute;
    content: '';
    background: url(../mirai-images/mirai-right-back-img.png);
    top: -1000px;
    right: 0;
    width: 1045px;
    height: 1828px;
    z-index: -2px;
}


.mirai-our-advance:after {
    position: absolute;
    content: '';
    background: url(../mirai-images/mirai-after-bg-img.png);
    left: calc(50% - 500px);
    bottom: -200px;
    width: 1000px;
    height: 1301px;
    background-repeat: no-repeat;
} */
.mirai-grid-video-outer {
  display: grid;
  grid-template-columns: 1fr 544px;
  gap: 15px;
  align-items: center;
}
.banner_right-content {
  height: 100%;
}
.mirai-grid-video-outer .video-area {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}
.mirai-grid-video-outer .video-area iframe {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  min-height: 306px;
}
.mirai-grd-heading h1 {
  background: linear-gradient(90deg, #b448ea 0%, #6e38fe 100.23%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-family: var(--font-good-times);
  font-size: 6.813rem;
  font-weight: 400;
  line-height: 6.813rem;
  text-align: left;
}

.mirai-grd-heading p {
  font-family: var(--font-good-times);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.813rem;
  text-align: left;
  color: #fff;
}

.mirai-para p {
  font-family: var(--font-Inter);
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;

  color: #fff;
  opacity: 0.7;
}

.call-snippets {
  position: relative;
}

.call-snippets-bg-img {
  position: absolute;
  right: 0;
  top: -60%;
  z-index: 0;
}

.call-snippet-greadient {
  position: absolute;
  left: 0;
  max-width: 100%;
  top: -40%;
  z-index: 0;
}

.audio_box {
  padding: 30px;
  border-radius: 10px;
  background: linear-gradient(
    239.52deg,
    rgba(51, 21, 101, 0.8) 0%,
    rgba(51, 21, 101, 0.8) 38.71%
  );
}

.audio_box h4 {
  font-family: var(--font-good-times);
  font-size: 1rem;
  font-weight: 400;
  line-height: 3.375rem;
  text-align: left;
  color: var(--color-white);
}

.audio_box ul {
  list-style: none;
  display: flex;
  gap: 15px;
  flex-flow: column;
}

.audio-content {
  background: #4625861f;
  border-radius: 10px;
  padding: 15px 30px;
  box-shadow: 0px 0px 18px rgb(43 20 87 / 55%);
}

.hide {
  display: none;
}

.audioControls button {
  background: none;
  border: none;
  z-index: 1;
}

.audioControls {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0px;
}

.audio-progress {
  background: linear-gradient(95.25deg, #543861 0.54%, #483779 97.46%);
  padding: 8px 20px;
  border-radius: 12px;
  width: 100%;
}

.audioControls button img {
  max-width: 67px;
}

.startTime,
.endTime {
  font-family: var(--font-Inter);
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  opacity: 0.7;
  color: var(--color-white);
  width: 55px;
}

.startTime {
  padding-left: 20px;
}

.progressBar {
  width: 100%;
  max-width: 335px;
}

.audio-progress {
  transform: translate(-25px, 0px);
  z-index: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}

.audio_text {
  margin: 15px 0px;
}

.audio_text .lyricsContainer span {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 600;
  line-height: 2.25rem;
  text-align: center;
  color: var(--color-white);
  opacity: 30%;
}

.audio_text .lyricsContainer {
  display: none;
}
.audio_text .lyricsContainer span.active {
  color: #fff;
  opacity: 100%;
  display: block;
}

.audio-content p {
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
  text-align: left;
  color: #fff;
  opacity: 90%;
}

.audio_box ul li {
  display: flex;
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  text-align: center;
  color: #fff;
  gap: 15px;
  opacity: 90%;
}
.audio-player {
  margin-top: 30px;
}
.audio-player audio {
  width: 100%;
}

.audio_box ul li input {
  width: 16px;
  height: 16px;
}

.read_context {
  display: flex;
  gap: 30px;
  justify-content: start;
  align-items: center;
}

.read_context a {
  text-decoration: none;
  font-family: var(--font-Inter);
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  color: #fff;
}

.read_context a span {
  border-bottom: solid 1px #fff;
}

.how_mirai_works {
  z-index: 9;
  /* position: relative; */
}

.how_mirai_works_grid {
  display: grid;
  grid-template-columns: 713px 551px;
  gap: 30px;
}

.gr_box {
  background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
  padding: 25px;
  border-radius: 30px;
  height: 100%;
}

.stand-out-grid {
  display: grid;
  grid-template-columns: 505px 1fr;
  gap: 60px;
}
.stand-out-grid {
  border-radius: 0px;
  overflow: hidden;
}
.stand-out-grid iframe {
  width: 505px;
  height: 284px;
  border-radius: 0px;
}
/* .smallheading-text {
  font-family: var(--font-good-times);
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3.063rem;
  letter-spacing: 0.08em;
  color: #fff;
} */

.small-paragraph {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}

.gr_box .smallheading-text {
  margin-top: 30px;
}

.mirai-stands-out {
  position: relative;
}

.stand-outbg {
  position: absolute;
  left: 0;
  top: -100%;
  max-width: 100%;
  z-index: 0;
}

.stand-thr-grid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 42px;
}

.stand-thr-grid .thrbx p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  opacity: 80% !important;
  color: var(--color-white);
  margin-top: 20px;
}

.faq-content {
  background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
  padding: 30px;
  border-radius: 30px;
}

.faq_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  text-align: center;
}

.fq-heading {
  background: linear-gradient(239.52deg, #331565 0%, #331565 38.71%);
  padding: 15px 39px;
  border-radius: 15px;
}

.fq-outer {
  margin-bottom: 15px;
}

.fq-heading h6 {
  font-family: var(--font-Inter);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-align: left;
  color: #fff;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.fq-content {
  padding: 10px 99px 10px 39px;
  display: none;
}

.fq-content p,
.fq-content ul li {
  font-family: var(--font-Inter);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.875;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}
.fq-content ul {
  margin: 0;
}

.plus_icon {
  width: 20px;
  height: 2.31px;
  background: #fff;
  display: block;
  position: relative;
}

.plus_icon:before {
  height: 20px;
  width: 3px;
  background: #fff;
  display: block;
  position: absolute;
  content: "";
  left: 8.5px;
  top: -8px;
}
.fq-heading.active .plus_icon:before {
  display: None;
}
.explore-all-ai-bg {
  position: absolute;
  right: 0;
  max-width: 100%;
  top: -70%;
  z-index: 0;
}

.explore_greadient {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 100%;
}

.voice_agent .big-heading a {
  color: #fff;
  text-decoration: none;
}

.map-image {
  position: absolute;
  top: -50px;
}

.voice-agent-box {
  display: grid;
  grid-template-columns: 378px 378px 378px;
  gap: 30px;
  background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
  justify-content: center;
  padding: 30px;
  border-radius: 30px;
}

.box-1 {
  background: rgba(249, 249, 251, 1);
  border-radius: 10px 0px 0px 10px;
  padding: 25px 25px 0px 25px;
  position: relative;
  z-index: 0;
}

.box-1:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgb(239, 236, 250);
  width: 256px;
  height: 195px;
  z-index: -1;
  border-radius: 24.96px 24.96px 0px 0px;
}

.mirai_top_grid {
  display: grid;
  grid-template-columns: 593px 1fr;
  gap: 57px;
  transform: translate(0px, 150px);
}

.mirai-alternative-suggestions .alter_sug img {
  max-width: 136px;
}

.mirai-alternative-suggestions .alter_sug {
  height: 480px;
  width: 100%;
  max-width: 325px;
  border-radius: 30px;
  border: 1.8px solid #fff;
  padding: 30px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.mirai-alternative-suggestions .alter_sug h4 {
  font-family: var(--font-good-times);
  font-size: 24px;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #fff;
  margin-bottom: 0px;
}

.box-1 .real-estate-img img {
  max-width: 219.65px;
}

.top_line {
  display: flex;
  gap: 15px;
  align-items: center;
}

.top_line h4 {
  font-family: var(--font-good-times);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.688rem;
  letter-spacing: 0.04em;
  text-align: center;
}

.content_line {
  margin-top: 10px;
}

.content_line p {
  font-family: var(--font-Inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 0px;
}

.box-2 {
  background: rgba(249, 249, 251, 1);
  position: relative;
  border: solid 2.5px rgba(248, 219, 255, 1);
  border-radius: 0px 25px 25px 0px;
  border-left: 0px;
  z-index: 0;
  padding: 25px;
}

.box-2:before {
  position: absolute;
  width: 200px;
  height: 100px;
  content: "";
  top: 0;
  right: 0;
  background: url(../mirai-images/box-2-before-img.png);
  border-radius: 0px 25px 0px 25px;
  opacity: 0.2;
}

.box-2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(239, 236, 250);
  width: 150px;
  height: 195px;
  z-index: -1;

  border-radius: 0px 0px 0px 24.96px;
}

.box-2content {
  margin-top: 20px;
}

.box-2content p {
  margin-top: 30px;
}

.box-2content h4 {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(33, 37, 41, 1);
}

.box-2content p {
  font-family: var(--font-Inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgb(98, 101, 104);
}

.box-3 {
  background: rgba(249, 249, 251, 1);
  padding: 25px;
  border-radius: 25px 25px 0px 0px;
  border: solid 2.5px rgba(248, 219, 255, 1);
  border-bottom: 0px;
}

.box-4 {
  background: rgba(249, 249, 251, 1);
  padding: 25px 25px 0px 25px;
  border-radius: 25px 0px 0px 25px;
  border: solid 2.5px rgba(248, 219, 255, 1);
  border-right: 0px;
  position: relative;
  z-index: 0;
}

.box-4 .circle-4-img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  max-width: 250px;
}

.fb-img {
  display: flex;
  justify-content: center;
}

.fb-img img {
  max-width: 223.39px;
}

.bottom-image {
  position: absolute;
  bottom: 0;
  left: 0;
}

.health-care-img {
  display: flex;
  justify-content: center;
}

.health-care-img img {
  max-width: 259.58px;
}

.box5-inner1 {
  background: linear-gradient(268deg, #dd57ff 0%, #3d58e6 100%);
  height: 133px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
}

.box5-inner1 {
  max-width: 100%;
}

.box5-inner2 {
  border: solid 2.5px rgba(248, 219, 255, 1);
  background: rgba(249, 249, 251, 1);
  margin-top: 15px;
  border-radius: 0px 25px 25px 0px;
  padding: 25px;
}

.box5-text {
  display: flex;
  justify-content: end;
}

.box5-text p {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: 0.04em;
  text-align: right;
  margin-bottom: 0px;
}

.circle-5-img {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  max-width: 250px;
}

.box-6 {
  background: rgba(249, 249, 251, 1);
  padding: 25px 25px 0px 25px;
  border-radius: 0px 0px 25px 25px;
  border: solid 2.5px rgba(248, 219, 255, 1);
  border-right: 0px;
  position: relative;
  z-index: 0;
}

.top-image {
  position: absolute;
  top: 0;
  left: 0;
}

.pizza-shop-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  gap: 40px;
}

.pizza-shop-content p {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: 0.04em;
  text-align: left;
  max-width: 150px;
  margin-bottom: 0px;
}

.pizza-shop-content img {
  max-width: 143px;
}

.mirai_four_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  justify-content: center;
  margin-top: 60px;
}
.mirai-para {
  margin-top: 16px;
}
.mirai-box-1,
.mirai-box-2,
.mirai-box-4 {
  height: 375px;
  width: 100%;
  max-width: 325px;
  border-radius: 30px;
  border: 1.8px solid #fff;
  padding: 30px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 9;
}

.mirai-box-2:hover,
.alter_sug:hover {
  background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
  transition: all 0.3s;
}

.mirai-box-2 p,
.alter_sug p {
  font-family: var(--font-Inter);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translate(0px, -10px);
}

.mirai-box-2:hover p,
.alter_sug:hover p {
  display: block;
  opacity: 0.7;
  visibility: visible;
  transition: all 0.5s;
  transform: translate(0px, 0px);
}

.mirai-box-2:hover img,
.alter_sug:hover img {
  display: none;
}

.mirai-box-1 h4,
.mirai-box-2 h4,
.mirai-box-4 h4 {
  font-family: var(--font-good-times);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.813rem;
  letter-spacing: 0.08em;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
}

.mirai-box-2 img {
  width: 80px;
}

.mirai-box-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}

.mirai-box-4 img {
  width: 144px;
}

.book_demo_call {
  position: relative;
}

.book-a-demo-call-bg {
  position: absolute;
  left: 0;
  max-width: 100%;
  top: 0%;
  z-index: 0;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
  margin-top: 28px;
}

.checkbox-inp {
  display: flex;
  gap: 10px;
  align-items: center;
}

.form-inner {
  background: linear-gradient(
    239.52deg,
    rgba(51, 21, 101, 0.4) 0%,
    rgba(51, 21, 101, 0.4) 38.71%
  );
  padding: 40px;

  border-radius: 40px;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.05);
  margin: auto;
}

.form-group {
  margin-bottom: 25px;
}

.form-grid .form-group p {
  font-size: 1.143rem;
  font-family: var(--font-Inter);
  color: var(--color-white);
  margin-bottom: 0px;
  line-height: 1.5rem;
}
.hbspt-form label {
  font-family: var(--font-Inter) !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: var(--color-white);
  margin-bottom: 0px;
}
.hbspt-form .hs-form-field {
  margin-bottom: 22px;
}
.hbspt-form .submitted-message {
  color: #fff;
  text-align: center;
  font-family: var(--font-Inter);
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  text-align: center;
}

/* .hbspt-form #hs-form-iframe-0 {
  height: auto !important;
} */
.form-grid #hs-form-iframe-0 iframe body:before {
  display: none;
}
.form-grid .form-group p a {
  color: #fff;
  text-decoration: underline;
}

.form-grid .form-group .form-control,
.hbspt-form .hs-input {
  height: 32px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 1.2rem;
  padding: 0;
}
.hbspt-form
  #you_agree_to_our_friendly_privacy_policy-5a9bd2f8-ac0c-4be1-9fe5-3d72acd3ca1f {
  height: auto;
}
label.hs-form-booleancheckbox-display span a {
  color: #fff !important;
}
.form-grid .hs-form-booleancheckbox-display span a {
  color: #fff !important;
}
.hbspt-form
  .hs_country_code.hs-country_code.hs-fieldtype-select.field.hs-form-field {
  width: 30%;
  float: left;
}
.hbspt-form
  .hs_country_code.hs-country_code.hs-fieldtype-select.field.hs-form-field
  select {
  border-radius: 8px 0px 0px 8px;
}
.hbspt-form .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {
  width: 70%;
  float: left;
}
.hbspt-form
  .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field
  .hs-input {
  border-radius: 0px 8px 8px 0px;
}
.hbspt-form .hs-input.hs-fieldtype-textarea {
  height: 112px;
  resize: none;
}
.hbspt-form .hs_lastname.hs-lastname {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.hbspt-form .actions,
.hbspt-form .hs_message.hs-message {
  margin: 0px;
  padding: 0px;
}
.form-grid textarea.form-control {
  height: 142px !important;
  resize: none;
}

.form-outer .submit_btn {
  width: 434px;
  height: 56px;
  border: 2px solid #331565;
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: rgba(255, 255, 255, 1);
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 30px auto auto auto;
  border-radius: 6px;
  border: none;
}
.hbspt-form .hs-button.primary.large {
  width: 100%;
  height: 39px;
  border: 2px solid #331565;
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
  font-family: var(--font-Inter);
  font-size: 1.143rem;
  font-weight: 400;
  line-height: 0;
  color: rgba(255, 255, 255, 1);
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 20px auto auto auto;
  border-radius: 6px;
  border: none;
}
.hbspt-form .hs-form__virality-link {
  display: none;
}
.navbar {
  position: relative;
}

.input_outer {
  display: flex;
}
.input_outer select.form-control {
  max-width: 70px;
  width: 70px;
  border-radius: 8px 0px 0px 8px !important;
  border-right: 0px;
}
.input_outer .form-control {
  border-radius: 0px 8px 8px 0px !important;
  border-left: 0px;
}
footer .add h4 {
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 32.11px;
  text-align: left;
  color: var(--color-white);
  margin-top: 15px;
}
footer .add p {
  font-family: var(--font-Inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 24.08px;
  text-align: left;
  color: var(--color-white);
  margin-top: 12px;
}
footer .add a {
  font-family: var(--font-Inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 24.08px;
  text-align: left;
  color: var(--color-white);
}
.mail-link a {
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 32.11px;
  text-align: left;
  color: #fff;
}
.copyright .foot_logo_sec {
  display: flex;

  align-items: center;
  gap: 15px;
}
.foot_logo_sec > div a {
  border: solid 1px #fff;
  border-radius: 7px;
  padding: 10px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_logo {
  height: 100%;
  display: flex;
  align-items: CENTER;
}
.copyright .foot_logo_sec img {
  height: 18px;
}
.cpr {
  border-top: solid 1px rgba(208, 213, 221, 1);
  padding-top: 30px;
}
.cpr p {
  color: #d0d5dd;
  font-family: var(--font-Inter);
  font-size: 1rem;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0em;
  margin-bottom: 0px;
}
.mail-link a {
 
  display: block;
}
.main-page .heading-section h2 {
  color: #fff;
}
.main-page .heading-section {
  margin-bottom: 20px;
}
.main-page .heading-2 p,
.main-page .heading-2 h4,
.main-page .heading-2 h5,
.main-page .heading-2 p,
.main-page .heading-2 li p,
.main-page .heading-2 li h4,
.main-page .heading-2 li {
  color: #fff;
  font-family: var(--font-Inter);
}
.main-page .heading-2 li {
  padding-bottom: 10px;
  font-size: 16px;
}

.main-page .heading-2 li h4,
.main-page .heading-2 h4 {
  font-size: 18px;
  line-height: 26px;
}
.main-page .heading-2 li p,
.main-page .heading-2 p {
  font-size: 16px;
  line-height: 24px;
}
.thank-youform {
  text-align: center;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.thank-youform img {
  max-width: 75px;
}
.thank-youform p {
  color: #fff;
  font-family: var(--font-inter);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

.lets_chat-grid {
  display: grid;
  grid-template-columns: 630px 1fr;
  justify-content: space-between;
  align-items: center;
}

.lets_chat-grid a {
  text-decoration: none;
  display: flex;
  justify-content: end;
}
.book_a-demo {
  background: linear-gradient(95.25deg, #b649ea 0.54%, #6c38ff 97.46%);
  font-family: var(--font-Inter);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 19.36px;
  text-align: center;
  color: var(--color-white);
  width: 310px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: none;
  gap: 10px;
}

ul.footer-menu {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: CENTER;
  list-style: none;
  gap: 15px;
}
ul.footer-menu li a {
  color: #d0d5dd;
  font-family: var(--font-Inter);
  font-size: 1rem;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0em;
  margin-bottom: 0px;
}
.certified-member-logo {
 margin-top:10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap:20px;
}
.certified-member-logo p{
font-family: var(--font-Inter);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #fff;
}
.certified-member h4 {
  font-family: var(--font-Inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 32.11px;
  text-align: left;
  color: #fff;
}
.splide-video-bx {
  margin-top: 50px;
}
.spacing-50 {
  padding: 25px 0px;
}
.who-should-join.key-ben ul li {
  opacity: 100% !important;
}
@media (max-width: 767px) {
  .spacer-top,
  .spacer-180 {
    height: 60px;
  }
  ul.footer-menu {
    margin-top: 20px;
  }
  .hbspt-form
    .hs_country_code.hs-country_code.hs-fieldtype-select.field.hs-form-field,
  .hbspt-form .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {
    width: 100%;
  }
  .hbspt-form
    .hs_country_code.hs-country_code.hs-fieldtype-select.field.hs-form-field
    select,
  .hbspt-form
    .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field
    .hs-input {
    border-radius: 8px 8px 8px 8px;
  }
  .hbspt-form .submitted-message {
    font-size: 14px;
  }
  .audio-content p,
  .audio_box ul li {
    font-size: 14px;
  }

  .footer_logo {
    margin-bottom: 20px;
    justify-content: center;
  }
  .footer_logo img,
  .navbar-brand img {
    max-width: 90px;
  }
  .spacer {
    height: 60px;
  }
  .navbar-collapse {
    order: 4 !important;
  }
  .navbar {
    padding: 15px 0px !important;
  }
  .mirai-bg-line-image,
  .book-a-demo-call-bg,
  .explore_greadient,
  .explore-all-ai-bg,
  .call-snippets-bg-img,
  .mirai-bg-element,
  .mirai-bg-greadient,
  .stand-outbg {
    display: none;
  }

  .mt-20-mob {
    margin-top: 20px;
  }

  .banner-tp-grid,
  .form-grid,
  .real-estate-problem-grid,
  .how_mirai_works_grid,
  .stand-out-grid,
  .faq_grid,
  .voice-agent-box,
  .mirai_top_grid,
  .mirai_four_grid,
  .ai-business-workshop,
  .ai-business-key-focus,
  .who-should-join .join-grid,
  .proven_impact-kfocus {
    grid-template-columns: 1fr !important;
  }

  .voice-agent-box {
    padding: 0px;
  }

  .text-center-mob {
    text-align: center;
  }

  .getInTouch-btn {
    width: 140px;
    height: 29px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: center;
  }
  .small-heading,
  .big-heading,
  .description-text {
    text-align: center !important;
  }
  .small-heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .big-heading {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 15px;
  }

  .description-text {
    font-family: var(--font-Inter);
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 20px;
  }
  .banner_left-content .description-text {
    margin-top: 15px;
  }
  .cstm-block {
    display: unset;
  }

  .explore-voice-btn {
    width: 210px;
    height: 29px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.063rem;
    text-align: center;
    border-radius: 6px;
  }

  .mb-cntrl {
    margin: 0px 0px;
    padding: 0px 15px;
    align-items: center;
  }
  .audio_box h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .text-left-mob {
    text-align: left !important;
  }

  .form-inner {
    padding: 30px;
  }

  .form-grid {
    gap: 0px;
  }

  .form-grid .form-group p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
  }

  .form-grid .form-group .form-control {
    height: 33px;

    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
  }

  .form-outer .submit_btn {
    width: 140px;
    height: 29px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: center;

    padding: 6px 12px;
  }

  .form-outer .submit_btn img {
    width: 6px;
  }

  .gr_box img {
    max-width: 45px !important;
  }

  .smallheading-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.08em;
    text-align: left;
  }

  .small-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
  }

  .mobi-bx {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 15px;
  }

  .rl_box img {
    max-width: 45px;
    height: 45px;
  }

  .rl_box .box-big-heading {
    margin-top: 0px !important;
    padding-top: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.08em;
    text-align: left;
  }

  .rl_box .box-discription {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
  }

  .stand-thr-grid {
    flex-flow: column;
  }

  .stand-thr-grid .thrbx {
    text-align: center;
  }

  .stand-thr-grid .thrbx img {
    max-width: 45px;
    height: 45px;
  }

  .stand-thr-grid .thrbx p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.08em;
    text-align: center;
    opacity: 100% !important;
  }

  .stand-out-content .description-text {
    text-align: center;
    margin-top: 20px;
  }

  .faq-section .faq-left {
    text-align: center;
  }

  .faq-content {
    padding: 0px;
  }

  .fq-heading h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
  }

  .fq-content p {
    font-family: var(--font-Inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
  }

  .plus_icon {
    width: 10px;
    height: 1px;
  }
  .plus_icon:before {
    height: 10px;
    width: 1px;
    left: 4.5px;
    top: -3.5px;
  }
  .fq-heading.active .plus_icon:before {
    height: 10px;
    width: 1px;
    top: -4px;
    left: 5px;
  }

  .faq-left {
    padding: 15px;
  }

  .box-1,
  .box-2,
  .box-3,
  .box-4,
  .box-5,
  .box-6 {
    border-radius: 6px;
  }

  .box-2 {
    display: none;
  }

  .box-1 {
    display: flex;
    align-items: end;
  }

  .box-4 {
    display: flex;
  }

  .box-5,
  .box-6 {
    display: none;
  }

  .health-care-img img {
    max-width: 168px;
  }

  .circle-4-img {
    display: none;
  }

  .box-1 .real-estate-img img {
    max-width: 173px;
  }

  .box-1:before {
    width: 213px;
    height: 80px;
  }

  .top_line {
    gap: 8px;
  }

  .top_line h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.9px;
    letter-spacing: 0.04em;
    text-align: center;
  }

  .box-3 .cstm-padding {
    display: flex;
  }

  .img-mob-opizza {
    max-width: 92px !important;
  }

  .audio_box {
    padding: 15px;
  }

  .audio_box ul {
    flex-flow: column;
    gap: 5px;
  }

  .audio_box ul li img {
    max-width: 18px;
  }
  .audioControls button img {
    width: 50px;
  }

  .audio-player {
    width: 100%;
  }

  .startTime,
  .endTime {
    font-size: 12px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
  }

  .audio-progress {
    padding: 4px 10px;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .progressBar {
    width: calc(80% - 40px);
    max-width: 288px;
  }
  .audio_text .lyricsContainer span {
    font-size: 14px;

    font-weight: 600;
    line-height: 36px;
  }

  .read_context {
    justify-content: center;
  }

  .read_context a {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
  }

  .read_context a img {
    width: 12px;
    height: 12px;
  }

  .audio_box {
    margin-bottom: 15px;
  }

  .mirai-box-1,
  .mirai-box-2,
  .mirai-box-4,
  .mirai-alternative-suggestions .alter_sug {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
    padding: 15px;
  }

  .mirai-box-1 h4,
  .mirai-box-2 h4,
  .mirai-box-4 h4,
  .mirai-alternative-suggestions .alter_sug h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.08em;
    text-align: right;
  }

  .alter_sug {
  }

  .mirai_top_grid {
    transform: translate(0px, 0px);
  }

  .mirai-box-2 img,
  .mirai-alternative-suggestions .alter_sug img {
    max-width: 45px;
  }
  .mirai-our-advance .mirai-grd-heading {
    flex-flow: column;
    gap: 0px;
  }
  .mirai-grd-heading h1 {
    order: 2;
    font-size: 60px;
    line-height: 60px;
  }
  .mirai-grd-heading P {
    font-size: 14px;
    line-height: 24.5px;
    text-align: center;
  }
  .mirai-para p {
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    text-align: center;
    margin-top: 15px;
    opacity: 0.7;
  }
  .alter_sug,
  .mirai-box-2 {
    flex-flow: row !important;
    flex-wrap: wrap !important;
    justify-content: start !important;
    gap: 15px;
    align-items: center;
  }
  .alter_sug img {
    flex-basis: 45px;
  }
  .mirai-box-2:hover img,
  .alter_sug:hover img,
  .mirai-box-2 p,
  .alter_sug p {
    display: block;
  }
  .mirai-box-2 p,
  .alter_sug p {
    order: 2;
    font-family: var(--font-Inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
    text-align: left;
    transform: translate(0px, 0px) !important;
    visibility: visible !important;
    opacity: 0.7;
  }
  .mirai-box-1,
  .mirai-box-2,
  .mirai-box-4,
  .mirai-alternative-suggestions .alter_sug {
    background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
    border: none;
  }
  .alter_sug h4 {
    text-align: left !important;
  }
  .mirai-box-1 h4,
  .mirai-box-2 h4,
  .mirai-box-4 h4,
  .mirai-alternative-suggestions .alter_sug h4 {
    text-align: left;
  }
  .mirai-box-1 h4 span,
  .mirai-box-2 h4 span,
  .mirai-box-4 h4 span,
  .mirai-alternative-suggestions .alter_sug h4 span {
    display: block;
  }
  .mirai_four_grid .mirai-box-2:nth-child(1),
  .mirai_four_grid .mirai-box-2:last-child {
    justify-content: start !important;
  }
  /* .mirai_four_grid .mirai-box-2:nth-child(4),
  .mirai_four_grid .mirai-box-2:last-child,
  .mirai_four_grid .mirai-box-2:nth-child(2),
  .mirai_four_grid .mirai-box-2:last-child {
    justify-content: end !important;
  } */
  /* .mirai_four_grid .mirai-box-2:nth-child(4) img {
    order: 2;
  } */
  /* .mirai_four_grid .mirai-box-2:nth-child(1),
  .mirai_four_grid .mirai-box-2:last-child p,
  .mirai_four_grid .mirai-box-2:nth-child(2),
  .mirai_four_grid .mirai-box-2:nth-child(2) p {
    text-align: right;
  } */

  .explore-voice-btn,
  .explore--voice-btn-mob {
    order: 3;
  }

  .stand-out-grid iframe,
  .turning-qualified .video-area iframe {
    width: 100%;
    height: 300px;
    border-radius: 15px;
  }
  .voice-agent-box {
    gap: 15px;
  }
  .fq-content {
    padding: 10px 15px 10px 25px;
  }
  .input_outer select.form-control {
    max-width: 90px;
    width: 90px;
  }
  .real-estate-image {
    grid-template-columns: 1fr;
  }
  .fq-heading {
    padding: 15px 15px;
  }
  .fq-heading h6 span:nth-child(1) {
    width: calc(100% - 25px);
  }
  footer .add {
    margin-top: 25px;
    text-align: center;
  }
  footer .add h4 {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
  footer .add p,
  footer .add a {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
  .mail-link a {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
  .cpr p {
    margin-top: 30px;
  }
  .banner-tp-grid .banner_video {
    margin-top: 40px;
  }
  .gr_box .smallheading-text {
    margin-top: 0px;
  }
  .stand-out-img {
    margin-top: 20px;
  }
  .real-estate-image .pt-30px-desk {
    padding-top: 0px;
  }
  .certified-member h4 {
    font-size: 14px;
    line-height: 16px;
    text-align: center !important;
  }
  .certified-member-logo {
    text-align: center;
    margin-top: 10px;
  }
  .ai-business-key-focus .mobi-bx {
    flex-flow: column;
  }
  .ai-business-key-focus .mobi-bx p {
    text-align: center;
  }
  .pt-0-mob {
    padding-top: 0px;
  }
  .proven_impact-kfocus .prv-box h4 {
    font-size: 3rem !important;
  }
  .proven_impact-kfocus .prv-box p {
    font-size: 16px !important;
    line-height: 26px !important;
  }
  .What-participants-say .splide__slide .video-bx {
    height: auto !important;
  }
  .exp-highlight {
    margin-top: 15px;
  }
  .exp-highlight li {
    font-size: 12px !important;
    line-height: 22px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .big-heading,
  .small-heading,
  .description-text {
    text-align: center !important;
  }
  .main-page .heading-2 li {
    padding-bottom: 10px;
    font-size: 14px;
  }
  .main-page .heading-2 li h4,
  .main-page .heading-2 h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .main-page .heading-2 li p,
  .main-page .heading-2 p {
    font-size: 14px;
    line-height: 22px;
  }
  .mirai-grid-video-outer .video-area iframe {
    height: 200px;
    border-radius: 20px;
  }
  .lets_chat-grid .grid_content h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .lets_chat-grid .grid_content p {
    font-family: var(--font-Inter);
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
  }
  .book_a-demo {
    width: 180px;
    height: 29px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .spacer-top,
  .spacer-180 {
    height: 80px;
  }

  /* .book_demo_call,
  .real-estate-problem,
  .mirai-our-advance,
  .call-snippets,
  .how_mirai_works,
  .mirai-stands-out,
  .faq-section,
  .voice_agent {
    padding: 50px 0px 50px;
  } */

  .getInTouch-btn {
    width: unset;
    height: unset;
    padding: 8px 30px;
  }
  .getInTouch-btn img {
    max-width: 9px;
  }
  .banner-tp-grid,
  .real-estate-problem-grid {
    grid-template-columns: 1fr;
  }
  .mirai_four_grid,
  .how_mirai_works_grid {
    grid-template-columns: 1fr 1fr;
  }
  .voice-agent-box {
    grid-template-columns: 1fr 1fr;
  }
  .small-heading {
    text-align: center;
  }
  .banner_left-content .big-heading,
  .banner_left-content .description-text {
    text-align: center;
  }
  .banner_left-content .big-heading .cstm-block {
    display: unset;
  }
  .banner_left-content .text-center-mob {
    text-align: center;
  }
  .form-inner {
    padding: 50px;
  }
  .real-estate-image {
    height: auto;
    overflow-y: inherit;
  }
  .real-estate-image .mobi-bx img {
    max-width: 45px;
  }
  .mirai-para p .cstm-block {
    display: unset;
  }
  .rl_box {
    padding: 15px;
  }
  .rl_box .box-big-heading {
    text-align: center;
  }
  .rl_box .box-discription {
    text-align: center;
  }
  .real-estate-content .small-heading,
  .real-estate-content .big-heading,
  .real-estate-content .description-text {
    text-align: center !important;
  }
  .mobi-bx {
    text-align: center;
  }
  .real-estate-image {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }
  .mirai-box-1,
  .mirai-box-2,
  .mirai-box-4 {
    height: 280px;
  }

  .stand-out-grid iframe {
    width: 100%;
    height: 500px;
    border-radius: 30px;
  }
  .stand-thr-grid .thrbx img {
    max-width: 50px;
  }
  .stand-out-grid {
    grid-template-columns: 1fr;
  }
  .stand-out-content .big-heading,
  .stand-out-content .description-text {
    text-align: center;
  }
  .stand-thr-grid {
    grid-gap: 15px;
  }
  .stand-thr-grid .thrbx {
    text-align: center;
  }
  .stand-thr-grid .thrbx p {
    text-align: center;
  }
  .faq_grid {
    grid-template-columns: 1fr;
  }
  .mirai-box-2 img {
    width: 70px;
  }
  .spacer {
    height: 50px;
  }
  .audioControls button img {
    max-width: 40px;
  }
  .audio-progress {
    padding: 5px 10px;
  }
  .startTime,
  .endTime {
    font-size: 12px;
    line-height: 24px;
  }
  .audio_box {
    padding: 15px;
  }
  .progressBar {
    width: calc(80% - 35px);
    height: 6px;
  }
  .main-page .heading-2 li {
    padding-bottom: 10px;
    font-size: 14px;
  }
  .main-page .heading-2 li h4,
  .main-page .heading-2 h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .main-page .heading-2 li p,
  .main-page .heading-2 p {
    font-size: 14px;
    line-height: 22px;
  }
  .mirai-grid-video-outer .video-area iframe {
    height: 250px;
    border-radius: 20px;
  }
  .lets_chat-grid .grid_content h4 {
    font-size: 3.75rem;
    line-height: 6.063rem;
  }
  .lets_chat-grid .grid_content p {
    font-family: var(--font-Inter);
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .book_a-demo {
    width: 250px;
    height: 48px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1299px) {
  .spacer-top,
  .spacer-180 {
    height: 80px;
  }
  .spacer {
    height: 60px;
  }

  .smallheading-text {
    font-size: 2.2rem;
  }
  .audioControls button img {
    max-width: 40px;
  }
  .audio-progress {
    padding: 5px 10px;
  }
  .startTime,
  .endTime {
    font-size: 12px;
    line-height: 24px;
  }
  .audio_box {
    padding: 15px;
  }
  .progressBar {
    width: calc(80% - 35px);
    height: 6px;
  }

  .cstm-block {
    display: inherit;
  }
  .mirai-box-1,
  .mirai-box-2,
  .mirai-box-4 {
    height: auto;
    padding: 20px;
  }
  .stand-out-grid iframe {
    width: 100%;
    height: 500px;
  }
  .stand-thr-grid {
    gap: 15px;
  }
  .thrbx img {
    max-width: 75px;
  }
  /* .small-heading{
        font-size: 18px;
        line-height: 48px;
    }
    .big-heading{
        font-size: 50px;
        line-height: 87px;
    }
    .description-text{
        font-size: 18px;
        line-height: 34px;
    } */
  .banner-tp-grid {
    grid-template-columns: 1fr 1fr;
    gap: 45px;
  }
  .real-estate-problem-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .how_mirai_works_grid,
  .stand-out-grid {
    grid-template-columns: 50% 50%;
  }
  .form-inner {
    padding: 30px;
  }
  .mirai_four_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
  }
  .voice-agent-box {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .audioControls button img {
    max-width: 40px;
  }
  .audio-progress {
    padding: 5px 10px;
  }
  .startTime,
  .endTime {
    font-size: 14px;
    line-height: 26px;
  }
  .audio_box {
    padding: 15px;
  }
  .progressBar {
    width: calc(80% - 35px);
    height: 6px;
  }
  .mirai-grid-video-outer {
    grid-template-columns: 1fr 350px;
  }
  .small-heading {
    font-size: 1.2rem;
  }
  .big-heading {
    font-size: 3.25rem;
    line-height: 5.5rem;
  }
  .rl_box {
    padding: 20px;
  }
  .book_a-demo {
    width: 220px;
    height: 39px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1902px) {
  .audioControls button img {
    max-width: 60px;
  }
  .audio-progress {
    padding: 5px 10px;
  }

  #progressBar {
    width: calc(80% - 35px);
    height: 6px;
  }
  .mirai-grid-video-outer {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .how_mirai_works_grid {
    grid-template-columns: 1fr 1fr;
  }
}
.for-mobile {
  display: none;
}

@media (max-width: 991px) {
  .for-mobile {
    display: block;
  }

  .for-desktop {
    display: none;
  }
  .voice-agent-grid,
  .mirai-grid-video-outer,
  .lets_chat-grid {
    grid-template-columns: 1fr;
  }
  .lets_chat-grid {
    gap: 15px;
  }
  .lets_chat-grid .grid_content h4,
  .lets_chat-grid .grid_content p {
    text-align: center;
  }
  .lets_chat-grid a {
    justify-content: center;
  }
}

@media (min-width: 1900px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 1300px;
  }
  .how_mirai_works_grid,
  .real-estate-problem-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 575px) {
  .container {
    padding-left: calc(15px + 15px);
    padding-right: calc(15px + 15px);
  }
  .voice-agent-box {
    grid-template-columns: 100%;
  }
  .box-1 {
    padding: 15px 15px 0px 15px;
  }
  .box-3 {
    padding: 15px 15px 0px;
  }
  .box-4 {
    padding: 15px 15px 0px 15px;
  }
  .top_line h4 {
    font-size: 10px;
    text-align: left;
  }
  .bottom-image {
    display: none;
  }
  .main-page .heading-2 li {
    padding-bottom: 10px;
    font-size: 14px;
  }
  .main-page .heading-2 li h4,
  .main-page .heading-2 h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .main-page .heading-2 li p,
  .main-page .heading-2 p {
    font-size: 14px;
    line-height: 22px;
  }
  .mirai-grid-video-outer .video-area iframe {
    height: 160px;
    border-radius: 8px;
  }
  .lets_chat-grid .grid_content h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .lets_chat-grid .grid_content p {
    font-family: var(--font-Inter);
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
  }
  .book_a-demo {
    width: 180px;
    height: 29px;
  }
}

/*--== ai workshop image ==--*/
.paragraph-text {
  font-family: var(--font-inter);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8rem;
  opacity: 80% !important;
  color: var(--color-white);
}
.ai-business-workshop {
  display: grid;
  grid-template-columns: repeat(4, minmax(25%, 1fr));
  gap: 30px;
  margin-top: 50px;
}
.ai-business-workshop .mobi-bx img {
  max-width: 56px;
}
.ai-business-key-focus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 50px;
}
.who-should-join ul,
.exp-highlight {
  padding-left: 15px;
}
.join_grid-new  {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.who-should-join .join-grid,
.proven_impact-kfocus {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 50px;
}
.join-grid-benifit {
  display: grid;

  grid-template-columns: calc(33.3% - 15px) calc(33.4% - 15px) calc(
      33.3% - 15px
    );
  gap: 30px;
  margin-top: 50px;
}
.join-grid-benifit .rl_box {
  height: auto;
}
.grid-right .n-img-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.proven_impact-kfocus .prv-box {
  text-align: center;
}
.proven_impact-kfocus .prv-box h4 {
  font-family: var(--font-Inter);
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.8rem;
  color: var(--color-white);
}
.proven_impact-kfocus .prv-box p {
  font-family: var(--font-Inter);
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  opacity: 0.7;
}
.What-participants-say .splide__slide {
  padding: 0px 15px;
}
.What-participants-say .splide__slide .video-bx {
  text-align: center;
  background: linear-gradient(95.25deg, #230d2e 0.54%, #1f104a 97.46%);
  border-radius: 30px;
  border: solid 1.8px rgba(176, 167, 176);
  width: 100%;
  padding: 35px;
  margin-bottom: 15px;
  height: 100%;
}
.What-participants-say .splide__slide .video-bx svg {
  width: 30px;
  fill: #fff;
}
.What-participants-say .splide__slide .video-bx p {
  font-family: var(--font-Inter);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #fff;
  opacity: 0.7;
  margin-top: 25px;
}



.btn-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.who-should-join ul li,
.exp-highlight li {
  font-family: var(--font-inter);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  /*opacity: 70% !important;*/
  color: var(--color-white);
  position: relative;
  padding-bottom: 10px;
}
.who-should-join ul li:last-child {
  padding-bottom: 0px;
}
.who-should-join ul li:before {
  width: 20px;
}