/* body {
  background: #fffaf7;
} */
 .vc-hero, .n-features-section{
  padding-top: 80px;
 }
 .banking-chatbot1{
  padding: 120px 0 70px!important;
 }
.m_reve_common_hero_section_left_demo_btn a{
  position: relative;
  z-index: 1;
}
.m_revechat_industries_menu_right .card .card-text a, .m_revechat_industries_menu_right .card .card-text a:hover {
  color: #414651!important;
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  text-decoration: none;
}
.m_reve_common_hero_section_left_demo_btn a.book_a_demo_btn {
  color: #30374f;
  font-family: "Inter";
  font-size: 18px;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 40px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background-color: transparent!important;
  border: 1px solid #30374f;
  margin-left: 5px;
}
.m_reve_common_hero_section_left_demo_btn a.start_free_trail_btn {
  color: #fffaf7;
  font-family: "Inter";
  font-size: 18px;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 40px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background: #0040ff;
  border: 1px solid #0040ff;
}

.m_reve_common_hero_section_left_demo_btn a{
  position: relative;
  z-index: 1;
  display: inline-block; /* Ensure the width and height are calculated based on the text */
  color: #000; /* Adjust text color as needed */
  text-decoration: none; /* Remove underline from links */
}
.m_reve_common_hero_section_left_demo_btn a:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 0%;
  height: 100%;
  color: #fff;
  background-color: #000;
  border-radius: 48px;
  transition: .3s;
  opacity: 0;
  border-left: 3px solid #0040FF;
  border-bottom: 3px solid #0040FF;
  transform: scale(1.05);
  box-shadow: #0040FF 0px 1px 2px;
  z-index: -1;
}
.m_reve_common_hero_section_left_demo_btn a:hover:after{
  opacity: 1;
  width: 100%;
  transition: .3s;
  color: #FFF;
}
.m_reve_common_hero_section_left_demo_btn a:hover{
  color: #FFF!important;
  transition: .3s;
  z-index: 3;
  position: relative;
}
a.m_single_inbox_page_mbl_btn{
  display: none;
}
.m_revechat_home2_hero_section_banner_video_inner video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.m_reve_common_hero_section {
  background-color: #fff6e5;
  position: relative;
  padding: 100px 0px;
}
.m_reve_common_hero_section img {
  max-width: 100%;
}
.m_reve_common_hero_section svg.m_banner_bg {
  width: 100%;
  position: absolute;
  top: 100%;
}
.m_reve_common_hero_section_left h1 {
  color: #111322;
  font-family: "Inter";
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -1.2px;
}
.m_reve_common_hero_section_left p {
  color: #111322;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding: 20px 0px 40px 0px;
}
.m_reve_common_hero_section_left_demo_btn a{
  position: relative;
  z-index: 1;
}
.m_reve_common_hero_section_left_demo_btn a.book_a_demo_btn {
  color: #30374f;
  font-family: "Inter";
  font-size: 18px;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 40px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background-color: transparent!important;
  border: 1px solid #30374f;
  margin-left: 5px;
}
.m_reve_common_hero_section_left_demo_btn a.start_free_trail_btn {
  color: #fffaf7;
  font-family: "Inter";
  font-size: 18px;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 40px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background: #0040ff;
  border: 1px solid #0040ff;
}

.m_reve_common_hero_section_left_demo_btn a{
  position: relative;
  z-index: 1;
  display: inline-block; /* Ensure the width and height are calculated based on the text */
  color: #000; /* Adjust text color as needed */
  text-decoration: none; /* Remove underline from links */
}
.m_reve_common_hero_section_left_demo_btn a:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 0%;
  height: 100%;
  color: #fff;
  background-color: #000;
  border-radius: 48px;
  transition: .3s;
  opacity: 0;
  border-left: 3px solid #0040FF;
  border-bottom: 3px solid #0040FF;
  transform: scale(1.05);
  box-shadow: #0040FF 0px 1px 2px;
  z-index: -1;
}
.m_reve_common_hero_section_left_demo_btn a:hover:after{
  opacity: 1;
  width: 100%;
  transition: .3s;
  color: #FFF;
}
.m_reve_common_hero_section_left_demo_btn a:hover{
  color: #FFF!important;
  transition: .3s;
  z-index: 3;
  position: relative;
}
.m_deploying_conversational_section {
  margin-top: 200px;
}
.m_deploying_conversational_section .grid-container {
  display: grid;
  gap: 10px;
  padding: 10px;
}

.m_deploying_conversational_section .grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  font-size: 30px;
  border-radius: 16px;
  background: #e5ebff;
}

.m_deploying_conversational_section .item1 {
  grid-column: 1 / span 2;
  grid-row: 1;
  background: #0040ff;
  color: #fff;
  padding: 40px 24px;
}
.m_deploying_conversational_section .item1 p {
  color: #fff;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0px;
}
.m_deploying_conversational_section .item1 h4 {
  color: #fff;
  font-family: "Inter";
  font-size: 66px;
  font-weight: 600;
  line-height: 72px;
  margin: 0px;
  padding-bottom: 12px;
}
.m_deploying_conversational_section .item2 p {
  color: #30374f;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0px;
  padding-bottom: 12px;
}
.m_deploying_conversational_section .item2 img {
  padding-bottom: 24px;
}
.m_deploying_conversational_section .item3 p,
.m_deploying_conversational_section .item4 p {
  color: #404968;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0px;
}
.m_deploying_conversational_section .item3 h4,
.m_deploying_conversational_section .item4 h4 {
  color: #111322;
  font-family: "Inter";
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  margin: 0px;
  padding: 24px 0px 12px 0px;
}
.m_deploying_conversational_section .item3,
.m_deploying_conversational_section .item4 {
  padding: 40px 24px;
}

.m_deploying_conversational_section .item1 .m_deploying_conversational_inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_deploying_conversational_section
  .item1
  .m_deploying_conversational_inner_left {
  width: 20%;
}
.m_deploying_conversational_section
  .item1
  .m_deploying_conversational_inner_right {
  width: 80%;
}

.m_deploying_conversational_section .item2 {
  grid-column: 3;
  grid-row: 1 / span 2;
  padding: 40px 24px;
  position: relative;
}
.m_customer_review {
  display: flex;
  justify-content: l;
  align-items: center;
  position: absolute;
  bottom: 40px;
}
.m_customer_review img {
  padding: 0px 10px 8px !important;
}
.m_customer_review h6 {
  margin: 0px;
  color: #30374f;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.m_customer_review p {
  color: #30374f;
  font-family: "Inter";
  font-size: 12px !important;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0px;
  padding-bottom: 0px !important;
}
.m_reve_chatbot_sales_support {
  padding-top: 120px;
}
.m_reve_chatbot_sales_support h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 44px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -0.88px;
  padding-bottom: 64px;
}
.m_reve_chatbot_sales_support_video {
  border-radius: 32.478px;
  background: #e5ebff;
  padding: 24px;
}
.m_reve_chatbot_sales_support video {
  border-radius: 32.478px;
  background: #e5ebff;
  width: 100%;
  height: auto;
}
.m_chatbot_benefits_of_omnichannel {
  padding-top: 120px;
}
.m_chatbot_benefits_of_omnichannel h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 44px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -0.88px;
  padding-bottom: 64px;
}
.m_chatbot_benefits_of_omnichannel .tab-content img {
  max-width: 100%;
}
.m_chatbot_benefits_of_omnichannel .nav-link {
  width: 100%;
}
.m_chatbot_benefits_of_omnichannel .nav-link h6 {
  color: #111322;
  font-family: "Inter";
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  margin: 0px;
}
.m_chatbot_benefits_of_omnichannel .nav-link h6::after {
  background-image: url(../tab-arrow-down.html);
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.5s ease-in-out;
  position: absolute;
  top: 5px;
  right: 0;
}
.m_chatbot_benefits_of_omnichannel .nav-link.active h6::after {
  background-image: url(../tab-arrow-down.html);
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.5s ease-in-out;
  position: absolute;
  transform: rotate(180deg);
  top: 5px;
  right: 0;
}
.m_chatbot_benefits_of_omnichannel .nav-link p {
  color: #30374f;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding-top: 12px;
}
.m_chatbot_benefits_of_omnichannel .nav-link {
  border-radius: 16px;
  background: #eff1f5;
  margin-bottom: 16px;
  padding: 24px;
}
.m_chatbot_benefits_of_omnichannel .nav-link.active {
  border-radius: 16px;
  border-top: 1px solid #0040ff;
  border-right: 1px solid #0040ff;
  border-bottom: 3px solid #0040ff;
  border-left: 1px solid #0040ff;
  background: #fff!important;
}
.m_chatbot_sales_and_services {
  padding: 120px 0px;
}
.m_chatbot_sales_and_services h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 44px;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: -0.88px;
  padding-bottom: 64px;
}
.m_chatbot_sales_and_services .nav-link {
  transition: background-color 0.5s ease;
  border-radius: 40px;
  color: #30374f;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.m_chatbot_sales_and_services .nav-link.active {
  background-color: #f6921e!important;
  border-radius: 40px;
  color: #fff;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

/* .m_chatbot_sales_and_services .nav-link{
    padding: 16px 40px;
}
.m_chatbot_sales_and_services .nav-link.active{
    border-radius: 40px;
    background: #F6921E;
} */
.m_chatbot_sales_and_services .nav {
  border-radius: 40px;
  border: 1px solid #b9c0d4;
  width: fit-content;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 48px;
}
.m_chatbot_sales_and_services .m_lead_generation_inner_item_left img {
  width: 100%;
}
.m_chatbot_sales_and_services .m_lead_generation_inner_item_right img {
  max-width: 100%;
}
.m_chatbot_sales_and_services .m_lead_generation_inner_bg {
  border-radius: 16px;
  background: #eff1f5;
}
.m_chatbot_sales_and_services .tab-content {
  position: relative;
}
.m_chatbot_sales_and_services
  .tab-content
  .m_reve_common_hero_section_left_demo_btn {
  position: absolute;
  bottom: 100px;
}
.m_lead_generation_inner_item {
  display: flex;
  width: 100%;
  border-radius: 16px;
}
.m_lead_generation_inner_item_left {
  width: 40%;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  background: #eff1f5;
}
.m_lead_generation_inner_item_right {
  background: #eff1f5;
  width: 60%;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 69px 61px 69px 70px;
}
.m_lead_generation_inner {
  display: flex;
  justify-content: left;
  align-items: baseline;
  padding-bottom: 24px;
}
.m_lead_generation_inner img {
  padding-right: 12px;
  padding-bottom: 5px;
}
.m_lead_generation_inner h6 {
  color: #111322;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin: 0px;
}
.m_lead_generation_inner p {
  color: #30374f;
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
  padding-top: 8px;
}
.m_chatbot_connect_comply_convert {
  background: #eff1f5;
  padding: 96px 0px 60px 0px;
}
.m_chatbot_connect_comply_convert h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 44px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -0.88px;
  padding-bottom: 64px;
}
.m_chatbot_connect_comply_convert_inner_left h3 {
  color: #111322;
  font-family: "Inter";
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  margin: 0px;
}
.m_chatbot_connect_comply_convert_inner_left p {
  color: #30374f;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
  padding: 24px 0px;
}
.m_chatbot_connect_comply_convert_inner_left ul {
  margin: 0px;
  padding: 0px;
}
.m_chatbot_connect_comply_convert_inner_left ul li {
  list-style: none;
}
.m_chatbot_connect_comply_convert_inner_left ul li {
  color: #111322;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  padding: 8px 0px;
}
.m_chatbot_connect_comply_convert_inner_left {
  padding: 130px 0px;
}
.m_chatbot_connect_comply_convert img {
  max-width: 100%;
}
.m_chatbot_connect_comply_convert_inner_right {
  position: sticky;
  top: 20%;
}
.m_chatbot_connect_comply_convert_inner_right img {
  position: absolute;
}
/* .m_chatbot_connect_comply_convert_inner_right {
    position: sticky;
    width: 100%;
    height: 100%;
  }
  
  .m_chatbot_connect_comply_convert_inner_right img {
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease-in-out;
  } */

.m_unlock_dynamic_fetures_section {
  padding-top: 120px;
  z-index: 1;
  position: relative;
  background-color: #fffaf7;
}
.m_unlock_dynamic_fetures_section h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -0.88px;
  padding-bottom: 64px;
}
.m_unlock_dynamic_fetures_essential_box {
  border-radius: 16px;
  border: 1px solid #dcdfea;
  background: #fff;
  padding: 24px;
  margin-bottom: 24px;
  min-height: 320px;
}
.m_unlock_dynamic_fetures_essential_box h6 {
  color: #111322;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin: 0px;
  padding: 24px 0px 12px 0px;
}
.m_unlock_dynamic_fetures_essential_box p {
  color: #404968;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0px;
}
.m_intagrates_with_favourites_software {
  border-radius: 24px;
  background: #f0e4d5;
  text-align: center;
  padding: 96px;
  position: relative;
  bottom: -100px;
}
.m_intagrates_with_favourites_software h4 {
  color: #111322;
  font-family: "Inter";
  font-size: 44px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -0.88px;
  margin: 0px;
}
.m_intagrates_with_favourites_software p {
  color: #404968;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 0px;
  padding-top: 16px;
}
.m_intagrates_with_favourites_software a {
  color: #fffaf7;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 32px 0px 64px 0px;
  text-decoration: none;
  border-radius: 48px;
  background: #0040ff;
  display: inline-block;
  padding: 12px 24px;
}
.m_intagrates_with_favourites_software img {
  max-width: 100%;
}
.m_new_common_faq_section{
    background:  #FFF6E5;
    padding: 200px 0px 127px 0px;
}




.m_new_common_faq_section .accordion, .m_revechat_blog_details_page_content .accordion{
  border: none !important;
  background-color: transparent !important;
  --bs-accordion-bg: transparent !important;
}
.m_new_common_faq_section .accordion-button, .m_revechat_blog_details_page_content .accordion-button{
  box-shadow: none;
  color: #101828;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.m_new_common_faq_section .accordion-body p, .m_revechat_blog_details_page_content .accordion-body p{
  color: #475467;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.m_new_common_faq_section .accordion-body li {
  color: #475467;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.m_new_common_faq_section .accordion-body  {
  padding: 0px 0px 32px!important;
}
.m_new_common_faq_section .accordion-button:not(.collapsed), .m_revechat_blog_details_page_content .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.m_new_common_faq_section .accordion-button, .m_revechat_blog_details_page_content .accordion-button{
  border: none !important;
  background-color: transparent!important;
  padding: 24px 0px 24px 0px;
}
.m_new_common_faq_section .accordion-button h2 {
  padding: 0px!important;
}
.m_new_common_faq_section .accordion-item {
  border-bottom: 1px solid #eaecf0;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: transparent!important;
}
.m_new_common_faq_section .accordion-button:not(.collapsed)::after, .m_revechat_blog_details_page_content .accordion-button:not(.collapsed)::after {
  background-image: none;
  background-image: url(../png/accordion-not-collapsed.png);
}
.m_new_common_faq_section .accordion-button::after, .accordion-button::after {
  background-image: none;
  background-image: url(../png/accordion-collapsed.png);
}
.m_new_common_faq_section h2.m_new_common_faq_section_title{
  color: #101828;
  text-align: center;
  font-family: "Inter";
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.72px;
  margin: 0px;
  padding-bottom: 64px;
}
.m_scroll_img1{
  display: none;
}
.m_scroll_img2{
  display: none;
}
.m_scroll_img3{
  display: none;
}
.m_revechat_blog_details_page_content .accordion-item{
  border: none;
  border-bottom: 1px solid ghostwhite;
}
/* single inbox page design start  */
.m_revechat_single_inbox_hero_section {
  background-color: #faeed2;
  position: relative;
}
.m_revechat_single_inbox_hero_section svg {
  position: absolute;
  top: 100%;
}
.m_revechat_single_inbox_hero_section .m_revechat_single_inbox_chat_version {
  text-align: center;
  padding-top: 126px;
}
.m_revechat_single_inbox_hero_section
  .m_revechat_single_inbox_chat_version
  span {
  color: #0040ff;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border-radius: 35px;
  border: 1px solid #0040ff;
  background: rgba(255, 255, 255, 0.6);
  padding: 6px 16px;
}
.m_revechat_single_inbox_hero_section .m_revechat_single_inbox_chat_version h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -1.2px;
  padding: 18px 0px 16px 0px;
  margin: 0px;
}
.m_revechat_single_inbox_hero_section .m_revechat_single_inbox_chat_version h6 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  padding: 0px;
  margin: 0px;
}
.m_revechat_single_inbox_hero_section .m_revechat_single_inbox_chat_version p {
  color: #30374f;
  text-align: center;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 2px 0px 32px 0px;
  margin: 0px;
}
.m_revechat_single_inbox_hero_section
  .m_reve_common_hero_section_left_demo_btn {
  padding: 15px 0px 164px 0px;
}
.m_revechat_single_inbox_hero_section_ima {
  position: relative;
}
.m_revechat_single_inbox_hero_section_ima:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../png/blur-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  width: 100%;
  top: 55px;
}

.m_revechat_single_inbox_hero_section_img {
  display: flex;
  justify-content: center;
}
.m_revechat_single_inbox_hero_section_img video {
  max-width: 100%;
  border-radius: 16px;
  border: 8px solid rgba(114, 114, 114, 0.20);
}
.m_revechat_single_inbox_hero_section_img {
  position: relative;
  bottom: 100px;
  z-index: 10;
}
.m_revechat_single_inbox_hero_section_ima_left_text {
  position: relative;
  top: -50px;
}
.m_revechat_single_inbox_hero_section_ima_left_text h2,
.m_revechat_single_inbox_hero_section_ima_left_text p {
  padding-left: 80px;
}
.m_revechat_single_inbox_hero_section_ima_left_text h2 {
  color: #111322;
  font-family: "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.72px;
  margin: 0px;
  padding-bottom: 16px;
}
.m_revechat_single_inbox_hero_section_ima_left_text p {
  color: #111322;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.18px;
}
.m_revechat_single_inbox_second_section,
.m_revechat_single_inbox_six_section {
  background: #0f1335;
  padding: 100px 0px 0px;
}
.m_revechat_single_inbox_second_section h2,
.m_revechat_single_inbox_six_section h2 {
  color: #fff;
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.96px;
  padding: 0px 0px 64px 80px;
  margin: 0px;
}
.m_revechat_single_inbox_second_section p,
.m_revechat_single_inbox_six_section p {
  color: #fff;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  padding: 0px 0px 0px 80px;
  margin: 0px;
}
.m_revechat_single_inbox_second_section
  .m_revechat_single_inbox_second_section_imgage,
.m_revechat_single_inbox_third_section
  .m_revechat_single_inbox_second_section_imgage,
.m_revechat_single_inbox_six_section
  .m_revechat_single_inbox_second_section_imgage {
  display: flex;
  justify-content: center;
}

.m_revechat_single_inbox_second_section
  .m_revechat_single_inbox_second_section_imgage video {
    max-width: 100%;
    border-radius: 16px 16px 0px 0px;
    border-top: 8px solid rgba(34, 255, 122, 0.40);
    border-right: 8px solid rgba(34, 255, 122, 0.40);
    border-left: 8px solid rgba(34, 255, 122, 0.40);
}
.m_revechat_single_inbox_third_section
  .m_revechat_single_inbox_second_section_imgage video {
    max-width: 100%;
    border-radius: 16px 16px 0px 0px;
    border-top: 8px solid rgba(180, 168, 255, 0.50);
    border-right: 8px solid rgba(180, 168, 255, 0.50);
    border-left: 8px solid rgba(180, 168, 255, 0.50);
}
.m_revechat_single_inbox_third_section {
  padding: 100px 0px 0px;
  position: relative;
}
.m_revechat_single_inbox_third_section h2,
.m_revechat_single_inbox_five_section h2 {
  color: #111322;
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.96px;
  padding: 0px 0px 16px 80px;
  margin: 0px;
}
.m_revechat_single_inbox_third_section p,
.m_revechat_single_inbox_five_section p {
  color: #30374f;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin: 0px;
  padding: 0px 0px 64px 80px;
}
.m_revechat_single_inbox_third_section {
  content: "";
  display: block;
  background-image: url(../png/blur-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: auto;
  width: 100%;
}
.m_revechat_single_inbox_second_section img,
.m_revechat_single_inbox_third_section img,
.m_revechat_single_inbox_four_section img,
.m_revechat_single_inbox_five_section img,
.m_revechat_single_inbox_seven_section img,
.m_revechat_single_inbox_six_section img,
.m_revechat_single_inbox_nine_section img,
.m_revechat_single_inbox_eight_section img {
  max-width: 100%;
}
.m_revechat_single_inbox_third_section img {
  position: relative;
  z-index: 100;
}
.m_revechat_single_inbox_four_section {
  background: #fceed2;
  padding: 100px 0px 0px;
  text-align: center;
}
.m_revechat_single_inbox_four_section .m_reve_common_hero_section_left_demo_btn,
.m_revechat_single_inbox_seven_section
  .m_reve_common_hero_section_left_demo_btn {
  margin-bottom: 80px;
  text-align: center;
  margin-top: 15px;
}
.m_revechat_single_inbox_four_section h2,
.m_revechat_single_inbox_seven_section h2,
.m_revechat_single_inbox_eight_section h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.96px;
  padding: 0px 0px 16px;
  margin: 0px;
}
.m_revechat_single_inbox_four_section p,
.m_revechat_single_inbox_seven_section p,
.m_revechat_single_inbox_eight_section p {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  padding: 0px 0px 32px;
  margin: 0px;
}
.m_revechat_single_inbox_five_section {
  padding: 100px 0px 0px 0px;
  background-image: url(../png/blur-4.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.m_revechat_single_inbox_seven_section {
  text-align: center;
  padding: 100px 0px 0px 0px;
  background-image: url(../png/blur-5.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.m_revechat_single_inbox_eight_section {
  padding: 100px 0px 0px 0px;
  position: relative;
}
.m_revechat_single_inbox_eight_section .col-sm-12 {
  margin: 0px;
  padding: 0px;
}
.m_revechat_single_inbox_eight_section img {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}
.m_revechat_single_inbox_nine_section {
  padding: 100px 0px 0px 0px;
  background-image: url(../png/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}
.m_revechat_single_inbox_nine_section h2 {
  color: #fff;
  font-family: "Inter";
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.96px;
}
.m_revechat_single_inbox_nine_section p {
  color: #fff;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.m_revechat_single_inbox_ten_section h2 {
  color: #fff;
  font-family: "Inter";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.96px;
  margin: 0px;
  padding: 69px 0px;
}
.single_inbox_landing_section_el {
  position: relative;
  padding: 80px 0px 100px 0px;
}

.m_revechat_single_inbox_ten_section a {
  color: #fffaf7;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  border-radius: 48px;
  background: #0040ff;
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.m_revechat_single_inbox_five_section_inner video {
  max-width: 100%;
}
.single_inbox_landing_section_el_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 88px 50px;
}
.single_inbox_landing_section_el_inner_left {
  width: 80%;
}
.single_inbox_landing_section_el_inner_right {
  width: 20%;
  text-align: right;
}
.single_inbox_landing_section_el_inner_right a {
  color: #111322;
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: var(--2, 8px);
  border-radius: 40px;
  background: #fffaf7;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.single_inbox_landing_section_el_inner h2 {
  color: #fcfcfd;
  font-family: "Inter";
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.72px;
}
.single_inbox_landing_section_el_inner p {
  color: #fcfcfd;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.m_click_here_btn{
  display: flex;
  align-items: center;
  justify-content: right;
}
.single_inbox_landing_section_ten {
  padding: 100px 0px 0px;
}
.single_inbox_landing_section_ten h2 {
  color: #111322;
  text-align: center;
  font-family: "Inter";
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.72px;
  padding: 0px 0px 48px 0px;
  margin: 0px;
}
.single_inbox_landing_section_ten_iiner_box {
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  min-height: 250px;
}
.single_inbox_landing_section_ten_iiner_box h4 {
  color: #111322;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-top: 24px;
}
.single_inbox_landing_section_ten_iiner_box p {
  color: #30374f;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.single_inbox_landing_section_ten_iiner_box.box1 {
  background: #e5ecff;
}
.single_inbox_landing_section_ten_iiner_box.box2 {
  background: #fff1d6;
}
.single_inbox_landing_section_ten_iiner_box.box3 {
  background: #cfffee;
}
.single_inbox_landing_section_ten_iiner_box.box4 {
  background: #e2ffd0;
}
.single_inbox_landing_section_ten_iiner_box.box5 {
  background: #d9f7ff;
}
.single_inbox_landing_section_ten_iiner_box.box6 {
  background: #ffdbf7;
}
/* *************************SINGLE INBOX LANDING DESIGN END HERE ****************************  */

@media only screen and (max-width: 1400px) {
  .m_revechat_single_inbox_third_section h2,
  .m_revechat_single_inbox_five_section h2 {
    padding: 0px 0px 16px 0px;
  }
  .m_revechat_single_inbox_third_section p,
  .m_revechat_single_inbox_five_section p {
    padding: 0px 0px 64px 0px;
  }
  .m_revechat_single_inbox_second_section h2 {
    padding: 0px 0px 64px 0px;
  }
  .m_revechat_single_inbox_hero_section_ima_left_text h2,
  .m_revechat_single_inbox_hero_section_ima_left_text p {
    padding: 0px 0px 0px 0px;
  }
}

/* single inbox page design end */

@media only screen and (max-width: 1000px) {
  .m_chatbot_benefits_of_omnichannel br{
    display: none;
  }
  .m_chatbot_sales_and_services br{
    display: none;
  }
  .m_chatbot_connect_comply_convert br{
    display: none;
  }
  .m_unlock_dynamic_fetures_section br{
    display: none;
  }
  .m_deploying_conversational_section .grid-container {
    display: flow-root;
  }
  .m_deploying_conversational_section .grid-container .grid-item{
    margin-bottom: 20px;
  }
  .m_deploying_conversational_section .item2 img{
    padding-bottom: 12px;
  }
  .m_customer_review{
    bottom: 5px;
  }
  .m_deploying_conversational_section .item2 p {
    font-size: 14px;
    line-height: 24px;
  }
  .m_lead_generation_inner_item{
    display: inline;
  }
  .m_lead_generation_inner_item_left{
    width: 100%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
  }
  .m_lead_generation_inner_item_right{
    width: 100%;
    padding: 20px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .m_chatbot_sales_and_services .m_lead_generation_inner_item_left img{
    max-width: 100%;
  }
  .m_chatbot_sales_and_services .tab-content .m_reve_common_hero_section_left_demo_btn{
    position: inherit;
    padding: 20px 0px;
  }
  .m_scroll_img1{
    display: block;
    padding-top: 30px;
  }
  .m_scroll_img2{
    display: block;
    padding-top: 30px;
  }
  .m_scroll_img3{
    display: block;
    padding-top: 30px;
  }
  #m_scroll_img1{
    display: none;
  }
  #m_scroll_img2{
    display: none;
  }
  #m_scroll_img3{
    display: none!important;
  }
  .m_chatbot_connect_comply_convert_inner_left{
    padding: 30px 0px;
  }
  .m_deploying_conversational_section .item1 .m_deploying_conversational_inner{
    display: inline;
  }
  
}
@media only screen and (max-width: 669px) {
  .m_revechat_home_four_section p.m_revechat_home_four_section_subtitle br{
    display: none;
  }
  .m_revechat_home_second_section{
    padding-bottom: 48px!important;
  }
  .m_reve_common_hero_section_left_demo_btn a.book_a_demo_btn {
    font-size: 14px;
    padding: 10px 20px;
    border: 1px solid #0040ff;
  }
  .m_reve_common_hero_section_left_demo_btn {
    padding: 0px;
  }
  .m_reve_common_hero_section_left_demo_btn a.start_free_trail_btn {
    font-size: 14px;
    padding: 10px 20px;
    border: 1px solid #0040ff;
  }
  .m_reve_common_hero_section_left p {
    padding: 16px 0px 30px 0px;
  }
  .m_reve_common_hero_section_left_demo_btn {
    margin-bottom: 40px;
  }
  .m_reve_common_hero_section_left h1 {
    font-size: 32px;
    line-height: 50px;
  }
  .m_deploying_conversational_section .grid-container {
    display: flow-root;
  }
  .m_deploying_conversational_section {
    margin-top: 60px;
  }
  .m_reve_chatbot_sales_support{
    padding-top: 60px;
  }
  .m_reve_chatbot_sales_support h2{
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 42px;
  }
  .m_reve_chatbot_sales_support_video{
    padding: 12px;
  }
  .m_chatbot_benefits_of_omnichannel{
    padding-top: 60px;
  }
  .m_chatbot_benefits_of_omnichannel h2{
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 42px;
  }
  .m_chatbot_sales_and_services{
    padding: 60px 0px;
  }
  .m_chatbot_sales_and_services h2{
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 42px;
  }
  .m_chatbot_sales_and_services .nav-link.active{
    padding: 7px 10px;
    font-size: 14px;
  }
  .m_chatbot_sales_and_services .nav-link{
    padding: 7px 10px;
    font-size: 14px;
  }
  .m_chatbot_connect_comply_convert{
    padding-top: 60px;
  }
  .m_chatbot_connect_comply_convert h2{
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 42px;
    margin: 0px;
  }
  .m_chatbot_connect_comply_convert_inner_left h3{
    font-size: 24px;
    line-height: 32px;
  }
  .m_unlock_dynamic_fetures_section{
    padding-top: 60px;
  }
  .m_unlock_dynamic_fetures_section h2{
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 42px;
    margin: 0px;
  }
  .m_intagrates_with_favourites_software{
    padding: 40px 20px;
  }
  .m_intagrates_with_favourites_software h4{
    font-size: 32px;
    line-height: 42px;
    margin: 0px;
  }
  .m_new_common_faq_section h2{
    font-size: 32px;
    line-height: 42px;
    margin: 0px;
  }
  .m_intagrates_with_favourites_software a{
    margin: 32px 0px;
  }




  .m_revechat_single_inbox_hero_section br{
    display: none;
   }
   .m_revechat_single_inbox_hero_section .m_revechat_single_inbox_chat_version h2{
     font-size: 32px;
     line-height: 36px;
   }
   .m_revechat_single_inbox_hero_section .m_revechat_single_inbox_chat_version h6{
     font-size: 18px;
     line-height: 24px
   }
   .m_revechat_single_inbox_hero_section .m_reve_common_hero_section_left_demo_btn {
     padding: 15px 0px 80px 0px;
 }
 .m_revechat_single_inbox_second_section p, .m_revechat_single_inbox_six_section p{
   font-size: 16px;
   padding: 0px 0px 20px;
 }
 .m_revechat_single_inbox_third_section p, .m_revechat_single_inbox_five_section p{
   padding: 0px 0px 40px 0px;
 }
 .m_revechat_single_inbox_third_section, .m_revechat_single_inbox_four_section, .m_revechat_single_inbox_five_section, .m_revechat_single_inbox_seven_section, .m_revechat_single_inbox_eight_section{
   padding: 60px 0px 0px;
 }
 .m_revechat_single_inbox_third_section h2, .m_revechat_single_inbox_five_section h2, .m_revechat_single_inbox_four_section h2, .m_revechat_single_inbox_four_section h2, .m_revechat_single_inbox_seven_section h2, .m_revechat_single_inbox_eight_section h2{
   font-size: 36px;
   line-height: 48px;
 }
 .m_revechat_single_inbox_second_section h2, .m_revechat_single_inbox_six_section h2{
   padding: 0px 0px 30px 0px;
 }
 .m_revechat_single_inbox_four_section br, .m_revechat_single_inbox_eight_section br {
   display: none;
 }
 .m_revechat_single_inbox_second_section, .m_revechat_single_inbox_six_section{
   padding: 60px 0px 0px;
 }
 .m_revechat_single_inbox_hero_section_img{
   bottom: 100px;
 }
 .m_revechat_single_inbox_second_section h2{
   padding: 0px 0px 30px 0px;
 }
 .m_revechat_single_inbox_hero_section_ima_left_text br{
   display: none;
 }
 .m_revechat_single_inbox_hero_section_ima_left_text p{
   font-size: 16px;
 }
 
 .m_revechat_single_inbox_second_section h2, .m_revechat_single_inbox_six_section h2{
   font-size: 36px;
   line-height: 48px;
 }
 .m_revechat_single_inbox_hero_section_ima_left_text h2{
   font-size: 28px;
   line-height: 40px;
 }
   .single_inbox_landing_section_el_inner{
     display: block;
   }
   .single_inbox_landing_section_el_inner_left{
     width: 100%;
   }
   .single_inbox_landing_section_el_inner_right{
     width: 100%;
   }
   .single_inbox_landing_section_el_inner{
     padding: 10px;
   }
   .single_inbox_landing_section_el_inner h2{
     font-size: 20px;
     margin: 0px;
   }
   .single_inbox_landing_section_el_inner p{
     font-size: 12px;
   }
   .single_inbox_landing_section_el_inner{
     border-radius: 16px;
     margin: 0px 12px;
     bottom: -50px;
   }
   .m_revechat_single_inbox_nine_section{
     bottom: 100px;
   }
   .m_revechat_single_inbox_nine_section h2 {
     font-size: 36px;
     padding-top: 20px;
   }
   .m_revechat_single_inbox_ten_section{
     bottom: 115px;
   }
   .single_inbox_landing_section_ten {
     bottom: 150px;
   }
   .m_revechat_single_inbox_ten_section h2{
     font-size: 36px;
     line-height: 48px;
   }
   .single_inbox_landing_section_ten br{
     display: none;
   }
   .m_click_here_btn{
     justify-content: center;
     margin-bottom: 40px;
   }
   .m_revechat_single_inbox_ten_section h2{
     padding: 40px 0px;
   }
}
/* Home Page Design Start Here  */
.m_revechat_home2_high_performer_award h2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-weight: 700;
      font-size: 40px;
      line-height: 130%;
      letter-spacing: -0.5%;
      color: #181D27;
    }
    .m_revechat_home2_high_performer_award img{
      max-width: 100%;
      height: auto;
      padding: 0px 16px;
    }
    .m_revechat_home2_high_performer_award{
      padding: 0px 0px 160px 0px;
      position: relative;
    }
    .m_revechat_home2_high_performer_award:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    opacity: 0.3;
    z-index: -1;
}
    .m_revechat_home2_high_performer_award .container{
      width: 80%;
      margin: auto;
    }
    @media screen and (max-width: 1486px) {
      .m_revechat_home2_high_performer_award img{
        padding: 0px 8px;
        max-width: 80%;
      }
      
    }
    @media screen and (max-width: 1386px) {
      .m_revechat_home2_high_performer_award img{
        padding: 0px 8px;
        max-width: 30%;
      }
      .m_revechat_home2_high_performer_award h2 {
      font-size: 36px;
    }
    }
    @media screen and (max-width: 1269px) {
      .m_revechat_home2_high_performer_award h2 {
      font-size: 36px;
    }
    .m_revechat_home2_high_performer_award .container{
      width: 100%;
      margin: auto;
    }
    }
    @media screen and (max-width: 769px) {
      .m_revechat_home2_high_performer_award h2 {
      font-size: 32px;
      text-align: center;
    }
    .m_revechat_home2_high_performer_award img{
      display: inline-block;
      max-width: 32%;
      margin-top: 24px;
    }
    .m_revechat_home2_high_performer_award{
      padding: 0px 0px 60px 0px;
    }
    }
/* Home Page design End Here  */
/* BLOG PAGE DESIGN START HERE  */
.m_revechat_blog_page_banner {
  padding: 203px 0px 0px 0px;
  text-align: center;
  background: linear-gradient(180deg, #f6f4f1 0%, #fff 100%);
}
.m_revechat_blog_page_banner h1 {
  color: var(
    --gray-light-mode-950-header-large,
    var(--colors-gray-light-mode-950, #0a0d12)
  );
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px; /* 120% */
  letter-spacing: -1.2px;
  margin: 0px;
  padding: 0px 0px 48px 0px;
}
.m_revechat_blog_page_banner_inner {
  position: relative;
  display: block;
  text-align: center;
}
.m_revechat_blog_page_banner_inner .input-group .form-control {
  border-radius: 42px !important;
  max-width: 570px;
  margin: auto;
  padding: 16px 50px;
  border: 1.5px solid var(--colors-gray-light-mode-300, #d5d7da);
  background-color: #fff;
  background-image: url(../svg/search-lg.svg);
  background-repeat: no-repeat;
  background-position: center left 24px;
  position: relative;
  z-index: 1000; 
}
.m_revechat_blog_page_banner_inner .input-group .form-control:focus {
  box-shadow: none;
  outline: none;
  padding-left: 60px;
  background-color: #fff;
  z-index: 1000;
}
.m_revechat_blog_page_banner_inner .input-group .form-control::placeholder {
  padding-left: 10px; /* Adjust padding for space */
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.m_revechat_blog_page_banner_inner
  .input-group
  .form-control:focus::placeholder {
  padding-left: 0px; /* Adjust padding for space */
}
.m_revechat_blog_page_banner_inner_top_categories {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 0px 0px 0px;
  width: 100%;
  margin: auto;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left ul,
.m_revechat_blog_page_banner_inner_top_categories_inner_right ul {
  display: flex;
  justify-content: start;
  align-items: center;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left {
  position: relative;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left:after {
  position: absolute;
  content: "";
  display: block;
  width: 0px;
  height: 20px;
  background-color: #d5d7da;
  right: -20px;
  top: 6px;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left ul li,
.m_revechat_blog_page_banner_inner_top_categories_inner_right ul li {
  list-style: none;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left ul li a,
.m_revechat_blog_page_banner_inner_top_categories_inner_right ul li a,
.m_revechat_categories_dropdown_selected {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; /* 178.571% */
  letter-spacing: -0.14px;
  border-radius: 40px;
  border: 1px solid var(--colors-gray-light-mode-200, #e9eaeb);
  background: var(--colors-gray-light-mode-25, #fdfdfd);
  display: flex;
  height: 32px;
  padding: 4px 14px;
  justify-content: left;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin: 0px 4px;
  transition: .3s ease-in-out;

}
.m_revechat_categories_dropdown_selected:hover{
  background-color: #f0f0f0;
  cursor: pointer;
}
.m_revechat_categories_dropdown_selected{
  min-width: 145px;
}
#m_revechat_category_select .active{
  background-color: #000;
  color: #FFF;
}
#m_revechat_category_select .active:after {
  content: "\2715"; /* Unicode for the '×' symbol */
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  cursor: pointer;
}
#m_revechat_category_select li a:hover{
  background-color: #000;
  color: #FFF;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left ul li span {
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 185.714% */
  letter-spacing: -0.14px;
  text-wrap: nowrap;
}
.m_revechat_categories_dropdown {
  position: relative;
  display: inline-block;
  min-width: 130px;
}
.m_revechat_categories_dropdown_selected:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-bottom: 2px;
  vertical-align: 4px;
  border-top: 1px solid #4d4f55;
  border-right: 1px solid #4d4f55;
  transform: rotate(135deg);
}
.m_revechat_categories_dropdown.open .m_revechat_categories_dropdown_selected:after {
  display: none;
}
.m_revechat_categories_dropdown.open .form-control {
  display: flex;
height: 32px;
padding: 4px 12px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 42px;
border: 1px solid var(--colors-gray-light-mode-300, #D5D7DA);
background: #FFF;
}
.m_revechat_categories_dropdown.open .form-control:focus {
  display: flex;
height: 32px;
padding: 4px 12px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 42px;
border: 1px solid var(--colors-gray-light-mode-300, #D5D7DA);
background: #FFF;
box-shadow: none;
outline: none;
}
.reset_selection{
  font-size: 18px;
  padding-bottom: 5px;
  width: 16px;
}
.m_revechat_categories_dropdown_options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  border-radius: 12px;
  border: 1px solid var(--colors-gray-light-mode-200, #e9eaeb);
  background: var(--White, #fff);
  z-index: 1000;
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  padding: 12px;
}

.m_revechat_categories_dropdown_options div {
  display: flex;
  justify-content: space-between;
  text-align: start;
  transition: background-color 0.2s;
  padding-right: 12px;
}
.m_revechat_categories_dropdown_options div input[type="checkbox"]:hover {
  cursor: pointer;
}
.m_revechat_categories_dropdown_options div label{
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  padding: 8px 12px;
  display: inline-block;
  width: 100%;
}
.m_revechat_categories_dropdown_options div label:hover{
  cursor: pointer;
}
.m_revechat_categories_dropdown_options div:hover {
  background-color: #f0f0f0;
  border-radius: 4px;
  cursor: default;
}
.m_revechat_categories_dropdown.open .m_revechat_categories_dropdown_options {
  display: block;
}
.m_revechat_last_published_blog .container,
.m_revechat_last_featured_blog .container,
.m_revechat_industries_and_all_blog .container {
  width: 1170px;
  margin: auto;
}
.m_revechat_last_published_blog .container img {
  width: 100%;
}

.m_revechat_last_published_blog .m_revechat_last_published_blog_innner {
  padding: 100px 0px;
}
.m_revechat_last_published_blog .m_revechat_last_published_blog_innner a.m_revechat_industries_and_all_blog_category_name,
.m_revechat_last_featured_blog .m_revechat_last_featured_blog_innner a.m_revechat_industries_and_all_blog_category_name,
.m_revechat_industries_and_all_blog
  .m_revechat_industries_and_all_blog_inner
  a.m_revechat_industries_and_all_blog_category_name, .m_revechat_blog_page_search_results a.m_revechat_industries_and_all_blog_category_name {
  color: #a6399b;
  font-family: "InstrumentSans-SemiBold";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 16.8px */
  letter-spacing: -0.12px;
  text-decoration: none;
  display: inline-block;
  padding: 5px 9px;
  border-radius: 6px;
  background: rgba(166, 57, 155, 0.16);
  margin: 0px 8px 8px 0px;
}
.m_revechat_industries_and_all_blog_category .ecommerce, .m_revechat_last_featured_blog .ecommerce, .m_revechat_last_published_blog .ecommerce {
  color: #a6399b!important;
  background: rgba(166, 57, 155, 0.16)!important;
}
.m_revechat_industries_and_all_blog_category .customer-experience, .m_revechat_last_featured_blog .customer-experience, .m_revechat_last_published_blog .customer-experience{
  color: #2078FD!important;
  background: rgba(32, 120, 253, 0.16)!important;
}
.m_revechat_industries_and_all_blog_category .customer-engagement, .m_revechat_last_featured_blog .customer-engagement, .m_revechat_last_published_blog .customer-engagement{
  color: #1CAD5E!important;
background: rgba(28, 173, 94, 0.16)!important;
}
.m_revechat_industries_and_all_blog_category .live-chat, .m_revechat_last_featured_blog .live-chat, .m_revechat_last_published_blog .live-chat{
  color: #FF652C!important;
  background: rgba(255, 101, 44, 0.16)!important;
}
.m_revechat_last_published_blog .m_revechat_last_published_blog_innner h2, .m_revechat_blog_page_search_results h2 {
  margin: 0px;
  padding: 8px 0px 24px 0px;
  background-color: transparent;
}
.m_revechat_last_published_blog .m_revechat_last_published_blog_innner h2 a, .m_revechat_blog_page_search_results h2 a {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 50.4px */
  letter-spacing: -0.36px;
  margin: 0px;
  background-color: transparent;
}
.m_revechat_last_published_blog .m_revechat_last_published_blog_innner ul,
.m_revechat_last_featured_blog .m_revechat_last_featured_blog_innner ul,
.m_revechat_industries_and_all_blog
  .m_revechat_industries_and_all_blog_inner
  ul, .m_revechat_blog_page_search_results ul {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0px;
  margin: 0px;
}
.m_revechat_last_published_blog
  .m_revechat_last_published_blog_innner
  ul
  li
  svg,
.m_revechat_last_featured_blog .m_revechat_last_featured_blog_innner ul li svg,
.m_revechat_industries_and_all_blog
  .m_revechat_industries_and_all_blog_inner
  ul
  li
  svg, .m_revechat_blog_page_search_results ul li svg {
  margin-right: 7px;
}
.m_revechat_last_published_blog .m_revechat_last_published_blog_innner ul li,
.m_revechat_last_featured_blog .m_revechat_last_featured_blog_innner ul li,
.m_revechat_industries_and_all_blog
  .m_revechat_industries_and_all_blog_inner
  ul
  li, .m_revechat_blog_page_search_results ul li {
  list-style: none;
  display: flex;
  align-items: center;
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.14px;
  margin: 0px;
  padding: 0px 28px 0px 0px;
  position: relative;
}
.m_revechat_last_published_blog_thumbnail{
  padding-top: 32px;
}
.m_revechat_last_published_blog_thumbnail img{
  max-width: 100%;
  border-radius: 12px;
  object-fit: contain;
}
.search-results-heading h2{
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252B37));
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: -0.16px;
}

.m_revechat_last_published_blog
  .m_revechat_last_published_blog_innner
  ul
  li:after,
.m_revechat_last_featured_blog
  .m_revechat_last_featured_blog_innner
  ul
  li:after,
.m_revechat_industries_and_all_blog
  .m_revechat_industries_and_all_blog_inner
  ul
  li:after,
.m_revechat_blog_details_page_date_reading_time_and_listen_left ul li:after, .m_revechat_blog_page_search_results ul li:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 13px;
  width: 1px;
  height: 14px;
  background: var(--Off-white-Offwhite, #e6eaed);
}
.m_revechat_last_published_blog
  .m_revechat_last_published_blog_innner
  ul
  li:last-child:after,
.m_revechat_last_featured_blog
  .m_revechat_last_featured_blog_innner
  ul
  li:last-child:after,
.m_revechat_industries_and_all_blog
  .m_revechat_industries_and_all_blog_inner
  ul
  li:last-child:after, .m_revechat_blog_page_search_results ul li:last-child:after {
  display: none;
}
.m_revechat_last_featured_blog {
  padding-bottom: 120px;
}
.m_revechat_last_featured_blog img,
.m_revechat_industries_and_all_blog img , .m_revechat_blog_page_search_results img {
  max-width: 100%;
  margin-bottom: 24px;
  border-radius: 12px;
  object-fit: contain;
}
.m_revechat_last_featured_blog img{
  min-height: 264px;
 object-fit: cover;
}
.m_revechat_industries_and_all_blog img, .m_revechat_blog_page_search_results img{
 min-height: 210px;
 object-fit: cover;
}
.m_revechat_last_featured_blog .m_revechat_last_featured_blog_title a, .m_revechat_blog_page_search_results a {
  color: var(--colors-gray-light-mode-900, #181d27);
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  letter-spacing: -0.2px;
  margin: 0px;
  padding: 12px 0px 16px 0px;
  display: flex;
}
.m_revechat_industries_and_all_blog_inner {
  padding-bottom: 60px;
}
.m_revechat_industries_and_all_blog_banking_and_financial_services {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px 28px 0px;
}
.m_revechat_industries_and_all_blog_banking_and_financial_services a {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 0px;
  margin: 0px;
}
.m_revechat_industries_and_all_blog h3 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  letter-spacing: -0.24px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_industries_and_all_blog .m_revechat_industries_and_all_blog_title a, .m_revechat_blog_page_search_results a {
  color: var(--colors-gray-light-mode-900, #181d27);
  font-family: "Plus Jakarta Sans";
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  letter-spacing: -0.2px;
  margin: 0px;
  padding: 12px 0px 16px 0px;
}
.m_revechat_last_featured_blog h2,
.m_revechat_industries_and_all_blog h2 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
  letter-spacing: -0.32px;
  margin: 0px;
  padding: 0px 0px 60px 0px;
}
#m_revechat_industries_and_all_blog_without_bg_content{
  padding: 0px;
}
.m_revechat_industries_and_all_blog1 h2 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
  letter-spacing: -0.32px;
  margin: 0px;
  padding: 120px 0px 50px 0px;
}
.m_revechat_industries_and_all_blog {
  background: var(--colors-gray-light-mode-100, #f5f5f5);
  padding: 120px 0px 0px 0px;
  margin: 8px 8px 0px 8px;
  border-radius: 20px;
}
.m_revechat_industries_and_all_blog_without_bg {
  background-color: #fff;
}
.m-revechat-pagination-container{
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-revechat-pagination-container .m_revechat_blog_page_search_results ul li:after {
 display: none;
}
.reapply-styles, .cvf-universal-pagination ul li{
  color: var(--gray-light-mode-600, var(--colors-gray-light-mode-600, #535862))!important;
text-align: center!important;
font-family: "Plus Jakarta Sans"!important;
font-size: 16px!important;
font-weight: 500;
line-height: 150%!important; /* 24px */
margin: 0px!important;
padding: 0px 8px!important;
}
.reapply-styles:hover, .cvf-universal-pagination ul li:hover{
  color: var(--gray-light-mode-600, var(--colors-gray-light-mode-600, #535862))!important;
text-align: center!important;
font-family: "Plus Jakarta Sans"!important;
font-size: 16px!important;
font-weight: 500;
line-height: 150%!important; /* 24px */
margin: 0px!important;
padding: 0px 8px!important;
}
.cvf-universal-pagination ul li:hover, .reapply-styles:hover{
  cursor: pointer!important;
}
.current.reapply-styles, .cvf-universal-pagination ul li.selected {
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27))!important;
  text-align: center!important;
  font-family: "Plus Jakarta Sans"!important;
  font-size: 16px!important;
  font-weight: 600!important;
  line-height: 150%!important; /* 24px */
  margin: 0px!important;
  padding: 0px 8px!important;
margin: 0px;
padding: 0px 8px;
background: #FFF!important;
}


#m_revechat_page_loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  /* background-color: #FFF; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.m_revechat_page_spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.revechat_start_free_trail_clm_newsletter_btn{
  position: relative;
  width: 50%;
margin: auto;
}
.revechat_start_free_trail_clm_newsletter_btn .revechat_start_free_trail_clm_btn{
  position: absolute;
  top: 8px;
  right: 8px;
}
.revechat_start_free_trail_clm_newsletter_btn .revechat_start_free_trail_clm_btn a:hover{
  padding: 7px 20px!important;
}
.revechat_start_free_trail_clm_newsletter_btn .form-control{
  display: flex;
  padding: 8px 8px 8px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 12px;
background: #FFF;
min-height: 64px;
width: 100%;
}
.revechat_start_free_trail_clm_newsletter_btn .revechat_start_free_trail_clm_btn a {
  padding: 7px 20px;
}
.revechat_start_free_trail_clm_newsletter_btn .revechat_start_free_trail_clm_btn{
  border-radius: 12px;
}
.revechat_start_free_trail_clm_newsletter_btn .revechat_start_free_trail_clm_btn a img {
  padding: 4px;
  left: 3%;
}
.cvf-universal-pagination ul li.active:hover {
  background-color: #FFF!important;
}
.cvf-pagination-nav{
  margin: 0px 0px 120px 0px!important;
}
.m-revechat-post-count{
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252B37));
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
  margin: 0px;
}
/* BLOG PAGE DESIGN START END  */

/* BLOG DETAILS PAGE DESIGN START HERE  */
.m_revechat_blog_details_page {
  padding: 146px 0px 0px 0px;
  background: linear-gradient(to bottom, #F5F5F5 10%, #FFFFFF 100%);
}
.m_revechat_blog_details_page_date_reading_time_and_listen_right span:hover{
  cursor: pointer;
}
/* .m_revechat_blog_details_page .container-fluid {
  width: 60%;
  margin-left: auto;
} */
.m_revechat_blog_details_page a.m_revechat_details_page_category {
  color: #a6399b;
  font-family: "InstrumentSans-SemiBold";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 16.8px */
  letter-spacing: -0.12px;
  border-radius: 6px;
  background: rgba(166, 57, 155, 0.16);
  display: inline-block;
  padding: 5px 9px;
  text-decoration: none;
  margin: 0px 8px 0px 0px;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  h1 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 57.6px */
  letter-spacing: -0.48px;
  margin: 0px;
  padding: 12px 0px 24px 0px;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  .m_revechat_blog_details_page_date_reading_time_and_listen
  ul
  li
  span {
  color: var(--gray-light-mode-600, var(--colors-gray-light-mode-600, #535862));
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.14px;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  .m_revechat_blog_details_page_date_reading_time_and_listen
  ul
  li
  span
  svg {
  margin-right: 8px;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  .m_revechat_blog_details_page_date_reading_time_and_listen
  ul
  li {
  list-style: none;
  position: relative;
  padding: 0px 24px 0px 0px;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  img {
  max-width: 100%;
  object-fit: cover;
  width: auto!important;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  .m_revechat_thumbnail_img img {
  border-radius: 24px;
}
.m_revechat_blog_details_page
  .m_revechat_blog_details_page_category_title_thumbnail
  .m_revechat_blog_details_page_date_reading_time_and_listen
  ul {
  margin: 0px;
  padding: 0px 0px 40px 0px;
  display: flex;
  align-items: center;
}
.m_revechat_blog_details_page_date_reading_time_and_listen {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m_revechat_blog_details_table_of_content {
  position: sticky;
  top: 114px;
  left: 26px;
  max-width: 320px;
  min-width: 320px;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--colors-gray-light-mode-200, #e9eaeb);
  background: var(--White, #fff);
  z-index: 100;
}
.m_revechat_blog_details_table_of_content ul{
  max-height: 220px;
  overflow-y: scroll;
}
/* WebKit browsers (Chrome, Edge, Safari) */
.m_revechat_blog_details_table_of_content ul::-webkit-scrollbar {
  width: 4px; /* Width of the scrollbar */
}

.m_revechat_blog_details_table_of_content ul::-webkit-scrollbar-track {
  background: #FFF; /* Track color */
  height: 70%;
}

.m_revechat_blog_details_table_of_content ul::-webkit-scrollbar-thumb {
  background: #f4f4f4;
  border-radius: 4px; /* Rounded corners */
}

.m_revechat_blog_details_table_of_content ul::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #0f277c 23.85%, #b900fa 74.12%, #ff926f 100%);

}

/* Firefox */
.m_revechat_blog_details_table_of_content ul * {
  scrollbar-width: thin; /* Thin scrollbar */
}
.m_revechat_blog_details_table_of_content ul li ul{
  max-height: 100%;
  overflow: hidden;
}
.m_revechat_blog_details_table_of_content ul li ul li{
  list-style: none;
  position: relative;
}
.m_revechat_blog_left_bottom_fixed_banner {
  position: fixed;
  bottom: 24px;
  left: 26px;
  max-width: 320px;
  min-width: 320px;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--colors-gray-light-mode-200, #e9eaeb);
  background: var(--White, #fff);
  z-index: 100;
}
@keyframes gradientLoop1 {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.m_revechat_blog_details_table_of_content_title span#tocHeader{
color: var(--gray-light-mode-900-section-header, #181D27);
font-family: "InstrumentSans-Regular";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 150% */
  margin: 0px;
  padding: 0px 0px 6px 0px;
  display: block;
}
.m_revechat_blog_details_table_of_content h2 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 16.9px */
  letter-spacing: -0.13px;
  margin: 0px;
  padding: 0px 0px 12px 0px;
  cursor: pointer;
}
.m_revechat_blog_left_bottom_fixed_banner h2 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
}
.m_revechat_blog_left_bottom_fixed_banner h2.active {
  color: #fff;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.m_revechat_blog_left_bottom_fixed_banner p {
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin: 0px;
  padding: 12px 0px 24px 0px;
}
.m_revechat_blog_details_table_of_content ul {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
.m_revechat_blog_details_table_of_content ul li ul {
  margin: 0px;
  padding: 12px 0px 0px 16px;
}
.m_revechat_blog_details_table_of_content ul li {
  list-style: none;
  padding: 6px 10px 6px 0px;
  font-size: 13px;
  line-height: 22px;
  font-family: "InstrumentSans-Regular";
  font-weight: 400;
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #717680));
}
.m_revechat_blog_details_table_of_content ul li a {
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #717680));
  font-family: "InstrumentSans-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: auto;
  text-decoration: none;
}
.m_revechat_blog_details_table_of_content ul li a.high
.tocHeader {
  position: relative;
}
.m_revechat_blog_mobile_toc, .m_revechat_blog_left_bottom_fixed_banner{
  display: none;
}
/* #tocHeader::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 2px solid #a4a7ae;
  border-right: 2px solid #a4a7ae;
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 16px;
} */
.m_revechat_blog_left_bottom_fixed_banner h2::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 2px solid #a4a7ae;
  border-right: 2px solid #a4a7ae;
  transform: rotate(-45deg);
  position: absolute;
  right: 24px;
  top: 33px;
}
.m_revechat_blog_left_bottom_fixed_banner h2.active::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  position: absolute;
  right: 24px;
  top: 30px;
}
.m_revechat_blog_left_bottom_fixed_banner button {
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    #0f277c 23.85%,
    #b900fa 74.12%,
    #ff926f 100%
  );
  box-shadow: 0px 4px 16px 0px rgba(249, 33, 253, 0.65) inset;
  color: var(--Primary-Colors-White, #fff);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  display: block;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border: none;
  width: 100%;
  margin: 12px 0px 0px 0px;
}
.m_revechat_blog_details_table_of_content_title .active:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 2px solid #a4a7ae;
  border-right: 2px solid #a4a7ae;
  transform: rotate(135deg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.m_revechat_blog_details_page_top_banner {
  position: relative;
  display: flex;
  width: 65%;
  margin: auto 100px;
}
.m_revechat_blog_details_page_social_share_icon_inner {
  position: sticky;
  top: 40%;
  right: 15%;
  z-index: 100;
}
.m_revechat_blog_details_page_social_share_icon_inner ul{
  padding-left: 80px;
}
.m_revechat_blog_details_page,
.container,
.row {
  overflow: visible; /* Ensure no overflow restrictions */
}
.m_revechat_blog_details_page_social_share_icon ul li {
  list-style: none;
  padding: 14px 0px;
}
.m_revechat_blog_details_page_content img {
  max-width: 100%;
  margin: 16px auto 24px auto;
  display: flex;
  justify-content: center;
  text-align: center;
}
.m_revechat_blog_details_page_content p, .m_revechat_blog_details_page_content p span{
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "SourceSerifPro-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400!important;
  line-height: 34px; /* 170% */
  margin: 0px;
  padding: 0px 0px 16px 0px;
}
.m_revechat_blog_details_page_content a, .m_revechat_blog_details_page_content a:hover, .m_revechat_blog_details_page_content a:focus, .m_revechat_blog_details_page_content p a span, .m_revechat_blog_details_page_content p a{
  color: #0d6efd;
  font-family: "SourceSerifPro-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400!important;
  line-height: 34px; /* 170% */
}
.m_revechat_blog_details_page_content h2, .m_revechat_blog_details_page_content h2 span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "Plus Jakarta Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700!important;
  line-height: 130%; /* 49.28px */
  letter-spacing: -0.28px;
  margin: 0px;
  padding: 24px 0px 16px 0px;
}
.m_revechat_blog_details_page_content table{
  width: 100%;
  margin-bottom: 24px;
}
.m_revechat_blog_details_page_content .wp-block-embed__wrapper{
  display: flex;
  justify-content: center;
}
.m_revechat_blog_details_page_content h3, .m_revechat_blog_details_page_content h3 span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "Plus Jakarta Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 600!important;
  line-height: 32px; /* 133.333% */
  margin: 0px;
  padding: 24px 0px 8px 0px;
}
.m_revechat_thumbnail_img{
  margin: 0px 0px 40px 0px;
}
.m_revechat_blog_details_page_content h4, .m_revechat_blog_details_page_content h4 span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600!important;
  line-height: 32px; /* 133.333% */
  margin: 0px;
  padding: 24px 0px 8px 0px;
}
.m_revechat_blog_details_page_content h5, .m_revechat_blog_details_page_content h5 span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 600!important;
  line-height: 32px; /* 133.333% */
  margin: 0px;
  padding: 8px 0px 8px 0px;
}
.m_revechat_blog_details_page_content ul,
.m_revechat_blog_details_page_content ol {
  padding: 0px 0px 0px 24px;
  margin-bottom: 0px;
}
.m_revechat_blog_details_page_content ul li {
  color: #252b37;
  font-family: "SourceSerifPro-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 170% */
  padding: 0px 0px 12px 0px;
  list-style: disc;
}
.m_revechat_blog_details_page_content ol li a span, .m_revechat_blog_details_page_content ol li a, .m_revechat_blog_details_page_content ol li{
  color: #252b37;
  font-family: "SourceSerifPro-Regular";
  font-size: 20px!important;
  font-style: normal;
  font-weight: 400!important;
  line-height: 34px!important; /* 170% */
  padding: 12px 0px;
}
img.m_revechat_blog_details_page_thumbnail {
  margin-bottom: 40px;
}
.m_revechat_blog_details_page_content_custom_ai_human_interaction {
  border-radius: 16px;
  background: var(--colors-gray-light-mode-100, #f5f5f5);
  padding: 12px;
  margin: 0px 0px;
}
.m_revechat_blog_details_page_content_custom_ai_human_interaction h4 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "SourceSerifPro-Semibold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 26px */
}
.m_revechat_blog_details_page_content_custom_ai_human_interaction h4 span {
  border-radius: 8px;
  background: var(--colors-gray-light-mode-900, #181d27);
  color: #fff;
  font-family: "SourceSerifPro-Semibold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 26px */
  display: inline-block;
  padding: 10px 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-right: 12px;
}
.m_revechat_blog_details_page_content_custom_ai_human_interaction_description {
  border-radius: 10px;
  background: #fff;
  padding: 16px 20px 20px 20px;
}
.m_revechat_blog_details_table_of_content ul li a.highlighted{
  color: #181D27;
  font-weight: 600;
  font-family: "InstrumentSans-SemiBold";
  text-decoration: underline;
  text-underline-offset: 3px;
}
.m_author_bio_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  border: 1px solid var(--colors-gray-light-mode-100, #F5F5F5);
  background: var(--colors-gray-light-mode-50, #FAFAFA);
  margin: 80px 0px 104px 0px;
}
.m_author_bio_box_left{
  width: 35%;
  background: var(--colors-gray-light-mode-50, #FAFAFA);
  padding: 24px;
  display: flex;
  border-radius: 16px 0px 0px 16px;
}
.m_author_bio_box_left ul.m_single_social_icon, ul.m_single_social_icon{
 margin: 0px;
 padding: 0px;
 display: flex;
}
.m_author_bio_box_left .m_author_bio_box_inner_right{
 padding: 0px 0px 0px 12px;
}
.m_author_bio_box_left ul.m_single_social_icon li, ul.m_single_social_icon li{
 list-style: none;
 padding: 0px 8px 0px 0px;
}
.authorModal_inner_left img, .m_author_bio_box_inner_left img{
  border-radius: 50%;
}
.modal#authorModal .modal-content{
  border-radius: 16px;
  border: 1px solid var(--colors-gray-light-mode-200, #E9EAEB);
  background: var(--White, #FFF);
  min-width: 640px;
padding: 44px 32px 32px 32px!important;
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}
#authorModal .modal-header{
  padding: 0px;
  display: block;
}
.single-show button.read-more-btn{
  color: var(--colors-gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 0px;
  margin-bottom: 4px;
}
#authorModal .modal-header .btn-close{
position: absolute;
top: 16px;
right: 16px;
}
#authorModal .modal-header .btn-close{
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 0px;
    color: #000;
    background: transparent url(../png/xcircle.png) center / 1em auto no-repeat;
    opacity: 1;
}
#authorModal .authorModal_inner_left{
  padding-right: 12px;
}
.modal-header .authorModal_inner{
  border-radius: 12px;
background: var(--colors-gray-light-mode-50, #FAFAFA);
padding: 24px;
}
.authorModal_inner{
  display: flex;
}
.m_author_bio_box_left h4 a, .authorModal_inner_right span a{
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  margin: 0px;
  padding: 0px;
}
.m_author_bio_box_right{
  width: 65%;
  background: #FFF;
  padding: 24px 32px;
  border-radius: 0px 16px 16px 0px;
}
.m_author_bio_box_right h6{
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  letter-spacing: -0.12px;
  padding: 0px 0px 8px 0px;
  margin: 0px;
}
.m_author_bio_box_right p{
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.14px;
  padding: 0px;
  margin: 0px;
}
.m_rchat_blog_listen_player_popup{
  display: none;
}
#m_revechat_blog_listen_player_popup {
 display: block;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%); 
    border-radius: 29px;
    border: 1.5px solid var(--colors-gray-light-mode-200, #E9EAEB);
    background: #FFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 
                0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    width: 360px;
    padding: 8px 14px 8px 8px;
    z-index: 9999;   
}

/* #popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
} */

.m_revechat_blog_listen_conatainer {
  display: flex;
  align-items: center;
}

.m_revechat_blog_listen_button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-indent: 3px;
  background-color: #717680;
  border-radius: 50%;
  color: #fff;
  border: none;
  cursor: pointer;
}
.m_revechat_blog_listen_progress_container {
  width: 60%;
  position: relative;
  height: 3px;
  border-radius: 4px;
  background: var(--colors-gray-light-mode-200, #E9EAEB);
  overflow: hidden;
  margin: 0px 10px;
}

.m_revechat_blog_listen_progress_container_bar {
  width: 0;
  height: 100%;
  border-radius: 4px;
background: var(--colors-gray-light-mode-700, #414651);
  transition: width 0.1s linear;
}
/* .m_revechat_blog_listen_progress_container_bar:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
background: var(--colors-gray-light-mode-700, #414651);
} */

.m_revechat_blog_listen_progress_container_time {
  font-size: 14px;
  color: #555;
}

#m_revechat_blog_listen_player_close_popup {
  background-color: #FFF;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  position: absolute;
  top: 7px;
  right: -35px;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 400;
  color: gray;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  text-align: center;
}

.m_free_marketing_plan_template {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: linear-gradient(253deg, #E8DBFF 0.5%, #E7EBFF 95.99%);
  max-height: 324px;
  max-width: 680px;
  padding: 12px 12px 12px 32px;
}

.m_free_marketing_plan_template_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

.m_free_marketing_plan_template_inner_left {
  width: 70%;
}

.m_free_marketing_plan_template_inner_left span {
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  margin: 0px;
  padding: 0px;
}

.m_free_marketing_plan_template_inner_left p, .m_free_marketing_plan_template_inner_left p span {
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "InstrumentSans-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0px;
  padding: 12px 0px;
}

.m_free_marketing_plan_template_inner_left ul {
  padding: 0px 15px;
}

.m_free_marketing_plan_template_inner_left ul li, .m_free_marketing_plan_template_inner_left ul li span{
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252B37));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  position: relative;
  padding: 3px 0px!important;
  margin: 0px;
  list-style: none;
}
.m_free_marketing_plan_template_inner_left ul li::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../frame.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 2px;
  left: -30px;
}

.m_free_marketing_plan_template_inner_left a.m_free_marketing_plan_template_inner_left_btn_first {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
background: linear-gradient(90deg, #0F277C 23.85%, #B900FA 74.12%, #FF926F 100%);
box-shadow: 0px 4px 16px 0px rgba(249, 33, 253, 0.65) inset;
  color: #fff;
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  margin: 10px 0;
}
.m_free_marketing_plan_template_inner_left a.m_free_marketing_plan_template_inner_left_btn_second {
  display: inline-block;
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 8px;
  background: #FFF;
  color: #000;
  text-decoration: none;
  margin: 10px 0;
}

.m_free_marketing_plan_template_inner_right {
  width: 50%;
}

.m_free_marketing_plan_template_inner_right img {
  max-width: 100%;
  object-fit: cover;
}
 .tempalte_copy_button {
  position: relative
}

 .tempalte_copy_button {
  border-radius: 16px;
  background: linear-gradient(253deg, #E8DBFF 0.5%, #E7EBFF 95.99%);
  margin-bottom: 30px;
  padding: 20px;
}

 .tempalte_copy_button .copyButton {
  position: absolute;
  left: 40px;
  bottom: 40px;
  border-radius: 8px;
  border: 1px solid #6314BA;
  background: #FFF;
  padding: 3px 15px;
  border-radius: 4px;
  max-height: max-content;
  display: flex;
  align-items: center;
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252B37));
font-family: "InstrumentSans-Medium";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
letter-spacing: -0.14px;
}
 .tempalte_copy_button .copyButton img{
max-width: 100%!important;
margin: 0px 5px 0px 0px;
filter: invert(1);
}
 .tempalte_copy_button .tempalte_copy_button_sub  {
 padding: 0px!important;
}
 .tempalte_copy_button .tempalte_copy_button_sub p {
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
  font-family: "SourceSerifPro-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 26px */
  letter-spacing: -0.2px;
  margin: 0px!important;
  padding: 8px 8px 24px 0px;
}
 .tempalte_copy_button .email_template {
  border-radius: 10px;
  background: linear-gradient(180deg,#f4f5ff 0,#fff 100%);
  padding: 0px 20px 60px 20px!important;
}
 .tempalte_copy_button .email_template p{
  padding: 20px 20px 0px 20px;
}
.tempalte_copy_button .email_template p:last-child{
  padding-bottom: 60px;
}
.m_revechat_blog_details_page_content .accordion-button:not(.collapsed)::after {
 background-image: none;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #181d27;
    border-left: 2px solid #181d27;
    transform: rotate(45deg);
}
.m_revechat_blog_details_page_content .accordion-button::after {
  background-image: none;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #181d27;
    border-left: 2px solid #181d27;
    transform: rotate(-135deg);
}
.m_revechat_blog_details_page_content .accordion-item h3 {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 32px;
  margin: 0px;
  padding: 0px!important;
}
.m_revechat_blog_details_page_content .accordion-item h3 .accordion-button:not(.collapsed) {
  box-shadow: none;
  outline: none;
}
.m_revechat_blog_details_page_content .accordion-item {
border-bottom: 1px solid gainsboro;
}
.m_revechat_blog_details_page_content .accordion-item .accordion-body{
  padding: 0px 0px 24px 0px;
}
.m_revechat_blog_details_page_content .accordion-item .accordion-button, .m_revechat_blog_details_page_content .accordion-item .accordion-button:focus ,.m_revechat_blog_details_page_content .accordion-item .accordion-button:hover{
  box-shadow: none;
  color: #101828;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  outline: none;
}
.m_revechat_blog_details_page_content tbody, td, tfoot, th, thead, tr{
  border: 1px solid #d6d7d8;
  padding: 7px;
  border-width: 1px!important;
}
.m_revechat_blog_details_page_content .tool-table tbody, td, tfoot, th, thead, tr{
  border: 0px solid #d6d7d8;
  padding: 7px;
  border-width: 0px!important;
}
.m_revechat_blog_details_page_content .tool-table tbody tr{
  border: 1px solid #e9eaeb;
  padding: 7px;
  border-width: 1px!important;
}
.m_revechat_blog_details_page_content table.tool-table{
  margin-bottom: 0px!important;
}
figcaption.wp-element-caption {
  text-align: center;
}
/* BLOG DETAILS PAGE DESIGN END HERE*/
/* AUTHOR PAGE DESIGN START HERE  */
.m_revechat_author_banner{
  position: relative;
  padding: 0px 0px 0px 0px;
}
.m_revechat_author_banner{
 background: url(../png/author-banner.png);
 background-position: top;
 background-repeat: no-repeat;
 width: 99%;
 margin: 8px 10px;
 height: 100%;
 color: #fff;
 transition: .3s;
 border-radius: 12px 12px 0px 0px;
}
.m_revechat_author_banner p{
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}

.m_revechat_author_banner_inner_details{
  padding: 264px 0px 32px 0px;
  display: flex;
  align-items: end;
}
.m_revechat_author_banner_inner_details_right{
padding-left: 16px;
}
.m_revechat_author_banner_inner_details_left img{
  border-radius: 50%;
}
.m_revechat_author_banner_inner_details_right span a{
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
font-family: "InstrumentSans-SemiBold";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 133.333% */
}
.m_revechat_author_banner_inner_details span{
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));

  /* Display xs 24 PX/Semibold */
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
}
.m_revechat_author_banner_inner_details p{
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
}
.m_revechat_author_banner .container .row{
  display: flex;
  align-items: end;
}
.m_revechat_author_banner_inner_right ul{
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 80px;
}
.m_revechat_author_banner_inner_right ul li{
 list-style: none;
 padding-right: 12px;
}
.cvf-universal-pagination ul{
  display: flex;
  justify-self: center;
}
.cvf-universal-pagination ul li{
 list-style: none;
}
/* AUTHOR PAGE DESIGN END HERE  */
/* Affiliate page design start here  */
.m_revechat_common_hero_banner_two {
  background-color: #fceed2;
  position: relative;
  padding-top: 20px;
}
.m_revechat_common_hero_banner_two_left {
  display: flex;
  align-items: center;
  min-height: 660px;
}
.m_revechat_common_hero_banner_two_left {
  padding-left: 27%;
}
.m_revechat_common_hero_banner_two_left_inner h2 {
  color: #111322;
  font-family: "General Sans", sans-serif !important;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 78px;
  letter-spacing: -1.92px;
  padding: 0px;
  margin: 0px;
}
.m_revechat_common_hero_banner_two_left_inner h6 {
  color: #292929;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  padding: 18px 0px 10px 0px;
  margin: 0px;
}
.m_revechat_common_hero_banner_two_left_inner p {
  color: #292929;
  font-family: "General Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 15px 0px 40px 0px;
  margin: 0px;
}
.m_revechat_common_hero_banner_two svg {
  position: absolute;
  top: 100%;
}
.m_revechat_common_hero_banner_two_right {
  position: relative;
}
.m_revechat_common_hero_banner_two_left_inner {
  max-width: max-content;
}
.m_revechat_common_hero_banner_two_right img {
  width: 100%;
  position: absolute;
  z-index: 1;
}

.m_revechat_common_trusted_compaines_section {
  padding: 96px 0px;
  margin-top: 70px;
}
.m_revechat_common_trusted_compaines_section h2 {
  color: #0e0e0e;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  margin: 0px;
  padding-bottom: 30px;
}
.m_revechat_trusted_companies {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.m_revechat_product_design{
    padding: 24px 0px;
}
.m_revechat_product_design h2 {
  color: #071830;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.96px;
  margin: 0px;
  padding: 0px 0px 64px 0px;
}
.tab_button_hidden_text{
  display: none;
}
.m_revechat_product_design .tab-content img {
  max-width: 100%;
  border-radius: 12px;
}
.m_revechat_product_design .nav-link {
  width: 100%;
}
.m_revechat_product_design .nav-link h6 {
    color: #141414;
    font-family: "General Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
  margin: 0px;
  text-align: left;
}
.m_revechat_product_design .nav-link.active h6 {
    color: #141414;
    font-family: "General Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin: 0px;
    text-align: left;
    padding-top: 24px;
}
.m_revechat_product_design .nav-link p {
  padding-top: 12px;
  color: #292929;
  font-family: "General Sans", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
text-align: left;
}
.m_revechat_product_design .nav-link {
  margin-bottom: 16px;
  padding: 24px;
}
.m_revechat_product_design_nav_button{
    display: flex;
    align-items: center;
}
.m_revechat_product_design .nav-link.active  .m_revechat_product_design_nav_button{
   display: inherit;
   align-items: left;
  }
.m_revechat_product_design .nav-link img{
 padding: 0px 24px 0px 0px;
 display: flex;
}
.m_revechat_product_design .nav-link.active {
  background: #fff!important;
  border-radius: 0px!important;
}
.m_revechat_product_design .nav-link {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

.m_revechat_product_design .nav-link.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px; 
    background: linear-gradient(to left, blue, rgb(240, 113, 134));
}
.m_revechat_product_design_nav_mbl_imag{
  display: none;
}
.m_revechat_product_design_nav_mbl_imag img{
  max-width: 100%;
}
.m_revechat_common_testimonial_section {
  padding: 96px 0px;
  background: #fffaf7;
}
.m_revechat_common_testimonial_section_title {
  text-align: center;
}
.m_revechat_common_testimonial_section_title h2 {
  color: #111322;
  font-family: "General Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.96px;
  margin: 0px;
  padding-bottom: 48px;
}
.m_revechat_common_testimonial_section_title p {
  color: #111322;
  font-family: "General Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin: 0px;
}
.m_revechat_testimonial_inner {
  border-radius: 20px;
  background: #fff;
  padding: 96px;
  min-height: 750px;
}
.m_revechat_testimonial_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m_revechat_testimonial_inner_left {
  width: 55%;
}
.m_revechat_testimonial_inner_right {
  text-align: right;
  width: 45%;
}
.m_revechat_testimonial_caro.owl-carousel .owl-item img {
  max-width: 100% !important;
  text-align: right !important;
}
.m_revechat_testimonial_inner_left_logo img {
  max-width: 100%;
}
.m_revechat_testimonial_caro.owl-carousel .owl-prev {
  width: 56px;
  height: 56px;
  background-image: url(../png/testimonial-previous-icon.png) !important;
  background-repeat: no-repeat !important;
  border-radius: 50% !important;
  border: 1px solid #eaecf0 !important;
  background-position: center !important;
  transition: 0.2s ease-in-out;
}
.m_revechat_testimonial_caro.owl-carousel .owl-prev:hover {
  border: 1px solid #a3a3a3 !important;
  background-color: transparent !important;
  transition: 0.2s ease-in-out;
}
.m_revechat_testimonial_caro.owl-carousel .owl-next:hover {
  border: 1px solid #a3a3a3 !important;
  background-color: transparent !important;
  transition: 0.2s ease-in-out;
}
.m_revechat_testimonial_caro.owl-carousel .owl-prev span {
  display: none;
}
.m_revechat_testimonial_caro.owl-carousel .owl-next {
  width: 56px;
  height: 56px;
  background-image: url(../png/testimonial-nexticon.png) !important;
  background-repeat: no-repeat !important;
  border-radius: 50% !important;
  border: 1px solid #eaecf0 !important;
  background-position: center !important;
  transition: 0.2s ease-in-out;
}
.m_revechat_testimonial_caro.owl-carousel .owl-next span {
  display: none;
}
.m_revechat_testimonial_caro.owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  bottom: 90px;
  left: 90px;
}
.m_revechat_testimonial_inner_left_name_and_logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_revechat_testimonial_inner_left h6 {
  color: #090914;
  font-family: "General Sans", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  margin: 0px;
  padding-bottom: 32px;
}
.m_revechat_testimonial_inner_left p {
  color: #52525b;
  font-family: "General Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin: 0px;
  padding-bottom: 36px;
}
.m_revechat_testimonial_inner_left_name h4 {
  color: #101828;
  font-family: "General Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0px;
}
.m_revechat_testimonial_inner_left_name p {
  color: var(--Gray-600, #475467);
  font-family: "General Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin: 0px;
}
.m_revechat_common_integration_section {
  background: #040033;
  padding: 96px 0px;
  text-align: center;
}
.m_revechat_common_integration_section h2 {
  color: #fff;
  font-family: "General Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.96px;
  margin: 0px;
}
.m_revechat_common_integration_section p {
  color: #fff;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0px;
  padding: 4px 0px 32px 0px;
}
.m_revechat_common_integration_section a {
  color: #fffaf7;
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  align-items: center;
  padding: 16px 24px;
  border-radius: 48px;
  background: #0040ff;
  text-decoration: none;
}
.m_revechat_all_integration {
  display: flex;
  justify-content: center;
  padding-top: 64px;
}
.m_revechat_all_integration img{
    max-width: 100%;
}
.m_revechat_common_integration_section img {
  max-width: 100%;
}
.m_revechat_last_publised_blog_author_and_date ul {
  display: flex;
  margin: 0px;
  padding: 0px;
}
.m_revechat_last_publised_blog_author_and_date ul li {
  list-style: none;
  color: #525252;
  font-family: "General Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 0px 20px 0px 0px;
  position: relative;
}
.m_revechat_last_publised_blog_author_and_date ul li a {
  list-style: none;
  font-family: "General Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  color: #525252;
}
.m_revechat_last_publised_blog_author_and_date ul li:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #525252;
  position: absolute;
  top: 7px;
  right: 8px;
  border-radius: 50%;
}
.m_revechat_last_publised_blog_author_and_date ul li:last-child:after {
  display: none;
}
.m_revechat_last_publised_blog {
  padding: 96px 0px;
}
.m_revechat_last_publised_blog .card img {
  width: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0px 0px;
}
.m_revechat_all_publised_blog {
  display: flex;
  justify-content: space-between;
}
.m_revechat_all_publised_blog {
  padding-bottom: 48px;
}
.m_revechat_all_publised_blog h2 {
  color: #141414;
  font-family: "General Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px; /* 125% */
  letter-spacing: -0.96px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_all_publised_blog a {
  display: flex;
  padding: 12px 18px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 32px;
  border: 1px solid #0040ff;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #0040ff;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  height: max-content;
  margin: 0px;
}
.m_revechat_all_publised_blog a:hover, .m_revechat_all_publised_blog a:focus{
  color: #0040ff;
}
.m_revechat_last_publised_blog {
  background: #fffaf7;
}
.m_revechat_last_publised_blog .card {
  background: #fff;
  border: none;
  border-radius: 16px;
}
.m_revechat_last_publised_blog .card .card-img-top {
  border-radius: 16px 16px 0px 0px;
}
.m_revechat_last_publised_blog .card .card-body {
  padding: 24px;
  min-height: 270px;
}
.m_revechat_last_publised_blog .card a {
  text-decoration: none;
}
.m_revechat_last_publised_blog .card .card-body h2.card-title {
  color: #101828;
  font-family: "General Sans", sans-serif !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 8px 0px;
  padding: 0px;
}
.m_revechat_last_publised_blog .card .card-body .card-title a {
  color: #101828;
  color: #101828;
  font-family: "General Sans", sans-serif !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 8px 0px;
  padding: 0px;
}
.m_revechat_last_publised_blog .card .card-text a {
  overflow: hidden;
  color: #475467;
  overflow: hidden;
  color: #475467;
  text-overflow: ellipsis;
  font-family: "General Sans", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.m_revechat_last_publised_blog .card p.card-text {
  overflow: hidden;
  color: #475467;
  text-overflow: ellipsis;
  font-family: "General Sans", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.m_revechat_last_publised_blog_post_category {
  position: absolute;
  bottom: 20px;
}
.m_revechat_last_publised_blog_post_category ul {
  display: flex;
  margin: 0px;
  padding: 0px;
}
.m_revechat_last_publised_blog_post_category ul li {
  list-style: none;
  padding: 0px 10px 0px 0px;
}
.m_revechat_last_publised_blog_post_category ul li a {
  color: #363f72;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  border-radius: 16px;
  border: 1px solid #d7ebfe;
  background: #f8f9fc;
  padding: 2px 10px;
}
.m_revechat_new_bootom_banner_section {
  padding: 0px 0px 48px 0px;
}
.m_revechat_new_bootom_banner_section_cta_banner {
  background: #fc7318;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 40px 100px;
  border-radius: 24px;
}
.m_revechat_new_bootom_banner_section_cta_banner h2 {
  color: #fcfcfd;
  font-family: "General Sans", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px; /* 120.833% */
  letter-spacing: -0.96px;
  width: 50%;
  margin-right: auto;
}
.m_revechat_new_bootom_banner_section_cta_banner span a {
  font-family: "Inter";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  background: linear-gradient(to right, #1d3b96, #e7429d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.m_revechat_new_bootom_banner_section_cta_banner span {
  font-family: "Inter";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  padding: 10px 20px;
  background: #fff;
  margin: 2px;
  border-radius: 48px;
  z-index: 1;
  border-radius: 40px;
  border: 1px solid #30ff5d;
  background: var(--Primary-Color-Pallete-Background-Color, #fffaf7);
  box-shadow: 3px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.m_revechat_testimonial_inner_right img {
  max-width: 100% !important;
}
.m_revechat_testimonial_inner_left_mbl_logo {
  display: none;
}
.m_revechat_trusted_companies_inner {
  position: relative;
  width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.m_revechat_trusted_companies_inner img {
  max-width: 90%;
}
.m_revechat_trusted_companies_inner img.front {
  position: relative;
  backface-visibility: hidden;
  transition: transform 1s;
}
.m_revechat_trusted_companies_inner img.back {
  position: absolute;
  backface-visibility: hidden;
  transition: transform 1s;
}

.m_revechat_trusted_companies_inner .back {
  transform: rotateX(180deg);
}

.m_revechat_trusted_companies_inner.flip .front {
  transform: rotateX(180deg);
}

.m_revechat_trusted_companies_inner.flip .back {
  transform: rotateX(0deg);
}
.m_revechat_testimonial_inner_left {
  position: relative;
}
img.m_revechat_testimonial_inner_left_quite_icon {
  position: absolute;
  top: -45px;
}
a.m_single_inbox_page_mbl_btn{
  display:none;
}
.m_revechat_home_section_thirdt_cta_banner span.mdemo_mbl{
  display: none;
}
@media only screen and (max-width: 1800px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 22%;
  }
}
@media only screen and (max-width: 1700px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 18%;
  }
  .m_revechat_blog_page_banner_inner .input-group .form-control {
    z-index: 0;
  }
}
@media only screen and (max-width: 1600px) {
  .m_revechat_common_hero_banner_two_left {
    min-height: 550px;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 13%;
  }
}
@media only screen and (max-width: 1500px) {
  .m_revechat_common_hero_banner_two_left {
    min-height: 530px;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 8%;
  }
}
@media only screen and (max-width: 1400px) {
  .m_revechat_common_hero_banner_two_left {
    min-height: 500px;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 16%;
  }
  .m_revechat_common_hero_banner_two_left_inner h6 {
    font-size: 24px;
  }
  .m_revechat_hybrid_chatbot {
    min-height: 430px;
  }
  .m_revechat_testimonial_inner_left h6 {
    font-size: 24px;
  }
  .m_revechat_testimonial_caro.owl-theme .owl-nav {
    bottom: 60px;
  }
  .m_revechat_testimonial_inner {
    min-height: 730px;
  }
  .m_revechat_last_publised_blog .card p.card-text {
    padding-bottom: 20px;
  }
  .m_revechat_last_publised_blog .card .card-body {
    min-height: 300px;
  }
  .m_revechat_new_bootom_banner_section_cta_banner {
    padding: 50px 50px;
  }
  .m_revechat_new_bootom_banner_section_cta_banner {
    padding: 50px 50px;
  }
  .m_revechat_trusted_companies {
    justify-content: center;
    padding: 0px 20px;
  }
  .m_revechat_trusted_companies_inner {
    margin-bottom: 20px;
    width: 210px;
  }
}
@media only screen and (max-width: 1366px) {
  .m_revechat_common_hero_banner_two_left_inner h2 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1300px) {
  .m_revechat_common_hero_banner_two_left {
    min-height: 470px;
  }
  .m_revechat_common_hero_banner_two_left_inner h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 8%;
  }
  .m_revechat_common_hero_banner_two_left_inner h6 {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0px 10px 0px;
  }
}
@media only screen and (max-width: 1200px) {
  .m_revechat_last_publised_blog .card .card-body {
    min-height: 350px;
  }
  .m_revechat_common_hero_banner_two_left {
    min-height: 500px;
  }
  .m_revechat_common_hero_banner_two_left_inner h2 {
    font-size: 44px;
    line-height: 48px;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 20%;
  }
  .m_revechat_common_hero_banner_two_left_inner h6 {
    font-size: 18px;
    line-height: 30px;
    padding: 0px;
  }
  .m_revechat_common_hero_banner_two_left_inner p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
  }
  .m_revechat_hybrid_chatbot {
    min-height: 465px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1150px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 18%;
  }
}
@media only screen and (max-width: 1100px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 13%;
  }
}
@media only screen and (max-width: 1050px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 7%;
  }
}
@media only screen and (max-width: 1024px) {
  .m_revechat_common_testimonial_section_title p{
    font-size: 16px;
  }
  a.m_single_inbox_page_desktop_btn{
    display: none;
  }
  a.m_single_inbox_page_mbl_btn{
  display:inline-block;
}
.m_revechat_home_section_thirdt_cta_banner span.mdemo_mbl{
  display: inline-block;
}
.m_revechat_home_section_thirdt_cta_banner span.mdemo_desk{
  display: none;
}
  .m_revechat_common_hero_banner_two_left {
    padding-left: 5%;
  }
  .m_revechat_common_trusted_compaines_section {
    margin-top: 44px;
  }
  .m_revechat_common_integration_section,
  .m_revechat_last_publised_blog,
  .m_revechat_new_bootom_banner_section {
    padding: 64px 0px;
  }
  .m_revechat_common_hero_banner_two_left_inner h6 {
    padding: 8px 0px;
  }
  .m_revechat_testimonial_inner_left h6 {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 20px;
  }
  .m_revechat_testimonial_inner_left p {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 10px;
  }
  .m_revechat_testimonial_inner {
    padding: 40px 40px 80px 40px;
  }
  .m_revechat_testimonial_inner_right img {
    margin-left: 10px !important;
  }
  .m_revechat_testimonial_caro.owl-theme .owl-nav {
    bottom: 30px;
    left: 35px;
  }
  .m_revechat_testimonial_inner {
    min-height: 550px;
  }
  .m_revechat_common_integration_section p br,
  .m_revechat_trusted_companies {
    justify-content: space-evenly;
  }
  .m_revechat_trusted_companies_inner {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 0px 10px;
  }
  .m_revechat_common_integration_section h2,
  .m_revechat_all_publised_blog h2,
  .m_revechat_new_bootom_banner_section_cta_banner h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .m_revechat_common_integration_section p {
    font-size: 16px;
    line-height: 24px;
  }
  .m_revechat_product_design .nav-link.active h6{
    font-size: 20px;
  }
  .m_revechat_product_design .nav-link p{
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-position-2 {
    display: none!important;
}
  .m_revechat_common_hero_banner_two svg{
    display: none;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 25%;
  }
  .m_revechat_hybrid_chatbot {
    min-height: 400px;
  }
  .m_revechat_new_bootom_banner_section_cta_banner {
    padding: 40px 40px;
  }
  .m_revechat_last_publised_blog .card {
    margin-bottom: 24px;
  }
  .m_revechat_last_publised_blog .card .card-body .card-title a {
    font-size: 20px;
    line-height: 28px;
  }
  .m_revechat_product_design .tab-content img {
    max-width: 100%;
    height: 520px;
    object-fit: cover;
  }
  .m_revechat_product_design .nav-link img {
    display: flex;
    width: 48px;
    height: 43px;
    object-fit: contain;
    padding: 0px 0px 0px 0px;
}
.m_revechat_product_design .nav-link h6{
  padding-left: 7px;
}
.m_revechat_product_design .nav-link.active h6{
  padding-left: 0px;
}
.m_revechat_product_design .nav-link.active h6{
  padding-top: 10px;
}
.m_revechat_product_design .nav-link p{
  padding-top: 0px;
}
.m_revechat_product_design .nav-link{
  padding: 16px;
}
.m_revechat_product_design .nav-link{
  padding: 8px;
}
.m_revechat_common_testimonial_section, .m_revechat_common_trusted_compaines_section{
  padding: 50px 0px;
}
.m_revechat_blog_mobile_toc{
  display: block;
  position: inherit;
}
.m_revechat_blog_details_page .container-fluid {
  width: 100%;
}
.m_revechat_blog_desk_toc{
  display: none;
}
.m_revechat_blog_left_bottom_fixed_banner{
  display: none;
}
.revechat_start_free_trail_clm_newsletter_btn {
  width: 100%;
}
.revechat_start_free_trail_clm_btn button[type=submit] {
  padding: 8px 8px 8px 8px;
}
.revechat_start_free_trail_clm_newsletter_btn input::placeholder{
  font-size: 12px;
}
.m_revechat_blog_page_banner{
  padding: 120px 0px 0px 0px;
}
.revechat_start_free_trail_clm_btn button[type="submit"], .revechat_start_free_trail_clm_btn a, .revechat_start_free_trail_clm_btn a:hover, .revechat_start_free_trail_clm_btn a:focus{
  font-size: 14px;
  padding: 16px 20px;
}
.revechat_start_free_trail_clm_btn a img{
  display: none;
}
}
@media only screen and (max-width: 950px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 22%;
  }
}
@media only screen and (max-width: 900px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 18%;
  }
}
@media only screen and (max-width: 850px) {
  .m_revechat_common_hero_banner_two_left {
    padding-left: 13%;
  }
}
@media only screen and (max-width: 769px) {
  .m_revechat_blog_details_page_content a, .m_revechat_blog_details_page_content a:focus, .m_revechat_blog_details_page_content a:hover, .m_revechat_blog_details_page_content p a, .m_revechat_blog_details_page_content p a span{
    font-size: 16px;
  }
  .m_revechat_common_hero_banner_two_right img {
    position: relative;
  }
  .m_revechat_hybrid_chatbot_learn_more_btn {
    position: revert;
  }
  .m_revechat_hybrid_chatbot {
    min-height: auto;
    bottom: auto;
  }
  .m_revechat_common_hero_banner_two_right img {
    top: 0px;
  }
  .m_revechat_hybrid_chatbot_title h6 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    color: #141414;
  }
  .m_revechat_hybrid_chatbot_description p {
    color: #292929;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .m_revechat_preview_form {
    width: 60%;
  }
  .m_revechat_new_bootom_banner_section_cta_banner {
    display: inherit;
    padding: 30px;
    text-align: center;
  }
  .m_revechat_new_bootom_banner_section_cta_banner h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
  }
  .m_revechat_new_bootom_banner_section {
    padding-top: 0px !important;
  }
  .m_revechat_last_publised_blog .card {
    margin-bottom: 24px;
  }
  .m_revechat_common_hero_banner_two_left {
    padding-left: 13%;
  }
 
  .m_revechat_product_design .tab-content{
    display: none;
  }

  .m_revechat_product_design_nav_mbl_imag {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

.m_revechat_product_design .nav-link.active::after {
    display: none;
}
.m_revechat_product_design_nav_mbl_imag:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px; 
    background: linear-gradient(to left, blue, rgb(240, 113, 134));
}
.m_revechat_product_design_nav_mbl_imag{
  padding-top: 24px;
}
.m_revechat_product_design .tab-content img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.m_revechat_product_design .nav-link img {
  display: flex;
  width: auto;
  height: auto; 
  object-fit: cover;
  padding: 0px 0px 0px 0px;
}
.m_revechat_product_design .nav-link.active h6{
  padding: 10px 0px 5px 0px;
}
.m_revechat_product_design .nav-link{
  padding: 24px;
}
.m_revechat_blog_details_page_top_banner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
}
.m_revechat_blog_details_page_social_share_icon_inner ul{
display: flex;
justify-content: space-evenly;
}
.m_revechat_blog_details_page .m_revechat_blog_details_page_category_title_thumbnail h1{
  font-size: 32px;
  padding: 12px 0px 20px 0px;
}
.m_revechat_thumbnail_img{
  margin: 0px 0px 28px 0px;
}
.m_revechat_blog_details_table_of_content{
  max-width: 100%;
}
.m_revechat_blog_details_page .m_revechat_blog_details_page_category_title_thumbnail .m_revechat_blog_details_page_date_reading_time_and_listen ul{
  padding: 0px 0px 28px 0px;
}
.m_revechat_blog_details_page_content p, .m_revechat_blog_details_page_content p span{
  font-size: 16px;
  padding: 0px 0px 12px 0px;
}
.m_revechat_blog_details_page_content h2, .m_revechat_blog_details_page_content h2 span{
  font-size: 28px;
  line-height: 130%;
  padding: 16px 0px 12px 0px;
}
.m_revechat_blog_details_page_content h3, .m_revechat_blog_details_page_content h3 span{
  font-size: 24px;
  line-height: 130%;
  padding: 12px 0px 8px 0px;
}
.m_revechat_blog_details_page_content h4, .m_revechat_blog_details_page_content h4 span{
  font-size: 20px;
  line-height: 130%;
  padding: 8px 0px 8px 0px;
}
.m_revechat_blog_details_page_content ul li{
  font-size: 16px;
  padding: 0px 0px 8px 0px;
}
.m_revechat_blog_details_page_content ul, .m_revechat_blog_details_page_content ol{
  padding: 0px 0px 0px 24px;
}
.m_revechat_blog_details_page .m_revechat_blog_details_page_category_title_thumbnail .m_revechat_blog_details_page_date_reading_time_and_listen ul li span{
  font-size: 10px;
}
.m_revechat_blog_details_page_content table{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
}
@media only screen and (max-width: 669px) {
  .m_revechat_preview_form {
    width: 100%;
  }
  .m_revechat_common_hero_banner_two_left_inner h2 {
    font-size: 40px;
    line-height: 46px;
  }
  .m_revechat_common_hero_banner_two_left_inner h6 {
    font-size: 22px;
    line-height: 28px;
    padding: 10px 0px;
  }
  .m_revechat_common_hero_banner_two_left_inner p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
  }
  .m_revechat_common_hero_banner_two_right img {
    position: relative;
  }
  .m_revechat_common_hero_banner_two_left {
    min-height: auto;
    padding-left: 7%;
  }
  .m_revechat_common_hero_banner_two {
    background: linear-gradient(to bottom, #fceed2 100%, transparent 0%);
  }
  .m_revechat_common_hero_banner_two svg {
    top: 80%;
  }
  .m_revechat_common_hero_banner_two_right img {
    top: 0px;
  }
  .m_revechat_common_trusted_compaines_section {
    padding: 48px 0px;
  }
  .m_revechat_common_trusted_compaines_section h2 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
  }
  .m_revechat_common_integration_section,
  .m_revechat_last_publised_blog,
  .m_revechat_new_bootom_banner_section {
    padding: 48px 0px;
  }
  .m_revechat_common_integration_section h2,
  .m_revechat_last_publised_blog h2,
  .m_revechat_new_bootom_banner_section h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
  }
  .m_revechat_hybrid_chatbot {
    padding: 16px;
  }
  .m_revechat_hybrid_chatbot {
    min-height: auto;
  }
  .m_revechat_testimonial_inner {
    display: inherit;
  }
  .m_revechat_testimonial_inner_left,
  .m_revechat_testimonial_inner_right {
    width: 100%;
  }
  .m_revechat_testimonial_inner {
    display: flex;
    flex-direction: column;
  }

  .m_revechat_testimonial_inner_left {
    order: 2;
  }

  .m_revechat_testimonial_inner_right {
    order: 1;
  }
  .m_revechat_testimonial_inner_left_name_and_logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .m_revechat_testimonial_inner_left_name {
    order: 2;
  }

  .m_revechat_testimonial_inner_left_logo {
    order: 1;
    display: none;
  }
  .m_revechat_testimonial_inner_left_mbl_logo {
    display: inline-flex;
  }
  .m_revechat_testimonial_inner_right {
    text-align: center;
  }
  .m_revechat_testimonial_inner_left h6 {
    color: #090914;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 16px 0px;
  }
  .m_revechat_testimonial_inner_left p {
    color: #52525b;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0px;
  }
  .m_revechat_testimonial_inner_left_name_and_logo {
    padding: 24px 0px;
  }
  .m_revechat_testimonial_inner {
    padding: 20px 20px 70px 20px;
  }
  .m_revechat_testimonial_caro.owl-theme .owl-nav {
    left: 30%;
  }
  .m_revechat_common_testimonial_section .no-js .owl-carousel,
  .owl-carousel.owl-loaded {
    background-color: #fff !important;
    border-radius: 24px;
  }
  .m_revechat_common_integration_section a {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    padding: 12px 24px;
  }
  .m_revechat_all_publised_blog {
    padding-bottom: 24px;
  }
  .m_revechat_all_publised_blog a {
    display: none;
  }

  .m_revechat_last_publised_blog_author_and_date ul li a,
  .m_revechat_last_publised_blog_author_and_date ul li {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
  }
  .m_revechat_last_publised_blog .card .card-body .card-title a {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }
  .m_revechat_last_publised_blog .card .card-text a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .m_revechat_last_publised_blog .card {
    margin-bottom: 24px;
  }
  .m_revechat_last_publised_blog .card .card-body {
    padding: 20px !important;
    min-height: auto;
  }
  .m_revechat_last_publised_blog_post_category {
    position: inherit;
  }
  .m_revechat_common_testimonial_section_title h2, .m_revechat_product_design h2{
    font-size: 32px;
    line-height: 36px;
  }
  .m_revechat_product_design_home .nav-link h6 {
    font-size: 18px;
    align-items: left;
  }
}
@media only screen and (max-width: 600px) {
  .m_revechat_common_hero_banner_two_left {
    min-height: auto;
    padding-left: 0%;
  }
}
/* Affiliate page design end here  */


/* legrand case study design start here  */
.m_legrand_case_study_hero_section {
  background-color: #faeed2;
  position: relative;
  padding: 96px 0px 0px 0px;
}
.m_legrand_case_study_hero_section svg {
  position: absolute;
}
.m_legrand_case_study_hero_section h2 {
  color: #141414;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px; /* 120% */
  letter-spacing: -1.2px;
}
.m_legrand_case_study_here_section_list {
  padding: 48px 0px 96px 0px;
}
.m_legrand_case_study_here_section_list_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: start;
}
.m_legrand_case_study_here_section_list_inner_single_item {
  display: flex;
  align-items: start;
}
.m_legrand_case_study_here_section_list_inner_single_item svg {
  max-width: 100%;
}
.m_legrand_case_study_here_section_list_inner_single_item_left {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 0px 9.9px 0px rgba(172, 172, 172, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_legrand_case_study_here_section_list_inner_single_item_right {
  padding: 0px 0px 0px 12px;
}
.m_legrand_case_study_here_section_list_inner_single_item_right span {
  color: #4e4e4e;
  font-family: "General Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0px;
  margin: 0px;
}
.m_legrand_case_study_here_section_list_inner_single_item_right p {
  color: #282828;
  font-family: "General Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  padding: 0px;
  margin: 0px;
}
.m_legrand_case_study_about_company {
  position: relative;
  text-align: center;
  padding: 0px 0px 96px 0px;
}
.m_legrand_case_study_about_company .container {
  width: 58%;
  margin: auto;
}
.m_legrand_case_study_about_company img {
  max-width: 100%;
}
.m_legrand_case_study_about_company h2 {
  color: #141414;
  font-family: "General Sans", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 122.222% */
  letter-spacing: -0.72px;
  margin: 0px;
  text-align: left;
  padding: 92px 0px 0px 0px;
}
.m_legrand_case_study_about_company p {
  color: #141414;
  font-family: "General Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  margin: 0px;
  text-align: left;
  padding: 12px 0px 32px 0px;
}
.m_legrand_case_study_challenge {
  background: #fff6e5;
  padding: 64px 0px;
  bottom: 0;
  z-index: 1;
  transition: 0.5;
}
.m_legrand_case_study_challenge_two {
  padding: 92px 0px;
  bottom: 0;
  transition: 0.5;
}
.m_legrand_case_study_impact_three {
  background: #eff1f5;
  padding: 64px 0px;
}
.m_legrand_case_study_challenge .container,
.m_legrand_case_study_challenge_two .container,
.m_legrand_case_study_impact_three .container,
.m_legrand_case_study_impact_four .container,
.m_legrand_case_study_impact_five .container {
  width: 58%;
  margin: auto;
}
.m_legrand_case_study_impact_five{
  padding: 0px 0px 48px 0px;
}
.m_legrand_case_study_challenge span,
.m_legrand_case_study_challenge_two span,
.m_legrand_case_study_impact_three span {
  color: #f6921e;
  font-family: "General Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  text-align: center;
  display: inherit;
}
.m_legrand_case_study_impact_three span {
  color: #141414;
}
.m_legrand_case_study_challenge h2,
.m_legrand_case_study_challenge_two h2,
.m_legrand_case_study_impact_three h2 {
  color: #141414;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 122.222% */
  letter-spacing: -0.72px;
  text-align: center;
  margin: 0px;
  padding: 0px 0px 48px 0px;
}
.m_legrand_case_study_challenge_two h2 {
  text-align: left;
}
.m_legrand_case_study_challenge p,
.m_legrand_case_study_challenge_two p,
.m_legrand_case_study_impact_three p {
  color: #141414;
  font-family: "General Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.m_legrand_case_study_impact_three_efficiency_box {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  transition: .3s;
  min-height: 180px;
}
.m_legrand_case_study_impact_three_efficiency_box:hover{
  transform: rotate(-3deg);
  transition: .3s;
}
.m_legrand_case_study_impact_three_efficiency_box span {
  color: #0040ff;
  font-family: "General Sans", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  margin: 0px;
  padding: 0px;
  display: inherit;
  text-align: left;
}
.m_legrand_case_study_impact_three_efficiency_box h6 {
  color: #141414;
  font-family: "General Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin: 0px;
  padding: 8px 0px 4px 0px;
}
.m_legrand_case_study_impact_three_efficiency_box p {
  color: #292929;
  font-family: "General Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
}
.m_legrand_case_study_impact_four {
  padding: 92px 0px;
}
.m_legrand_case_study_impact_four h2 {
  color: #141414;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 122.222% */
  letter-spacing: -0.72px;
  margin: 0px;
  padding: 0px 0px 24px 0px;
}
.m_legrand_case_study_impact_four p {
  color: #141414;
  text-align: center;
  font-family: "General Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
}
.m_legrand_case_study_impact_four h6 {
  color: #141414;
  font-family: "General Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  text-align: center;
}
.m_legrand_case_study_impact_four span {
  color: #292929;
  font-family: "General Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-align: center;
  display: inherit;
}
.m_legrand_case_study_challenge img,
.m_legrand_case_study_challenge_two img,
.m_legrand_case_study_impact_three img {
  max-width: 100%;
}
.m_legrand_case_study_about_company_mbl_img{
  display: none;
}
@media only screen and (max-width: 1800px) {
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: 210px;
  }
}
@media only screen and (max-width: 1700px) {
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: 235px;
  }
}
@media only screen and (max-width: 1600px) {
  .m_legrand_case_study_about_company .container,
  .m_legrand_case_study_challenge .container,
  .m_legrand_case_study_challenge_two .container,
  .m_legrand_case_study_impact_three .container,
  .m_legrand_case_study_impact_four .container,
  .m_legrand_case_study_impact_five .container {
    width: 70%;
    margin: auto;
  }
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: 180px;
  }
}
@media only screen and (max-width: 1500px) {
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: 232px;
  }
}
@media only screen and (max-width: 1300px) {
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: 235px;
  }
}
@media only screen and (max-width: 1400px) {
  .m_legrand_case_study_about_company .container,
  .m_legrand_case_study_challenge .container,
  .m_legrand_case_study_challenge_two .container,
  .m_legrand_case_study_impact_three .container,
  .m_legrand_case_study_impact_four .container,
  .m_legrand_case_study_impact_five .container {
    width: 80%;
    margin: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .m_legrand_case_study_about_company .container,
  .m_legrand_case_study_challenge .container,
  .m_legrand_case_study_challenge_two .container,
  .m_legrand_case_study_impact_three .container,
  .m_legrand_case_study_impact_four .container,
  .m_legrand_case_study_impact_five .container {
    width: 100%;
    margin: auto;
  }
  .m_legrand_case_study_impact_three_efficiency_box{
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1000px) {
  .m_legrand_case_study_here_section_list_inner_single_item{
    width: 50%;
    margin: 0px 0px 20px 0px;
  }
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: 290px;
  }
}
@media only screen and (max-width: 769px) {
  .m_legrand_case_study_impact_three_efficiency_box {
    min-height: auto;
  }
  .m_legrand_case_study_about_company_desk_img{
    display: none;
  }
  .m_legrand_case_study_about_company_mbl_img{
    display: block;
  }
  .m_legrand_case_study_hero_section h2 br{
    display: none;
  }
  .m_legrand_case_study_hero_section h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .m_legrand_case_study_here_section_list_inner_single_item_right span{
    font-size: 11px;
  }
  .m_legrand_case_study_here_section_list_inner_single_item_right p{
    font-size: 13px;
  }
  .m_legrand_case_study_here_section_list_inner_single_item_left{
    width: 25%;
  }
  .m_legrand_case_study_here_section_list_inner_single_item_right{
    width: 75%;
  }
  .m_legrand_case_study_here_section_list {
    padding: 24px 0px 48px 0px;
}
.m_legrand_case_study_challenge, .m_legrand_case_study_challenge_two, .m_legrand_case_study_impact_three, .m_legrand_case_study_impact_four {
  padding: 48px 0px;
}
.m_legrand_case_study_about_company{
  padding: 0px 0px 48px 0px;
}
.m_legrand_case_study_about_company h2{
  padding: 48px 0px 0px 0px;
  font-size: 28px;
  line-height: 32px;
}
 .m_legrand_case_study_challenge h2, .m_legrand_case_study_challenge_two h2, .m_legrand_case_study_impact_three h2{
  font-size: 28px;
  line-height: 32px;
  padding: 0px 0px 12px 0px;
}
.m_legrand_case_study_about_company h2 br, .m_legrand_case_study_challenge h2 br, .m_legrand_case_study_challenge_two h2 br, .m_legrand_case_study_impact_three h2 br{
  display: none;
}
.m_legrand_case_study_about_company p, .m_legrand_case_study_challenge p, .m_legrand_case_study_challenge_two p, .m_legrand_case_study_impact_three p, .m_legrand_case_study_impact_four p{
  font-size: 15px;
}
#m_revechat_blog_listen_player_popup{
 width: 65%;
 margin: auto;
}
.m_revechat_blog_listen_progress_container {
  width: 45%;
}
}
/* legrand case study design end here  */


@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(../ttf/plusjakartasans-regular.ttf);
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(../ttf/plusjakartasans-bold.ttf);
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(../ttf/plusjakartasans-semibold.ttf);
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(../ttf/plusjakartasans-extralight.ttf);
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(../ttf/plusjakartasans-light.ttf);
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(../ttf/plusjakartasans-medium.ttf);
}
@font-face {
  font-family: "GeneralSans-Regular";
  src: url(../ttf/generalsans-regular-2.ttf);
}
@font-face {
  font-family: "GeneralSans-Semibold";
  src: url(../ttf/generalsans-semibold.ttf);
}
@font-face {
  font-family: "ZTTalk-BoldExpanded";
  src: url(../otf/zttalk-boldexpanded.otf);
}
@font-face {
  font-family: "ZTTalk-SemiBoldExpanded";
  src: url(../otf/zttalk-semiboldexpanded.otf);
}
@font-face {
  font-family: "InstrumentSans-Bold";
  src: url(../ttf/instrumentsans-bold.ttf);
}
@font-face {
  font-family: "InstrumentSans-Medium";
  src: url(../ttf/instrumentsans-medium.ttf);
}
@font-face {
  font-family: "InstrumentSans-Regular";
  src: url(../ttf/instrumentsans-regular.ttf);
}
@font-face {
  font-family: "InstrumentSans-SemiBold";
  src: url(../ttf/instrumentsans-semibold.ttf);
}
@font-face {
  font-family: "Autography";
  src: url(../otf/autography.otf);
}
/* Header design start here  */
/* header.m_revechat_main_header {
  position: fixed;
  top: 16px;
  z-index: 1000;
  width: 100%;
  padding: 0px 16px;
  transition: transform 0.3s ease; 
}
.m_revechat_main_header_inner {
  display: flex;
  justify-content: space-between;
}
.hidden-header {
  transform: translateY(-150%); 
}
header.m_revechat_main_header .m_revechat_main_header_inner_left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right {
  display: flex;
  align-items: center;
}
.m_revechat_main_header_inner_left_logo{
  max-width: 130px;
  display: flex;
  align-items: center;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo
  a {
  color: #10171f;
  text-align: center;
  font-family: "InstrumentSans-Bold";
  font-size: 16.838px;
  font-style: normal;
  line-height: 34.054px;
  letter-spacing: 0.337px;
  text-decoration: none;
  position: relative;
  margin: 0px;
  padding: 2px 16px 0px 0px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo
  a:after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 1px;
  height: 24px;
  background: var(--Off-white-Offwhite, #e6eaed);
}
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo
  a
  img {
  max-width: 100%;
  padding-bottom: 10px;
}
header.m_revechat_main_header .m_revechat_main_header_inner_left,
header.m_revechat_main_header .m_revechat_main_header_inner_right {
  border-radius: 10px;
  background: #fff;
  backdrop-filter: blur(20px);
  max-height: 56px;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
header.m_revechat_main_header .m_revechat_main_header_inner_left {
  padding: 8px 0px 8px 8px;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right {
  padding: 8px 8px 8px 8px;
}
nav.m_revechat_main_header_inner_left_nav > ul {
  display: flex;
  margin: 0px;
  padding: 0px;
}
nav.m_revechat_main_header_inner_left_nav ul li {
  list-style: none;
}
.m_revechat_main_header_inner_left_nav ul li > span{
  color: #10171f;
  font-family: "InstrumentSans-Medium";
  font-size: 15px;
  font-style: normal;
  line-height: 24px;
  padding: 0px 16px;
  margin: 0px;
  position: relative;
  font-weight: 500;
  cursor: default;
}
.m_revechat_main_header_inner_left_nav ul li:first-child > span {
    padding-left: 16px;
}

.m_revechat_main_header_inner_left_nav ul li:last-child > span {
    padding-right: 32px;
}
.m_revechat_main_header_inner_left_logo{
  padding-left: 12px;
}
.m_revechat_main_header_inner_left_nav ul li > span a {
  color: #10171f;
  font-family: "InstrumentSans-Medium";
  font-size: 15px;
  font-style: normal;
  line-height: 24px; 
  padding: 0px 0px;
  margin: 0px;
  position: relative;
  font-weight: 500;
}
.m_revechat_main_header_inner_left_nav ul li span:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: 4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #b2bbc5;
  transform: rotate(135deg);
  position: absolute;
  bottom: 0px;
}
.m_revechat_main_header_inner_left_nav ul li:last-child span:after {
  display: none;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right ul li {
  list-style: none;
  padding: 0px 12px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child {
  list-style: none;
  padding: 0px 0px;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right ul li a {
  color: #10171f;
  font-family: "InstrumentSans-Medium";
  font-size: 15px;
  font-style: normal;
  line-height: 24px;
  padding: 5px 12px;
  margin: 0px;
  text-decoration: none;
  position: relative;
  font-weight: 500!important;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:first-child
  a:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  width: 1px;
  height: 24px;
  background: var(--Off-white-Offwhite, #e6eaed);
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a {
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #6314BA;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  position: relative;
  padding: 10px 14px 10px 42px;
  transition: all 0.5s ease;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a:hover {
  padding: 10px 42px 10px 14px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a:before {
  content: url(https://www.revechat.com/wp-content/themes/revechat/images/home-2.0/arrow-narrow-right-w.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 8px;
  background: #3F1D9F;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 4%;
  transition: all 0.5s ease;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a.active:before {
  content: url(https://www.revechat.com/wp-content/themes/revechat/images/home-2.0/arrow-narrow-right-b.svg)!important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 8px;
  background: #fff;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 4%;
  transition: all 0.5s ease;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a:hover:before {
    left: 78%;
}
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_one.m_revechat_dropdown_menu_open,
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_two.m_revechat_dropdown_menu_open,
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_three.m_revechat_dropdown_menu_open {
  visibility: visible;
  opacity: 1;
}
.m_revechat_dropdown_menu_one {
  position: absolute;
  border-radius: 20px;
  background-color: #fff;
  width: 200%;
  height: auto;
  left: 0;
  top: 70px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.m_revechat_dropdown_menu_two {
  position: absolute;
  border-radius: 20px;
  background-color: #fff;
  width: 150%;
  height: auto;
  left: 0;
  top: 70px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.m_revechat_dropdown_menu_three {
  position: absolute;
  border-radius: 20px;
  background-color: #fff;
  width: 60%;
  height: auto;
  left: 50%;
  top: 70px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.m_revechat_dropdown_menu:hover .m_revechat_dropdown_menu_one_inner_pipeline {
  height: 50px;
}
.m_revechat_dropdown_menu_one_inner_pipeline {
  position: absolute;
  top: 30px;
  right: 40px;
  height: 0px;
  width: 1px;
  background: #fff;
  z-index: 1000;
  transition: 0.2s ease-in-out;
  animation: sway 2s ease-in-out infinite; 
}

@keyframes sway {
  0%,
  100% {
    transform: translateX(0%) rotate(-5deg);
  }
  50% {
    transform: translateX(0%) rotate(5deg);
  }
}
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_one_inner_pipeline::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(
    90deg,
    #0f277c 23.85%,
    #b900fa 74.12%,
    #ff926f 100%
  );
  position: absolute;
  right: -4px;
  bottom: 0px;
}
.menu_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
  transition: opacity 0.3s ease, background 0.5s ease;
  pointer-events: none;
}
.menu_overlay.visible {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  pointer-events: auto;
}
.dropdown_menu_one {
  z-index: 2;
}
.m_revechat_mobile_menu_humbergur_icon {
  display: none;
}
.m_revechat_main_header_inner_mobile_logo {
  display: none;
}
.m_revechat_dropdown_menu_one_inner span:after {
  display: none !important;
}
span.m_revechat_dropdown_menu_one_inner_left_title,
.m_revechat_dropdown_menu_one_inner_right_title {
  color: var(--Primary-Colors-Black, #253748);
  font-family: "InstrumentSans-SemiBold";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; 
  padding-left: 16px;
}
.m_revechat_dropdown_menu_one_inner_left ul li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: start;
  width: 48%;
  transition: 0.3s ease;
}
.m_revechat_dropdown_menu_one_inner {
  display: flex;
}
.m_revechat_dropdown_menu_one .m_revechat_dropdown_menu_one_inner_left {
  padding: 24px;
  width: 55%;
}
.m_revechat_dropdown_menu_one .m_revechat_dropdown_menu_one_inner_right {
  width: 45%;
  display: flex;
}
.m_revechat_dropdown_menu_two .m_revechat_dropdown_menu_one_inner_left {
  padding: 24px;
  width: 65%;
}
.m_revechat_dropdown_menu_two .m_revechat_dropdown_menu_one_inner_right {
  width: 35%;
  display: flex;
}
.m_revechat_dropdown_menu_two
  .m_revechat_dropdown_menu_one_inner_right
  .m_revechat_dropdown_menu_one_inner_right_inner_left {
  width: 100%;
}
.m_revechat_dropdown_menu_one_inner_right img {
  max-width: 100%;
  padding-top: 16px;
}
.m_revechat_dropdown_menu_one_inner_left ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.m_revechat_dropdown_menu_one_inner_left ul li a {
  text-decoration: none;
  padding: 16px;
}
.m_revechat_dropdown_menu_one_inner_left ul li:last-child a {
  color: var(--Primary-Colors-Blue, #0040ff);
  font-family: "InstrumentSans-Medium";
  font-size: 12px;
  font-style: normal;
  line-height: 18px; 
}
.m_revechat_dropdown_menu_one_inner_right ul li:last-child a {
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
}
.m_revechat_dropdown_menu_one_inner_left ul li:hover {
  background: #f8f9fa;
  border-radius: 8px;
}
.m_revechat_dropdown_menu_one_inner_left ul li {
  position: relative;
  transition: 0.1s ease-in-out;
}
.m_revechat_dropdown_menu_one_inner_left ul li:hover:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: 4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #252b37;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 10px;
}
.m_revechat_dropdown_menu_one_inner_left
  .m_revechat_dropdown_menu_one_inner_left_single_item {
  display: flex;
  align-items: start;
}

.m_revechat_dropdown_menu_one ul li span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-SemiBold";
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.m_revechat_dropdown_menu_one
  .m_revechat_dropdown_menu_one_inner_left
  .m_revechat_dropdown_menu_one_inner_left_single_item
  p {
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  font-weight: 400!important;
}
.m_revechat_dropdown_menu_two
  .m_revechat_dropdown_menu_one_inner_left
  .m_revechat_dropdown_menu_one_inner_left_single_item
  span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.m_revechat_dropdown_menu_one_inner_left
  .m_revechat_dropdown_menu_one_inner_left_single_item
  .m_revechat_dropdown_menu_one_inner_left_single_item_left
  svg {
  margin-right: 12px;
}
.m_revechat_dropdown_menu_one_inner_right {
  background: #f8f9fa;
  padding: 24px;
  border-radius: 0px 20px 20px 0px;
}
.m_revechat_dropdown_menu_one_inner_right ul {
  padding: 0px;
  margin: 0px;
}
.m_revechat_dropdown_menu_one_inner_right ul li a {
  text-decoration: none;
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  display: flex;
  align-items: center;
  padding: 18px 12px;
  margin: 0px;
  font-weight: 400!important;
}
.m_revechat_dropdown_menu_one_inner_right ul li {
  position: relative;
  transition: 0.1s ease-in-out;
}
.m_revechat_dropdown_menu_one_inner_right ul li:hover {
  background-color: #fff;
  border-radius: 8px;
}
.m_revechat_dropdown_menu_one_inner_right ul li:hover:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: 4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #252b37;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 10px;
}
.m_revechat_dropdown_menu_one_inner_right ul li svg {
  margin-right: 12px;
}
.m_revechat_dropdown_menu_one_inner_right
  .m_revechat_dropdown_menu_one_inner_right_inner_right {
  width: 55%;
}
.m_revechat_dropdown_menu_one_inner_right
  .m_revechat_dropdown_menu_one_inner_right_inner_left {
  width: 45%;
  padding-right: 24px;
}
.m_revechat_dropdown_menu_one_inner_right_inner_right a {
  text-decoration: none;
}
.m_revechat_dropdown_menu_one_inner_right_inner_right_card a, .m_revechat_dropdown_menu_one_inner_right_inner_right_card a:hover{
  color: #3841f0;
  font-family: "InstrumentSans-Medium";
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  display: block;
}
.menu-blog-item a, .menu-blog-item a:hover{
  color: #3841f0;
}
.m_revechat_dropdown_menu_one_inner_right_inner_right a span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Medium";
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  margin: 0px;
  padding: 16px 0px 0px 0px;
  display: block;
}
.m_revechat_dropdown_menu_one_inner_right_inner_right a p {
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "InstrumentSans-Regular";
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
  margin: 0px;
  padding: 8px 0px;
}
.m_revechat_dropdown_menu_one_inner_right_inner_right {
  border-left: 1px solid var(--colors-gray-light-mode-200, #e9eaeb);
  padding-left: 24px;
}
.m_revechat_dropdown_menu_three_inner {
  padding: 24px;
  position: relative;
}
.m_revechat_dropdown_menu_three_inner ul {
  margin: 0px;
  padding: 0px;
}
.m_revechat_dropdown_menu_three_inner ul li a {
  display: flex;
  padding: 16px;
  text-decoration: none;
}
.m_revechat_dropdown_menu_three_inner ul li a svg {
  margin-right: 12px;
}
.m_revechat_dropdown_menu_three_inner span:after {
  display: none !important;
}
.m_revechat_dropdown_menu_three_inner ul li a span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-SemiBold";
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.m_revechat_dropdown_menu_three_inner ul li a p {
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  margin: 0px;
  font-weight: 400!important;
}
.m_revechat_dropdown_menu_three_inner ul li a {
  position: relative;
}
.m_revechat_dropdown_menu_three_inner ul li a:hover {
  background: #f8f9fa;
  border-radius: 8px;
}
.m_revechat_dropdown_menu_three_inner ul li a:hover:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: 4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #252b37;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 10px;
}
.m_revechat_dropdown_menu_three_inner_child_submenu:hover
  .m_revechat_dropdown_menu_three_inner_child_submenu_inner {
  left: 100%;
  border-radius: 0px 20px 20px 0px;
  opacity: 1;
  visibility: visible;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner {
  position: absolute;
  background-color: #f8f9fa;
  left: 0%;
  top: 0;
  width: 240px;
  padding: 24px;
  border-radius: 20px;
  transition: 0.3s ease-in-out;
  z-index: -3;
  opacity: 0;
  visibility: hidden;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner img {
  max-width: 100%;
  margin: 24px 0px 12px 0px;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner p {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; 
  padding: 0px;
  margin: 0px;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner a {
  color: var(--Primary-Colors-Blue, #0040ff);
  font-family: "InstrumentSans-Medium";
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
  margin: 0px;
  padding: 8px 0px 0px 0px !important;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner ul li a {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  margin: 0px;
  padding: 16px !important;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner ul li a:hover {
  background-color: #fff;
}

@media only screen and (max-width: 991px) {
  .m_revechat_main_header_inner_left_nav ul li:first-child>span {
    padding-left: 16px;
  }
  .m_revechat_main_header_inner_left_logo {
    display: none;
  }
  .m_revechat_main_header_inner_mobile_logo {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid var(--Off-white-Offwhite-60, #eff2f4);
    background-color: #fff;
    backdrop-filter: blur(20px);
    padding: 10px 16px 14px 16px;
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 100;
    width: 98%;
  }
  .m_revechat_main_header_inner_mobile_logo a {
    color: #10171f;
    text-align: center;
    font-family: "InstrumentSans-Bold";
    font-size: 16.838px;
    font-style: normal;
    line-height: 24.054px;
    letter-spacing: 0.337px;
    text-decoration: none;
    position: relative;
    margin: 0px;
    padding: 0px 20px 0px 0px;
    display: flex;
  }
  .m_revechat_main_header_inner_mobile_logo img{
    max-width: 75%;
  }
  .m_revechat_main_header_inner_left_logo a:after {
    display: none;
  }
  .m_revechat_mobile_menu_humbergur_icon {
    display: inline-block;
    margin-top: 5px;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_left,
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    position: initial;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_left {
    display: initial;
  }
  nav.m_revechat_main_header_inner_left_nav ul {
    display: initial;
    margin: 0px;
    padding: 0px;
  }
  .m_revechat_main_header_inner {
    position: fixed;
    top: 40px;
    left: 10px;
    z-index: 100;
    width: 94%;
    height: auto;
    display: none;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul {
    display: initial;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_left,
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    backdrop-filter: blur(0px);
    border: 0px solid transparent;
    background-color: transparent;
  }
  .m_revechat_main_header_inner_left_logo {
    border-radius: 12px;
    border: 1px solid var(--Off-white-Offwhite-60, #eff2f4);
    background-color: #fff;
    backdrop-filter: blur(20px);
    padding: 12px;
  }
  .m_revechat_main_header_inner_left_nav {
    border-radius: 12px 12px 0px 0px;
    background-color: #fff;
    margin-top: 8px;
    padding: 16px 16px 0px 16px;
    height: auto;
    overflow: scroll;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    padding: 0px 16px 16px 22px;
    border-radius: 0px 0px 12px 12px !important;
    background-color: #fff;
    margin-top: -2px;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul li,
  nav.m_revechat_main_header_inner_left_nav ul li {
    padding: 8px 0px;
  }
  .m_revechat_main_header_inner_left_nav ul li > span,
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul li a {
    padding: 8px;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul li:first-child a:after {
    width: 0px;
 display: none;
}
  .m_revechat_dropdown_menu_one,
  .m_revechat_dropdown_menu_two,
  .m_revechat_dropdown_menu_three {
    position: relative;
  }
  .m_revechat_dropdown_menu_one,
  .m_revechat_dropdown_menu_two,
  .m_revechat_dropdown_menu_three {
    display: none;
    top: 10px;
    width: 100%;
    overflow: scroll;
    z-index: 1000;
  }
  .m_revechat_dropdown_menu_one.m_revechat_dropdown_menu_open,
  .m_revechat_dropdown_menu_two.m_revechat_dropdown_menu_open,
  .m_revechat_dropdown_menu_three.m_revechat_dropdown_menu_open {
    height: 400px;
    display: block;
    top: 10px;
    width: 100%;
    overflow: scroll;
    z-index: 1000;
  }
  .m_revechat_dropdown_menu_three {
    left: 0%;
  }
  .m_revechat_dropdown_menu_one_inner {
    display: inherit;
  }
  .m_revechat_dropdown_menu_one .m_revechat_dropdown_menu_one_inner_left,
  .m_revechat_dropdown_menu_one_inner_right
    .m_revechat_dropdown_menu_one_inner_right_inner_left,
  .m_revechat_dropdown_menu_one_inner_right
    .m_revechat_dropdown_menu_one_inner_right_inner_right {
    width: 100%;
  }
  .m_revechat_dropdown_menu_one .m_revechat_dropdown_menu_one_inner_right,
  .m_revechat_dropdown_menu_two .m_revechat_dropdown_menu_one_inner_left,
  .m_revechat_dropdown_menu_two .m_revechat_dropdown_menu_one_inner_right {
    width: 100%;
    display: inherit;
  }
  .m_revechat_dropdown_menu_one_inner_left ul li {
    width: 100%;
  }
  .m_revechat_dropdown_menu_one_inner_left ul li a,
  .m_revechat_dropdown_menu_one_inner_right ul li a {
    padding: 8px;
  }
  .m_revechat_dropdown_menu_one_inner_right {
    border-radius: 20px;
    display: inherit;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    display: inline-table;
    width: 100%;
  }
  .revechat_footer_privacypolicy{
    padding-bottom: 40px;
  }
  .revechat_main_footer_tel_email {
    padding: 20px 0px 40px 0px;
  }
  .revechat_customer_logo_lider {
    display: inline-flex!important;
    animation: scroll 20s linear infinite!important;
}
} */
 /* Header design start here  */
header.m_revechat_main_header {
  position: fixed;
  top: 16px;
  z-index: 1000;
  width: 100%;
  padding: 0px 16px;
  transition: transform 0.3s ease; 
}
.m_revechat_main_header_inner {
  display: flex;
  justify-content: space-between;
}
.hidden-header {
  transform: translateY(-150%); /* Hide the header */
}
header.m_revechat_main_header .m_revechat_main_header_inner_left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right {
  display: flex;
  align-items: center;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo{
    max-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8px;
  }
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo
  a {
  color: #10171f;
  text-align: center;
  font-family: "InstrumentSans-Bold";
  font-size: 16.838px;
  font-style: normal;
  line-height: 24.054px; /* 142.857% */
  letter-spacing: 0.337px;
  text-decoration: none;
  position: relative;
  margin: 0px;
  padding: 0px 8px 0px 12px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo
  a:after {
  content: "";
  position: absolute;
  top: 4px;
  right: -16px;
  width: 1px;
  height: 24px;
  background: var(--Off-white-Offwhite, #e6eaed);
}
header.m_revechat_main_header
  .m_revechat_main_header_inner
  .m_revechat_main_header_inner_left
  .m_revechat_main_header_inner_left_logo
  a
  img {
  max-width: 100%;
}
header.m_revechat_main_header .m_revechat_main_header_inner_left,
header.m_revechat_main_header .m_revechat_main_header_inner_right {
  border-radius: 10px;
  background: #fff;
  padding: 8px 0px 8px 8px;
  max-height: 56px;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
nav.m_revechat_main_header_inner_left_nav > ul {
  display: flex;
  margin: 0px;
  padding: 0px;
}
nav.m_revechat_main_header_inner_left_nav ul li {
  list-style: none;
}
nav.m_revechat_main_header_inner_left_nav ul li:first-child span.product-first-child {
  padding-left: 40px;
}
.m_revechat_main_header_inner_left_nav ul li > span{
  color: #10171f;
  font-family: "InstrumentSans-Medium";
  font-size: 15px;
  font-style: normal;
  line-height: 24px; /* 171.429% */
  padding: 0px 32px 0px 0px;
  margin: 0px;
  position: relative;
  font-weight: 500;
  cursor: default;
}
.m_revechat_main_header_inner_left_nav ul li > span a {
  color: #10171f;
  font-family: "InstrumentSans-Medium";
  font-size: 15px;
  font-style: normal;
  line-height: 24px; /* 171.429% */
  padding: 0px 0px;
  margin: 0px;
  position: relative;
  font-weight: 500;
}
/* .m_revechat_main_header_inner_left_nav ul li span:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: 4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #b2bbc5;
  transform: rotate(135deg);
  position: absolute;
  bottom: 0px;
} */
.m_revechat_main_header_inner_left_nav ul li:last-child span:after {
  display: none;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right ul li {
  list-style: none;
  padding: 0px 10px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child {
  list-style: none;
  padding: 0px 0px;
}
header.m_revechat_main_header .m_revechat_main_header_inner_right ul li a {
  color: #10171f;
  font-family: "InstrumentSans-Medium";
  font-size: 15px;
  font-style: normal;
  line-height: 24px; /* 171.429% */
  padding: 5px 10px;
  margin: 0px;
  text-decoration: none;
  position: relative;
  font-weight: 500!important;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:first-child
  a:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  width: 1px;
  height: 24px;
  background: var(--Off-white-Offwhite, #e6eaed);
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a {
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #6314BA;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  position: relative;
  padding: 12px 12px 12px 50px;
  transition: all 0.5s ease;
  margin-right: 3px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a:hover {
  padding: 12px 50px 12px 12px;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a:before {
  content: url(../svg/arrow-narrow-right-w.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 8px;
  background: #3F1D9F;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 5%;
  transition: all 0.5s ease;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a.active:before {
  content: url(../svg/arrow-narrow-right-b.svg)!important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 8px;
  background: #fff;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 5%;
  transition: all 0.5s ease;
}
header.m_revechat_main_header
  .m_revechat_main_header_inner_right
  ul
  li:last-child
  a:hover:before {
    left: 73%;
}
/* .m_revechat_dropdown_menu span:hover {
  cursor: pointer;
} */
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_one.m_revechat_dropdown_menu_open,
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_two.m_revechat_dropdown_menu_open,
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_three.m_revechat_dropdown_menu_open {
  visibility: visible;
  opacity: 1;
}
.m_revechat_dropdown_menu_one {
  position: absolute;
  border-radius: 20px;
  width: max-content;
  height: auto;
  left: 16px;
  top: 70px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.m_revechat_dropdown_menu_two {
  position: absolute;
  border-radius: 20px;
  width: max-content;
  height: auto;
  left: 16px;
  top: 70px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.m_revechat_dropdown_menu_three {
  position: absolute;
  border-radius: 20px;
  width: max-content;
  height: auto;
  left: 16px;
  top: 70px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.m_revechat_dropdown_menu:hover .m_revechat_dropdown_menu_one_inner_pipeline {
  height: 50px;
}
.m_revechat_dropdown_menu_one_inner_pipeline {
  position: absolute;
  top: 30px;
  right: 40px;
  height: 0px;
  width: 1px;
  background: #fff;
  z-index: 1000;
  transition: 0.2s ease-in-out;
  animation: sway 2s ease-in-out infinite; /* Sway animation */
}

/* Animation for swaying effect */
@keyframes sway {
  0%,
  100% {
    transform: translateX(0%) rotate(-5deg);
  }
  50% {
    transform: translateX(0%) rotate(5deg);
  }
}
/* .m_revechat_dropdown_menu:hover .m_revechat_dropdown_menu_one_inner_pipeline::before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: 4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #b2bbc5;
  transform: rotate(177deg);
  position: absolute;
  top: 0px;
  right: -4px;
} */
.m_revechat_dropdown_menu:hover
  .m_revechat_dropdown_menu_one_inner_pipeline::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(
    90deg,
    #0f277c 23.85%,
    #b900fa 74.12%,
    #ff926f 100%
  );
  position: absolute;
  right: -4px;
  bottom: 0px;
}
.menu_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
  transition: opacity 0.3s ease, background 0.5s ease;
  pointer-events: none; /* Prevent interaction when hidden */
}
.menu_overlay.visible {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  pointer-events: auto; /* Allow interaction when visible */
}

/* Ensure dropdown is above the overlay */
.dropdown_menu_one {
  z-index: 2;
}
.m_revechat_mobile_menu_humbergur_icon {
  display: none;
}
.m_revechat_main_header_inner_mobile_logo {
  display: none;
}

.m_revechat_dropdown_menu_three_inner {
  padding: 24px;
  position: relative;
}
.m_revechat_dropdown_menu_three_inner ul {
  margin: 0px;
  padding: 0px;
}
.m_revechat_dropdown_menu_three_inner ul li a {
  display: flex;
  padding: 16px;
  text-decoration: none;
}
.m_revechat_dropdown_menu_three_inner ul li a svg {
  margin-right: 12px;
}
.m_revechat_dropdown_menu_three_inner span:after {
  display: none !important;
}
.m_revechat_dropdown_menu_three_inner ul li a span {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-SemiBold";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
}
.m_revechat_dropdown_menu_three_inner ul li a p {
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 18px; /* 150% */
  margin: 0px;
  font-weight: 400!important;
}
.m_revechat_dropdown_menu_three_inner ul li a {
  position: relative;
}
.m_revechat_dropdown_menu_three_inner ul li a:hover {
  background: #f8f9fa;
  border-radius: 8px;
}
.m_revechat_dropdown_menu_three_inner ul li a:hover:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: 4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #252b37;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 10px;
}
.m_revechat_dropdown_menu_three_inner_child_submenu:hover
  .m_revechat_dropdown_menu_three_inner_child_submenu_inner {
  left: 100%;
  border-radius: 0px 20px 20px 0px;
  opacity: 1;
  visibility: visible;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner {
  position: absolute;
  background-color: #f8f9fa;
  left: 0%;
  top: 0;
  width: 240px;
  padding: 24px;
  border-radius: 20px;
  transition: 0.3s ease-in-out;
  z-index: -3;
  opacity: 0;
  visibility: hidden;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner img {
  max-width: 100%;
  margin: 24px 0px 12px 0px;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner p {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  padding: 0px;
  margin: 0px;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner a {
  color: var(--Primary-Colors-Blue, #0040ff);
  font-family: "InstrumentSans-Medium";
  font-size: 12px;
  font-style: normal;
  line-height: 18px; /* 150% */
  margin: 0px;
  padding: 8px 0px 0px 0px !important;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner ul li a {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  margin: 0px;
  padding: 16px !important;
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner ul li:last-child a {
  color: var(--Primary-Colors-Blue, #0040ff);
  font-family: "InstrumentSans-Medium";
  font-size: 12px;
  font-style: normal;
  line-height: 18px; /* 150% */
}
.m_revechat_dropdown_menu_three_inner_child_submenu_inner ul li a:hover {
  background-color: #fff;
}
.m_revechat_hdr_vrs_thr_tb {
   background: rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: stretch;
    justify-content: start;
    gap: 6px;
    max-width: 1154px;
    padding: 8px;
    border-radius: 12px;
  }
  .m_revechat_menu_tab_wrapper {
    display: grid;
    grid-template-columns: 80% 20%; 
    gap: 8px;
  }
  .m_revechat_menu_tab_wrapper > .m_revechat_cre_all_feturs {
  grid-column: 1 / -1; /* span both columns to make 100% */
}
  .m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link.active, 
  .nav-pills .show>.nav-link {
    color: var(--Secondary-Colors-Purple-Purple-90, #6C69F9);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
    font-size: var(--Typeface-Size-body-sm, 14px);
    font-style: normal;
    text-align: left;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    border-radius: 8px 0 0 8px;
    background: #EAE5FF;
    transition: background 0.3s ease-in-out;
    padding: 16px 20px;
    margin: 0px;
    position: relative;
  }
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link:before,
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-image: url(../png/menu-curve.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link.active:before {
    top: -8px;
    right: -5px;
    transform: rotate(90deg);
    opacity: 1;
}
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link.active:after {
    bottom: -8px;
    right: -5px;
    transform: rotate(0deg);
    opacity: 1;
}
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link.active:first-child:before {
    display: none;
}
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link:hover:before,
.m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link:hover:after {
    right: -5px;
}

  .m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link{
    color: var(--gray-light-mode-700, #414651);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
    font-size: var(--Typeface-Size-body-sm, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    border-radius: 8px 0 0 8px;
    transition: background 0.3s ease-in-out;
    text-align: left;
     padding: 16px 20px;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-wrap: nowrap;
  }
  .m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link:hover svg path[stroke],  .m_revechat_hdr_vrs_thr_tb .nav-pills.nav-pills .nav-link.active svg path[stroke]{
  stroke: #6C69F9;
}
.m_revechat_hdr_vrs_thr_tb .nav-pills.nav-pills .nav-link:hover svg path:not([stroke]), .m_revechat_hdr_vrs_thr_tb .nav-pills.nav-pills .nav-link.active svg path:not([stroke]){
  fill: #6C69F9;
}
.m_revechat_menu_tab_top ul li a svg path {
 transition: .3s ease-in-out;
}
.m_revechat_menu_tab_top ul li a:hover svg path {
  stroke: #6C69F9;
}

 .m_revechat_hdr_vrs_thr_tb .tab-pane {
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.3s ease-in-out;
  }
  .m_revechat_hdr_vrs_thr_tb .tab-pane.active.show {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
  }
  .m_revechat_hdr_vrs_thr_tb .nav-pills, .tab-content {
    min-height: -webkit-fill-available;
    min-height: -moz-available;
    min-height: fill-available;
  }
  .m_revechat_hdr_vrs_thr_tb .nav-pills .nav-link:last-child:after{
   display: none;
  }
  .m_revechat_hdr_vrs_thr_tb .tab-content {
    border-radius: 8px;
    background: linear-gradient(107deg, #EAE5FF 2.32%, #E0ECFF 102.49%);
    padding: 24px;
  }
  .m_revechat_hdr_vrs_thr_tb .tab-content:has(> .tab-pane:first-child.active) {
  border-radius: 0 8px 8px 8px;
  }
  .m_revechat_hdr_vrs_thr_tb .tab-content:has(> .tab-pane:last-child.active) {
  border-radius: 8px 8px 8px 0px;
  }
  .m_revechat_dropdown_menu:has(.m_revechat_dropdown_menu_open) > span {
  color: #6C69F9;
}
  .m_revechat_wts_new .card{
    border: none;
    background-color: transparent;
  }
  .m_revechat_wts_new .card .card-body{
    padding: 0px;
    margin-top: 8px;
  }
  .m_revechat_wts_new .card .card-body span{
   color: var(--gray-light-mode-700, #414651);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
    font-size: var(--Typeface-Size-body-sm, 14px);
    font-style: normal;
    text-wrap: wrap;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    padding: 0px;
    margin: 0px;
  }
  .m_revechat_wts_new .card .card-body p{
    color: var(--gray-light-mode-500, #717680);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    padding: 4px 0px 8px 0px;
    margin: 0px;
  }
  .m_revechat_wts_new .card .card-body a{
    color: var(--gray-light-mode-700, #414651);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    border: none;
  }
  .m_revechat_wts_new .card img{
    max-width: 180px;
    height: 80px;
    object-fit: cover;
  }
  .m_revechat_cre_fetrs, .m_revechat_menu_tab{
    padding: 20px;
    border-radius: var(--Spacing-space-2, 8px);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
  }
  .m_revechat_cre_fetrs, .m_revechat_menu_tab, .m_revechat_cre_all_feturs, .m_revechat_menu_tab_bottom{
    border-radius: var(--Spacing-space-2, 8px);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
  }
  .m_revechat_wts_new{
    padding: 20px 24px;
    background: #F6F6F6;
    border-radius: 12px;
    margin-left: 8px;
    max-width: 220px;
  }
  .m_revechat_wts_new span, .m_revechat_cre_fetrs span, .m_revechat_menu_tab_top span, .m_revechat_industries_menu_right span {
  color: var(--gray-light-mode-800, #252B37);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  display: block;
  text-wrap: nowrap;
  margin: 0px;
  padding-bottom: 10px;
  }
  .m_revechat_cre_fetrs ul, .m_revechat_menu_tab_top ul {
    padding: 0px;
    margin: 0px;
  }
  .m_revechat_cre_fetrs ul li, .m_revechat_menu_tab_top ul li{
    padding: 12px 0px;
    margin: 0px;
    list-style: none;
  }
  .m_revechat_cre_fetrs ul li a, .m_revechat_menu_tab_top ul li a{
    color: var(--gray-light-mode-800, #252B37);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
    font-size: var(--Typeface-Size-body-sm, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-decoration: none;
    padding: 5px 0px;
    display: flex;
    width: 90%;
    margin: 0px;
    transition: .3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .m_revechat_cre_fetrs ul li a:hover, .m_revechat_cre_fetrs ul li a:hover, .m_revechat_menu_tab_top ul li a:hover{
    color: #6C69F9;
  }
  /* 
  .m_revechat_cre_fetrs ul li a svg, .m_revechat_cre_fetrs ul li a svg, .m_revechat_menu_tab_top ul li a svg{
    width: 20px;
    height: 20px;
    transition: .3s ease-in-out;
  } */
  /* .m_revechat_cre_fetrs ul li a:hover svg, .m_revechat_cre_fetrs ul li a:hover svg, .m_revechat_menu_tab_top ul li a:hover svg{
    margin-left: 10px;
  } */
  .m_revechat_menu_tab .menu_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* default 2 columns */
  grid-auto-rows: auto;
  gap: 16px;
}
  .m_revechat_menu_tab .menu_grid .item:first-child {
  border-radius: 8px;
  background: #FFF;
}
  .m_revechat_menu_tab .menu_grid .item:first-child a{
  padding: 12px 0px 0px 0px;
}
.m_revechat_menu_tab .menu_grid .item:first-child a{
  display: block;
  text-decoration: none;
  padding: 20px;
}
  .m_revechat_menu_tab .menu_grid .item {
  border-radius: 8px;
  background: #FFF;
}
  .m_revechat_menu_tab .menu_grid .item a{
 text-decoration: none;
 color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-caption, 14px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 18px */
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
padding: 16px 20px;
margin: 0px;
display: flex;
align-items: center;
}
  .m_revechat_menu_tab .menu_grid .item a span.m_menu_underl{
 text-decoration: underline;
 color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-caption, 14px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 18px */
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.m_revechat_menu_tab .menu_grid .item:nth-child(1) {
  grid-column: 1 / -1; /* make first row full width */
}
.m_revechat_cre_all_feturs a, .m_revechat_menu_tab_bottom a, .m_revechat_cre_all_feturs a:hover, .m_revechat_menu_tab_bottom a:hover, .m_revechat_cre_all_feturs a:focus, .m_revechat_menu_tab_bottom a:focus{
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
padding: 0px;
text-align: center;
text-decoration: none;
display: block;
padding: 16px 20px;
}
.m_revechat_menu_tab .menu_grid span{
 color: var(--gray-light-mode-800, #252B37);
font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
padding: 4px 0px 12px 0px;
margin: 0px;
}
.m_revechat_menu_tab .menu_grid p{
color: var(--gray-light-mode-500, #717680);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-caption, 12px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
padding: 4px 0px 12px;
margin: 0px;
}
.m_revechat_menu_tab >  .menu_grid .item:first-child a{
  text-decoration: underline;
}
.m_revechat_industries_menu{
  background: rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: stretch;
    justify-content: start;
    gap: 6px;
    max-width: 1074px;
    padding: 8px;
    border-radius: 12px;
}
.m_revechat_dropdown_menu_three .m_revechat_industries_menu{
  max-width: 902px;
}
.m_revechat_dropdown_menu_three .m_revechat_industries_menu .m_revechat_industries_menu_left {
  width: 75%;
}
.m_revechat_dropdown_menu_three .m_revechat_industries_menu .m_revechat_industries_menu_right {
  width: 25%;
}
.m_revechat_dropdown_menu_two .m_revechat_industries_menu_left {
  height: 100%;
}
.m_revechat_dropdown_menu_two .m_revechat_menu_tab_top {
  height: inherit;
}
.m_revechat_dropdown_menu_two .m_revechat_menu_tab_bottom {
  display: none;
}
.m_revechat_menu_tab_bottom a{
  display: block;
  margin-top: 8px;
}
.m_revechat_industries_menu_wrapper{
  width: 100%;
  display: flex;
  align-items: stretch;
}
.m_revechat_industries_menu_left{
  width: 60%;
}
.m_revechat_industries_menu_right{
  width: 40%;
}
.m_revechat_menu_tab_top{
  border-radius: var(--Spacing-space-2, 8px);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 20px 24px;
}
.m_revechat_menu_tab_top ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.m_revechat_menu_tab_top ul li{
  width: 33%;
}
.m_revechat_industries_menu_right{
  border-radius: var(--Spacing-space-2, 8px);
background: #FFF;
margin-left: 8px;
padding: 20px 24px;
}
.m_revechat_industries_menu_right ul{
  padding: 0px;
  margin: 0px;
}
.m_revechat_industries_menu_right ul li{
  list-style: none;
  padding: 12px;
}
.m_revechat_industries_menu_right ul li a svg{
  width: 40px;
  height: 20px;
}
.m_revechat_industries_menu_right ul li a{
text-decoration: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
}
.m_revechat_industries_menu_right ul li a strong{
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
text-decoration: none;
display: block;
}
.m_revechat_industries_menu_right ul li span{
 color: var(--gray-light-mode-500, #717680);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-caption, 12px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
display: block;
text-wrap: wrap;
}
.m_revechat_industries_menu_right .card{
  border: none;
}
.m_revechat_industries_menu_right .card .card-body{
  padding: 0px;
  margin-top: 8px;
}
.m_revechat_industries_menu_right .card img{
  max-width: 180px;
  height: 94px;
  object-fit: cover;
}
.m_revechat_industries_menu_right .card ul{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  padding: 8px 0px;
}
.m_revechat_industries_menu_right .card ul li{
 padding: 0px;
}
.m_revechat_industries_menu_right .card ul li a{
color: #992E8E;
font-family: "InstrumentSans-Medium";
font-size: 8px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 12px */
display: flex;
padding: 2px 4px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: rgba(153, 46, 142, 0.16);
}
.m_revechat_industries_menu_right .card p{
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
padding: 0px;
margin: 0px;
}
.m_revechat_menu_tab_top:last-child{
  height: 100%;
}
@media screen and (max-width: 1286px) {
 .m_revechat_hdr_vrs_thr_tb{
  max-width: 1120px;
 }
}
@media screen and (max-width: 1169px) {
 .m_revechat_hdr_vrs_thr_tb, .m_revechat_industries_menu{
  max-width: 1050px;
 }
}
@media screen and (max-width: 1069px) {
 .m_revechat_hdr_vrs_thr_tb, .m_revechat_industries_menu{
  max-width: 991px;
 }
}
@media screen and (max-width: 768px) {
  .m_revechat_hdr_vrs_thr_tb .tab-content{
    display: none;
  }
  .m_revechat_hdr_vrs_thr_tb .accordion-pane.active {
    display: block;
  }
}
/* MOBILE MENU DESIGN START HERE  */
.m_revechat_mbl_menu_hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 9999;
    /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3.75 12H20.25' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 6H20.25' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 18H20.25' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; */
}

.m_revechat_mbl_menu_hamburger span {
    display: block;
    height: 8px;
    width: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='2' viewBox='0 0 20 2' fill='none'%3E%3Cpath d='M1.75 1H18.25' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Active state (cross) */
.m_revechat_mbl_menu_hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 5px);
}

.m_revechat_mbl_menu_hamburger.active span:nth-child(2) {
    opacity: 0;
}

.m_revechat_mbl_menu_hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -5px);
}
.revechat_mobile_menu_container {
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 100%;
background: rgba(255, 255, 255, 0.2);
border-radius: 13px 13px 0px 0px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    transition: bottom 0.3s ease;
    z-index: 999;
    padding: 8px;
    max-height: 80vh;
    overflow: scroll;
}

.revechat_mobile_menu_container.active {
    bottom: 60px;
}
.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
}
.m_revechat_mobile_menu {
    list-style: none;
    border-radius: 8px;
}
.m_revechat_mobile_menu li:nth-of-type(1){
    border-radius: 8px 8px 0px 0px;
}
.m_revechat_mobile_menu li:nth-of-type(4){
    border-radius: 0px 0px 8px 8px;
}
.m_revechat_mobile_menu li:nth-of-type(5){
    border-radius: 8px;
}
.m_revechat_mobile_menu li:nth-of-type(6){
    border-radius: 8px;
}
.m_revechat_mobile_menu li{
   background: #FFF;
}
ul.m_revechat_mobile_menu > li:nth-last-child(2) {
  margin: 6px 0;
}
.m_revechat_mobile_menu > li:nth-last-of-type(2), .m_revechat_mobile_menu > li:nth-last-of-type(1){
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
}

.m_revechat_mobile_menu li:last-child {
    border-bottom: none;
}
.m_revechat_mobile_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reevchat_mbl_menu_has_submenu > .reevchat_mbl_menu_submenu {
    list-style: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.reevchat_mbl_menu_submenu li.reevchat_mbl_menu_has_submenu.active {
    border-radius: var(--Spacing-space-3, 12px);
   background: linear-gradient(107deg, #EAE5FF 2.32%, #E0ECFF 102.49%)!important;
}

.reevchat_mbl_menu_submenu li:last-child {
    border-bottom: none;
}
.reevchat_mbl_menu_submenu.level-1 {
    padding-left: 20px;
}
.reevchat_mbl_menu_submenu.level-1 .m_revechat_mobile_title {color: #5a6370; }
.reevchat_mbl_menu_submenu.level-2 .m_revechat_mobile_title {color: #6b7280;  }
.reevchat_mbl_menu_submenu.level-3 .m_revechat_mobile_title {color: #7c838d;  }

.reevchat_mbl_menu_has_submenu.active > .reevchat_mbl_menu_submenu {
    max-height: 1000px;
    border-radius: var(--Spacing-space-2, 8px);
background: #FFF;
margin-top: 16px;
}

.reevchat_mbl_menu_submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

.reevchat_mbl_menu_has_submenu.active > .m_revechat_mobile_title .reevchat_mbl_menu_submenu-toggle {
    transform: rotate(180deg);
}
.m_revechat_mbl_menu_hum{
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
  position: fixed;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px;
  z-index: 1000;
}
.m_revechat_mbl_menu_hum a{
    border-radius: 8px;
background: linear-gradient(90deg, #6314BA 0%, #9309DE 50.71%, #F1748C 100%);
color: var(--Colors-Color, #FFF);
text-align: center;
text-decoration: none;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
display: block;
width: 100%;
padding: 12px 20px;
}
.m_revechat_mbl_menu_hum a:nth-child(3){
  width: 48px;
  height: 48px;
  border-radius: 8px;
background: linear-gradient(137deg, #7D0ECE 4.02%, #6514BB 94.76%);
box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
display: flex;
padding: 12px;
align-items: center;
gap: 12px;
}
.m_revechat_mbl_menu_hum a:nth-child(3) img{
 max-width: fit-content;
}
.m_revechat_mbl_menu_hum .m_revechat_mbl_menu_hamburger{
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
background: #FFF;
box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
padding: 12px;
}
.m_revechat_mbl_menu_logo {
  position: fixed;
  top: 0;
  z-index: 1000;
  padding: 16px 12px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.m_revechat_mbl_menu_logo.scrolled {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
ul.m_revechat_mobile_menu{
padding: 0px;
margin: 0px 8px;
width: 100%;
}
ul.m_revechat_mobile_menu > li{
padding: 10px 12px;
}
ul.m_revechat_mobile_menu li span, ul.m_revechat_mobile_menu li a{
 color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
text-decoration: none;
}
ul.m_revechat_mobile_menu li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1{
  padding: 0px 0px 0px 8px;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 li span{
  color: var(--gray-light-mode-700, #414651);
font-family: "InstrumentSans-Medium";
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
display: flex;
align-items: center;
gap: 12px;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li{
padding: 12px;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li.active span{
    color: #6C69F9;
}
  ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li.active:hover svg path[stroke]{
  stroke: #6C69F9;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li.active:hover svg path:not([stroke]), ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li.active:focus svg path:not([stroke]){
  fill: #6C69F9;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li.active svg path {
 transition: .3s ease-in-out;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 > li.active:hover svg path {
  stroke: #6C69F9;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 li a{
    color: var(--gray-light-mode-700, #414651);
   font-family: "InstrumentSans-Medium";
    font-size: var(--Typeface-Size-body-sm, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 li .level-2 li a{
color: var(--gray-light-mode-800, #252B37);
 font-family: "InstrumentSans-Regular";
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
text-decoration: none;
padding: 10px;
}
ul.m_revechat_mobile_menu li ul.reevchat_mbl_menu_submenu.level-1 li .level-2{
padding: 0px;
}
.m_revechat_mbl_menu_logo, .m_revechat_mbl_menu_hum, .revechat_mobile_menu_container{
  display: none;
}
@media only screen and (max-width: 991px) {
	.m_revechat_main_header_inner_mobile_logo, .m_revechat_main_header_inner{
		display: none;
	}
  .m_revechat_main_header_inner_left_logo, .m_revechat_main_header_inner_mobile_logo, .m_revechat_mobile_menu_humbergur_icon, .m_revechat_main_header_inner_mobile_logo{
    display: none!important;
  }
  header.m_revechat_main_header{
	padding: 0px!important;
  backdrop-filter: none!important;
  }
  .m_revechat_mbl_menu_logo, .m_revechat_mbl_menu_hum, .revechat_mobile_menu_container{
  display: flex;
}
  .m_revechat_main_header_inner_left_logo {
    display: none;
  }
  .m_revechat_main_header_inner_mobile_logo {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    border: 1px solid var(--Off-white-Offwhite-60, #eff2f4);
    background-color: #fff;
    backdrop-filter: blur(20px);
    padding: 12px;
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 100;
    width: 98%;
  }
  .m_revechat_main_header_inner_mobile_logo a {
    color: #10171f;
    text-align: center;
    font-family: "InstrumentSans-Bold";
    font-size: 16.838px;
    font-style: normal;
    line-height: 24.054px;
    letter-spacing: 0.337px;
    text-decoration: none;
    position: relative;
    margin: 0px;
    padding: 0px 20px 0px 0px;
  }
  .m_revechat_main_header_inner_left_logo a:after {
    display: none;
  }
  .m_revechat_mobile_menu_humbergur_icon {
    display: inline-block;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_left,
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    position: initial;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_left {
    display: initial;
  }
  nav.m_revechat_main_header_inner_left_nav ul {
    display: initial;
    margin: 0px;
    padding: 0px;
  }
  .m_revechat_main_header_inner {
    position: fixed;
    top: 80px;
    left: 26px;
    z-index: 100;
    width: 94%;
    height: auto;
    display: none;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul {
    display: initial;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_left,
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    backdrop-filter: blur(0px);
    border: 0px solid transparent;
    background-color: transparent;
  }
  .m_revechat_main_header_inner_left_logo {
    border-radius: 12px;
    border: 1px solid var(--Off-white-Offwhite-60, #eff2f4);
    background-color: #fff;
    backdrop-filter: blur(20px);
    padding: 12px;
  }
  .m_revechat_main_header_inner_left_nav {
    border-radius: 12px 12px 0px 0px;
    background-color: #fff;
    margin-top: 8px;
    padding: 16px 16px 0px 16px;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    padding: 0px 16px 16px 22px;
    border-radius: 0px 0px 12px 12px !important;
    background-color: #fff;
    margin-top: -2px;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul li,
  nav.m_revechat_main_header_inner_left_nav ul li {
    padding: 8px 0px;
  }
  .m_revechat_main_header_inner_left_nav ul li > span,
  header.m_revechat_main_header .m_revechat_main_header_inner_right ul li a {
    padding: 8px;
  }
  .m_revechat_dropdown_menu_one,
  .m_revechat_dropdown_menu_two,
  .m_revechat_dropdown_menu_three {
    position: relative;
  }
  .m_revechat_dropdown_menu_one,
  .m_revechat_dropdown_menu_two,
  .m_revechat_dropdown_menu_three {
    display: none;
    top: 10px;
    width: 100%;
    overflow: scroll;
    z-index: 1000;
  }
  .m_revechat_dropdown_menu_one.m_revechat_dropdown_menu_open,
  .m_revechat_dropdown_menu_two.m_revechat_dropdown_menu_open,
  .m_revechat_dropdown_menu_three.m_revechat_dropdown_menu_open {
    height: 400px;
    display: block;
    top: 10px;
    width: 100%;
    overflow: scroll;
    z-index: 1000;
  }
  .m_revechat_dropdown_menu_three {
    left: 0%;
  }
  header.m_revechat_main_header .m_revechat_main_header_inner_right {
    display: inline-table;
    width: 100%;
  }
  .revechat_footer_privacypolicy{
    padding-bottom: 40px;
  }
  .revechat_main_footer_tel_email {
    padding: 20px 0px 40px 0px;
  }
  .revechat_customer_logo_lider {
    display: inline-flex!important;
    animation: scroll 20s linear infinite!important;
}
ul.m_revechat_mobile_menu li a{
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    gap: 8px;
}
#reve-chat-widget-header, #reve-chat-widget-holder-2{
    visibility: hidden!important;
}
.show-chat #reve-chat-widget-header,
.show-chat #reve-chat-widget-holder-2 {
    visibility: visible !important;
}
}
/* MOBILE MENU DESIGN END HERE  */
/* Header design end here  */
/* MOBILE MENU DESIGN END HERE  */
/* Header design end here  */
.m_revechat_home2_hero_section {
  padding: 120px 0px 0px 0px;
  text-align: center;
  position: relative;
  border-radius: 22px 22px 0px 0px;
  margin: 8px 8px 0px 8px;
}
.m_revechat_home2_hero_section::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  opacity: 0.3;
}
.m_revechat_home2_hero_section::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../webp/home-banner-bg-2.webp");
  background-size: cover;
  z-index: -1;
  opacity: 1;
}

.m_revechat_home2_hero_section h1 {
  color: #181D27;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 120px */
  letter-spacing: -1px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_home2_hero_section p {
  color: #252B37;
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 150%; /* 30px */
  margin: 0px;
  padding: 24px 0px 60px 0px;
}
.revechat_start_free_trail_clm_btn, .revechat_start_free_trail_clm_btn button[type="submit"] {
  color: #fff;
  border-radius: 14px;
  background: linear-gradient(
    90deg,
    #0f277c 23.85%,
    #b900fa 74.12%,
    #ff926f 100%
  );
  box-shadow: 0px 4px 24.8px 0px rgba(222, 255, 169, 0.52) inset;
  text-decoration: none;
  display: inline-block;
  border-radius: 14px;
  background-size: 130% 70%;
  animation: gradientLoop 3s ease-in-out infinite;
}
.revechat_start_free_trail_clm_btn button[type="submit"], .revechat_start_free_trail_clm_btn a, .revechat_start_free_trail_clm_btn a:hover, .revechat_start_free_trail_clm_btn a:focus {
  color: #fff;
  text-decoration: none;
  color: var(--Primary-Colors-White, #fff);
  text-align: center;
  font-family: "InstrumentSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  line-height: 34px; /* 170% */
  margin: 0px;
  padding: 16px 20px 16px 70px;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.5s ease;
}
.revechat_start_free_trail_clm_btn button[type="submit"] {
  border: none;
  padding: 8px 20px 7px 20px;
  }
.revechat_start_free_trail_clm_btn a img{
  background-color: #fff;
  border-radius: 10px;
  padding: 13px;
  margin-right: 10px;
  position: absolute;
  left: 3%;
  transition: all 0.5s ease;
}
.revechat_start_free_trail_clm_btn a:hover img {
  left: 74%;
}
.revechat_start_free_trail_clm_btn a:hover {
  padding: 16px 70px 16px 20px;
}
.m_revechat_home2_hero_section_business_partner a {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 24px; /* 142.857% */
  text-decoration: none;
  border-radius: 36px;
  background: #fff;
  display: inline-block;
  padding: 10px 20px;
  margin: 0px 10px 8px 0px;
  z-index: 10;
  position: relative;
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.m_revechat_home2_hero_section_business_partner p {
  color: rgba(16, 23, 31, 0.8);
  text-align: center;
  font-family: "InstrumentSans-Medium";
  font-size: 13px;
  font-style: normal;
  line-height: 20px; /* 153.846% */
  margin: 0px;
  padding: 16px 0px 0px 0px;
}
.m_revechat_home2_hero_section_business_partner a img {
  max-width: 100%;
  padding-right: 5px;
}
.m_revechat_home2_hero_section_banner_video_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  position: relative;
  perspective: 1000px;
}
.m_revechat_home2_hero_section_banner_video_inner video{
  transform: rotateX(15deg);
}
.m_revechat_home_banner_video_btn {
  position: absolute;
  top: 54%;
  z-index: 1;
}
.m_revechat_home_banner_video_btn:hover{
  cursor: pointer;
}
.m_revechat_home2_hero_section_banner_video video {
  max-width: 100%;
box-shadow: 0px 16px 80px 0px rgba(112, 112, 112, 0.16);
}
.m_revechat_home2_hero_section_banner_video {
  position: relative;
  border-radius: 12px;
}
.m_revechat_home2_hero_section_banner_video:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  opacity: 0.3;
  z-index: -1;
}
.m_revechat_home2_hero_section_banner_video_inner:after {
  content: "";
  position: absolute;
  top: -70px;
  right: -200px;
  width: 60%;
  height: 70%;
  background-image: url("../png/image-bg-20.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  z-index: -1;
  opacity: 1;
}
/* .m_revechat_home2_hero_section_banner_video::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 8%;
  width: 75%;
  height: 65%;
  background-image: url("https://www.revechat.com/wp-content/themes/revechat/images/home-2.0/chat-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
  opacity: 0.8;
} */
.m_revechat_home2_hero_section_banner_video .revechat_customer_logo_lider {
  min-height: 81px;
  display: flex;
  align-items: center;
}
.m_revechat_home2_hero_section_banner_video .revechat_customer_logo_lider img {
  max-width: 100%;
  padding: 10px 40px;
  height: 54px;
  filter: grayscale(1);
  opacity: .7;
}
.m_revechat_home2_hero_section_banner_video .marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  height: 80px;
  margin: 120px 0px 120px 0px;
}
.m_revechat_home2_hero_section_banner_video .marquee-container::before,
.m_revechat_home2_hero_section_banner_video .marquee-container::after,
.m_revechat_home2_slider .carousel-pagination::before,
.m_revechat_home2_slider .carousel-pagination::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px; /* The blur width on the sides */
  z-index: 1; /* Ensure it overlays the content */
  pointer-events: none; /* Allow interactions with underlying content */
}

/* .m_revechat_home2_hero_section_banner_video .marquee-container::before {
  left: 0;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 84.75%);
} */
.m_revechat_home2_slider .carousel-pagination::before {
  left: 0;
  height: 50%;
  /* background: linear-gradient(90deg, #0a021e 15.09%, rgba(10, 2, 30, 0) 69.26%); */
}

/* .m_revechat_home2_hero_section_banner_video .marquee-container::after {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
} */
.m_revechat_home2_slider .carousel-pagination::after {
  right: 0;
  height: 50%;
  /* background: linear-gradient(
    to left,
    #0a021e 15.09%,
    rgba(10, 2, 30, 0) 69.26%
  ); */
}

.revechat_customer_logo_lider {
  display: inline-flex;
  animation: scroll 60s linear infinite;
}

.m_revechat_home2_hero_section {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.1s ease-out; /* Smooth background fade */
  /* position: sticky;
  top: 0px; */
}
.m_revechat_home2_hero_section_banner_review{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
}
.m_revechat_home2_hero_section_inner {
  transform-origin: center center; /* Centered zoom effect */
  transition: transform 0.1s ease-out; /* Smooth zoom transition */
  color: #fff; /* Optional: Text color for visibility */
  text-align: center;
  transform: scale(1);
  position: relative;
  z-index: 1;
}

.revechat_text_animation_section {
  background: linear-gradient(178deg, #edf6ff 1.67%, #fff 51.44%);
  padding: 200px 0px 100px 0px;
  position: relative;
}
.revechat_text_animation_section.textAnimationSection {
  z-index: 2;
  transition: 0.5s ease-in-out;
  position: sticky !important;
  background: linear-gradient(178deg, #edf6ff 1.67%, #fff 51.44%);
}

.revechat_text_animation_section.textAnimationSection .revechat_text_container {
  height: 70vh;
  transition: 0.5s ease-in-out;
}
.ignore-me-inner{
  display: inline-block;
  width: 66px;
  height: 50px;
}
.revechat_text_container .ignore-me1 img {
  max-width: 70px;
  margin-left: -5px;
  margin-bottom: 5px;
}
.revechat_text_container .ignore-me2 img {
  max-width: 85px;
}
.revechat_text_container .ignore-me3 img {
  max-width: 85px;
  margin-bottom: 3px;
}
.revechat_text_container {
  position: relative;
  height: 130vh;
  width: 100%;
  margin: auto;
  text-align: center;
  transition: 0.5s;
}
.revechat_text_container h2 {
  color: #abb6c1;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 84px */
  letter-spacing: 0px;
}

.revechat_reveal_text span {
  display: inline;
  color: rgb(170, 166, 166); /* Initially black color */
  transition: color 0.3s ease;
}
.revechat_reveal_text {
  opacity: 0;
  transform: scale(0.9); /* Slightly smaller size for zoom out */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth fade and zoom effect */
}

.revechat_reveal_text.sticky {
  opacity: 1;
  transform: scale(1); /* Reset to original size for zoom in */
}

/* Sticky behavior */
.revechat_text_animation_section .sticky {
  position: sticky;
  top: 30%; /* Make it sticky at the middle of the viewport */
  transform: translateY(0%);
  z-index: 10;
}
.revechat_text_animation_section .pso {
  position: fixed;
  top: 30%; /* Make it sticky at the middle of the viewport */
}
.revechat_text_animation_section .ignore-me {
  display: inline;
  position: relative;
  line-height: 0px;
}
/* .revechat_reveal_text .ignore-me1:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 10px;
  background-color: #6dcaff;
  width: 75%;
  margin-left: auto;
  z-index: -1;
}
.revechat_reveal_text .ignore-me2:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 10px;
  background: #fed4ff;
  width: 70%;
  margin-left: auto;
  z-index: -1;
}
.revechat_reveal_text .ignore-me3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 10px;
  background-color: #5bff98;
  width: 85%;
  margin-left: auto;
  z-index: -1;
} */
.revechat_text_animation_section h2 .ignore-me2 {
  background: linear-gradient(266deg, #e334ff -2.14%, #475aff 100.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Tooltip styles */
.revechat_text_animation_section .tooltip {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.9rem;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1000;
  min-height: 100px;
  display: flex;
  align-items: center;
}

.revechat_text_animation_section .ignore-me:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.m_revechat_home2_slider {
  padding: 0px 0px 12px 0px;
  transform: scale(1);
}
.m_revechat_home2_slider .container-fluid {
  background-color: #0a021e;
  position: relative;
  padding-top: 150px;
  border-radius: 22px;
  max-width: 99%;
}
.m_revechat_home2_slider .container-fluid::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background-image: url("../webp/everyting-you-need.webp");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 0px 22px 0px 0px;
}
#m_revechat_home2_slider_inner {
  transform: scale(0.5);
}
.m_revechat_home2_slider_inner_btn {
  display: flex;
  justify-content: center;
}
.m_revechat_home2_slider_inner_btn a {
  color: #d6d6d6;
  font-family: "InstrumentSans-SemiBold";
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  text-transform: uppercase;
  padding: 4px 16px;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid rgba(37, 55, 72, 0.20);
  background: linear-gradient(90deg, rgba(139, 255, 248, 0.10) 0%, rgba(144, 126, 255, 0.10) 100%);
  text-decoration: none;
  margin-bottom: 12px;
}
.m_revechat_home2_slider h2 {
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px; /* 116.667% */
  letter-spacing: -0.48px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_home2_slider p {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 150%; /* 160% */
  margin: 0px;
  padding: 20px 0px 64px 0px;
}
.m_revechat_home2_slider .carousel-container {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.m_revechat_home2_slider .carousel-slide {
  text-align: center;
  font-size: 24px;
  color: #333;
  padding: 60px 0 160px 0px;
}
.m_revechat_home2_slider .carousel-slide img {
  max-width: 1100px;
  object-fit: contain;
  border-radius: 12px;
}
/* Swiper navigation buttons */
.m_revechat_home2_slider .swiper-button-prev {
 left: 20%!important;
}
.m_revechat_home2_slider .swiper-button-next {
  right: 20%!important;
}

.m_revechat_home2_slider .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -80px!important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url("../svg/arrow-right-i.svg");
  background-size: initial;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(7px);
}
.m_revechat_home2_slider .swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 60px!important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url("../svg/arrow-left-i.svg");
  background-size: initial;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(7px);
}
/* Custom pagination dots */
.m_revechat_home2_slider .carousel-pagination {
  display: flex;
  align-items: center;
  overflow: scroll;
  scroll-behavior: smooth;
}
.m_revechat_home2_slider .carousel-pagination::-webkit-scrollbar {
  height: 0px; /* Adjust the height for horizontal scrollbar */
  display: none;
}

.m_revechat_home2_slider .carousel-pagination::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* Customize the scrollbar thumb */
  border-radius: 4px; /* Round scrollbar edges */
  display: none;
}
.m_revechat_home2_slider .carousel-pagination span {
  text-wrap: nowrap;
}
/* Pagination dot styles */
.m_revechat_home2_slider .pagination-dot {
  display: flex;
  margin: 0 8px;
  padding: 14px 48px 14px 24px;
  cursor: pointer;
  position: relative;
  color: #d6d6d6;
  font-family: "InstrumentSans-Regular";
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  width: max-content;
  border-radius: 12px;
  border: 1px solid #525252;
}
.m_revechat_home2_slider .pagination-dot img {
  width: 30px;
  padding-right: 8px;
}
/* Active pagination dot style */
.m_revechat_home2_slider .pagination-dot.active {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-SemiBold";
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  border-radius: 12px;
  background: #3b0df3;
  box-shadow: 0px 4px 24.8px 0px rgba(222, 255, 169, 0.52) inset;
  position: relative;
}
/* .m_revechat_home2_slider .pagination-dot.active::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0%; 
height: 2px; 
background-color: #23a6d5; 
animation: expand 3s forwards;
} */

@keyframes expand {
  to {
    width: 100%; /* Expands the width to 100% */
  }
}
@keyframes scroll {
  100% {
    transform: translateX(100%); /* Start off-screen from the right */
  }
  100% {
    transform: translateX(-100%); /* End off-screen to the left */
  }
}
/* Pause scrolling on hover */
.m_revechat_home2_hero_section_banner_video
  .marquee-container:hover
  .revechat_customer_logo_lider {
  animation-play-state: paused;
}

@keyframes gradientLoop {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 30%;
  }
  100% {
    background-position: 0% 30%;
  }
}

.m_revechat_unifired_inbox {
  background: linear-gradient(
    324deg,
    #eff3ff -2.21%,
    #b9e2ff 31.38%,
    #fafcff 85.19%
  );
  padding: 160px 0px 160px 0px;
  border-radius: 22px;
  margin: 0px 8px;
}
.m_revechat_unifired_inbox_learn_more_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 48px;
}
.m_revechat_unifired_inbox_learn_more_btn a {
  color: var(--Primary-Colors-Black, #253748);
  font-family: "InstrumentSans-Bold";
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.28px;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid #6314BA;
  background: #FFF;
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.m_revechat_unifired_inbox_learn_more_btn a:hover, .m_revechat_unifired_inbox_learn_more_btn a:focus {
  color: var(--Primary-Colors-Black, #253748)!important;
}
.m_revechat_unifired_inbox h2,
.m_revechat_ai_agent_forbetter_conversations h2 {
  color: #1a1a1a;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px; /* 116.667% */
  letter-spacing: -1.44px;
  word-spacing: 2px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_unifired_inbox p,
.m_revechat_ai_agent_forbetter_conversations p {
  color: var(--Primary-Colors-Black, #253748);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 150%; /* 162.5% */
  margin: 0px;
  padding: 20px 0px 64px 0px;
}
.m_revechat_unifired_inbox .grid-container {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto auto; /* Two rows */
  gap: 17px; /* Space between grid items */
  width: 95%;
  margin-right: auto;
  max-width: 100%;
}
.m_revechat_unifired_inbox .grid-item h3,
.m_revechat_ai_agent_forbetter_conversations .grid-item h3 {
  color: var(--Primary-Colors-White, #fff);
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  line-height: 30px; /* 166.667% */
  margin: 0px;
  padding: 32px 0px 0px 28px;
}
.m_revechat_unifired_inbox .grid-item p,
.m_revechat_ai_agent_forbetter_conversations .grid-item p {
  color: #FFF;
  font-family: "InstrumentSans-Regular";
  text-align: left;
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  margin: 0px;
  padding: 8px 20px 22px 28px;
}
.m_revechat_unifired_inbox .grid-item:nth-child(1) {
  grid-column: span 2; /* Item 1 spans 2 columns (50%) */
  border-radius: 20px;
  background: #002fa2;
}
.m_revechat_unifired_inbox .grid-item:nth-child(2) {
  grid-column: 3; /* Item 2 takes the 3rd column */
  border-radius: 20px;
  background: linear-gradient(180deg, #000aee 0%, #52c1ff 100%);
  position: relative;
  overflow: hidden;
}
.m_revechat_unifired_inbox .grid-item:nth-child(3) {
  grid-column: 4; /* Item 3 takes the 4th column */
  border-radius: 20px;
  background: linear-gradient(180deg, #2275ff 0%, #044dff 100%);
}
.m_revechat_unifired_inbox .grid-item:nth-child(4) {
  grid-column: 1; /* Item 4 starts at column 1 */
  border-radius: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #1349cf 0%, #09f 78.61%);
  position: relative;
  overflow: hidden;
}
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4
  img:nth-child(2) {
  position: relative;
  stroke-width: 0.4px;
  stroke: #fff;
  border-radius: 50%;
  z-index: 100;
  left: 8px;
  top: 4px;
}
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4
  img:nth-child(1) {
  position: absolute;
  left: 80px;
}
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4
  img:nth-child(3) {
  position: absolute;
  right: 80px;
  top: 25px;
}
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4
  .grid_item_inner_image4_middle_img_middle {
    position: relative;
    z-index: 100;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 126px;
    height: 126px;
    left: 50%;
    transform: translate(-50%, -20%);
    border-radius: 50%;
    overflow: hidden;
}
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4
  .grid_item_inner_image4_middle_img_middle img{
  position: relative;
  z-index: 1;
  left: -35px;
  max-width: 155%!important;
}
.grid_item_inner_image4_middle_img_middle_second{
  position: absolute;
 left: 0;
 z-index: 1;
}
.grid_item_inner_image4_middle_img_middle_second{
  background: linear-gradient(180deg, rgba(25, 65, 244, 0.40) 0.31%, rgba(71, 168, 253, 0.40) 89.44%);
stroke-width: 0.4px;
stroke: #FFF;
width: 126px;
height: 126px;
display: flex;
align-items: center;
backdrop-filter: blur(12px);
border-radius: 50%;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
mix-blend-mode: hard-light;
}
.grid_item_inner_image4_middle_img_middle_second img{
  left: 32%!important;
  max-width: 100%!important;
}
.grid_item_inner_image4_middle_img_middle_first{
 position: absolute;
 left: 0;
}
.grid_item_inner_image4_box{
  position: relative;
  top: 35%;
  left: 0%;
}
.m_revechat_unifired_inbox
 .grid_item_inner_image4_middle_img_first  {
  position: absolute;
  left: -20px;
  top: 5px;
  opacity: 0.5;
}
.m_revechat_unifired_inbox
 .grid_item_inner_image4_middle_img_first img , .m_revechat_unifired_inbox
 .grid_item_inner_image4_middle_img_last img{
max-width:80%;
}
.m_revechat_unifired_inbox
  .grid_item_inner_image4_middle_img_last {
  position: absolute;
  right: -50px;
  top: 5px;
  opacity: 0.5;
}
/* .m_revechat_unifired_inbox .grid-item:nth-child(4) .grid_item_inner_image4 {
  position: relative;
  border-radius: 50%;
  padding: 20px;
  z-index: 100;
  top: 30%;
} */
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  background: linear-gradient(
    180deg,
    rgba(29, 74, 245, 0.4) 0%,
    rgba(71, 167, 253, 0.4) 185.66%
  );
  stroke-width: 0.4px;
  stroke: #fff;
  opacity: 0.7;
  border-radius: 50%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.m_revechat_unifired_inbox
  .grid-item:nth-child(4)
  .grid_item_inner_image4::after {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 386px;
  border: 0.4px solid #fff;
  opacity: 0.7;
  background: linear-gradient(
    180deg,
    rgba(0, 47, 162, 0.4) 0%,
    rgba(70, 165, 253, 0.4) 185.66%
  );
  border-radius: 50%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.m_revechat_unifired_inbox .grid-item:nth-child(5) img {
  max-width: 100%;
  padding: 32px 0px 0px 10px;
}
.m_revechat_unifired_inbox .grid-item:nth-child(5) {
  grid-column: 2; /* Item 5 starts at column 2 */
  border-radius: 20px;
  background: linear-gradient(180deg, #52c1ff 0%, #000aee 100%);
}
.m_revechat_unifired_inbox .grid-item:nth-child(6) {
  grid-column: span 2; /* Item 6 spans 2 columns (50%) */
  border-radius: 20px;
  position: relative;
  text-align: right;
  background: 
    linear-gradient(rgba(0, 74, 255, 0.5), rgba(0, 74, 255, 0.3)), 
    url(../png/bg-gr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.m_revechat_unifired_inbox .grid-item:nth-child(6) h3 {
  text-align: left;
}
.grid_item_inner_rotate_img {
  position: absolute;
  bottom: 50px;
}
.grid_item_inner_rotate_img1 {
  border-radius: 50%;
  min-width: 120px;
  min-height: 120px;
  position: absolute;
  top: -30px;
  left: -35px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid_item_inner_rotate_img1:after {
  content: "";
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid transparent;
  border-radius: 50%;
  min-width: 120px;
  min-height: 120px;
  position: absolute;
  z-index: -1;
  animation: borderRotate 3s infinite linear;
}
.grid_item_inner_rotate_img2 {
  border-radius: 50%;
  min-width: 200px;
  min-height: 200px;
  position: absolute;
  top: -75px;
  left: -70px;
  z-index: 1;
}
.grid_item_inner_rotate_img2:after {
  content: "";
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid transparent;
  border-radius: 50%;
  min-width: 200px;
  min-height: 200px;
  position: absolute;
  z-index: -1;
  animation: borderRotate 3s infinite linear;
}
.grid_item_inner_rotate_img3 {
  border-radius: 50%;
  min-width: 270px;
  min-height: 270px;
  position: absolute;
  top: -125px;
  left: -90px;
  z-index: 1;
}
.grid_item_inner_rotate_img3:after {
  content: "";
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid transparent;
  border-radius: 50%;
  min-width: 270px;
  min-height: 270px;
  position: absolute;
  z-index: -1;
  animation: borderRotate 3s infinite linear;
}
.grid_item_inner_rotate_img1 img {
  position: absolute;
  left: 60px;
  top: -10px;
  transform: rotate(0deg);
}
.grid_item_inner_rotate_img2 img {
  position: absolute;
  left: 170px;
  top: 60px;
  transform: rotate(0deg);
}
.grid_item_inner_rotate_img3 img:nth-child(1) {
  position: absolute;
  left: 130px;
  top: -10px;
}
.grid_item_inner_rotate_img3 img:nth-child(2) {
  position: absolute;
  left: 225px;
  top: 40px;
}
.grid_item_inner_rotate_img4 img:nth-child(1) {
  position: absolute;
  left: 222px;
}
.grid_item_inner_rotate_img4 img:nth-child(2) {
  position: absolute;
  right: -5px;
  top: 110px;
}
.grid_item_inner_rotate_img4 {
  border-radius: 50%;
  min-width: 350px;
  min-height: 350px;
  position: absolute;
  top: -180px;
  left: -115px;
  z-index: 1;
}
.grid_item_inner_rotate_img4:after {
  content: "";
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid transparent;
  border-radius: 50%;
  min-width: 350px;
  min-height: 350px;
  position: absolute;
  z-index: -1;
  animation: borderRotate 3s infinite linear;
}
.grid_item_inner_rotate_img img {
  background-color: #fff;
  border-radius: 4px;
  max-width: 100%;
}
.grid_item_inner_fade_img {
  position: relative;
}
.grid_item_inner_fade_img img {
  position: absolute;
  max-width: 100%;
}
.grid_item_inner_fade_img img:nth-child(1) {
  left: 20px;
  top: 40px;
  animation: manimation1 1s infinite;
}
.grid_item_inner_fade_img img:nth-child(2) {
  left: 120px;
  top: 20px;
  animation: manimation1 2s infinite;
}
.grid_item_inner_fade_img img:nth-child(3) {
  left: 90px;
  top: 120px;
  animation: manimation1 1s infinite;
}
/* @keyframes manimation {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(75deg);
  }
  100% {
    transform: rotate(15deg);
  }
} */
@keyframes borderRotate {
  0% {
    transform: rotate(-120deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100deg);
  }
}
@keyframes manimation1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeInOut1 {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes fadeInOut2 {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
}
.m_revechat_ai_agent_forbetter_conversations {
  position: relative;
  padding: 160px 0px 160px 0px;
  margin: 8px 8px 0px 8px;
}
.m_revechat_ai_agent_forbetter_conversations:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(18deg, #fff -4.24%, #d5d1ff 33.75%, #fff 85.14%);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
  opacity: 0.7;
  content: "";
  border-radius: 22px;
}

.m_revechat_ai_agent_forbetter_conversations .grid-container {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto auto; /* Two rows */
  gap: 17px; /* Space between grid items */
  width: 95%;
  margin-right: auto;
  max-width: 100%;
}

.m_revechat_ai_agent_forbetter_conversations .grid-container .grid-item img {
  max-width: 66%;
}
.m_revechat_unifired_inbox img {
  max-width: 100%;
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(1) {
  grid-column: span 2; /* Item 1 spans 2 columns (50%) */
  border-radius: 20px;
  background: linear-gradient(8deg, #f1d2ff -1.68%, #4a00e9 98.24%);
  position: relative;
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(2) {
  grid-column: 3; /* Item 2 takes the 3rd column */
  border-radius: 20px;
  background: linear-gradient(0deg, #5f19ec 0%, #d29eff 100%);
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(3) {
  grid-column: 4; /* Item 3 takes the 4th column */
  border-radius: 20px;
  background: linear-gradient(0deg, #d29eff 0%, #5f19ec 100%);
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(4) {
  grid-column: 1; /* Item 4 starts at column 1 */
  border-radius: 20px;
  background: linear-gradient(8deg, #f1d2ff -1.68%, #4a00e9 98.24%);
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(5) {
  grid-column: span 2; /* Item 5 starts at column 2 */
  border-radius: 20px;
  background: linear-gradient(180deg, #d09cff 0%, #5a19df 100%);
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(6) {
  grid-column: 4; /* Item 6 spans 2 columns (50%) */
  border-radius: 20px;
  background: linear-gradient(0deg, #5f19ec 0%, #f1d2ff 100%);
  position: relative;
}
.grid_item_brain_ai_image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid_item_brain_ai_image_iiner {
  border-radius: 16px 16px 0px 0px;
  background-image: linear-gradient(
    180deg,
    #5814cc -0.18%,
    rgba(124, 71, 215, 0) 99.93%
  );
  backdrop-filter: blur(8px);
  width: 404px;
  margin: 62px;
  text-align: center;
  position: relative; /* Ensure positioning is set */
  z-index: 100; /* Use a high value */
  padding: 48px 20px 24px 20px;
}
.grid_item_brain_ai_image_iiner img:nth-child(2) {
  position: absolute;
  left: 30%;
  top: 20px;
  animation: brainAnimation 5s infinite;
}
@keyframes brainAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.grid_item_brain_ai_image_iiner::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 10px;
  width: 94%;
  margin: auto;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 99; /* Ensure it doesn't overlap */
  border-radius: 14px;
  opacity: 0.4;
  background-image: linear-gradient(
    180deg,
    #875bd3 0%,
    rgba(68, 23, 163, 0) 100%
  );
  animation: fadeInOut1 2s infinite;
}
.grid_item_brain_ai_image_iiner::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 20px;
  width: 90%;
  margin: auto;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 98; /* Ensure stacking order */
  border-radius: 14px;
  opacity: 0.4;
  background-image: linear-gradient(
    180deg,
    #875bd3 0%,
    rgba(68, 23, 163, 0) 100%
  );
  animation: fadeInOut2 3s infinite;
  animation-delay: 0.3s;
}

.grid_item_brain_ai_image_iiner span {
  display: block;
  color: #fdfaff;
  font-family: "Plus Jakarta Sans";
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 44.2px */
}
.grid_item_brain_ai_image_single_item {
  position: relative;
}
.grid_item_brain_ai_image_single_item img {
  transform-style: preserve-3d;
  position: absolute;
  opacity: 0; /* Hidden initially */
  transition: opacity 2s ease, transform 2s ease;
}

.grid_item_brain_ai_image_single_item img.visible {
  opacity: 1; /* Make visible */
}

.grid_item_brain_ai_image_single_item:nth-child(1) img.visible {
  top: -34px;
  left: 10px;
}

.grid_item_brain_ai_image_single_item:nth-child(2) img.visible {
  top: 10px;
  left: 20px;
}

.grid_item_brain_ai_image_single_item:nth-child(3) img.visible {
  top: 65px;
  left: 20px;
}

.grid_item_brain_ai_image_single_item:nth-child(4) img.visible {
  top: 120px;
  left: 20px;
}

.grid_item_brain_ai_image_single_item:nth-child(5) img.visible {
  top: 175px;
  left: 20px;
}
.grid_item_brain_ai_image2 {
  position: relative;
  max-width: 100%;
  margin: 100px 0px 50px 0px;
  display:flex;
  justify-content: center;
}
.grid_item_brain_ai_image_inner{
  position: absolute;
  background: #F0E4FF;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  top: -80px;
  z-index: 100;
}
.grid_item_brain_ai_image_inner:after{
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 130%;
  margin: auto;
  height: 130%;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.10);
}
.grid_item_brain_ai_image2 .grid_item_brain_ai_image_wordpress1 {
  animation: wordpressAnimation 3s infinite;
  position: absolute;
  left: 2%;
  bottom: -30px;
  z-index: 1;
}
.grid_item_brain_ai_image2 .grid_item_brain_ai_image_wordpress2 {
  animation: wordpressAnimation 5s infinite;
  position: absolute;
  left: 10%;
  bottom: -85px;
  z-index: 2;
}
.grid_item_brain_ai_image2 .grid_item_brain_ai_image_wordpress3 {
  animation: wordpressAnimation 7s infinite;
  position: absolute;
  left: 27%;
  bottom: -115px;
  z-index: 3;
}
.grid_item_brain_ai_image2 .grid_item_brain_ai_image_wordpress4 {
  animation: wordpressAnimation 5s infinite;
  position: absolute;
  right: 10%;
  z-index: 2;
  bottom: -85px;
}
.grid_item_brain_ai_image2 .grid_item_brain_ai_image_wordpress5 {
  animation: wordpressAnimation 3s infinite;
  position: absolute;
  right: 2%;
  z-index: 1;
  bottom: -30px;
}
@keyframes wordpressAnimation {
  0% {
  }
  50% {
    transform: rotateY(180deg);
  }
}
@keyframes rotate3D {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: rotateX(-30deg) rotateY(20deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(0deg);
  }
}
.grid_item_brain_ai_image_single_item span {
  color: #fff;
  font-family: "InstrumentSans-SemiBold";
  font-size: 14.862px;
  font-style: normal;
  line-height: 22.293px; /* 150% */
}
.grid_item_multilangual_chatbot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(6) img {
  max-width: 100px;
  max-height: 100px;
  padding: 20px;
  border-radius: 20px;
}
.m_revechat_grid_magic_image {
  display: flex;
  justify-self: center;
  align-items: center;
}
.m_revechat_ai_agent_forbetter_conversations
  .grid-item
  .m_revechat_grid_magic_image {
  position: relative;
  margin: 84px 0px 42px 0px;
  background-color: #fff;
  border-radius: 20px;
  max-width: 100px;
  max-height: 100px;
  animation: magicAnimation3 3s infinite;
  z-index: 100;
}
.m_revechat_ai_agent_forbetter_conversations
  .grid-item
  .m_revechat_grid_magic_image:after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 140%;
  height: 140%;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  animation: magicAnimation2 3s infinite;
  z-index: 100;
}
.m_revechat_ai_agent_forbetter_conversations
  .grid-item
  .m_revechat_grid_magic_image:before {
  content: "";
  position: absolute;
  top: -45px;
  left: -45px;
  width: 190%;
  height: 190%;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  animation: magicAnimation1 3s infinite;
  z-index: 100;
}

@keyframes magicAnimation1 {
  0% {
    width: 130%;
    height: 130%;
  }
  50% {
    width: 190%;
    height: 190%;
  }
  100% {
    width: 130%;
    height: 130%;
  }
}
@keyframes magicAnimation2 {
  0% {
    width: 100%;
    height: 100%;
    top: 30px;
    left: 30px;
  }
  50% {
    width: 140%;
    height: 140%;
    top: -20px;
    left: -20px;
  }
  100% {
    width: 100%;
    height: 100%;
    top: 30px;
    left: 30px;
  }
}
@keyframes magicAnimation3 {
  0% {
    margin-right: 0px;
  }
  50% {
    margin-right: 20px;
  }
  100% {
    margin-right: 0px;
  }
}

.m_revechat_assist_our_customer {
  margin: 8px 8px 0px 8px;
  position: relative;
}
.m_revechat_assist_our_customer h2{
  color: #FFF;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: -1.44px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_assist_our_customer p.new_description{
  color: #FDFDFD;
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 150%;
  margin: 0px;
  padding: 16px 0px 48px 0px;
}
.m_revechat_assist_our_customer .container-fluid{
  background-color: #0a021e;
  padding: 100px 0px 160px 0px;
  border-radius: 22px;
  position: relative;
  width: 100%;
  margin: auto;
  transform: scale(.5);
}
.m_revechat_assist_our_customer .container-fluid .row{
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.m_revechat_assist_our_customer .container-fluid:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 50%;
  height: 100%;
  background-image: url(../webp/everyting-you-need.webp);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0px 22px 0px 0px;
  transform: rotate(180deg);
  z-index: 1;
}
.m_revechat_assist_our_customer_slider{
  overflow: hidden;
}
.m_revechat_assist_our_customer #carouselPagination3{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}
.m_revechat_assist_our_customer #carouselPagination3 .pagination-dot3{
  width: 24%;
}
.pagination-dot3.active .m_revechat_assist_our_customer_first_row_single_item span {
  color: #fff;
  font-family: "InstrumentSans-Medium";
  font-size: 24px;
  font-style: normal;
  line-height: 32px; /* 133.333% */
  padding: 0px;
  margin: 0px;
}
.m_revechat_assist_our_customer_first_row_single_item span {
  color: var(--gray-light-mode-300, var(--colors-gray-light-mode-300, #D5D7DA));
  font-family: "InstrumentSans-Medium";
  font-size: 24px;
  font-style: normal;
  line-height: 30px; /* 150% */
  padding: 0px;
  margin: 0px;
}
.m_revechat_assist_our_customer_first_row_single_item p {
  color: var(--gray-light-mode-200, var(--colors-gray-light-mode-200, #e9eaeb));
  font-family: "InstrumentSans-Medium";
  font-size: 14px;
  font-style: normal;
  line-height: 160%; /* 142.857% */
  margin: 0px;
  padding: 12px 0px 16px 0px;
}
.m_revechat_assist_our_customer_first_row_single_item {
  border-bottom: 1px solid #3b3e44;
  position: relative;
  padding-bottom: 16px;
}
.m_revechat_assist_our_customer_first_row_single_item:hover{
  cursor: pointer;
}
/* .m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_first_row_single_item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; 
  height: 4px; 
  opacity: 0.4;
  background: #fff;
} */
/* .m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_first_row_single_item:nth-child(1):after {
  animation: expand1 3s linear 1s infinite;
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_first_row_single_item:nth-child(2):after {
  animation: expand1 3s linear 4s infinite;
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_first_row_single_item:nth-child(3):after {
  animation: expand1 3s linear 7s infinite;
} */
@keyframes expand1 {
  0% {
    width: 0%;
    opacity: 0.4;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item {
  border-radius: 24px;
  border: 0px solid rgba(255, 255, 255, 0.4);
  display: flex;
  padding: 42px 48px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  margin-top: 64px;
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item
  span {
  color: var(--Primary-Colors-White, #fff);
  font-family: "Plus Jakarta Sans";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px; /* 120% */
  letter-spacing: -1.2px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item
  p {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-Regular";
  font-size: 17px;
  padding: 0px;
  margin: 0px;
  font-style: normal;
  line-height: 30px; /* 150% */
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item1 {
    border-radius: 24px;
    border: 0px solid rgba(255, 255, 255, 0.40);
    background: #2DA8E5;
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item2 {
    border-radius: 24px;
    border: 0px solid rgba(255, 255, 255, 0.40);
    background: #2F5FE5;
}
.m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item3 {
    border-radius: 24px;
    border: 0px solid rgba(255, 255, 255, 0.40);
    background: #7632CE;
}
.m_revechat_assist_our_customer_third_row_single_item {
  display: flex;
  padding: 64px 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 32px;
background: #531DB7;
  margin-top: 16px;
}
.m_revechat_assist_our_customer_third_row_single_item p {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-Medium";
  font-size: 28px;
  font-style: normal;
  line-height: 140%; /* 50.4px */
}
.m_revechat_integration_with_your_software {
  border-radius: 22px;
  background: linear-gradient(180deg, #0A021E 3.59%, #948BFF 132.66%);
  margin: 12px 8px 0px 8px;
  text-align: center;
  position: relative;
  padding: 220px 0px;
  overflow: hidden;
}
.m_revechat_integration_with_your_software h2 {
  color: var(--Primary-Colors-White, #fff);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px; /* 125% */
  margin: 0px;
  padding: 0px;
}
.m_revechat_integration_with_your_software p {
  color: var(--Primary-Colors-White, #fff);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  line-height: 28px; /* 155.556% */
  margin: 0px;
  padding: 16px 0px 32px 0px;
}
.m_revechat_integration_with_your_software a, .m_revechat_integration_with_your_software a:hover, .m_revechat_integration_with_your_software a:focus {
  color: var(--Primary-Colors-Black, #253748);
  font-family: "InstrumentSans-Bold";
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  text-decoration: none;
  display: inline-block;
  padding: 12px 24px;
  border-radius: 10.636px;
  background: #fff;
}

.vertical-border {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.vertical-border1 {
  position: absolute;
  top: 0;
  width: 1px;
  height: 70%;
  background: linear-gradient(
    180deg,
    rgba(206, 200, 200, 0.3) 0%,
    rgba(221, 200, 200, 0) 100%
  );
}
.vertical-border2 {
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 50%;
  background: linear-gradient(
    180deg,
    rgba(246, 241, 241, 0) 0%,
    rgba(244, 242, 242, 0.2) 100%
  );
}
.vertical-border3 {
  position: absolute;
  top: 0;
  width: 1px;
  height: 50%;
  background: linear-gradient(75deg, rgb(241 199 199 / 0%) 0%, #ffffff89 100%);
}
.vertical-border4 {
  position: absolute;
  top: 0;
  width: 1px;
  height: 80%;
  opacity: .1;
  background: linear-gradient(75deg, rgb(241 199 199 / 0%) 0%, #ffffff89 100%);
}
.vertical-border5 {
  position: absolute;
  top: 0;
  width: 2px;
  height: 80%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.70) 0%, rgba(240, 248, 255, 0.70) 100%);
  z-index: 1;
}
.m_revechat_integration_with_your_software img {
  max-width: 80%;
}
.m_revechat_integration_logo_gallery:nth-child(1) {
  position: absolute;
  top: -100px;
  left: 5%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(2) {
  position: absolute;
  top: -250px;
  left: 15%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(3) {
  position: absolute;
  top: -360px;
  left: 5%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(4) {
  position: absolute;
  top: 0;
  left: 15%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(5) {
  position: absolute;
  top: -100px;
  right: 15%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(6) {
  position: absolute;
  top: -240px;
  right: 5%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(7) {
  position: absolute;
  top: 0;
  right: 5%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(8) {
  position: absolute;
  top: -320px;
  right: 15%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(9) {
  position: absolute;
  top: -560px;
  left: 5%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(10) {
  position: absolute;
  top: -500px;
  left: 15%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(11) {
  position: absolute;
  top: -460px;
  right: 5%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(12) {
  position: absolute;
  top: -525px;
  right: 15%;
  height: 100%;
}
.m_revechat_integration_logo_gallery:nth-child(1)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(1) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(2)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(2) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(3)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(3) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(4)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(4) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(5)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(5) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(6)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(6) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(7)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(7) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(8)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(8) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(9)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(9) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(10)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(10) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(11)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(11) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery:nth-child(12)
  .m_revechat_integration_logo_gallery_image {
  padding-bottom: 2.35em;
  animation: marqueeTop 10s linear infinite;
}

.m_revechat_integration_logo_gallery:nth-child(12) .gallery-h--tb {
  .m_revechat_integration_logo_gallery_image {
    animation: marqueeBottom 10s linear infinite;
  }
}
.m_revechat_integration_logo_gallery_img {
  padding-top: 65vh;
  max-width: 35vh;
  margin: 0 auto;
}
.m-revechat-gallery-h {
  overflow: hidden;
}

@keyframes marqueeTop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes marqueeBottom {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.m_revechat_happy_customer_voices {
  padding: 160px 0px;
  text-align: center;
  border-radius: 22px;
  background: #f3f4f4;
  margin: 12px 8px 0px 8px;
}
.m_revechat_happy_customer_voices span {
  color: #181c23;
  font-family: "InstrumentSans-Medium";
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
}
.m_revechat_happy_customer_voices h2 {
  color: #181c23;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 116.667% */
  letter-spacing: -0.96px;
  margin: 0px;
  padding: 0px 0px 64px 0px;
}
.m_revechat_happy_customer_voices .m_revechat_happy_customer_voices_slider {
  width: 90%;
  margin: auto;
  position: relative;
  overflow: scroll;
  border-radius: 24px;
  background: linear-gradient(
    94deg,
    rgba(255, 255, 255, 0.6) 4.42%,
    rgba(255, 255, 255, 0.5) 99.83%
  );
  padding: 0px 8px;
}
.m_revechat_happy_customer_voices
  .m_revechat_happy_customer_voices_slider::-webkit-scrollbar {
  width: 0px; /* Width of the vertical scrollbar */
  height: 0px; /* Height of the horizontal scrollbar */
}

.m_revechat_happy_customer_voices
  .m_revechat_happy_customer_voices_slider::-webkit-scrollbar-track {
  background: #fff; /* Scrollbar track color */
  border-radius: 0px; /* Optional: rounded corners */
}

.m_revechat_happy_customer_voices
  .m_revechat_happy_customer_voices_slider::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar thumb color */
  border-radius: 0px; /* Optional: rounded corners */
}
.m_revechat_happy_customer_voices
  .m_revechat_happy_customer_voices_slider::-webkit-scrollbar-thumb:hover {
  background: #fff; /* Thumb color when hovered */
}
.m_revechat_happy_customer_voices .carousel-slide {
  text-align: center;
  font-size: 24px;
  color: #333;
  padding: 8px 0px 30px 0px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 44px 0px 40px 0px;
  padding: 20px 0px 14px 0px;
  border-top: 1px solid #E0E0E0;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner span {
  color: #424242 !important;
  font-family: "InstrumentSans-SemiBold"!important;
  font-size: 30px !important;
  line-height: 44px; /* 146.667% */
  letter-spacing: -0.6px;
  text-align: left !important;
}
.m_revechat_happy_customer_voices
  .swiper-slide-inner-right-bottom-inner
  .swiper-slide-inner-right-bottom-inner-single-item
  p {
  color: #424242 !important;
  font-family: "InstrumentSans-Regular" !important;
  font-size: 14px !important;
  line-height: 20px !important; /* 142.857% */
  text-align: left !important;
  padding-right: 10px !important;
  padding-top: 0px;
}
.m_revechat_happy_customer_voices
  .swiper-slide-inner-right-bottom-inner
  .swiper-slide-inner-right-bottom-inner-single-item {
  position: relative;
  text-align: left;
  padding: 0px 20px 0px 0px;
}
.m_revechat_happy_customer_voices
  .swiper-slide-inner-right-bottom-inner
  .swiper-slide-inner-right-bottom-inner-single-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 71px;
  position: absolute;
  right: 20px;
  top: 0px;
  background: #e0e0e0;
}
.m_revechat_happy_customer_voices
  .swiper-slide-inner-right-bottom-inner
  .swiper-slide-inner-right-bottom-inner-single-item:last-child:after {
  display: none;
}

/* Swiper navigation buttons */
.m_revechat_happy_customer_voices .swiper-button-prev,
.m_revechat_happy_customer_voices .swiper-button-next {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 50%;
  font-size: 18px;
}

/* Custom pagination dots */
.m_revechat_happy_customer_voices .carousel-pagination {
  z-index: 1;
  display: flex;
  justify-content: space-between;
}

/* Pagination dot styles */
.m_revechat_happy_customer_voices .pagination-dot1, .m_revechat_happy_customer_voices .pagination-dot2 {
  display: inline-block;
  margin: 0 10px;
  padding: 5px 10px 30px 0px;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  color: #333;
  min-width: 120px;
}
.m_revechat_happy_customer_voices .pagination-dot1 img, .m_revechat_happy_customer_voices .pagination-dot1 img {
  max-width: 100%;
  filter: grayscale(100%);
}
/* .m_revechat_happy_customer_voices .pagination-dot1 img:last-child, .m_revechat_happy_customer_voices .pagination-dot2 img:last-child {
  display: none;
} */
.m_revechat_happy_customer_voices .pagination-dot1.active img, .m_revechat_happy_customer_voices .pagination-dot2.active img {
  filter: grayscale(100%);
}
.m_revechat_happy_customer_voices .pagination-dot1.active img:first-child, .m_revechat_happy_customer_voices .pagination-dot2.active img:first-child {
  filter: none;
}
/* Active pagination dot style */
.m_revechat_happy_customer_voices .pagination-dot1.active, .m_revechat_assist_our_customer .pagination-dot3.active  {
  position: relative;
}
.m_revechat_happy_customer_voices .pagination-dot1.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%; /* Initially, width is 0% */
  height: 4px; /* Adjust the height of the border */
  background: #8868C6;
  animation: expand 3s forwards; /* Animate the width */
}
.m_revechat_happy_customer_voices .pagination-dot2 {
  display: inline-block;
  margin: 0 10px;
  padding: 5px 10px 43px 0px;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  color: #333;
}
/* Active pagination dot style */
.m_revechat_happy_customer_voices .pagination-dot2.active {
  position: relative;
}
.m_revechat_happy_customer_voices .pagination-dot2.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%; /* Initially, width is 0% */
  height: 4px; /* Adjust the height of the border */
  opacity: 0.4;
  background: #181c23;
  animation: expand 3s forwards; /* Animate the width */
}
.m_revechat_assist_our_customer .pagination-dot3.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%; /* Initially, width is 0% */
  height: 4px; /* Adjust the height of the border */
  opacity: 1;
  background: #FFF;
  animation: expand 3s forwards; /* Animate the width */
}
.m_revechat_happy_customer_voices .swiper-slide-inner {
  display: flex;
  border-radius: 20px;
  background: #fff;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-left {
  width: 30%;
  display: flex;
  align-items: end;
  justify-content: start;
  background-image: url(../png/bg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px 0px 0px 20px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-left img {
  max-width: 100%;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right {
  width: 70%;
  padding: 0px 32px 0px 72px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right > p {
 min-height: 220px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right p {
  color: #253748;
  font-family: "InstrumentSans-Medium";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 150% */
  text-align: left;
  margin: 0px;
  padding: 54px 0px 16px 0px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right .swiper-slide-inner-right-inner-text p:nth-child(1) {
  color: #000;
  font-family: "InstrumentSans-SemiBold";
  font-size: 18px;
  font-style: normal;
  line-height: 28px; /* 155.556% */
  margin: 0px;
  padding: 0px 0px 0px 0px;
  min-height: auto;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right .swiper-slide-inner-right-inner-text p:nth-child(2) {
  color: #797979;
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 153.846% */
  margin: 0px;
  padding: 0px 0px 0px 0px;
  min-height: auto;
}
.swiper-slide-inner-right-inner-image{
  display: none;
 }
 .swiper-slide-inner-right-inner-image img{
  max-width: 100%;
  object-fit: contain;
  border-radius: 0px 0px 4px 4px;
 }
 .swiper-slide-inner-right-inner{
   display: flex;
   justify-content: start;
   align-items: center;
 }
 .swiper-slide-inner-right-inner-image{
  width: 64px;
  height: auto;
  margin-right: 20px;
 }
@keyframes expand {
  to {
    width: 100%; /* Expands the width to 100% */
  }
}
.m_revechat_footer_top_banner {
  padding: 160px 0px;
  margin: 12px 8px 0px 8px;
  border-radius: 22px;
  background-image: url(../webp/frame%201171275744.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-color: #f6f6f6;
  position: relative;
}
.m_revechat_footer_top_banner.sticky {
  position: sticky;
  bottom: 0;
  z-index: -1;
}
.m_revechat_footer_top_banner h2 {
 color: var(--gray-light-mode-900-section-header, #181D27);
text-align: center;
font-family: "Plus Jakarta Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 57.6px */
  padding: 0px 0px 24px 0px;
  margin: 0px;
}
.m_revechat_footer_top_banner p {
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  text-align: center;
  font-family: "InstrumentSans-Medium";
  font-size: 20px;
  font-style: italic;
  line-height: 30px; /* 150% */
  padding: 24px 0px 40px 0px;
  margin: 0px;
}
/* Footer Design Here  */
.revechat_main_footer .navbar {
  display: flex;
  align-items: start;
  padding: 0px 0px 64px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 64px;
}
.revechat_main_footer .navbar h4 {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-SemiBold";
  font-size: 18px;
  font-style: normal;
  line-height: 28px; /* 155.556% */
  margin: 0px;
  padding: 0px 0px 16px 0px;
}
.revechat_main_footer .navbar ul {
  margin: 0px;
  padding: 0px;
}
.revechat_main_footer .navbar ul li {
  list-style: none;
  padding: 4px 0px;
}
.revechat_main_footer .navbar ul li a {
  color: #e5e5e5;
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-weight: 400!important;
  font-style: normal;
  line-height: 22px; /* 157.143% */
  text-decoration: none;
}

.revechat_main_footer .nav5 ul.revechat_footer_contact li img {
  padding-right: 5px;
}
.revechat_main_footer .nav5 ul.revechat_footer_contact li:nth-child(2) {
  padding-left: 25px;
}
.revechat_main_footer .nav5 ul.revechat_footer_contact li:nth-child(3) {
  padding-left: 25px;
}
footer.revechat_main_footer {
  border-radius: 22px;
  background: #0A0D12;
  margin: 8px;
  padding: 128px 0px 100px 0px;
}
.revechat_footer_social_media h4 {
  padding-left: 10px;
}
.revechat_footer_social_media ul {
  display: flex;
  justify-content: space-between;
}
ul.revechat_footer_certi {
  display: block;
}
ul.revechat_footer_certi li:first-child img {
  padding-top: 20px;
}
.revechat_main_footer p {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  margin: 0px;
  padding: 0px 0px 10px 0px;
}
.revechat_footer_privacypolicy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.revechat_footer_privacy_policy_inner {
  display: flex;
}
.revechat_footer_privacy_policy_inner_left {
  padding-right: 20px;
}
.revechat_main_footer ul.revechat_footer_privacy_policy {
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 0px;
  padding: 0px;
}
.revechat_main_footer ul.revechat_footer_privacy_policy li {
  list-style: none;
  padding-right: 24px;
}
.revechat_main_footer ul.revechat_footer_privacy_policy li a {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  position: relative;
}
.revechat_main_footer ul.revechat_footer_privacy_policy li:last-child a:after {
  display: none;
}
.revechat_main_footer ul.revechat_footer_privacy_policy li a:after {
  content: "";
  position: absolute;
  top: 3px;
  right: -13px;
  width: 1px;
  height: 16px;
  background: #d6d6d6;
}
.revechat_main_footer_tel_email ul {
  padding: 0px;
  margin: 0px;
}
.revechat_main_footer_tel_email ul li {
  list-style: none;
}
.revechat_main_footer_tel_email_inner{
  display: flex;
  align-items: center;
}
.revechat_main_footer_tel_email_inner_right{
 padding-left: 10px;
}
.revechat_main_footer_tel_email ul li:nth-child(1) {
  padding: 0px 0px 7px 0px;
}
.revechat_main_footer_tel_email ul li a {
  color: var(--Primary-Colors-White, #fff);
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  text-decoration: none;
  font-weight: 400!important;
}
.revechat_main_footer_tel_email ul li a img {
  margin-right: 8px;
}
.revechat_main_footer_tel_email ul li a img,
.revechat_main_footer_social_icon ul li a img {
  max-width: 100%;
  width: 20px;
  height: 20px;
}
.revechat_main_footer_social_icon ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.revechat_main_footer_social_icon ul li {
  list-style: none;
}
.revechat_main_footer_social_icon ul li a {
  padding: 0px 16px 0px 0px;
}

.m_revechat_unifired_inbox .container-fluid,
.m_revechat_ai_agent_forbetter_conversations .container-fluid {
  max-width: 65%;
}
.m_revechat_happy_customer_voices #carouselPagination2 {
  display: none;
}
.m_revechat_integration_with_your_software_mobile_icon{
  display: none;
}
.m_revechat_integration_with_your_software{
  padding: 0px;
}
.m_revechat_integration_with_your_software .swiper {
  width: 100%;
  height: 80vh;
}
.m_revechat_integration_with_your_software .swiper-wrapper {
  transition-timing-function: linear !important;
}
.m_revechat_integration_with_your_software .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
.m_revechat_integration_with_your_software .content-block {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m_revechat_integration_with_your_software .m_revechat_swiper2{
padding-right: 50%;
}
.m_revechat_integration_with_your_software .m_revechat_swiper3 {
padding-left: 50%;
}
@media only screen and (max-width: 1640px) {
  .m_revechat_home2_slider .swiper-button-prev:after{
    right: 140px!important;
  }
  .m_revechat_home2_slider .swiper-button-next:after {
    right: -160px!important;
  }
  .m_revechat_integration_with_your_software p br{
    display: none;
  }
}
@media only screen and (max-width: 1540px) {
  .m_revechat_unifired_inbox .container-fluid,
  .m_revechat_ai_agent_forbetter_conversations .container-fluid {
    max-width: 80%;
  }
  .m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item {
  padding: 32px;
}
  .m_revechat_home2_hero_section_banner_video_inner:after {
    top: -50px;
    right: -100px;
    width: 50%;
    height: 60%;
  }
  .m_revechat_integration_with_your_software img {
    max-width: 80%;
  }
  .m_revechat_integration_with_your_software{
    padding: 0px 0px;
  }
  .m_revechat_integration_logo_gallery_img {
    padding-top: 75vh;
    max-width: 35vh;
    margin: 0 auto;
  }
  .m_revechat_home2_slider .carousel-slide img {
    max-width: 870px;
    object-fit: contain;
}
.m_revechat_assist_our_customer .container-fluid .row{
  width: 90%;
}
}
@media only screen and (max-width: 1440px) {
  .m_revechat_home2_hero_section{
    padding: 120px 0px 0px 0px;
  }
  .m_revechat_home2_hero_section_banner_video_inner{
    padding-top: 70px;
  }
  .m_revechat_unifired_inbox .container-fluid,
  .m_revechat_ai_agent_forbetter_conversations .container-fluid {
    max-width: 80%;
  }
  .m_revechat_home2_hero_section_banner_video_inner:after {
    top: -50px;
    right: -60px;
    width: 50%;
    height: 60%;
  }
  .m_revechat_integration_with_your_software img {
    max-width: 74%;
  }
  .m_revechat_integration_with_your_software{
    padding: 0px 0px;
  }
  .m_revechat_integration_logo_gallery_img {
    padding-top: 75vh;
    max-width: 35vh;
    margin: 0 auto;
  }
  .m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item {
  padding: 36px;
}
.m_revechat_home2_hero_section{
  padding: 120px 0px 0px 0px;
}
.m_revechat_home2_hero_section_banner_video_inner{
  padding-top: 30px;
}
.m_revechat_home2_slider .swiper-button-prev:after{
  right: 80px!important;
}
.m_revechat_home2_slider .swiper-button-next:after {
  right: -100px!important;
}
.m_revechat_assist_our_customer .container-fluid .row{
  width: 100%;
}
.m_revechat_integration_with_your_software p br{
  display: none;
}
}
@media only screen and (max-width: 1386px) {
  .m_revechat_unifired_inbox .container-fluid,
  .m_revechat_ai_agent_forbetter_conversations .container-fluid {
    max-width: 90%;
  }
  .m_revechat_assist_our_customer
    .m_revechat_assist_our_customer_second_row_single_item {
    padding: 40px;
  }
  .m_revechat_integration_with_your_software img {
    max-width: 70%;
  }
 
  .m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item {
  padding: 32px;
}
.m_revechat_home2_hero_section{
  padding: 120px 0px 0px 0px;
}
.m_revechat_home2_hero_section_banner_video_inner{
  padding-top: 30px;
}
.m_revechat_home2_hero_section h1{
  font-size: 72px;
}
.m_revechat_integration_with_your_software{
  padding: 0px 0px;
}
.m_revechat_integration_logo_gallery_img {
  padding-top: 80vh;
  max-width: 35vh;
  margin: 0 auto;
}
.m_revechat_home2_slider .swiper-button-prev:after{
  right: 100px!important;
}
.m_revechat_home2_slider .swiper-button-next:after {
  right: -125px!important;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner{
  margin: 32px 0px;
}
.m_revechat_assist_our_customer .container-fluid .row{
  width: 100%;
}
.m_revechat_integration_with_your_software .m_revechat_swiper2 {
  padding-right: 0%;
}
.m_revechat_integration_with_your_software .m_revechat_swiper3 {
  padding-left: 0%;
}
.m_revechat_integration_with_your_software p br{
  display: none;
}
}
@media only screen and (max-width: 1269px) {
  .m_revechat_integration_with_your_software img {
    max-width: 64%;
  }
  .m_revechat_integration_with_your_software{
    padding: 0px 0px;
  }
  .m_revechat_integration_logo_gallery_img {
    padding-top: 85vh;
    max-width: 35vh;
    margin: 0 auto;
  }
  .m_revechat_home2_slider .carousel-slide img {
    max-width: 850px;
    object-fit: contain;
}
  .m_revechat_assist_our_customer
  .m_revechat_assist_our_customer_second_row_single_item {
  padding: 20px;
}
.m_revechat_home2_slider .swiper-button-prev:after{
  right: 125px!important;
}
.m_revechat_home2_slider .swiper-button-next:after {
  right: -150px!important;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right {
  padding: 0px 12px 0px 22px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right p {
  padding: 24px 0px 16px 0px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right p:nth-child(1) {
min-height: 220px;
}
.m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner{
  margin: 22px 0px;
}
}
@media only screen and (max-width: 1199px) {
  /* .m_revechat_blog_details_page .container-fluid{
    width: 70%;
  } */
  .m_revechat_blog_details_table_of_content {
    max-width: 260px;
    min-width: 260px;
  }
  .m_revechat_unifired_inbox .container-fluid,
  .m_revechat_ai_agent_forbetter_conversations .container-fluid {
    max-width: 100%;
  }
  .m_revechat_assist_our_customer
    .m_revechat_assist_our_customer_second_row_single_item {
    padding: 20px;
  }
  .m_revechat_assist_our_customer
    .m_revechat_assist_our_customer_second_row_single_item
    p {
    font-size: 18px;
  }
  .m_revechat_home2_hero_section {
    padding: 120px 0px 0px 0px;
  }
  .m_revechat_happy_customer_voices .carousel-pagination {
    transform: translateX(0%);
  }
  .m_revechat_integration_with_your_software img {
    max-width: 64%;
  }
  
  .m_revechat_dropdown_menu_one {
    width: 165%;
  }
  .m_revechat_main_header_inner_left_nav ul li > span {
    padding: 0px 16px;
  }
  .m_revechat_home2_slider .swiper-button-prev:after{
    right: 170px!important;
  }
  .m_revechat_home2_slider .swiper-button-next:after {
    right: -190px!important;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right {
    padding: 0px 12px 0px 22px;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right p {
    padding: 24px 0px 16px 0px;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right p:nth-child(1) {
  min-height: 220px;
  font-size: 16px;
  line-height: 24px;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner{
    margin: 14px 0px;
  }
  .m_revechat_mwc_banner{
    width: 90%;
  }
}
@media only screen and (max-width: 991px) {
  .m_revechat_unifired_inbox .grid-container,
  .m_revechat_ai_agent_forbetter_conversations .grid-container {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 16px; /* Adjust gap between columns and rows as needed */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(1),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(1) {
    grid-column: 1; /* First column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(2),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(2) {
    grid-column: 2; /* Second column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(3),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(3) {
    grid-column: 1; /* First column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(4),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(4) {
    grid-column: 2; /* Second column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(5),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(5) {
    grid-column: 1; /* First column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(6),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(6) {
    grid-column: 2; /* Spans both columns */
  }
  .m_revechat_home2_slider p br,
  .m_revechat_home2_slider h2 br,
  .m_revechat_unifired_inbox h2 br,
  .m_revechat_ai_agent_forbetter_conversations h2 br,
  .m_revechat_integration_with_your_software h2 br,
  .m_revechat_happy_customer_voices h2 br,
  .m_revechat_footer_top_banner h2 br,
  .m_revechat_unifired_inbox p br,
  .m_revechat_ai_agent_forbetter_conversations p br {
    display: none;
  }
  .m_revechat_home2_slider .carousel-slide img{
    max-width: 100%;
  }
  .m_revechat_home2_slider .swiper-button-next, .m_revechat_home2_slider .swiper-button-prev{
    top: 85%!important;
  }
  .m_revechat_home2_slider .swiper-button-prev:after, .m_revechat_home2_slider .swiper-button-next:after {
    right: 0px!important;
  }
  .m_revechat_home2_hero_section p br{
    display: none;
  }
  .m_revechat_mwc_banner_inner_right_inner_left span{
    font-size: 12px;
  }
  .m_revechat_mwc_banner_inner_right_inner{
    padding: 0px 8px;
  }
  .revechat_main_footer ul.revechat_footer_privacy_policy li a:after{
    display: none;
  }
  .m_revechat_blog_page_banner_inner_top_categories_inner_left ul li a, .m_revechat_blog_page_banner_inner_top_categories_inner_right ul li a, .m_revechat_categories_dropdown_selected{
    text-wrap: nowrap;
  }
  .m_revechat_integration_with_your_software .m_revechat_swiper1, .m_revechat_integration_with_your_software .m_revechat_swiper2, .m_revechat_integration_with_your_software .m_revechat_swiper3, .m_revechat_integration_with_your_software .m_revechat_swiper4{
    display: none;
  }
  .m_revechat_integration_with_your_software_mobile_icon_inner_column_one, .m_revechat_integration_with_your_software_mobile_icon_inner_column_two, .m_revechat_integration_with_your_software_mobile_icon_inner_column_three,.m_revechat_integration_with_your_software_mobile_icon_inner_column_four{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_revechat_integration_with_your_software_mobile_icon{
    display: block;
  }
.m_revechat_integration_with_your_software_mobile_icon_inner{
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_revechat_integration_with_your_software_mobile_icon_inner img{
  width: 48px;
  height: auto;
  margin-top: 40px;
}

.m_revechat_integration_with_your_software_mobile_icon_inner_column_two, .m_revechat_integration_with_your_software_mobile_icon_inner_column_four{
  margin-top: 50px;
}
.m_revechat_integration_with_your_software .content-block{
  height: auto;
}
.m_revechat_integration_with_your_software{
  padding: 57px 0px;
}
.revechat_start_free_trail_clm_btn button[type="submit"], .revechat_start_free_trail_clm_btn a, .revechat_start_free_trail_clm_btn a:hover, .revechat_start_free_trail_clm_btn a:focus{
  padding: 16px 20px;
} 
}

@media only screen and (max-width: 769px) {
  .m_revechat_blog_details_table_of_content {
    max-width: 100%;
    min-width: 260px;
    margin-bottom: 28px;
  }
  .m_revechat_home2_hero_section {
    padding: 110px 0px 0px 0px;
  }
  .m_revechat_home2_hero_section h1 {
    font-size: 32px;
    line-height: 130%;
  }
  .m_revechat_home2_hero_section h1 img{
max-width: 8%;
  }
  .m_revechat_home2_hero_section_banner_video_inner:after {
    right: 0px;
    top: -20px;
    width: 50%;
    height: 60%;
  }
  .revechat_text_container h2 {
    font-size: 24px;
    line-height: 140%;
  }
  .revechat_text_animation_section.textAnimationSection
    .revechat_text_container {
    height: auto;
  }
  .m_revechat_main_header_inner_mobile_logo {
    width: 96%;
  }
  .m_revechat_blog_details_page{
    padding: 110px 0px 0px 0px;
  }
  .m_revechat_main_header_inner {
    width: 96%;
  }
  .revechat_reveal_text.sticky {
    transform: scale(0.8);
  }
  .m_revechat_home2_slider .container-fluid,.m_revechat_assist_our_customer .container-fluid, .m_revechat_integration_with_your_software{
    border-radius: 0px;
  }
  .m_revechat_home2_slider{
    padding: 0px;
  }
  .m_revechat_home2_hero_section_banner_video .revechat_customer_logo_lider img {
    max-width: 25%;
    padding: 10px 10px;
    height: auto;
}
  .revechat_main_footer .navbar .nav1,
  .revechat_main_footer .navbar .nav2,
  .revechat_main_footer .navbar .nav3,
  .revechat_main_footer .navbar .nav4,
  .revechat_main_footer .navbar .nav5 {
    width: 33%;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner {
    display: inherit;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-left {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right {
    width: 100%;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner span{
    overflow: hidden;
color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27))!important;
text-overflow: ellipsis;
font-family: "Plus Jakarta Sans"!important;
font-size: 16px!important;
font-style: normal;
font-weight: 700!important;
line-height: 130%; /* 20.8px */
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right-bottom-inner .swiper-slide-inner-right-bottom-inner-single-item p{
    overflow: hidden;
color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651))!important;
text-overflow: ellipsis;
font-family: "InstrumentSans-Regular" !important;
font-size: 12px!important;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
  }
  .m_revechat_happy_customer_voices .carousel-slide{
    padding: 8px 0px 0px 0px;
  }
  .m_revechat_integration_with_your_software
    .m_revechat_integration_logo_gallery {
    z-index: -1;
  }
  .m_revechat_integration_with_your_software h2,
  p {
    z-index: 100;
  }
  .m_revechat_home2_slider h2,
  .m_revechat_unifired_inbox h2,
  .m_revechat_ai_agent_forbetter_conversations h2,
  .m_revechat_integration_with_your_software h2,
  .m_revechat_happy_customer_voices h2,
  .m_revechat_footer_top_banner h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 44px; /* 122.222% */
    letter-spacing: -1.08px;
    text-align: center;
  }
  .m_revechat_home2_slider p br,
  .m_revechat_unifired_inbox p br,
  .m_revechat_ai_agent_forbetter_conversations p br,
  .m_revechat_integration_with_your_software p br,
  .m_revechat_happy_customer_voices p br,
  .m_revechat_footer_top_banner p br {
    display: none;
  }
  .m_revechat_home2_slider p,
  .m_revechat_unifired_inbox p,
  .m_revechat_ai_agent_forbetter_conversations p,
  .m_revechat_integration_with_your_software p,
  .m_revechat_happy_customer_voices p,
  .m_revechat_footer_top_banner p {
    font-size: 14px;
  }
  .m_revechat_assist_our_customer #carouselPagination3{
    justify-content: space-around;
  }
  .m_revechat_assist_our_customer_first_row_single_item span {
    font-size: 14px;
  }
  .pagination-dot3.active .m_revechat_assist_our_customer_first_row_single_item span{
    font-size: 14px;
  }
  .m_revechat_home2_hero_section p {
    padding: 20px 0px 16px 0px;
    font-size: 14px;
  }
  .m_revechat_home2_hero_section_banner_review {
    padding-top: 16px;
  }
  .m_revechat_home_banner_video_btn {
    top: 45%;
    left: 40%;
  }
  .m_revechat_home_banner_video_btn img{
 max-width: 70%;
  }
  .m_revechat_assist_our_customer .m_revechat_assist_our_customer_second_row_single_item, .m_revechat_assist_our_customer_third_row_single_item{
    padding: 12px 16px;
    border-radius: 16px;
  }
.m_revechat_assist_our_customer_third_row_single_item{
  min-height: 255px;
}
.m_revechat_assist_our_customer_first_row_single_item{
  margin-bottom: 4px;
}
  .m_revechat_assist_our_customer, .m_revechat_integration_with_your_software{
    margin: 0px;
  }
  #m_revechat_home2_slider_inner2 .col-sm-12{
    padding: 0px 6px;
  }
  .m_revechat_home2_hero_section p br {
    display: none;
  }
  .m_revechat_home2_hero_section_banner_video_inner {
    padding-top: 30px;
  }
  .m_revechat_home2_slider p{
    padding: 20px 0px 32px 0px;
  }
  
  .m_revechat_home2_hero_section_banner_video .marquee-container {
    margin: 32px 0px 48px 0px;
  }
  .revechat_text_animation_section {
    padding: 40px 0px;
  }
  .revechat_text_container{
    height: 100vh;
  }
  .revechat_text_animation_section .sticky {
    top: 25%;
  }
  .ignore-me-inner{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 25px;
  }
  .revechat_text_container .ignore-me1 img {
    max-width: 40px;
    position: absolute;
    top: -5px;
    left: -0px;
    margin: 0px;
}
.revechat_text_container .ignore-me2 img {
  max-width: 50px;
  position: absolute;
  left: 0;
  top: -8px;
}
.revechat_text_container .ignore-me3 img {
  max-width: 50px;
        margin-bottom: 8px;
        position: absolute;
        left: 0px;
        top: -8px;
}
.m_revechat_home2_slider .container-fluid {
  padding-top: 64px;
  max-width: 100%;
}
.m_revechat_unifired_inbox p, .m_revechat_ai_agent_forbetter_conversations p{
  font-size: 16px;
}
.m_revechat_unifired_inbox .grid-item.reveal, .m_revechat_ai_agent_forbetter_conversations .grid-item.reveal1 {
  min-height: 450px;
}
.m_revechat_unifired_inbox .grid-item:nth-child(1), .m_revechat_unifired_inbox .grid-item:nth-child(6), .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(1){
  position: relative;
}
.m_revechat_unifired_inbox .grid-item:nth-child(1) img, .m_revechat_unifired_inbox .grid-item:nth-child(6) img, .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(1) img{
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.m_revechat_unifired_inbox .grid-item:nth-child(5) img{
  padding: 34px 0px 0px 26px;
  width: 92%!important;
}
.m_revechat_unifired_inbox .grid-item:nth-child(6) img{
  min-height: 313px;
}
.grid_item_brain_ai_image_inner {
  top: -70px;
}
.grid_item_multilangual_chatbot img{
  max-width: 100%;
}
.m_revechat_unifired_inbox_learn_more_btn a{
  font-size: 14px;
  padding: 10px 20px;
}
.vertical-border{
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.m_revechat_unifired_inbox .grid-item:nth-child(3) img.bentobg{
  width: 100%;
}
.vertical-border1{
  display: none;
}
.grid_item_brain_ai_image_single_item_inner{
  padding-left: 10%;
  padding-top: 5%;
}
.grid_item_brain_ai_image_iiner img:nth-child(2){
  left: 15%;
}
.m_revechat_assist_our_customer .m_revechat_assist_our_customer_second_row_single_item span{
  font-size: 32px;
  line-height: 42px;
}
.m_revechat_assist_our_customer .m_revechat_assist_our_customer_second_row_single_item p{
  font-size: 14px;
}
.m_revechat_assist_our_customer .container-fluid .row{
  width: 100%;
}
.m_revechat_assist_our_customer .container-fluid{
  padding: 64px 0px;
}
.grid_item_brain_ai_image2 .grid_item_brain_ai_image_wordpress3{
  left: 32%;
}
  .m_revechat_assist_our_customer_third_row_single_item p {
    font-size: 20px;
  }
  footer.revechat_main_footer {
    padding: 0px;
  }
  .nav-column {
    min-width: 50%;
  }
  .revechat_main_footer ul.revechat_footer_privacy_policy {
    margin: 0px;
    padding: 0px;
    justify-content: left;
  }
  .revechat_main_footer ul.revechat_footer_privacy_policy li {
    padding-right: 10px;
    padding-left: 0px;
  }
  .revechat_main_footer ul.revechat_footer_privacy_policy li a {
    font-size: 12px;
  }
  .revechat_main_footer .navbar ul li a {
    font-size: 14px;
  }
  .revechat_main_footer .navbar ul li {
    list-style: none;
    padding: 2px 0px;
  }
  .revechat_main_footer .navbar h4 {
    font-size: 16px;
    padding-top: 64px;
  }
  .revechat_main_footer p {
    font-size: 14px;
    margin: 0px;
  }
  .m_revechat_home2_hero_section_banner_video .marquee-container::before,
  .m_revechat_home2_hero_section_banner_video .marquee-container::after {
    display: none;
  }
  .revechat_text_container img {
    max-width: 30px;
  }
  .m_revechat_unifired_inbox,
  .m_revechat_ai_agent_forbetter_conversations,
  .m_revechat_integration_with_your_software,
  .m_revechat_happy_customer_voices,
  .m_revechat_footer_top_banner {
    padding: 64px 0px;
  }
  .m_revechat_assist_our_customer{
    padding: 64px 0px 12px 0px;
  }
  .m_revechat_happy_customer_voices span {
    font-size: 13px;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-right {
    padding: 0px 16px 0px 16px;
  }
  .m_revechat_happy_customer_voices h2 {
    padding: 0px 0px 44px 0px;
  }
  .m_revechat_happy_customer_voices .carousel-pagination {
    position: relative;
    overflow: scroll;
    transform: translateX(0%);
    display: flex;
  }
  .m_revechat_happy_customer_voices .swiper-slide-inner-left {
    display: none;
  }
  .swiper-slide-inner-right-inner-image{
    display: block;
    background-image: url(../png/bg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  }
  .m_revechat_happy_customer_voices #carouselPagination2 .pagination-dot2 {
    padding: 10px;
  }
  .m_revechat_happy_customer_voices #carouselPagination2 .pagination-dot2 img{
    max-width: 100px!important;
  }
  .m_revechat_happy_customer_voices #carouselPagination2{
    display: flex;
    margin-bottom: 40px;
  }
  .m_revechat_happy_customer_voices .m_revechat_happy_customer_voices_slider {
    overflow-x: clip;
    overflow-y: visible;
  }
  .m_revechat_assist_our_customer
    .m_revechat_assist_our_customer_second_row_single_item {
    margin-top: 16px;
  }
  .m_revechat_home2_slider .carousel-pagination::before, .m_revechat_home2_slider .carousel-pagination::after{
    display: none;
  }
  .m_revechat_home2_slider .carousel-pagination{
    justify-content: start;
  }
  .m_revechat_home2_slider .carousel-slide{
    padding: 32px 0px 140px 0px;
  }
 
  .m_revechat_home2_slider .swiper-button-next{
    left: 60%;
  }
  .m_revechat_home2_slider .swiper-button-prev{
    left: 40%!important;
  }
  .m_revechat_last_published_blog .container, .m_revechat_last_featured_blog .container, .m_revechat_industries_and_all_blog .container{
    width: 100%;
  }

  .m_revechat_last_featured_blog img, .m_revechat_industries_and_all_blog img, .m_revechat_blog_page_search_results img {
    min-height: auto;
  }
  .m_revechat_last_featured_blog_innner{
    margin-bottom: 24px;
  }
  .m_revechat_blog_details_page .container-fluid{
    width: 100%;
  }
  .m_revechat_unifired_inbox, .m_revechat_ai_agent_forbetter_conversations{
    margin: 0px 0px;
    border-radius: 0px;
  }
   .m_revechat_ai_agent_forbetter_conversations .grid-item video{
    position: absolute;
    bottom: 6px;
  }
  .m_revechat_assist_our_customer_first_row_single_item{
    padding-bottom: 6px;
  }
  .m_revechat_happy_customer_voices, .m_revechat_footer_top_banner, footer.revechat_main_footer{
    margin: 0px 0px 0px;
    border-radius: 0px;
  }
  footer.revechat_main_footer{
    padding-bottom: 70px;
  }
  .m_revechat_happy_customer_voices .m_revechat_happy_customer_voices_slider{
    width: 100%;
  }
  .m_revechat_happy_customer_voices .pagination-dot1{
    padding: 5px 10px 16px 0px;
  }
  .m_revechat_home2_hero_section_business_partner p{
    font-size: 11px;
  }
  .revechat_main_footer .navbar{
    padding: 0px 0px 24px 12px;
    margin-bottom: 24px;
  }
.m_revechat_blog_page_banner_inner_top_categories_inner_left{
  overflow-x: scroll;
}
.m_revechat_blog_page_banner_inner_top_categories_inner_left ul{
  padding-left: 0px!important;
}
}
@media only screen and (max-width: 569px) {
  .m_revechat_unifired_inbox .grid-container,
  .m_revechat_ai_agent_forbetter_conversations .grid-container {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    gap: 12px; /* Adjust gap between columns and rows as needed */
    width: 100%;
  }
.m_revechat_unifired_inbox, .m_revechat_ai_agent_forbetter_conversations{
  margin: 0px 0px;
}
  .m_revechat_unifired_inbox .grid-item,
  .m_revechat_ai_agent_forbetter_conversations .grid-item {
    min-height: 450px;
    max-width: 100%;
  }
  .m_revechat_unifired_inbox .grid-item:nth-child(1),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(1) {
    grid-column: 1; /* First column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(2),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(2) {
    grid-column: 1; /* Second column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(3),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(3) {
    grid-column: 1; /* First column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(4),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(4) {
    grid-column: 1; /* Second column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(5),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(5) {
    grid-column: 1; /* First column */
  }

  .m_revechat_unifired_inbox .grid-item:nth-child(6),
  .m_revechat_ai_agent_forbetter_conversations .grid-item:nth-child(6) {
    grid-column: 1; /* Spans both columns */
  }
  .revechat_main_footer .navbar .nav1,
  .revechat_main_footer .navbar .nav2,
  .revechat_main_footer .navbar .nav3,
  .revechat_main_footer .navbar .nav4,
  .revechat_main_footer .navbar .nav5 {
    width: 48%;
    text-align: left;
  }
  .revechat_footer_privacy_policy_inner {
    padding-bottom: 30px;
  }
  .revechat_footer_privacy_policy_inner {
    display: block;
  }
  .m_revechat_assist_our_customer
    .m_revechat_assist_our_customer_second_row_single_item {
    margin-top: 16px;
  }
  .m_revechat_assist_our_customer_first_row_single_item span {
    font-size: 12px;
  }
  .pagination-dot3.active .m_revechat_assist_our_customer_first_row_single_item span{
    font-size: 12px;
  }
  .m_revechat_categories_dropdown_selected {
    min-width: 155px;
}
}
@media only screen and (max-width: 391px) {
.revechat_main_footer ul.revechat_footer_privacy_policy li a{
  font-size: 11px;
}
}
.m_revechat_mwc_banner{
  width: 75%;
  margin: auto;
  position: relative;
  z-index: 10;
  padding-bottom: 70px;
}
.m_revechat_mwc_banner_inner{
  display: flex;
  justify-content: center;
  align-items: stretch;
  box-shadow: 0px 7px 25px 0px rgba(67, 77, 101, 0.14);
  border-radius: 16px;
}
.m_revechat_mwc_banner_inner_left{
  width: 30%;
  border-radius: 16px 0px 0px 16px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 153px;
}
.m_revechat_mwc_banner_inner_left img{
max-width: 100%;
}
.m_revechat_mwc_banner_inner_left img:last-child{
 position: absolute;
 bottom: 0px;
 left: 0px;
}
.m_revechat_mwc_banner_inner_right{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 70%;
  border-radius: 0px 16px 16px 0px;
}
.m_revechat_mwc_banner_inner_right img{
background-color: #FFF;
max-width: 100%;
border-radius: 12px;
}
.m_revechat_mwc_banner_inner_right_inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 153px;
  padding: 0px 34px 0px 40px;
}
.m_revechat_mwc_banner_inner_right_inner_left span{
  display: flex;
  justify-content: left;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DDEEFB;
  background: rgba(221, 238, 251, 0.14);
  backdrop-filter: blur(2px);
color: #FFF;
font-family: "Parkinsans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
padding: 10px 15px;
margin: 5px 0px;
}
.m_revechat_mwc_banner_inner_right_inner span svg{
padding-right: 4px;
}
.m_revechat_mwc_banner_inner_right_inner_left span:first-child svg:last-child{
margin-left: 20px;
}
.m_revechat_mwc_banner_inner_right_inner_right a, .m_revechat_mwc_banner_inner_right_inner_right a:hover, .m_revechat_mwc_banner_inner_right_inner_right a:focus{
  display: flex;
  padding: 8px 17px 8px 20px;
  align-items: center;
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
  font-family: "InstrumentSans-SemiBold";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 212.5% */
text-decoration: none;
border-radius: 8px;
background: var(--Primary-Colors-White, #FFF);
}
.m_revechat_mwc_banner_inner_right_inner_right a svg{
margin-left: 8px;
}


@media screen and (max-width: 991px) {
  .m_revechat_mwc_banner{
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .m_revechat_mwc_banner{
    width: 100%;
  }
  .m_revechat_mwc_banner_inner{
    display: block;
  }
  .m_revechat_mwc_banner_inner_left{
    width: 100%;
    border-radius: 16px 16px 0px 0px;
  }
  .m_revechat_mwc_banner_inner_right{
    width: 100%;
    border-radius: 0px 0px 16px 16px;
  }
  .m_revechat_mwc_banner_inner_right_inner_left span{
    padding: 7px 12px; 
    font-size: 12px;
  }
  .m_revechat_mwc_banner_inner_right_inner{
    display: inherit;
    padding: 24px 12px;
  }
  .m_revechat_mwc_banner_inner_right_inner_right a, .m_revechat_mwc_banner_inner_right_inner_right a:hover, .m_revechat_mwc_banner_inner_right_inner_right a:focus{
    display: inline-block;
    margin-top: 12px;
  }
}
@media screen and (max-width: 469px) {
  .m_revechat_mwc_banner_inner_right_inner_left span{
    padding: 5px 10px; 
    font-size: 10px;
  }
}
/* Home page deisgn end here  */

/* ABOUT US PAGE DESIGN START HERE  */
.m_revechat_home2_about_section {
  background-image: url(../png/about-banner.png);
  background-repeat: no-repeat;
  background-size: auto; /* Use 'auto' to retain image proportions */
  background-position: center;
  border-radius: 22px;
  margin: 8px;
  height: 80vh;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
}
.sticky_box_single_itm_title_year{
  display: none;
}
.m_revechat_home2_about_section_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 24px;
  background: linear-gradient(
    90deg,
    rgba(249, 252, 255, 0.6) 23.99%,
    rgba(220, 240, 255, 0.66) 76%,
    rgba(249, 252, 255, 0.4) 100%
  );
  backdrop-filter: blur(15px);
  padding: 16px;
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
}
.m_revechat_home2_about_section_inner_single_item {
  width: 24%;
  padding: 20px 32px 24px 32px;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
}
.m_revechat_home2_about_section_inner_single_item h2 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px; /* 120% */
  letter-spacing: -1.2px;
  margin: 0px;
  padding: 0x;
}
.m_revechat_home2_about_section_inner_single_item p {
  color: #414651;
  font-family: "InstrumentSans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin: 0px;
  padding: 0px;
}
.m_revechat_home2_our_journey_section_inner {
  position: sticky;
  top: 0%;
}
.sticky_box {
  position: relative;
}
.sticky_box_single_itm {
  width: 460px;
  min-height: auto;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 200px;
  border-radius: 16px;
  background: #f5f6ff;
  position: sticky;
  bottom: 30%; /* Keep them sticky at 30% of the viewport height */
  transition: top 0.3s ease, z-index 0.3s ease; /* Smooth transition for top and z-index */
}
.m_revechat_home2_our_journey_section_inner {
  padding: 240px 0px;
}
.m_revechat_home2_our_journey_section_inner h2 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px; /* 125% */
  letter-spacing: -0.96px;
  word-spacing: 4px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_home2_our_journey_section_inner p {
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252b37));
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}
.sticky_box_single_itm_iiner {
  background-color: #fff;
  border-radius: 12px;
}
.sticky_box_single_itm span {
  color: var(--Primary-Colors-Black, #253748);
  font-family: "InstrumentSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  display: block;
  padding: 8px 16px 8px 16px;
}
.sticky_box_single_itm_iiner p {
  color: #414651;
  font-family: "InstrumentSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  padding: 16px;
  margin: 0px;
}
.sticky_box_single_itm:nth-child(1),
.sticky_box_main_left p:nth-child(1) {
  z-index: 5;
}
.sticky_box_single_itm:nth-child(2),
.sticky_box_main_left p:nth-child(2) {
  z-index: 4;
}
.sticky_box_single_itm:nth-child(3),
.sticky_box_main_left p:nth-child(3) {
  z-index: 3;
}
.sticky_box_single_itm:nth-child(4),
.sticky_box_main_left p:nth-child(4) {
  z-index: 2;
}
.sticky_box_single_itm:nth-child(5),
.sticky_box_main_left p:nth-child(5) {
  z-index: 1;
}
.sticky_box_main_right {
  border-left: 1px dashed #A4A7AE;
  padding-left: 40px;
  position: relative;
  padding-top: 240px; 
}
.sticky_box_single_itm::after {
  content: "";
  position: absolute;
 top: 27px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #a41bff;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  left: -45px;
}
.sticky_box_single_itm::before {
  content: "";
  position: absolute;
  top: 32px;
  width: 45px;
  height: 0;
  border-top: 1px dashed #A4A7AE;
  left: -45px;
}

.sticky_box_main_left {
  padding-top: 240px;
}
.sticky_box_main_left p {
  background-color: #fff;
  text-align: right;
  display: flex;
  justify-content: end;
  padding-right: 30px;
  padding-top: 16px;
  margin-bottom: 200px;
  transition: top 0.3s ease, z-index 0.3s ease; /* Smooth transition for top and z-index */
  color: #181D27;
  font-family: "InstrumentSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
}
.sticky_box_main {
  display: flex;
  align-items: start;
  justify-content: end;
}
.m_revechat_offices_location {
  border-radius: 24px;
  background: #181c23;
  margin: 0px 8px 8px 8px;
  padding: 160px 0px;
}
.m_revechat_offices_location_inner img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.m_revechat_offices_location_inner {
  border-radius: 20px;
  background: var(--Primary-Colors-White, #fff);
  padding: 32px;
  margin-bottom: 24px;
  min-height: 254px;
}
.m_revechat_offices_location h2 {
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 125% */
  letter-spacing: -0.96px;
  word-spacing: 4px;
  padding: 0px;
  margin: 0px;
}
.m_revechat_offices_location h3 {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "InstrumentSans-SemiBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 24px 0px 0px 0px;
  margin: 0px;
}
.m_revechat_offices_location p {
  color: #FFF;
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 155.556% */
  padding: 16px 0px 48px 0px;
  margin: 0px;
}
.m_revechat_offices_location_inner p {
  color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  padding: 8px 0px 0px 0px;
  margin: 0px;
}
.m_revechat_group_gceo{
  margin: 0px 6px;
}
.m_revechat_group_gceo .container-fluid .col-sm-12{
  padding: 0px;
  margin: 0px;
}
.m_revechat_group_gceo_inner {
  display: flex;
  align-items: stretch;
}

.m_revechat_group_gceo_left {
  order: 1;
}

.m_revechat_group_gceo_right {
  order: 2;
}
.m_revechat_group_gceo_left {
  background: linear-gradient(332deg, #EFF3FF 3.07%, #CCEAFF 41.89%, #FAFCFF 104.08%), #6F04DA;
  padding: 100px 112px;
  border-radius: 16px 0px 0px 16px;
  margin: 0px 0px 0px 4px;
  position: relative;
  width: 65%;
}
.m_revechat_group_gceo_right {
  width: 35%;
}
.m_revechat_group_gceo_left_bottom {
 padding-top: 30px;
}
.m_revechat_group_gceo_left h2{
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
font-family: "Plus Jakarta Sans";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 52px */
padding: 0px 0px 32px 0px;
margin: 0px;
}
.m_revechat_group_gceo_left_bottom span {
  color: var(--gray-light-mode-25, var(--colors-gray-light-mode-25, #181D27));
  font-family: "InstrumentSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  display: block;
}
.m_revechat_group_gceo_left_bottom span.autography{
  color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
  font-family: "Autography";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
display: block;
padding-top: 20px;
}
.m_revechat_group_gceo_left_bottom p{
  padding: 0px;
  margin: 0px;
}
.m_revechat_group_gceo_left_bottom img {
max-width: 100%;
position: relative;
left: -45px;
}
.m_revechat_group_gceo_left p {
  color: #181D27;
  font-family: "InstrumentSans-Medium";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 42px */
}
.m_revechat_group_gceo_right {
  background: linear-gradient(180deg, #F1F9FF 0%, #C9E8FF 100%);
  border-radius: 0px 16px 16px 0px;
  margin: 0px 4px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: end;
}
.m_revechat_home2_our_journey_section_inner span{
  color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #181D27));
  font-family: "InstrumentSans-Medium";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 155.556% */
padding: 20px 0px 12px 0px;
display: block;
}

.m_revechat_leadership_team_grid_container {
  display: flex;
  justify-content: space-between;
 flex-wrap: wrap;
}
.m_revechat_leadership_team_grid_item {
margin-bottom: 20px;
  width: 49%;
}
.m_revechat_leadership_team_inner_left {
  width: 50%;
}
.m_revechat_leadership_team_inner_right {
  width: 50%;
}
.m_revechat_group_gceo_right img{
  max-width: 100%;
  object-fit: cover;
}
.m_revechat_leadership_team_inner_left img {
  width: 100%;
}
.m_revechat_leadership_team_inner_left img {
  background: url(../png/bg-2.png);
  background-size: cover;
 border-radius: 12px;
}
.m_revechat_leadership_team {
  border-radius: 22px;
  background: linear-gradient(18deg, #fff -4.24%, #d5d1ff 33.75%, #fff 85.14%);
  padding: 160px 112px;
  margin: 8px;
}
.m_revechat_leadership_team h2 {
  color: #141414;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
  padding: 74px 0px 24px 0px;
  margin: 0px;
}
.m_revechat_leadership_team p {
  color: var(
    --gray-light-mode-900-section-header,
    var(--colors-gray-light-mode-900, #181d27)
  );
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_leadership_team_inner {
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  align-items: center;
}
.m_revechat_leadership_team_inner_right {
  padding: 24px 0px 24px 24px;
  position: relative;
}
.m_revechat_leadership_team_grid_item1{
  padding-right: 80px;
}
.m_revechat_leadership_team_inner_right span {
  color: #292929;
  font-family: "InstrumentSans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  padding: 0px;
  margin: 0px;
}
.m_revechat_leadership_team_inner_right p {
  color: var(--gray-light-mode-500, var(--colors-gray-light-mode-500, #717680));
  font-family: "InstrumentSans-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  padding: 0px;
  margin: 0px;
}
.m_revechat_leadership_team_inner_right_bottom {
 padding-top: 32px;
}
.m_revechat_leadership_team_inner_right_bottom ul {
  display: flex;
  padding: 0px;
  margin: 0px;
}
.m_revechat_leadership_team_inner_right_bottom ul li {
  list-style: none;
  padding-right: 16px;
}
.m_revechat_leadership_team .col-sm-12 {
  height: auto;
}
.m_revechat_leadership_team .col-sm-12:nth-child(4) {
  margin-left: auto;
  justify-content: right;
}
.m_revechat_home2_about_section img{
  display: none;
}
@media only screen and (max-width: 1530px) {
  .m_revechat_leadership_team_inner_left {
    width: 50%;
  }
  .m_revechat_leadership_team_inner_right {
    width: 50%;
  }
}

@media only screen and (max-width: 1430px) {
  .m_revechat_leadership_team_inner_left {
    width: 50%;
  }
  .m_revechat_leadership_team_inner_right {
    width: 50%;
  }
  .m_revechat_leadership_team_inner_right {
    padding: 0px 0px 0px 24px;
    position: relative;
}
}
@media only screen and (max-width: 1386px) {
  .m_revechat_leadership_team_inner{
    min-height: 200px;
  }
  .m_revechat_leadership_team{
    padding: 32px;
  }
}
@media only screen and (max-width: 1269px) {
  .m_revechat_leadership_team{
    padding: 32px;
  }
  .m_revechat_leadership_team h2{
    font-size: 32px;
  }
  .m_revechat_leadership_team_inner_right span{
    font-size: 16px;
  }
.m_revechat_leadership_team_inner_left img {
  max-height: 170px;
  max-width: 100%;
}
.m_revechat_leadership_team_inner_right p {
  font-size: 12px;
}
.m_revechat_leadership_team_inner {
  min-height: 180px;
}
.m_revechat_leadership_team_grid_item {
  margin-bottom: 16px;
}
}
@media only screen and (max-width: 1200px) {
  .m_revechat_leadership_team_inner {
    min-height: 192px;
}
.sticky_box_single_itm{
  width: 430px;
}
.m_revechat_offices_location_inner{
  min-height: 280px;
}
}
@media only screen and (max-width: 1100px) {
  .sticky_box_single_itm{
    width: 420px;
  }
}

@media only screen and (max-width: 991px) {
  .sticky_box_single_itm{
    width: 350px;
  }
  .m_revechat_home2_our_journey_section_inner{
    padding: 60px 0px 0px 0px;
  }
  .m_revechat_home2_about_section{
    background-image: none;
    height: auto;
    margin: 0px;
  }
  .m_revechat_home2_about_section_inner{
    position: initial;
    padding: 32px 0px;
    
  }
  .m_revechat_home2_about_section{
    background-color: #f6f6f6;
  }
  .m_revechat_home2_about_section img{
    max-width: 100%;
  }
  .m_revechat_home2_about_section_inner{
    display: block;
  }
  .m_revechat_home2_about_section_inner_single_item{
    width: 100%;
    margin-bottom: 16px;
  }
  .m_revechat_offices_location{
    padding: 48px 0px;
  }
  .m_revechat_leadership_team_grid_container{
    display: block;
  }
  .m_revechat_leadership_team_grid_item{
    width: 100%;
  }
  .m_revechat_leadership_team{
    padding: 20px;
  }
  .sticky_box_single_itm {
    width: auto;
}
.m_revechat_group_gceo_left p {
font-size: 18px;
}
.m_revechat_group_gceo_left, .m_revechat_group_gceo_right{
  padding: 20px;
  min-height: auto;
}
.m_revechat_group_gceo_inner {
  flex-direction: column-reverse;
}
.m_revechat_group_gceo_left {
  width: 100%;
  border-radius: 0px;
  margin: 0px;
}
.m_revechat_group_gceo_right {
  order: 1;
  width: 100%;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_group_gceo_left_bottom{
  position: inherit;
}
.sticky_box_main_left{
  display: none;
}
.sticky_box_single_itm{
  position: inherit;
  margin-bottom: 60px;
}
.sticky_box_single_itm_title_year{
  display: inline-block;
  color: #181D27;
text-align: left;
font-family: "InstrumentSans-Medium";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */
margin: 0px;
padding: 0px 0px 12px 0px;
}
.m_revechat_home2_about_section img{
  display: block;
  border-radius: 8px;
}
.m_revechat_offices_location_inner{
  min-height: auto;
}
.m_revechat_home2_our_journey_section_inner p {
  padding-right: 0px;
}
.m_revechat_leadership_team_grid_item1{
  padding-right: 0px;
}
}
@media only screen and (max-width: 769px) {
  .m_revechat_home2_about_section_inner_single_item p{
    font-size: 16px;
  }
  .m_revechat_home2_about_section_inner_single_item h2{
    font-size: 32px;
    line-height: 150%;
  }
  .m_revechat_home2_about_section_inner{
    width: 100%;
    background-color: #FFF;
  }
  .m_revechat_offices_location{
    border-radius: 0px;
    margin: 0px;
  }
  .m_revechat_offices_location p br{
    display: none;
  }
  .sticky_box_main_right{
    padding-top: 60px;
  }
  .m_revechat_group_gceo_left h2 {
    font-size: 32px;
    line-height: 150%;
  }
  .m_revechat_group_gceo_left, .m_revechat_group_gceo_right{
    padding: 40px 16px;
  }
  .m_revechat_group_gceo_left p{
    font-size: 14px;
  }
  .m_revechat_leadership_team h2{
    padding: 60px 0px 24px 0px;
  }
  .m_revechat_leadership_team {
    padding: 0px;
  }
  .m_revechat_leadership_team{
    margin: 0px;
    border-radius: 0px;
  }
  .m_revechat_leadership_team_grid_container{
    padding: 40px 0px 60px 0px;
  }
  .m_revechat_group_gceo{
    margin: 0px;
  }
}
/* ABOUT US PAGE DESIGN END HERE  */
/* Conatct US PAGE DESIGN START HERE  */

.m_revechat_contact_page_banner h1 {
  font-size: 60px;
 }
 .m_revechat_contact_page_banner::before {
   content: "";
   position: absolute;
   top: 0px;
   right: 0;
   width: 100%;
   height: 100%;
   background: #f6f6f6;
   opacity: 1;
   z-index: -1;
 }
 .m_revechat_contact_page_card {
   border-radius: 24px;
   background: #fff;
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
   padding: 40px;
   margin-bottom: 96px;
 }
 .m_revechat_contact_page_card img {
   max-width: 100%;
 }
 .m_revechat_contact_page_card span {
   color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
   text-align: center;
   font-family: "Plus Jakarta Sans";
   font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 32px; /* 133.333% */
   display: block;
   padding: 24px 0px 0px 0px;
 }
 .m_revechat_contact_page_card p {
   color: var(--gray-light-mode-700, var(--colors-gray-light-mode-700, #414651));
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%; /* 24px */
   padding: 16px 0px 48px 0px;
   margin: 0px;
 }
 .m_revechat_contact_page_card a, .m_revechat_contact_page_card a:hover, .m_revechat_contact_page_card a:focus {
   color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%; /* 24px */
   letter-spacing: -0.16px;
   padding: 12px 16px;
   margin: 0px;
   border-radius: 8px;
 border: 1px solid #6314BA;
 background: #FFF;
 text-decoration: none;
 }
 .m_revechat_contact_page_card a.m_revechat_middle_btn_bg{
  border-radius: 8px;
background: linear-gradient(90deg, #0F277C 21.43%, #B900FA 74.58%, #FF926F 105.26%);
box-shadow: 0px 4px 20px 0px rgba(222, 255, 169, 0.40) inset;
border: none;
color: #FFF;
 }
 .m_revechat_contact_page_contact_modal .modal-content{
  min-width: 560px;
  padding: 64px!important;
  border-radius: 24px;
  border: 1px solid var(--colors-gray-light-mode-100, #F5F5F5);
  background: #FFF;
 }
 .m_revechat_contact_page_contact_modal .modal-header, .m_revechat_contact_page_contact_modal .modal-body{
   display: block;
   border-bottom: none;
   padding: 0px;
 }
 .m_revechat_contact_page_contact_modal .modal-header span{
   color: var(--gray-light-mode-900-section-header, var(--colors-gray-light-mode-900, #181D27));
   font-family: "Instrument Sans";
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 32px; /* 133.333% */
   padding: 0px 0px 8px 0px;
   margin: 0px;
 }
 .m_revechat_contact_page_contact_modal .modal-header p{
   color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252B37));
   font-family: "Instrument Sans";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; /* 142.857% */
   padding: 0px 0px 24px 0px;
   margin: 0px;
 }
 .m_revechat_contact_page_contact_modal .modal-body form label{
   color: var(--gray-light-mode-800, var(--colors-gray-light-mode-800, #252B37));
   font-family: "Instrument Sans";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px; /* 142.857% */
   padding: 24px 0px 6px 0px;
   margin: 0px;
 }
 .m_revechat_contact_page_contact_modal .modal-body form .form-control{
 box-shadow: none;
 outline: none;
 padding: 12px;
 margin: 8px 0px;
 border-radius: 8px;
 }
 .m_revechat_contact_page_contact_modal textarea.wpcf7-form-control.wpcf7-textarea.form-control{
  margin: 8px 0px 0px 0px;
 }
 .m_revechat_contact_page_contact_modal .btn-close{
 position: absolute;
 right: 16px;
 top: 16px;
 width: 24px;
 height: 24px;
 font-size: 12px;
 }
 .m_revechat_contact_page_contact_modal .btn-close:focus{
 box-shadow: none;
 outline: none;
 }
 .wpcf7-submit.btn{
   border-radius: 8px;
 background: linear-gradient(90deg, #EC7A92 0%, #B22CE3 100%);
 color: #FFF;
 width: 100%;
 display: flex;
 padding: 12px 16px;
 justify-content: center;
 align-items: center;
 gap: 12px;
 align-self: stretch;
 }
 @media only screen and (max-width: 991px) {
  .m_revechat_contact_page_card{
    padding: 24px;
    min-height: 410px;
  }
 }
 @media only screen and (max-width: 769px) {
  .m_revechat_contact_page_card{
    min-height: auto;
    margin-bottom: 24px;
  }
 }
 @media only screen and (max-width: 479px) {
  body.maxgovinoutbody .vc-hero{
    padding-top: 120px!important;
  }
 }
/* Conatct US PAGE DESIGN END HERE  */

/* live chat page design start here  */

.m_revechat_livechat_banner {
  padding: 151px 0px 118px 0px;
  border-radius: 20px;
  background-color: #fafbfb;
  margin: 8px;
}
.m_revechat_home2_hero_section_banner_video.livechat_client_logo
  .marquee-container {
  margin: 80px 0px 60px 0px;
}
.m_revechat_common_client_logo h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
  padding: 0px 0px 24px 0px;
  margin: 0px;
  text-align: center;
}
.m_revechat_livechat_banner .container-fluid,
.m_revechat_comm_scrollspy .container-fluid,
.m_revechat_livechat_offer .container-fluid,
.m_revechat_happy_customers_voices .container-fluid {
  width: 85%;
  margin: auto;
}
.m_revechat_livechat_banner img {
  max-width: 100%;
  object-fit: cover;
}
.m_revechat_livechat_banner h1 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "Plus Jakarta Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 72px */
  letter-spacing: -0.3px;
  margin: 0px;
  padding: 0px;
}

.m_revechat_livechat_banner h1 span {
  background: linear-gradient(
    92deg,
    #612be7 60.29%,
    #8c6bee 75.03%,
    #8c6bee 88.23%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Plus Jakarta Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.3px;
  margin: 0px;
  padding: 0px;
}
.m_revechat_livechat_banner p {
  color: var(--gray-light-mode-800, #252b37);
  font-family: "InstrumentSans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin: 0px;
  padding: 24px 0px 110px 0px;
}
.m_revechat_livechat_banner .m_revechat_home2_hero_section_banner_review {
  margin: 0px;
  padding: 24px 0px 0px 0px;
}
.m_revechat_livechat_banner .m_revechat_home2_hero_section_business_partner p {
  color: rgba(16, 23, 31, 0.8);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  text-align: left;
  margin: 0px;
  padding: 16px 0px 00px 0px;
}
.m_revechat_common_client_logo .marquee-swiper {
  overflow: hidden;
}
.m_revechat_common_client_logo .marquee-swiper .swiper-slide {
  width: auto; /* Allows multiple items per view */
  white-space: nowrap;
}
.m_revechat_common_client_logo .swiper {
  width: 100%;
}
.m_revechat_common_client_logo .swiper-wrapper {
  transition-timing-function: linear !important;
}
.m_revechat_common_client_logo .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
body {
  position: relative;
}
.m_revechat_comm_scrollspy .scroll-nav {
  position: sticky;
  top: 120px;
}
.m_revechat_comm_scrollspy img {
  max-width: 100%;
}
.m_revechat_comm_scrollspy {
  padding: 128px 0px 101px 0px;
}
.m_revechat_comm_scrollspy h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.m_revechat_comm_scrollspy p {
  color: var(--gray-light-mode-800, #252b37);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 24px 0px 116px 0px;
  text-align: center;
}
.m_revechat_comm_scrollspy section#omnichannel-inbox,
.m_revechat_comm_scrollspy section#ai-copilot,
.m_revechat_comm_scrollspy section#audio-and-video-call,
.m_revechat_comm_scrollspy section#co-browsing,
.m_revechat_comm_scrollspy section#ticketing,
.m_revechat_comm_scrollspy section#appointment-management,
.m_revechat_comm_scrollspy section#traffic-management,
.m_revechat_comm_scrollspy section#reporting,
.m_revechat_comm_scrollspy section#agent-activity-tracking {
  padding: 40px;
  border-radius: 16px;
  margin-bottom: 16px;
  background: var(--gray-light-mode-100, #f5f5f5);
}
.m_revechat_comm_scrollspy_single_item_title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.m_revechat_comm_scrollspy span {
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  border-radius: 8px;
  background: #fff;
  display: block;
  padding: 3px 12px 5px 12px;
  margin: 0px;
}
.m_revechat_comm_scrollspy #omnichannel-inbox span {
  color: #4c6de6;
}
.m_revechat_comm_scrollspy #ai-copilot span {
  color: rgba(118, 33, 255, 1);
}
.m_revechat_comm_scrollspy #audio-and-video-call span {
  color: rgba(76, 109, 230, 1);
}
.m_revechat_comm_scrollspy #co-browsing span {
  color: rgba(229, 101, 101, 1);
}
.m_revechat_comm_scrollspy #ticketing span {
  color: #4c6de6;
}
.m_revechat_comm_scrollspy #appointment-management span {
  color: #4c6de6;
}
.m_revechat_comm_scrollspy #traffic-management span {
  color: rgba(229, 101, 101, 1);
}
.m_revechat_comm_scrollspy #reporting span {
  color: #4c6de6;
}
.m_revechat_comm_scrollspy #agent-activity-tracking span {
  color: rgba(118, 33, 255, 1);
}
.m_revechat_comm_scrollspy h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 41.6px */
  letter-spacing: -0.16px;
  padding: 16px 0px 48px 0px;
  margin: 0px;
}
.m_revechat_comm_scrollspy .card h4,
.m_revechat_livechat_offer .card h4,
.m_revechat_all_solutions .card h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.m_revechat_comm_scrollspy .card p,
.m_revechat_livechat_offer .card p,
.m_revechat_all_solutions .card p {
  color: var(--gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 8px 0px 0px 0px;
  margin: 0px;
  text-align: left;
}
.m_revechat_comm_scrollspy .card,
.m_revechat_livechat_offer .card {
  border: none;
  padding: 8px;
  border-radius: 20px;
  background: #fff;
  margin: 0px 0px 20px 0px;
}
.m_revechat_comm_scrollspy .card img,
.m_revechat_livechat_offer .card img,
.m_revechat_livechat_help .card img,
.m_revechat_all_solutions .card img {
  max-width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.m_revechat_livechat_offer .card .card-body,
.m_revechat_livechat_help .card .card-body,
.m_revechat_all_solutions .card .card-body {
  padding: 24px;
}
.m_revechat_comm_scrollspy .card .card-body {
  padding: 16px;
}
.m_revechat_livechat_offer .card,
.m_revechat_all_solutions .card {
  padding: 0px;
  height: 95%;
}
.m_revechat_comm_scrollspy_single_item_image {
  border-radius: 20px;
  background: #fff;
  padding: 20px 60px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.m_revechat_comm_sclspy_mbl_view {
  display: none;
}
.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a {
  display: flex;
  padding: 20px;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  border-radius: 12px;
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: #fff;
  margin: 6px 0px;
  color: var(--gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-decoration: none;
}
.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a{
  position: relative;
}
.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(to right, rgba(99, 20, 186, 1), rgba(147, 9, 222, 1), rgba(241, 116, 140, 1));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
    clip-path: inset(100% 100% 100% 100%);
    
}

.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a.animate-in::after {
    animation: drawBorder .5s forwards;
    box-shadow: 0 0 8px rgba(147, 9, 222, 0.4);
}

.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a.animate-out::after {
    animation: eraseBorder .5s forwards;
    box-shadow: 0 0 8px rgba(147, 9, 222, 0.4);
}

@keyframes drawBorder {
    0%   { clip-path: inset(100% 100% 100% 100%); }
    25%  { clip-path: inset(0% 100% 100% 0%); }
    50%  { clip-path: inset(0% 0% 100% 0%); }
    75%  { clip-path: inset(0% 0% 0% 0%); }
    100% { clip-path: inset(0% 0% 0% 0%); }
}

@keyframes eraseBorder {
    0%   { clip-path: inset(0% 0% 0% 0%); }
    25%  { clip-path: inset(0% 0% 100% 0%); }
    50%  { clip-path: inset(0% 100% 100% 0%); }
    75%  { clip-path: inset(100% 100% 100% 100%); }
    100% { clip-path: inset(100% 100% 100% 100%); }
}
.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a img {
  max-width: 100%;
  margin-right: 12px;
}
.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a.active img {
  filter: brightness(0) invert(1);
}
.m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a.active {
  background: var(--Secondary-Colors-Purple-Purple-90, #6c69f9);
  color: #fff;
}
.m_revechat_comm_scrollspy .m_revechat_learn_more_common_btn, .m_revechat_all_livec_integration .m_revechat_learn_more_common_btn {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 20px;
  position: relative;
}
.m_revechat_comm_scrollspy .m_revechat_learn_more_common_btn a, .m_revechat_all_livec_integration .m_revechat_learn_more_common_btn a {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "InstrumentSans-SemiBold";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  border-radius: 12px;
  padding: 12px 16px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  background: #fff;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.m_revechat_comm_scrollspy .m_revechat_learn_more_common_btn a::before, .m_revechat_all_livec_integration .m_revechat_learn_more_common_btn a::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(
    to right,
    rgba(99, 20, 186, 1),
    rgba(147, 9, 222, 1),
    rgba(241, 116, 140, 1)
  );
}
.m_revechat_comm_scrollspy .m_revechat_learn_more_common_btn a:hover, .m_revechat_all_livec_integration .m_revechat_learn_more_common_btn a:hover {
  background: linear-gradient(
    to right,
    rgba(99, 20, 186, 1),
    rgba(147, 9, 222, 1),
    rgba(241, 116, 140, 1)
  );
  color: #fff;
  transition: 0.3s ease-in-out;
}
.m_revechat_chat_widget {
  text-align: center;
  padding: 129px 0px 96px 0px;
  margin: 0px 8px;
  border-radius: 20px;
}
.m_revechat_chat_widget h2 {
  color: var(--Color, #fff);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_chat_widget p {
  color: var(--Color, #fff);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 24px 0px 48px 0px;
  margin: 0px;
}
.m_revechat_ecommerce_livechat {
  padding: 160px 0px;
  margin: 8px;
  border-radius: 20px;
  background: #f6f7f4;
  text-align: center;
}
.m_revechat_ecommerce_livechat img,
.m_revechat_chat_widget img {
  max-width: 100%;
}
.m_revechat_ecommerce_livechat h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_ecommerce_livechat p {
  color: var(--gray-light-mode-800, #252b37);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 24px 0px 48px 0px;
  margin: 0px;
}
.m_revechat_livechat_offer h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px 0px 64px 0px;
  margin: 0px;
}
.m_revechat_livechat_help {
  border-radius: 20px;
  background: linear-gradient(180deg, #f8f8fa 0%, #e9eaeb 100%);
  padding: 160px 0px;
  margin: 8px;
}
.m_revechat_livechat_help h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px 0px 64px 0px;
  margin: 0px;
}
.m_revechat_livechat_help h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h5, 20px);
  font-style: normal;
  text-align: center!important;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0px);
  padding: 20px 0px 12px 0px;
  margin: 0px;
}
.m_revechat_livechat_help p {
  color: var(--gray-light-mode-600, #535862);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_livechat_offer .card,
.m_revechat_comm_scrollspy .card {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.m_revechat_livechat_offer .card.animate,
.m_revechat_comm_scrollspy .card.animate {
  opacity: 1;
  transform: translateY(0);
}
.m_revechat_livechat_help_inner {
  padding: 32px;
  border: 4px solid #FFF;
  border-radius: 16px;
  background: var(--Primary-Colors-White, #fff);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  position: relative;
}
.m_revechat_livechat_help_inner img {
  position: relative;
  top: 20px;
}
.m_revechat_livechat_help
  .row
  > div:nth-child(1)
  .m_revechat_livechat_help_inner {
  background: linear-gradient(to bottom, transparent 40%, #fff 40%),
    url("../png/better-bg.png") no-repeat center top;
  background-size: 100% 100%, 100% 40%;
  background-repeat: no-repeat;
}
.m_revechat_livechat_help
  .row
  > div:nth-child(2)
  .m_revechat_livechat_help_inner {
  background: linear-gradient(to bottom, transparent 40%, #fff 40%),
    url("../png/better-bg.png") no-repeat center top;
  background-size: 100% 100%, 100% 40%;
  background-repeat: no-repeat;
}
.m_revechat_livechat_help
  .row
  > div:nth-child(2)
  .m_revechat_livechat_help_inner {
  background: linear-gradient(to bottom, transparent 40%, #fff 40%),
    url("../png/bussiness-bg.png") no-repeat center top;
  background-size: 100% 100%, 100% 40%;
  background-repeat: no-repeat;
}
.m_revechat_livechat_help
  .row
  > div:nth-child(3)
  .m_revechat_livechat_help_inner {
  background: linear-gradient(to bottom, transparent 40%, #fff 40%),
    url("../png/higher-bg.png") no-repeat center top;
  background-size: 100% 100%, 100% 40%;
  background-repeat: no-repeat;
}
.m_revechat_livechat_help
  .row
  > div:nth-child(4)
  .m_revechat_livechat_help_inner {
  background: linear-gradient(to bottom, transparent 40%, #fff 40%),
    url("../png/better-2-bg.png") no-repeat center top;
  background-size: 100% 100%, 100% 40%;
  background-repeat: no-repeat;
}
.m_revechat_livechat_help
  .row
  > div:nth-child(5)
  .m_revechat_livechat_help_inner {
  background: linear-gradient(to bottom, transparent 40%, #fff 40%),
    url("../png/better-3-bg.png") no-repeat center top;
  background-size: 100% 100%, 100% 40%;
  background-repeat: no-repeat;
}
.m_revechat_all_solutions {
  border-radius: 20px;
  background: #0a021e;
  padding: 160px 0px;
  margin: 0px 8px;
}
.m_revechat_all_solutions .card img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  max-width: 100%;
  object-fit: cover;
}
.m_revechat_all_solutions .card {
  border: none;
  background-color: transparent;
  margin: 0px 1px 24px 1px;
  overflow: hidden;
  border-radius: 20px;
}
.m_revechat_all_solutions .card img {
  transition: 0.3s ease-in-out;
}
.m_revechat_all_solutions .card:hover img {
  transform: scale(1.1);
  transition: 0.3s ease-in-out;
}
.m_revechat_all_solutions .card .card-body {
  padding-right: 60px;
  margin: 0px 1px;
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
  z-index: 1;
}
.m_revechat_all_solutions h2 {
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 56px */
  padding: 0px 0px 64px 0px;
  margin: 0px;
}
.m_revechat_all_solutions .card .card-body a {
  color: var(--gray-light-mode-600, #535862);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 0px 0px;
  margin: 20px 0px 0px 0px;
}
.m_revechat_chat_widget {
  background-image: url(../webp/white-cloud-blue-sky.webp);
  background-size: cover;
  background-repeat: no-repeat;
  animation: zoomClouds 20s ease-in-out infinite;
}

@keyframes zoomClouds {
  0%,
  100% {
    background-size: 100%;
  }
  50% {
    background-size: 115%;
  }
}
.m_revechat_all_livec_integration {
  border-radius: 20px;
  background: linear-gradient(178deg, #fff 1.67%, #948bff 216.87%);
  text-align: center;
  padding: 160px 0px;
  margin: 8px;
  position: relative;
  z-index: 1;
}
.m_revechat_all_livec_integration::before {
  background: url(../webp/line.webp) no-repeat center center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0.8;
  z-index: -1;
}
.m_revechat_all_livec_integration h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_all_livec_integration p {
  color: var(--gray-light-mode-800, #252b37);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 24px 0px 48px 0px;
  margin: 0px;
}
.m_revechat_all_livec_integration img {
  max-width: 100%;
  padding-top: 64px;
}
.m_revechat_livec_faq .accordion {
  border: none;
  width: 80%;
  margin: auto;
}
.m_revechat_livec_faq .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0px;
}
.m_revechat_livec_faq .accordion-item {
  border-radius: 0;
  border: none;
}
.m_revechat_livec_faq .accordion-button, .m_revechat_livec_faq .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid #d5d7da;
  border-radius: 0px;
  box-shadow: none;
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h4, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 36px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0px);
}
.m_revechat_livec_faq .accordion-body p {
  color: var(--gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_livec_faq .accordion-body ul{
  padding: 16px 0px 0px 40px;
  margin: 0px;
}
.m_revechat_livec_faq .accordion-body ul li {
  color: var(--gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Regular";
  font-size: 20px;
  font-style: normal;
  list-style: number;
  font-weight: 400;
  line-height: 150%; /* 30px */
  padding: 8px 0px;
  margin: 0px;
}
.m_revechat_livec_faq .accordion-body p a,
.m_revechat_livec_faq .accordion-body a {
  color: var(--gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  padding: 0px;
  margin: 0px;
}
.m_revechat_livec_faq .accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #181d27;
  border-left: 2px solid #181d27;
  transform: rotate(45deg);
}
.m_revechat_livec_faq .accordion-button::after {
  background-image: none;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #181d27;
  border-left: 2px solid #181d27;
  transform: rotate(-135deg);
}
.m_revechat_livec_faq h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  padding: 0px 0px 64px 0px;
  margin: 0px;
}
.m_revechat_livec_faq {
  padding: 160px 0px;
}
.m_revechat_comm_scrollspy_menu_item {
  position: sticky;
  top: 120px;
}
.m_revechat_happy_customers_voices{
  border-radius: var(--Spacing-space-5, 20px);
background: var(--Secondary-Colors-Purple-Purple-10, #F2F1FE);
padding: 128px 0px;
margin: 0px 8px;
}
.m_revechat_happy_customers_voices h2{
color: var(--gray-light-mode-900-section-header, #181D27);
text-align: center;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h2, 36px);
font-style: normal;
font-weight: 700;
line-height: 130%; /* 46.8px */
letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
padding: 0px 0px 48px 0px;
margin: 0px;
}
.m_revechat_happy_customers_voices_inner{
border-radius: var(--Spacing-space-5, 20px);
background: var(--Primary-Colors-White, #FFF);
display: flex;
padding: 24px;
flex-direction: column;
justify-content: start;
align-items: start;
position: relative;
margin-bottom: 24px;
height: 92%;
}
.m_revechat_happy_customers_voices_inner h3{
  color: var(--gray-light-mode-900-section-header, #181D27);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h5, 20px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0px);
  padding: 0px 0px 8px 0px;
  margin: 0px;
}
.m_revechat_happy_customers_voices_inner p{
 color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  margin: 20px 0px 0px 0px;
  padding: 0px;
}
.m_revechat_happy_customers_voices_inner_client_logo{
  position: absolute;
  top: 24px;
  right: 24px;
}
.m_revechat_all_solutions_mbl_slider{
  display: none!important;
}
 .m_revechat_comm_scrollspy .swiper-slide .card {
    max-width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .m_revechat_comm_scrollspy .swiper-slide{
    width: auto;
    display: flex;
    height: auto;
  }
  .common_swiper_slider  .swiper-slide{
   background-color: #FFFFFF!important;
   border-radius: 20px;
    height: auto!important;
  }
  .common_swiper_slider  .swiper-slide .card{
  margin: 0px!important;
  }
  .m_revechat_comm_scrollspy .swiper-wrapper{
    align-items: stretch; /* Makes all slides same height */
  }
  .m_revechat_livechat_banner_inner_right{
   position: relative;
  }
  .m_revechat_livechat_banner_inner_right img{
   max-width: 100%;
   z-index: 1;
   position: relative;
  }
  .livechat_client_logo .col-12{
    padding: 0px;
  }
  .livechat_client_logo{
margin: 0px 8px;
 border-radius: var(--Spacing-space-5, 20px);
background: var(--gray-light-mode-50, #FAFAFA);
  }
  .livechat_client_logo .marquee-container{
    margin: 0px 0px 0px 0px!important;
  
height: auto;
  }
  .livechat_client_logo .marquee-container .revechat_customer_logo_lider img{
   filter: grayscale(1);
  }
  .livechat_client_logo .marquee-container .revechat_customer_logo_lider{
    padding: 32px 0px;
  }
  .m_revechat_comm_scrollspy_section .container .row .col-12{
    padding: 0px;
  }
@media screen and (max-width: 1586px) {
  .m_revechat_livechat_banner .container-fluid,
  .m_revechat_comm_scrollspy .container-fluid,
  .m_revechat_livechat_offer .container-fluid,
  .m_revechat_happy_customers_voices .container-fluid {
    width: 85%;
  }
   .m_revechat_livechat_banner h1 br{
    display: none;
  }
  .m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a{
    padding: 16px;
  }
  .m_revechat_comm_scrollspy_menu_item{
    top: 94px;
  }
  @keyframes zoomClouds {
  0%,
  100% {
    background-size: 130%;
  }
  50% {
    background-size: 140%;
  }
}
}
@media screen and (max-width: 1486px) {
  @keyframes zoomClouds {
  0%,
  100% {
    background-size: 140%;
  }
  50% {
    background-size: 150%;
  }
}
}
@media screen and (max-width: 1386px) {
  .m_revechat_livechat_banner .container-fluid,
  .m_revechat_comm_scrollspy .container-fluid,
  .m_revechat_livechat_offer .container-fluid,
  .m_revechat_happy_customers_voices .container-fluid {
    width: 90%;
  }
  .m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a{
    padding: 16px;
    font-size: 14px;
  }
 
  @keyframes zoomClouds {
  0%,
  100% {
    background-size: 150%;
  }
  50% {
    background-size: 160%;
  }
}
}
@media screen and (max-width: 1200px) {
  .m_revechat_livechat_banner .container-fluid,
  .m_revechat_comm_scrollspy .container-fluid,
  .m_revechat_livechat_offer .container-fluid,
  .m_revechat_happy_customers_voices .container-fluid {
    width: 100%;
  }
   @keyframes zoomClouds {
  0%,
  100% {
    background-size: 180%;
  }
  50% {
    background-size: 190%;
  }
}
}
@media screen and (max-width: 991px) {
  .m_revechat_comm_scrollspy_menu_item{
    display: none;
  }
  .m_revechat_livechat_banner_inner_right img{
    max-width: 90%;
  }
 .m_revechat_comm_scrollspy .m_revechat_learn_more_common_btn a, .m_revechat_all_livec_integration .m_revechat_learn_more_common_btn a{
    padding: 10px 20px;
  }
   .m_revechat_comm_scrollspy .swiper-slide .card {
    max-width: 260px;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .m_revechat_comm_scrollspy .swiper-slide{
    width: 260px;
    display: flex;
    height: auto;
  }
  .m_revechat_comm_scrollspy .swiper-wrapper{
    align-items: stretch; /* Makes all slides same height */
  }
 .m_revechat_chat_widget {
  background-size: cover;
   animation: none;
 }
  .m_revechat_livec_faq .accordion{
    width: 100%;
  }
  .m_revechat_comm_sclspy_mbl_view, .m_revechat_all_solutions_mbl_slider {
    display: block!important;
  }
  #omnichannel-inbox .container .row .col-sm-12, .m_revechat_all_solutions_desktop {
    display: none !important;
  }
  .m_revechat_comm_scrollspy section#omnichannel-inbox,
  .m_revechat_comm_scrollspy section#ai-copilot,
  .m_revechat_comm_scrollspy section#audio-and-video-call,
  .m_revechat_comm_scrollspy section#co-browsing,
  .m_revechat_comm_scrollspy section#ticketing,
  .m_revechat_comm_scrollspy section#appointment-management,
  .m_revechat_comm_scrollspy section#traffic-management,
  .m_revechat_comm_scrollspy section#reporting,
  .m_revechat_comm_scrollspy section#agent-activity-tracking {
    padding: 40px 12px;
    border-radius: 0px;
  }
  .m_revechat_comm_scrollspy section#omnichannel-inbox .container,
  .m_revechat_comm_scrollspy section#ai-copilot .container,
  .m_revechat_comm_scrollspy section#audio-and-video-call .container,
  .m_revechat_comm_scrollspy section#co-browsing .container,
  .m_revechat_comm_scrollspy section#ticketing .container,
  .m_revechat_comm_scrollspy section#appointment-management .container,
  .m_revechat_comm_scrollspy section#traffic-management .container,
  .m_revechat_comm_scrollspy section#reporting .container,
  .m_revechat_comm_scrollspy section#agent-activity-tracking .container {
    max-width: 100%!important;
  }
  .m_revechat_livechat_banner .container-fluid,
  .m_revechat_comm_scrollspy .container-fluid,
  .m_revechat_livechat_offer .container-fluid {
    width: 100%;
  }

  .m_revechat_comm_sclspy_mbl_view .swiper-slide .card, .m_revechat_all_solutions_mbl_slider .swiper-slide .card {
    max-width: 260px;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .m_revechat_comm_sclspy_mbl_view .swiper-slide, .m_revechat_all_solutions_mbl_slider .swiper-slide {
    width: 260px;
    display: flex;
    height: auto;
  }
  .m_revechat_comm_sclspy_mbl_view .swiper-wrapper, .m_revechat_all_solutions_mbl_slider .swiper-wrapper {
    align-items: stretch; /* Makes all slides same height */
  }
  .m_revechat_livechat_banner{
    padding: 116px 0px 28px 0px;
    margin: 8px;
  }
  .m_revechat_livechat_banner h1 br{
   display: none;
  }

  .m_revechat_home2_hero_section_banner_video.livechat_client_logo .marquee-container{
    margin: 28px 0px;
  }
  .m_revechat_comm_scrollspy, .m_revechat_chat_widget, .m_revechat_ecommerce_livechat, .m_revechat_livechat_offer, .m_revechat_livechat_help, .m_revechat_all_solutions, .m_revechat_all_livec_integration, .m_revechat_livec_faq, .m_revechat_happy_customers_voices{
    padding: 60px 0px! important;
  }
  .m_revechat_comm_scrollspy h2, .m_revechat_chat_widget h2, .m_revechat_ecommerce_livechat h2, .m_revechat_livechat_offer h3, .m_revechat_livechat_help h2, .m_revechat_all_solutions h2, .m_revechat_all_livec_integration h2, .m_revechat_livec_faq h2, .m_revechat_happy_customers_voices h2{
    font-size: 24px;
    line-height: 32px;
  }
  .m_revechat_comm_scrollspy p br{
   display: none;
  }
  .m_revechat_comm_scrollspy p, .m_revechat_chat_widget p, .m_revechat_ecommerce_livechat p, .m_revechat_livechat_help p, .m_revechat_all_livec_integration p{
    font-size: 15px;
    line-height: 24px;
    padding: 20px 0px 32px 0px;
  }
  .m_revechat_comm_scrollspy h3 br, .m_revechat_chat_widget h2 br, .m_revechat_chat_widget p br, .m_revechat_ecommerce_livechat h2 br, .m_revechat_ecommerce_livechat p br, .m_revechat_livechat_offer h3 br, .m_revechat_livechat_help h2 br, .m_revechat_livechat_help p br, .m_revechat_all_solutions h2 br, .m_revechat_all_livec_integration h2 br, .m_revechat_all_livec_integration p br, .m_revechat_livec_faq h2 br, .m_revechat_happy_customers_voices h2 br{
    display: none;
  }
  .m_revechat_comm_scrollspy h3{
    font-size: 20px;
    line-height: 28px;
    padding: 12px 0px 28px 0px;
  }
     .m_revechat_livechat_banner h1, .m_revechat_livechat_banner h1 span{
    font-size: 40px;
    line-height: 48px;
  }
    .m_revechat_livechat_banner p{
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0px 30px 0px;
  }
  .m_revechat_comm_scrollspy .m_revechat_comm_scrollspy_menu_item a{
    padding: 16px;
  }
  .m_revechat_livechat_help_inner img {
    position: relative;
    top: 90px;
}
.m_revechat_livechat_help h3{
  padding: 90px 0px 12px 0px;
}
}
@media screen and (max-width: 769px) {
  .m_revechat_all_livec_integration p{
    padding: 20px 0px 12px 0px;
  }
  .m_revechat_all_livec_integration img{
    padding-top: 28px;
  }
  .m_revechat_livec_faq .accordion-button, .m_revechat_livec_faq .accordion-button:not(.collapsed){
    font-size: 20px;
  }
  .m_revechat_livec_faq .accordion-body p{
    font-size: 16px;
  }
   .m_revechat_livechat_help_inner img {
    position: relative;
    top: 70px;
}
.m_revechat_livechat_help h3{
  padding: 80px 0px 0px 0px;
}
.m_revechat_livechat_help p{
padding: 12px 0px 0px 0px;
}
.m_revechat_happy_customers_voices{
  border-radius: 0px;
  margin: 0px;
}
  .m_revechat_livechat_banner_inner_left, .m_revechat_livechat_banner .m_revechat_home2_hero_section_business_partner p{
    text-align: center;
  }
    .m_revechat_livechat_banner h1, .m_revechat_livechat_banner h1 span{
    font-size: 40px;
    line-height: 48px;
    text-align: center;
  }
  .m_revechat_livechat_banner p{
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0px 30px 0px;
    text-align: center;
  }
  .m_revechat_comm_scrollspy_menu_item{
    display: none;
  }
  .m_revechat_comm_scrollspy_single_item_image{
    padding: 12px 20px;
  }
  .m_revechat_comm_scrollspy section#omnichannel-inbox,
  .m_revechat_comm_scrollspy section#ai-copilot,
  .m_revechat_comm_scrollspy section#audio-and-video-call,
  .m_revechat_comm_scrollspy section#co-browsing,
  .m_revechat_comm_scrollspy section#ticketing,
  .m_revechat_comm_scrollspy section#appointment-management,
  .m_revechat_comm_scrollspy section#traffic-management,
  .m_revechat_comm_scrollspy section#reporting,
  .m_revechat_comm_scrollspy section#agent-activity-tracking {
    padding: 40px 12px;
    border-radius: 0px;
  }
  .m_revechat_livechat_banner .container-fluid,
  .m_revechat_comm_scrollspy .container-fluid,
  .m_revechat_livechat_offer .container-fluid {
    width: 100%;
  }
  .m_revechat_comm_scrollspy .container-fluid .col-md-9,
  .m_revechat_comm_scrollspy .container-fluid .col-md-3 {
    padding: 0px;
  }
  .m_revechat_home2_hero_section_banner_review{
    justify-content: center!important;
  }
  .m_revechat_livechat_banner_inner_left{
    padding-bottom: 40px;
  }
  .m_revechat_livechat_banner_inner_right::before{
    content: "";
    position: absolute;
    top: -100px;
    right: -12px;
    width: 70%;
    height: 70%;
    background: url(../webp/livechat-mobile-bg.webp) no-repeat center center;
    background-size: cover;
    opacity: .8;
  }
  .m_revechat_livechat_banner{
    margin: 0px;
    border-radius: 0px;
  }
  .livechat_client_logo{
    margin: 8px 0px 0px 0px;
    border-radius: 0px; 
  }
 .m_revechat_livechat_offer .card .card-body, .m_revechat_livechat_help .card .card-body, .m_revechat_all_solutions .card .card-body{
  padding: 12px!important;
 }
 .m_revechat_comm_scrollspy_section{
   padding: 12px 8px!important;
 }
 .howHelpSwiper .swiper-slide{
  height: auto!important;
 }
}

@media screen and (max-width: 369px) {
  .m_revechat_comm_sclspy_mbl_view .swiper-slide .card, .m_revechat_all_solutions_mbl_slider .swiper-slide .card, .m_revechat_comm_scrollspy .swiper-slide .card {
    max-width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .m_revechat_comm_sclspy_mbl_view .swiper-slide, .m_revechat_all_solutions_mbl_slider .swiper-slide, .m_revechat_comm_scrollspy .swiper-slide {
    width: 200px;
    display: flex;
    height: auto;
  }
  .m_revechat_livechat_banner h1, .m_revechat_livechat_banner h1 span {
        font-size: 32px;
        line-height: 42px;
  }
}
/* live chat page design end here  */


/* token calculator design start here  */
.m_revechat_token_calculator {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .3) 60%, #fff 98%), url(../png/banner-bg.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  padding: 192px 0 52px;
  position: relative;
  z-index: 100;
}
.m_revechat_token_calculator h1 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h0, 64px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  letter-spacing: var(--Typeface-Letter-spacing-lg, -0.5px);
  padding: 0px;
  margin: 0px;
}
.m_revechat_token_calculator h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h5, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0px);
  padding: 0px 24px 16px 0px;
  margin: 0px;
}
.m_revechat_token_calculator p {
  color: var(--gray-light-mode-700, #414651);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: var(--Typeface-Size-body-lg, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 16px 0px 60px 0px;
  margin: 0px;
}
.m_revechat_token_calculator_inner {
  border-radius: var(--Spacing-space-5, 20px);
  background: #fff;
  padding: 40px;
  max-width: 1170px;
  margin: auto;
  position: relative;
  z-index: 1000;
}
.m_revechat_tokenizer_box {
  border-radius: var(--Spacing-space-2, 8px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: #fff;
  padding: 20px;
}
.m_revechat_token_calculator_inner textarea {
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  width: 100%;
  height: 150px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin: 0px;
}
.m_revechat_token_calculator_inner textarea:focus {
  outline: none;
    color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  width: 100%;
  height: 150px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin: 0px;
}

.m_revechat_token_calculator_inner .controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.m_revechat_token_calculator_inner button,
.m_revechat_token_calculator_inner input[type="file"] {
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #aaa;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.m_revechat_token_calculator_inner .tokenizer-output {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-family: monospace;
  white-space: pre-wrap;
}

.m_revechat_token_calculator_inner .tokenizer-tkn {
  padding: 4px 0px 4px 4px;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
}

.m_revechat_token_calculator_inner .stats {
  font-size: 15px;
  font-weight: bold;
}
.m_revechat_token_calculator_inner .tokenizer-output span {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 0px;
}
.m_revechat_token_calculator_inner .stats ul {
  margin: 0px;
  padding: 0px;
  display: flex;
}
.m_revechat_token_calculator_inner .stats ul li {
  list-style: none;
  color: var(--gray-light-mode-700, #414651);
  display: flex;
  padding: var(--Spacing-space-2, 8px) var(--Spacing-space-4, 16px);
  align-items: center;
  gap: var(--Spacing-space-2, 8px);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 142.857% */
  border-radius: var(--Spacing-space-2, 8px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: #fff;
  margin-right: 12px;
}
.m_revechat_token_calculator_inner .stats ul li span{
color: var(--gray-light-mode-900-section-header, #181D27);

font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
}
.m_revechat_tokenizer_box_counter {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.m_revechat_token_calculator_inner .example_btn,
.m_revechat_token_calculator_inner #fileInput {
  display: flex;
  padding: var(--Spacing-space-2, 8px) var(--Spacing-space-4, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-space-2, 8px);
  border-radius: var(--Spacing-space-2, 8px);
  background-color: var(--gray-light-mode-100, #f5f5f5);
  border: none;
  color: var(--gray-light-mode-700, #414651);

  /* Body-sm-14 PX/Medium */
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.m_revechat_token_calculator_inner .custom-file-input input[type=file]::-webkit-file-upload-button {
  display: none;
}
.m_revechat_token_calculator_inner #toggleTokens {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.m_revechat_token_calculator_inner #toggleTokens {
  border-radius: var(--Spacing-space-5, 20px);
  border: 1px solid var(--gray-light-mode-300, #d5d7da);
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  margin-left: 24px;
}
.m_revechat_token_calculator_inner #toggleTokens img {
  max-width: 100%;
  padding-right: 8px;
}
.m_revechat_token_calculator_inner .reset_btn {
  border: none;
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
.m_revechat_token_calculator_inner .reset_btn img{
 padding-right: 8px;
}
p.m_revechat_box_un_p {
  color: var(--gray-light-mode-600, #535862);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-align: left;
  padding: 16px 0px 32px 0px;
  margin: 0px;
}
.m_revechat_token_calculator_inner .custom-select-wrapper label {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "InstrumentSans-Medium";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 153.846% */
  padding-bottom: 8px;
}
.m_revechat_token_calculator_inner .custom-select-wrapper label span {
  color: red;
}
.m_revechat_token_calculator_inner .custom-select-wrapper {
  position: relative;
  width: 100%;
}
.m_revechat_token_calculator_inner .custom-select {
  padding: 10px;
  cursor: pointer;
  position: relative;
  border-radius: var(--Spacing-space-2, 8px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: var(--White, #fff);
  margin-bottom: 16px;
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.m_revechat_token_calculator_inner .custom-select::after {
  content: ""; /* down arrow */
  position: absolute;
  right: 15px;
  top: 12px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  transform: rotate(224deg);
}

.m_revechat_token_calculator_inner .custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-radius: 8px;
  border: 1px solid var(--Field-Border, #d9dee9);
  background: var(--White, #fff);
  box-shadow: 0px 6px 18px 0px rgba(67, 77, 101, 0.3);
  z-index: 100;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  padding: 8px;
  color: var(--gray-light-mode-700, #414651);

  /* Body-sm-14 PX/Medium */
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.m_revechat_token_calculator_inner .custom-option {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.m_revechat_token_calculator_inner .custom-option img{
 max-width: 100%;
 margin-right: 8px;
}
.m_revechat_token_calculator_inner .custom-select{
  display: flex;
  align-items: center;
}
.m_revechat_token_calculator_inner .custom-select img{
 max-width: 100%;
 margin-right: 10px;
}

.m_revechat_token_calculator_inner .custom-option:hover {
  border-radius: 6px;
  background: var(--gray-light-mode-100, #f5f5f5);
}
.m_revechat_token_calculator_inner .custom-file-input {
  position: relative;
  width: 130px;
}

.m_revechat_token_calculator_inner .custom-file-input input[type="file"] {
  width: 100%;
  height: 40px;
  opacity: 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.m_revechat_token_calculator_inner .custom-file-input::before {
  content: "Upload File";
  background: url("../svg/uploadsimple.svg") no-repeat 12px center;
  background-size: 16px 16px;
  padding: 10px 12px 10px 40px; /* extra left padding for icon */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: var(--Spacing-space-2, 8px);
  background-color: var(--gray-light-mode-100, #f5f5f5);
  color: #414651;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  pointer-events: none;
  z-index: 1;
}
.m_revechat_token_desc{
  padding: 64px 0px 96px 0px;
}
.m_revechat_token_desc h3{
  color: var(--gray-light-mode-900-section-header, #181D27);
/* Heading Web v3.0/h4 */
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h4, 24px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 36px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0px);
padding: 36px 0px 24px 0px;
margin: 0px;
}
.m_revechat_token_desc p{
 color: var(--gray-light-mode-700, #414651);

/* Body-16PX/Regular */
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
padding: 0px 0px 24px 0px;
margin: 0px;
}
.m_revechat_token_desc .container{
  width: 800px;
  margin: auto;
}
.m_revechat_token_sld{
  border-radius: var(--Spacing-space-5, 20px);
background: var(--gray-light-mode-50, #FAFAFA);
padding: 10px;
margin: 36px 0px 24px 0px;
}
.m_revechat_token_sld_inner{
  display: flex;
  justify-content: space-between;
}
.m_revechat_t_sld_i_l{
  width: 50%;
  padding: 30px;
}
.m_revechat_t_sld_i_r{
  width: 50%;
  display: flex;
  justify-content: end;
}
.m_revechat_t_sld_i_l span{
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 39.6px */
letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  background: linear-gradient(91deg, #800FD8 2.06%, #E53CB5 43.84%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.m_revechat_t_sld_i_l p:nth-of-type(1){
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 18px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0px);
background: linear-gradient(270deg, #EC7A92 27.71%, #B22CE3 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 8px 0px 12px 0px;
margin: 0px;
}
.m_revechat_t_sld_i_l p{
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 153.846% */
padding: 0px;
margin: 0px;
}
.m_revechat_t_sld_i_l a, .m_revechat_t_sld_i_l a:hover, .m_revechat_t_sld_i_l a:visited, .m_revechat_t_sld_i_l a:focus{
  color: var(--White, #FFF);
font-family: "InstrumentSans-SemiBold";
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 184.615% */
text-decoration: none;
display: inline-block;
padding: var(--Spacing-space-1, 4px) var(--Spacing-space-4, 16px);
justify-content: center;
align-items: center;
gap: 12px;
border-radius: var(--Spacing-space-2, 8px);
background: linear-gradient(90deg, #0F277C 21.43%, #B900FA 74.58%, #FF926F 105.26%);
margin: 24px 0px 42px 0px;
}
.m_revechat_token_desc .mySwiper {
  margin-top: 12px;
}
.m_revechat_token_desc .mySwiper .swiper-wrapper {
  transition-timing-function: linear !important; /* essential for smooth continuous motion */
}

.m_revechat_token_desc  .mySwiper .swiper-slide {
  width: auto;
}
.m_revechat_token_desc .mySwiper .swiper-slide img{
  max-width: 90px;
  object-fit: cover;
}
.m_revechat_t_sld_i_r img{
  max-width: 100%;
  object-fit: cover;
}
.m_revechat_token_calculator .custom-option.active{
background: var(--gray-light-mode-100, #F5F5F5);
border-radius: 6px;
position: relative;
}
.m_revechat_token_calculator .custom-option.active::after{
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 12px;
top: 6px;
background-image: url(../svg/dorpdown-check.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media only screen and (max-width: 1200px) {
  .m_revechat_token_desc .container{
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .m_revechat_tokenizer_box_counter{
    flex-wrap: wrap;
  }
  .m_revechat_token_calculator_inner .controls{
    margin: 15px 0px;
  }
  .m_revechat_token_desc .container{
    width: 100%;
  }
  .m_revechat_t_sld_i_r img{
  max-width: 100%;
  object-fit: fill;
}
.m_revechat_token_desc .mySwiper .swiper-slide img {
    max-width: 70px;
    object-fit: cover;
}
}
@media only screen and (max-width: 769px) {
  .m_revechat_token_calculator_inner .stats ul{
    flex-wrap: wrap;
    border-bottom: 1px solid #f5f5f5;
  }
  .m_revechat_token_calculator_inner .stats ul li{
    margin-bottom: 15px;
  }
  .m_revechat_token_sld_inner{
    display: block;
  }
  .m_revechat_t_sld_i_l, .m_revechat_t_sld_i_r{
    width: 100%;
  }
  .m_revechat_token_desc{
    padding: 0px 0px 40px 0px;
  }
  .m_revechat_token_desc .container .col-12{
    padding: 0px 36px;
  }
  .m_revechat_token_calculator{
    padding: 100px 0px 20px;
  }
  .m_revechat_token_calculator h1{
    font-size: 40px;
  }
  .m_revechat_token_calculator p{
    padding: 16px 0px 24px 0px;
  }
  .m_revechat_token_desc h3{
    padding: 24px 0px 16px 0px;
  }
  .m_revechat_token_calculator_inner{
    padding: 24px;
  }
   .m_revechat_home2_hero_section_banner_video_inner .m_revechat_home_banner_video_btn {
    display: none;
  }
}

/* token calculator design end here  */

/* product update page design start here */

.m_revechat_product_update{
    background: url('../product-update-banner-bg.html') no-repeat center center;
    background-size: cover;
    padding: 152px 0px 60px 0px;
}
.m_revechat_product_update_inr{
    text-align: center;
}
.m_revechat_product_update_inr h1{
   color: var(--gray-light-mode-900-section-header, #181D27);
text-align: center;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h0, 64px);
font-style: normal;
font-weight: 700;
line-height: 120%; /* 76.8px */
letter-spacing: var(--Typeface-Letter-spacing-lg, -0.5px);
padding: 0px;
margin: 0px;
}
.m_revechat_product_update_inr p{
  color: var(--gray-light-mode-700, #414651);
text-align: center;
font-family: "InstrumentSans-Regular";
font-size: var(--Typeface-Size-body-lg, 18px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
padding: 16px 0px 0px 0px;
margin: 0px;
}
.m_revechat_pdc_udt_dte{
    padding: 60px 0px 0px 0px;
    border-radius: 20px;
    background: var(--Primary-Colors-White, #FFF);
    margin: 0px 8px;
}
.m_revechat_pdc_udt_dte .container{
    max-width: 870px;
    margin: auto;
}
.m_revechat_pdc_udt_dte img{
    max-width: 100%;
    object-fit: contain;
}
.m_revechat_pdc_udt_dte_inr_cty ul{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 24px 0px 12px 0px;
    margin: 0px;
}
.m_revechat_pdc_udt_dte_inr_date ul{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 16px 0px 24px 0px;
    margin: 0px;
}
.m_revechat_pdc_udt_dte_inr_cty ul li, .m_revechat_pdc_udt_dte_inr_date ul li{
    list-style: none;
}
.m_revechat_pdc_udt_dte_inr_date ul li{
   display: flex;
   align-items: center;
}
.m_revechat_pdc_udt_dte_inr_date ul li:first-child{
  color: var(--gray-light-mode-500, #717680);
font-family:"InstrumentSans-Regular";
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.m_revechat_pdc_udt_dte_inr_date ul li:nth-child(2){
color: var(--grey-grey-20, #4D657C);
text-align: center;
font-family: "Plus Jakarta Sans";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 150% */
display: flex;
padding: 3px 6px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 6px;
border: 1px solid var(--gray-light-mode-300, #D5D7DA);
background: var(--gray-light-mode-100, #F5F5F5);
}
.m_revechat_pdc_udt_dte_inr_date ul li svg{
   padding-right: 6px;
   width: 24px;
}
.m_revechat_pdc_udt_dte_inr_cty ul li a{
    display: flex;
padding: 5px 8px;
justify-content: center;
align-items: center;
gap: 16px;
font-family: "Plus Jakarta Sans";
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 16.8px */
letter-spacing: -0.12px;
border-radius: 6px;
}
.m_revechat_pdc_udt_dte_inr_cty ul li.campaign a{
    color: #A6399B;
    background: rgba(166, 57, 155, 0.16);
}
.m_revechat_pdc_udt_dte_inr_cty ul li.inbox a{
    color: #724AF4;
background: rgba(114, 74, 244, 0.16);
}
.m_revechat_pdc_udt_dte_inr_title h2{
    color: var(--gray-light-mode-900-section-header, #181D27);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h3, 28px);
font-style: normal;
font-weight: 700;
line-height: 140%; /* 39.2px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
padding: 0px;
margin: 0px;
}
.m_revechat_pdc_udt_dte_inr_excerpt p{
   color: var(--gray-light-mode-700, #414651);
font-family: "InstrumentSans-Regular";
font-size: var(--Typeface-Size-body-lg, 18px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
padding: 0px;
margin: 0px;
}
.m_revechat_pdc_udt_dte_inr_excerpt_btn{
  text-align: center;
  margin: 40px 0px 112px 0px;
}
.m_revechat_pdc_udt_dte_inr_excerpt a{
    position: relative;
    color: var(--gray-light-mode-900-section-header, #181D27);
    font-family: "InstrumentSans-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    border-radius: 12px;
    padding: 12px 77px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    background: #fff;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.m_revechat_pdc_udt_dte_inr_excerpt a:hover{
background: linear-gradient(to right, #6314ba, #9309de, #f1748c);
color: #FFF;
}
.m_revechat_pdc_udt_dte_inr_excerpt a::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(to right, #6314ba, #9309de, #f1748c);
}
@media screen and (max-width: 767px) {
    .m_revechat_product_update{
        padding: 100px 0px 40px 0px;
    }
    .m_revechat_product_update_inr h1{
        font-size: 40px;
        line-height: 120%;
    }
    .m_revechat_product_update_inr p{
        font-size: 16px;
        line-height: 150%;
        padding: 12px 0px 0px 0px;
    }
    .m_revechat_pdc_udt_dte{
        padding: 40px 0px;
    }
    .m_revechat_pdc_udt_dte_inr_title h2{
        font-size: 24px;
        line-height: 140%;
    }
    .m_revechat_pdc_udt_dte_inr_excerpt p{
        font-size: 16px;
        line-height: 150%;
    }
    .m_revechat_pdc_udt_dte_inr_date ul{
      padding: 12px 0px 20px 0px;
    }
    .m_revechat_pdc_udt_dte_inr_cty ul{
        padding: 20px 0px 8px 0px;
    }
    .m_revechat_pdc_udt_dte_inr_excerpt_btn{
      margin: 40px 0px 72px 0px;
    }
    .m_revechat_pdc_udt_dte .container{
    max-width: 100%;
    margin: auto;
}
}
/* product update page design end here */
/* roi calculator page design start here  */
 .m_revechat_roi_calculator{
        background-image: url("../webp/disk-roi.webp");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 172px 0px 20px 0px;
    }
    .m_revechat_roi_calculator h1{
        color: var(--gray-light-mode-900-section-header, #181D27);
        text-align: center;
        font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
        font-size: var(--Typeface-Size-h0, 64px);
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 76.8px */
        letter-spacing: var(--Typeface-Letter-spacing-lg, -0.5px);
        padding: 0px;
        margin: 0px;
    }
    .m_revechat_roi_calculator p{
       color: var(--gray-light-mode-700, #414651);
        text-align: center;
        font-family: "InstrumentSans-Regular";
        font-size: var(--Typeface-Size-body-lg, 18px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
        padding: 16px 0px 60px 0px;
        margin: 0px;
    }
    .m_revechat_roi_cal_inner{
        display: flex;
        padding: 40px;
        gap: 40px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: var(--Spacing-space-5, 20px);
        background: #FFF;
        height: 100%;
    }
    .m_revechat_roi_cal_inner_lft{
        width: 35%;
    }
    .m_revechat_roi_cal_inner_rht{
        width: 65%;
    }
    .m_revechat_roi_cal_inner_rht{
        background-image: url("../webp/calculation.webp");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        text-align: center;
        border-radius: 16px;
        background-color: #FFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .m_revechat_roi_cal_inner_rht_top p, .m_revechat_roi_cal_inner_rht_btm p{
        color: var(--gray-light-mode-700, #414651);
        text-align: center;
        font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
        font-size: var(--Typeface-Size-body, 16px);
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 24px */
        padding: 0px;
        margin: 0px;
    }
    .m_revechat_roi_cal_inner_rht_top span, .m_revechat_roi_cal_inner_rht_btm span{
        color: var(--gray-light-mode-900-section-header, #181D27);
        text-align: center;
        font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
        font-size: var(--Typeface-Size-h1, 48px);
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 62.4px */
        letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);  
        padding: 0px;
        margin: 0px;
    }
    .m_revechat_roi_cal_inner_rht_btm{
      position: relative;
    }
    .m_revechat_roi_cal_inner_rht_btm:after{
      content: "";
      display: block;
      width: 130%;
      height: 1px;
      background-color: #181D27;
      opacity: 0.1;
      position: absolute;
      top: 0;
      left: -30px;
    }
    .m_revechat_roi_cal_inner_lft .input-group input.form-control:focus{
      box-shadow: none;
      outline: none;
      border: 1px solid var(--gray-light-mode-500, #717680)!important;
      border-right: none!important;
      background: transparent;
    }
    .m_revechat_roi_cal_inner_lft .form-range {
      position: relative;
    }

    .m_revechat_roi_cal_inner_lft .form-range::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 70%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      background: #D5D7DA;
      border-radius: 50%;
      pointer-events: none;
      border: 2px solid #fff;
    }
    .m_revechat_roi_cal_inner_lft .input-group {
      position: relative;
    }

    .m_revechat_roi_cal_inner_lft .mb-4:nth-of-type(3) .input-group:before {
      content: "$";
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #555;
      pointer-events: none;
      z-index: 1;
      font-size: 14px;
    }

    .m_revechat_roi_cal_inner_lft .mb-4:nth-of-type(3) .input-group input#agentCost {
      padding-left: 20px;
    }

      .m_revechat_roi_cal_inner_rht_top p{
       padding-bottom: 4px;
    }
      .m_revechat_roi_cal_inner_rht_top span{
       padding-bottom: 40px;
       display: block;
    }
      .m_revechat_roi_cal_inner_rht_btm p{
       padding-top: 40px;
       padding-bottom: 4px;
       display: block;
    }
    .m_revechat_roi_cal_inner_lft label{
        color: var(--gray-light-mode-800, #252B37);
        font-family: "InstrumentSans-Medium";
        font-size: var(--Typeface-Size-body-sm, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
        padding: 0px 0px 8px 0px;
        margin: 0px;
    }
    .m_revechat_roi_cal_inner_lft .form-control{
        display: flex;
        height: 48px;
        padding: 12px 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: var(--Spacing-space-2, 8px);
        border: 1px solid var(--gray-light-mode-500, #717680);
        border-right: none;
        background: var(--White, #FFF);
        margin: 0px;
        color: var(--gray-light-mode-400, #717680);
        font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
        font-size: var(--Typeface-Size-body-sm, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
    }
     .m_revechat_roi_cal_inner_lft .input-group-text:focus,  .m_revechat_roi_cal_inner_lft .form-control:focus, .m_revechat_roi_cal_inner_lft .form-select:focus{
        display: flex;
        height: 48px;
        padding: 12px 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: var(--Spacing-space-2, 8px);
        border: 1px solid var(--gray-light-mode-500, #717680);
        border-right: none;
        background: var(--White, #FFF);
        margin: 0px;
        outline: none;
        box-shadow: none;
     }
    .m_revechat_roi_cal_inner_lft .input-group-text{
        display: flex;
        height: 48px;
        padding: 12px 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: var(--Spacing-space-2, 8px);
        border: 1px solid var(--gray-light-mode-500, #717680);
        border-left: none;
        background: var(--White, #FFF);
        margin: 0px;
    }
    .m_revechat_roi_cal_inner_lft .form-select{
        display: flex;
        height: 48px;
        padding: 12px 16px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: var(--Spacing-space-2, 8px);
        border: 1px solid var(--gray-light-mode-500, #717680);
        border-left: none;
        background: var(--White, #FFF);
        margin: 0px;
    }
    .m_revechat_roi_cal_inner_lft #botValue{
      padding: 2px 8px;
      border-radius: 30px;
      border: 1px solid var(--gray-light-mode-200, #E9EAEB);
      background: #FFF;
      width: 56px;
      display: inline-block;
      margin-right: 4px;
    }
    .m_revechat_roi_cal_inner span#basic-addon1 , .m_revechat_roi_cal_inner  span#basic-addon2, .m_revechat_roi_cal_inner  span#basic-addon3 {
      color: var(--gray-light-mode-800, #252B37);
text-align: right;
font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: 20px; 
    }
/* .m_revechat_roi_cal_inner  span#basic-addon2 {
   position: relative;
    display: flex;
    padding: 6px 10px 6px 12px;
    align-items: center;
    gap: 6px;
    z-index: 1;
    width: 75px;
} */
/* .m_revechat_roi_cal_inner span#basic-addon2:after {
      display: block;
      content: "";
      position: absolute;
    background: var(--gray-light-mode-200, #E9EAEB);
    height: 75%;
    width: 65px;
    z-index: -1;
    right: 6px;
    border-radius: 4px;
} */
.m_revechat_roi_cal_inner #botPercent {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    outline: none;
}
.m_revechat_roi_cal_inner  #botPercent::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #8987FA;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -4px;
}
.m_revechat_roi_cal_inner  #botPercent::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #8987FA;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}
.m_revechat_roi_cal_inner  #botPercent.form-range {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    outline: none;
    background: linear-gradient(to right, #8987FA 0%, #8987FA 0%, #ccc 0%, #ccc 100%);
}
.m_revechat_roi_cal_inner  #botPercent.form-range::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 4px;
    background: transparent;
}
.m_revechat_roi_cal_inner  #botPercent.form-range::-moz-range-track {
    height: 8px;
    border-radius: 4px;
    background: transparent;
}
.m_revechat_roi_cal_inner  #botPercent.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    background: #8987FA;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
    position: relative;
    z-index: 100;
}

.m_revechat_roi_cal_inner  #botPercent.form-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #8987FA;
    border-radius: 50%;
    cursor: pointer;
}
.m_revechat_roi_cal_inner  #botPercent.form-range::-webkit-slider-thumb:active {
    background-color: #6f6dfa;
}
.m_revechat_roi_cal_inner  #botPercent.form-range::-moz-range-thumb:active {
    background-color: #6f6dfa;
}
.m_revechat_roi_cal_inner  .roi_avg{
color: var(--gray-light-mode-800, #252B37);
text-align: center;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
display: flex;
min-height: 32px;
padding: 3px 12px;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 8px;
background: var(--gray-light-mode-200, #E9EAEB);
border: none;
margin-top: 8px;
}
.m_revechat_roi_cal_inner input::placeholder {
color: var(--gray-light-mode-400, #A4A7AE);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.m_revechat_roi_cal_inner input::-moz-placeholder {
color: var(--gray-light-mode-400, #A4A7AE);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.m_revechat_roi_cal_inner input:-ms-input-placeholder {
color: var(--gray-light-mode-400, #A4A7AE);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.m_revechat_roi_cal_inner input::-ms-input-placeholder {
color: var(--gray-light-mode-400, #A4A7AE);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.m_revechat_roi_cal_inner input[type=number]::-webkit-inner-spin-button,
.m_revechat_roi_cal_inner input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.m_revechat_roi_cal_inner input[type=number] {
    -moz-appearance: textfield;
}
@media screen and (max-width: 991px) {
    .m_revechat_roi_cal_inner {
        flex-direction: column;
    }
    .m_revechat_roi_cal_inner_lft, .m_revechat_roi_cal_inner_rht {
        width: 100%;
    }
    .m_revechat_roi_cal_inner_rht {
        margin-top: 20px;
        order: 0; /* show first */
    }
    .m_revechat_roi_cal_inner_lft {
        order: 1; /* show second */
    }
}
@media screen and (max-width: 769px) {
.m_revechat_roi_calculator h1{
  font-size: 40px;
  line-height: 110%;
}
.m_revechat_roi_calculator{
  padding: 104px 0px 20px 0px;
}
.m_revechat_roi_calculator p{
  padding: 12px 0px 32px 0px;
  font-size: 16px;
}
.m_revechat_roi_cal_inner{
  padding: 16px;
}
.m_revechat_roi_cal_inner_rht{
  margin-top: 0px;
  padding: 32px 0px;
}
.m_revechat_roi_cal_inner_rht_top span {
  padding-bottom: 20px;
}
.m_revechat_roi_cal_inner_rht_btm p{
  padding: 20px 0px 0px 0px;
}
.m_revechat_roi_cal_inner_rht_top p{
  padding: 0px 0px 0px 0px;
}
.m_revechat_roi_cal_inner_rht_top span, .m_revechat_roi_cal_inner_rht_btm span{
  font-size: 32px;
}
.m_revechat_roi_cal_inner{
  gap: 20px;
}
.page-template-page-roi .m_revechat_token_desc .container .col-12{
  padding: 0px 16px;
}
.page-template-page-roi .m_revechat_t_sld_i_l {
  padding: 0px;
}
.page-template-page-roi .m_revechat_token_desc h3 {
  padding: 0px 0px 16px;
}
}

/* roi calculator page design end here  */

/* Common industries page design start here  */
.livechat_client_logo h2{
    color: var(--gray-light-mode-600, #535862);
    text-align: center;
    font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
    font-size: var(--Typeface-Size-h5, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
    padding: 60px 0px 8px 0px;
    margin: 0px;
}
 .m_revechat_cmn_btn_two a:nth-child(1) {
    background: linear-gradient(90deg, #0f277c 23.85%, #b900fa 74.12%, #ff926f 100%);
    box-shadow: 0 4px 24.8px 0 rgba(222, 255, 169, .52) inset;
    text-decoration: none;
    display: inline-block;
    background-size: 130% 70%;
    animation: 3s ease-in-out infinite gradientLoop;
    padding: 9px 20px;
    border-radius: 10px;
    color: var(--Primary-Colors-White, #FFF);
    font-family: "InstrumentSans-Medium";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    margin-right: 16px;
    transition: .3s ease-in-out;
    text-align: center;
}
.m_revechat_cmn_btn_two a:nth-child(2)::before {
    content: '';
    position: absolute;
    inset: 1.3px;
    background: white;
    border-radius: 8px;
    z-index: -1;
    transition: background 0.3s ease-in-out;
}

.m_revechat_cmn_btn_two a:nth-child(2) {
    position: relative;
    display: inline-flex;
    justify-content: center;
    padding: 9px 20px;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    font-family: "InstrumentSans-Medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(90deg, #0f277c, #b900fa, #ff926f);
    background-clip: border-box;
    transition: color 0.3s ease-in-out;
}
.m_revechat_cmn_btn_two a:hover::before, .m_revechat_cmn_btn_two a:hover, .m_revechat_indtris_cse_sty_inner_lft a:hover, .m_revechat_indtris_cse_sty_inner_lft a:hover::before {
     background: linear-gradient(90deg, #0f277c 23.85%, #b900fa 74.12%, #ff926f 100%);
     color: #FFF!important;
     box-shadow: 0 4px 24.8px 0 rgba(222, 255, 169, .52) inset;
}
.m_revechat_spr_grth{
    border-radius: 20px;
background: linear-gradient(115deg, #EDF6FF 3.78%, #DBEDFF 32.3%, #F0F8FF 79.46%);
padding: 121px 0px 95px 0px;
margin: 8px;
}
.m_revechat_spr_grth [class*="col-sm"] {
  display: flex;
}
.m_revechat_spr_grth_crd{
    display: flex;
padding: var(--Spacing-space-7, 32px);
flex-direction: column;
align-items: flex-start;
gap: var(--Spacing-space-5, 20px);
align-self: stretch;
border-radius: 16px;
background: #FFF;
margin: 0px 0px 24px 0px
}
.m_revechat_spr_grth_crd img{
   width: 48px;
   height: 48px;
   object-fit: contain;
}
.m_revechat_spr_grth_crd_tlt{
    display: flex;
    align-items: center;
}
.m_revechat_spr_grth_crd_tlt h3{
    display: flex;
    color: var(--gray-light-mode-900-section-header, #181D27);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h5, 20px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
padding: 0px 0px 0px 12px;
margin: 0px;
}

.m_revechat_spr_grth .container-fluid {
    max-width: 85%;
    margin: 0 auto;

}
.m_revechat_spr_grth h2, .m_revechat_scnd_testmnl h2{
  color: var(--gray-light-mode-900-section-header, #181D27);
text-align: center;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h2, 36px);
font-style: normal;
font-weight: 700;
line-height: 130%; /* 46.8px */
letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
padding: 0px;
margin: 0px;
}
.m_revechat_scnd_testmnl h2{
  padding-bottom: 60px;
}
.m_revechat_spr_grth p{
color: var(--gray-light-mode-700, #414651);
text-align: center;
font-family: "InstrumentSans-Regular";
font-size: var(--Typeface-Size-body-lg, 18px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
padding: 24px 0px 48px 0px;
margin: 0px;
}
.m_revechat_spr_grth_crd p{
 color: var(--gray-light-mode-500, #717680);
 font-family: "InstrumentSans-Regular";
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 400;
text-align: left;
line-height: 150%; /* 24px */
padding: 0px 0px 0px 0px;
margin: 0px;
}
.m_revechat_wth_crd_sec{
  border-radius: 20px;
background: var(--gray-light-mode-950-header-large, #0A0D12);
padding: 120px 0px 123px 0px;
margin: 8px 8px 0px 8px;
position: relative;
}
.m_revechat_wth_crd_sec:after{
  display: block;
  content: "";
  width: 20%;
height: 50%;
transform: rotate(-135deg);
flex-shrink: 0;
border-radius: 9999px;
opacity: 0.16;
background: #4434FF;
filter: blur(50px);
position: absolute;
top: 10%;
left: 10%;
}
.m_revechat_wth_crd_sec p, .m_revechat_how_to_hlp p, .m_revechat_cstmr_srvc p{
color: var(--gray-light-mode-25, #FDFDFD);
text-align: center;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-lg, 18px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
padding: 24px 0px 48px 0px;
margin: 0px;
}
.m_revechat_wth_crd_sec h2, .m_revechat_how_to_hlp h2, .m_revechat_indtris_cse_sty h2, .m_revechat_cstmr_srvc h2{
  color: #FFF;
text-align: center;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h2, 36px);
font-style: normal;
font-weight: 700;
line-height: 130%; /* 46.8px */
letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
padding: 0px;
margin: 0px;
}
.m_revechat_indtris_cse_sty h2{
  color: #181D27;
  padding-bottom: 48px;
}
.m_revechat_wth_crd {
    border-radius: 16px;
    padding: 32px;
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: start;
    color: white;
    overflow: hidden;
    width: 100%;
}
.card-1 {
 background-color: rgba(46, 138, 229, 1);
}.card-1:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='186' height='154' viewBox='0 0 186 154' fill='none'%3E%3Cpath d='M214 47C214 56.9739 206.825 64.4544 200.491 71.0559C196.89 74.82 193.164 78.6987 191.759 82.1094C190.46 85.2334 190.384 90.4114 190.307 95.427C190.164 104.751 190.011 115.318 182.664 122.664C175.318 130.011 164.751 130.164 155.427 130.307C150.411 130.384 145.233 130.46 142.109 131.759C138.699 133.164 134.82 136.89 131.056 140.491C124.454 146.825 116.974 154 107 154C97.0261 154 89.5456 146.825 82.9441 140.491C79.18 136.89 75.3012 133.164 71.8906 131.759C68.7666 130.46 63.5886 130.384 58.5729 130.307C49.2487 130.164 38.6824 130.011 31.3357 122.664C23.989 115.318 23.8362 104.751 23.6929 95.427C23.6164 90.4114 23.54 85.2334 22.2407 82.1094C20.8363 78.6987 17.1104 74.82 13.5087 71.0559C7.17473 64.4544 0 56.9739 0 47C0 37.0261 7.17473 29.5456 13.5087 22.9441C17.1104 19.18 20.8363 15.3012 22.2407 11.8906C23.54 8.76661 23.6164 3.58857 23.6929 -1.42706C23.8362 -10.7513 23.989 -21.3176 31.3357 -28.6643C38.6824 -36.011 49.2487 -36.1638 58.5729 -36.3071C63.5886 -36.3836 68.7666 -36.46 71.8906 -37.7593C75.3012 -39.1637 79.18 -42.8896 82.9441 -46.4913C89.5456 -52.8253 97.0261 -60 107 -60C116.974 -60 124.454 -52.8253 131.056 -46.4913C134.82 -42.8896 138.699 -39.1637 142.109 -37.7593C145.233 -36.46 150.411 -36.3836 155.427 -36.3071C164.751 -36.1638 175.318 -36.011 182.664 -28.6643C190.011 -21.3176 190.164 -10.7513 190.307 -1.42706C190.384 3.58857 190.46 8.76661 191.759 11.8906C193.164 15.3012 196.89 19.18 200.491 22.9441C206.825 29.5456 214 37.0261 214 47Z' fill='%23489CF0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  position: relative; /* or absolute, depending on your layout */
}

.card-2 {
  background-color: rgba(47, 89, 229, 1);
}

.card-2:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='186' height='154' viewBox='0 0 186 154' fill='none'%3E%3Cpath d='M214 47C214 56.9739 206.825 64.4544 200.491 71.0559C196.89 74.82 193.164 78.6987 191.759 82.1094C190.46 85.2334 190.384 90.4114 190.307 95.427C190.164 104.751 190.011 115.318 182.664 122.664C175.318 130.011 164.751 130.164 155.427 130.307C150.411 130.384 145.233 130.46 142.109 131.759C138.699 133.164 134.82 136.89 131.056 140.491C124.454 146.825 116.974 154 107 154C97.0261 154 89.5456 146.825 82.9441 140.491C79.18 136.89 75.3012 133.164 71.8906 131.759C68.7666 130.46 63.5886 130.384 58.5729 130.307C49.2487 130.164 38.6824 130.011 31.3357 122.664C23.989 115.318 23.8362 104.751 23.6929 95.427C23.6164 90.4114 23.54 85.2334 22.2407 82.1094C20.8363 78.6987 17.1104 74.82 13.5087 71.0559C7.17473 64.4544 0 56.9739 0 47C0 37.0261 7.17473 29.5456 13.5087 22.9441C17.1104 19.18 20.8363 15.3012 22.2407 11.8906C23.54 8.76661 23.6164 3.58857 23.6929 -1.42706C23.8362 -10.7513 23.989 -21.3176 31.3357 -28.6643C38.6824 -36.011 49.2487 -36.1638 58.5729 -36.3071C63.5886 -36.3836 68.7666 -36.46 71.8906 -37.7593C75.3012 -39.1637 79.18 -42.8896 82.9441 -46.4913C89.5456 -52.8253 97.0261 -60 107 -60C116.974 -60 124.454 -52.8253 131.056 -46.4913C134.82 -42.8896 138.699 -39.1637 142.109 -37.7593C145.233 -36.46 150.411 -36.3836 155.427 -36.3071C164.751 -36.1638 175.318 -36.011 182.664 -28.6643C190.011 -21.3176 190.164 -10.7513 190.307 -1.42706C190.384 3.58857 190.46 8.76661 191.759 11.8906C193.164 15.3012 196.89 19.18 200.491 22.9441C206.825 29.5456 214 37.0261 214 47Z' fill='%234F78FF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  animation: rotateImage 8s linear infinite;
  transform-origin: center center;
  position: relative; /* or absolute */
}

.card-3 {
  
   background-color: #5c32ce;
}

.card-3:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='186' height='154' viewBox='0 0 186 154' fill='none'%3E%3Cpath d='M214 47C214 56.9739 206.825 64.4544 200.491 71.0559C196.89 74.82 193.164 78.6987 191.759 82.1094C190.46 85.2334 190.384 90.4114 190.307 95.427C190.164 104.751 190.011 115.318 182.664 122.664C175.318 130.011 164.751 130.164 155.427 130.307C150.411 130.384 145.233 130.46 142.109 131.759C138.699 133.164 134.82 136.89 131.056 140.491C124.454 146.825 116.974 154 107 154C97.0261 154 89.5456 146.825 82.9441 140.491C79.18 136.89 75.3012 133.164 71.8906 131.759C68.7666 130.46 63.5886 130.384 58.5729 130.307C49.2487 130.164 38.6824 130.011 31.3357 122.664C23.989 115.318 23.8362 104.751 23.6929 95.427C23.6164 90.4114 23.54 85.2334 22.2407 82.1094C20.8363 78.6987 17.1104 74.82 13.5087 71.0559C7.17473 64.4544 0 56.9739 0 47C0 37.0261 7.17473 29.5456 13.5087 22.9441C17.1104 19.18 20.8363 15.3012 22.2407 11.8906C23.54 8.76661 23.6164 3.58857 23.6929 -1.42706C23.8362 -10.7513 23.989 -21.3176 31.3357 -28.6643C38.6824 -36.011 49.2487 -36.1638 58.5729 -36.3071C63.5886 -36.3836 68.7666 -36.46 71.8906 -37.7593C75.3012 -39.1637 79.18 -42.8896 82.9441 -46.4913C89.5456 -52.8253 97.0261 -60 107 -60C116.974 -60 124.454 -52.8253 131.056 -46.4913C134.82 -42.8896 138.699 -39.1637 142.109 -37.7593C145.233 -36.46 150.411 -36.3836 155.427 -36.3071C164.751 -36.1638 175.318 -36.011 182.664 -28.6643C190.011 -21.3176 190.164 -10.7513 190.307 -1.42706C190.384 3.58857 190.46 8.76661 191.759 11.8906C193.164 15.3012 196.89 19.18 200.491 22.9441C206.825 29.5456 214 37.0261 214 47Z' fill='%23784FE8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  position: relative; /* or absolute */
}

.m_revechat_wth_crd:after {
    position: absolute;
    right: 0px;
    top: -30px;
    content: "";
    display: block;
    width: 180px;
    height: 100%;
    border-radius: 0px 16px 16px 0px;
    z-index: -1;
}
  .m_revechat_wth_crd span{
   color: var(--Primary-Colors-White, #fff);
    font-family: "Plus Jakarta Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -1.2px;
    margin: 0;
    padding: 0;
  }
  .m_revechat_wth_crd p{
     color: var(--Primary-Colors-White, #fff);
    font-family: "InstrumentSans-Regular";
    font-size: 17px;
    padding: 0;
    margin: 0;
    font-style: normal;
    line-height: 30px;
    text-align: left;
  }
 
  .m_revechat_wth_crd_rth img{
     max-width: 100%;
     position: relative;
     z-index: 1;
  }
  .m_revechat_how_to_hlp{
    border-radius: 20px;
background: var(--gray-light-mode-950-header-large, #0A0D12);
padding: 120px 0px;
margin: 8px 8px 0px 8px;
  }
  .m_revechat_how_to_hlp .container .row .col-12:nth-child(3)  img{
    width: 100%;
    object-fit: cover;
  }
  .m_revechat_how_to_hlp img{
    max-width: 100%;
    padding-bottom: 79px;
  }
  .m_revechat_how_to_hlp_crd img{
    max-width: 100%;
    padding-bottom: 0px;
  }
  .m_revechat_how_to_hlp_crd{
padding: var(--Spacing-space-7, 32px);
border-radius: var(--Spacing-space-6, 24px);
border: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.06);
height: 100%;
  }
  .m_revechat_how_to_hlp_crd h3{
    color: var(--Primary-Colors-White, #FFF);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h5, 20px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
padding: 24px 0px 12px 0px;
margin: 0px;
  }
  .m_revechat_how_to_hlp_crd p{
color: var(--gray-light-mode-100, #F5F5F5);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-align: left;
padding: 0px;
margin: 0px;
  }
  .m_revechat_indtris_cse_sty_inner{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border-radius: var(--Spacing-space-6, 24px);
border: 2px solid #CDC9FB;
background: linear-gradient(110deg, #F1F0FF 0.85%, #FFF 67.7%);
  }
  .m_revechat_indtris_cse_sty_inner_lft{
   width: 55%;
   padding: 62px 60px;
   display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: var(--Spacing-space-6, 24px);
align-self: stretch;
  }
  .m_revechat_indtris_cse_sty_inner_rgt{
   width: 55%;
   border-radius: 0px 24px 24px 0px;
   display: flex;
   align-items: end;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd{
   display: flex;
   gap: 20px;
   margin: 0px 30px 30px;
   width: 90%;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd:nth-of-type(1){
   border-radius: var(--Spacing-space-3, 12px);
border: 0 solid #1F1F1F;
background: #181D27;
box-shadow: -4px 4px 0 0 rgba(116, 122, 249, 0.80);
  }
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd:nth-of-type(2){
border-radius: var(--Spacing-space-3, 12px);
border: 0 solid #1F1F1F;
background: #181D27;
box-shadow: -4px 4px 0 0 rgba(40, 157, 60, 0.80);
  }
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd:nth-of-type(1).card-1:after {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='89' viewBox='0 0 99 89' fill='none'%3E%3Cpath d='M117.625 30C117.625 35.4647 113.694 39.5632 110.224 43.1802C108.25 45.2425 106.209 47.3677 105.439 49.2363C104.728 50.948 104.686 53.785 104.644 56.5331C104.565 61.6418 104.481 67.431 100.456 71.4562C96.431 75.4815 90.6418 75.5652 85.5331 75.6437C82.785 75.6856 79.948 75.7275 78.2363 76.4394C76.3677 77.2088 74.2425 79.2502 72.1802 81.2236C68.5632 84.694 64.4647 88.625 59 88.625C53.5353 88.625 49.4368 84.694 45.8198 81.2236C43.7575 79.2502 41.6323 77.2088 39.7637 76.4394C38.052 75.7275 35.215 75.6856 32.467 75.6437C27.3582 75.5652 21.569 75.4815 17.5437 71.4562C13.5185 67.431 13.4348 61.6418 13.3562 56.5331C13.3144 53.785 13.2725 50.948 12.5606 49.2363C11.7912 47.3677 9.74977 45.2425 7.77641 43.1802C4.30602 39.5632 0.375 35.4647 0.375 30C0.375 24.5353 4.30602 20.4368 7.77641 16.8198C9.74977 14.7575 11.7912 12.6323 12.5606 10.7637C13.2725 9.05203 13.3144 6.215 13.3562 3.46695C13.4348 -1.6418 13.5185 -7.43102 17.5437 -11.4563C21.569 -15.4815 27.3582 -15.5652 32.467 -15.6438C35.215 -15.6856 38.052 -15.7275 39.7637 -16.4394C41.6323 -17.2088 43.7575 -19.2502 45.8198 -21.2236C49.4368 -24.694 53.5353 -28.625 59 -28.625C64.4647 -28.625 68.5632 -24.694 72.1802 -21.2236C74.2425 -19.2502 76.3677 -17.2088 78.2363 -16.4394C79.948 -15.7275 82.785 -15.6856 85.5331 -15.6438C90.6418 -15.5652 96.431 -15.4815 100.456 -11.4563C104.481 -7.43102 104.565 -1.6418 104.644 3.46695C104.686 6.215 104.728 9.05203 105.439 10.7637C106.209 12.6323 108.25 14.7575 110.224 16.8198C113.694 20.4368 117.625 24.5353 117.625 30Z' fill='%234F78FF' fill-opacity='0.17'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd:nth-of-type(2).card-1:after {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='89' viewBox='0 0 99 89' fill='none'%3E%3Cpath d='M117.625 30C117.625 35.4647 113.694 39.5632 110.224 43.1802C108.25 45.2425 106.209 47.3677 105.439 49.2363C104.728 50.948 104.686 53.785 104.644 56.5331C104.565 61.6418 104.481 67.431 100.456 71.4562C96.431 75.4815 90.6418 75.5652 85.5331 75.6437C82.785 75.6856 79.948 75.7275 78.2363 76.4394C76.3677 77.2088 74.2425 79.2502 72.1802 81.2236C68.5632 84.694 64.4647 88.625 59 88.625C53.5353 88.625 49.4368 84.694 45.8198 81.2236C43.7575 79.2502 41.6323 77.2088 39.7637 76.4394C38.052 75.7275 35.215 75.6856 32.467 75.6437C27.3582 75.5652 21.569 75.4815 17.5437 71.4562C13.5185 67.431 13.4348 61.6418 13.3562 56.5331C13.3144 53.785 13.2725 50.948 12.5606 49.2363C11.7912 47.3677 9.74977 45.2425 7.77641 43.1802C4.30602 39.5632 0.375 35.4647 0.375 30C0.375 24.5353 4.30602 20.4368 7.77641 16.8198C9.74977 14.7575 11.7912 12.6323 12.5606 10.7637C13.2725 9.05203 13.3144 6.215 13.3562 3.46695C13.4348 -1.6418 13.5185 -7.43102 17.5437 -11.4563C21.569 -15.4815 27.3582 -15.5652 32.467 -15.6438C35.215 -15.6856 38.052 -15.7275 39.7637 -16.4394C41.6323 -17.2088 43.7575 -19.2502 45.8198 -21.2236C49.4368 -24.694 53.5353 -28.625 59 -28.625C64.4647 -28.625 68.5632 -24.694 72.1802 -21.2236C74.2425 -19.2502 76.3677 -17.2088 78.2363 -16.4394C79.948 -15.7275 82.785 -15.6856 85.5331 -15.6438C90.6418 -15.5652 96.431 -15.4815 100.456 -11.4563C104.481 -7.43102 104.565 -1.6418 104.644 3.46695C104.686 6.215 104.728 9.05203 105.439 10.7637C106.209 12.6323 108.25 14.7575 110.224 16.8198C113.694 20.4368 117.625 24.5353 117.625 30Z' fill='%234FFF6C' fill-opacity='0.09'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd{
  padding: 20px;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd:after{
    top: -10px;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd p{
  color: rgba(255, 255, 255, 0.90);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
  }
  .m_revechat_cse_sty_inner_rgt_tcrd span{
  color: #FFF;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h4, 24px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  }
  .m_revechat_indtris_cse_sty_inner_rgt img {
    max-width: 50%;
}
.m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd_rth{
  display: flex;
  justify-content: center;
  width: 66px;
}
  .m_revechat_indtris_cse_sty{
    padding: 120px 0px;
  }
  .m_revechat_indtris_cse_sty_inner_lft span{
    color: var(--gray-light-mode-700, #414651);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
    font-size: var(--Typeface-Size-body-sm, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    border-radius: 30px;
    border: 0 solid var(--gray-light-mode-200, #E9EAEB);
    background: #FFF;
    display: flex;
    padding: 8px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .m_revechat_indtris_cse_sty_inner_lft h3{
    color: var(--gray-light-mode-900-section-header, #181D27);
    font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
    font-size: var(--Typeface-Size-h2, 36px);
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 46.8px */
    letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
    padding: 0px;
    margin: 0px;
  }
  .m_revechat_indtris_cse_sty_inner_lft p{
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
    padding: 0px;
    margin: 0px;
  }
  .m_revechat_indtris_cse_sty_inner_lft a{
position: relative;
    display: inline-flex;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    font-family: "InstrumentSans-Medium";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(90deg, #0f277c, #b900fa, #ff926f);
    background-clip: border-box;
    transition: color 0.3s ease-in-out;
text-decoration: none;
  }
  .m_revechat_indtris_cse_sty_inner_lft a::before {
    content: '';
    position: absolute;
    inset: 1.3px;
   background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    z-index: -1;
    transition: background-color 0.3s ease-in-out;
}
.m_revechat_indtris_sdr .swiper-button-next:after, .m_revechat_indtris_sdr .swiper-button-prev:after, .secondTestimonialSwiper .swiper-button-prev:after, .secondTestimonialSwiper .swiper-button-next:after{
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    background-image: url(../svg/arrow-narrow-right.svg);
    background-repeat: no-repeat;
   border-radius: 40px;  
   background-position: center;
   background-color: var(--gray-light-mode-200, #E9EAEB);
   padding: 16px;
   position: inherit;
   transition: .3s ease-in-out;
}
.m_revechat_indtris_sdr .swiper-button-next:hover:after, .m_revechat_indtris_sdr .swiper-button-prev:hover:after, .secondTestimonialSwiper .swiper-button-prev:hover:after, .secondTestimonialSwiper .swiper-button-next:hover:after{
    filter: invert(1);
}
.m_revechat_indtris_sdr{
  position: relative;
}
.m_revechat_indtris_sdr .swiper-button-prev:after{
  transform: rotate(-180deg);
  left: 100px;
}
.secondTestimonialSwiper .swiper-button-prev:after{
  transform: rotate(-180deg);
  margin-left: 12px;
}
.secondTestimonialSwiper .swiper-button-next:after{
  margin-right: 12px;
}
.m_revechat_indtris_sdr .swiper-button-next:after{
  right: 100px;
}
.m_revechat_indtris_sdr .swiper-slide .m_revechat_indtris_cse_sty_inner{
  width: 100%;
  margin: auto;
}
.m_revechat_scnd_testmnl{
  padding: 120px 0px;
}
.m_revechat_trsted_by_wldwde{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
   width: 80%;
  margin: auto;
}
.m_revechat_trsted_by_wldwde img{
 max-width: 100%;
}
.m_revechat_trsted_by_wldwde_lft{
  width: 25%;
}
.m_revechat_trsted_by_wldwde_rgt{
  width: 75%;
}
.m_revechat_trsted_by_wldwde_rgt{
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 24px;
}
.m_revechat_trsted_by_wldwde_rgt p{
  color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-lg, 18px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
padding: 0px;
margin: 0px;
}
.m_revechat_trsted_by_wldwde_rgt_tilt p{
color: var(--gray-light-mode-500, #717680);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
padding: 0px;
margin: 0px;
}
.m_revechat_trsted_by_wldwde_rgt_tilt span{
color: var(--gray-light-mode-900-section-header, #181D27);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h5, 20px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
padding: 0px 0px 4px 0px;
margin: 0px;
}
.m_revechat_cstmr_srvc{
  padding: 120px 0px;
}
.m_revechat_cstmr_srvc img{
  max-width: 100%;
}

.m_revechat_cstmr_srvc h2{
  color: #181D27;
}
.m_revechat_cstmr_srvc p{
  color: #414651;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr h3{
color: var(--gray-light-mode-900-section-header, #181D27);
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h3, 28px);
font-style: normal;
text-align: left;
font-weight: 700;
line-height: 140%; /* 39.2px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
padding: 0px;
margin: 0px;
}
.m_revechat_cstmr_srvc .row:nth-child(even) .m_revechat_cstmr_srvc_inr {
  padding-left: 80px;
}

.m_revechat_cstmr_srvc .row:nth-child(odd) .m_revechat_cstmr_srvc_inr {
  padding-left: 0; /* optional reset */
}
.m_revechat_cstmr_srvc .row{
  padding-bottom: 120px;
}
.m_revechat_cstmr_srvc .row:last-child, .m_revechat_cstmr_srvc .row:first-child{
  padding-bottom: 0px;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr p{
color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
text-align: left;
font-weight: 500;
line-height: 150%; /* 24px */
padding: 16px 0px 32px 0px;
margin: 0px;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li{
color: var(--gray-light-mode-700, #414651);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
list-style: none;
font-weight: 500;
line-height: 150%; /* 24px */
padding: 6px 0px;
margin: 0px;
position: relative;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'><path d='M12 21.5C16.9706 21.5 21 17.4706 21 12.5C21 7.52944 16.9706 3.5 12 3.5C7.02944 3.5 3 7.52944 3 12.5C3 17.4706 7.02944 21.5 12 21.5Z' stroke='%23414651' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.125 10.25L10.6219 15.5L7.875 12.875' stroke='%23414651' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -32px;
  top: 6px;
}

.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr a{
  color: var(--Blue-Blue-90---Base, #004FFF);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body, 16px);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
text-decoration: none;
position: relative;
transition: .5s ease-in-out;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr a:after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #004FFF;
  border-right: 2px solid #004FFF;
  opacity: .7;
  position: absolute;
  right: -12px;
  top: 7px;
  transform: rotate(45deg);
  transition: .5s ease-in-out;
}
/* .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr a:hover:after{
   right: -22px;
   transition: .5s ease-in-out;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr a:before{
     content: "";
    display: block;
    width: 0px;
    height: 5px;
    border-top: 2px solid #004FFF;
    opacity: .5;
    position: absolute;
    right: -22px;
    top: 11px;
    transition: .5s ease-in-out;
} */
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr a:hover:before{
    width: 14px;
}
.m_revechat_cstmr_srvc .container .row{
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
.m_revechat_indtris_cse_sty .swiper-slide .m_revechat_indtris_cse_sty_inner {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
.m_revechat_indtris_cse_sty .swiper-slide .m_revechat_indtris_cse_sty_inner {
    max-width: 720px;
  }
      .m_revechat_indtris_sdr .swiper-button-prev:after {
   left: 0px;
 }
  .m_revechat_indtris_sdr .swiper-button-next:after {
   right: 0px;
 }
}

@media (min-width: 992px) {
 .m_revechat_indtris_cse_sty .swiper-slide .m_revechat_indtris_cse_sty_inner {
    max-width: 960px;
  }
     .m_revechat_indtris_sdr .swiper-button-prev:after {
   left: 0px;
 }
  .m_revechat_indtris_sdr .swiper-button-next:after {
   right: 0px;
 }
}

@media (min-width: 1200px) {
.m_revechat_indtris_cse_sty .swiper-slide .m_revechat_indtris_cse_sty_inner {
    max-width: 1140px;
  }
    .m_revechat_indtris_sdr .swiper-button-prev:after {
   left: 0px;
 }
  .m_revechat_indtris_sdr .swiper-button-next:after {
   right: 0px;
 }
}

@media (min-width: 1400px) {
  .m_revechat_indtris_cse_sty .swiper-slide .m_revechat_indtris_cse_sty_inner {
    max-width: 1320px;
  }
  .m_revechat_indtris_sdr .swiper-button-prev:after {
   left: 0px;
 }
  .m_revechat_indtris_sdr .swiper-button-next:after {
   right: 0px;
 }
}
@media (min-width: 1600px) {
 .m_revechat_indtris_sdr .swiper-button-prev:after {
   left: 50px;
 }
  .m_revechat_indtris_sdr .swiper-button-next:after {
   right: 50px;
 }
}
@media (min-width: 1700px) {
  .m_revechat_indtris_sdr .swiper-button-prev:after {
   left: 80px;
 }
  .m_revechat_indtris_sdr .swiper-button-next:after {
   right: 80px;
 }
}
@media (min-width: 1800px) {
   .m_revechat_indtris_sdr .swiper-button-prev:after {
   
 }
}
  @media (min-width: 1001px) {
  .m_revechat_how_to_hlp .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 24px;
  }
  .m_revechat_how_to_hlp .swiper-slide {
    width: auto !important;
    height: auto !important;
  }
 .m_revechat_how_to_hlp .swiper-button-next,
 .m_revechat_how_to_hlp .swiper-button-prev,
  .swiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  body br{
    display: none;
  }
  .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li:after {
    top: 8px;
    left: -8%;
  }
}
@media screen and (max-width: 991px) {
 .m_revechat_cstmr_srvc .row:nth-child(even) .m_revechat_cstmr_srvc_inr {
    padding-left: 0px;
}
    .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li:after {
      left: -10%;
    }
  .m_revechat_wth_crd{
    height: auto;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 769px) {
  .m_revechat_main_header_inner_left,
  .m_revechat_main_header_inner_right{
    display: none;
  }
  .m_reve_indstrs_comn .m_revechat_cmn_btn_two{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
  .m_reve_indstrs_comn .m_revechat_cmn_btn_two a:nth-child(1){
    margin-right: 0px;
  }
  .m_reve_indstrs_comn .m_revechat_livechat_banner_inner_right::before{
    display: none;
  }
  .m_reve_indstrs_comn .m_revechat_livechat_banner_inner_left {
    padding-bottom: 60px;
  }
  .m_reve_indstrs_comn .m_revechat_livechat_banner_inner_right {
    padding-bottom: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m_reve_indstrs_comn .m_revechat_cmn_btn_two a:nth-child(1), .m_reve_indstrs_comn .m_revechat_cmn_btn_two a:nth-child(2) {
    line-height: 150%;
    padding: 12px 20px;
    font-size: 16px;
  }
  .livechat_client_logo h2{
    padding: 32px 0px 0px;
    color: var(--gray-light-mode-600, #535862);
text-align: center;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h5, 18px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
margin: 0px;
  }
  .livechat_client_logo .marquee-container .revechat_customer_logo_lider{
    padding: 28px 0px 32px 0px;
  }
  .m_revechat_spr_grth, .m_revechat_cstmr_srvc, .m_revechat_wth_crd_sec, .m_revechat_how_to_hlp{
    border-radius: 0px;
    margin: 8px 0px;
    padding: 60px 0px;
  }
  .m_revechat_indtris_cse_sty{
    padding: 60px 0px 0px;
  }
  .m_revechat_scnd_testmnl .secondTestimonialSwiper {
    padding: 30px 0px 156px 0px;
  }
  .m_revechat_scnd_testmnl{
    padding: 60px 0px 0px 0px;
  }
  .m_revechat_spr_grth h2, .m_revechat_cstmr_srvc h2, .m_revechat_wth_crd_sec h2, .m_revechat_how_to_hlp h2, .m_revechat_indtris_cse_sty h2{
    font-size: 28px;
    line-height: 130%;
  }
  .m_revechat_spr_grth h2 br{
    display: none;
  }
.m_revechat_cstmr_srvc p, .m_revechat_wth_crd_sec p, .m_revechat_how_to_hlp p{
    font-size: 16px;
    line-height: 150%;
  }
  .m_revechat_spr_grth p br, .m_revechat_cstmr_srvc p br, .m_revechat_how_to_hlp p br{
    display: none;
  }
  .m_revechat_spr_grth .container-fluid{
    width: 100%;
    max-width: 100%;
  }
  .m_revechat_spr_grth_crd_tlt h3{
    font-size: 18px;
    line-height: 150%;
  }
  .m_revechat_spr_grth_crd_tlt p, .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr p, .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li, .m_revechat_spr_grth p{
    font-size: 14px;
    line-height: 150%;
  }
  .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr{
    padding-left: 0px;
  }
  .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr h3{
    font-size: 24px;
  }
  .m_revechat_cstmr_srvc img{
    padding-top: 40px;
  }
  .m_revechat_cstmr_srvc_inr ul{
    padding: 0px 0px 0px 18px;
  }
  .m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li:after{
    width: 18px;
    height: 18px;
    top: 8px;
  }
  .m_revechat_wth_crd span{
    font-size: 32px;
    line-height: 130%
  }
  .m_revechat_wth_crd{
    margin-bottom: 12px;
    height: auto;
    padding: 24px;
  }
  .m_revechat_wth_crd:after {
    top: -10px;
  }
 .col-sm-12:last-of-type .m_revechat_wth_crd {
  margin-bottom: 0;
}
.m_revechat_scnd_testmnl h2{
  padding-bottom: 40px;
  font-size: 28px;
  line-height: 130%;
}
.m_revechat_trsted_by_wldwde{
  flex-direction: column;
  width: 100%;
}
.m_revechat_trsted_by_wldwde_lft, .m_revechat_trsted_by_wldwde_rgt{
  width: 100%;
}
.secondTestimonialSwiper .swiper-button-next, .secondTestimonialSwiper .swiper-button-prev{
  position: absolute;
  top: 90%;
}
.secondTestimonialSwiper .swiper-button-next{
 right: 30%;
}
.secondTestimonialSwiper .swiper-button-prev{
 left: 30%;
}
.m_revechat_spr_grth_crd{
  padding: 24px;
}
.m_revechat_cstmr_srvc .row:nth-child(even) .m_revechat_cstmr_srvc_inr {
    padding-left: 0px;
}
.m_revechat_cstmr_srvc .row{
  padding-bottom: 32px; 
}
.m_revechat_cstmr_srvc .row {
    flex-direction: column;
  }
  .m_revechat_cstmr_srvc .row:nth-child(even) .col-sm-12:first-child {
    order: 2;
  }
  .m_revechat_cstmr_srvc .row:nth-child(even) .col-sm-12:last-child {
    order: 1;
  }
  .m_revechat_cstmr_srvc .row:nth-child(odd) .col-sm-12:first-child {
    order: 1;
  }
  .m_revechat_cstmr_srvc .row:nth-child(odd) .col-sm-12:last-child {
    order: 2;
  }
  .m_revechat_indtris_cse_sty_inner{
    flex-direction: column;
  }
  .m_revechat_indtris_cse_sty_inner_lft, .m_revechat_indtris_cse_sty_inner_rgt{
    width: 100%;
    padding: 24px;
  }
  .m_revechat_indtris_cse_sty_inner_rgt{
   display: initial;
  }
  .m_revechat_indtris_cse_sty_inner_lft a{
    width: 100%;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd{
    flex-direction: column;
    margin: 0px;
    gap: 16px;
    width: 100%;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd{
    margin-bottom: 0px;
  }
  .m_revechat_cse_sty_inner_rgt_tcrd .m_revechat_wth_crd span{
   font-size: 20px;
  }
  .m_revechat_indtris_cse_sty_inner_rgt{
    border-radius: 16px;
  }
  .m_revechat_indtris_sdr{
    padding-bottom: 120px!important;
  }
  .m_revechat_indtris_sdr  .swiper-button-next, .m_revechat_indtris_sdr  .swiper-button-prev{
  position: absolute;
  top: 95%;
}
.m_revechat_indtris_sdr  .swiper-button-next{
 right: 30%;
}
.m_revechat_indtris_sdr  .swiper-button-prev{
 left: 30%;
}
.m_revechat_indtris_sdr .swiper-button-next:after {
    left: -25px;
}
.m_revechat_indtris_sdr .swiper-button-prev:after {
    left: 0px;
}
.m_revechat_cstmr_srvc .m_revechat_cstmr_srvc_inr ul li:after {
  left: -20px;
    }
    .m_revechat_indtris_cse_sty_inner_lft p{
      padding: 12px 0px 28px 0px;
    }
    .m_revechat_how_to_hlp_crd{
      max-width: 240px;
    }
    .howHelpSwiper .swiper-slide{
      width: auto!important;
    }
}

/* Common industries page design end here  */
/* lead magnet popup css start here */
  .m_revechat_lead_mgt_popup .modal-dialog {
      max-width: 900px;
    }
    .m_revechat_lead_mgt_popup .modal-content {
      display: inline-flex;
      padding: 16px 16px 16px 48px!important;
      justify-content: flex-end;
      align-items: center;
      border-radius: 20px;
      background: #FFF;
      box-shadow: 0 32px 64px -16px rgba(16, 24, 40, 0.18);
    }
    .m_revechat_lead_mgt_popup .modal-content .modal-body {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    padding: 0;
    min-height: 100%;
    align-items: stretch;
}

.m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft,
.m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_rgt {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_rgt {
    flex: 1 1 auto;
    background-image: url("../png/m-revechat-lead-mgt-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 16px;
}
.m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_rgt .m_modal_body_rgt_logo {
   position: absolute;
   width: 69px;
   height: auto;
   bottom: 6px;
   right: 0px;
   padding: 4px;
   background-color: #FFF;
   z-index: 100;
   display: flex;
   align-items: center;
   justify-content: center;
}
.m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_rgt .m_modal_body_rgt_logo img{
  max-width: 100%;
  object-fit: cover;
  display: flex;
}
.m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_rgt video{
   width: 100%;
   border-radius: 16px;
   position: relative;
   bottom: 0px;
}

     .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft span, .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft h2{
    color: var(--gray-light-mode-950-header-large, #0A0D12);
    font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 44.8px */
    letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
      padding: 0px;
    margin: 0px;
    }
     .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft p{
    color: var(--gray-light-mode-700, #414651);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    padding: 16px 0px 24px 0px;
    margin: 0px;
    }
     .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft a{
      color: var(--Primary-Colors-White, #FFF);
    text-align: center;
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
    font-size: 18.667px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.667px; /* 142.857% */
    display: inline-flex;
height: 54px;
padding: 12px 20px;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 10.667px;
background: linear-gradient(90deg, #0F277C 23.85%, #B900FA 74.12%, #FF926F 100%);
box-shadow: 0 5.333px 21.333px 0 rgba(249, 33, 253, 0.65) inset;
text-decoration: none;
width: max-content;
    }
    .m_revechat_lead_mgt_popup .modal-content .modal-header{
     border: none;
     padding: 0px;
     margin: 0px;
     position: absolute;
     top: 16px;
     right: 16px;
     z-index: 10;
    }
    .m_revechat_lead_mgt_popup .modal-content .modal-header .btn-close{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='34' viewBox='0 0 32 34' fill='none'%3E%3Cpath d='M16.0007 32.6693C24.1008 32.6693 30.6673 26.1028 30.6673 18.0026C30.6673 9.90243 24.1008 3.33594 16.0007 3.33594C7.90047 3.33594 1.33398 9.90243 1.33398 18.0026C1.33398 26.1028 7.90047 32.6693 16.0007 32.6693Z' fill='%23F5F5F5'/%3E%3Cpath d='M21.3346 12.6641L10.668 23.3307' stroke='%236F8294' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3346 23.3307L10.668 12.6641' stroke='%236F8294' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1;
    }
    .m_revechat_lead_mgt_popup .modal-content .modal-header .btn-close:focus{
   box-shadow: none;
   outline: none;
    }
    @media only screen and (max-width: 769px) {
      .m_revechat_lead_mgt_popup .modal-content .modal-body{
        flex-direction: column;
        max-width: auto;
      }
      .m_revechat_lead_mgt_popup .modal-dialog{
        max-width: 100%;
      }
      .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft, .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_rgt{
        width: 100%;
        text-align: center;
      }
      .m_revechat_lead_mgt_popup .modal-content{
        padding: 24px!important;
        min-height: auto;
      }
      .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft span {
        font-size: 24px;
        padding-top: 24px!important;
        display: block;
      }
      .m_revechat_lead_mgt_popup .modal-content .modal-body .m_modal_body_lft a{
        width: 100%;
      }
    }
/* lead magnet popup css end here */


/* feature --css-start -->  */

.m_revechat_all_fetre_fsec {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.m_revechat_all_fetre_fsec::before {
  border-radius: 3376px;
  background: radial-gradient(
    41.29% 41.29% at 50% 58.71%,
    #e8f0ff 30.03%,
    #bcd5ff 58.95%,
    #daf2ff 80%,
    #edf6ff 100%
  );
  filter: blur(64.29596710205078px);
  content: "";
  position: absolute;
  width: 160%;
  height: 180%;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.m_revechat_all_fetre_fsec_inr {
  padding: 126px 0px 76px 0px;
  max-width: 876px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-space-4, 16px);
}
.m_revechat_all_fetre_fsec_inr h1 {
  color: var(--gray-light-mode-950-header-large, #0a0d12);
  text-align: center;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h0, 64px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: var(--Typeface-Letter-spacing-lg, -0.5px);
}
.m_revechat_all_fetre_fsec_inr p {
  color: var(--gray-light-mode-700, #414651);
  text-align: center;
  font-family: "InstrumentSans-Regular";
  font-size: var(--Typeface-Size-body-lg, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.m_revechat_comm_scrollspy_menu {
  position: sticky;
  top: 100px;
}
.m_revechat_comm_scrollspy_card_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
  gap: 24px;
}
@media (min-width: 1900px) {
  .m_revechat_comm_scrollspy_card_grid {
    grid-template-columns: repeat(3, minmax(274px, 1fr));
  }
}

.m_scrollspy_load_more {
  grid-column: 1 / -1;
  text-align: center;
  margin-bottom: 20px;
}
.m_scrollspy_load_more a {
  display: flex;
  height: 48px;
  padding: 12px 8px 0 8px;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-space-5, 20px);
  flex: 1 0 0;
  border-radius: var(--Spacing-space-3, 12px);
  border: 1px solid var(--gray-light-mode-100, #f5f5f5);
  background: var(--Primary-Colors-White, #fff);
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "InstrumentSans-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}
.m_scrollspy_load_more a:after {
  content: "";
  position: relative;
  top: 7px;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(135deg);
}
.m_revechat_comm_scrollspy_content {
  width: 83%;
  margin-right: auto;
}
.m_revechat_comm_scrollspy_features_sec {
  padding: 0px 0px 60px 0px;
  background: #FFF;
  position: relative;
  top: -20px;
  border-radius: 20px;
}
.m_revechat_comm_scrollspy_features_sec h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h2, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 0px 0px 16px 0px;
  margin: 0px 0px 0px 0px;
}
.m_revechat_comm_scrollspy_content p {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-lg, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.m_revechat_comm_scrollspy_card_grid {
  margin: 28px 0px 24px 0px;
}
.m_scrollspy_card {
  display: flex;
  flex-direction: column;
  width: 100%; /* Make responsive */
  padding: 8px 8px 28px 8px;
  justify-content: start;
  align-items: flex-start;
  background: #fff;
  border-radius: 8px;
  border-radius: var(--Spacing-space-3, 12px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: var(--Primary-Colors-White, #fff);
  transition: all 0.3s ease;
  position: relative;
}
.m_scrollspy_card:after,
.m_revechat_comm_scrollspy_menu a:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(
    to right,
    rgba(99, 20, 186, 1),
    rgba(147, 9, 222, 1),
    rgba(241, 116, 140, 1)
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
  clip-path: inset(100% 100% 100% 100%);
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1),
    0 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.m_scrollspy_card.animate-in::after,
.m_revechat_comm_scrollspy_menu a.animate-in:after {
  animation: drawBorder 0.5s forwards;
  box-shadow: 0 0 8px rgba(147, 9, 222, 0.4);
}

.m_scrollspy_card.animate-out::after,
.m_revechat_comm_scrollspy_menu a.animate-out:after {
  animation: eraseBorder 0.5s forwards;
  box-shadow: 0 0 8px rgba(147, 9, 222, 0.4);
}
@keyframes drawBorder {
  0% {
    clip-path: inset(100% 100% 100% 100%);
  }
  25% {
    clip-path: inset(0% 100% 100% 0%);
  }
  50% {
    clip-path: inset(0% 0% 100% 0%);
  }
  75% {
    clip-path: inset(0% 0% 0% 0%);
  }
  100% {
    clip-path: inset(0% 0% 0% 0%);
  }
}

@keyframes eraseBorder {
  0% {
    clip-path: inset(0% 0% 0% 0%);
  }
  25% {
    clip-path: inset(0% 0% 100% 0%);
  }
  50% {
    clip-path: inset(0% 100% 100% 0%);
  }
  75% {
    clip-path: inset(100% 100% 100% 100%);
  }
  100% {
    clip-path: inset(100% 100% 100% 100%);
  }
}
.m_scrollspy_card img {
  max-width: 100%;
  padding: 17px 0px 0px 9px;
}
.m_scrollspy_card h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 27px 12px 12px 12px;
  margin: 0px;
}
.m_scrollspy_card p {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0px 12px 0px 12px;
  margin: 0px;
}
.m_revechat_comm_scrollspy_menu a,
.m_revechat_comm_scrollspy_menu a:hover, 
.m_revechat_comm_scrollspy_menu a:focus {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  display: flex;
  max-width: 270px;
  padding: var(--Spacing-space-2, 8px) var(--Spacing-space-4, 16px);
  align-items: center;
  gap: var(--Spacing-space-2, 8px);
  border-radius: 12px;
  background: var(--Secondary-Colors-Purple-Purple-90, #fff);
  border: none;
  position: relative;
  text-decoration: none;
}
.m_revechat_comm_scrollspy_menu .list-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 60px;
}
.m_revechat_comm_scrollspy_menu a.active {
  display: flex;
  max-width: 270px;
  padding: var(--Spacing-space-2, 8px) var(--Spacing-space-4, 16px);
  align-items: center;
  gap: var(--Spacing-space-2, 8px);
  border-radius: 12px;
  background: var(--Secondary-Colors-Purple-Purple-90, #6c69f9);
  border: none;
  color: #fff;
}
.m_revechat_comm_scrollspy_menu a.active img {
  filter: brightness(0) invert(1);
}
.m_scrollspy_card_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  padding: 24px 12px 0px 12px;
}
.m_scrollspy_card_btn a, .m_scrollspy_card_btn a:hover {
  color: var(--Primary-Colors-White, #fff);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: flex;
  padding: 13px 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    #0f277c 21.43%,
    #b900fa 74.58%,
    #ff926f 105.26%
  );
  box-shadow: 0 4px 20px 0 rgba(222, 255, 169, 0.4) inset;
}
.m_scrollspy_card_btn a:nth-child(2) {
  position: relative;
  display: inline-flex;
  justify-content: center;
  padding: 13px 20px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(90deg, #0f277c, #b900fa, #ff926f);
  background-clip: border-box;
  transition: color 0.3s ease-in-out;
}
.m_scrollspy_card_btn a:nth-child(2)::before {
  content: "";
  position: absolute;
  inset: 1px;
  background-color: #fff;
  border-radius: 9px;
  z-index: -1;
  transition: 0.3s ease-in-out;
}
.m_scrollspy_card_btn a:nth-child(2):hover{
  background: linear-gradient(90deg, #0f277c 21.43%, #b900fa 74.58%, #ff926f 105.26%);
  color: #FFF;
}
.m_scrollspy_card_btn a:nth-child(2):hover::before{
  position: relative;
}
.scrollspy_content_title {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin: 60px 0px 0px 0px;
}
.scrollspy_content_title_right a {
  display: flex;
  width: auto;
  justify-content: center;
  flex-shrink: 0;
  gap: 8px;
  align-self: stretch;
  color: var(--gray-light-mode-700, #414651);
  text-decoration: none;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-wrap: nowrap;
}
@media (max-width: 1199px) {
  .m_revechat_comm_scrollspy_content {
    width: 100%;
    margin-right: auto auto;
  }
}
@media (max-width: 1811px) {
  .m_scrollspy_card_btn a, .m_scrollspy_card_btn a:nth-child(2) {
   font-size: 14px;
   padding: 13px 8px;
  }
}

/* .fixed-text-wrapper {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;             
        pointer-events: none;
        opacity: .15;             
    }

    .fixed-text {
        width: 80vw;
        max-width: 1000px;
    }

    .fixed-text text {
        font-size: 180px;
        font-family: "Plus Jakarta Sans";
        fill: none;
        stroke: rgb(247, 187, 246);
        stroke-width: 4;
        stroke-dasharray: 1200;
        stroke-dashoffset: 1200;
    } */

/* Hide dropdown on desktop */
.scrollspy-mobile-dropdown {
  display: none;
}

/* Show only on mobile */
@media (max-width: 767px) {
  .m_revechat_comm_scrollspy_menu {
    display: none; /* Hide sidebar on mobile */
  }
 .m_scrollspy_card{
  flex-direction: row;
  gap: 6px;
 }
 .m_scrollspy_card.special-card{
  flex-direction: column;
 }
 .m_scrollspy_card_btn{
  flex-direction: column;
 }
 .m_scrollspy_card_btn a, .m_scrollspy_card_btn a:nth-child(2){
  width: 100%;
 }
 .m_scrollspy_card_btn a:nth-child(2){
  padding: 22px;
 }
 .m_scrollspy_card h3{
  padding: 20px 12px 12px;
 }
  .scrollspy-mobile-dropdown {
    display: block;
    position: relative;
    margin-bottom: 20px;
  }

  .dropdown-selected {
    display: flex;
    padding: var(--Spacing-space-4, 16px);
    align-items: center;
    gap: var(--Spacing-space-2, 8px);
    align-self: stretch;
    border-radius: var(--Spacing-space-2, 8px);
    border: 1px solid var(--gray-light-mode-200, #e9eaeb);
    background: var(--Primary-Colors-White, #fff);
    cursor: pointer;
    position: relative;
    color: var(--gray-light-mode-800, #252b37);
    font-family: var(--Typeface-Family-Text, "Instrument Sans");
    font-size: var(--Typeface-Size-body, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
  }
  .dropdown-selected:after {
    width: 10px;
    height: 10px;
    border-top: 1.5px solid #414651;
    border-right: 1.5px solid #414651;
    transform: rotate(135deg);
    content: "";
    position: absolute;
    top: 18px;
    right: 16px;
  }

  .dropdown-options {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: var(--Spacing-space-2, 8px);
    align-self: stretch;
    border-radius: var(--Spacing-space-2, 8px);
    border: 1px solid var(--gray-light-mode-200, #e9eaeb);
    background: var(--Primary-Colors-White, #fff);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
      rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    cursor: pointer;
    background: #fff;
    position: absolute;
    width: 100%;
    top: 58px;
    left: 0;
    display: none; /* hidden by default */
    z-index: 999;
  }

  .dropdown-options li {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    color: var(--gray-light-mode-800, #252b37);
    font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
    font-size: var(--Typeface-Size-body, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
  }

  .dropdown-options li:last-child {
    border-bottom: 0;
  }

  .dropdown-options li:hover {
    background: #f3f3f3;
  }
  .m_revechat_comm_scrollspy_features_sec{
    padding: 16px 0px 60px 0px;
  }
  .scrollspy_content_title{
    margin: 24px 0px 0px 0px;
  }
}
/* feature --css-end -->  */

/* case study page design start here  */
.m-revechat-case-study h1 {
  color: var(--gray-light-mode-950-header-large, #0a0d12);
  text-align: center;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h1, 64px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  letter-spacing: var(--Typeface-Letter-spacing-lg, -0.5px);
  padding: 192px 0px 24px 0px;
  margin: 0px;
}
.m-revechat-case-study p {
  color: var(--gray-light-mode-700, #414651);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-lg, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.m-case-study-banner {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: space-between;
  gap: var(--Spacing-space-5, 20px);
  align-self: stretch;
  border-radius: var(--Spacing-space-6, 24px);
  border: 1px solid var(--gray-light-mode-300, #d5d7da);
  background: #fff;
  margin-top: 60px;
}
.m-case-study-banner-lft {
  padding: 8px 90px 8px 20px;
  width: 55%;
}
.m-case-study-banner-lft a {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-decoration: none;
}
.m-case-study-banner-right img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.m-case-study-banner p {
  overflow: hidden;
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h4, 28px);
  font-style: normal;
  text-align: left;
  font-weight: 700;
  line-height: 140%; /* 39.2px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  padding: 20px 0px 24px 0px;
}
.m-case-study-inr {
  display: flex;
  padding: 4px 0 16px 0;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  border-bottom: 1px solid var(--gray-light-mode-200, #e9eaeb);
  margin-bottom: 16px;
}
.m-case-study-inr span {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h5, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 36px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
}
.m-case-study-inr p {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 0px;
  margin: 0px;
}
.case-custom-dropdown {
  position: relative;
}

.case-dropdown-selected {
  display: flex;
  width: 160px;
  padding: 10px 14px;
  justify-content: space-between;
  align-items: center;
  border-radius: 40px;
  border: 1px solid var(--gray-light-mode-500, #717680);
  background: var(--Primary-Colors-White, #fff);
  color: var(--gray-light-mode-800, #252b37);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.case-dropdown-selected::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  height: 7px;
  transform: translateY(-50%);
  transition: 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.75 0.75L5.75 5.75L0.75 0.75' stroke='%23717680' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Rotate arrow when open */
.case-custom-dropdown.active .case-dropdown-selected::after {
  transform: translateY(-50%) rotate(-180deg);
}

.case-dropdown-options {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #717680;
  border-radius: 0px 0px 12px 12px;
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 10;
}
.case-custom-dropdown.active .case-dropdown-selected {
  border-radius: 12px 12px 0 0;
}
.case-dropdown-options li {
  padding: 8px;
  cursor: pointer;
  border-radius: 12px;
  color: var(--gray-light-mode-800, #252B37);
text-align: left;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.case-dropdown-options li:hover {
  background: #f2f2f2;
}
.m-all-case-study-fiter-fs {
  display: flex;
  justify-content: space-between;
}
.m-revechat-all-case-study {
  padding: 120px 0px 0px 0px;
}
.m-revechat-all-case-study h2 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 0px 0px 36px 0px;
  margin: 0px;
}
.m-all-case-study-fiter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.m-all-case-study-fiter span {
  color: var(--gray-light-mode-700, #414651);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.m-all-case-study-search {
  display: flex;
  max-width: 350px;
  padding: 10px 12px;
  align-items: center;
  gap: 8px;
}

.search-input-wrapper {
  position: relative;
  width: 100%;
}

.search-input-wrapper svg {
  position: absolute;
  left: 12px; /* distance from left edge */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* allows clicking input through SVG */
}

.search-input-wrapper input {
  border-radius: 25px;
  border: 1px solid var(--gray-light-mode-500, #717680);
  background: #fff;
  display: flex;
  width: 350px;
  padding: 10px 12px 10px 36px; /* extra left padding for search icon */
  align-items: center;
  gap: 8px;
}
.search-input-wrapper input:focus {
  outline: none;
  box-shadow: none;
}
.search-input-wrapper input::placeholder {
  color: var(--gray-light-mode-500, #717680);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.m-case-selected-item-inr {
  display: flex;
  align-items: center;
  gap: 12px;
}
.m-case-selected-item ul {
  display: flex;
  padding: 0px;
  margin: 0px;
  gap: 12px;
}
.m-case-selected-item span {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h6, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  padding: 24px 0px 22px 0px;
  margin: 0px;
  display: block;
}
.m-case-selected-item ul li:first-child {
  list-style: none;
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  border-radius: 40px;
  background: none;
  padding: 0px;
}
.m-case-selected-item ul li {
  list-style: none;
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 40px;
  background: var(--gray-light-mode-100, #f5f5f5);
  color: var(--gray-light-mode-800, #252b37);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  max-height: 32px;
}
.m-case-selected-item ul li span {
  padding: 0px;
  line-height: 100%;
  height: 24px;
}
.m-revechat-case-study-card {
  padding: 28px 0px 0px 0px;
}
.m-revechat-case-study-card .card {
  width: 100%;
  border: none;
  margin-bottom: 32px;
}
.m-revechat-case-study-card .card img {
  max-width: 100%;
  object-fit: cover;
}
.m-revechat-case-study-card .card .card-body {
  padding: 24px 0px 0px 0px;
}
.m-revechat-case-study-card .card .card-body img {
  max-width: 114px;
  object-fit: cover;
}
.m-revechat-case-study-card .card .card-body p {
  overflow: hidden;
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h6, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  padding: 16px 0px 24px 0px;
  margin: 0px;
}
.m-revechat-case-study-card .card .card-body a {
  overflow: hidden;
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 0px;
  margin: 0px;
  position: relative;
}
.m-revechat-case-study-card .card .card-body a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 8L13.5 8' stroke='%23181D27' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 3.5L13.5 8L9 12.5' stroke='%23181D27' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 3px;
  position: relative;
}
.case-study-details-pge-content {
  padding: 80px 0px 120px 0px;
}
.m-case-study-details-banner {
  padding: 160px 0px 0px 0px;
}
.m-case-study-details-banner img {
  max-width: 100%;
  object-fit: cover;
}
.m-case-study-details-banner h1 {
  overflow: hidden;
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h2, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 62.4px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
.about-the-client {
  position: sticky;
  top: 100px;
  display: flex;
  width: 300px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-space-6, 24px);
  border-radius: var(--Spacing-space-4, 16px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: #fff;
}
.about-the-client span {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h6, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
}
.about-the-client ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.about-the-client ul li {
  list-style: none;
}
.about-the-client ul li span:first-child {
  overflow: hidden;
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  display: block;
}
.about-the-client ul li span:last-child {
  overflow: hidden;
  color: var(--gray-light-mode-700, #414651);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  display: block;
}
.about-the-client ul li span a {
  overflow: hidden;
  color: var(--gray-light-mode-700, #414651);
  text-overflow: ellipsis;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.case-study-share-icon {
  position: sticky;
  top: 100px;
  display: flex;
  justify-content: end;
}
.case-study-share-icon ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.case-study-share-icon ul li {
  list-style: none;
}
.case-study-details-content p {
  color: var(--gray-light-mode-800, #252b37);
  font-family: "Source Serif Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 170% */
  text-align: left;
}
.case-study-fmetrics {
  display: flex;
  padding: 20px 20px 20px 20px;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: var(--Spacing-space-4, 16px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  margin: 28px 0px 12px 0px;
}
.case-study-fmetrics-item span {
  color: var(--Black, #22282b);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
}
.case-study-fmetrics-item p {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 0px 0px 12px 0px;
  margin: 0px;
}
.case-study-fmetrics-item {
  border-right: 1px solid var(--gray-light-mode-200, #e9eaeb);
  width: 33%;
}
.case-study-fmetrics-item:last-child {
  border-right: none;
}
.case-study-details-content h2 {
  color: var(--gray-light-mode-800, #252b37);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 24px 0px 16px 0px;
  margin: 0px;
}
.case-study-details-content h3 {
  color: var(--gray-light-mode-800, #252b37);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 24px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content h4 {
  color: var(--gray-light-mode-800, #252b37);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 24px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content h5 {
  color: var(--gray-light-mode-800, #252b37);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 16px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content h6 {
  color: var(--gray-light-mode-800, #252b37);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h3, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 46.8px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  padding: 12px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0px;
}
.case-study-details-content ul li {
  color: var(--gray-light-mode-800, #252b37);
  font-family: "Source Serif Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}
.m-common-dnlod-template {
  padding: 12px 12px 12px 32px;
  border-radius: var(--Spacing-space-4, 16px);
  background: linear-gradient(257deg, #ede3ff 0.39%, #f0f2ff 89.72%);
  margin: 24px 0px;
}
.m-common-dnlod-template-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.m-common-template-btn {
  width: 55%;
}
.m-common-template-img {
  width: 45%;
}
.m-common-template-img img {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
.m-common-template-btn h3 {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h5, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 36px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  padding: 0px;
  margin: 0px;
}
.m-common-template-btn p {
  color: var(--gray-light-mode-700, #414651);
  font-family: "InstrumentSans-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
  padding: 4px 0px 12px 0px;
}
.m-common-template-btn ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
.m-common-template-btn ul li {
  position: relative;
  list-style: none;
  color: var(--gray-light-mode-800, #252b37);
  font-family: "InstrumentSans-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.13px;
  padding: 0px;
  margin: 0px;
}

 .m-common-template-btn ul li::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99961 1.59961C6.73381 1.59961 5.49644 1.97496 4.44396 2.6782C3.39149 3.38144 2.57118 4.38099 2.08678 5.55043C1.60238 6.71988 1.47564 8.00671 1.72259 9.24819C1.96953 10.4897 2.57907 11.63 3.47413 12.5251C4.36918 13.4201 5.50956 14.0297 6.75103 14.2766C7.99251 14.5236 9.27934 14.3968 10.4488 13.9124C11.6182 13.428 12.6178 12.6077 13.321 11.5553C14.0243 10.5028 14.3996 9.26541 14.3996 7.99961C14.3978 6.30277 13.723 4.67595 12.5231 3.4761C11.3233 2.27626 9.69645 1.6014 7.99961 1.59961ZM10.8095 6.87099L7.3633 10.3171C7.31758 10.3629 7.26329 10.3992 7.20352 10.424C7.14376 10.4488 7.07969 10.4615 7.015 10.4615C6.9503 10.4615 6.88624 10.4488 6.82647 10.424C6.76671 10.3992 6.71241 10.3629 6.66669 10.3171L5.18977 8.84022C5.09739 8.74785 5.04549 8.62256 5.04549 8.49192C5.04549 8.36128 5.09739 8.23599 5.18977 8.14361C5.28214 8.05123 5.40743 7.99933 5.53807 7.99933C5.66871 7.99933 5.794 8.05123 5.88638 8.14361L7.015 9.27284L10.1128 6.17438C10.1586 6.12864 10.2129 6.09235 10.2726 6.0676C10.3324 6.04285 10.3965 6.0301 10.4611 6.0301C10.5258 6.0301 10.5899 6.04285 10.6497 6.0676C10.7094 6.09235 10.7637 6.12864 10.8095 6.17438C10.8552 6.22012 10.8915 6.27442 10.9162 6.33418C10.941 6.39395 10.9537 6.458 10.9537 6.52269C10.9537 6.58737 10.941 6.65143 10.9162 6.71119C10.8915 6.77095 10.8552 6.82525 10.8095 6.87099Z' fill='%233F1D9F'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
  position: relative;
  top: 5px;
}
.m-common-template-btn a, .m-common-template-btn a:hover, .m-common-template-btn a:focus {
  display: inline-flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: linear-gradient(
    90deg,
    #0f277c 23.85%,
    #b900fa 74.12%,
    #ff926f 100%
  );
  box-shadow: 0 4px 16px 0 rgba(249, 33, 253, 0.65) inset;
  color: var(--Primary-Colors-White, #fff);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  text-decoration: none;
}
.m-common-template-btn a:last-child {
  display: inline-flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  color: var(--Primary-Colors-White, #252b37);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  text-decoration: none;
  margin-left: 8px;
}
.case-study-details-content blockquote{
  display: inline-flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--gray-light-mode-100, #f5f5f5);
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "Source Serif Pro";
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  margin: 6px 0px 24px 0px;
}
.case-study-details-content blockquote p{
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: "Source Serif Pro";
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  padding: 0px;
  margin: 0px;
}
.case-study-smetrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 16px 0px 12px 0px;
}

.case-study-smetrics-item {
  text-align: center;
}
.case-study-smetrics-item h4 {
  color: var(--Black, #22282b);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
  font-size: var(--Typeface-Size-body-lg, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.case-study-smetrics-item span {
  color: var(--Black, #22282b);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h2, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 62.4px */
  letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
  text-align: left;
  display: block;
  padding: 12px 0px;
}
.case-study-smetrics-item p {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 0px;
  text-align: left;
}
.tool-table-wrapper {
  border-radius: var(--Spacing-space-4, 16px);
  border: 1px solid var(--gray-light-mode-200, #e9eaeb);
  background: var(--gray-light-mode-100, #f5f5f5);
  overflow: hidden;
  margin: 0px 0px 12px 0px;
}
.revechat-table-block{
  border: 1px solid var(--gray-light-mode-200, #E9EAEB);
  border-radius: 16px;
  padding: 0px!important;
  border-radius: 16px;
  overflow: hidden;
}
.tool-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.tool-table thead {
  background: #f5f5f5;
  border: none;
}
.tool-table th {
  color: var(--gray-light-mode-900-section-header, #181d27);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  padding: 10px 12px;
  border: none;
}

.tool-table tr {
  border-bottom: 1px solid var(--gray-light-mode-200, #e9eaeb);
  border-top: none;
  border-left: none;
  border-right: none;
}
.tool-table tr:last-child {
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
}
.tool-table td {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  padding: 10px 12px;
  border: none;
}

.tool-table a {
  color: var(--Secondary-Colors-Blue-Blue-100, #004fff);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.tool-table a:hover {
  text-decoration: underline;
}
.tool-table tbody tr:nth-child(odd) {
  background: var(--gray-light-mode-50, #fff);
}

.tool-table tbody tr:nth-child(even) {
  background: var(--gray-light-mode-50, #fafafa);
}
.tool-table tbody tr:last-child {
  border: none;
}
.case-common-card {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 12px 0px 24px 0px;
}
.case-common-card h5 {
  color: var(--Black, #22282b);
  font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
  font-size: var(--Typeface-Size-h6, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
  padding: 16px 0px 12px 0px;
  margin: 0px;
}
.case-common-card p {
  color: var(--gray-light-mode-700, #414651);
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 0px;
  margin: 0px;
}
.case-common-card .card .card-body {
  padding: 0px;
}
.case-common-card .card {
  display: flex;
  padding: var(--Spacing-space-5, 20px);
  flex-direction: column;
  border-radius: var(--Spacing-space-5, 20px);
  border: 1px solid var(--gray-light-mode-300, #d5d7da);
  background: #fff;
  width: 48%;
}
.case-common-card .card img {
  width: fit-content;
}
.case-study-pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  margin: 0px;
  gap: 16px;
}
.case-study-pagination ul li,
.case-study-pagination ul li a {
  list-style: none;
  color: var(--gray-light-mode-500, #717680);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.case-study-pagination ul li.active a {
  color: var(--gray-light-mode-900-section-header, #181d27);
  text-align: center;
  font-family: var(--Typeface-Family-Text, "InstrumentSans-SemiBold");
  font-size: var(--Typeface-Size-body, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
 li.nav-item-case-study a:hover svg path {
  fill: #6C69F9;
}
/* Mobile */
@media (max-width: 768px) {
  .case-study-smetrics {
    grid-template-columns: 1fr;
  }
  .m-all-case-study-fiter {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
  }
  .case-dropdown-selected,
  .case-custom-dropdown,
  .search-input-wrapper input,
  .m-all-case-study-search {
    width: 100%;
    max-width: 100%;
  }
  .m-all-case-study-search {
    padding: 10px 0px;
  }
  .m-all-case-study-fiter-fs {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 16px;
  }
  .m-revechat-case-study h1 {
    padding: 120px 0px 16px 0px;
    font-size: 40px;
  }
  .m-case-study-banner {
    margin-top: 24px;
    flex-direction: column;
  }
  .m-case-study-banner-lft {
    padding: 4px;
    width: 100%;
  }
  .m-case-study-banner p {
    padding: 16px 0px;
    font-size: 24px;
  }
  .m-revechat-all-case-study {
    padding: 66px 0px 0px 0px;
  }
  .case-dropdown-options {
    position: initial;
  }
  .case-dropdown-selected::after {
    top: 20px;
  }
  .m-revechat-all-case-study h2 {
    padding: 0px 0px 24px 0px;
    font-size: 28px;
  }
  .m-case-selected-item span {
    padding: 16px 0px 20px 0px;
    font-size: 18px;
  }
  .m-case-study-inr p {
    font-size: 14px;
    padding: 4px 0px 12px 0px;
  }
  .m-case-study-details-banner {
    padding: 120px 0px 0px 0px;
  }
  .m-case-study-details-banner h1 {
    font-size: 32px;
    padding-bottom: 32px;
  }
  .case-study-details-pge-content {
    padding: 60px 0px 47px 0px;
  }
  .about-the-client {
    width: 100%;
    margin-bottom: 47px;
  }
  .case-study-fmetrics {
    flex-direction: column;
    gap: 12px;
  }
  .case-study-fmetrics-item {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--gray-light-mode-200, #e9eaeb);
  }
  .case-study-fmetrics-item:last-child {
    border-bottom: none;
  }
  .case-study-fmetrics-item span {
    font-size: 28px;
  }
  .m-common-dnlod-template-inr {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .m-common-dnlod-template-inr {
    flex-direction: column-reverse;
  }
  .m-common-template-btn {
    width: 100%;
  }
  .m-common-template-img {
    width: 100%;
  }
  a.m-common-template-btn-clm,
  .m-common-template-btn a:last-child {
    display: block;
    margin: 0px 0px 8px 0px;
  }
  .m-common-dnlod-template {
    padding: 16px;
  }
  .m-common-template-img img {
    width: 100%;
  }
  .revechat-table-block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .revechat-table-block table {
    min-width: 650px;
  }
   .case-common-card .card{
    width: 100%;
  }
  .case-study-share-icon{
    display: none;
  }
  .case-study-details-content h2 {
  font-size: var(--Typeface-Size-h3, 28px);
  padding: 24px 0px 16px 0px;
  margin: 0px;
}
.case-study-details-content h3 {
  font-size: var(--Typeface-Size-h3, 24px);
  padding: 20px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content h4 {
  font-size: var(--Typeface-Size-h3, 20px);
  padding: 20px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content h5 {
  font-size: var(--Typeface-Size-h3, 18px);
  padding: 12px 0px 8px 0px;
  margin: 0px;
}
.case-study-details-content h6 {
  font-size: var(--Typeface-Size-h3, 16px);
  padding: 12px 0px 8px 0px;
  margin: 0px;
}
}
/* case study page design end here  */
/* EVENT page design start here  */
.event-banner {
	padding: 100px 0px 60px 0px;
}

.event-banner .container,
.post-type-archive-events .m-revechat-all-preevent .container {
	max-width: 1170px;
	margin: auto;
}

.event-banner h1 {
	color: var(--gray-light-mode-950-header-large, #0A0D12);
	text-align: center;
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h1, 64px);
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 76.8px */
	letter-spacing: var(--Typeface-Letter-spacing-lg, -0.5px);
	padding: 0px 0px 24px 0px;
	margin: 0px auto;
}

.event-banner p {
	color: var(--gray-light-mode-700, #414651);
	text-align: center;
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
	font-size: var(--Typeface-Size-body-lg, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	width: 70%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}

.m-revechat-events-card {
	display: flex;
	height: auto;
	align-items: center;
	gap: var(--Spacing-space-8, 24px);
	flex-shrink: 0;
	border-radius: 20px;
	border: 1px solid var(--gray-light-mode-300, #D5D7DA);
	background: #FFF;
	margin-top: 36px;
	transition: .3s ease-in-out;
}

.m-revechat-events-scard .m-revechat-events-card-right {
	max-height: 332px;
	overflow: hidden;
}

.m-revechat-all-preevent .m-revechat-events-card-right {
	justify-content: start;
	overflow: hidden;
}

#past-events-container .m-revechat-events-card-right {
	overflow: hidden;
}

#past-events-container .m-revechat-events-card-right:hover img {
	transform: scale(1.1);
}

.m-revechat-events-card-right img {
	max-width: 100%;
	transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
}

.m-revechat-events-card:not(:has(.card-video-hover-trigger)):hover .m-revechat-events-card-right img,
.m-revechat-events-scard:not(:has(.card-video-hover-trigger)):hover .m-revechat-events-card-right img {
	transform: scale(1.06);
}

.featured-event:hover {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border: 1px solid transparent;
}

.featured-event:hover img {
	transform: scale(1.1);
}

.m-revechat-events-card-left {
	display: flex;
	padding: 20px 0 20px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--Spacing-space-4, 16px);
	flex: 1 0 0;
	align-self: stretch;
	width: 51%;
}

.m-revechat-events-card-left h3 {
	overflow: hidden;
	color: var(--gray-light-mode-900-section-header, #181D27);
	text-overflow: ellipsis;
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h4, 28px);
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	padding: 0px;
	margin: 0px;
	display: contents;
}

.m-revechat-events-card-right a {
	display: contents;
}

.m-revechat-events-card-right {
	display: flex;
	justify-content: end;
	width: 48%;
	overflow: hidden;
	margin: 12px;
	border-radius: 16px;
}

.m-revechat-events-card-left span,
.m-revechat-events-details span.events-details-cat {
	display: inline-flex;
	height: 24px;
	padding: 6px 8px 5px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: "Plus Jakarta Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	/* 16.8px */
	letter-spacing: -0.12px;
	border-radius: 6px;
	background: #1AA46B;
}

.m-revechat-events-card-left span.webinar,
.m-revechat-events-details span.webinar {
	display: inline-flex;
	height: 24px;
	padding: 6px 8px 5px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: "Plus Jakarta Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	/* 16.8px */
	letter-spacing: -0.12px;
	border-radius: 6px;
	background: #FC6B87;
}

.m-revechat-events-card-left h3 a {
	overflow: hidden;
	color: var(--gray-light-mode-900-section-header, #181D27);
	text-overflow: ellipsis;
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h4, 28px);
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.m-revechat-events-card-left p {
	overflow: hidden;
	color: var(--gray-light-mode-700, #414651);
	text-overflow: ellipsis;
	text-align: left;
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
	font-size: var(--Typeface-Size-body, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.m-revechat-events-card-left ul,
.m-revechat-events-details ul {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 16px;
	margin: 0px;
	padding: 0px;
}

.m-revechat-events-details .m-revechat-events-details-content {
	padding-right: 60px;
}

.m-revechat-events-card-left ul li,
.m-revechat-events-details ul li {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--gray-light-mode-600, #535862);
	font-family: "Inter";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 142.857% */
	letter-spacing: -0.15px;
}

.m-revechat-events-card-left a {
	display: block;
	color: var(--gray-light-mode-900-section-header, #181D27);
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
	font-size: var(--Typeface-Size-body-sm, 14px);
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 142.857% */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.m-revechat-events-scard .m-revechat-events-card {
	flex-direction: column;
	min-width: auto;
	border: none;
	padding: 0px;
}

.m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-right {
	width: 100%;
}

.m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-left {
	width: 100%;
	padding: 0px;
}

.m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-left img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}
.m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-left ul li img{
 border-radius: 0px;
}
.m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-right img {
	max-width: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.m-revechat-all-preevent h2 {
	color: var(--gray-light-mode-900-section-header, #181D27);
	text-align: left;
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h3, 36px);
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	/* 46.8px */
	letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
	padding: 0px;
	margin: 0px;
}

.m-revechat-all-preevent .container .row .col-sm-12.justify-content-end a {
	display: inline-flex;
	padding: 8px 19.68px 8px 21.32px;
	justify-content: center;
	align-items: center;
	border-radius: 33554400px;
	background: #F5F5F5;
	color: var(--gray-light-mode-700, #414651);
	text-align: center;
	font-family: "Inter";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 142.857% */
	letter-spacing: -0.15px;
	text-decoration: none;
	margin: 0px;
}

.m-revechat-all-preevent .container .row .col-sm-12 a.event-filter-link.active {
	border-radius: 33554400px;
	background: var(--gray-light-mode-900-section-header, #181D27);
	color: #FFF;
}

.m-revechat-all-preevent .m-revechat-events-card-left h3 a {
	overflow: hidden;
	color: var(--gray-light-mode-900-section-header, #181D27);
	text-overflow: ellipsis;
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h6, 20px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	/* 30px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	padding: 0px;
	margin: 0px;
	display: contents;
}

.events-details-page {
	padding: 144px 0px 60px 0px;
}

.m-revechat-all-preevent.events-details-page {
	padding: 34px 0px 60px 0px;
}

.m-revechat-events-details h1 {
	color: var(--gray-light-mode-900-section-header, #181D27);
	font-family: "Plus Jakarta Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* 57.6px */
	letter-spacing: -0.48px;
	padding: 0px 0px 24px 0px;
	margin: 0px;
}

.events-details-thumbnail {
	margin: 33px 0px 46px 0px;
}

.events-details-thumbnail img {
	width: 100%;
	object-fit: cover;
  border-radius: 20px;
}

.m-revechat-events-details h2 {
	color: var(--gray-light-mode-800, #252B37);
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h3, 36px);
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	/* 46.8px */
	letter-spacing: var(--Typeface-Letter-spacing-md, -0.25px);
	padding: 34px 0px 6px 0px;
	margin: 0px;
}

.m-revechat-events-details p {
	color: var(--gray-light-mode-800, #252B37);
	font-family: "Source Serif Pro";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 160% */
	padding: 6px 0px;
	margin: 0px;
}

.m-revechat-events-details-content ul {
	display: block;
	padding: 0px 0px 0px 24px;
	margin: 0px;
}

.m-revechat-events-details-content ul li {
	color: var(--gray-light-mode-800, #252B37);
	font-family: "Source Serif Pro";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	/* 195% */
	display: list-item;
	list-style: disc !important;
	padding: 0px 0px;
	margin: 0px;
}

.event-info p {
	display: flex;
	gap: 6px;
	color: var(--gray-light-mode-800, #252B37);
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h6, 20px);
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
	/* 36px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	padding: 0px;
	margin: 0px;
}

.event-info span {
	display: inline-flex;
	justify-content: center;
	width: 24px;
}

.event-info h2 {
	padding: 34px 0px 12px 0px;
}

.m-events-speaker-wrapper {
	display: flex;
	gap: 24px;
}

.m-events-speaker-wrapper.is-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 24px;
}

@media (max-width: 768px) {
	.m-events-speaker-wrapper.is-grid {
		grid-template-columns: 1fr;
	}
}

.m-events-speaker-inner {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	border-radius: 16px;
	background: var(--gray-light-mode-50, #FAFAFA);
}

.m-events-speaker-inner-left {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 12px;
	width: 100%;
}

.m-events-speaker-inner-left img {
	max-width: 100%;
	border-radius: 8px;
}

.m-events-speaker-inner p {
	color: var(--gray-light-mode-600, #535862);
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
	font-size: var(--Typeface-Size-body, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 24px */
}

.m-events-speaker-inner-left p {
	color: var(--gray-light-mode-600, #535862);
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
	font-size: var(--Typeface-Size-body, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 24px */
	padding: 0px;
	margin: 0px;
}

.m-speakers-details h3 {
	color: var(--gray-light-mode-800, #252B37);
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h5, 24px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	/* 36px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	padding: 0px;
	margin: 0px;
}

.m-speakers-details p {
	color: var(--gray-light-mode-500, #717680);
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
	font-size: var(--Typeface-Size-body, 16px);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	padding: 4px 0px 16px 0px;
	margin: 0px;
}

.events-details-page .m-revechat-all-preevent .m-revechat-events-card-left h3 {
	font-size: 20px;
}

.events-details-page .m-revechat-events-scard .m-revechat-events-card {
	gap: 20px;
}

.events-details-page .m-revechat-events-card-left {
	gap: 12px;
}

.events-details-page .container .row .col-sm-12:nth-child(2) a {
	background: transparent;
	padding: 0px;
	color: var(--gray-light-mode-900-section-header, #181D27);
	font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
	font-size: var(--Typeface-Size-body-sm, 14px);
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 142.857% */
}

.events-details-page .m-revechat-events-card-left ul li {
	gap: 4px;
	font-size: 12px;
}

.m-event-booking-form {
	position: sticky;
	top: 144px;
}

.m-event-booking-form {
	display: flex;
	max-width: 480px;
	padding: 32px;
	flex-direction: column;
	align-items: start;
	gap: 12px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
}

#videoRegistrationModal h3 {
	color: var(--gray-light-mode-900-section-header, #181D27);
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h4, 28px);
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	padding: 0px;
	margin: 0px;
}

#videoRegistrationModal .modal-dialog {
	min-width: 560px;
}

#videoRegistrationModal .modal-body {
	padding: 32px 40px 48px 40px;
}

.m-event-booking-form form label,
.m-event-booking-form-modal form label {
	color: var(--gray-light-mode-700, #414651);
	font-family: "Plus Jakarta Sans";
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 153.846% */
	letter-spacing: -0.032px;
	padding: 20px 0px 4px 0px;
	margin: 0px;
}

.m-event-booking-form form label span,
.m-event-booking-form-modal form label span {
	color: var(--Red-Red-80, #E14D4D);
	font-family: "Plus Jakarta Sans";
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.032px;
	display: inline-block;
	margin-left: 4px;
}

.m-event-booking-form form p,
.m-event-booking-form-modal form p {
	padding: 0px;
	margin: 0px;
}

.m-event-booking-form form input,
.m-event-booking-form-modal form input {
	width: 100%;
}

.m-event-booking-form form .form-group.row,
.m-event-booking-form-modal form .form-group.row {
	width: 100%;
}

.m-event-booking-form form .form-group.row .wpcf7-submit.btn:hover,
.m-event-booking-form-modal form .form-group.row .wpcf7-submit.btn:hover,
.m-event-booking-form form .form-group.row .wpcf7-submit.btn,
.m-event-booking-form-modal form .form-group.row .wpcf7-submit.btn {
	border-radius: 8px;
	background: var(--Stc-Stc-90, #4F008C);
	margin-top: 32px;
  display: flex;
padding: 11px 12px;
justify-content: center;
align-items: center;
gap: 6px;
align-self: stretch;
color: var(--White, #FFF);
text-align: center;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
.m-revechat-events-details .iti__country-list{
  display: block!important;
}
.m-event-booking-form form .form-control,
.m-event-booking-form-modal form .form-control {
	display: flex;
	max-height: 44px;
	padding: 8px 12px 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid var(--gray-light-mode-400, #A4A7AE);
	background: var(--White, #FFF);
}

.m-event-booking-form form .form-control:focus,
.m-event-booking-form-modal form .form-control:focus {
	box-shadow: none;
	outline: none;
}

.m-event-booking-form form .form-control::placeholder,
.m-event-booking-form-modal form .form-control::placeholder {
	color: var(--gray-light-mode-400, #A4A7AE);
	font-family: "InstrumentSans-Regular";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 19.5px */
}

body.single-events {
	background: linear-gradient(180deg, #F6F4F1 0%, #FFF 100%);
}

.m-event-booking-form span.title,
.m-event-booking-form-modal span.title {
	color: var(--gray-light-mode-900-section-header, #181D27);
	font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
	font-size: var(--Typeface-Size-h4, 28px);
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 39.2px */
	letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
	text-align: start;
	display: block;
}

.m-event-booking-form .wpcf7 form .wpcf7-response-output,
.m-event-booking-form-modal .wpcf7 form .wpcf7-response-output {
	margin: 0px auto auto 0px;
	width: 95%;
}

/* .m-revechat-events-details.is-past-event {
	max-width: 1040px;
	margin: 0 auto;
} */

.m-revechat-events-details.is-past-event .m-events-details-left {
	width: 100% !important;
}

.m-revechat-events-details.is-past-event .m-events-details-right {
	display: none;
}

.m-revechat-events-details.is-past-event .m-revechat-events-details-content {
	text-align: start;
}

.m-revechat-events-details.is-past-event .m-revechat-events-details-content ul {
	text-align: left;
	display: inline-block;
}

.event-gallery-wrapper {
	margin-top: 50px;
}

.event-gallery-wrapper h2 {
	text-align: start;
	margin-bottom: 30px;
}

.event-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 20px;
}

.event-gallery-item img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 12px;
	transition: transform 0.3s ease;
}

.event-gallery-item img:hover {
	transform: scale(1.02);
}

.m-events-venue-details iframe {
	width: 100%;
	height: 470px;
	border-radius: 16px;
}

.m-events-share {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 40px;
	margin-top: 40px;
}

.m-events-share span {
	color: var(--gray-light-mode-900-section-header, #181D27);
	font-family: "Plus Jakarta Sans";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 33.6px */
	letter-spacing: -0.12px;
}

.m-events-privacy p {
	display: flex;
	align-items: center;
	height: 24px;
	padding: 32px 0px 0px 0px !important;
}

.m-events-privacy p label {
	padding: 0px;
	height: 64px;
	position: relative; 
}

.m-events-privacy p input {
	display: flex;
	align-items: start;
	width: 24px;
	margin-bottom: 4px;
}

.m-events-details-wrapper {
	display: flex;
	gap: 60px;
}

.mbl-events-details-thumbnail {
	display: none;
}

.events-details-page .container-fluid,
.m-revechat-all-preevent.events-details-page .container-fluid {
	width: calc(1200 / 1600 * 100%);
}

.m-events-details-left {
	width: 70%;
}

.m-events-details-right {
	width: 30%;
}

.m-event-booking-form .row,
.m-event-booking-form-modal .row {
	padding: 0px;
}

.m-event-booking-form .row .col-sm-12,
.m-event-booking-form .row .col-xs-12,
.m-event-booking-form-modal .row .col-sm-12,
.m-event-booking-form-modal .row .col-xs-12 {
	padding: 0px;
}

.m-events-privacy {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.m-event-booking-form form .form-group.row,
.m-event-booking-form-modal form .form-group.row {
	margin: auto;
}

.mbl-events-details-thumbnail.has-video-container {
	display: none;
}

.wpcf7-not-valid-tip,
.iti-error-msg {
	color: var(--Red-Red-80, #E14D4D);
	font-family: "Plus Jakarta Sans";
	font-size: 13px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.032px;
}

.m-event-booking-form .wpcf7-spinner,
.m-event-booking-form-modal .wpcf7-spinner {
	top: -38px;
	left: 55%;
}

/* Event form submit button loader (same as signup .submitloadingModal1 .submit.btn-loading) */
.m-event-booking-form .wpcf7-spinner,
.m-event-booking-form-modal .wpcf7-spinner{
  display: none;
}
.m-event-booking-form .wpcf7-submit.btn.btn-loading,
.m-event-booking-form-modal .wpcf7-submit.btn.btn-loading {
	position: relative;
	pointer-events: none;
}

.m-event-booking-form .wpcf7-submit.btn.btn-loading::after,
.m-event-booking-form-modal .wpcf7-submit.btn.btn-loading::after {
	content: "";
	width: 20px;
	--b: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	padding: 1px;
	background: conic-gradient(#0000 10%, #FFF) content-box;
	-webkit-mask:
		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
		radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
	-webkit-mask-composite: destination-in;
	mask-composite: intersect;
	animation: evtL4 1s infinite steps(10);
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}

@keyframes evtL4 {
	to { transform: rotate(1turn); }
}
.m-revechat-events-details .intl-tel-input .country-list.hide{
  display: none!important;
}
.m-revechat-events-details .intl-tel-input .country-list{
  display: block!important;
  width: inherit;
  z-index: 1000;
}
.m-revechat-events-details .intl-tel-input .flag-container{
  width: 100%;
}
.m-event-booking-form .wpcf7-form-control-wrap .intl-tel-input.separate-dial-code .selected-flag,
.m-event-booking-form-modal .wpcf7-form-control-wrap .intl-tel-input.separate-dial-code .selected-flag,
.m-event-booking-form .wpcf7-form-control-wrap .intl-tel-input.separate-dial-code .selected-flag:hover,
.m-event-booking-form-modal .wpcf7-form-control-wrap .intl-tel-input.separate-dial-code .selected-flag:hover {
	background-color: transparent;
}

.m-event-booking-form .intl-tel-input .selected-flag .iti-arrow,
.m-event-booking-form-modal .intl-tel-input .selected-flag .iti-arrow {
	border: none;
}

.m-event-booking-form .intl-tel-input .selected-flag .iti-arrow:after,
.m-event-booking-form-modal .intl-tel-input .selected-flag .iti-arrow:after {
	content: "";
	position: absolute;
	right: -6px;
	top: 0px;
	transform: translateY(-50%) rotate(135deg);
	width: 7px;
	height: 7px;
	border-top: 1px solid #414651;
	border-right: 1px solid #414651;
}

.m-event-booking-form .intl-tel-input .flag-container,
.m-event-booking-form-modal .intl-tel-input .flag-container {
	top: 1px;
}

.m-event-booking-form .intl-tel-input.separate-dial-code .selected-dial-code,
.m-event-booking-form-modal .intl-tel-input.separate-dial-code .selected-dial-code {
	color: var(--gray-light-mode-700, #414651);
	font-family: "InstrumentSans-Regular";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 19.5px */
}
.m-event-booking-form .iti .iti__selected-dial-code,
.m-event-booking-form-modal .iti .iti__selected-dial-code{
color: var(--Black, #253748);
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
padding: 0px;
margin: 0px;
}
.m-event-booking-form .iti__selected-country-primary,
.m-event-booking-form-modal .iti__selected-country-primary{
   padding: 0px 0px 0px 12px;
}
.m-event-booking-form .iti__arrow,
.m-event-booking-form-modal .iti__arrow{
   border: none;
}
.m-event-booking-form .iti__arrow:after,
.m-event-booking-form-modal .iti__arrow:after{
    content: "";
    position: absolute;
    right: -44px;
    top: -2px;
    transform: translateY(-50%) rotate(135deg);
    width: 7px;
    height: 8px;
    border-top: 1px solid #414651;
    border-right: 1px solid #414651;
}
.m-event-booking-form .iti input.iti__tel-input[name=phonenumber],
.m-event-booking-form-modal .iti input.iti__tel-input[name=phonenumber]{
  padding-left: 86px!important;
}
.card-video-hover-trigger {
	position: relative;
	width: 100%;
	aspect-ratio: 16/10;
	background: #000;
	border-radius: 16px;
}

.card-thumbnail-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: opacity 0.3s ease;
}

.card-thumbnail-overlay.no-img {
	background: #000;
}

.card-video-preview-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.card-video-hover-trigger:hover .card-thumbnail-overlay {
	opacity: 0;
	pointer-events: none;
}

.card-video-hover-trigger:hover .card-video-preview-container {
	opacity: 1;
}

.card-play-btn-mini {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background: rgba(37, 55, 72, 0.75);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	pointer-events: none;
}

.featured-event .card-play-btn-mini {
	width: 60px;
	height: 60px;
}

.card-link-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.preview-v {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	pointer-events: none;
	/* Disable all video controls and interaction */
}

.has-video-container {
	position: relative;
	overflow: hidden;
	background: #000;
	min-height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.mbl-events-details-thumbnail.has-video-container {
	min-height: 250px;
}

.video-container-wrapper {
	position: relative;
	width: 100%;
	background: #000;
	z-index: 3;
}

.video-container-wrapper iframe,
.video-container-wrapper video {
	display: block;
}
.m_revechat_footer_top_banner.event .revechat_start_free_trail_clm_btn{
  margin-top: 48px;
}
@media (max-width: 1586px) {
	.m-events-details-left {
		width: 65%;
	}

	.m-events-details-right {
		width: 35%;
	}
}

@media (max-width: 1400px) {
	.m-events-details-left {
		width: 60%;
	}

	.m-events-details-right {
		width: 40%;
	}

	/* .events-details-page .container-fluid,
	.m-revechat-all-preevent.events-details-page .container-fluid {
		width: 90%;
		margin: auto;
	} */
}

@media (max-width: 1200px) {

	/* .events-details-page .container-fluid,
	.m-revechat-all-preevent.events-details-page .container-fluid {
		width: 96%;
		margin: auto;
	} */

	.m-events-details-wrapper {
		gap: 24px;
	}

	.m-event-booking-form,
	.m-event-booking-form-modal {
		padding: 24px;
	}

	.m-event-booking-form span.title,
	.m-event-booking-form-modal span.title {
		font-size: 24px;
	}

	.m-events-details-left {
		width: 60%;
	}

	.m-events-details-right {
		width: 40%;
	}

	.m-events-privacy p label {
		padding: 20px 0px 4px 0px;
	}
}

@media (max-width: 768px) {
  .m-revechat-events-scard .m-revechat-events-card-right{
    max-height: 100%;
  }
  .m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-right img{
    width: 100%;
  }
  .card-video-hover-trigger{
    aspect-ratio: 19 / 9;
  }
  .m_revechat_footer_top_banner.event .revechat_start_free_trail_clm_btn{
  margin-top: 28px;
}
	.m-events-details-left {
		width: 100%;
	}

	.m-events-details-right {
		width: 100%;
	}

	.event-banner h1 {
		font-size: 40px;
		line-height: 110%;
		padding: 0px 0px 16px 0px;
	}

	.event-banner {
		padding: 104px 0px 60px 0px;
	}

	.event-banner p {
		font-size: 14px;
	}

	.m-revechat-events-card.featured-event {
		margin-top: 24px;
		flex-direction: column;
		padding: 11px 8px;
		gap: 12px;
	}

	.m-revechat-events-card-left,
	.m-revechat-events-card-right {
		width: 100%;
		padding: 0px;
	}

	.m-revechat-events-card-right {
		margin: 0px 12px 0px 12px;
	}

	.m-revechat-events-card-left h3 a {
		font-size: 24px;
	}

	.m-revechat-events-scard .m-revechat-events-card {
		margin-top: 40px;
		gap: 0px;
	}

	.m-revechat-all-preevent .m-revechat-events-scard .m-revechat-events-card {
		margin-top: 24px;
		gap: 0px;
	}

	.m-revechat-events-scard .m-revechat-events-card .m-revechat-events-card-right {
		margin-bottom: 24px;
	}

	.m-revechat-events-card-left ul li,
	.m-revechat-events-details ul li {
		font-size: 12px;
		gap: 4px;
	}

	.m-revechat-all-preevent .col-md-6.align-items-center {
		justify-content: start !important;
		margin-top: 20px;
	}

	.m-events-details-wrapper {
		flex-direction: column-reverse;
		gap: 14px;
	}

	.mbl-events-details-thumbnail {
		display: block;
	}

	.events-details-thumbnail {
		display: none;
	}

	.m-revechat-events-details h1 {
		font-size: 32px;
		line-height: 110%;
		padding: 0px 0px 20px 0px;
	}

	.events-details-page {
		padding: 104px 0px 14px 0px;
	}

	.mbl-events-details-thumbnail {
		padding: 28px 0px 48px 0px;
	}

	.m-event-booking-form {
		padding: 0px;
		box-shadow: none;
		background: transparent;
	}

	.m-revechat-events-details ul {
		flex-direction: column;
		align-items: start;
		gap: 8px;
	}

	.m-revechat-events-details .events-details-cat {
		margin-top: 12px;
	}

	.m-revechat-events-details .m-revechat-events-details-content {
		padding-right: 0px;
	}

	.m-event-booking-form span.title,
	.m-event-booking-form-modal span.title {
		font-size: 24px;
	}

	.m-event-booking-form {
		gap: 4px;
	}

	.m-event-booking-form .row,
	.m-event-booking-form-modal .row {
		padding: 0px;
	}

	.m-event-booking-form .row .col-sm-12,
	.m-event-booking-form .row .col-xs-12,
	.m-event-booking-form-modal .row .col-sm-12,
	.m-event-booking-form-modal .row .col-xs-12 {
		padding: 0px;
	}

	.m-events-privacy {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.m-event-booking-form form .form-group.row,
	.m-event-booking-form-modal form .form-group.row {
		margin: auto;
	}

	.m-event-booking-form form .form-control,
	.m-event-booking-form-modal .form-control {
		background: transparent;
	}

	.m-events-privacy p label {
		padding: 20px 0px 4px 0px;
	}

	.m-revechat-events-details-content ul li {
		color: var(--gray-light-mode-800, #252B37);
		font-family: "Source Serif Pro";
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		/* 195% */
		padding: 2px 0px;
		margin: 0px;
	}

	.m-events-speaker-inner {
		padding: 16px 0px;
	}

	.m-revechat-events-details h2 {
		font-size: 28px;
	}

	.m-speakers-details h3 {
		font-size: 20px;
	}

	.m-events-share {
		flex-direction: column;
		align-items: start;
		gap: 16px
	}

	.m-events-share ul {
		flex-direction: row;
		gap: 32px
	}

	.m-revechat-all-preevent h2 {
		font-size: 28px;
		line-height: 110%;
	}
   #videoRegistrationModal .modal-dialog{
    min-width: auto;
  }
  .m-event-booking-form, .m-event-booking-form-modal{
    padding: 4px;
  }
  #videoRegistrationModal h3 {
    font-size: 14px;
  }
  .m-event-booking-form form label, .m-event-booking-form-modal form label{
    padding: 12px 0px 4px 0px;
  }
  #videoRegistrationModal button.btn-close{
    right: 10px!important;
    top: 4px!important;
  }
  .events-details-page .container-fluid, .m-revechat-all-preevent.events-details-page .container-fluid{
    width: 100%;
  }
  .events-details-thumbnail img{
    border-radius: 20px;
  }
}
.cbf-modal-success-content span{
  color: var(--gray-light-mode-500, #717680);
text-align: center;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.cbf-modal-success-content h3{
  color: var(--gray-light-mode-900-section-header, #181D27);
text-align: center;
font-family: var(--Typeface-Family-Heading, "Plus Jakarta Sans");
font-size: var(--Typeface-Size-h5, 20px);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
letter-spacing: var(--Typeface-Letter-spacing-sm, 0);
padding: 4px 0px 8px 0px;
margin: 0px;
}
.cbf-modal-success-content p{
 color: var(--gray-light-mode-700, #414651);
text-align: center;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Regular");
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 157.143% */
margin: 0px;
padding: 0px;
}
#cbfSuccessModal .modal-body button{
  position: absolute;
    bottom: 0px;
    border: none;
    background: transparent;
    width: 92%;
    display: flex;
height: 44px;
padding: 11px 24px;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 8px;
background: transparent;
color: var(--gray-light-mode-900-section-header, #181D27);
text-align: center;
font-family: var(--Typeface-Family-Text, "InstrumentSans-Medium");
font-size: var(--Typeface-Size-body-sm, 14px);
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
opacity: 1;
box-shadow: none;
}
#cbfSuccessModal .modal-body{
  padding: 16px 16px 48px 16px;
  display: flex;
  justify-content: center;
}
.m-events-details-wrapper.sidebar-hidden {
	justify-content: center;
}
.m-events-details-wrapper.sidebar-hidden .m-events-details-left {
	width: 100%;
	max-width: 900px;
}
.m-events-details-wrapper.sidebar-hidden .m-events-details-right {
	display: none;
}
.m-events-details-wrapper .wp-block-gallery.has-nested-images{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}
.m-events-details-wrapper .wp-block-gallery.has-nested-images figure.wp-block-image{
  display: grid!important;
}
.m-events-details-wrapper .wp-block-gallery.has-nested-images .wp-block-image {
    width: 100%;
    max-width: 382px;
}

.m-events-details-wrapper .wp-block-gallery.has-nested-images .wp-block-image img {
    max-width: 100%;
    height: 210px!important;
    max-width: 382px;
    object-fit: cover;
    display: block;
    border-radius: 16px; 
}
.m-events-details-wrapper .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image), .m-events-details-wrapper .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
    width: auto;
}
@media (max-width: 1200px) {
    .m-events-details-wrapper .wp-block-gallery.has-nested-images {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .m-events-details-wrapper .wp-block-gallery.has-nested-images {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .m-events-details-wrapper .wp-block-gallery.has-nested-images .wp-block-image img {
        height: 180px;
    }
    .mbl-events-details-thumbnail.has-video-container{
      display: block;
    }
}
@media (max-width: 480px) {
    .m-events-details-wrapper .wp-block-gallery.has-nested-images {
        grid-template-columns: 1fr;
    }

   .m-events-details-wrapper  .wp-block-gallery.has-nested-images .wp-block-image img {
        height: auto;
    }
}
/* EVENT page design end here  */