/* @import url("https://fonts.cdnfonts.com/css/segoe-ui-4"); */

body {
  font-family: "Inter", sans-serif !important;
  margin: 0;
  padding: 0;
  transition: 0.3s all;
  overscroll-behavior-y: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "segoe-normal";
  src: url(../fonts/segoe-fonts/SEGOEUI.TTF);
}

@font-face {
  font-family: "segoe-semiBold";
  src: url(../fonts/segoe-fonts/seguisb.ttf);
}

a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
  color: #0078d4 !important;
}

ul,
ol {
  list-style-type: none;
}

/* html {
    scroll-behavior: smooth;
} */

.common-bg-height {
  height: 520px;
  width: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.scroll-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  will-change: transform;
}

.App {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Authentication */
.login-bg {
  height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-login-btn {
  padding: 8px 35px;
  font-size: 15px;
  line-height: 19px;
  font-weight: bold;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: 0.4s all ease;
}

.add-d-flex {
  display: flex;
}

.add-d-flex button {
  margin-right: 1rem;
}

.new-login-btn:hover {
  background: #0078d4;
  border: 2px solid #0078d4;
  color: #ffffff !important;
  transition: 0.4s all ease;
}

.login-left-side-wrapper {
  width: 480px;
  background-position: 35% center;
  background-repeat: no-repeat;
  background-size: cover;
  height: inherit;
  transition: 0.25s all ease-in-out;
  padding: 20px;
  position: relative;
  background-color: #0078D4;
}

.signup-grow-change{
  width: 480px;
  background-position: 35% center;
  transition: 0.4s all ease-in-out;
}

.signup-width{
  flex-grow: 1;
  width: auto !important;
  transition: 0.4s all ease-in-out;
}

.login-left-side{
  height: 100%;
}

.login-left-side-wrapper .top-area{
  height: inherit;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.ailaysa-new-avatar-design{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 30px;
}

.login-left-side-wrapper.auth-marketplace-image-col{
  background-color: #000211;
  overflow: hidden;
}

.login-left-side-wrapper.auth-marketplace-image-col::before{
    content: "";
    position: absolute;
    width: 640px;
    height: 640px;
    top: 70%;
    left: -65%;    
    background: linear-gradient(0deg, #00F0FF, #00F0FF);
    opacity: 0.4;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-backface-visibility: initial;
    will-change: transform;
    border-radius: 50%;
    filter: blur(200px);
}

.login-left-side-wrapper.auth-marketplace-image-col::after{
    content: "";
    position: absolute;
    width: 840px;
    height: 840px;
    top: -45%;
    right: -90%;    
    background: linear-gradient(180deg, rgba(23, 144, 255, 0.8) 0%, rgba(0, 71, 255, 0.8) 100%);
    background: -webkit-linear-gradient(180deg, rgba(23, 144, 255, 0.8) 0%, rgba(0, 71, 255, 0.8) 100%);
    opacity: 0.4;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-backface-visibility: initial;
    will-change: transform;
    border-radius: 50%;
    filter: blur(200px);
}

.login-left-side-wrapper.auth-marketplace-image-col .ailaysa-new-avatar-design .auth-image-wrap{
  margin-top: 46px;
  width: 362px;
  height: 527px;
}

.login-left-side-wrapper.auth-marketplace-image-col .ailaysa-new-avatar-design .auth-image-wrap img{
    width: 100%;
    height: 100%;
}

.ailaysa-new-avatar-design .image-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}

.ailaysa-new-avatar-design .image-wrapper img{
    width: 366px;
    height: 311px;
    margin-top: 61px;
    position: relative;
    z-index: 10;
}

.ailaysa-new-avatar-design .image-wrapper::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 138px;
    background: radial-gradient(closest-side at 50% 50%, #6FF2FE 0%, #0078D4 100%);
    width: 100%;
    height: 223px;
    filter: blur(18px);
}

.ailaysa-new-avatar-design .title{
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

.ailaysa-new-avatar-design .title span{
  color: #4FFFFF;
}

.login-left-side-wrapper .top-area .logo{
  cursor: pointer;
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
}

.login-left-side-wrapper .bottom-area{
  background: transparent linear-gradient(180deg, #00000000 0%, #141516 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 371px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.login-left-side-wrapper .bottom-area .quotes-wrapper{
  position: absolute;
  bottom: 0;
  padding: 48px 36px;
}

.login-left-side-wrapper .bottom-area .quotes-wrapper .quote{
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 17px;
  line-height: 1.5;
  color: #C5C5C5;
  margin-bottom: 0px;
}

.login-left-side-wrapper .bottom-area .quotes-wrapper .author{
  margin-top: 28px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.login-form {
  padding: 31px 41px;
  flex-grow: 1;
  height: inherit;
  transition: ease-in-out 0.3s;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  transition: 0.3s all ease-in-out;
}

.login-form .other-page-wrapper{
  width: 430px;
  margin: auto;
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.login-form .other-page-wrapper .img-wrapper{
  width: 136px;
  height: 136px;
  border-radius: 50%;
  background-color: #e5f2fb;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0px;
}

.login-form .other-page-wrapper h1{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 1.5;
  color: #1D1F20;
  margin-bottom: 0px;
  text-align: center;
}

.login-form .other-page-wrapper p{
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #7F7F7F;
  margin-bottom: 0px;
  text-align: center;
}

.login-form .other-page-wrapper p .login-wrap{
  display: block;
  margin: 15px auto;
}

.login-form .form-area-wrapper{
  width: 430px;
  margin: auto;
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.login-form .form-area-wrapper.signup-wrapper{
  width: min(100%, 742px);
  flex-direction: row;
  justify-content: space-between;
}

.login-form .form-area-wrapper.signup-wrapper .form-fill-main-wrapper{
  width: min(100%, 322px);
}

.login-form .form-area-wrapper.signup-wrapper .form-fill-main-wrapper .glb-alert{
  width: min(100%, 322px);
}

.login-form .form-area-wrapper.signup-wrapper .form-fill-main-wrapper .form-area-header-wrapper .signup-alert span{
  left: 45px;
}

.login-form .form-area-wrapper.signup-wrapper .form-fill-main-wrapper.sign-two-wrap{
  width: min(100%, 430px);
  margin: 0 auto;
}

.login-form .form-area-wrapper h1.title{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 1.5;
  color: #1D1F20;
  margin-bottom: 0px;
  text-align: center;
  margin-bottom: 18px;
}

.login-form .form-area-wrapper.vendor-signup-form .sign-up-wrapper,
.login-form .form-area-wrapper .sign-up-wrapper,
.login-form .other-page-wrapper form,
.login-form .form-area-wrapper form{
  width: 100%;
  margin-bottom: 18px;
}

.ai-or-wrapper{
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 18px;

}

.ai-or-wrapper::after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #C0C8CE;
  top: 50%;
}

.ai-or-wrapper span{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #161C2D;
  padding: 0px 12px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}

.ai-oauth-login-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #C0C8CE;
  border-radius: 3px;
  padding: 10px 20px;
  transition: 0.3s all ease;
}

.ai-oauth-wrapper{
  margin-bottom: 8px !important;
  border-radius: 3px !important;
}

.ai-oauth-wrapper.signup,
.ai-oauth-wrapper:last-child{
  margin-bottom: 0px !important;
}

.ai-oauth-wrapper.signup .ai-oauth-login-wrapper,
.ai-oauth-wrapper:last-child .ai-oauth-login-wrapper{
  padding: 8px 20px;
}

.ai-oauth-login-wrapper span{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  color: #1D1F20;
  margin-left: 17px;
}

.ai-oauth-login-wrapper:hover{
  background-color: #C0C8CE;
  transition: 0.3s all ease;
}

.mob-logo-preview {
  display: none;
}

/* Authentication */

/* Header */

.ai-navbar {
  background-color: transparent;
  width: 100%;
  justify-content: center !important;
  transition: 0.4s all ease-in-out;
  position: relative;
}

.navbar-transform {
  transform: translate3d(0px, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.navbar-transform-show {
  transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.ai-navbar.navbar-bg-color {
  background-color: #ffffff;
}

.ai-navbar.navbar-shadow {
  box-shadow: 0 4px 40px rgb(0 0 0 / 8%);
  -moz-box-shadow: 0 4px 40px rgb(0 0 0 / 8%);
  -webkit-box-shadow: 0 4px 40px rgb(0 0 0 / 8%);
}

.ai-sticky-nav {
  position: fixed !important;
  top: 0;
  z-index: 999;
  width: 100%;
  transition: 0.4s all ease-in-out;
}

.ai-sticky-nav-remove {
  z-index: 0 !important;
}

.nav-active {
  color: #0078d4 !important;
}

.ai-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

ul.ai-last-links-nav-wrap li.top-header,
ul.ai-last-links-nav-wrap li.common-head-top {
  padding: 13px 0px;
}

ul.ai-last-links-nav-wrap,
ul.ai-links-nav-wrap {
  padding-left: 0px;
  margin-bottom: 0px;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
ul.ai-last-links-nav-wrap li a,
ul.ai-links-nav-wrap li a {
  color: #000000;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  transition: 0.3s all ease;
}

/* ul.ai-links-nav-wrap li:nth-child(4)::after{
    content: "\f078";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 11px;
    padding-left: 0.4rem;
    position: relative;
    top: -1px;
} */

ul.ai-links-nav-wrap li:hover::after {
  color: #0078d4;
}

ul.ai-links-nav-wrap li:hover a {
  color: #0078d4;
}

ul.ai-last-links-nav-wrap li a {
  display: flex;
  align-items: center;
}

ul.ai-last-links-nav-wrap li a span.icon-nav-hover {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

ul.ai-links-nav-wrap > li {
  margin-right: 35px;
  padding: 24px 0px;
}

ul.ai-last-links-nav-wrap li:last-child,
ul.ai-links-nav-wrap li:last-child {
  margin-right: 0px;
}

.vendor-upload-file{
  padding: 9px 15px;
  border-radius: 3px;
  background-color: #e1eff9;
  line-height: unset !important;
  display: flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  cursor: pointer;
  transition: 0.3s all ease;
}

.vendor-uploaded-file{
  padding: 9px 15px;
  border-radius: 3px;
  background-color: #e1eff9;
  line-height: unset !important;
  display: flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  cursor: pointer;
  border: 1px solid #0078D4;
  transition: 0.3s all ease;
}

.vendor-uploaded-file .txt,
.vendor-upload-file .txt{
  color: #0078D4;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
}

.mob-menu-sections-hide {
  transform: translateX(100%);
  background-color: #ffffff;
  position: fixed;
  height: auto;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1080;
  box-sizing: border-box;
  transition: all 400ms ease-in-out;
}

.login-btn {
  color: #ffffff;
  font-size: 15px;
  line-height: 19px;
  font-weight: bold;
  padding: 10px 40px;
}

.avatar-white-link {
  border: 2px solid #0078d4;
  border-radius: 50%;
}

.avatar-link {
  border: 2px solid #ffffff;
  border-radius: 50%;
}

.avatar-profile-img-navbar {
  width: 35px;
  height: 35px;
  background: #0074d3;
  border-radius: 50%;
  margin: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.common-header .avatar-profile-img-navbar {
  background: #ffffff;
}

.common-header .avatar-profile-img-navbar div {
  color: #0074d3;
}

.avatar-profile-img-navbar div {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 0;
  color: #ffffff;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 1px;
}

.avatar-profile-img-navbar .card-img-top {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.overlay-image {
  position: relative;
  cursor: pointer;
}

ul.submenu-1 {
  background-color: #fff;
  display: none;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  -webkit-box-shadow: 0px 20px 36px #00000017;
  -moz-box-shadow: 0px 20px 36px #00000017;
  box-shadow: 0px 20px 36px #00000017;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  width: 300px;
  height: auto;
  padding: 0px;
  border-radius: 4px;
  z-index: 1080;
}

.submenu-plan-details {
  padding: 10px 0px;
}

.submenu-plan-details p.head {
  color: #202124;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 1.2rem;
}

.submenu-plan-details p.new-head {
  color: #5f6368;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 13px;
  /* margin-top: 1.2rem; */
  margin-bottom: -0.1rem;
}

.submenu-plan-details p.plan-details {
  color: #5f6368;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* margin-bottom: 0px; */
}

.submenu-plan-details p.plan-details span {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  background-color: #0078d4;
  border-radius: 2px;
  padding: 3px 5px;
  text-transform: uppercase;
  margin-left: 0.4rem;
}

ul.submenu-1 li {
  list-style-type: none;
  padding: 0px;
  border-bottom: 2px solid #ecedf0;
}

ul.submenu-1 li:last-child {
  border-bottom: 0px solid #ecedf0;
}

ul.submenu-1 li:last-child a.logout-cls {
  padding: 18px 21px;
  margin-bottom: 0px;
  border-radius: 0px 0px 4px 4px;
}

ul.submenu-1 li p.txt-dark {
  color: #202124 !important;
  padding: 19px 21px 10px 21px;
  width: 100%;
  font-weight: 500;
  font-family: Roboto;
  font-size: 16px;
  line-height: 19px;
  transition: all 0.4s;
  margin-bottom: 0px;
  cursor: unset;
}

ul.submenu-1 li a {
  color: #5f6368 !important;
  padding: 12px 21px;
  width: 100%;
  text-align: left !important;
  font-weight: 400;
  font-family: Roboto;
  font-size: 14px;
  line-height: 17px;
  transition: all 0.4s ease;
  margin-bottom: 5px;
}

ul.submenu-1 li:last-child a.logout-cls:hover {
  color: #ffffff !important;
  background-color: #0078d4 !important;
  transition: 0.4s all ease;
}

ul.submenu-1 li a:hover {
  color: #5f6368 !important;
  background-color: #f5f5f5 !important;
  transition: 0.4s;
  border-radius: unset;
}

ul.submenu-1-active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  top: 65px !important;
  right: 18.2rem !important;
}

.submenu-animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.submenu_fadeIn {
  -webkit-animation-name: submenu_fadeIn;
  animation-name: submenu_fadeIn;
}

@-webkit-keyframes submenu_fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes submenu_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ai-nav-links ul.ai-header-submenu {
  position: absolute;
  left: 52%;
  top: 150%;
  width: 250px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 22px 0 rgb(27 40 60 / 17%);
  box-shadow: 0 8px 22px 0 rgb(27 40 60 / 17%);
  z-index: 9999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 15px;
}

.ai-nav-links ul li ul li {
  margin-left: 0;
}

.ai-nav-links ul.ai-header-submenu > li > a {
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  padding: 8px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ai-nav-links ul li:hover > ul.ai-header-submenu {
  top: 80%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.ai-nav-last-links ul.ai-last-links-nav-wrap li.top-header:hover > ul.submenu-1,
.ai-nav-last-links ul.ai-last-links-nav-wrap li:hover > ul.submenu-1 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  top: 65px !important;
  right: 18.2rem !important;
}

/* Header */

/* Footer */
.ai-footer-bg {
  padding-top: 140px;
  padding-bottom: 132px;
  background: url(../images/home/footer-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.ai-footer-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 50px;
  border-bottom: 1px solid #d5d5d5;
}

.ai-footer-col {
  width: auto;
  min-width: 25%;
}

.ai-footer-col:nth-child(3),
.ai-footer-col:nth-child(2) {
  padding-left: 97px;
}

.ai-footer-col:last-child {
  padding-left: 135px;
}

.ai-footer-txt {
  color: #333333;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  width: 280px;
  max-width: 100%;
  margin-bottom: 0px;
}

ul.ai-footer-social-links,
ul.ai-footer-quicks-links {
  padding-left: 0px;
  margin-bottom: 0px;
}

ul.ai-footer-social-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 5px;
}

ul.ai-footer-social-links li a i {
  font-size: 17px;
  color: #333333;
  transition: 0.4s all ease;
}

ul.ai-footer-quicks-links li a:hover,
ul.ai-footer-social-links li a i:hover {
  color: #0078d4;
}

ul.ai-footer-quicks-links li a:hover span {
  background: #e4f3ff;
  color: #0078d4;
}

ul.ai-footer-quicks-links li {
  padding-bottom: 20px;
}

ul.ai-footer-quicks-links li h5,
ul.ai-footer-quicks-links li a {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

ul.ai-footer-quicks-links li a span {
  background: #e2e2e2;
  border-radius: 2px;
  padding: 4px 5px;
  color: #333333;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  margin-left: 0.5rem;
  transition: 0.3s all;
}

ul.ai-footer-quicks-links li:last-child {
  padding-bottom: 0px;
}

.ai-footer-title {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 35px;
}

.ai-footer-bottom-row {
  padding-top: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai-copyright-txt {
  color: #707070;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.ai-copyright-txt span a {
  color: #707070;
}

.ai-copyright-txt span a:hover {
  text-decoration: underline !important;
}

/* Footer */

/* Home Page */
.home-bg-banner {
  background: url(../images/home/home-banner-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ai-sample-text-add-part {
  position: relative;
}

.ai-sample-textbox-dots-img {
  position: absolute;
  right: -40px;
  top: -40px;
}

.all-page-common-padding {
  padding: 0rem 0 109px 0;
  position: relative;
}
.home-page-padding {
  padding: 0rem 0 4rem 0;
}

.ai-home-main-title {
  color: #000000;
  font-size: 40px;
  line-height: 74px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.ai-home-main-title span {
  display: flex;
  align-items: center;
}

.ai-home-main-title-1 {
  color: #000000;
  font-size: 60px;
  line-height: 74px;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
}

.ai-home-main-title span.typing-text {
  color: #0078d4;
  padding: 0 0.6rem 0 0.6rem;
}

.ai-home-banner-txt {
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  margin: 1.1rem 0;
}

.ai-home-features {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
  margin: 0 auto;
}

.ai-home-features-content {
  text-align: center;
}

.ai-home-features-content h1 {
  color: #000000;
  font-size: 46px;
  line-height: 30px;
  font-weight: bold;
}

.ai-home-features-content p {
  color: #4e4e4e;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 0px;
}

.ai-translate-text-add-card {
  padding: 22px 40px 35px 40px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 9px 30px #0000001a;
  -moz-box-shadow: 0px 9px 30px #0000001a;
  -webkit-box-shadow: 0px 9px 30px #0000001a;
  height: auto;
  min-height: 400px;
  position: relative;
  z-index: 10;
  margin-top: 3.5rem;
  margin-bottom: 73px;
}

.ai-tab-txt {
  border-bottom: 3px solid transparent;
  transition: 0.3s all ease;
}

.ai-tab-txt a {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 0.5rem;
  cursor: pointer;
}

.ai-tab-txt a:hover {
  color: #0078d4;
}

.home_tab_border_active {
  margin-right: 3rem;
  border-bottom: 3px solid #0078d4;
}

.home_tab_border_active:last-child {
  margin-left: 3rem;
}

.ai-tab-txt a:hover {
  border-color: transparent !important;
}

.nav-tabs {
  border-bottom: 0px !important;
}

.home_tab_active {
  color: #0078d4 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: bold !important;
}

/* .home_tab_border_active::after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0078D4;
    transform-origin: 0 0;
    transition: transform .25s;
} */

.ai-translate-text-add-card .nav {
  justify-content: space-between;
  align-items: center;
}

.ai-text-tabs-algin,
ul.ai-textbox-features,
.ai-product-text-tabs-algin {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  align-items: center;
}

ul.ai-textbox-features li:first-child span {
  margin-right: 11px;
}

ul.ai-textbox-features li span {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  transition: 0.4s all ease;
}

ul.ai-textbox-features li span:hover {
  background: #e9eaea;
  border: 1px solid #e9e9e9;
  cursor: pointer;
}

.ai-home-textarea {
  width: 100%;
  height: 181px;
  border: none;
  resize: none;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #000000;
}

.text-area-cont {
  margin-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.ai-max-words-validation-alert {
  font-family: "Roboto", sans-serif;
  color: #ff2e2e;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  margin-bottom: 0px;
  position: absolute;
  bottom: 3%;
  left: 0;
}

.ai-texbox-validation-alert {
  position: absolute;
  top: 10%;
  left: 0;
}

.ai-texbox-validation-alert p {
  font-family: "Roboto", sans-serif;
  color: #3c4043;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 0px;
  border-radius: 5px;
  padding: 10px 14px;
  background-color: #ffffff;
  box-shadow: 0px 1px 8px #00000063;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 7px;
  box-sizing: border-box;
}

.ai-texbox-validation-alert p::after {
  content: "";
  position: absolute;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px #fff;
  filter: drop-shadow(0px 0px 25px #333);
  height: 0;
  width: 0;
  top: -7px;
}

.ai-texbox-validation-alert img {
  padding-right: 0.5rem;
}

.ai-max-words-validation-new-alert {
  color: #ff0000;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  margin-bottom: 0px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}

.ai-max-words-validation-new-alert img {
  padding-right: 0.3rem;
}

.ai-getstarted-btn {
  display: flex;
  align-items: center;
}

.ai-max-words-validation {
  font-family: "Roboto", sans-serif;
  color: #b4b4b4;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  margin-bottom: 0px;
  margin-right: 2rem;
}

.ai-home-textarea::placeholder {
  font-family: "Roboto", sans-serif;
  color: #b4b4b4;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
}

.ai-home-textarea:focus {
  outline: none;
}

.ai-drag-n-drop-container {
  width: 100%;
  height: 218px;
  margin-top: 13px;
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23C3D2DCFF' stroke-width='3' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.ai-drag-n-drop-container-file-list {
  width: 100%;
  height: fit-content;
  height: -moz-fit-content;
  max-height: 218px;
  margin-top: 13px;
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23C3D2DCFF' stroke-width='3' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 8px;
  padding: 23px 41px;
}

.file-upload-align {
  display: flex;
  align-items: center;
  margin-top: 0rem;
}

.file-list-align {
  display: block;
  width: 100%;
}

.file-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: auto;
  height: 114px;
}

.file-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #161c2d;
}

.file-name-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 0px;
  border-bottom: 1px solid #ebecee;
}

.file-name-list:first-child {
  padding: 0px 0px 8px 0px;
}

.file-name-list .filename {
  display: flex;
  align-items: center;
}

.new-drag-n-drp-align {
  padding: 10px 15px 0px 0px;
}

.new-drag-n-drp-align .new-text-style {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #161c2d;
  margin-right: 15px;
  margin-bottom: 0px;
}

.new-drag-n-drp-align .form-control-file {
  display: flex;
  align-items: center;
  /* background: #0078D4;
    border-radius: 3px; */
  padding: 7px 8.35px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #3c4043;
  cursor: pointer;
  width: fit-content;
  width: -moz-fit-content;
  margin-bottom: 0px;
  transition: all 0.2s;
}

.new-drag-n-drp-align .form-control-file:hover {
  color: #0078d4;
  text-decoration: underline;
}

.new-drag-n-drp-align .form-control-file span {
  margin-right: 7px;
  position: relative;
  top: -2px;
}

.file-name-list .filename img {
  width: 24px;
  height: 30px;
}

.file-name-list .filename span:hover {
  cursor: inherit;
  background-color: unset;
  color: unset;
}

.file-name-list .filename span.filename-length {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  color: #161c2d;
  padding: 0px 0px 0px 11px;
  border-radius: 0px;
  transition: 0.3s all ease;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  width: auto;
  max-width: 95%;
}

.file-name-list .filename span.extension {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  color: #161c2d;
  padding: 0px;
  border-radius: 0px;
}

.file-name-list .filename .file-size {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  color: #989898;
  padding: 0px 0px 0px 11px;
}

.file-name-list span {
  cursor: pointer;
  font-size: 20px;
  color: #cacdd2;
  padding: 5px 11px;
  border-radius: 50%;
  transition: all 0.3s;
}

.file-name-list span:hover {
  background: #ececec;
}

.upload-text {
  font-family: "segoe-normal";
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: #666d72;
  margin-bottom: 0px !important;
}

.upload-link-wrapper label {
  display: inline-block;
  font-family: "segoe-normal" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  padding: 0.5rem 0.5rem 0.5rem 0.3rem;
  color: #0095ff !important;
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 0px !important;
}

.select-placeholder-text {
  font-family: Roboto;
  color: #C0C8CE;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

.note-txt{
  font-family: Roboto;
  color: #55636D;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0px;
}

.lang-pair-row{
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #C0C8CE;
  border-radius: 3px;
}

.lang-pair-row .src-lang{
  padding-right: 8px;
  position: relative;
}

.lang-pair-row .src-lang::after{
  content: "";
  width: 1px;
  height: 25px;
  background-color: #C0C8CE;
  display: flex;
  margin-left: auto;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
  right: 0;
}

.lang-pair-row .tar-lang{
  padding-left: 8px;
}

.ai-textbox-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ai-pl-3 {
  margin-left: 0rem;
  margin-right: 2rem;
}

.ai-textbox-select .ai-drpdown-box:last-child {
  display: flex;
  align-items: center;
  position: relative;
}

.ai-textbox-select .ai-drpdown-box:first-child {
  margin-right: 1rem;
}

.ai-textbox-button-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.ai-textbox-btn {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 16px 40px;
}

.ai-home-banner-icons-txt {
  color: #000000;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
  margin: 1rem 0;
}

.ai-companies-logo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 2rem;
  width: 80%;
  margin: auto;
}

.ai-companies-logo > div {
  width: auto;
  min-width: 20%;
  text-align: center;
}

.ai-companies-logo > div img {
  width: 40px;
}

.ai-girl-robot-wrap {
  padding: 0rem 0 4rem 0;
}

.ai-girl-robot-wrap img {
  width: 80%;
  margin: auto;
}

.ai-girl-robot-content {
  padding: 40px 110px;
  background: #fff2d2;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-girl-robot-content-items:first-child {
  width: auto;
  min-width: 35%;
}

.ai-girl-robot-content-items:nth-child(2) {
  width: auto;
  min-width: 40%;
}

.ai-girl-robot-content-items:last-child {
  width: auto;
  min-width: 25%;
}

.ai-girl-robot-content-items h2 {
  color: #000000;
  font-size: 46px;
  line-height: 30px;
  font-weight: bold;
}

.ai-girl-robot-content-items p {
  color: #4e4e4e;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  width: 200px;
  margin-bottom: 0px;
}

.ai-two-column-section {
  padding: 111px 0 3rem 0;
}

.ai-two-column-section-2 {
  padding: 3rem 0 5rem 0;
}

.ai-two-column-row-2 .ai-right-column,
.ai-left-column {
  width: auto;
  max-width: 50%;
}

.ai-two-column-row-2 .ai-left-column img,
.ai-right-column img {
  width: 100%;
}

.ai-two-column-row-2 .ai-left-column,
.ai-right-column {
  width: auto;
  max-width: 50%;
}

.ai-two-column-row-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ai-two-column-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .ai-two-column-row-2 .ai-right-column .ai-right-column-content{
    padding-left: 80px;
}

.ai-left-column-content{
    padding-right: 59px;
} */

.ai-two-column-row-2 .ai-right-column .ai-right-column-content h1,
.ai-left-column-content h1 {
  color: #000000;
  font-size: 46px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 2rem;
}

.ai-two-column-row-2 .ai-right-column .ai-right-column-content p,
.ai-left-column-content p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 2rem;
}

.ai-two-column-row-2 .ai-right-column .ai-right-column-content a,
.ai-left-column-content a {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.ai-two-column-row-2 .ai-right-column .ai-right-column-content a::after,
.ai-left-column-content a::after {
  content: "\27F6";
  font-size: 28px;
  position: relative;
  top: 4px;
  margin-left: 1.2rem;
}

.ai-testimonial-cont {
  background-color: #f9f9f9;
  padding: 75px 0px 87px 0px;
  height: 892px;
}

.testimonial-slider-part {
  position: relative;
}

.ai-testi-circle {
  width: 730px;
  height: 730px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 10%;
}

.ai-accordian-section {
  padding: 2rem 0;
  background: url(../images/home/accord-img.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 834px;
}

.ai-map-img-section {
  background: url(../images/home/map-img-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 827px;
  padding: 72px 0 120px 0;
}

.ai-home-accordian-title {
  color: #000000;
  font-size: 46px;
  line-height: 56px;
  font-weight: bold;
  /* margin-bottom: 2.5rem;  */
}

.ai-accordian-bg-cont {
  padding: 68px 35px 50px 38px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai-accordian-content {
  width: 100%;
  max-width: 50%;
  margin-right: 2.5rem;
}

.ai-accordian-content .accordion {
  width: 100%;
}

.mob-accordian-img {
  display: none;
}

.ai-accrdian-img {
  width: auto;
  max-width: 50%;
  text-align: center;
}

.ai-accrdian-img img {
  width: 100%;
}

.ai-accordian-content .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.ai-accordian-content .accordion-item {
  background-color: transparent;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* Firefox 4+, Opera, Chrome */
}

.ai-accordian-content .accordion-button {
  background-color: transparent;
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  padding: 23.5px 0;
  margin-bottom: 0px;
  transition: 0.3s all ease;
}

.ai-accordian-content .accordion-button:not(.collapsed) {
  color: #0078d4;
  background-color: transparent;
  font-size: 26px;
}

.ai-accordian-content .accordion-body {
  padding: 0;
  color: #4e4e4e;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  width: 80%;
  margin-bottom: 3rem;
}

.ai-accordian-content .accordion-button::after {
  background-image: url(../images/home/chevron_right_black.svg) !important;
  margin-right: 2.5rem;
}

.ai-accordian-content .accordion-button:not(.collapsed)::after {
  background-image: url(../images/home/chevron_right_blue.svg) !important;
  transform: unset;
}

.ai-accordian-content .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.ai-accordian-bg-cont {
  margin: 2rem 0 0rem 0;
}

.ai-call-to-action-cont {
  padding: 95px 0;
}

.ai-call-to-action-cont-new {
  padding: 95px 0 0 0;
}

.ai-margin-right {
  margin-right: 1rem;
}

.ai-call-to-action-box-new {
  border-radius: 10px;
  background: url(../images/home/call-to-action-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 79px 192px 69px 192px;
}

.ai-call-to-action-box {
  border-radius: 10px;
  background: url(../images/home/call-to-action-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.ai-call-to-action-box-new h1 {
  color: #ffffff;
  font-size: 32px;
  line-height: 39px;
  font-weight: 500;
  opacity: 1;
  text-align: center;
  margin-bottom: 1.5rem;
}

.ai-call-to-action-box h1 {
  color: #ffffff;
  font-size: 50px;
  line-height: 60px;
  font-weight: 500;
  opacity: 1;
}

.ai-call-to-action-box-new p {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  opacity: 0.5;
  margin-bottom: 2rem;
  text-align: center;
}

.ai-call-to-action-box p {
  color: #000000;
  font-size: 24px;
  line-height: 29px;
  font-weight: 500;
  opacity: 0.5;
  margin-bottom: 2rem;
}

.ai-call-to-action-btn-txt {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 20px 63.8px;
}

.ai-common-call-to-action-btn-txt {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 16px 45px;
}

.ai-call-to-action-btn-txt-margin-right {
  margin-right: 1rem !important;
}

.ai-common-call-to-action-btn-txt-2 {
  color: #0078d4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 16px 32.75px;
}

.ai-call-to-action-btn-txt-2 {
  color: #0078d4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 20px 63.8px;
}

.ai-img-transitions {
  transition: 0.3s ease;
  transition-delay: 0.4s;
}

/* Testimonial */
#testimonial-slider {
  height: 750px;
  position: relative;
  z-index: 10;
}

.container-slider {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 730px;
}

.ai-testimonial-title {
  color: #000000;
  font-size: 46px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 50px;
}

.ai-testimonial-content {
  width: auto;
  min-width: 85%;
  padding: 65px 0 65px 13.5rem;
}
.slide {
  position: absolute;
  opacity: 0;
  transition: opacity ease-in-out 0.4s;
}

.slide .testi-desc {
  color: #000000;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
  width: 95%;
}

.slide .testi-author span.author-name {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

.slide .testi-author span.author-comp {
  color: #000000;
  font-size: 18px;
  line-height: 42px;
  font-weight: 300;
}

.active-zoom-anim {
  transition: 0.3s all ease-in-out;
}

.active-zoom-anim img {
  cursor: pointer;
}

.active-anim {
  animation: slide-up-fade-in ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards; /*when the spec is finished*/
  -webkit-animation: slide-up-fade-in ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
  -moz-animation: slide-up-fade-in ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards; /*FF 5+*/
  -o-animation: slide-up-fade-in ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards; /*Not implemented yet*/
  -ms-animation: slide-up-fade-in ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards; /*IE 10+*/
  opacity: 1;
  opacity: 1\9;
}

.img-swap-active-anim {
  animation: slide-up-fade-in ease 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards; /*when the spec is finished*/
  -webkit-animation: slide-up-fade-in ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
  -moz-animation: slide-up-fade-in ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards; /*FF 5+*/
  -o-animation: slide-up-fade-in ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards; /*Not implemented yet*/
  -ms-animation: slide-up-fade-in ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards; /*IE 10+*/
  opacity: 0;
  opacity: 1\9;
}

@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}

@-moz-keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}

@-webkit-keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translate(0px, -10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}

@-o-keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    -o-transform: translate(0px, -10px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}

@-ms-keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    -ms-transform: translate(0px, -10px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}

.btn-slide {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-wrap: wrap;
  transition: 0.3s all ease;
}

.prev:hover {
  box-shadow: 0px 7px 10px #0000001c;
}

.next:hover {
  box-shadow: 0px -7px 10px #0000001c;
}

.btn-slide img {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.prev {
  top: 50%;
  left: 20px;
  transform: translateY(-60%);
  transition: 0.3s all ease;
}
.next {
  top: 40%;
  left: 20px;
  transform: translateY(-60%);
  transition: 0.3s all ease;
}

.container-dots {
  width: auto;
  min-width: 5%;
  margin: auto;
}
.dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: 0 0 1.5rem auto;
  background: #d9e2e8;
}

.dot:last-child {
  margin: 0 0 0 auto;
}

.dot.active {
  background: #0078d4;
}

.ai-testimonial-arrow {
  width: auto;
  min-width: 10%;
}

.testimonial-img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  bottom: 27%;
}

.testimonial-img .img-loader-active {
  margin-right: 29px;
  border: 3px solid #000000;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  transition: 0.4s all ease;
}

.testimonial-img .img-loader {
  margin-right: 29px;
  border: 3px solid transparent;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  transition: 0.4s all ease;
}

.testimonial-text-content {
  position: relative;
  z-index: 10;
}

.testimonial-img .img-loader:last-child {
  margin-right: 0px;
}

.typed-content::after {
  font-weight: 400;
  content: "" !important;
}
/* Testimonial */

.ai-tar-lang-select-modal,
.ai-supported-file-select-modal,
.ai-lang-select-modal {
  z-index: 1080 !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  overflow-y: scroll;
}

.ai-modal-bg {
  z-index: 1080 !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  overflow-y: scroll;
}

.ai-supported-file-select-modal .rodal-dialog {
  border: none;
  box-shadow: 0px 3px 14px #00000038 !important;
  border-radius: 10px !important;
  height: 562px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 20.3%;
}

.ai-modal-bg .rodal-dialog {
  border: none;
  box-shadow: 0px 3px 14px #00000038 !important;
  border-radius: 10px !important;
  height: 430px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 36%;
}

.ai-tar-lang-select-modal .rodal-dialog {
  height: 590px !important;
}

.rodal-dialog {
  border: none;
  box-shadow: 0px 3px 14px #00000038 !important;
  border-radius: 10px !important;
  height: 562px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 85%;
}

.ai-modal-bg .rodal-mask {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.rodal-mask {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.lang-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 25px;
  border-bottom: 1px solid #e0e0e0;
}

.ai-modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 25px;
}

.lang-modal-header h1 {
  color: #3c4043;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0px;
}

.modal-close-btn {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  transition: 0.4s all ease;
}

.modal-close-btn:hover {
  background: #e9eaea;
  cursor: pointer;
}

.ai-source-language-cont {
  padding: 8px 25px 9px 25px;
  height: auto;
  position: relative;
}

ul.ai-source-langs-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 450px;
  padding-left: 0px;
  margin-bottom: 0px;
}

ul.ai-source-langs-list li.list {
  padding: 5px;
  color: #3c4043;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  transition: 0.4s all ease;
  border-radius: 3px;
  margin-bottom: 0.4rem;
  margin-right: 0.4rem;
}

ul.ai-source-langs-list li.list:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

ul.ai-source-langs-list li.selected:hover,
ul.ai-source-langs-list li.selected {
  background-color: #e8f0fe;
}

ul.ai-source-langs-list li.selected .checked-icon {
  opacity: 1;
}

.ai-lang-select {
  padding: 10px 13px;
  background-color: transparent;
  color: #3c4043;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.4s all ease;
  border-radius: 2px;
  border: 1px solid transparent;
}

.ai-lang-select-error {
  border: 1px solid #ffb8b569;
}

.ai-lang-select i {
  position: relative;
  top: 1px;
  padding-left: 1rem;
}

.ai-lang-select:hover {
  background-color: #ebebeb;
  cursor: pointer;
}

.checked-icon {
  opacity: 0;
  transition: 0.4s all ease;
  padding-right: 0.4rem;
}
/* Home Page */
/* Contact Page */
.common-bg-banner {
  background: url(../images/home/common-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.all-page-bg-position,
.all-page-bg header {
  position: relative;
}

.ai-common-header-title-container {
  padding: 3rem 0 4rem 0;
  text-align: center;
}

.ai-common-header-title {
  color: #000000;
  font-size: 60px;
  line-height: 74px;
  font-weight: bold;
}

.ai-common-header-content {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}

.ai-contact-main-row {
  display: flex;
  flex-wrap: wrap;
}

.ai-contact-main-col {
  width: 100%;
  min-width: 50%;
  max-width: 50%;
}

.ai-contact-main-col:first-child {
  padding-right: 2rem;
}

.ai-contact-main-col:nth-child(2) {
  padding-left: 5rem;
}

.ai-contact-header-title {
  color: #000000;
  font-size: 36px;
  line-height: 30px;
  font-weight: bold;
}

.ai-support-header-title {
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 2rem;
}

.ai-width-center {
  width: 67%;
  margin: auto;
}

.ai-support-cont-section p {
  color: #000000;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
}

.ai-contact-header-content {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin: 1.5rem 0;
}

.ai-contact-header-content-1 {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 1.5rem 0;
}

.ai-login-form-group,
.ai-contact-form-group {
  margin-bottom: 16px;
  position: relative;
}

.ai-login-form-group .radio-group .MuiRadio-root{
    padding: 5px !important;
}

.ai-login-form-group .radio-group .MuiRadio-colorSecondary.Mui-checked {
    color: #0078d4;
    padding: 5px !important;
}

.ai-login-form-group .radio-group .MuiRadio-root:hover,
.ai-login-form-group .radio-group .MuiRadio-colorSecondary.Mui-checked:hover {
    background-color:#cce1f161;
}

.ai-login-form-group label.assign-manage-radio[for="freelancer-role"]{
  margin-right: 10px;
}

.ai-login-form-group label {
  color: #1D1F20;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  margin-bottom: 0px;
}

.ai-contact-form-group label {
  color: #000000;
  font-size: 13px;
  line-height: 30px;
  font-weight: 500;
}

.ai-login-form-group input.ai-textbox {
  height: calc(1.5em + 0.75rem + 7px);
  border: 1px solid #C0C8CE;
  border-radius: 3px;
  color: #1D1F20;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}

.ai-contact-form-group input.ai-error-text-box {
  height: calc(1.5em + 0.75rem + 15px);
  border: 1px solid #ff0000;
  border-radius: 3px;
  color: #1D1F20;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}

.ai-max-words-validation-new-alert-new {
  color: #ff0000;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  margin-top: 0.5rem;
}

.ai-contact-form-group input.ai-textbox {
  height: calc(1.5em + 0.75rem + 15px);
  border: 1px solid #ced4da;
  border-radius: 3px;
  color: #172b4d;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.ai-contact-form-group textarea.ai-error-textarea {
  height: auto;
  min-height: calc(1.5em + 0.75rem + 82px) !important;
  max-height: 200px;
  border: 1px solid #ff0000;
  border-radius: 3px;
  color: #172b4d;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  resize: vertical;
}

.ai-contact-form-group textarea.ai-textarea {
  height: auto;
  min-height: calc(1.5em + 0.75rem + 82px) !important;
  max-height: 200px;
  border: 1px solid #ced4da;
  border-radius: 3px;
  color: #172b4d;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  resize: vertical;
}

.ai-contact-select-placeholder-text,
.ai-contact-form-group textarea.ai-textarea::placeholder,
.ai-contact-form-group input.ai-textbox::placeholder {
  color: #74788d;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.ai-contact-form-group textarea.ai-error-textarea:focus,
.ai-contact-form-group textarea.ai-textarea:focus {
  height: auto;
  min-height: calc(1.5em + 0.75rem + 82px) !important;
  max-height: 200px;
  border: 2px solid #0078d4;
  color: #172b4d;
  background-color: #ffffff;
  outline: 0;
  box-shadow: none;
}

.ai-login-form-group input.ai-textbox:focus {
  height: calc(1.5em + 0.75rem + 7px);
  border: 2px solid #0078d4;
  color: #172b4d;
  background-color: #ffffff;
  outline: 0;
  box-shadow: none;
}

.ai-contact-form-group input.ai-error-text-box:focus,
.ai-contact-form-group input.ai-textbox:focus {
  height: calc(1.5em + 0.75rem + 15px);
  border: 2px solid #0078d4;
  color: #172b4d;
  background-color: #ffffff;
  outline: 0;
  box-shadow: none;
}

.contact-bg-padding-bottom {
  padding-bottom: 3rem;
}

.ai-mt-2 {
  margin-top: 2rem;
}

.ai-text-right {
  text-align: right;
}

.vendor-form-area-header-wrapper,
.form-area-header-wrapper{
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.vendor-form-area-header-wrapper{
  margin-bottom: 30px;
}

.form-area-header-wrapper span{
  position: absolute;
  left: 0;
  cursor: pointer;
}
.form-area-header-wrapper .signup-alert span{
  position: absolute;
  left: unset;
  cursor: pointer;
}

.vendor-form-area-header-wrapper .back{
  position: absolute;
  left: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}

.vendor-form-area-header-wrapper .back img{
  width: 9px;
  height: 13px;
}

.vendor-form-area-header-wrapper .back span{
  color: #1D1F20;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.sep-signup-wrapper{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.eligible-note-wrapper{
  margin-top: 40px;
}

.eligible-note-wrapper .text-wrapper{
  font-family: Roboto;
  font-style: normal;
  color: #1D1F20;
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 0px;
  text-decoration: underline;
  cursor: pointer;
}

.eligible-note-wrapper .text-wrapper:hover{
  color: #0078D4;
}

.ai-login-continue-btn {
  border-radius: 3px;
  background-color: #0078D4;
  width: 100%;
  font-family: Roboto;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  padding: 9.5px 30px;
}

.ai-login-submit-btn {
  font-family: Roboto;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  padding: 9.5px 30px;
  width: 100%;
  text-transform: capitalize;
}

.authentication-login-btn{
  width: 100%;
  padding: 0 !important;
  box-shadow: none;
  border-radius: 3px !important;
  background-color: #0078D4 !important;
}

.authentication-login-btn.frwd-pass{
  width: auto !important;
}

.authentication-login-btn:hover {
  box-shadow: none !important; 
  background-color: #0265b1 !important;
}

.ai-textbox-submit-btn {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 18px 60px;
  width: 100%;
}

ul.ai-contact-address-list {
  margin-bottom: 0;
  padding-left: 0;
  margin-top: 2.3rem;
}

ul.ai-contact-address-list li {
  display: flex;
  align-items: center;
}

ul.ai-contact-address-list li:first-child::before {
  content: url(../images/icons/location_on.svg);
  position: relative;
  top: 2px;
  padding-right: 0.5rem;
}

ul.ai-contact-address-list li:nth-child(3)::before {
  content: url(../images/icons/phone.svg);
  position: relative;
  top: 2px;
  padding-right: 0.5rem;
}

ul.ai-contact-address-list li:nth-child(5)::before {
  content: url(../images/icons/email.svg);
  position: relative;
  top: 2px;
  padding-right: 0.5rem;
}

ul.ai-contact-address-list li:nth-child(even) {
  padding-left: 2rem;
  padding-top: 0.7rem;
  margin-bottom: 2.5rem;
}

.ai-contact-address-list-title {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 0px;
}

.ai-contact-address-list-content a,
.ai-contact-address-list-content {
  color: #4e4e4e;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0px;
}

ul.ai-contact-address-list
  li:nth-child(2)
  .ai-contact-address-list-content
  span {
  color: #000000;
  font-weight: bold;
  display: block;
}

ul.ai-contact-address-list li .ai-contact-address-list-content span {
  color: #000000;
  font-weight: bold;
}

.ai-file-upload-link {
  color: #0078d4 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  cursor: pointer;
  margin-bottom: 0px;
}

.ai-file-upload-note {
  color: #a2a2a2;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  padding-left: 2.3rem;
}

.ai-file-upload-note-become-an-editor {
  color: #a2a2a2;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  /* padding-left: 2.3rem; */
}

.ai-global-support-cont-section {
  width: 70%;
  margin: auto;
}

.ai-file-upload-ui {
  height: 48px;
  border: 1px solid #ced4da;
  border-radius: 3px;
  padding: 7px 9px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ai-file-upload-error {
  border: 1px solid #ff0000 !important;
}

.ai-file-upload-ui-active {
  height: 48px;
  padding: 6px 9px;
  border: 2px solid #0078d4;
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ai-file-upload-ui:hover {
  height: 48px;
  padding: 7px 9px;
  /* border: 2px solid #0078D4; */
}

.ai-become-editor-file-upload-link {
  padding: 9px 20px;
  background-color: #e4f1fc;
  border-radius: 3px;
  color: #3c4043 !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: normal !important;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}

.ai-become-editor-file-upload-link-active {
  padding: 9px 20px;
  background-color: #0078d4;
  border-radius: 3px;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: normal !important;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}

.ai-fileupload-left p {
  color: #3c4043;
  font-size: 14px;
  line-height: 1.1;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0px;
  margin-left: 1rem;
}

.ai-file-upload-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.toggle-button {
  position: relative;
  display: block;
  width: 261px;
  height: 44px;
  border-radius: 4px;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.toggle-button input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.toggle-button input[type="checkbox"] + .back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
  transition: background 150ms linear;
  border: 1px solid #0074d3;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.toggle-button input[type="checkbox"]:checked + .back {
  background: #ffffff;
}

.toggle-button input[type="checkbox"] + .back .toggle {
  display: block;
  position: absolute;
  content: " ";
  background: #0074d3;
  width: 49%;
  height: 85.75%;
  transition: margin 150ms linear;
  border: 1px solid #0074d3;
  border-radius: 3px;
  margin: auto 0px auto 3px;
}
.toggle-button input[type="checkbox"]:checked + .back .toggle {
  margin-left: 129px;
}
.toggle-button .label {
  display: block;
  position: absolute;
  width: 50%;
  top: 25%;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
}
.toggle-button .label.annual {
  left: 0px;
}
.toggle-button .label.monthly {
  right: 0px;
}

.toggle-button .label.annual span,
.toggle-button .label.monthly span {
  color: #ffffff;
}

.toggle-button input[type="checkbox"]:checked + .back .label.annual {
  color: #0074d3;
}
.toggle-button input[type="checkbox"] + .back .label.monthly {
  color: #0074d3;
}
.toggle-button input[type="checkbox"]:checked + .back .label.monthly {
  color: #ffffff;
}

.ai-pricing-page-toggle-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 4rem;
}

.ai-pricing-page-box-row {
  display: flex;
  justify-content: center;
  width: 72.6%;
  margin: auto;
  padding-bottom: 124px;
}

.ai-pricing-page-box-row .ai-pricing-box-col {
  border: 2px solid #d1d1d1;
  border-radius: 4px;
  padding: 24px 37px;
  transition: 0.3s all ease;
  width: 368px;
  height: auto;
  max-width: 50%;
  margin-right: 15px;
  position: relative;
}

.save-offr {
  background: #ff4b44;
  border-radius: 4px;
  padding: 6.5px 8px;
  position: absolute;
  right: 11px;
  top: 11px;
  color: #ffffff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}

.ai-pricing-page-box-row .ai-pricing-box-col:hover {
  border: 2px solid #0078d4;
  width: 368px;
}

.ai-pricing-top-part {
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d1d1d1;
  margin-top: 1.2rem;
  /* height: 194px; */
}

.ai-pricing-top-part h3 {
  color: #3c4043;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding: 15px 0px;
  margin-bottom: 10px;
}

.ai-pricing-top-part h1 {
  color: #000000;
  font-size: 52px;
  line-height: 24px;
  font-weight: normal;
  /* padding: 10px 0px; */
  margin-bottom: 0px;
}

.ai-pricing-top-part h1 span {
  font-weight: 500;
}

.ai-pricing-top-part p {
  color: #3c4043;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  padding: 10px 0px;
  margin-top: 1rem;
  margin-bottom: 0px;
}

.ai-pricing-top-part img {
  padding-bottom: 0px;
}

.ai-pricing-top-part p span {
  color: #0078d4;
  font-size: 12px;
}

.ai-pricing-bottom-part {
  padding: 2rem 0rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.subscription-btn-align-hide,
.subscription-btn-align {
  width: 100%;
  position: relative;
  top: 32px;
}

.ai-pricing-bottom-part ul {
  padding-left: 0px;
  text-indent: -11px;
  margin-left: 11px;
}

.ai-pricing-bottom-part ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0078d4;
  vertical-align: middle;
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

.ai-pricing-bottom-part ul li {
  margin-bottom: 0.7rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #3c4043;
}

.ai-pricing-page-box-row .ai-pricing-box-col:last-child {
  background-color: #0078d4;
  margin-right: 0px;
}

.ai-pricing-page-box-row
  .ai-pricing-box-col:nth-child(2)
  .ai-pricing-top-part
  img {
  padding-bottom: 4px;
}

.ai-pricing-page-box-row
  .ai-pricing-box-col:last-child
  .ai-pricing-top-part
  img {
  padding-bottom: 40px;
}

.ai-pricing-page-box-row
  .ai-pricing-box-col:last-child
  .ai-pricing-bottom-part
  ul
  li:before {
  background-color: #ffffff;
}

.ai-pricing-page-box-row .ai-pricing-box-col:last-child {
  border: 1px solid #0078d4;
}

.ai-pricing-page-box-row .ai-pricing-box-col:last-child .ai-pricing-top-part {
  border-bottom: 1px solid #ffffff;
}

.ai-pricing-page-box-row
  .ai-pricing-box-col:last-child
  .ai-pricing-top-part
  h1 {
  color: #ffffff;
  font-weight: 500;
  padding-bottom: 6px;
}

.ai-pricing-page-box-row .ai-pricing-box-col:last-child .ai-pricing-top-part p {
  color: #ffffff;
}

.ai-pricing-page-box-row
  .ai-pricing-box-col:last-child
  .ai-pricing-bottom-part
  ul
  li {
  color: #ffffff;
}

.ai-pricing-submit-btn {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 15px;
}

.ai-pricing-submit-btn span {
  color: #98d2ff;
  font-weight: 300;
}

.ai-pricing-white-submit-btn {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 15px;
}

.ai-pricing-faq-row {
  display: flex;
  justify-content: space-between;
}

.ai-pricing-faq-col-left {
  width: auto;
  min-width: 40%;
  max-width: 40%;
  padding-right: 4rem;
}

.ai-pricing-faq-col-right {
  width: auto;
  min-width: 60%;
  max-width: 60%;
}

.ai-pricing-faq-title h1 {
  color: #000000;
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 1rem;
}

.ai-pricing-faq-title h3 {
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.ai-pricing-faq-title a {
  color: #0078d4;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}

/* SVG Map */

.ai-svg-anime-bg {
  position: relative;
  width: 92%;
  margin: auto;
}

.svg-anime-bg {
  position: absolute;
  width: 100%;
}

.bg-img-map-cont {
  position: relative;
  z-index: 10;
  padding-top: 200px;
  text-align: center;
}
.bg-img-map-cont h1 {
  color: #ffffff;
  font-size: 46px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 0.7rem;
}

.bg-img-map-cont p {
  color: #005b9b;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 0.7rem;
}

/* SVG Map */
.ai-faq-accordian .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.ai-faq-accordian .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.accordion-flush.ai-faq-accordian .accordion-item {
  border-bottom: 1px solid #eaeaea;
}

.accordion-flush.ai-faq-accordian .accordion-item:first-child {
  border-top: 1px solid #eaeaea;
}

.ai-faq-accordian .accordion-item .accordion-button {
  padding: 38px 0px;
  color: #000000;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}

.ai-faq-accordian .accordion-item .accordion-body {
  padding: 0px 0px 15px 0px;
  width: 81%;
  color: #000000;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

.ai-faq-accordian .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icons/minus-accor.svg) !important;
}

.ai-faq-accordian .accordion-button::after {
  background-image: url(../images/icons/plus-accor.svg) !important;
  margin-right: 2rem;
}

.ai-faq-accordian .accordion-button:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
/* Contact Page */

/* About Us */
.ai-about-us-section {
  padding: 3rem 0;
}

.ai-mission-box {
  padding: 60px 109px;
  background: #e2f8ff;
  border-radius: 10px;
  text-align: center;
}

.ai-mission-box h1 {
  color: #000000;
  font-size: 36px;
  line-height: 30px;
  font-weight: bold;
  padding-left: 1rem;
  margin-bottom: 0px;
}

.ai-mission-box p {
  color: #000000;
  font-size: 18px;
  line-height: 36px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 0px;
}

.ai-ailaysa-mean-section-row {
  padding: 50px 0px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.ai-company-section-row {
  padding: 95px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ai-ailaysa-mean-section-col {
  width: auto;
  min-width: 100%;
  max-width: 100%;
}

.ai-company-section-col:first-child {
  width: auto;
  min-width: 40%;
  max-width: 40%;
}

.ai-company-section-col:last-child {
  width: auto;
  min-width: 60%;
  max-width: 60%;
  text-align: end;
}

.ai-ailaysa-mean-section-col:last-child {
  margin-top: -4.9rem;
}
/* .ai-company-section-col:first-child{
    padding-right: 1.5rem;
} */

.ai-company-section-content h1 {
  color: #000000;
  font-size: 36px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 2rem;
}

.ai-ailaysa-mean-section-content h1 {
  color: #ffffff;
  font-size: 29px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.ai-ailaysa-mean-section-col p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-style: italic;
  padding: 0 10.7rem;
  opacity: 0.5;
}
.ai-company-section-content p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 1.5rem;
}

.ai-company-section-content p a {
  color: #0078d4;
  transition: 0.3s all ease;
}

.ai-company-section-content p a:hover {
  text-decoration: underline !important;
}

.ai-company-section-content p:last-child {
  margin-bottom: 0px;
}

.ai-mission-align-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.ai-ailaysa-mean-section-content {
  border-radius: 10px;
  background: url(../images/home/call-to-action-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 105px 20px 35px 20px;
  text-align: center;
}

.forgot-pwd-align {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
}

.custom-dashboard-links-new {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #0078d4;
}

.custom-dashboard-links-new::before {
  content: url(../images/auth/chevron_left_blue.svg);
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}

.custom-dashboard-links {
  padding: 9px 39px;
  background-color: #0078d4;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  color: #ffffff;
  border-radius: 3px;
}

.custom-dashboard-links:hover{
  color: #ffffff !important;
}

.vendor-txt-wrapper{
  width: min(100%, 312px);
  height: 385px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #C0C8CE;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 20px;
}

.vendor-txt-wrapper .icon-wrap{
  margin-bottom: 25px;
}

.vendor-txt-wrapper .content-wrap{
  margin-bottom: 37px;
}

.vendor-txt-wrapper .content-wrap h1.vendor-title{
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #1D1F20;
  margin-bottom: 10px;
  text-align: center;
}

.vendor-txt-wrapper .content-wrap .sub-title{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #606262;
  margin-bottom: 0px;
  text-align: center;
}

.vendor-txt-wrapper .join-now-btn-link{
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  margin-bottom: 0px;
  text-align: center;
  background: #2C4354;
  border-radius: 3px;
  border: 1px solid #28364780;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 152px;
  padding: 5px 17px 6px 27px;
}

.vendor-txt-wrapper .join-now-btn-link .arrow-icon-wrap{
  margin-left: 25px;
}

.login-heading-part{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
}

.vendor-txt-wrapper .txt{
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #1D1F20;
}

.login-heading-part .txt{
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #1D1F20;
}

.vendor-txt-wrapper .link,
.login-heading-part .link {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  color: #0078D4;
  transition: 0.3s all ease;
}

.vendor-txt-wrapper .link:hover,
.login-heading-part .link:hover {
  cursor: pointer;
  text-decoration: underline;
  transition: 0.3s all ease;
}

.vendor-signup-form{
  width: 556px !important;
  transition: 0.3s all ease-in-out;
}

.pwd-visibility-btn {
  position: absolute;
  right: 0;
  top: 38px;
  padding: 5px 10px;
  cursor: pointer;
}

.pwd-visibility-btn img {
  margin-bottom: 0px;
}

.ai-agree-content {
  color: #4F4F55;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.ai-agree-content a {
  color: #0078d4;
}

.custom-checkbox {
  margin-bottom: 5rem;
}

.custom-checkbox > input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.custom-checkbox > input[type="checkbox"]:checked + label {
  color: #0078d4;
}

.custom-checkbox > input[type="checkbox"]:checked + label::before {
  background: #0078d4;
  border-color: #0078d4;
}

.custom-checkbox > input[type="checkbox"]:checked + label::after {
  transform: scale(1) rotate(-45deg);
}

.custom-checkbox > input[type="checkbox"]:checked + label a {
  text-decoration: underline;
}

.custom-checkbox > label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.1s;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
  color: #4f4f55;
}

.custom-checkbox > label::before {
  border: 1px solid #9b9ba1;
  border-radius: 2px;
  content: "";
  display: inline-block;
  font-size: 1.1em;
  height: calc(3px + 11px);
  margin-right: calc(4px + 0.3em);
  margin-left: calc(4px + 0.1em);
  transition: all 0.1s;
  vertical-align: middle;
  width: calc(3px + 11px);
}

.custom-checkbox > label::after {
  border-bottom: calc(2px + 0.03em) solid #ffffff;
  border-left: calc(2px + 0.03em) solid #ffffff;
  content: "";
  font-size: 1.1em;
  height: calc(3px + 2px);
  left: calc(0.25em - -4px);
  position: absolute;
  top: calc(50% - 0.1em - 2px);
  transform: scale(0) rotate(-45deg);
  transition: all 0.1s;
  width: calc(5px + 4px);
}

.login-forget-pwd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login-forget-pwd span a {
  color: #0078D4;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  transition: 0.3s all ease;
}

.mob-auth-logo{
  display: none;
}

.login-forget-pwd span a:hover {
  text-decoration: underline !important;
  cursor: pointer;
  color: #0078D4;
  transition: 0.3s all ease;
}

/* About Us */

/* Benefits */

.ai-benefits-top-links {
  margin-top: 2rem;
}

.ai-benefits-cont {
  margin-top: 4rem;
}

.ai-benefits-translation {
  background: #eaf8ff;
  border-radius: 10px;
  padding: 32px 79px 47px 70px;
  margin-bottom: 3rem;
}

.ai-benefits-contents-row,
.ai-benefits-translation-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ai-benefits-contents-col,
.ai-benefits-translation-col {
  width: auto;
  min-width: 50%;
}

.ai-benefits-contents-cont-2 h1,
.ai-benefits-contents-cont-1 h1,
.ai-benefits-contents-cont h1,
.ai-benefits-content h1 {
  color: #000000;
  font-size: 46px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 1.7rem;
}

.ai-benefits-contents-cont-2 p,
.ai-benefits-contents-cont-1 p,
.ai-benefits-contents-cont p,
.ai-benefits-content p {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}

.ai-benefits-container {
  padding-top: 6rem;
}

.ai-benefits-contents-section {
  margin-top: 4rem;
}

.ai-benefits-contents-section-2,
.ai-benefits-contents-section-1 {
  margin-top: 5rem;
}

.ai-benefits-contents-cont {
  padding-right: 2rem;
}

.ai-benefits-text-align-right {
  text-align: right;
}

/* Benefits */

/* Product */

.ai-product-top-links {
  margin-top: 1.5rem;
}

.ai-product-transeditor-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 7rem;
}

.ai-product-transeditor-row .ai-product-transeditor-col:first-child {
  width: auto;
  min-width: 60%;
  max-width: 60%;
}

.ai-product-transeditor-row .ai-product-transeditor-col:last-child {
  width: auto;
  min-width: 40%;
  max-width: 40%;
}

.ai-product-content-cont {
  padding-left: 83px;
}

.ai-product-content-cont h1 {
  color: #000000;
  font-size: 46px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 2rem;
}

.ai-product-content-cont p {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 2rem;
}

.ai-product-content-cont p:last-child {
  margin-bottom: 0px;
}

.ai-product-transeditor-works-row-2,
.ai-product-transeditor-works-row-1,
.ai-product-transeditor-works-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4rem;
}

.ai-product-transeditor-works-col-2,
.ai-product-transeditor-works-col-1 {
  width: auto;
  min-width: 50%;
  max-width: 50%;
}

.ai-product-features-list-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 4rem;
}

.ai-mob-editor-tools-section {
  display: none;
}

.ai-product-tm-tb-works-row {
  display: flex;
  justify-content: space-between;
}

.ai-product-features-list-col:first-child {
  width: auto;
  min-width: 30%;
  max-width: 30%;
}

.ai-product-features-list-col:nth-child(2) {
  width: auto;
  min-width: 36%;
  max-width: 36%;
}

.ai-product-features-list-col:last-child {
  width: auto;
  min-width: 33%;
  max-width: 33%;
}

.ai-product-features-list-content img {
  padding-bottom: 19px;
}

.ai-product-features-list-content h2 {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.ai-product-features-list-content p {
  color: #000000;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0rem;
}

.ai-product-features-list-content p span {
  color: #0078d4;
  cursor: pointer;
}

.ai-product-features-list-col:last-child .ai-product-features-list-content,
.ai-product-features-list-col:first-child .ai-product-features-list-content {
  padding-right: 5rem;
}

.ai-product-features-list-col:nth-child(2) .ai-product-features-list-content p {
  padding-right: 5rem;
}

.ai-product-transeditor-works-col {
  width: auto;
  min-width: 50%;
  max-width: 50%;
}

.ai-product-tm-tb-works-col:first-child {
  width: auto;
  min-width: 55%;
  max-width: 55%;
}

.ai-product-tm-tb-works-col:last-child {
  width: auto;
  min-width: 45%;
  max-width: 45%;
}

.ai-product-transeditor-works-content-2 {
  padding-left: 9rem;
}

.ai-product-transeditor-works-content-2 p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0rem;
}

.ai-product-transeditor-works-content-1 p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0rem;
  width: 85%;
}

.ai-product-transeditor-works-content p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0rem;
  width: 90%;
}

.ai-product-tm-tb-works,
.ai-product-imp-features-works {
  padding-bottom: 4rem;
}

.ai-product-imp-features-works > h1 {
  color: #000000;
  font-size: 36px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0rem;
  text-align: center;
}

.ai-product-tm-tb-content p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0rem;
  margin-top: 0.3rem;
}

.ai-product-tm-tb-content-txt {
  margin-top: 1.3rem !important;
  text-indent: 26px;
}

.ai-product-tm-tb-content-txt-1 {
  padding-bottom: 2.5rem;
}

.ai-product-tm-tb-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.ai-product-tm-tb-heading h1 {
  color: #000000;
  font-size: 36px;
  line-height: 1.4;
  font-weight: bold;
}

.ai-product-tm-tb-heading h4 {
  color: #000000;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}

.ai-product-tm-tb-content-txt-2 {
  color: #4e4e4e !important;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  margin-bottom: 0rem !important;
}

.ai-product-tm-tb-content-txt-2 span a {
  color: #0078d4 !important;
}

.ai-editor-tool-tab-section {
  padding: 2.5rem 0px;
  width: 68%;
  margin: auto;
}

.tab-fade:not(.active) {
  opacity: 0;
}

.tab-fade {
  transition: opacity 0.15s linear !important;
}

.editor_tool_tab_border_active {
  background: #e8f0fe !important;
}

.editor_tool_tab_spl_border_active {
  background: #0078d4 !important;
  border: 1px solid #0078d4 !important;
}

.editor-tool-bg {
  width: 50px;
  height: 50px;
  background: transparent;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all;
}

.editor-tool-bg-1 {
  width: 75px;
  height: 50px;
  background: transparent;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all;
}

.editor-tool-bg-spl:hover {
  background: #ebebeb;
  border: 1px solid #ebebeb;
}

.editor-tool-bg-1:hover,
.editor-tool-bg:hover {
  background: #ebebeb;
}

.editor-tool-bg-spl {
  width: 50px;
  height: 50px;
  background: transparent;
  border: 1px solid #dadce0;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all;
}

.ai-product-text-tabs-algin li {
  margin-right: 2rem;
}

.ai-product-text-tabs-algin li:last-child {
  margin-right: 0rem;
}

.ai-toolbar-content {
  text-align: center;
  padding-top: 2rem;
  width: 100%;
  margin: auto;
}

.ai-toolbar-content h3 {
  color: #000000;
  font-size: 22px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.ai-toolbar-content p {
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.nav-bottom-border {
  border-bottom: 1px solid #d2d2d7 !important;
}

.editor-tool-border::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: transparent;
  display: block;
  position: relative;
  top: 2px;
  transition: 0.3s all;
}

.editor_tool_border_active::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #0078d4;
  display: block;
  position: relative;
  top: 2px;
  transition: 0.3s all;
}

.nav-tabs .ai-tool-tab.nav-link:focus,
.nav-tabs .ai-tool-tab.nav-link:hover {
  border-color: transparent !important;
}

.ai-tool-tab {
  padding: 0.5rem 0.5rem 0.7rem 0.5rem !important;
  cursor: pointer;
  transition: 0.3s all;
}
/* Product */

/* Animation Loader */

.animation-logo {
  position: fixed;
  background: #ffffff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1080;
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg-logo {
  width: 81px;
  height: 61px;
  background-image: url(../images/gradient-img.jpg);
  -webkit-mask: url(../images/svg-logo-animation.svg) center/cover;
  mask: url(../images/svg-logo-animation.svg) center/cover;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  background-size: 200% 200%;
  animation: gradient-animation 5s ease-in-out infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 180% 0%;
  }
  100% {
    background-position: 0% 150%;
  }
}

/* Animation Loader */

.ai-not-found-cont-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6rem 0;
}

.ai-not-found-cont {
  padding: 2rem 0;
}

.ai-not-found-cont-col:first-child {
  width: auto;
  max-width: 40%;
  min-width: 40%;
}

.ai-not-found-cont-col:last-child {
  width: auto;
  max-width: 60%;
  min-width: 60%;
}

.ai-not-found-cont-col:last-child img {
  width: 100%;
}

.ai-not-found-content h1 {
  color: #161c2d;
  text-align: left;
  font-weight: 900;
  font-size: 66px;
}

.ai-not-found-content p {
  font-size: 20px;
  color: #7d7d7d;
  letter-spacing: 1.5px;
  line-height: 30px;
  margin-bottom: 2.5rem;
  width: 70%;
}

.ai-not-to-found-btn-txt {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 16px 45px;
}

.ai-note-cont {
  -webkit-animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
  animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0px 2px 8px #0000003d;
  border-radius: 4px;
  position: absolute;
  top: -8.2rem;
  left: 40rem;
  width: 500px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  animation-duration: 300ms;
  z-index: 10;
}

.imp-note-icon:hover .ai-note-cont {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all;
}

ul.ai-note-cont-list {
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
}

ul.ai-note-cont-list li {
  color: #3c4043;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  list-style-image: url(../images/list-dot.svg);
  margin-bottom: 0.5rem;
}

ul.ai-note-cont-list li:last-child {
  margin-bottom: 0rem;
}

.supported-file-formats {
  color: #7f7f7f;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0px;
  margin-left: 0.4rem;
  cursor: pointer;
  transition: 0.3s all ease;
}

.desktop-error {
  display: block;
}

.mob-error {
  display: none;
}

.supported-file-formats:hover {
  color: #0078d4;
  text-decoration: underline;
}

.supported-file-list-box {
  -webkit-animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
  animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
  background: #ffffff;
  padding: 15px;
  box-shadow: 0px 2px 8px #0000003d;
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  top: -80px;
  left: 40rem;
  transition: 0.3s all;
  animation-duration: 300ms;
}

ul.supported-file-list-cont {
  padding-left: 0;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 350px;
  height: 162px;
}

ul.supported-file-list-cont li {
  padding: 5px;
  color: #3c4043;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  transition: 0.4s all ease;
  border-radius: 3px;
  margin-bottom: 0.4rem;
  margin-right: 0.5rem;
}

.ai-success-modal-cont {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 87%;
  padding: 10px 30px;
}

.ai-success-modal-cont h1 {
  color: #3c4043;
  font-size: 30px;
  line-height: 24px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin: 1.5rem 0;
}

.ai-success-modal-cont p {
  color: #3c4043;
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  margin: 0 auto;
  width: 92%;
  text-align: center;
}

.success-animation-icon {
  width: 130px;
  height: 140px;
}

.privacy-policy-h1 {
  color: #000000;
  font-size: 36px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0rem;
}

.privacy-policy-h2 {
  color: #000000;
  font-size: 30px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0rem;
}

.privacy-policy-h3 {
  color: #000000;
  font-size: 25px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0rem;
}

.privacy-policy-h4 {
  color: #000000;
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0rem;
}

.ai-privacy-policy-content {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}

ol.privacy-policy-list {
  padding-left: 2.5rem;
  list-style-type: decimal;
}

ul.privacy-policy-list {
  list-style-type: disc;
  padding-left: 2.5rem;
}

ol.privacy-policy-list li,
ul.privacy-policy-list li {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* Modal ui */

.up-native-lang-select-modal {
  z-index: 1080 !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.rodal-zoom-leave,
.rodal-zoom-enter{
    animation: none !important;
}

.rodal-fade-enter{
    animation-duration: 150ms !important;
}

.rodal-fade-leave{
    animation-duration: 0ms !important;
}

.up-native-lang-select-modal .rodal-dialog {
  border: none;
  box-shadow: 0px 3px 14px #00000038 !important;
  border-radius: 10px !important;
  height: fit-content !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 25%;
}

.up-native-lang-select-modal .rodal-mask {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.lang-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 25px;
  border-bottom: 1px solid #e0e0e0;
}

.lang-modal-header h1 {
  color: #3c4043;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0px;
}

.active-deactive-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 35px;
}

.active-deactive-content-box {
  text-align: center;
}

.active-deactive-content-box h3 {
  color: #3c4043;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 15px;
  margin-bottom: 0px;
}

.active-deactive-content-box p {
  color: #3c4043;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0px;
}

.active-deactive-button-box {
  margin-top: 20px;
}

/* Modal ui */

.active-deactive-modal-btn-white-txt {
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.active-deactive-modal-btn-white-txt span {
  font-weight: 300;
}

.save-btn-spinner {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  left: -40px;
  top: -5px;
  margin-right: 8px;
}
.save-btn-spinner div {
  transform-origin: 40px 11px;
  animation: save-btn-spinner 1.2s linear infinite;
}
.save-btn-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 2px;
  height: 4px;
  border-radius: 45%;
  background: #fff;
}
.save-btn-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.save-btn-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.save-btn-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.save-btn-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.save-btn-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.save-btn-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.save-btn-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.save-btn-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.save-btn-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.save-btn-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.save-btn-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.save-btn-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes save-btn-spinner {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}

.warning{
  background: #fcfbeb;
  border: 1px solid #ffda7a;
}

.error{
  background: #fcedeb;
  border: 1px solid #f5b7b1;
}

.info{
  background: #EBF7FF;
  border: 1px solid #0078D4;
}

.glb-alert {
  width: 430px;
  margin: 0px auto;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 9px 15px;
  gap: 15px;
  margin-bottom: 15px;
}

.glb-alert span {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: 15px;
  margin-bottom: 0px;
}

.glb-alert-gap {
  gap: 5px;
}


.main-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
}

#ailaysa-logo{
  width: 110.4px;
  height: 30.65px;
  margin-bottom: 52px;
}

.main-section h1{
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 50px;
  text-align: center;
  color: #1D1F20;
  margin: 0;
}

.main-section p{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #4F4F55;
}

.main-section a{
  color: #0078D4;
  text-decoration: none;
}

#wire-connection-img{
  margin-top: 158px;
  width: auto;
  
}

.src-lang__single-value{
  overflow: visible !important;
}
.country-select__single-value{
  overflow: visible !important;
}

.vendor-signup-alert{
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.asterik-symbol{
  color: #E74C3C !important;
  padding-left: 0px;
  text-decoration: none !important;
}

.rodal.join-free-note-modal-wrapper .rodal-dialog{
  width: min(100%, 762px) !important;
  box-shadow: 0px 3px 14px #00000038 !important;
  border-radius: 6px !important;
  height: min(100%, 460px) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.rodal.join-free-note-modal-wrapper{
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 1082;

}

.rodal.join-free-note-modal-wrapper .rodal-mask{
  background-color: #0000003d !important;
}

.rodal.join-free-note-modal-wrapper .rodal-dialog .join-note-modal-wrapper-main-body{
  width: 100%;
  height: 100%;
  padding: 30px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.join-note-modal-close-wrapper{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #1F2123;
  cursor: pointer;
  position: absolute;
  right: -52px;
}

.join-note-modal-wrapper-main-body h1.title{
  font-family: Roboto;
  font-style: normal;
  width: min(100%, 634px);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #1D1F20;
  margin-bottom: 29px;
}

.join-note-modal-wrapper-main-body p.sub-texts{
  font-family: Roboto;
  font-style: normal;
  width: min(100%, 634px);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #1D1F20;
  margin-bottom: 29px;
}

.join-note-modal-wrapper-main-body p.sub-texts.continue-txt{
  margin-bottom: 35px;
}

.join-note-modal-wrapper-main-body p.sub-link-texts{
  font-family: Roboto;
  font-style: normal;
  width: min(100%, 634px);
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #1D1F20;
  margin-bottom: 40px;
}

.join-note-modal-wrapper-main-body p.sub-link-texts a{
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #0673F7;
  /* margin-left: 5px; */
}

.join-note-modal-wrapper-main-body p.sub-link-texts a:hover{
  color: #0673F7 !important;
  text-decoration: underline !important;
}


.join-note-modal-wrapper-main-body .confirmation-btn{
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  background-color: #0673F7;
  border-radius: 3px;
  min-width: 150px;
  padding: 11px;
}

.proz-logo{
  width: 26px;
}

.ai-login-submit-btn.final-submit-btn{
  width: fit-content;
  padding-left: 0;
  padding-right: 0;
}