@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
  url('../../fonts/Plus_Jakarta_Sans/PlusJakartaSans-ExtraBold.ttf') format('truetype');
}

html {
  height: 100%;
  width: 100%;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

body {
  margin: 0;
  color: #4D5369;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  font-family: 'Plus Jakarta Sans';
  position: relative;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  min-width: 320px;
  background-color: #fff;
}

body.active {
  overflow: hidden;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear {
  clear: both;
  visibility: hidden;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.white {
  color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.001em;
  color: #000000;
}

h1 {
  font-weight: 800;
  font-size: 42px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 24px;
  font-weight: 400;
}

h4 {
  font-size: 18px;
  font-weight: 400;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

h6 {
  font-size: 18px;
  font-weight: 900;
}

p {
  margin: 0 0 1.875rem 0;
}

p:last-child {
  margin-bottom: 0;
}

img {
  display: block;
  max-width: 100%;
  margin: auto;
}

a {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

/*== buttons
---------------------------------*/
.b-link {
  justify-content: flex-start;
  color: #323131;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 1;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.b-link:hover {
  text-decoration: none;
  color: #e83135;
  transition: 0.3s;
}

.b-link i {
  color: #e83135;
  font-size: 9px;
  margin: 0 0 0 13px;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  overflow: visible;
  width: auto;
  outline: none;
  box-shadow: none;
}

button:hover, button:focus, button:active {
  outline: none;
  text-decoration: none;
}

.purple-btn,
.swal-button {
  position: relative;
  justify-content: center;
  width: 180px;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 32px;
  color: #F1F7FF;
  background: linear-gradient(90deg, #0B3D84 0%, #4598F1 100%);
  text-decoration: none;
  z-index: 1;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
}

.un-background {
  color: #0961DB;
  border: 1px solid #4598F1;
  background: #fff;
  z-index: 1;
}

.un-background:hover {
  color: #F1F7FF;
}

.purple-btn::before,
.b-main .btn::before,
.swal-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #092B59 0%, #0155C9 100%);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: -1;
  border-radius: 32px;
}

.purple-btn:hover::before,
.b-main .btn:hover::before,
.purple-btn:active::before,
.purple-btn:focus::before,
.swal-button:hover::before {
  opacity: 1;
}

.purple-btn:hover i,
.purple-btn:hover,
.swal-button:hover {
  text-shadow: 0 0 1px #fff;
}

.btn {
  justify-content: center;
  border-radius: 32px;
  width: 180px;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  background: #4390EF;
  border: 1px solid #89BAFF;
  z-index: 1;
  transition: all 0.3s;
}

.btn:hover, .btn:active, .btn:focus {
  color: #fff;
  border-color: transparent;
}

.b-main .btn:hover, .btn:active, .btn:focus {
  text-shadow: 0 0 1px #fff;
}

.btn-white {
  color: #ffffff;
}

.btn-white:hover, .btn-white:active, .btn-white:focus {
  background: #F3F3F3;
  text-decoration: none;
  color: #000929;
  transition: 0.3s;
}

.btn-yellow {
  background: #E0AF12;
  color: #ffffff;
}

.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
  background: #D7A811;
  box-shadow: 0 5px 15px rgba(92, 107, 192, 0.4);
  transition: 0.3s;
  text-decoration: none;
  color: #FFFFFF;
}

.no-card {
  font-weight: 400;
  font-size: 12px;
}

.disable {
  color: #CCCCCC !important;
  border-color: #E6E6E6 !important;
  pointer-events: none;
}

.disable i {
  color: #CCCCCC !important;
}

.disable:hover, .disable:active, .disable:focus {
  color: #CCCCCC;
  border-color: #E6E6E6;
}

.disable:hover i, .disable:active i, .disable:focus i {
  color: #CCCCCC;
}

.swiper-button-disabled {
  color: #CCCCCC !important;
  border-color: #E6E6E6 !important;
  pointer-events: none;
}


/*== inputs
---------------------------------*/
input {
  outline: none;
  border: none;
}

.b-input-text {
  font-family: 'Plus Jakarta Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  width: 100%;
  height: 42px;
  background: #fff;
  border: 1px solid #C0C5D8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  color: #000929;
  transition: 0.3s;
  padding: 0 0.625rem;
  margin-top: 0.3125rem;
}

.b-input-text::placeholder,
.b-input-text::-moz-placeholder,
.b-input-text::-ms-input-placeholder,
.b-input-text::-webkit-input-placeholder {
  font-family: 'Plus Jakarta Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #6E7694;
}

.b-input-item.error {
  position: relative;
  margin-bottom: 40px;
}

.b-input-item.not-required {
  position: relative;
  margin-bottom: 40px;
}

.required-text {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #000929;
}

.b-input-item.not-required .b-input-text {
  border-color: #000929;
}

.b-input-text:focus {
  border-color: #0961DB;
}

.b-input-text.is-invalid {
  border-color: #FF3838;
}

.error-text {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #F44336;
}

.error-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

textarea {
  height: 80px;
  outline: none;
}

.b-form-btn {
  margin: 0 1.25rem 0 0;
  cursor: pointer;
}

/*== checkbox , raido
---------------------------------*/

.b-checkbox input[type="checkbox"] {
  display: none;
}

.b-checkbox input[type="checkbox"] + label {
  justify-content: flex-start;
  margin: 0;
}

.b-checkbox input[type="checkbox"] + label span {
  width: 24px;
  height: 24px;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  transition: 0.3s;
  position: relative;
  margin: 0 15px 0 0;
  flex-shrink: 0;
  cursor: pointer;
}

.b-checkbox input[type="checkbox"] + label span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #ff0027;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.b-checkbox input[type="checkbox"]:checked + label span {
  width: 24px;
  height: 24px;
  border: 1px solid #ff0027;
  border-radius: 100%;
  transition: 0.3s;
}

.b-checkbox input[type="checkbox"]:checked + label span:after {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.b-checkbox input[type="checkbox"] + label i {
  color: #040404;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  text-transform: uppercase;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.b-check {
  margin: 0 0 23px 0;
}

.b-check:last-child {
  margin-bottom: 0;
  margin-top: 0;
}

.b-check input[type="checkbox"] {
  display: none;
}

.b-check input[type="checkbox"] + label {
  margin: 0;
}

.b-check input[type="checkbox"] + label span {
  width: 30px;
  height: 30px;
  border: 4px solid #CECECE;
  border-radius: 5px;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: transparent;
  flex-shrink: 0;
  margin: 0 20px 0 0;
}

.b-check input[type="checkbox"] + label {
  cursor: pointer;
  margin: 0;
  justify-content: flex-start;
}

.b-check input[type="checkbox"]:checked + label span {
  width: 30px;
  height: 30px;
  border: 4px solid #4CAF50;
  background: #4CAF50;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  transition: 0.3s;
}

.b-check input[type="checkbox"] + label i {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: #000929;
  font-style: normal;
  cursor: pointer;
  padding: 2px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*== radio
---------------------------------*/
.b-radio {

}

.b-radio input[type="radio"] {
  display: none;
}

.b-radio input[type="radio"] + label {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
}

.b-radio input[type="radio"] + label span {
  width: 24px;
  height: 24px;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  transition: 0.3s;
  position: relative;
  margin: 0 15px 0 0;
  flex-shrink: 0;
  cursor: pointer;
}

.b-radio input[type="radio"] + label span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #ff0027;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.b-radio input[type="radio"]:checked + label span {
  width: 24px;
  height: 24px;
  border: 1px solid #ff0027;
  border-radius: 100%;
  transition: 0.3s;
}

.b-radio input[type="radio"]:checked + label span:after {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.b-radio input[type="radio"] + label i {
  color: #8d8d8d;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  font-style: normal;
  text-transform: none;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.b-radio input[type="radio"] + label i b {
  display: block;
  font-weight: 400;
  color: #040404;
  font-size: 16px;
}

select {
  outline: none;
}

.b-select {
  width: 100%;
  height: 72px;
  border: none;
  border-right: 1px solid #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  background: #ffffff url(../images/select-arrow.png) no-repeat right 20px center;
  background-size: 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  appearance: none !important;
  transition: 0.3s;
  color: black;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 0 30px;
}

.b-select:hover {
  border-color: #2f95fe;
  transition: 0.3s;
}

.fancybox-enabled {
  padding: 0 17px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-container {
  position: relative;
}

.fancybox-container {
  z-index: 999999;
}

.b-mobile {
  display: none;
}

.modal-dialog {
  pointer-events: inherit;
}

.modal {
  z-index: 99999999;
}

.slick-slide, .slick-slide:hover, .slick-slide:focus {
  outline: none !important;
}

.animate-top, .animate-left, .animate-right, .animate-down, .animate-right__fast, .animate-left__fast, .animate-back-in-right {
  transition: 1s;
}

.b-hidden {
  display: none;
}

/* End Total css ====*/
.container-fluid {
  max-width: 1630px;
}

.b-container {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: 0.3s;
}

.b-container.active {
  padding: 50px 0 0 0;
  transition: 0.3s;
}

.container {
  max-width: 1240px;
  margin: 0 auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: -1;
}

.b-top.active {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  z-index: 99999;
}

.top-close {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #A3A6B2;
  font-size: 14px;
}

.top-close:hover {
  color: #000929;
}

.b-top span,
.b-top span a {
  color: #000929;
  text-decoration: underline;
  font-weight: 700;
}

/* -------------- page index -------------- */
.b-header {
  position: relative;
  padding-top: 0.3125rem;
}

.b-header .container {
  max-width: 1346px;
  padding: 0;
  background: #FBFDFF;
  border-radius: 48px;
}

.b-header-content {
  justify-content: space-between;
  padding: 0.3125rem;
}

.b-logo {
  display: block;
  font-family: 'Quicksand', sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.b-logo span {
  display: block;
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  color: #000929;
  text-transform: uppercase;
}

.b-logo span b {
  font-weight: 900;
  color: #E0AF12;
  margin: 0 0 0 2px;
  display: inline-block;
}

.b-logo i {
  display: block;
  margin: 4px 0 0 0;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
  text-transform: capitalize;
  color: #000929;
}

.b-header-right {
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.b-nav {
  width: 100%;
}

.flex-box,
.btn,
.b-link,
.purple-btn,
.table-label,
.swal-button,
.b-using-item,
.b-main-bottom,
.b-header-right,
.b-main-content,
.b-using-bottom,
.b-features-item,
.b-header-content,
.b-features-item__link,
.b-main-left ul li:after,
.b-check input[type="checkbox"] + label,
.b-check input[type="checkbox"] + label span,
.b-check input[type="checkbox"]:checked + label span,
.b-checkbox input[type="checkbox"] + label,
.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__head,
.b-nav > ul > li.b-dropdown-link,
.b-nav > ul {
  display: flex;
  align-items: center;
}

.b-nav > ul {
  justify-content: center;
}

.b-nav > ul > li {
  list-style: none;
  margin-right: 3.75rem;
}

.b-nav > ul > li.b-dropdown-link {
  position: relative;
  justify-content: flex-start;
}

.b-nav > ul > li.b-dropdown-link:after {
  content: "\ea00";
  font-family: 'material-icons';
  margin-left: 0.3125rem;
  transition: all 0.3s;
}

.b-nav > ul > li.b-dropdown-link:hover:after {
  color: #0961DB;
  transform: rotate(180deg);
}

.b-nav > ul > li:last-child {
  margin-right: 0;
}

.b-nav > ul > li button,
.b-nav > ul > li > a {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #000929;
  text-decoration: none;
  position: relative;
  z-index: 99;
  transition: all 0.3s;
}

.b-nav > ul > li button:hover,
.b-nav > ul > .b-dropdown-link:hover > a,
.b-nav > ul > li > a:hover {
  color: #0961DB;
  text-shadow: 0 0 1px #0961DB;
}

.b-dropdown {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 700px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: translateX(-50%);
  padding: 1.25rem;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  box-shadow: 0 4px 8px 0 rgba(33, 50, 74, 0.21);
  border: 1px solid #0861DD;
  border-radius: 20px;
}

.b-nav > ul > li.b-dropdown-link:hover .b-dropdown {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  z-index: 20;
}

.dropdown-triangle {
  position: absolute;
  top: -18px;
  left: calc(50% - 18px);
}

.b-dropdown ul {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  padding: 0;
}

.b-dropdown ul:after {
  position: absolute;
  top: -300px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 150px;
  height: 100%;
  z-index: 1;
}

.b-dropdown ul li {
  list-style: none;
  padding: 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 0.3125rem;
  position: relative;
  z-index: 3;
}

.b-dropdown ul li.active,
.b-dropdown ul li:hover {
  background: #F2F6FC;
  border-radius: 8px;
}

.b-dropdown ul li a {
  display: block;
  text-decoration: none;
}

.b-dropdown ul li a b {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #0861DD;
  margin-bottom: 0.625rem;
}

.b-dropdown ul li a p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.63;
  color: #40475F;
}

.b-dropdown-btns {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.25rem;
  position: relative;
  z-index: 10;
}

.b-dropdown-btns .purple-btn {
  margin-right: 0.625rem;
}

.b-dropdown-btns:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #4B97F4;
}

/* -------------- b-main -------------- */

.b-section.b-main {
  margin-top: 0.3125rem;
}

.pricing-main,
.b-main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-main .container {
  position: relative;
  max-width: 1346px;
  border-radius: 32px;
}

.b-main .container {
  background: url('../../images/landing-new/rectangle.svg') no-repeat, linear-gradient(180deg, #59B5F9 0%, #1C5DE3 100%);
}

.pricing-main .container {
  background: url('../../images/landing-new/pricing-plans.svg') center 20% no-repeat, url('../../images/landing-new/pricing-main-fon.svg') center bottom / cover no-repeat ;
  border: 1px solid #E1EEFD;
}

.features-main .container,
.content-workflow .container {
  background: url('../../images/landing-new/content-workflow.svg') center 20% no-repeat, url('../../images/landing-new/pricing-main-fon.svg') center bottom / cover no-repeat ;
  border: 1px solid #E1EEFD;
}

.only-content-title .container {
  background: url('../../images/landing-new/content-workflow.svg') center no-repeat, url('../../images/landing-new/pricing-main-fon.svg') center bottom / cover no-repeat ;
  border: 1px solid #E1EEFD;
}

.feature-page .b-main {
  padding: 50px 0 50px 0;
}

.b-main-content {
  justify-content: space-between;
  flex-direction: column;
  padding: 0 0.3125rem;
}

.feature-page .b-main-content {
  justify-content: center;
  align-items: center;
  text-align: center;
  text-align: -webkit-center;
}

.feature-page .b-features-item__img img {
  border-radius: 7px;
}

.b-main-left {
  max-width: 952px;
  text-align: center;
  color: #fff;
}

.b-main-center {
  width: 75%;
}

.b-main-bottom {
  justify-content: center;
}

.b-main-center .b-main-btns {
  justify-content: center;
}

.b-main-title {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.32;
  color: #fff;
  margin: 1.75rem 0;
}

.b-main-left p,
.b-main-center p {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.b-main-left p {
  line-height: 25px;
}

.b-main-center p {
  margin: 0 3em;
}

.b-main-btns {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.btn-wrap {
  margin: 0 15px 0 0;
}

.b-main-image {
  width: 45%;
  position: relative;
}

.b-main-image img {
  position: relative;
  left: 38px;
  max-width: inherit;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.b-main-video {
  position: relative;
  width: 50%;
  position: relative;
  border: 5px solid #63A9FF;
  border-radius: 24px;
  background-color: #FFFFFF;
}

#wistia_100\.thumbnail {
  border-radius: 18px !important;
}

.b-main-video:after {
  content: "";
  position: absolute;
  display: block;
  top: -6px;
  left: -6px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 1px solid #B1D4FF;
  border-radius: 24px;
}

/* -------------- b-about -------------- */
.b-section {
  margin-top: 160px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-title {
  display: block;
  font-weight: 800;
  font-size: 38px;
  line-height: 1.31;
  color: #000929;
  margin: 0 0 25px 0;
}

.b-about-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.b-about-left {
  width: 70%;
  flex-shrink: 0;
}

.b-about-items {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}

.b-about-col {
  width: 50%;
  margin-bottom: 60px;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-about-item {

}

.b-about-item b {
  display: block;
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3F51B5;
  margin: 0 0 26px 0;
}

.b-about-item ul {
  padding: 0;
  margin: 0;
}

.b-about-item ul li {
  list-style: none;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  color: #000929;
  margin: 0 0 10px 0;
}

.b-about-item ul li:last-child {
  margin-bottom: 0;
}

.b-about-img {
  width: 35%;
  padding: 30px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 2;
}

.b-about-img img {
  max-width: inherit;
  position: relative;
  left: -52px;
}

/* -------------- b-using -------------- */

.b-section.b-using .container {
  max-width: none;
}

.b-using-items {
  display: flex;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
}

.b-using-col {
  width: 44%;
  padding: 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-using-col:nth-child(1),
.b-using-col:nth-child(2) {
  padding-top: 0;
}

.b-using-col:nth-child(2n-1) {
  padding-left: 0;
}

.b-using-col:nth-child(2n) {
  padding-right: 0;
}

.b-using-col:nth-last-child(-n+2) {
  padding-bottom: 0;
}

.b-using-col:nth-child(2),
.b-using-col:nth-child(3) {
  width: 56%;
}

.img-using-item {
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #D2E1F1;
  box-shadow: 0 0 8px 0 rgba(8, 97, 221, 0.12);
}

.b-using-item {
  justify-content: center;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0 2px 40px rgba(35, 35, 35, 0.05);
  border: 1px solid #3f51b596;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
  text-decoration: none;
}

.b-using-item:hover {
  box-shadow: 1px 2px 20px 0 rgba(41, 40, 40, .2);
}

.b-using-item__text {
  margin-right: 0.625rem;
}

.b-using-item__text b {
  display: block;
  font-weight: 600;
  font-size: 24px;
  color: #000929;
  margin: 0 0 0.625rem 0;
  line-height: 30px;
}

.b-using-item__text b::first-letter {
  text-transform: uppercase;
}

.b-using-item__text p {
  font-size: 16px;
  line-height: 26px;
  color: #4D5369;
  margin: 0;
}

.img-icon-using-item {
  background: #4598F1;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  justify-content: center;
  color: #fff;
  margin-bottom: 0.625rem;
}

.b-using-bottom {
  justify-content: center;
  margin: 60px 0 0 0;
}

.b-using-bottom .b-main-btns {
  margin: 0;
}

/* -------------- b-features -------------- */

.b-features-container {
  border: 1px solid #4598F1;
  background: #F0F7FF;
  border-radius: 32px;
  padding: 1.875rem;
}

.b-features-container .b-features-item__text {
  max-width: 530px;
  margin: 0 0.625rem 0 0;
}

.b-features-container .b-features-item__reverse .b-features-item__text {
  margin: 0 0 0 0.625rem;
}

.b-features-container .b-features-item__text b {
  text-transform: capitalize;
}

.b-features-container .b-features-item {
  padding: 3.75rem 0;
}

.b-features-container .b-features-item:first-child {
  padding-top: 0;
}

.b-features-container .b-features-item:last-child {
  padding-bottom: 0;
}

.b-features {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-features-item {
  justify-content: space-between;
}

.b-features-item__text {
  color: #fff;
  margin-right: 1.25rem;
}

.b-features-item__text strong {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #000929;
}

.b-features-item__text b {
  display: block;
  font-weight: 600;
  font-size: 36px;
  color: #000929;
  margin: 1.25rem 0;
}

.b-features-item__text p {
  font-weight: 400;
  font-size: 16px;
  color: #000929;
  line-height: 25px;
  margin: 0;
}

.b-features-item__link {
  display: inline-block;
  justify-content: flex-start;
  font-weight: 500;
  text-decoration: none;
  margin-top: 1.25rem;
  color: #000929;
  transition: all 0.3s;
}

.features-content .b-features-item__text strong,
.features-content .b-features-item__text b,
.features-content .b-features-item__link {
  color: #fff;
}

.features-content .b-features-item__text p {
  color: #CBDEFA;
}

.b-features-item__link:hover span,
.b-features-item__link:hover {
  color: #5e5e5e;
  text-decoration: underline;
}

.features-content .b-features-item__link:hover span,
.features-content .b-features-item__link:hover {
  color: #fff;
  text-shadow: 0 0 0.5px #fff;
}

.b-features-item__link:hover:after {
  color: #777777;
}

.b-features-item__img {
  flex-shrink: 3;
}
.features-content .b-features-item__img {
  flex-shrink: unset;
}

.b-features-item__img img {
  max-width: 528px;
  -webkit-filter: drop-shadow(0 10px 60px rgba(35, 35, 35, 0.1));
  filter: drop-shadow(0 10px 60px rgba(35, 35, 35, 0.1));
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  image-rendering: -webkit-optimize-contrast;
  border-radius: 16px;
  border: 1px solid #C4D5ED;
}

.b-features-item__reverse {
  flex-direction: row-reverse;
}

/* -------------- b-block -------------- */

.b-block-top {
  position: relative;
  padding: 70px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-block-top:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 394px;
  background: #3F51B5;
  z-index: 1;
}

.b-block-top-workflow {
  padding: 60px 0;
}

.b-block-top-workflow:after {
  height: 100%;
}

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

.manage-platform p {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #000929;
}

h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 38px;
  line-height: 50px;
  color: #000929;
  margin: 65px 0 15px 0;
}

.manage-items {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.manage-inline-block {
  max-width: calc(25% - 1.25rem);
  height: 270px;
  margin: 1.25rem 1.25rem 0 0;
  border-radius: 24px;
  padding: 1.25rem;
  box-sizing: border-box;
  min-height: 170px;
  text-decoration: none;
  border: 1px solid #4598F1;
  overflow: hidden;
}

.manage-inline-block > img {
  margin: 0;
}

.manage-inline-block:nth-child(4n),
.manage-inline-block:nth-last-child(1) {
  margin-right: 0;
}

.manage-inline-block:nth-child(1),
.manage-inline-block:nth-child(2),
.manage-inline-block:nth-child(3),
.manage-inline-block:nth-child(4) {
  margin-top: 0;
}

.manage-inline-block p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  color: #4D5369;
}

.manage-inline-block .title {
  text-transform: capitalize;
  margin: 1.25rem 0;
  text-align: left;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}

.manage-inline-block:hover {
  background: #F0F7FF;
}

.b-title.white {
  color: #ffffff;
}

.b-block-top .container {
  position: relative;
  z-index: 2;
}

.b-block-top .b-title {
  text-align: center;
  margin: 0 0 30px 0;
}

.b-block-top .b-main-btns {
  margin: 0;
  justify-content: center;
}

.b-block-top .b-main-btns i {
  color: #ffffff;
}

.b-block-content {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F0F7FF;
  border-radius: 32px;
  padding: 2.5rem;
}

.b-block-content > div {
  width: 50%;
}

.b-block-content > div:first-child {
  margin-right: 120px;
}

.b-block-left b {
  display: block;
  font-family: 'Plus Jakarta Sans';
  font-weight: 600;
  font-size: 36px;
  line-height: 45px;
  text-transform: capitalize;
  max-width: 70%;
  color: #000929;
  margin: 0 0 1.25rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-block-left ul {
  padding: 0;
  margin: 0;
}

.b-block-left ul li {
  list-style: none;
  position: relative;
  font-family: 'Plus Jakarta Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 0 1.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000929;
  margin: 0 0 0.625rem 0;
}

.b-block-left ul li:last-child {
  margin-bottom: 0;
}

.b-block-left ul li:after {
  content: "\e994";
  font-size: 13px;
  color: #F0F7FF;
  position: absolute;
  width: 18px;
  height: 18px;
  top: calc(50% - 9px);
  left: 0;
  font-family: 'material-icons';
  border-radius: 50%;
  background: #000929;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b-block-form {
  background: #fff;
  border-radius: 24px;
  padding: 1.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-block-form__top {
  margin: 0 0 1.25rem 0;
}

.b-block-form__top b,
.swal-title {
  display: block;
  font-weight: 500;
  font-size: 24px;
  text-align: center;;
  color: #000929;
}

.b-block-form__top span, .swal-text {
  display: block;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.45;
  color: #000929;
}

.b-input-item {
  margin: 0 0 1.25rem 0;
}

.b-block-form__bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.b-block-form__bottom > button {
  min-width: 15%;
}

.b-block-form__bottom > div {
  max-width: 80%;
  overflow: hidden;
}

/* -------------- b-footer -------------- */

.b-footer-content {
  padding: 1.875rem;
  border-top: 1px solid #CCDDF5;
  border-bottom: 1px solid #CCDDF5;
}

.b-footer-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.b-footer-item:last-child {
  margin-right: 0;
}

.b-footer-item__top {
  color: #094FB1;
  display: block;
  margin: 0 0 1.25rem 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.b-footer-item ul {
  padding: 0;
  margin: 0;
}

.b-footer-item ul li {
  list-style: none;
  margin: 0 0 1.25rem 0;
}

.b-footer-item ul li:last-child {
  margin-bottom: 0;
}

.b-footer-item ul li a {
  color: #000929;
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.b-footer-item ul li a:hover {
  text-decoration: underline;
}

.b-footer-bottom {
  text-align: center;
  padding: 1.25rem 0;
}

.b-copyright {
  font-weight: 400;
  font-size: 16px;
  color: #000929;
}

.build {
  color: #bfbfbf;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 6px;
}

/* -------------- b-footer -------------- */

.b-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 35, 35, 0.55);
  z-index: -1;
  overflow: auto;
  padding: 50px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.b-modal.active {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  z-index: 99999;
}

.b-modal::-webkit-scrollbar {
  width: 0;
}

.b-modal {
  -ms-overflow-style: none;
}

.b-modal {
  overflow: -moz-scrollbars-none;
}

.b-modal-content {
  margin: 50px auto 0;
  width: 600px;
  background: #FFFFFF;
  box-shadow: 0 0 40px rgba(35, 35, 35, 0.05);
  border-radius: 5px;
  padding: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-modal-content .b-form-btn {
  width: 292px;
}

/* -------------- b-inner -------------- */

.b-inner {
  background: -webkit-linear-gradient(270deg, rgba(63, 81, 181, 0.1) 0%, rgba(90, 110, 198, 0) 100%);
  background: -o-linear-gradient(270deg, rgba(63, 81, 181, 0.1) 0%, rgba(90, 110, 198, 0) 100%);
  background: linear-gradient(360deg, rgba(63, 81, 181, 0.1) 0%, rgba(90, 110, 198, 0) 100%);
}

.b-content.monthly-pricing-container,
.b-content.annual-pricing-container {
  position: relative;
  margin-top: -260px;
}

.b-content .container {
  max-width: 1104px;
}

.b-content-title__item {
  font-weight: 600;
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  color: #000929;
  margin: 0;
}

.features-main .b-content-title__item {
  margin-bottom: 1.25rem;
}

.b-content-title__item span {
  color: #0961DB;
}

.b-content-title {
  max-width: 950px;
  padding: 0 0.3125rem;
}

.b-content-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  text-align: center;
  color: #000929;
}

.b-table {
  width: 100%;
  padding: 1.25rem;
  box-sizing: border-box;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 2px 14px 0 rgba(80, 101, 130, 0.22);
  color: #000;
}

.b-table .thead .row .cell:first-child {
  font-weight: 600;
  font-size: 24px;
  line-height: 30.24px;
}

.mobile {
  display: none !important;
}

.b-table .row {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.b-table .tbody .row:last-child .cell {
  padding-bottom: 0;
}

.b-table .thead .row .cell {
  line-height: 1.7;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
}

.popular {
  background: linear-gradient(180deg, #59B5F9 0%, #1C5DE3 100%);
  border-radius: 16px;
}

.b-table .thead .row .cell.popular {
  color: #fff;
}

.cell.popular .annual-pricing span:not(.big) {
  color: rgba(255, 255, 255, 0.6);
}

.b-table .thead .row .cell b {
  font-weight: 600;
  font-size: 24px;
  line-height: 30.24px;
}

.b-table .thead .row .cell b .big {
  font-size: 36px;
}

.b-table .row .cell:first-child {
  text-align: left;
}

.b-table .row .cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
}

.b-table .row .cell:nth-child(1) {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}

.b-table .row .cell:last-child {
  border-right: none;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}

.b-table .row .cell {
  width: 25%;
  box-sizing: border-box;
}

.b-table .tbody {
  margin-top: 1.25rem;
}

.font-size-lg {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}

.b-table .tbody .row .cell {
  padding: 1.25rem 0.625rem;
}

.b-table .tbody tr:last-child .cell {
  border-bottom: none;
  padding: 15px 13px;
}

.b-table .purple-btn {
  margin: 0 auto 0;
}

.b-table .tbody .row:nth-child(even) {
  background: #F2F6FC;
  border-radius: 8px;
}

.b-table .icon-close {
  font-size: 18px;
  color: #FF3B30;
}

.check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #56B177;
  border-radius: 50%;
  margin: auto;
}

.icon-check {
  color: #F2F2F7;
  font-size: 12px;
  font-weight: 900 !important;
}

.b-content-block {
  background: #F0F7FF;
  border-radius: 32px;
  padding: 3.75rem;
}

.b-content-top {
  text-align: center;
  color: #000929;
  margin: 0 0 1.875rem 0;
  font-weight: 600;
  font-size: 36px;
  line-height: 45.36px;
}

.b-content-items__container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.b-content-items__container ul {
  padding: 0;
  margin: 0 50px 0 0;
}

.b-content-items__container ul:last-child {
  margin-right: 0;
}

.b-content-items__container ul li {
  list-style: none;
  position: relative;
  padding: 0 0 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #000929;
  margin: 0 0 20px 0;
}

.b-content-items__container ul li:last-child {
  margin-bottom: 0;
}

.b-content-items__container ul li:after {
  content: "\e904";
  font-size: 13px;
  color: #000929;
  position: absolute;
  top: 8px;
  left: 0;
  font-family: 'icomoon', sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.b-content-block p {
  text-align: center;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  color: #000929;
  margin: 0;
  padding: 0 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-content-block p a {
  color: #1E88E5;
  font-weight: 500;
}

/* -------------- b-faq -------------- */

.b-faq-item {
  padding: 1.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C0C5D8;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 0.625rem;
}

.b-faq-item.active {
  border-color: #0961DB;
}

.b-faq-item__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 130px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.b-faq-item__top:after {
  content: "\ea00";
  color: #000;
  position: absolute;
  top: 15px;
  transform: translateY(-50%);
  right: 0;
  font-size: 20px;
  font-family: 'material-icons';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.3s;
}

.b-faq-item__top.active,
.b-faq-item__top:hover:after {
  color: #0861DD;
}

.b-faq-item__top.active:after {
  top: 6px;
  transform: rotate(180deg);
}

.b-faq-item__top span {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #000929;
}

.b-faq-item__content {
  display: none;
}

.b-faq-item__text {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.5;
  color: #777777;
  padding: 35px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-faq-item__text p {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.5;
  color: #777777;
}

.ripple {
  position: relative;
  overflow: hidden;
}

.ripple-effect {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid rgba(255, 255, 255, .3);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: ripple 1s ease forwards;
  animation: ripple 1s ease forwards;
  z-index: 3;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(200);
    transform: scale(200);
  }
}

@keyframes ripple {

  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(200);
    transform: scale(200);
  }
}

.contact-form .invalid-feedback {
  color: red;
  font-size: 0.9rem;
  margin-top: 0.3125rem;
  margin-left: 0.3125rem;
}

.swal-footer {
  text-align: center;
}

.swal-text {
  max-width: 100%;
  text-align: center;
}

#contacts-form .g-recaptcha {
  transform: scale(0.68);
  transform-origin: 0 0;
}

.content-page h1 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 38px;
}

.content-page h2 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 30px;
}

.content-page h3 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
}

.content-page .content-img {
  -webkit-filter: drop-shadow(0 0 3px rgba(63, 81, 181, 0.3));
  filter: drop-shadow(0 0 3px rgba(63, 81, 181, 0.3));
  margin: 30px auto;
}

.content-page p, .ul-content-page li, .ol-content-page li {
  font-size: 20px;
  line-height: 34px;
  color: #000929;
  margin: 0 0 35px 0;
}

.content-page p:last-child, .ul-content-page li:last-child, .ol-content-page li:last-child {
  margin-bottom: 0;
}

.ul-content-page li, .ol-content-page li {
  text-indent: 25px;
}

.ol-content-page li {
  list-style: decimal inside;
}

.ul-content-page li {
  position: relative;
  list-style: none;
  text-indent: 45px;
}

.ul-content-page li:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: 20px;
  width: 13px;
  height: 13px;
  background: #3F51B5;
  border-radius: 50%;
}

.ul-content-page, .ol-content-page {
  padding: 0;
}

.box-content-page {
  background: #FFFFFF;
  border: 1px solid #E1EEFD;
  box-sizing: border-box;
  box-shadow: 0 0 40px rgba(35, 35, 35, 0.05);
  border-radius: 16px;
  padding: 1.25rem;
  margin: 80px 0;
}

.box-content-page ul li {
  font-size: 20px;
  line-height: 34px;
  position: relative;
  list-style: none;
  text-indent: 42px;
}

.box-content-page ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: 20px;
  width: 10px;
  height: 10px;
  background: #3F51B5;
  border-radius: 50%;
}

.box-content-page ul li a {
  text-decoration: none;
  color: #3F51B5
}

.box-content-page ul li ul li:before {
  left: 45px;
  background: #ffffff;
  outline: 2px solid #7481cb;
  width: 6px;
  height: 6px;
}

.box-content-page ul li ul li {
  text-indent: 67px;
}

.box-content-page figure {
  border: 2px #3f51b569 solid;
  display: flex;
  flex-flow: column;
  margin-bottom: 35px;
  width: fit-content;
}

.box-content-page figure figcaption {
  background-color: #3f51b512;
  color: #3F51B5;
  padding: 13px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.table {
  width: 100%;
  border-collapse: unset;
  border: 1px solid #DDDDDD;
  border-spacing: 0;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 0 40px rgba(35, 35, 35, 0.05);
  border-radius: 5px;
  margin: 25px 0;
}

.table .cell {
  border: 1px solid #DDDDDD;
  padding: 15px 40px;
  font-size: 22px;
  border-right: 0;
  border-bottom: 0;
}

.table .head .cell {
  font-size: 25px;
  font-weight: bold;
  padding: 50px 0;
}

.table .cell:nth-child(2), .table .cell:nth-child(3) {
  text-align: center;
  width: 28%;
}

.table .cell:nth-child(1) {
  border-left: 0;
}

.table tr:first-child .cell {
  border-top: 0;
}

.table tr:first-child .cell:first-child {
  border-top-left-radius: 5px;
}

.table tr:first-child .cell:last-child {
  border-top-right-radius: 5px;
}

.table tr:last-child .cell:first-child {
  border-bottom-left-radius: 5px;
}

.table tr:last-child .cell:last-child {
  border-bottom-right-radius: 5px;
}

.promo-unit {
  margin-top: 42px;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
}

.promo-unit img {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 8px;
}

.promo-unit .promo-cta {
  color: #3F51B5;
  text-decoration: none;
}

.promo-unit .promo-cta:hover {
  text-decoration: underline;
}

.feature-page .promo-unit {
  background: rgba(63, 81, 181, 0.1);
  margin-top: 0;
  padding-bottom: 30px;
}

.hidden-pricing .b-content-top {
  font-size: 28px;
}

.hidden-pricing ul {
  margin-top: 34px;
  margin-bottom: 40px;
}

.hidden-pricing ul li {
  list-style: none;
  position: relative;
  padding: 0 0 0 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 22px;
  line-height: 1;
  color: #000929;
  margin: 0 0 35px 0;
}

.hidden-pricing ul li:after {
  content: "\e904";
  font-size: 16px;
  color: #000929;
  position: absolute;
  top: 4px;
  left: 0;
  font-family: 'icomoon', sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hidden-pricing .cta {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.pricing-info {
  border-bottom: 1px dashed #0961DB;
  padding-bottom: 1px;
  cursor: help;
}

.tooltipster-base {
  max-width: 300px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15.6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 12px;
  background: linear-gradient(180deg, #59B5F9 0%, #1C5DE3 100%);
  box-shadow: 0 4px 4px 0 rgba(128, 151, 183, 0.59);
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #ffffff;
  padding: 12px 15px;
  line-height: 1.4;

}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #1C5DE3;
}

.pricing-period {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 74px;
  border: 1px solid #0861DD;
  border-radius: 32px;
  padding: 0.3125rem;
  background: rgba(255, 255, 255, 0.5);
}

.toggle-btn__before,
.toggle-btn__after {
  position: relative;
  width: 176px;
  height: 42px;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  border-radius: 32px;
  transition: all 0.3s;
}

.toggle-btn__before.active,
.toggle-btn__after.active,
.toggle-btn__before:hover,
.toggle-btn__after:hover {
  background: #0961DB;
  color: #fff;
  text-shadow: 0 0 1px #fff;
}

.pricing-period .toggle-btn__after .pricing-toggle-discount {
  position: absolute;
  display: block;
  width: 104px;
  top: -25px;
  left: calc(50% - 52px);
  text-align: center;
  color: #F1F7FF;
  font-weight: 500;
  font-size: 14px;
  line-height: 22.4px;
  background: #E43939;
  padding: 0.3125rem 0;
  border-radius: 32px;
}

.toggle-btn {
  display: none;
}

.monthly-pricing {
  min-width: 122px;
  margin: 0.625rem 0;
}

.annual-pricing {
  margin: 0.625rem 0;
  min-width: 135px;
}

.annual-pricing-container .monthly-pricing {
  display: none;
}

.monthly-pricing-container .annual-pricing {
  display: none;
}

.annual-pricing span:not(.big) {
  display: block;
  color: #6E7694;
  font-size: 20px;
  font-weight: 600;
  text-decoration-line: line-through;
}

.annual-pricing__note {
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
}

.pricing-faq .b-faq-container {
  padding: 0 1.875rem;
}

.pricing-faq .b-faq-container .b-faq-item__top span {
  font-size: 20px;
}

.pricing-faq .b-faq-container .b-faq-item__top:hover span,
.pricing-faq .b-faq-container .b-faq-item__top.active:after,
.pricing-faq .b-faq-container .b-faq-item__top.active span {
  color: #0961DB;
  text-shadow: 0 0 1px #0961DB;
}

.pricing-faq .b-faq-container .b-faq-item__content .b-faq-item__text {
  padding: 25px 0 0 0;
}

.pricing-faq .b-faq-container .b-faq-item__content .b-faq-item__text p {
  margin: 0.3125rem 0;
  padding: 0;
  text-align: left;
  color: #181B34;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

/* -------------- landing page styles -------------- */

.lp .b-main-left {
  width: 55%;
  padding-right: 25px;
}

.b-main.lp {
  padding: 25px 0 30px 0;
}

.b-main.lp .b-main-youtube {
  margin-bottom: 1.8rem;
}

.b-main.lp .b-main-youtube iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.b-main-left ul {
  font-weight: normal;
  font-size: 21px;
  line-height: 1.42;
  color: #000929;
  margin-bottom: 1.8rem;
}

.b-main-left ul li {
  line-height: 1.92;
  list-style: none;
  position: relative;
  padding: 0 0 0 38px;
}

.b-main-left ul li:after {
  justify-content: center;
  content: "\e904";
  font-size: 12px;
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 0;
  font-family: 'icomoon', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #3F51B5;
}

.b-main-calendly {
  width: 45%;
  position: relative;
  border: 1px solid #3F51B5;
  border-radius: 5px;
  background-color: #FFFFFF;
  min-height: 744px;
}

.b-main-calendly .calendly-form-title {
  font-size: 21px;
  margin: 15px;
}

.b-section .b-title {
  margin-bottom: 3.75rem;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  text-transform: capitalize;
}

.b-section .trial-today .b-title {
  margin-bottom: 2.5rem;
}

.b-section .b-title.small {
  font-size: 28px;
}

.b-section .b-title .gradient {
  background: linear-gradient(90.03deg, #C1DBFF 0.02%, #FFFFFF 103.1%);
  border-radius: 13px;
  padding: 0 0.3125rem;
  color: #0961DB;
}

.b-section .b-title .blue {
  color: #0961DB;
}

.lp .b-using-item {
  background: #F4F7FB;
  border: 1px solid #4598F1;
  border-radius: 16px;
  box-shadow: unset;
  padding: 1.25rem;
  align-items: start;
}

.lp-logos {
  display: flex;
  justify-content: space-around;
  align-content: center;
  flex-wrap: wrap;
}

.lp-logos .lp-logo {
  align-content: center;
  justify-content: center;
}

.lp-logos .lp-logo img {
  margin: 0.3125rem auto;
}

.b-using.lp.customer-reviews .b-using-col {
  width: 33%;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item {
  display: block;
  position: relative;
  padding-bottom: 85px;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__head {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__head .pic {
  margin-right: 15px;

}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__head .pic img {
  min-width: 96px;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__head .user-info .name {
  font-size: 38px;
  font-weight: 500;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__head .user-info .company {
  font-size: 27px;
  font-weight: 500;
  width: 171px;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__text b {
  text-align: left;
  text-transform: none;
  font-size: 18px;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__text p {
  text-align: left;
}

.b-using.lp.customer-reviews .b-using-col .b-using-item .b-using-item__logo {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 116px;
}

.b-block-top-workflow.lp .btn-yellow {
  text-transform: uppercase;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.3125rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.3125rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.3125rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.3125rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.3125rem !important;
}

.m-2 {
  margin: 0.625rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.625rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.625rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.625rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.625rem !important;
}

.m-3 {
  margin: 1.25rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1.25rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1.25rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1.25rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1.25rem !important;
}

.m-4 {
  margin: 1.875rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.875rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.875rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.875rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.875rem !important;
}

.m-5 {
  margin: 3.75rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3.75rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3.75rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3.75rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3.75rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.3125rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.3125rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.3125rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.3125rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.3125rem !important;
}

.p-2 {
  padding: 0.625rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.625rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.625rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.625rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.625rem !important;
}

.p-3 {
  padding: 1.25rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1.25rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1.25rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1.25rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1.25rem !important;
}

.p-4 {
  padding: 1.875rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.875rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.875rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.875rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.875rem !important;
}

.p-5 {
  padding: 3.75rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3.75rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3.75rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3.75rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3.75rem !important;
}

.top-0 {
  top: 0 !important;
}

.h-100 {
  height: 100%;
}

.justify-content-center {
  justify-content: center;
}

.features-tabs {
  display: flex;
  justify-content: space-around;
  border-radius: 24px;
  padding: 1.25rem 0;
  background: #fff;
  overflow: hidden;
  border: 1px solid #4598F1;
  box-shadow: 0 1px 12px 0 rgba(220, 223, 236, 0.51);
  width: 100%;
  box-sizing: border-box;
}

.button-item {
  flex-direction: column;
}

.button-item > div:last-child {
  margin-top: 0.3125rem;
}

.features-tab {
  max-width: 95px;
  cursor: pointer;
  transition: all 0.3s;
  color: #6E7694;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}

.features-tabs-content {
  flex-direction: column;
}

.features-tab:nth-child(1) {
  max-width: 140px;
  padding-left: 0;
}

.features-tab:nth-last-child(1) {
  padding-right: 0;
}

.features-tab:hover,
.features-tab.active {
  color: #0961DB;
  text-shadow: 0 0 0.5px #0961DB;
}

.features-tab > div:last-child {
  margin-top: 0.3125rem;
}

.features-content {
  background: linear-gradient(180deg, #59B5F9 0%, #1C5DE3 100%);
  border-radius: 32px;
  margin-top: 1.25rem;
  padding: 1.875rem;
}

.features-content-item {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.features-content-item.active {
  opacity: 1;
  max-height: 700px;
}

.slider-container {
  position: relative;
  overflow: hidden
}

.slider {
  display: flex;
  justify-content: center;
}

.slide {
  margin: 0 0.625rem;
  border: 1px solid #4598F1;
  border-radius: 15px;
  padding: 0.625rem 1.25rem;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 0.3s;
}

.slide-use-cases {
  max-width: 310px;
  height: 232px !important;
}

.slide:hover {
  background-color: #F0F7FF;
  cursor: pointer;
}

.slide img {
  max-width: 100%;
  height: auto;
}

.slide .slide-content img {
  margin-left: 0;
}

.slide .user-item img {
  margin-right: 0;
}

.slide h3 {
  font-weight: 600;
  font-size: 24px;
  margin: 0.625rem 0;
  color: #000929;
}

.slide p {
  font-weight: 400;
  font-size: 16px;
  color: #4D5369;
  line-height: 25px;
}

.slider-nav {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
}

.slider-nav i {
  font-size: 26px;
  top: 0;
}

.slick-prev,
.slick-next {
  width: 36px;
  height: 36px;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #4483EF;
  cursor: pointer;
  border-radius: 50%;
  color: #4483EF;
  transition: all 0.3s;
}

.slick-next {
  margin-left: 1.25rem;
}

.slick-prev:hover, .slick-next:hover {
  background-color: #4598F1;
  color: #fff;
}

.slide-customer-reviews {
  max-width: 790px;
  border: 1px solid #4AC6FF;
  opacity: 0.7;
  transform: scale(0.8);
  margin: 0;
  padding: 1.875rem;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.slide-customer-reviews.custom-slick-active {
  transform: scale(1);
  border-color: #4598F1;
}

.slide-customer-reviews.slick-active,
.slide-customer-reviews:hover {
  opacity: 1;
  background-color: transparent;
}

#slider-customer-reviews .slick-track {
  display: flex;
  align-items: center;
}

.slide-customer-reviews h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 1.875rem 0;
  color: #0961DB;
}

.slide-customer-reviews p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

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

.slide-customer-reviews .pic img {
  max-width: 80px;
}

.slide-customer-reviews .user-info {
  margin-left: 1.25rem;
}

.slide-customer-reviews .user-info .name {
  color: #181B34;
  margin-bottom: 0.3125rem;
  font-weight: 600;
  font-size: 18px;
}

.trial-today {
  border-radius: 32px;
  background: url('../../images/landing-new/rectangle-small.svg') no-repeat, linear-gradient(180deg, #59B5F9 0%, #1C5DE3 100%);
  padding: 3.75rem 0;
}

.trial-today .text {
  max-width: 560px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  padding: 0 0.3125rem;
}

.trial-today .text a {
  font-weight: 700;
  color: #fff;
}

.trial-today .text a:hover {
  text-decoration: none;
}

.contacts-form-email {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 0.3125rem;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.padding-block {
  padding: 100px 0 320px 0;
}

.padding-block.padding-center {
  padding: 100px 0;
}

.only-content-title .padding-block.padding-center {
  padding: 50px 0;
}

.text-transform-none {
  text-transform: none !important;
}

.trial-buttons-block {
  margin: 2.25rem 0 0 0;
}

.logo-follow-us {
  margin-bottom: 0.625rem;
}

.link-linkedin {
  margin: 0 0.625rem 0 1.25rem;
}

.img-main-people {
  padding: 2.25rem 0 0 0;
}

.table-real {
  width: 100%;
  border-collapse: unset;
  border: 1px solid #E1EEFD;
  border-spacing: 0;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 0 40px rgba(35, 35, 35, 0.05);
  border-radius: 16px;
  margin: 25px 0;
}

.table-real tr:first-child td:first-child {
  border-top-left-radius: 5px;
}

.table-real tr:first-child td {
  border-top: 0;
}

.table-real td:nth-child(1) {
  border-left: 0;
}

.table-real td {
  border: 1px solid #E1EEFD;
  padding: 1.25rem;
  font-size: 22px;
  border-right: 0;
  border-bottom: 0;
}

.table-real tr:first-child td:last-child {
  border-top-right-radius: 5px;
}

.table-real td:nth-child(2),
.table-real  td:nth-child(3) {
  text-align: center;
  width: 28%;
}

.text-uppercase {
  text-transform: uppercase;
}