@media (max-width: 992px) {
    body{
        padding:0px 22px;
    }
header .container-fluid{
	padding:0;
}
.logo-main {
    width: auto;
    height: 20px;
}
.navbar-toggler{
	font-size:14px;
	background:#D9D9D933;
	border:none;
}
.navbar-toggler-icon {
    width: 1.5em;
    height: 25px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'><path stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4'/></svg>");
	margin-left:10px;
	
}
.navbar  .nav{
	position: absolute;
    width:calc(100% + 44px);
    left: -22px;
    padding-bottom:25px;
    top: calc(-100vh - 30px);
    background: #b4b4b4;
	    flex-direction: column;
		transition: top 0.3s ease;
}
.navbar  .nav.show{
	top: calc(0vh - 30px);
}
.menu-head{
	font-size:32px;
	margin:30px 0px;
	    padding: 0px 30px;
}
.navbar .nav .nav-links {
    flex-direction: column;
	    padding: 0px 30px;
}
.nav-links .arrow-up {
   	display: block;
    margin: 20px auto;
	transform:rotate(180deg);

}

.nav-links .other-links{
	display: grid;
    grid-template-columns: 3fr 2fr;
}
.nav-links .lang-menu{
	display:none;
}
.navbar .nav .nav-links .nav-link{
	width:100%;
	background:#bbbbbb;
	border:1px solid #0E2E28;
	    padding: 12px 30px;
	position:relative;
	z-index:1;
	overflow: hidden;
}
.navbar .nav .nav-links .nav-link.active{
    color: #0e2e28;
}


.nav-links .other-links a{
	background:#9da4a2 !important;
}
.hero-section{
	z-index:1;
	margin-top: -102px;
    padding-top: 75px;
}
.hero-content {
    margin-top: 50px;
}
.hero-video-bg{
    width: calc(100% + 44px);
        left: -22px;
}
.hero-title{
	display:none;
}
.hero-title-mobile {
  color: #0e2e28;
  font-size: 42px;
  font-weight: 400;
  text-align: center;
      padding: 0px 30px;
}

.hero-title-mobile .highlight {
  font-weight: 600;
}
.hero-description{
	width:100%;
	margin-top: 0px;
}
.voice-btn {
   
    width: 92px;
    height: 140px;
       margin-top: 80px;
}
.arrow-down {
    
    margin-top: 0px;
}
.references-subtitle {
    
    padding: 0px 60px;
}
.references-logos {
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
}
.references-logos img {
    height: 22px;
    margin: 0px 25px;
}

.feature-card.language{
	    flex-direction: column;
}
.feature-card.language .lang-video-wrapper {
    margin-top:50px;
}
.lang-video-wrapper:before {
    width: 30%;
    left: 35%;
}
.lang-video-wrapper:after {
    width: 30%;
    left: 35%;
}
.increase-rate{
	font-size:80px;
}
.solution-graphic .line-img {
    width: 100%;
    height: 100%;
}
.demo-content{
	    padding: 60px 30px;
}
.demo-link, .trial-link{
	width:100%;
}
.demo-links .demo-link{
	margin-bottom:30px;
}
.solutions-description{
	font-size:20px;
}
.solution-graphic-inner:before {
    left: 50px;
    top: 40px;
    height: calc(100% - 60px);
}
.vertical-data:before {
    left: -77px;
}
.horizontal-data:before {
    top: 58px;
    right: -28px;
}
.solution-graphic-inner:after {
    left: 25px;
    bottom: 50px;
    width: calc(100% - 50px);
}
.solution-card img{
	width:64px;
}
.solution-description {
    font-size: 16px;
    line-height: 22px;
}
.faq-content {
    display: flex;
    flex-direction: column;
}
.faq-header {
    margin-bottom: 20px;
    text-align: center;
}
.cta-icon {
    display:none;
}
.faq-cta {
    padding: 30px 20px;
    display: block;
}
.cta-text {
    font-size: 16px;
    
}
.chat .circle-1,.chat .circle-2{
	display:none;
}
.pricing-container {
    padding: 20px 0px;
}
.pricing-plan {
    flex-direction: column;
	align-items: flex-start;
}
.plan-name {
    padding: 20px 0px;
	font-size:54px;
}
.pricing-details {
    flex-direction: column;
    width:100%;
}
.pricing-column {
    text-align: left;
	    padding: 10px 0px;
    border-bottom: 1px solid #0e2e28;
}
.pro .pricing-column {
    border-bottom: 1px solid #c0e974;
}
.plan-link{
	display:block;
	margin-bottom: 30px;
}
.enterprise-2-section {
    align-items: flex-start;
    flex-direction: column;
}

.contact-button {
    width: 70%;
}
.form-container {
    padding: 40px 20px;
}
.column-mobile{
	gap: unset;
    flex-direction: column;
}
.call-count-mobile{
	flex-direction: column;
}

.case-study{
	flex-direction: column;
}
.case-image {
    padding: 0px;
}

.case-image img {
    width: 100%;
}
.case-label{
	display:none;
}
.filters {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
	justify-content: flex-start;
}
.filter-label{
    display:none;
}
.contact-page{
	margin-top:0px;
	padding-bottom:0px;
}
.contact-form {
    padding: 30px 15px;
}
.contact-img{
	margin-bottom:40px;
}
.login-form{
	padding: 30px 15px;
}
.reset-form{
	padding: 30px 15px;
}
.signup-form{
	padding: 30px 15px;
}
.usecase-detail .navigation-controls{
	position:relative;
}
.usecase-detail .page-title{
	text-align: left;
}
.usecase-detail .page-subtitle{
	text-align: left;
}
.usecase-detail .use-case-title{
	text-align: left;
}
.usecase-detail .section{
	flex-direction: column;
}
.usecase-detail .section-icon{
	margin-bottom:30px;
}
.section.style-2 {
    padding-left: 5px;
}
.usecase-detail .demo-subtitle {
    font-size: 20px;
    line-height: 26px;
}
.footer-logo {
   width: 94%;
    bottom: 0;
    left: 3%;
    top: -61%;
    z-index:-1;
}
.footer-bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
	margin-top:100px;
}
.footer-bottom img{
    margin-bottom:10px;
}
}
@media (min-width: 992px) {
.menu-head{
	display:none;
}
.hero-title-mobile{
	display:none;
}

.swiper-wrapper {
    flex-direction: column;
}
}
@media (max-width: 576px) {
.logo-main {
    width: auto;
    height: 16px;
}
.footer-logo {
    width: 100%;
    bottom: 0;
    left: 0%;
    top: -56%;
    z-index: -1;
}
.phone-lightbox .footer-logo{
    width:86%;
    left: 7%;
    top:unset;
}
}
@media (min-width: 1600px) {

.footer-logo {
    width: 24%;
}

}