@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-color: aliceblue;
}

.lead_team {
  display: flex;
  justify-content: space-around;
  width: 90%;
}

.team_pic {
  width: 400px;
  border-radius: 30px;
  height: 500px;
  object-fit: cover;
}

.about_tt {
  width: 80%;
  font-size: 2rem;
}

.about_s_tt {
  width: 70%;
}

.wy_us,
.j_us,
.mission {
  display: flex;
}

.yus_text {
  width: 50%;
  text-align: justify;
  margin-top: 10%;
  margin-left: 50px;
}

.miss_text {
  width: 50%;
  text-align: justify;
  margin-right: 50px;
  margin-top: 15%;
}

.rec_text::before {
  content: "Recording in Progress....";
}

.How_it_work_vid {
  width: 75vw
}

.login_style {
  padding: 15px;
  background-color: #131921;
  height: 75vh;
  border-radius: 10px;
  box-shadow: 2px 5px 20px 2px #131921;
}

.Sign-In {
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  font-size: x-large;
  background-color: rgb(106, 165, 221);
  border-radius: 5px;
  border: none;
  color: white;
  font-weight: 500;
}

.Sign-In:hover {
  background-color: rgb(106, 221, 212);
}

.warn_n_options_cnt {
  width: 100%;
  height: 87vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.582);
  display: none;
}

.warn_n_options {
  background-color: #131921;
  border-radius: 10px;
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.player_dets {
  height: 8vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.options_d {
  width: 70%;
  padding: 10px;
  background-color: rgb(106, 165, 221);
  color: white;
  font-size: large;
  border-radius: 20px;
  cursor: pointer;
  border: none;
  margin: 5px;
}

.upload_n {
  width: 70%;
  padding: 20px;
  background-color: rgb(106, 165, 221);
  color: white;
  font-size: x-large;
  border-radius: 20px;
  cursor: pointer;
  border: none;
  margin: 5px;
}

.options_v {
  width: 70%;
  padding: 10px;
  background-color: white;
  color: rgb(197, 90, 17);
  font-size: x-large;
  border-radius: 20px;
  cursor: pointer;
  border: none;
  margin: 5px;
}

.rec_in_play {
  width: 81.5%;
  height: 99vh;
  background-color: white;
  position: absolute;
  z-index: 10;
  /* border: solid 1px rgb(201, 199, 199);
  border-radius: 10px; */
  z-index: 50;
  display: none;
}

.view_purified_btn {
  width: 100%;
  text-align: center;
  display: none;

}

.act_raw_text {
  margin-top: 10px;
  width: 100%;
  border-radius: 10px;
  background-color: white;
  border: rgb(201, 199, 199) 1px solid;
  height: 78vh;
  overflow: auto;
  text-align: justify;
  padding: 5px;
  box-sizing: border-box;
}

.raw_trans_text {
  padding: 5px;
  width: 50%;
  position: relative;
  text-align: center;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border: 1px solid rgb(179, 178, 178);
  box-shadow: 2px 2px 5px 2px lightgray;
  height: 85vh;
}

.G_back-rd {
  display: none;
}

.live_slides {
  height: 75vh
}

.purified_text_cnt {
  padding: 5px;
  width: 50%;
  position: relative;
  text-align: center;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border: 1px solid rgb(179, 178, 178);
  box-shadow: 2px 2px 5px 2px lightgray;
  height: 85vh;
}

.act_player {
  border-radius: 10px;
  background-color: #131921;
  border: 1px solid rgb(206, 206, 206);
  padding: 5px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 70%;
  position: relative;
  height: 7vh;
  gap: 10px
}

.rec_text_area {
  border-radius: 20px;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(106, 165, 221);
  padding: 5px;
  color: green;
  font-weight: 600;
  width: 60%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.choose_plan_n {
  width: 100%;
  height: 100%;
  background-color: #ffffffe7;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  display: none;
  z-index: 50;
  overflow: auto;
}

.meeting_insights {
  padding: 5px;
  width: 80%;
  position: relative;
  text-align: center;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border: 1px solid rgb(179, 178, 178);
  height: 88vh;
}

.upload_now {
  padding: 5px;
  width: 80%;
  position: relative;
  text-align: center;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border: 1px solid rgb(179, 178, 178);
}

.buy_basic,
.buy_pro {
  padding: 15px;
  width: 50%;
  position: relative;
  text-align: center;
  border-radius: 10px;
  background-color: white;
  box-shadow: 2px 2px 8px 2px #1319215e;
}


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

.choose_now {
  display: flex;
  justify-content: space-around;
  gap: 15px;
  width: 80%;
  height: 75vh;
}

.meeting_insights_cnt {
  width: 81.5%;
  height: 99%;
  background-color: #ffffffe7;
  position: absolute;
  z-index: 10;
  /* border: solid 1px rgb(201, 199, 199);
  border-radius: 10px; */
  z-index: 50;
  display: none;
}

.upload_audio {
  width: 99.5%;
  height: 100%;
  background-color: #ffffffe7;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  border-radius: 10px;
  z-index: 50;
  display: none;
}

.update_slide {
  position: absolute;
  width: 96.9%;
  height: 79vh;
  z-index: 10;
  background-color: rgb(92, 86, 86);
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  z-index: 50;
  display: none;
}

.view_n_edit_slides {
  width: 81.5%;
  height: 99%;
  background-color: white;
  position: absolute;
  z-index: 10;
  /* border: solid 1px rgb(201, 199, 199);
  border-radius: 10px; */
  z-index: 50;
  display: none;
}

.view_slides {
  margin-top: 10px;
  width: 100%;
  /* border-radius: 10px; */
  background-color: white;
  /* border: rgb(201, 199, 199) 1px solid; */
  height: 80vh;
  overflow: auto;
  text-align: justify;
  padding: 5px;
  box-sizing: border-box;
  position: relative;
}

.view_purified {
  padding: 5px;
  width: 80%;
  position: relative;
  text-align: center;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  border: 1px solid rgb(179, 178, 178);
  height: 87.5vh;
}

.profile_check {
  width: 80%;
  height: 97%;
  background-color: white;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  z-index: 50;
  display: none;
}

.edit_profile {
  width: 80%;
  height: 85vh;
  background-color: white;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  z-index: 50;
  display: none;
  margin: 5px;
}

.edit_p_dets {
  display: flex;
  justify-content: space-around;
  width: 100%;
  position: relative;
  height: 70vh;
}

.actu_p_CP {
  padding: 15px;
  width: 70%;
  position: relative;
  text-align: center;
  background-color: #131921;
  border-radius: 10px;
}

.inv_s_title {
  font-size: x-large;
  font-weight: 600;
  width: 100%;
  text-align: center;
  color: #131921;
}

.invite_act_dets {
  padding: 15px;
  width: 70%;
  position: relative;
  text-align: center;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 10px 2px #13192160;
  height: 68vh;
  overflow: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s_r_title,
.contact_title {
  font-size: x-large;
  font-weight: 600;
  width: 100%;
  text-align: center;
  color: #131921;
}

.start_rec_now {
  padding: 15px;
  border: none;
  border-radius: 5px;
  width: 40%;
  background-color: rgb(106, 165, 221);
  color: white;
  font-size: medium;
  font-weight: 700;
  cursor: pointer;
}

.buyR-h-now {
  padding: 5px;
  border: none;
  border-radius: 5px;
  width: 40%;
  background-color: rgb(197, 90, 17);
  color: white;
  font-size: medium;
  font-weight: 700;
  cursor: pointer;
}

.start_m_cp,
.contact_supo {
  width: 80%;
  height: 100%;
  background-color: #ffffffe7;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  z-index: 50;
  display: none;
}

.invite_someone {
  width: 80%;
  height: 100%;
  background-color: #ffffffe7;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  z-index: 50;
  display: none;
}
.groups  {
  width: 80%;
  height: 100%;
  background-color: white;
  position: absolute;
  z-index: 10;
  border: solid 1px rgb(201, 199, 199);
  z-index: 50;
  display: none;
}

.searc_Inp {
  padding: 8px;
  width: 97%;
  font-size: large;
  border: none;
  outline: none;
  border-radius: 40px;
}

.act_m_dets,
.contact_supop_dets {
  padding: 15px;
  width: 70%;
  position: relative;
  text-align: center;
  background-color: #131921;
  border-radius: 10px;
  box-shadow: 2px 2px 10px 2px lightgray
}

.Search_btn_text {
  display: block;
}

.search_sym {
  display: none;
}

.search_m_cnt,
.notofications_m_cnt {
  width: 82%;
  height: 100%;
  background-color: white;
  position: absolute;
  z-index: 50;
  display: none;
}

.Search_res_cnt,
.notifications_res_cnt {
  width: 70%;
}

.searc_inp_s {
  display: flex;
  align-items: center;
  background-color: #131921;
  width: 70%;
  border: none;
  border-radius: 40px;
  padding: 5px;
  gap: 5px;
}

.btn-4-mobile {
  text-align: center;
  position: absolute;
  z-index: 30;
  margin-top: 73vh;
  width: 100%;
  height: 20%;
  display: none;
  justify-content: center;
  background: linear-gradient(to bottom, #ffffffd2, #ffffff);

}

.recording_animation {
  padding: 5px;
  border-radius: 100%;
  background-color: rgb(106, 165, 221);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: bounce infinite 700ms alternate;
}

@keyframes bounce {
  0% {
    width: 70px;
    height: 70px;
  }

  100% {
    width: 65px;
    height: 65px;
  }
}


.imp_btn {
  width: 100%;
  padding: 10px;
  border: 1px rgb(106, 165, 221) solid;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  color: rgb(106, 165, 221);
  font-weight: 600;
}

.search_btn {
  width: 50%;
}

.home_idc {
  display: block;
}

.search_text {
  display: block;
}

.search_text2 {
  display: none;
}

.start-r-cnt {
  height: 88vh;
  width: 30%;
  border-radius: 10px;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(206, 206, 206);
  margin-left: 5px;
  /* margin-right: 5px; */
  display: flex;
  justify-content: center;
  padding: 5px;
}

.meetings_cnt {
  width: 70%;
  border-radius: 10px;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(206, 206, 206);
}

.meetings {
  height: 85vh
}

.imp_text {
  display: block;
}

.top_of_dash {
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 4px;
  border-radius: 10px;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(206, 206, 206);
  height: 6vh;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 98%;
}

.start_r_btn {
  padding: 15px;
  font-size: x-large;
  background-color: rgb(106, 165, 221);
  color: white;
  border: none;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-weight: 900;
  align-items: center;
  cursor: pointer;
  box-shadow: 2px 2px 5px 2px lightgray;
}

.side_panel {
  display: initial;
  width: 18%;
  position: relative;
}

.close_side_panel {
  display: none;
  font-size: larger;
}

.menu_dash {
  display: none;
}

.main_panel {
  width: 82%;
  display: relative;
}

.login {
  width: 50%;
}

.plans {
  display: flex;
  justify-content: space-between;
  width: 90%;
  gap: 30px;
  margin-top: 50px;
}

.c_acc {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.y_us {
  z-index: 10;
  position: absolute;
  font-size: 3rem;
  margin-left: 50px
}

.f_logo_cont {
  width: 50%;
  padding: 15px;
  text-align: left;
}

.langs {
  font-size: 4rem;
  color: rgb(106, 165, 221);
  font-weight: 900;
  width: 100%;
  text-align: center;
}

.e_n_p {
  font-size: 3rem;
  color: rgb(106, 165, 221);
  font-weight: 900;
  width: 100%;
  text-align: center;
}

.Cus-Sup {
  font-size: 4rem;
  color: rgb(106, 165, 221);
  font-weight: 900;
  width: 100%
}

.d-langs {
  padding: 15px;
  background-color: rgb(106, 165, 221);
  color: white;
  font-size: xx-large;
  border: none;
  border-radius: 10px;
  cursor:pointer
}

.one_liner {
  font-size: 3rem;
}

.page9 {
  text-align: justify;

  color: white;
  background-color: #131921;
  display: flex;
  padding-top: 100px;
  justify-content: space-between;
}

.logo {
  margin-left: 30px;
  width: 50%;
  display: block;
}

.logo>a>img {
  height: 50px;
  margin-top: 13px;
  margin-left: -8px;
}

.get_intouch {
  font-size: 4rem;
}

.get_started_btn {
  background-color: rgb(106, 165, 221);
  width: 60%;
  padding: 20px;
  font-size: xx-large;
  font-weight: 700;
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
}

.get_started_btn:hover {
  background-color: rgb(106, 221, 212);
}

html {
  scroll-behavior: smooth;

}

.footer_logo {
  height: 80px;
}

.disclaimer_pg {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.disclaimer {
  text-align: center;
  font-size: 4rem;
}

.footer_details {
  width: 90%;
  padding: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 50px;
  text-align: center;
}

.page1 {
  display: flex;
  gap: 20px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: black;
  padding-bottom: 30px;
}

.landing_header {
  height: 15vh
}

.main_body {
  padding-top: 15vh;
}

.login_cnt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  width: 100%;
  margin-top: 15vh;
}

.labeled_details>.close-side-window_dets:hover {
  transform: scale(1.3);
}

.labeled_details {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;

}

.menu-icon {
  display: none;
}

.mobile-view-p {
  display: flex;
  gap: 15px;
  padding: 10px;
}

.mobile-view-p>div {
  width: 70%;
}

.mobile-view-p>div>img {
  width: 100%
}

.contact-us {
  width: 50%;
}

.close-side-window {
  display: none;
}

/* Media Query */
@media screen and (max-width: 1000px) {
  .page1 {
    display: block;
  }

  .How_it_work_vid {
    width: 100vw
  }

  .footer_logo {
    height: 70px;
  }

  .main_body {
    padding-top: 8vh;
  }

  .login_cnt {
    margin-top: 8vh;
  }


  .labeled_details {
    text-align: center;
    width: 70vw;
    height: 95vh;
    position: absolute;
    background-color: black;
    display: none;
  }

  .close-side-window {
    display: block;
    position: absolute;
    width: 95vw;
    text-align: right;
  }

  #labeled_details {
    width: 100vw;
    background-color: #1319218c;
    position: absolute;
    text-align: left;
    z-index: 100;

  }

  .labeled_details>div {
    margin: 10px;
  }

  .menu-icon {
    display: initial;
  }

  .landing_header {
    height: 10vh
  }

  .lead_text {
    text-align: center;
  }

  .footer_details {
    grid-template-columns: 1fr 1fr;
  }

  .contact-us {
    width: 70%;
  }
}

/* 
Responsive step two
Media Query
 */
@media screen and (max-width:840px) {
  .mobile-view-p {
    display: block
  }

  .mobile-view-p>div {
    width: 100%;
    text-align: center;
  }

  .profile_check {
    width: 100%;
  }

  .plans {
    display: block;

  }

  .basic {
    margin-bottom: 50px;
    box-shadow: 2px 2px 5px 2px #131921;
  }

  .mobile-view-p>div>img {
    width: 30%
  }

  .sup_img {
    display: none;
  }

  .footer_details {
    grid-template-columns: 1fr;

  }

  .contact-us {
    width: 80%;
  }

  .disclaimer_pg {
    grid-template-columns: 1fr 1fr;
  }

  .footer_logo {
    height: 50px;
  }
}

/* 
Responsive third step
Media Query
 */

@media screen and (max-width:575px) {
  .get_started_btn {
    background-color: rgb(106, 165, 221);
    width: 60%;
    font-size: large;
    font-weight: 700;

  }



  .plans {
    width: 95%;
  }

  /* .menu-icon {
    margin-left: 80%
  } */
  .logo>a>img {
    height: 35px;
    margin-top: 13px;
    margin-left: -15px;
  }

  .one_liner {
    font-size: 2rem;
  }

  .logo {
    margin-left: 5px;
  }
}

/* 
 Responsive Fourth step
 Media Query
  */

@media screen and (max-width: 480px) {
  .disclaimer_pg {
    grid-template-columns: 1fr;
  }

  .get_intouch {
    font-size: 2.5rem;
  }

  contact-us {
    width: 90%;
  }

  .page9 {
    display: block;
  }

  .f_logo_cont {
    width: 90%;
    padding: 15px;

  }

  .langs {
    font-size: 2rem;
  }

  .d-langs {
    padding: 15px;
    font-size: large;
  }

  .e_n_p {
    font-size: 2rem;
  }

  .Cus-Sup {
    font-size: 2rem;
  }

  .disclaimer {
    font-size: 2rem;
  }

}

/* 
Responsive Fifth step
media query
 */

@media screen and (max-width: 360px) {
  .get_started_btn {
    width: 70%;
    font-size: medium;
    font-weight: 700;

  }
}

.login_style {
  overflow: auto;
  ;
}

@media screen and (max-width: 450px) {
  .y_us {
    font-size: 2rem;

  }
}

/* Responsiv Login Page */

@media screen and (max-width: 800px) {
  .login {
    width: 80%;
  }

  .c_acc {
    display: block;
  }
}

@media screen and (max-width: 380px) {
  .login {
    width: 90%;
  }
}

/* 
Media Query for the dashboard

 */

@media screen and (max-width: 1240px) {
  .side_panel {
    display: none;
    position: absolute;
    width: 100vw;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.527);
  }

  .side_panel_dets {
    box-shadow: 2px 2px 20px 2px gray;
    width: 20vw;
  }

  .main_panel {
    width: 100%;
    display: relative;

  }

  .close_side_panel {
    display: block;
  }

  .menu_dash {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .side_panel_dets {
    width: 22vw;
  }

}

@media screen and (max-width: 1020px) {
  .side_panel_dets {
    width: 23vw;
  }

}

@media screen and (max-width: 965px) {
  .side_panel_dets {
    width: 25vw;
  }

}

@media screen and (max-width: 885px) {
  .side_panel_dets {
    width: 30vw;
  }

}

@media screen and (max-width: 750px) {
  .vside_panel_dets {
    width: 33vw;
  }

}

@media screen and (max-width: 670px) {
  .side_panel_dets {
    width: 40vw;
  }

  .actu_p_CP {
    width: 90%;
  }

}

@media screen and (max-width: 565px) {
  .side_panel_dets {
    width: 50vw;
  }

}

@media screen and (max-width: 490px) {
  .side_panel_dets {
    width: 60vw;
  }

}

@media screen and (max-width: 410px) {
  .side_panel_dets {
    width: 65vw;
  }

}

@media screen and (max-width: 380px) {
  .side_panel_dets {
    width: 70vw;
  }

}

@media screen and (max-width: 325px) {
  .side_panel_dets {
    width: 80vw;
  }

}

@media screen and (max-width:929px) {
  .start_r_btn {
    font-size: large;
    font-weight: 800;
  }
}

@media screen and (max-width:850px) {
  .top_of_dash {
    width: 97.5%;
  }
}

@media screen and (max-width:722px) {

  .start_r_btn {
    font-size: medium;
    font-weight: 700;
  }

  .search_btn {
    width: 40%;
  }
}

@media screen and (max-width:700px) {

  .imp_text {
    display: none;
  }

  .imp_btn {
    border: none;
  }

  .top_of_dash {
    width: 96.8%;
  }
}

@media screen and (max-width:595px) {
  .start-r-cnt {
    display: none;
  }

  .btn-4-mobile {
    display: flex;
  }

  .top_of_dash {
    width: 97%;
  }

  .meetings_cnt {
    width: 100%;
  }
}

@media screen and (max-width:485px) {
  .search_text {
    display: none;
  }

  .meetings_cnt {
    width: 100%;
  }

  .search_btn {
    width: 35%;
  }

  .search_text2 {
    display: block;
  }

  .search_text2::before {
    content: "Search";
  }
}

@media screen and (max-width:450px) {
  .home_idc {
    display: none;
  }

  .top_of_dash {
    width: 95.5%;
  }

  .meetings_cnt {
    width: 100%;
  }

}

@media screen and (max-width:1240px) {

  .search_m_cnt,
  .notofications_m_cnt,
  .view_n_edit_slides,
  .meeting_insights_cnt {
    width: 100%;
  }

  .meetings {
    height: 80vh
  }

  .rec_in_play {
    width: 100%;
  }

}

@media screen and (max-width:830px) {
  .searc_inp_s {
    width: 80%;
  }
}

@media screen and (max-width:685px) {
  .searc_inp_s {
    width: 80%;
  }

  .Search_res_cnt,
  .notifications_res_cnt {
    width: 100%;
  }

  .searc_Inp {
    width: 95%;
  }
}

@media screen and (max-width:595px) {
  .searc_Inp {
    width: 90%;
  }

  .Search_btn_text {
    display: none;
  }

  .search_sym {
    display: block;
  }
}

@media screen and (max-width:730px) {

  .start_m_cp,
  .contact_supo {
    width: 100%;
  }
}

@media screen and (max-width:590px) {

  .act_m_dets,
  .contact_supop_dets {
    width: 90%;
  }

  .s_r_title,
  .contact_title {
    font-size: medium;
  }
}

@media screen and (max-width:455px) {
  .buyR-h-now {
    width: 70%;
  }

  .start_rec_now {
    width: 70%;
  }


}

@media screen and (max-width:670px) {
  .invite_someone, .groups {
    width: 100%;
  }
}

@media screen and (max-width:490px) {
  .invite_someone {
    width: 100%;
  }

  .inv_s_title {
    font-size: medium;
  }

  .invite_act_dets {
    width: 90%;
  }

}

@media screen and (max-width:1050px) {
  .edit_profile {
    width: 95%;
  }

}

@media screen and (max-width:860px) {
  .edit_p_dets {
    display: block;
  }

}

@media screen and (max-width:750px) {
  .view_purified {
    width: 90%;
  }

}

/* @media screen and (max-width:460px) {
  

} */

@media screen and (max-width:1100px) {
  .update_slide {
    width: 96%;
  }

}

@media screen and (max-width:790px) {
  .update_slide {
    width: 95%;
  }

}

@media screen and (max-width:575px) {
  .update_slide {
    width: 93%;
  }

}

@media screen and (max-width:470px) {
  .update_slide {
    width: 92%;
  }

}

@media screen and (max-width:365px) {
  .update_slide {
    width: 90%;
  }

}

@media screen and (max-width:595px) {
  .meeting_insights {
    width: 95%;
  }

}

@media screen and (max-width:660px) {
  .choose_now {
    display: block;
    width: 100%;
  }

  .buy_basic,
  .buy_pro {
    width: 93%;
  }
}

@media screen and (max-width:455px) {

  .buy_basic,
  .buy_pro {
    width: 90%;
  }
}

@media screen and (max-width:330px) {

  .buy_basic,
  .buy_pro {
    width: 88%;
  }
}

@media screen and (max-width:800px) {

  .rec_text::before {
    content: "Recording....";
  }

  .rec_text_area {
    width: 40%;
  }
}

@media screen and (max-width:870px) {

  .purified_text_cnt {
    width: 95%;
    display: none;
    background-color: white;
    border: 1px solid white;
    box-shadow: 2px 2px 5px 2px white;
  }

  .raw_trans_text {
    width: 95%;
    /* display: none; */
  }

  .G_back-rd {
    display: initial;
  }

  .live_slides {
    height: 75vh
  }

  .act_raw_text {
    height: 70vh;
  }

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

@media screen and (max-width:780px) {
  .act_player {
    width: 90%;
  }

  .player_dets {
    justify-content: space-between;
  }
}

@media screen and (max-width:630px) {
  .rec_text::before {
    content: "";
  }

  .act_player {
    width: 100%;
  }


}

@media screen and (max-width:950px) {
  .warn_n_options {
    width: 70%;
  }
}

@media screen and (max-width:548px) {
  .warn_n_options {
    width: 90%;
  }

  .live_slides {
    height: 67vh
  }
}

@media screen and (max-width:430px) {
  .options_d {
    font-size: medium;
    width: 90%;
  }

  .options_v {
    width: 90%;
    font-size: large;
  }
}

@media screen and (max-width:440px) {
  .team_pic {
    width: 300px;
    height: 400px;
  }
}

@media screen and (max-width:960px) {
  .lead_team {
    display: block;
    justify-content: space-around;
    width: 100%;
  }

  .about_tt {
    width: 90%;
    font-size: 1.5rem;
  }

  .about_s_tt {
    width: 90%;
    text-align: justify;
  }
}

@media screen and (max-width:785px) {

  .wy_us,
  .j_us,
  .mission {
    display: block;
  }

  .yus_text {
    width: 90%;
    text-align: justify;
    margin-top: 5%;
    margin-left: 25px;
    margin-right: 25px;
  }

  .miss_text,
  .jus_text {
    width: 90%;
    text-align: justify;
    margin-right: 25px;
    margin-left: 25px;
    margin-top: 5%;
  }
}